/* 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 0 0px 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.png') no-repeat; }
h2.pcontact { background : url('grfx/h2contact.png') no-repeat; }
h2.pnews 	{ background : url('grfx/h2news.png') 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;}

/* 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.gif');}
ul.cem li a.cem170{  background:url('grfx/cleenmain170.gif');}
ul.cem li a.cem200{  background:url('grfx/cleenmain200.gif');}
ul.cem li a.cem250{  background:url('grfx/cleenmain250.gif');}
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 */