/******************************************/
/******  GENERIQUE  *******/
/******************************************/

/* Balises */
*{margin:0; padding:0;}
html {font-size: 100%;}
body {font-family: Trebuchet Ms, Comic sans Ms, Verdana;}
a img{border:0}
a{font: normal 9pt Trebuchet MS; text-decoration:none;}
a:hover {text-decoration:underline;}
input, select, textarea{}
h1{font: italic 16pt Trebuchet MS; color:#b41702;text-align:left;}
h2{font: normal 13pt Trebuchet MS; margin-bottom:15px;text-align:left;}
h3{font: normal 12pt Trebuchet MS; margin-bottom:10px;text-align:left;}
p {font: normal 9pt Trebuchet MS; color:#1555aa;  margin-bottom:5px; text-align:justify;margin-bottom:10px;}
span{color:#e66e03;}

/* Classes / ID */
.clear{clear:both;}
.accueil {color:#b41702;}
.residences {color:#1e6adf;}
.services {color:#75b410;}
.services img{float:right; margin-left:10px;}
.contact {color:#ffcbb7;}
#tarifs a {color:#ab0179;}

/******************************************/
/********  ENTETE / PIED DE PAGE  *********/
/******************************************/

/* Entete */
#content {height:61px; background: url(images/fonds/fond.gif) repeat-x;}
   	ul#menu {width:734px; list-style-type: none ;margin:0 auto;}
	ul#menu li{margin:21px 0 0 0;padding:0;float:left;display:inline;}
	ul#menu li a#accueil{width: 142px; display:inline; float:left;margin-right:5px; height:47px;  text-decoration: none; background: url(images/menu/accueil-trans.png) no-repeat ; }
	ul#menu li a#accueil:hover, ul#menu li a#act_acc{background: url(images/menu/accueilOver-trans.png) no-repeat ;}
	ul#menu li a#residences{display:inline;width: 142px;float:left;height:47px; margin-right:5px; text-decoration: none; background: url(images/menu/residences-trans.png) no-repeat ; }
	ul#menu li a#residences:hover, ul#menu li a#act_res{background: url(images/menu/residencesOver-trans.png) no-repeat ;}
	ul#menu li a#services{width: 142px; float:left;height:47px;  margin-right:5px; text-decoration: none; background: url(images/menu/services-trans.png) no-repeat ; }
	ul#menu li a#services:hover, ul#menu li a#act_ser{background: url(images/menu/servicesOver-trans.png) no-repeat ;}
	ul#menu li a#tarifs{float:left; width: 142px; height:47px; margin-right:5px; text-decoration: none; background: url(images/menu/tarifs-trans.png) no-repeat ; }
	ul#menu li a#tarifs:hover, ul#menu li a#act_tar{background: url(images/menu/tarifsOver-trans.png) no-repeat;}
	ul#menu li a#contacter{float:left; width: 142px; height:47px; text-decoration: none; background: url(images/menu/contact-trans.png) no-repeat ; }
	ul#menu li a#contacter:hover, ul#menu li a#act_cont{background: url(images/menu/contactOver-trans.png) no-repeat;}
	ul#menu li a#act_acc, ul#menu li a#act_res, ul#menu li a#act_ser, ul#menu li a#act_tar{width: 142px; display:inline; float:left;margin-right:5px; height:47px;}
	ul#menu li a#act_cont{width: 142px; display:inline; float:left; height:47px;}

#contain {clear:both;margin:0 auto; width:794px; background:url(images/fonds/contenu-trans.png);}
#conteneur {margin:0 auto; width:734px;}
	
	#bandeau {clear:both; float:left;width:733px; height:313px; margin: 15px 0 30px 0; background: url(images/fonds/bandeau-trans.png) no-repeat;}
	#bandeau p#logo {width:263px;float:left; display:inline; margin:8px 10px 0 15px;}
	#bandeau p#flash {width:234px;margin:8px 0 0 0;float:left;}
	#bandeau h1 {margin:5px 0 0 60px;}

/* Pied de page */
#piedpage {width:732px; margin:0 1px 0 1px; padding-bottom:10px;clear:both; background: url(images/fonds/bas-trans.png) no-repeat;}
	#piedpage p {float:left; text-align:left; width:200px; margin:5px 0 7px 10px;}
	#piedpage p a{text-decoration:none; color: #fff;}
	#piedpage p a:hover{text-decoration:underline;}
	#piedpage ul#menub {float:right; width:500px; list-style-type:none; margin:5px 10px 0 0;}
	#piedpage ul#menub li{display:inline; float:right; font: normal 9pt Trebuchet MS; color:#fff;}
	#piedpage ul#menub li a{margin:0; padding:0; color:#fff; text-decoration:none; margin: 0 5px;}
	#piedpage ul#menub li a:hover, #piedpage ul#menub li a.active{text-decoration:underline;}

/******************************************/
/**************  STRUCTURE  *****************/
/******************************************/
#contenu {clear:both; margin: 0;}
#contenu p.listes {margin-left:15px;}
#contenu p.listes img{float:right; margin-left:10px;}
#contenu p.liste2 {margin:10px 15px 0 15px; line-height:1.3em;}
#contenu p.liste2 img{float:right; margin-left:10px;}
#contenu img#specs{margin-bottom:30px;}

#gauche, #services-G, #tarifs-G, #contact-G {float:left; display:inline; width:461px; margin:0 15px 30px 8px;}
#droit, #services-D, #tarifs-D, #contact-D  {float:left; display:inline; width:249px; margin:0 0 30px 0; }

/******************************************/
/**************  ACCUEIL  *****************/
/******************************************/
#gauche h3, #droit h3 {color:#b41702;}

#bienvenue {width:460px; }
#bienvenue h2 {color:#b41702;margin-bottom:15px;}
#bienvenue h2 img {float:right; margin-left:10px;}
#bienvenue p.bienv {font-size:10pt;}

#contour, #contServ, #contTar, #contCont {float:left;width:461px; height:158px; margin-top:15px;}
#contour p, #contServ p, #contTar p, #contCont p { margin:10px 10px 10px 15px;}
#contour h3, #contServ h2, #contTar h2, #contCont h2{margin:10px 15px;}

#contour {background:url(images/fonds/concept.gif) no-repeat;}
#contServ{background:url(images/fonds/border_services.gif) no-repeat;}
#contServ img.serv{margin-left:15px;}
#contTar{background:url(images/fonds/border_tarifs.gif) no-repeat;}
#contCont{background:none;}

#fond, #fondServ {float:right;width:249px; height:201px; margin-bottom:15px; }
#fondCont {float:right;width:249px; height:400px; }
#fondTar {float:right;width:249px; height:230px; margin-bottom:15px; }
#fond p { margin:10px 10px 0 10px;}
#fondServ p, #fondTar p, #fondCont p{color:#fff; margin:10px 10px 0 10px;}
#fondServ p img, #fondTar p img, #fondCont p img{margin : 0 0 0 40px;}
#fond h3, #fondServ h2, #fondTar h2, #fondCont h2{margin:5px 10px;}

#fond {background:url(images/fonds/charte.gif) no-repeat;}
#fondServ{background:url(images/fonds/fond_services.gif) no-repeat;}
#fondTar{background:url(images/fonds/fond_tarifs.gif) no-repeat;}
#fondCont{background:url(images/fonds/fond_contact.gif) no-repeat;}

#contact {width:250px; }
#contact p{margin:10px 12px;}
#contact h3, #contact h2{margin:10px 12px;}

/******************************************/
/**************  SERVICES  *****************/
/******************************************/
#services-G h2, #services-D  h2 {color:#75b410; margin-bottom:15px;}
#services-G h2 img {float:right; margin-left:10px;}

/******************************************/
/**************  TARIFS  *****************/
/******************************************/
#tarifs-G h2, #tarifs-D  h2 {color:#ab0179; margin-bottom:15px;}
#tarifs-G h2 img, #tarifs-G p img {float:right; margin-left:10px;}

/******************************************/
/**************  CONTACT  *****************/
/******************************************/
#contact-G h2, #contact-D  h2 {color:#772303; margin-bottom:15px;}
#contact-G h3 {color:#1555aa; margin-bottom:15px;text-align:center;}
#contact-G h2 img, #contact-G p img {float:right; margin-left:10px;}
#contact-D #fondCont h2{color:#fff; margin-bottom:10px;}

#bienvenue form {float:left; width: 340px; margin: 20px 0px 0 50px;}
#bienvenue form .row {clear: both; padding-top: 2px;}
#bienvenue form .row label {float: left; margin: 0 5px 0 0; padding:0; width: 120px;text-align: right;font: normal 10pt Trebuchet Ms; color:#1555aa;}
#bienvenue form .row label span{color: #772303;}
#bienvenue form .row span.champs {float: right; width: 200px; padding : 0 10px 0 0; margin: 0; text-align: left;}
#bienvenue form .row span.champs input#bt{width: 80px;border: 1px solid #772303; padding:0; margin:0;}
#bienvenue form .row span.champs input{width: 180px;border: 1px solid #772303; padding:0; margin:0;}
#bienvenue form .row span.champs textarea{width: 180px;border: 1px solid #772303; padding:0; margin:0;}

/******************************************/
/**************  RESIDENCES  **************/
/******************************************/
#fiche, #residences {}
div.fondbleu {background:url("images/fonds/bleu-trans.png");}
#fiche p, .accroche {text-align:justify;color:#4A7094;font: normal 8pt Trebuchet MS;line-height:9pt;}
.accroche {height:58px;overflow:hidden;}
.contenuliste {height:100px;overflow:hidden;}
.type {text-align:left;font-size:11px; color:#5486DF;margin-bottom:10px;}
.titre {text-align:left;font-size:14px;color:#5486DF;}
h2.residences {color:#5486DF;margin-bottom:0px;}
#residences img {margin-left:15px; margin-right:10px;}
#fiche h3 {color:#5486DF; font: bold 10pt Trebuchet MS;margin-bottom:0px;}
#fiche img {margin-left:5px; margin-right:10px;margin-bottom:12px;}
#fiche .plan img {margin-left:10px; margin-bottom:1px;}
#fiche a {color:#1F6DDA;}
div.plan {float:right; width:157px; height:101px;background:url(images/fonds/fondplan.jpg) no-repeat;padding-top:8px;font: bold 8pt Trebuchet MS;}