/******** GESTION DE l'identité du site */
/****** Couleurs/images/typos ************/
body{background-color:#666666;}
/**********************/
/***( BLOCKS )********/
div#wrapper{
float:left;
background-color:#ffff00!important;
}
div#colg{
padding:20px 0;
}

/**********************/
/** bloc content **/
.contentcontent {
height:500px;
		font-size:1.1em;
		border:1px dashed #04045F;
		border-width:0 0 0 1px;
}
html>body .contentcontent {
height:100%;
/** pour ffx **/
min-height:500px;
/**/
} 
/**********************/
/** bloc modules **/
		/** affichage corner top block/none */
		.moduletop{display:block;}
		/** affichage corner bottom block/none */
		.modulebottom {display:block;}
		
		/***** Couleur fond modulecontent ***/
		.modulecontent{background-color:#ffff00;}
		
		/***** Couleur fond modulecontent focus ***/
		div.focus .moduleb1,div.focus .moduleb2,div.focus .moduleb3,div.focus .moduleb4,div.focus .modulecontent{background:#ffb200;}
		/**** Couleur bordure module ***/
		.moduleb2, .moduleb3, .moduleb4 {border-left:1px solid #ffb200; border-right:1px solid #ffb200;}
		/**** bordure module focus **/
		div.focus .modulecontent {
			border:0 solid #ffb200; border-width:0 1px;
			border:0;
		}
		.moduletop, .modulebottom {background:transparent;}
		.moduletop .moduleb1{border-top:1px solid #ffff00;}
		.modulebottom .moduleb1{border-bottom:1px solid #ffb200;}
		.moduleb1, .moduleb2, .moduleb3, .moduleb4 {display:block; overflow:hidden;}
		.moduleb1, .moduleb2, .moduleb3 {height:1px;}
		.moduleb1 {margin:0 5px;}
		.moduleb2 {margin:0 3px;}
		.moduleb3 {margin:0 2px;}
		.moduleb4 {height:3px; margin:0 1px;}
		/***** Couleur fond modulecontent ***/
		.modulecontent{display:block;border:0 solid #FFF; border-width:0 1px;}	
		
/**********************/
/** bloc footer **/
		/** affichage corner top block/none */
		.foottop{display:none;}
		/** affichage corner bottom block/none */
		.footbottom {display:block;}
		
		/***** Couleur fond footnav ***/
		.footb1,.footb2, .footb3, .footb4,.footcontent{background-color:#ff0000;}
		/**** Couleur bordure footnav ***/
		.footb2, .footb3, .footb4 {border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
		.footcontent {border:0 solid #ff0000; border-width:0 1px;}
		/**** structure footer ***/
		div#footer{
		background-color:transparent;
		background-image:none;
		background-position:left;
		background-repeat:no-repeat;
		}
		.foottop, .subbottom {background:transparent; font-size:1px;}
		.footb1, .footb2, .footb3, .footb4 {display:block; overflow:hidden;}
		.footb1, .footb2, .footb3 {height:1px;}
		.footb1 {margin:0 5px;}
		.footb2 {margin:0 3px; border-width:0 2px;}
		.footb3 {margin:0 2px;}
		.footb4 {height:2px; margin:0 1px;}
		.footcontent {
		height:25px;
		background:#ff0000 url("../images/pictos.gif") no-repeat 100% -226px;
		display:block;
		
		padding:0 65px 0 0;		
		}
		.footcontent a{
		display:block;
		padding:5px 10px 0 0;
		}
/**********************/
/** bloc header **/		
#header{
height:341px;
background:#AAA url('../images/header.jpg') no-repeat;
padding-top:9px;
}
 /* hack IE\*/
* html>div#header {
height:352px;
}
#header div#infoAgence{
		
		display:inline;
		width:550px;
		height:18px;
		margin-left:100px;
		font-size:1.2em;
}
		
/**********************/
/** bloc navigation **/
	#navigation{
		/*** position navigation */
		clear:both;
		width:610px;
		top:277px;
		left:243px;
	}
	#navlist{
	border: 0;
	padding: 0;
	margin: 0;
	display:inline;
	font-family: verdana,sans-serif;
	font-size: 1.2em;
	}
	#navlist UL {}
	#navlist li{
	display: inline;
	float: left;
	height:20px;	
	border-right:1px solid #000;
	}
	#navlist li a{
	text-decoration: none;
	border:0;
	margin: 0;
	display:block;
	padding: 3px 5px 0 3px;
	}
	.touche_pas_ca{}
	
	#navlist li a:hover,
	#navlist li.active a
	{
	font-weight: bold;
	}
/**********************/
div#header div.module{
/*** position du module recherche */
width:220px;
display:block;
position:relative;
top:40px;
color:#fff;
}
div.module div.titre{
	/*** décalage entre titre module et contenu */
	position:relative;
	top:-15px;
}
/** bloc modules colG **/
div.module div.titre{
	display:block;
	color:#ff0000;
	font-family: trebuchet,verdana,sans-serif;
	font-size: 1.2em;
	font-weight:bolder;
	padding:15px 0 0 30px;
	margin-right:3px;

}
div#coup_de_coeur div.titre{
	background:transparent url("../images/pictos.gif") no-repeat;
	height:20px;
}
div#moduleSel div.titre{
	background:transparent url("../images/pictos.gif") no-repeat;
	height:20px;
}
div#actu{
margin:0 8px;
}
div#actu div.titre{	
	height:41px;
	padding:0;
	margin:0;
	left:-8px;
	top:-22px;
}
div#actu div.titre span{
	display:block;
	background:transparent url("../images/pictos.gif") no-repeat 0 -39px;
	padding:23px 0 0 35px;
	margin:0;
}

/** bloc modules coup de coeur **/
div#colg div#coup_de_coeur div.infoAnnonce div.anphoto,div#colg div#coup_de_coeur div.infoAnnonce div.anphoto IMG{
	/**** Taille de la photo en cc */
	width:160px;
	height:108px;
}


/** bloc modules actu **/
/** liste des actu **/
div#actu UL{
height:80px;
overflow:auto;
scrollbar-face-color:#04045F;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#ffffff;

}
div#actu UL li{
border-bottom:1px dashed #04045F;
}
div#actu UL li a{
text-decoration:none;
padding-left:5px;
}

/**********************************************/
/** bloc equipe **/
div#moduleEquipe.home{
	display:block;
	width:100%;
	border:1px dashed #04045F;
	border-width:1px 0 0 0;
	margin-top:20px;

}


div#content div#moduleEquipe div{
text-align:left;
vertical-align:bottom;
padding:10px;
}
div#content div#moduleEquipe div.left{
/* bloc de gauche */
width:290px;
}
div#content div#moduleEquipe div.right{
/* bloc de droite */
width:150px;
padding:10px 30px 0 0;
}
div#content div#moduleEquipe div IMG{
float:left;
padding:0 10px;
/**** Taille de la photo en module equipe */

width:121px;
height:83px;
}
/** bloc dans content ex bloc page suivante*/
div.bloccontent{
	background-color:#ffff00;
	padding:5px;
	margin:10px 5px 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 */
width:202px;
height:auto;
}
div.details ul.thumb li IMG{
/**** Taille de la thumbnails en page de details */
width:116px;
height:88px;
}
div.galerie ul.thumb li, div.galerie ul.thumb li IMG, div.galerie ul.thumb li DIV{
	/**** Taille de la thumbnails en page galerie et des blocs info*/
width:202px!important;
	height: 150px;

}
div.galerie ul.thumb li{
display:block;
height:250px;
}
div.galerie ul.thumb li div{
height:18px;
}
/**********************/
/** hr **/
hr{
	clear:both;
	border: none 0; 
	border-top: 1px dashed #878592;
	border-bottom: 1px dashed #878592;
	width: 100%;
	height: 2px;
	margin: 0 auto 0 0;
	text-align: left;
	}	
/**********************/
/** FORMULAIRES **/

fieldset div {
	clear:both;
	display:block;
	width:100%;
	float:left;
	padding:0;
}
div#header fieldset div {
width:220px;
}
div.module fieldset{
	/** décalage des champs COLg*/
	padding-left:5px;
	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;
}
div#header fieldset div label {
padding:0;
margin:0;
}
fieldset.contact label {
width:124px;display:block;float:left;
}
fieldset.contact INPUT{
float:left;
}



div#header fieldset div label.etape{
font-weight:bold;
font-size:1.1em;
padding-left:2px;
}
SELECT.selectfield{
	margin:1px 0px;
	height:18px;
	width:195px; 
}
INPUT.textfield {
	margin:3px;
	height:14px;
	width:180px; 
	}
SELECT.med, INPUT.med{
	width:134px; 
}
SELECT.small,INPUT.small{
width:40px; 
}
/*  mac  hack Slmt pour IEPC mettre -5px */
* html SELECT.small,* html INPUT.small {
wi\dth /**/: 30px!important;
} 
textarea{
	margin:3px 0;
	width:395px; 
}
INPUT.button{
/* taille bouton */
width:110px;
height:20px;
border:1px solid #000!important;
border-width:0 1px 1px 0!important;
padding-bottom:5px;
margin:3px;
background-color:#ff0000;

/* taille police bouton */
font-size:1.1em;
font-weight: bold;
color:#fff;
}
INPUT.radiocheck{
margin:0!important;
padding:0;
}
/** formulaire de recherche */
div#header INPUT.button{
background-color:#dedcdc;
color:#ff0000;
text-transform:uppercase;
}

div#header INPUT,div#header SELECT{
margin:1px 3px;
padding:0;
height:16px;
border:0;
}
div#header INPUT.small{
width:35px;
}
/********* TEXTES ******/
/*INPUT,SELECT{
font-size:1.1em!important;
}*/

div#header INPUT,div#header SELECT{
margin:1px 3px;
padding:0;
height:16px;
border:0;
}
div#header SELECT{
margin:1px;
padding:0;
height:19px;
border:0;
}

/*  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:#ff0000;
}
/** Couleur bloc header blocs annonce ...*/ 
.bgcoul1{
background-color:#ffb200;
}
/** Couleur bloc header blocs details annonce ...*/ 
.bgcoul2{
background-color:#ffb200;
}
/*** couleur subnav, footer, sur fond couleur */
.coul2{
color:#333;
}
/*** couleur highlight */
.coul3{
color:#ff0000;
}
/*** couleur discrète ***/
.coul4{
color:#fff;
}
/*** couleur header (adresse) ***/
.coul5{
color:#000000;
}
/*** couleur texte nav off ***/
.coulNav{
	color: #ff0000;
}
/*** couleur texte nav on ***/
.coulNav:hover, #navlist li.active a {
	color:#ffb200;
}
/** liens **/

a.simple {
text-decoration:none;
color:#343434;
font-size:1.1em;
}
/** liens (type ajouter à ma sélection) **/
a.link {
text-decoration:none;
color:#fff;
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 -184px;
}
a.linkami span{
display:inline-block;
padding-right:17px;
background: #fff url("../images/pictos.gif") no-repeat 0 -204px;
}
a.linkprint span{
display:inline-block;
padding-right:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -94px;
}
a.linkprev span{
display:inline-block;
padding-right:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -119px;
}
a.linknext span{
display:inline-block;
padding-left:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -166px;
}
a.linkback span{
display:inline-block;
padding-left:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -145px;
}
/**** 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 {
margin-left:10px;

}
div.galerie ul.thumb li {
	display: inline;
	float: left;
	margin:0;
	padding:0 2px;
}
div.galerie ul.thumb li div span{
	display:block;
	width:auto;
}

/** ajout pour la letrine de la home**/
/**span#texte{ display:block;}**/
p#letrine:first-letter {
font-weight: bold;
font-size: 3em;
color: #B1181B;
float: left;
}

.Style11 {color: #B1181B; font-size: 2em; font-weight: bold;}


/*********************************MULTI AGENCE **********************************/
#visuel {
float:right;
margin-left:5px;
margin-bottom:3px;
}

#faxplan li{
display:inline;
margin-right:10%;
}

#logo {
float:right;
margin-top:15px;
}

a {
color:#ff0000;
}

#map {
margin-top:10px;
width: 575px;
height: 300px;
margin-top:15px;
margin-left:35px;
}

#etab_nom {
color:#ff0000;
margin-top:15px;
}

#ag_liste {
margin-top:15px;
}

.Etab {
margin-top:15px;
}

#lien_referencement {
color:#FFFFFF;
}

#lien_referencement_geo {
color:#FFFFFF;
}