
/*///////////////////////////TEMPLATE////////////////////////////////////*/


/*****************************************************************/
/********************      TEMPLATE       ************************/
/*****************************************************************/


.spacer{
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

#template {
width:730px;
height:auto;
margin: 20px 10px 10px 30px;
}

/*****************************************************************/
/***********************     MOTEUR     **************************/
/*****************************************************************/


#template ul#grandmoteur{
height:369px;
margin-top:30px;
background:url(../images/fond-template.jpg) no-repeat 0 -9px;
padding: 20px 20px 20px 30px;
}

li.moteur-ligne{
clear:both;
display:block;
list-style:none;
width:550px;
min-height:25px;
padding:3px;

}

.moteur-txt{
float:left;
display:block;
width:160px;
padding: 2px 5px;
font-weight:bold;
}

.moteur-txt2{
float:left;
display:block;
padding: 2px 5px;
}

input.moteur-champs{
float:left;
display:block;
padding: 2px 5px;
margin-right:3px;
}

.left{
float:left;
display:block;
width:350px;
}
#hautForm{
margin-left:-5px;
background:url(http://www.cotedemeure.com/images/hautPresentation.gif);
width:600px;
height:24px;
}
#form{
margin-left:-10px;
background:url(http://www.cotedemeure.com/images/fondPresentation.gif) repeat-y;
width:560px;
padding-left:30px;
padding-right:10px;
}
#basForm{
margin-left:-10px;
background:url(http://www.cotedemeure.com/images/basPresentation.gif);
width:600px;
height:24px;
}
#envoi{
margin-top:-3px;
}

/*///////////////////////////FIN DU TEMPLATE////////////////////////////////////*/

* {
margin: 0;
padding: 0;
}
#principal{
position:relative;
width:1000px;
margin:0 auto 0 auto;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#6e6e6e;
}
a{
color:#6e6e6e;
text-decoration:underline;
}
a:hover{
color:#e23a2f;
text-decoration:underline;
}
.spacer{
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}
hr{margin-top:10px;margin-bottom:10px;}
/* Header */
h1{
float:left;
display:block;
cursor:pointer;
width:199px;
height:102px;
background-image:url(../images/logo.gif);
text-indent:-5000px;
}
.titre{
margin-top:10px;
margin-bottom:10px;
margin-left:15px;

}
#titreAgence{
margin-top:10px;
margin-bottom:10px;
margin-left:15px;
clear:both;
float:left;
}
/* Menu */
#illustration{
position:absolute;
top:102px;
left:0px;
width:198px;
display:block;
height:570px;
background-image:url(../images/illustrationD.jpg);
z-index:100;
}
dl#menuHaut dt{
float:left;
margin-left:-1px;
}
dl#menuHaut dt a{
text-indent:-5000px;
color:#FFFFFF;
text-decoration:none;
}
a#presentation{
display:block;
width:94px;
height:18px;
background-image:url(../images/btn_presentation.gif);
background-position:top;

}
a#presentation:hover{
display:block;
width:94px;
height:18px;
background-image:url(../images/btn_presentation.gif);
background-position:bottom;

}
a#agence{
display:block;
width:88px;
height:18px;
background-image:url(../images/btn_agence.gif);
background-position:top;

}
a#agence:hover  {
display:block;
width:88px;
height:18px;
background-image:url(../images/btn_agence.gif);
background-position:bottom;

}
a#prestige{
display:block;
width:113px;
height:18px;
background-image:url(../images/btn_prestige.gif);
background-position:top;

}
a#prestige:hover  {
display:block;
width:113px;
height:18px;
background-image:url(../images/btn_prestige.gif);
background-position:bottom;

}
a#actualite{
display:block;
width:75px;
height:18px;
background-image:url(../images/btn_actu.gif);
background-position:top;

}
a#actualite:hover   {
display:block;
width:75px;
height:18px;
background-image:url(../images/btn_actu.gif );;
background-position:bottom;

}
a#partenaire{
display:block;
width:106px;
height:18px;
background-image:url(../images/btn_partenaire.gif);
background-position:top;

}
a#partenaire:hover {
display:block;
width:106px;
height:18px;
background-image:url(../images/btn_partenaire.gif);
background-position:bottom;

}
a#recrutement{
display:block;
width:89px;
height:18px;
background-image:url(../images/btn_recrutement.gif);
background-position:top;

}
a#recrutement:hover   {
display:block;
width:89px;
height:18px;
background-image:url(../images/btn_recrutement.gif);
background-position:bottom;
}
a#contact{
display:block;
width:65px;
height:18px;
background-image:url(../images/btn_contact.gif);
background-position:top;
}
a#contact:hover   {
display:block;
width:65px;
height:18px;
background-image:url(../images/btn_contact.gif);
background-position:bottom;

}
/* Contenu */
#contenu{
float:left;
width:611px;
background:url(../images/fond_contenu.gif) repeat-y;
font-size:11px;
margin-bottom:10px;
z-index:1;
padding-left:205px;
padding-right:8px;
}
#contenu-template{
float:left;
width:611px;
background:url(../images/fond_contenu.gif) repeat-y;
font-size:11px;
margin-bottom:10px;
z-index:1;
padding-left:205px;
padding-right:8px;
}
#contenu_hauteur{
float:left;
width:611px;
height:550px;
background:url(../images/fond_contenu.gif) repeat-y;
font-size:11px;
margin-bottom:10px;
z-index:1;
padding-left:205px;
padding-right:8px;
}

#illustration2{
position:absolute;
top:630px;
left:600px;
}
#paragraphe{
line-height:1.6em;
width:305px;
font-size:12px;
float:left;
margin-left:5px;

margin-top:5px;
}
#paragraphe img{
float:left;
margin-right:5px;
}
#moteur{
width:290px;
color:#7e1b19;
float:left;
margin-left:10px;
}
#moteur a{
font-weight:bold;
text-decoration:none;
color:#7e1b19;
}
#moteur a:hover{
font-weight:bold;
color:#f5deb2;
}
label{
width:70px;
}
#cp{
margin-left:8px;
}
h2{
clear:both;
display:block;
background:url(../images/hautBloc.gif) no-repeat;
text-indent:-5000px;
font-size:12px;
}

#blocAgences{
background:url(../images/fondBloc.gif) repeat-y;
display:block;
width:611px;

padding-left:6px;
height:204px;
}

#orange{
background-color:#f5deb2;
height:184px;
width:137px;

padding:10px;
display:block;
float:left;
}
#orange a{
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
#orange a:hover{
text-decoration:none;
color:#7e1b19;
font-weight:bold;
}
#adresse{
float:left;
text-align:center;
width:150px;
letter-spacing:1px;
margin-top:130px;
margin-left:20px;
}
#photoAgence{
float:left;
text-align:center;
width:250px;
margin-top:8px;
margin-left:12px;
}
#basBloc{
display:block;
background:url(../images/basBloc.gif) no-repeat;
text-indent:-5000px;
}
#liste{
float:left;
margin-top:25px;
margin-left:45px;


}
#liste p{

}
#liste a{
text-decoration:none;
color:#6e6e6e;
}
#liste a:hover{
color:#7e1b19;
}
#carteRegion{
float:right;
margin-top:15px;
}
#desc{
float:left;
margin-right:15px;
}
#activite1{
float:left;
margin-right:35px;
}
#adressePartenaire{
width:210px;
text-align:left;
margin-left:235px;
}
/* Menu Droit*/
#menuDroit{
line-height:2em;
width:160px;
float:left;
color:#6e6e6e;
font-size:11px;
}

#menuDroit img{
margin-right:-40px;
float:left;
}
#menuDroit li{
margin-left:40px;
list-style-type:none;
}
ul#rouge a{
text-decoration:none;
color:#6e6e6e;
}
ul#rouge a:hover{
text-decoration:none;
color:#7e1b19;
}
ul#vert a{
text-decoration:none;
color:#6e6e6e;
}
ul#vert a:hover{
text-decoration:none;
color:#7e1b19;
}
ul#jaune a{
text-decoration:none;
color:#6e6e6e;
}
ul#jaune a:hover{
text-decoration:none;
color:#7e1b19;
}
ul#bleu a{

text-decoration:none;
color:#6e6e6e;
}
ul#bleu a:hover{
font-weight:500;
text-decoration:none;
color:#7e1b19;
}
/* Footer */
#footer{
	clear:both;
	float:left;
	width:800px;
	height:21px;
	display:block;
	font-size:10px;
	color:#7f1b19;
	text-align:right;

	}

#footer a {
	text-decoration:none;
	color:#7f1b19;
}
#footer a:hover{ color:#000033; }
