/* ---------------------
	DEFAUT
--------------------- */


/*  réinitialiser   */ 


*{
margin:0;
padding:0;
}


body{


color:#807378;
font-family:Arial, Helvetica, sans-serif;
font-size: 76%; width:100%;
background:#807378;}

img{
border:0;
}

ul, li, ol, dl, dd, dt{
list-style:none;
}

ol li{
list-style:decimal inside
}
/*  élments communs   */ 
.clear{
clear:both;}

.hide{
display:none!important; }


.right{
float:right;
}




.bold{
font-weight:bold;}

.left{
float:left;}

.textcenter{
text-align:center;}

.textright{
text-align:right;}

hr{
clear:both;
color: #bfaeae;
background-color:#bfaeae;
height: 1px;
border: 0;
margin:12px 0!important;
margin:6px 0;
}

/*  titre   */ 
h2 { font-size: 1.3em;  color:#b48b9d;  margin-bottom:20px; 
text-align:left;
 }

h3 { font-size: 1.1em;color:#a59ea1; margin-bottom:5px;}


h3 em{ font-size: 0.9em; font-style:normal;}
h4 { font-size: 1em; color:#482f2d; }
h5 { font-size:0.9em; margin-bottom:4px;}
h6 { font-size: 0.8em; }




#side h2 {font-size: 1.2em; color:#a26d85;  margin-bottom:5px;}
#side .box2 h2 {color:#f6f6f6;}



/*  base   */ 

p, td, li, dt, dd { font-size: 1em; }

a{color:#b5a0a3;}
a:hover {color:#cba8ac;}

.color1{color:#36dfec;}
.color2{color:#309cd0;}


.mention {color:#e8005f; font-size:0.9em; text-align:right; font-style:italic;
font-family:"Palatino", "Georgia", Times, serif;}

li{
list-style-position:}


.btslide a{ background:url(images/btplus.png) 0 0  no-repeat!important;
background:url(images/ie6/btplus.gif) 0 0  no-repeat;
margin-top:10px;
padding: 5px 0 0 30px;
height:24px;
display:block;
}

.btback a{ background:url(images/btback.png) 0 3px  no-repeat!important;
 background:url(images/ie6/btback.gif) 0 3px  no-repeat;
margin-top:10px;
padding: 0 0 0 18px;
display:block;
color:#5c7c8b;
text-decoration:none;
}


.btback {float:right;}

/**/

#main li{ background:url(images/pucelist.png) 0 4px no-repeat!important; 
background:url(images/ie6/pucelist.gif) 0 4px no-repeat; 
padding-left:15px;margin-bottom:4px;}

#side .foot li{background:url(images/pucecarre.png) 0 4px no-repeat; padding-left:15px;}


#main ol li{margin-bottom:4px;
background:none!important;}



#main  ul, li{margin-bottom:6px;}
#main p{margin-bottom:8px;}




.bloc{margin-top:20px;}


.btplus{
float:right;
width:2%;}




	
/* ---------------------
  Structure generale
--------------------- */



.container {
width:976px;
margin:20px auto 0 auto;
position:relative; }



#banner {
background:url(images/banner.png) 0 0 repeat-y;
height:172px;
width:976px;
border-top:solid 1px #b9b2b5;

}

#deco {
background:url(images/deco2.jpg) right 0 no-repeat;
height:171px;
border-right:solid 1px #b9b2b5;}




h1{
position:absolute;
left:87px; 
top:1px;
width:223px;
height:128px;}

#banner h2{
position:absolute;
left:243px; 
top:121px;
width:294px;
height:18px;}



#page {
background:url(images/page.png) 0 0 repeat-y;
width:100%;

}
#separation {
background:url(images/foot.jpg) 0 bottom no-repeat;
padding-bottom:23px;}

#main{float:left;
width:608px;
padding:30px 30px 0 30px;
min-height:360px!important; height:auto!important; height:360px;
border-top:solid 1px #fff;
}

#side{float:right;min-height:290px!important; height:auto!important; height:290px;
width:173px;
border-right:solid 1px #b9b2b5;
border-top:solid 1px #f6f6f6;
position:relative;
}



#nav{float:left;
width:134px;
min-height:290px!important; height:auto!important; height:290px;
border-top:solid 1px #f6f6f6;
}



#foot ul{
margin:0;
height:20px;
border:solid 1px #a0969a;
border-top:none;
text-align:center;}


#intro{
width:986px}


#containerintro{
width:976px;
height:608px;
margin:20px auto 0 auto;
}

#containerintro p{
height:20px;
}
#containerintro a{
color:#b2a2a9;
}
#containerintro a:hover{
color:#c8bdc2;
}


#anim {
position:absolute;
bottom:21px;
right:176px;
width:236px;
height:386px;}


#anim2 {
position:absolute;
bottom:21px;
right:176px;
width:235px;
height:222px;}




#home #main {
width:388px;
padding:30px 250px 0 30px;
}
 
 
 
#rea #separation {
background:url(images/foot2.jpg) 0 bottom no-repeat;}

#rea #page {
background:url(images/page2.png) 0 0 repeat-y;}

#rea #main {
width:780px; 
}


/* ---------------------
  menu
--------------------- */



#nav li{
padding:0;
margin:0;
background:none;
border-left:solid 1px #e6d2da;
 white-space:nowrap; }



#nav a{
background-image:url(images/menu.jpg);
background-position: 0 0;
background-repeat: no-repeat;
padding: 12px 10px 5px 10px;
height :25px;
display:block;
font-size:0.9em;
width:113px;
border-bottom:solid 1px #eeeeee;
color:#fff;
text-decoration:none;
font-weight:bold;

}

#nav li:hover, #nav .selected{
border-left:solid 1px #edc4d5;}


#nav a:hover, #nav .selected a{
background:#e4156b;} 

/* ---------------------
FOOT
--------------------- */



#foot li{
font-size:0.9em;
display:inline;
margin-left:15px;
color:#b2a2a9;}

#foot li a{
color:#b2a2a9;
}

#foot .inv a, #foot .inv a:hover{
color:#7d7075;
}

#foot li a:hover{
color:#c8bdc2;
}


/* ---------------------
		SIDE
--------------------- */

/* BOX */


#side .box{

color:#8b6877;
 margin:0 auto 15px auto;
padding:15px 10px 15px 10px;}

#side .box2 {
background:#a4c52c;margin:0;
color:#667e0f;padding:10px;
border-bottom:solid 1px #ac9ba2}

#side .box a{
color:#8b6877;}

#side .box a:hover{
color:#664d57;}

#side .box2 a{
color:#617718;}

#side .box2 a:hover{
color:#78941e;}


/* carousel */



.sidemarge{
 padding:32px 0 0 0; }

   
 #galerie {  
    position: relative; /* important */  
   overflow: hidden; /* important */  
    width:173px; /* important */  
     height: 380px; /* important */  
   
 }  
#galeriebloc {  
     position: absolute;  
     left: 0;  top:0;
padding:0;
	 margin:28px 0;  } 
	 
	    
 #bt_previous {  position: absolute;top: 0; left: 0; cursor:pointer; text-align:center; width:173px; height:28px;}  
 #bt_next { position: absolute;bottom: 0; left: 0;cursor:pointer;text-align:center;width:173px; height:28px;}  



 
.realisation{
float:left;
display:block;
 height:90px;
 width:110px;
 padding:5px;
 margin:0 0 0 25px;
  border-bottom: 4px solid #b2a2a9;
    border-top: 4px solid #b2a2a9;
 background:#9e8f95!important;
color:#ebff9e;  }
  
   
 .realisation:hover {  border-bottom: 4px solid #bdb0b6;
    border-top: 4px solid #bdb0b6;} 
 
 
.realisation img {  
     display: block;  
   margin:0 auto; 
    border: 1px solid #666;  
height:60px; 
max-width:110px; 
 }  
 
.realisation p{

color:#f6f6f6;
margin:0;height:30px; 
font-size:0.9em;
width:100%;
}


/* ---------------------
		MAIN
--------------------- */
/* Column */


.column, .column2{
width:284px ; float:left;padding:0 10px 0 0; }
.column2 {float:right;padding:0 0 0 10px; }



 /* liste realiations */


.listing{
width:660px;
margin:0 auto;}

.listing li{
margin-bottom:10px;}

.listing p, .listing h3, .listing .resume{
float:left; padding:0 1%;}

.listing h3{
width:28%;

}

.listing .info{
width:16%;}



.listing .resume{
width:28%;}




 /* VENTE */
 
 
.vente li {
float:left;
padding:0;
width:100%;
margin:0 0 8px 0;
background:#2f3b42;
}

.vente a img{
border:solid 4px #2f3b42;
}

.vente a:hover img{
border:solid 4px #455660;
}

.vente p {
padding:0;
float:left;
width:auto;
margin:4px!important;
}

.vente .pict {
float:right;
margin:0;
}





/* GAlerie

.onegalerie{
width:50%; 
float:right;
text-align:right;
}
.onegalerie a img{
border:solid 4px #b2a3aa;
max-width:350px!important; width:auto!important; width:auto;
max-height:300px!important; height:auto!important; height:350px;
}

.onegalerie a:hover img{
border:solid 4px #bdb0b6;
}

.onegalerie .option img {
background:#bdb0b6 url(images/visitez_galerie.png) center bottom no-repeat;
padding-bottom:31px;}





.presentrea  {
width:45%; 
float:left;}

.presentrea .date {
color:#9e8f95;}



.presentrea .info{
color:#9e8f95;
font-size:1em;
font-family:"Palatino", "Georgia", Times, serif;}


.presentrea .resume{
font-family:"Palatino", "Georgia", Times, serif;
color:#9e8f95;
font-size:1.1em;}

.presentrea .description{
color:#898989;margin-top:25px;}
 */

.reference{margin:40px auto 0 auto;
width:80%;
padding:8px;
border:solid 1px #d4d1d2;
position:relative;
}
/*
.reference #partenairelink{
background:#f6f6f6;
height:20px;
display:block;
width:100px;
padding:2px 8px;
position:absolute;
bottom:0;
right:0;
}
*/

.reference h3{
background:#f6f6f6;
width:auto;
padding:2px 8px;
position:absolute;
top:-12px;
left:40px;
}
.listservice {
border-top:solid 1px #b7de2e;}

.listservice li{
padding:0;
margin:0;
}

.listservice a{
border-bottom:solid 1px #b7de2e;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
display:block;
padding:10px 0 8px 50px;
height:26px;
background-image:url(images/service.png); 
background-position:0 0;
background-repeat:no-repeat;

}

.listservice a:hover, .listservice .active a{
background-position:0 -64px;}


.listservice #link1 {background-image:url(images/retourservice.png); }
.listservice #linkrea {background-image:url(images/service6.png); }



/*  formulaire  */

.formulaire ul{
 margin-bottom:20px;


 }
 
#main .formulaire li{
 margin-bottom:6px;
clear:both;
background:none!important; background:none;
padding:0;

 }
  label{
 display:block;

 float:left;
 width:28%;
 }
 

input, textarea{ 
background:#f6eff2;
border:solid 1px #e4dee0;
border-left-color:#e8005f;
padding:2px;
color:#6e838b;
 width:70%;} 
 
 textarea{

 height:40px;
 }  
 .biglabel label {width:100%; margin-bottom:6px;}
 .biglabel input {width:100%;}
 
 .bt_form{float:right; margin-bottom:10px;}
 
.bt_form input{
font-family:Arial, Helvetica, sans-serif;
width:132px;
height:34px;
line-height:29px;
background:url(images/bt_form.png) 0 0 no-repeat; 
color:#8c6c79;
text-align:center;
font-weight:bold;
font-size:1.1em;
font-weight:bold;
border:none;} 

/* location tableau  */ 
.menuprod {margin-bottom:3x;}
.menuprod li{ margin-left:25px;}


table{
width:661px;
margin:0 auto;
border-collapse:collapse;
vertical-align: middle;
text-align:left;
 background:#1c2123;
 border:solid 1px #3a484c;
 text-transform:capitalize;}


td, th {padding:5px; height:15px;}



td, tbody th {
color:#6f8b97;
border-left:solid 1px #3a484c;
border-bottom:solid 1px #3a484c;}


th[scope=rowgroup] { background:#272e31;  height:35px; color:#575f62; text-transform:uppercase; font-size:1.1em;}
td, th[scope=row]  { background:#314148; }



thead tr{ height:42px;  color:96bccd; }

caption{display:none;
}

tfoot {text-align:right;}



/* thumbnail slider begin 
*/

#gallery_container {   width:650px ;  height:104px ; margin:0 auto 30px auto; padding:7px 0px 0px; display:block; position:relative;  }

#thumb_container{ position:relative ; overflow:hidden ; width:600px;  height:100px ;}

#thumbs { white-space:nowrap; display:block; position:relative;}

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #f7cedf solid; }


.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; right:0px; background:url(images/gallery_fwd.png) 0 0 no-repeat!important; 
  background:url(images/gallery_fwd.gif) 0 0 no-repeat; }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; left:0px; background:url(images/gallery_next.png) 0 0 no-repeat!important;
background:url(images/gallery_next.gif) 0 0 no-repeat;  }



#main .gallery li{
background:none!important;
padding:0;width:388px;
margin:0 auto;
margin-bottom:10px;
position:relative;}


.gallery h2{width:100%;margin-bottom:0;}

.gallery a{
text-decoration:none;
display:block;
height:37px;width:200px;
padding:10px 178px 10px 10px;
color:#8c5971;
background-position: 0 0;
background-repeat: no-repeat;
background-image:url(images/menupict.png);}

.gallery a:hover{
color:#e2dbde;
background-position: 0 -57px;}

.gallery a img{
position:absolute;
right:0; 
top:0;
width:175px;
height:53px;
border:solid 2px #e2dbde;}

.gallery a:hover img{

border:solid 2px #b2879b;}




#main .galeriemini li {
padding:0;
float:left;
background:#none;
margin:0 8px 8px 8px;
position:relative;}


.galeriemini a {
text-decoration:none;
font-size:0.9em;
width:122px;
padding:105px 5px 5px 5px;
display:block;
background:#e2dbde; color:#b2879b;
border:solid 2px #e2dbde;
height:40px;
overflow:hidden;}

.galeriemini a:hover {
color:#e2dbde;background:#b2879b;
border:solid 2px #b2879b;}

.galeriemini a img{
position:absolute;
left:2px; 
top:2px;
width:132px;
height:99x;
}