/* baticoncept par kobaltis - vivien hector */

* {margin:0; padding:0; }

html,body{ height:100%;}

body{background:#2691a1 url('grfx/bg.jpg') repeat-x;position:relative;}

#contener{position:relative;min-height:100%;background:url('grfx/bgcontenu.jpg') bottom left no-repeat;}


/* MISE EN FORME HEADER */

#header{height:149px;position:relative;}

#header h1 a{display:block;height:149px;width:110px;background:url('grfx/logo.gif') no-repeat;text-decoration:none;float:left;}
#header a.newsletter span, #header h1 a span{visibility:hidden;}
#header a.newsletter{float:right;display:block;width:106px;height:34px;background:url('grfx/newsletter.gif') top;text-decoration:none;}
#header a.newsletter:hover{background-position:bottom;}


/* FIN HEADER */

#contenu {padding-bottom:180px;}
#footer{bottom:0;position:absolute;/*background:#141414 url("grfx/bgfooter.jpg") center top repeat-x;*/color:white;height:285px;width:100%;}
.centrer{width:970px;margin:0 auto;}
.nettoyeur {clear:both;}

/******************************/
/* MON MENU DEROULANT */
/******************************/

#menu {position:absolute;display:block;margin:0;top:45px;left:110px;height:37px;background-repeat:repeat-x;z-index:1;}
#menu div {float:left;background:url('grfx/menubg.gif') repeat-x;}
#menu div a {line-height:43px;display:block;color:white;text-decoration: none;}
#menu div a span{border-right:1px dotted white;padding:0 7px 0 7px;}
#menu div  a:hover {background:url('grfx/menubghover.gif') repeat-x;}

#menu div.premenu {background:url('grfx/menuleft.gif') left no-repeat;width:11px;height:43px;}
#menu div.postmenu {background:url('grfx/menuright.gif') left no-repeat;width:10px;height:43px;}
#menu div.menulast a span{border-right:0px solid white;}


/* sous menu */
#menu div ul {position: absolute;left:10px;background-color:#004754;width:100%;margin:0;padding:0;}
#menu div ul li {list-style-type:none;float:left;padding:0 5px;border-right:1px solid white;}

#menu div ul li a {height:20px;line-height:20px;color:white;text-decoration:none;}
#menu div ul li a:hover {color: #f5f5f5;}

/************************************************/
/* FIN MENU */

/************************************************/
/* CONTENU */
/************************************************/

.blocgauche{width:368px;float:left;}
#contenutxt{width:368px;float:left;margin-top:10px;}
.pcontenutxt{background:#000;opacity:0.8;filter: alpha(opacity=80);border-bottom:1px solid #5B5B5B;}
.qualibat{text-align:right;}
.qualibat img{margin-top:20px;}

#contenutxt h2 {height:42px;width:368px;text-indent:-5000em;}
h2.pnotrexp {background:url('grfx/pnotrexp.png') no-repeat;}
h2.paccueil {background:url('grfx/h2accueil.jpg') no-repeat;}
h2.pcontact {background:url('grfx/h2contact.png') no-repeat;}
h2.pnews {background:url('grfx/h2news.jpg') no-repeat;}
h2.pqsn {background:url('grfx/h2qsn.png') no-repeat;}
h2.pinterlocuteur {background:url('grfx/h2interlocuteur.png') no-repeat;}
h2.pgaranties {background:url('grfx/h2garanties.png') no-repeat;}
h2.prenovation {background:url('grfx/h2renovation.png') no-repeat;}
h2.pextension {background:url('grfx/h2extension.png') no-repeat;}
#contenutxt p {text-align:justify;margin:0 5px 0px 5px;padding:10px 0;}
#contenutxt a {color:#008194;}


#contenutxtgris{
width:368px;float:left;margin-top:0px;margin-left:70px;margin-bottom:20px;
background:none;background-color:#CCCCCC;opacity:1;color:#13272A;
}
#contenutxtgris h2 {height:42px;width:368px;text-indent:-5000em;}
#contenutxtgris p {text-align:justify;margin:0 20px 0px 25px;padding:10px 0;color:#11292B;}
#contenutxtgris a {color:#11292B;text-align:left;background:transparent url('grfx/next1.png') no-repeat top left;line-height:18px;height:18px;padding:3px 0 2px 26px;}

/* SLIDESHOW */

#contourSlide{width:498px;float:right;position:relative;}
#slideshow {}


/* FOOTER */
#footer { background:black; height:170px;}
#footer a { color:#ccc; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
.bloc{ float:left; width:220px; margin-top:10px; }
.footcs { width:90px; }
.bloc .footderoul{display:none;bottom:0px;margin-left:-30px;position:absolute;}
.footderoul ul{padding:10px;background:black;-moz-border-radius:10px;opacity:0.8;filter: alpha(opacity=80)}
.flech {
	margin-left:40px;font-size:0px;line-height:0%;width:0px;border-top:10px solid black;border-left: 10px solid transparent;border-right: 10px solid transparent;
	opacity:0.8;filter: alpha(opacity=80)
}
.bloc h3{ line-height:36px; height:122px; width:86px;text-indent:-5000em; cursor:pointer;}
.footbc h3{ background:url('grfx/footbaticoncept.png') top left no-repeat;}
.footc h3{ background:url('grfx/footcourdent.png') top left no-repeat;}
.footcn h3{ background:url('grfx/footclotures.png') top left no-repeat;}
.footcp h3{ background:url('grfx/footconceptpaysage.png') top left no-repeat;}
.footca h3{ background:url('grfx/footconceptamenagement.png') top left no-repeat;}
.footcs h3{ background:url('grfx/footconceptsol.png') top left no-repeat;}

.bloc ul{ margin:0; list-style-type:none;}
.mentions {text-align:right;padding-top:10px;line-height:30px;height:30px;}
.mentions ul{list-style-type:none;}
.mentions ul li {display:inline}

/* CLES EN MAIN */
ul.cem{ list-style-type:none; width:100%; margin:0;}
ul.cem li{ float:left; width:474px;}
ul.cem li.cemmarge{margin-right:20px;}
ul.cem li a.acem{float:left;display:block;width:474px;height:223px;text-decoration:none;margin-bottom:40px;}
ul.cem li a.acem span{ display:none;}

ul.cem li a.cem140{background:url('grfx/cleenmain140.png');}
ul.cem li a.cem170{background:url('grfx/cleenmain170.png');}
ul.cem li a.cem200{background:url('grfx/cleenmain200.png');}
ul.cem li a.cem250{background:url('grfx/cleenmain250.png');}
ul.cem li a:hover{opacity:0.8;filter:alpha(opacity=80);}

/* DETAILS CLES EN MAIN + exceptions renovation*/

.blocmaison{width:435px;margin:5px 10px;min-height:100px;float:left;-moz-border-radius:10px;background:#000;padding:10px;padding-bottom:12px;}
.blocmaison a{color:#ccc;}
.blocmaison img{float:left;padding:0 5px 9px 0;}
.bgblocmaison{background:#fff;height:100%;}	
img.imgreno{margin-right:10px;}
 
 /*TERRAINS */

.bloc_adresse{
	font-weight:bold;
	color:#162E32;
	font-size:12px;
	float:right;
}