/******** GESTION DE l'identité du site */
/****** Couleurs/images/typos ************/


body{
	background-color:#000000;
	
}
/**********************/
/***( BLOCKS )********/
/**********************/
div#contentwrapper{
background:transparent url('../images/footer.jpg') no-repeat right bottom;
}
/** bloc content **/ 		
		div#content{
		/*** Taille du texte **/
		font-size:1.1em;
		/*margin-bottom:121px;*/
		background:#ffcc66;
		height:100%;
		}
		.contentcontent{		
		/***** Couleur fond contentnav ***/
		background:#ffcc66;
		/**** Couleur bordure contentnav ***/
		border:0 solid #ffcc66;
		border-width:0 1px;
		}
		.contenthome{		
		/***** Taille du content de la home ***/
		/*height:250px!important;
		height:250px;*/
		}
		/** hack ie */
		* html .contentcontent {}
/**********************/
/** bloc footer **/

		.footcontent {display:block;padding-right:72px;}

		/**** structure footer ***/
		div#footer{
		height:17px;
		background-color:#ff3300;
		background-image:url('../images/pictos.gif');
		background-position:right -218px;
		background-repeat:no-repeat;
		}

		div#footer a{
		padding:3px 5px 0 0;
		}
/**********************/
/** bloc header **/		
#header{
height:401px;
background:#fff url('../images/header.jpg') no-repeat;
}
	#header div#infoAgence{
		position:relative;
		width:300px;
		height:120px;		
		left:170px;
		top:18px;
		font-size:1.2em;
		overflow:auto;
}	
/**********************/
/** bloc navigation **/
	#navigation{
		/*** position navigation */
		position:relative;
		width:197px;
		top:124px;	
		padding:0;
	}
	#navlist{
	border: 0;
	padding: 0;
	margin: 0;
	font-family: verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

	#navlist li{
	display: block;
	height:24px!important;
	margin: 0;
	padding:0;
	border:0;
	background:transparent url("../images/bgnav.gif") no-repeat; 
	}
	/** hack ie */
	* html #navlist li  {height:16px;}
	#navlist li a{
	text-decoration: none;
	border:0;
	margin: 0;
	display:block;
	padding:5px 0 2px 9px;	
	}
	
	/** décalage des éléments de navigation */
	#navlist li.nav1{background-image:none}
	#navlist li.nav2{background-image:none}
	#navlist li.nav3{background-position:-82px 0;}
	#navlist li.nav4{background-position:-106px 0;}
	#navlist li.nav5{background-position:-130px 0;}
	#navlist li.nav6{background-position:-154px 0;}
	#navlist li.last{height:26px!important;}
	
	
	#navlist li a:hover,
	#navlist li.active a
	{
	
	}
/**********************/
#colg{
background:#ff3300 url(../images/corner_colg.gif) no-repeat;
padding-top:87px;
color:#FFFFFF;
margin:0px 0px 10px 0px;
}
/** bloc modules  **/
div.module div.titre{
	color:#FFFFFF;
	font-family: verdana,sans-serif;
	font-size: 1.4em;
	font-weight:bolder;
	padding:2px 0 2px 12px;
	background:transparent url("../images/pictos.gif") no-repeat;
	/*** décalage entre titre module et contenu */
	margin-bottom:3px;
}
div#colg div.focus{
	background-color:#999999;
	/** couleur du texte */
	color:#000;
	border-top:1px solid #D4E1F1;
}

div.focus div.titre{
	color:#ff3300;
	background:transparent url("../images/pictos.gif") no-repeat 0 -26px;
}
div#content div.module{
padding-left:5px;
}
/** bloc modules coup de coeur **/
div#colg div.infoAnnonce div.anphoto,div#colg div.infoAnnonce div.anphoto IMG{
/**** Taille de la photo en cc */
width:106px;
height:79px;
}


/** bloc modules actu **/
div#contentwrapper div#actu.actuhome{
display:inline;
float:right;
margin-right:460px;
height:121px;
width:197px;
}

/** liste des actu **/

div#actu UL{
height:80px;
width:100%;
overflow:auto;
scrollbar-face-color:#ff3300;
scrollbar-highlight-color:#ff3300;
scrollbar-3dlight-color:#ff3300;
scrollbar-darkshadow-color:#ff3300;
scrollbar-shadow-color:#ff3300;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#213275;

}
div#actu UL li{
border-top:1px dashed #ffcc66;
}
div#actu UL li a{
color:#ffffff;
font-size:1.1em;
text-decoration:none;
padding-left:5px;
}
/** bloc equipe **/
div#content div#moduleEquipe{
position:relative;
bottom:0;
}
div#content div#moduleEquipe div{
float:left;
width:120px;
margin-right:10px;
text-align:left;
vertical-align:bottom;
}

div#content div#moduleEquipe div IMG{
/**** Taille de la photo en module equipe */
width:94px;
height:64px;
}
/** bloc dans content ex bloc page suivante*/
div.bloccontent{
	background-color:#ffcc66;
	padding:5px;
	margin:10px 0 5px 0;
	width:auto;
}

/** bloc modules annonce **/
div.annonce{
	width:100%;
	height:auto;
}
div.anphoto{
margin-right:3px;float:left;
}

div.annonce div.anphoto IMG{
/**** Taille de la photo en page de resulats */
width:102px;
height:77px;
}

div#annonce.details #annonce_photo{
/**** Taille de la photo en page de details */
height:150px;
}
div.details ul.thumb li IMG{
/**** Taille de la thumbnails en page de details */
height:88px;
}
div.galerie ul.thumb li IMG{
/**** Taille de la thumbnails en page galerie et des blocs info*/
height:152px;
}
div.galerie ul.thumb li{
display:block;
width:202px!important;
height:250px;
}
div.galerie ul.thumb li div{
height:18px;
width:202px!important;
}
div.galerie ul.thumb li a{
display:block!important;
width:202px!important;
height:152px;
}

/**********************/
/** hr **/
hr{
	clear:both;
	border: none 0;
	border-top: 1px dashed #ffcc66;
	
	width: 100%;
	height: 1px;
	margin: 0 auto 0 0;
	text-align: left;
	}
hr.coul{border-top: 1px dashed #213275;}
/**********************/
/** FORMULAIRES **/

fieldset div {
	clear:both;
	display:block;
	width:100%;
	float:left;
	padding:2px 0;
}
div.module fieldset div{
clear:left;
float:left;
	/** décalage des champs COLg*/
	padding-left:9px;
	width:auto;
	
}


fieldset div label {
	display:block;
	width:100%;
	margin-left:0;
	height:auto;
}
div#container_popup fieldset label, div#content fieldset div label {
padding-top:3px;
}
fieldset.contact label {
width:124px;display:block;float:left;
}
fieldset.contact INPUT{
float:left;
}
fieldset div label.etape{
	color:#ffffff;
  	font-family: arial, verdana, sans-serif;
  	font-weight: bold;
	font-size: 1.1em;
	width:auto;
	display:block;
  	background:transparent url("../images/pictos.gif") no-repeat 0 -52px;
}
/*** attention ne pas supprimer l'espace entre first-letter et [{]****/
fieldset div label.etape:first-letter {
	color:#000!important;
	
	float:left;
	font-family: verdana, sans-serif;
	font-weight: bold;
	line-height:1.2em;
  	margin:3px 8px 5px 3px;
 }
 /* hack IE\*/
* fieldset>div label.etape:first-letter {
	line-height:1em;
}
/* fin hack */
SELECT.selectfield{
	margin:3px;
	height:18px;
	width:180px; 
}
INPUT.textfield {
	margin:3px;
	height:14px;
	width:200px; 
	}
SELECT.med, INPUT.med{
	width:134px; 
}
SELECT.small,INPUT.small{
	width:50px; 
}
textarea{
	margin:3px 0;
	width:404px; 
}
INPUT.button{
background:transparent url("../images/button.gif") no-repeat;
/* taille bouton */
width:110px;
height:20px;
border:0;
margin:3px;

/* taille police bouton */
font-size:1.1em;
font-weight: bold;
color:#ff3300;
/* text-transform:uppercase; */
}
div#content INPUT.button{
background:transparent url("../images/buttoncontent.gif") no-repeat;
color:#ff3300;
font-family:Arial, Helvetica, sans-serif;
font-size:10px!important;
}
/********* TEXTES ******/
INPUT,SELECT{
font-size:1.1em!important;
}
/*  mac  hack Slmt pour IEPC */
* html SELECT,* html INPUT{
fon\t-size:1.2em!important;
} 
div.contentcontent span.titre{
font-size:2.8em;
line-height:1em;
}
/** Couleurtitres, texte couleur  sur fond de page ...*/ 
.coul1{
color:#ff3300;
}
/** Couleur bloc header blocs annonce ...*/ 
.bgcoul1{
background-color:#FFF;
}
/** Couleur bloc header blocs details annonce ...*/ 
.bgcoul2{
background-color:#FFF;
}
/*** couleur subnav, footer, sur fond couleur */
.coul2{
color:#FFF;
}
/*** couleur highlight */
.coul3{
color:#FFcc66;
}
/*** couleur discrète ***/
.coul4{
color:#ccc;
}
/*** couleur jaune ***/
.coul5{
color:#f8f51c;
}
/*** couleur texte nav off ***/
.coulNav{
	color: #FFF;
}
/*** couleur texte nav on ***/
.coulNav:hover, #navlist li.active a {
	color:#ffcc66;
}
/** liens **/
a.simple {
text-decoration:none;
color:#343434;
font-size:1.1em;
}
/** liens (type ajouter à ma sélection) **/
a.link {
text-decoration:none;
color:#055bc3;
font-size:1.1em;
}
/*** liens illustrés ***/
a.linktick span{
display:inline-block;
padding-left:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -174px;
}
a.linkami span{
display:inline-block;
padding-right:17px;
background: #fff url("../images/pictos.gif") no-repeat 0 -195px;
}
a.linkprint span{
display:inline-block;
padding-right:15px;
height:17px;
background: #fff url("../images/pictos.gif") no-repeat 0 -85px;
}
a.linkprev span{
display:inline-block;
padding-right:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -110px;
}
a.linknext span{
display:inline-block;
padding-left:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -157px;
}
a.linkback span{
display:inline-block;
padding-left:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -135px;
}
/**** Numéros PA **/
span.num{
float:left;
background-color:#fff;
padding:0 4px;
display:block;
color:#786E87;
font-weight:bold;
border:1px solid #786E87;
}
/********* LISTES *******/
div.details li{
	float:left;
	list-style:disc;
	margin: 0 0 0 8px;
	width:45%;
}

div.details ul.thumb li {

	display: inline;
	float: left;
	margin: 3px;
	padding:0 6px;
	position: relative;
	width:auto!important;
}
div.galerie ul.thumb {
position: relative;
left:65px;
width:100%;
}
div.galerie ul.thumb li {
	width:auto;
	height:220px;
	display: inline;
	float: left;
	margin:0 0 15px 5px;
	padding:5px 30px;
	position: relative;
	border-left:1px dashed #999;
	border-bottom:1px dashed #999!important;
}
div.galerie ul.thumb li div span{
	display:block;
	width:auto;
}