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


/*  réinitialiser   */ 


*{
margin:0;
padding:0;
}


body{


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

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.2em;  color:#a9b4b8;  margin-bottom:10px; 
text-align:left;
 }

h3 { font-size: 1em;color:#5a5a5a; margin-bottom:0; font-weight:normal;
font-size:1.1em;}


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; }


#page2 h2 {color:#77a0c1; }
#page3 h2 {color:#74aabc; }
#page4 h2 {color:#74b0b6; }

#page2 .presentrea h2{font-size:1em; 
font-weight:normal;}



/*  base   */ 

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

a{color:#9a9a9a;}
a:hover {color:#4aaaf3;}

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


.column2 .mention {color:#017d8a; font-size:0.9em;  font-style:italic;
float:left;
width:35%;
padding-left:26%;
margin:0;
}



.btslide a{
padding: 20px 0 0 0;float:left;
height: 0px !important;
height /**/:20px;
overflow:hidden;
display:block;
width:84px;
background-position: 0 0;
background-repeat: no-repeat;
background-image:url(images/btretour.png);float:right;}

.btslide #link2{background-image:url(images/btetapes.png);width:153px;float:none;}


.btpage a{ background:url(images/btgalerie.png) 0 0  no-repeat;
margin-top:10px; width:100%;
padding: 36px 0 0 0;
height: 0px !important;
height /**/:36px;
overflow:hidden;
display:block;
}

.btpage{ margin:0 auto;width:195px;}





/**/

.column li, .column2 li, .presentformation 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:20px;
background:none!important;}

.column p, .column2 p, .presentformation p {margin-bottom:8px;}




.bloc{margin-top:30px;}


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




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



.container {
width:977px;
margin:30px auto 0 auto;
position:relative;
height:597px;
background-position:0 20px;
background-repeat:no-repeat;
background-image:url(images/fond1.png);}

#page2 {background-image:url(images/fond2.png);}
#page3 {background-image:url(images/fond3.png);}
#page4 {background-image:url(images/fond4.png);}

#banner {
height:219px;
width:976px;
position:relative;
}




h1{
position:absolute;
left:99px;
top:-14px;
height:163px;
height:150px;
z-index:3;
}

#banner h2{
position:absolute;
left:301px;
top:95px;
padding: 90px 0 0 0;
height: 0px !important;
height /**/:90px;
overflow:hidden;
display:block;
width:374px;
background-position: 0 0;
background-repeat: no-repeat;
background-image:url(images/slogan.png)!important;
background-image:url(images/ie6/slogan.gif);
}


#main{
border:solid 2px #000;
border-top:solid 1px #000;
margin:0 auto;
width:594px;
padding:30px;
height:232px;
background:#111111;
position:relative;
}




#nav{margin:0 auto;
width:656px;
height:30px;
border:solid 1px #000;}



#foot ul{
margin:0;
height:20px;
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;
}

*/


/* ---------------------
  menu
--------------------- */
#nav #nav1 a{background-image:url(images/nav1.png);}
#nav #nav2 a{background-image:url(images/nav2.png);}
#nav #nav3 a{background-image:url(images/nav3.png);}
#nav #nav4 a{background-image:url(images/nav4.png);}


#nav li{
padding:0;
margin:0;
background:none;
width:162px;
float:left;
border:solid 1px #000;}



#nav a{
padding: 28px 0 0 0;float:left;
height: 0px !important;
height /**/:28px;
overflow:hidden;
display:block;
width:100%;
background-position: 0 -28px;
background-repeat: no-repeat;}


#nav a:hover, #nav .selected a{
background-position: 0 0;} 


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



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

#foot li a{
color:#ccc;
}

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





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



.column, .column2{
 float:left; width:255px; border-right:solid 1px #333333; padding-right:40px;}

 
.column2 {float:right; border-left:solid 1px #333333; padding-left:40px; border-right:none;padding-right:0;} 

.colmax{width:355px;}  
.colmin  {width:155px;}  

 
 





 /* PROJET MENU */
 
.projet { position:absolute; top:0; left:0; height:30px; border-bottom:solid 2px #000; padding:0 30px;
width:594px;}
.projet li{float:left; padding:10px 10px 0 0;}
.projet .selected a{color:#0e89e8;}
.projet a{text-decoration:none;}




/*    PRESENT realisation      */


.presentrea  {
width:350px;
margin-right:30px;
float:left;
} 

.presentrea em {
color:#5d5d5d;
font-style:normal;
 }
 
.presentrea p {
font-size:0.9em;
 }

.presentrea .info2 {
 margin-top:10px;}






/*    VIDEO      */
.video img{
height:30px;
float:left;
margin-right:5px;
}

.video{ width:100%;}
.column2 .video li{ float:left;
background:none;
padding:0;
margin:0;}


.cadrevideo{border:solid 1px #303030;
padding:20px 8px 8px 8px; width:110px;
color:#898989;
position:relative;
font-size:0.9em;
float:left;
margin-top:12px;}


.cadrevideo h3{ padding: 20px 0 0 0;
height: 0px !important;
height /**/:20px;
overflow:hidden;
display:block;
width:84px;
background-position: center 0;
background-repeat: no-repeat;
background-image:url(images/video.png);
position:absolute;
top:-12px;
left:20px;}

.cadrevideo li{
margin:0 0 10px 0;
}





/*    VRAC      */

.vrac {margin-bottom:10px;}


.vrac li{
float:left;
margin:0 3px 2px 0;
min-width:60px;
background:none;
padding:0;
}
.vrac img{
padding:0;
height:45px;
max-width:60px;}

.menugalerie {
float:left;
border-right:solid 1px #333333;
width:160px;
padding-right:30px;
 }

.menugalerie li {
width:96%;
padding:2%;
border-bottom:solid 1px #333333;}

.menugalerie  a{
text-decoration:none;}
.menugalerie .selected a{color:#0066FF;}



.menupict {
position:absolute; top:0; left:30px;
width:162px;
height:20px;
background:#000;
 }


.galeriedur{
font-size:0.9em;
width:500px;
}
.galeriedur a{
margin-right:5px;
}


/* mini photo */


#gallery_container {  width:84px ;margin:0; padding:50px 0 20px 0; display:block; 
 position:absolute; top:30px; right:0;
 background:#000;
 height:192px;}

#thumb_container{ position:relative ; overflow:hidden ; width:84px ;   }

#thumbs a { margin:0;  display:block;  padding:2px; height:60px;
 width:80px;}
#thumbs img{  height:60px; max-width:80px ; }

.addfwd { display:block; position:absolute; cursor:pointer; width:84px; height:20px; bottom:0; left:0; background:#000 url(images/gallery_fwd.png) center 0 no-repeat;   }
.addbkwd { display:block; position:absolute; cursor:pointer; width:84px; height:20px; top:30px; left:0; background:#000 url(images/gallery_back.png) center 0 no-repeat;  }

#gallery_container h3{ padding: 20px 0 0 0; top:10px; left:0;
height: 0px !important; position:absolute; 
height /**/:20px;
overflow:hidden;
display:block;
width:84px;
background-position: center 0;
background-repeat: no-repeat;
background-image:url(images/photos.png);} 



/*  formulaire  */

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

 }
  label{
 display:block;

 float:left;
 width:26%;
 }
 

input, textarea{ 
background:#6b6b6b;
border:solid 1px #343434;
border-left-color:#017d8a;
padding:2px;
color:#111111;
 width:70%;} 
 
 textarea{

 height:40px;
 }  
 .biglabel label {width:100%; margin-bottom:6px;}
 .biglabel input {width:100%;}
 
.column2  .bt_form{float:right;  padding:5px 0 0 0; margin:0;width:122px;}
 
.bt_form input{
font-family:Arial, Helvetica, sans-serif;
width:122px;
height:27px;
line-height:26px;
background:url(images/bt_form.png) 0 0 no-repeat; 
color:#b2b2b2;
text-align:center;
font-weight:bold;
font-size:1.1em;
font-weight:bold;
border:none;} 


.formmenu {padding:20px 0;}
.formmenu select{
background:#8d8d8d;
border:solid 1px #e4dee0;
border-left-color:none;
color:#111111;
 width:auto; }

.presentformation {padding:20px 0 0 0;}