/* core */
BODY, HTML{
   font-family: tahoma;
   font-size:12px;
   line-height:1.4em;
}
body{
	margin:0;
	padding: 0;
	background:url(/themes/theme-01/img/body-bg.png) repeat-x #FFFFFF;
}
A{
	text-decoration:none;
}
	A:hover{
		text-decoration:underline;
	}

P, DIV, TD, TEXTAREA{
}

BODY, TABLE, FORM, P, UL, OL, LI, DL, DT, DD {
 	padding: 0px;
	margin: 0px;
}

/* MENU
--------------------------------------------------------*/
#menu	{
	height:53px;
	margin:10px 0 0 0;
}
.logo{
	/*height:127px;*/
	/*background:url(/themes/theme-01/img/logo.png) left no-repeat;*/
}
.link-menu{
	background:url(/themes/theme-01/img/menu-bg.png) no-repeat #FFFFFF;
	height:48px;
}
	.link-menu A{
		display:block;
		float: left;
		width: 176px;
		margin-left: -1px;
		text-align: center;
		text-decoration: none;
		height:40px;
		line-height: 3.7em;
	}
	.link-menu A:hover{
		display:block;
		float: left;
		width: 176px;
		margin-left: -1px;
		text-align: center;
		text-decoration: none;
		height:38px;
		line-height: 3.7em;
	}


/* STRUCTURE GENERALE + HEADER
--------------------------------------------------------*/
#global { 
	position:relative;
	width: 889px;
	margin:auto;
	padding: 5px 0 0 0;
}
#header	{
/* 	background:url(/themes/theme-01/img/header-bg.gif) top repeat-x #ebebe3; */
	padding:30px 0;
}
.wrapper {
	width: 889px;
	margin: auto;
}
#content{
	padding:0;
}
#left {
	float:left; 
	width:250px;
	padding:0;
}
#right{
	float:right;
	width:632px;
/* 	border: 1px solid #6B9FD5 */
}
/*COMMON TAG
--------------------------------------------------------*/
H2, h1 {
	margin:0;
	font-size:1.5em;
	font-weight: 100;
	padding:2px 0;
	margin:0;
}
H3 {
	margin:0;
	font-size:1.2em;
	text-transform: uppercase;
	margin:0 0 10px 0;
}
#left H2 + P {
	margin:0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-style: italic;
	margin:0 0 10px 0;
}
.wrap{
	margin:0 5px;
}
.clear{
	clear:both;
	height:0px;
}
	.clear img{
		height:0px;
		border:0;
	}
.split{
	clear:both;
	height: 1px;
	margin: 10px 0;
	padding: 0;
  background: #6B9FD5;
}
	.split img{
		height:1px;
		border:0;
	}
/* UL LI
 ------------------------------------------------------------------------------ */
UL {
	list-style-type: none;
}
OL {
	list-style-position: inside;
}

ul.style-a  {
	border-left: 1px dotted #B67D2A;
	padding: 0px 5px 0px 10px;
	margin-left: 10px;
}
	ul.style-a  li {
		color: #777777;
		padding-bottom: 5px;
	}
	
/* footer 
 ------------------------------------------------------------------------------ */
#footer{ 
	background:url(/themes/theme-01/img/body-bg.png) repeat-x #FFFFFF;
	background-position: 0 -60px;
	height:112px;
	margin-top: 30px;
}
	#footer P{ 
		line-height: 1.5em;
		padding-top: 20px;
	}
	#footer A{ 
		text-decoration: underline;
	}
	#footer A:hover{ 
		text-decoration: none;
	}
	#footer .alfa{ 
		float: right;
		width: 250px;
		text-align: right;
	}
	
	
/* Color
 ------------------------------------------------------------------------------ */
.color_1, P, UL, OL, .table-text {
	color:#424141; /* classic */
}
.color_2, H3, .box-b .top a, #footer A, A {
	color:#0A6DC6; /* blue */
}
.color_3, H2 , h1{
	color:#343434; /* darker */
}
.color_4, A.but-det, .pages-navig span.selected_page {
	color:#D96B00; /* orange */
}
.color_5, .link-menu A {
	color:#FFFFFF; /* white */
}
.color_6, #left H2 + P, .annonce-cc .texte h3 a {
	color:#959595;
}
.color_7, A.but-det:hover, .geo A:hover, .geo li{
	color:#F1CD00;
}
.bg{	
	background:#9F9F9F;
}
.bg-2{	
	background:#838383;
}


/* Top navigation
 ------------------------------------------------------------------------------ */
#top_navigation {
	width:889px; 
	height:20px; 
	background: #EBEBE3;
/*	border:1px solid #DEDEDE;*/
	padding:2px 0 0 0;
	margin:30px 0;
}
	#top_navigation UL {
		height:16px;
		list-style:none;
	}
	#top_navigation LI {
		min-height:16px;
		height:auto !important;
		padding:0px 20px 0px 10px;
		display: block;
		float:left;
		background: url(/themes/theme-01/img/bg-topnav-split.png) center right no-repeat;
	}
		#top_navigation LI.first{
			margin-left: 5px;
		}
		#top_navigation LI.last{
			margin-left: -10px;
		}
	#top_navigation A, #top_navigation U {
		display:block;
		font-family: Tahoma;
		color:#777777;
		white-space:nowrap;
	}
	#top_navigation A {
		margin:1px 0 0 0;
	}
	#top_navigation U {
		background: none;
		text-decoration: none;
		font-style: italic;
		margin:1px 0 0 5px;
	}
	#top-line-sub {
		background: #404040;
		z-index:1000;
		padding: 5px;
		margin: 2px 0 0 -5px;
	}

/* Boxs
 ------------------------------------------------------------------------------ */

/* Box "b" - avec title */
.box-b .top a, .box-b .top a span {
	display: block;
	background: url(/themes/theme-01/img/box-b-top.png) no-repeat;
}
.box-b .bot a, .box-b .bot a span {
	display: block;
	background: url(/themes/theme-01/img/box-b-bot.png) no-repeat;
}
.box-b .top a {
	color: #EEEEEE;
	font-size: 16px;
	line-height: 1.2;
	text-align: left;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
}
.box-b .top a, .box-b .bot a {
	position: relative;
	top: 0px;
	z-index: 2;
	margin:0px;
	padding: 0 10px 0 0;
}
.box-b .top a span, .box-b .bot a span {
	width:64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 24px; /* IE 6 treats height as min-height */
	min-height: 24px;
	padding: 6px 0 0 10px;
}
.box-b .bot a span {
	height: 9px; /* IE 6 treats height as min-height */
	min-height: 9px;
	padding-top: 0;
}
*>.box-b .top a span, *>.box-b .bot a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.box-b .top span, .box-b .bot span{
	background-position: 0 0;
}
.box-b .top a {
	background-position: 100% -35px;
}
.box-b .bot a {
	background-position: 100% -15px;
}

.box-b .cnt {
  background: #0A6DC6;
	padding: 10px 5px 1px 5px;
}

/* Box "a" - sans title */
.box-a .top a, .box-a .top a span {
	display: block;
	background: url(/themes/theme-01/img/box-a-top.png) no-repeat;
}
.box-a .bot a, .box-a .bot a span {
	display: block;
	background: url(/themes/theme-01/img/box-a-bot.png) no-repeat;
}
.box-a .top a {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2;
	white-space: nowrap; /* required in IE 6 */
}
.box-a .top a, .box-a .bot a {
	position: relative;
	top: 0px;
	z-index: 2;
	margin:0px;
	padding: 0 10px 0 0;
}
.box-a .top a span, .box-a .bot a span {
	width:64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 8px; /* IE 6 treats height as min-height */
	min-height: 8px;
	padding: 0px 0 0 20px;
}
.box-a .bot a span {
	height: 8px; /* IE 6 treats height as min-height */
	min-height: 8px;
	padding-top: 0px;
}
*>.box-a .top a span, *>.box-a .bot a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.box-a .top span, .box-a .bot span{
	background-position: 0 0;
}
.box-a .top a, .box-a .bot a{
	background-position: 100% -15px;
}
.box-a .cnt {
	border-left:2px solid #b2cfeb;
	border-right:2px solid #b2cfeb;
	padding: 0px 5px 0px 5px;
}
.box-a.normal .cnt {
	padding: 2px 10px 2px 10px;
}

/* Buttons
 ------------------------------------------------------------------------------ */
a.button {
	float: right;
	display: block;
	height: 16px;
	font-size: 11px; 
	text-align: center;
	color: #777777;
	padding: 1px 0 0 0;
	margin: 0px 0px 0px 5px;
}
	a.button.request {
		width: 110px;
		background: url(/themes/theme-01/img/bg-button-annonce.png) no-repeat;
	}
	a.button.print {
		width: 110px;
		background: url(/themes/theme-01/img/bg-button-annonce.png) no-repeat;
	}
	a.button.details {
		width: 110px;
		background: url(/themes/theme-01/img/bg-button-annonce.png) no-repeat;
	}
	a.button.geo-nearby {
		width: 240px;
		background: url(/themes/theme-01/img/bg-button-nearby.png) no-repeat;
	}

button {
/*	float: right;*/
	display: block;
	height: 17px;
	font-size: 11px; 
	text-align: center;
	color: #777777;
	border: none;
	padding: 0px 0 0 0;
	margin: 0px 0px 0px 5px;
}	
	button.submit-nearby {
		width: 110px;
		background: url(/themes/theme-01/img/bg-button-annonce.png) no-repeat;
	}

/* Formulaires
 ------------------------------------------------------------------------------ */
.formulaire { 
	border:1px solid #DEDEDE; 
	border-collapse: collapse; 
	margin:5px 0; 
	width:100%;
}
	.formulaire TD {
		border:1px solid #DEDEDE;
		padding:8px 10px;
	}
	
		.formulaire TD.info{
			width:150px;
			vertical-align:top;
		}
			.formulaire td.info.error {
				color: #DC0000;
				background-image: none;
			}
			.formulaire TD.info label span{
				font-style:italic;
				font-size:9px;
			}
		.formulaire TD.data{
			font-weight:bold;
		}
		.formulaire TD.tips{
			font-size:9px;
		}
			.formulaire td.tips.error {
				background: url(/themes/theme-01/ico-forms/ico-error.gif) center no-repeat;
			}
	
	.formulaire .bg, .portail .bg{
		background:#EEF9FF;
	}
	
	.formulaire label {
		width: 150px;
		display: block;
	}
		.formulaire label.error {
			color: #DC0000;
		}
	
	.formulaire .select, .formulaire .input {
		font-family: Tahoma;
		font-size : 11px;
	}
	.formulaire .select {
		width: 240px;
		height: 18px;
		margin: 0px 0px;
		/*padding : 1px 0px 0px 1px;*/
	}
	.formulaire textarea {
		width: 240px;		
		height: 100px;
	}
	.formulaire .input {
		height:13px;
		margin: 0px 0px;
		padding: 1px 1px 1px 1px;
	}
		.formulaire input.error, .formulaire select.error {
			/*border: 1px solid red;*/
			color: #FFF;
			background-color: #DC0000;
		}
		.formulaire select.error {
			border: 1px solid #DC0000;
		}
	#form-warning{
		margin: 0;
		padding: 5px;
	}
	#form-validate-info, #form-send-info, #form-warning{
		background:#EEF9FF;
		border:1px dashed #0A6DC6;
		padding:10px;
		display: none;
	}
	
/* Liens & Bullets
 ------------------------------------------------------------------------------ */
span.bullet{
	padding-left: 20px;
	height:16px;
	display: block;
	line-height: 16px;
} 
	span.bullet a{
		text-decoration: underline;
	} 
	span.bullet a:hover{
		text-decoration: none;
	} 
.ico-error{
	background: url(/themes/theme-01/ico-forms/ico-error.gif) left no-repeat;
}

/* TEXT
 ------------------------------------------------------------------------------ */	
 
.table-text {
}
	.table-text {
	}


/* ui.accordion */
.ui-accordion-container { 
	margin: 0; 
	padding: 0;
	/*padding: 1px 1px 1px 1px;*/
}

	.ui-accordion-container .head { 
		margin: 1px; 
		padding: 0; 
		min-width: 84px;
		height: 21px;
	}
		.ui-accordion-container a.ui-accordion-link, .ui-accordion-container a.ui-accordion-link span {
	    display: block;
	    background: url(/themes/theme-02/img/accordion.png) no-repeat;
		}
		.ui-accordion-container a.ui-accordion-link {
	    color: #0A6DC6;
	    background: #FFFFFF;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1.3;
	    text-align: left;
	    text-decoration: none;
	    white-space: nowrap; /* required in IE 6 */
		}
		.ui-accordion-container a.ui-accordion-link {
			position: relative;
			top: 0px;
			z-index: 2;
			margin: 0px;
			padding: 0 10px 0 0;
		}
		.ui-accordion-container a.ui-accordion-link {
    	background-position: 100% -22px;
		}
			.ui-accordion-container a.ui-accordion-link span {
				width:64px; /* IE 6 treats width as min-width */
				min-width: 64px;
				height: 18px; /* IE 6 treats height as min-height */
				min-height: 18px;
				padding: 2px 0 0 10px;
			}
			*>.ui-accordion-container a.ui-accordion-link span { /* hide from IE 6 */
				width: auto;
				height: auto;
			}
			.ui-accordion-container a.ui-accordion-link span {
				background-position: 0 0;
			}

	.ui-accordion-container div.body {  
		padding: 3px 5px 4px 5px;
	}
	.ui-accordion-container ul.body {  
		padding: 3px 10px 4px 0px;
	}
		.ui-accordion-container ul li { /* .selected*/
			padding-left: 10px;/**/ 
			margin-left: 4px;/**/
		}
			.ui-accordion-container ul li a {
				color:#FFFFFF;
				display:block;
				text-decoration: none;
				border-bottom: 1px solid #6B9FD5;
				padding: 2px 0px;
			}
			
			.ui-accordion-container ul li a.current {
				background-color: #A0CCF0;
				color:#0A6DC6;
				padding: 1px 0 1px 2px;
				margin: 1px 0 1px -2px;
			}
			
		.ui-accordion-container ul li.sub {
			background: url(/themes/theme-02/img/button_arrow_right.gif) top left no-repeat;
		}	
		.ui-accordion-container ul li.open {
			background-image: url(/themes/theme-02/img/button_arrow_down.gif);
		}	
		.ui-accordion-container ul li.sub a {
/*			text-indent:6px;*/
		}

/*
ul.ui-accordion-container li a.ui-accordion-link { 
	display: block; 
	padding-left: 5px; 
	margin-right: 3px; 
	height: 28px; 
	background-image: url(i/accordion-middle.png); 
	color: #000; 
	text-decoration: none; 
	line-height: 28px; 
}
ul.ui-accordion-container li div.ui-accordion-right { 
	background-image: url(i/accordion-right.png); 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	height: 28px; 
	width: 3px;  
}

ul.ui-accordion-container li:hover { 
	background-image: url(i/accordion-left-over.png); 
}
ul.ui-accordion-container li:hover a.ui-accordion-link { 
	background-image: url(i/accordion-middle-over.png); 
}
ul.ui-accordion-container li:hover div.ui-accordion-right { 
	background-image: url(i/accordion-right-over.png); 
}

ul.ui-accordion-container li.active { 
	background-image: url(i/accordion-left-act.png); 
}
ul.ui-accordion-container li.active a.ui-accordion-link { 
	background-image: url(i/accordion-middle-act.png); 
}
ul.ui-accordion-container li.active div.ui-accordion-right { 
	background-image: url(i/accordion-right-act.png); 
}
*/
/* ui.tabs */
@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0 0 0 -1px;
    padding: 0 0 0 0px; /*4*/
}
.ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px; /* -1 !*/
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 15px;
    background: url(/themes/theme-02/img/tab-a.png) no-repeat;
}
.tabs-b .ui-tabs-nav a, .tabs-b .ui-tabs-nav a span {
		background-image: url(/themes/theme-02/img/tab-b.png);
}
.ui-tabs-nav H3 {
    margin: 0;
    padding: 0;
}
.ui-tabs-nav a {
  	position: relative;
  	top: 0px;
  	z-index: 2;
  	padding-left: 0; /*3 5 0*/
		margin:0px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
}
.tabs-b .ui-tabs-nav a {
		color: #404040;
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000000;
}
.tabs-b .ui-tabs-nav .ui-tabs-selected a, .tabs-b .ui-tabs-nav a:hover, .tabs-b .ui-tabs-nav a:focus, .tabs-b .ui-tabs-nav a:active {
    color: #777777;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 25px; /* IE 6 treats height as min-height */
    min-height: 25px;
    padding-right: 0;
		padding-top: 6px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 6px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container, .ui-tabs-panel {
    border: 1px solid #DEDEDE;
    padding: 10px 0 2px 9px;
    background: #FFFFFF; /* declare background color for container to avoid distorted fonts in IE while fading */
		margin-top:0px; /* -1px */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.tabs-b-bot {
	background: url(/themes/theme-02/img/tab-b-bot.png) no-repeat;
}
/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(themes/theme-02/ico-lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(themes/theme-02/ico-lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(themes/theme-02/ico-lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #617F69;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 11px arial;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	white-space:nowrap;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
a.lightbox {
	border: none
}
	a.lightbox img{
		width:120px;
		height: 80px;
		margin: 0 7px 5px 0;
		border: 1px solid #0A6DC6
	}
.gallery {
	margin:0 0 -5px 0
}