@charset "utf-8";
/* CSS Document */

html, body{
margin:0;
padding:0;
height: 100%;
width: 100%;
}

body{
font-family: Bauhaus Md BT,Verdana;
background-color:#d2d3d5;
overflow:hidden
}

a img{
border:0px;
outline: none;
}

a{
font-size:12px;
color:#FFFFFF;
font-family:verdana;
text-decoration:none;
outline: none;
}
a:hover{
color:#6dcff6;
outline: none;
}

/*///////////////////////////////////////////////*/


@font-face {
 font-family: Bauhaus Md BT;
 src: url("./fonts/bauhausm.eot"); /* EOT file for IE */
 }
@font-face {
 font-family: Bauhaus Md BT;
 src: url("./fonts/bauhausm.ttf") format("opentype"); /* TTF file for CSS3 browsers */
 }

@font-face {
 font-family: bauhausb;
 src: url("./fonts/bauhausb.eot"); /* EOT file for IE */
 }
@font-face {
 font-family: bauhausb;
 src: url("./fonts/bauhausb.ttf") format("opentype"); /* TTF file for CSS3 browsers */
 }
 
.bauhausm {
	font-family:bauhausm,Verdana,Arial;
}

.bauhausb {
	font-family:bauhausb,Verdana,Arial;
}


 
/*///////////////////////////////////////////////*/

#centrage{
text-align:center;
}

#background{
height:100%;
top: 0px;
z-index:0;

}

#page{
position:absolute;
height:auto;
width:1100px;
left:50%;
top: 50%;
margin-left:-550px;
margin-top:-300px;

}


#logo{
position:absolute;
top:2%;
left:50%;
margin-left:-184px;
width:369px;
z-index:1;
}

#categories{
position:absolute;
top:35%;
left:50%;
margin-left:-315px;
width:630px;
height:310px;
}

#etudes{
position:absolute;
left:0px;
top:0px;
z-index:10;
}
#etudestxt{
position:absolute;
background-image:url(images/etudestxt.png);
background-repeat:repeat-y;
width:175px;
background-color:#000;
left:0px;
top:207px;
font-family:Bauhaus Md BT,Verdana;
font-size:12px;
color:#FFF;
z-index:7;
}

#fabrication{
position:absolute;
left:230px;
top:0px;
z-index:12;
}
#fabricationtxt{
position:absolute;
background-image:url(images/fabricationtxt.png);
background-repeat:repeat-y;
width:175px;
background-color:#000;
left:228px;
top:207px;
font-family:Bauhaus Md BT,Verdana;
font-size:12px;
color:#FFF;
z-index:4;
}

#instalation{
position:absolute;
right:0px;
top:0px;
z-index:8;
}
#instalationtxt{
position:absolute;
background-image:url(images/instalationtxt.png);
background-repeat:repeat-y;
width:175px;
background-color:#000;
right:0px;
top:207px;
font-family:Bauhaus Md BT,Verdana;
font-size:12px;
color:#FFF;
z-index:5;
}

#bas{
position:absolute;
left:0px;
bottom:0px;
height:50px;
width:100%;
font-family:bBauhaus Md BT,Verdana;
font-size:11px;
z-index:30;
}

#deg_bas{
position:absolute;
height:100%;
width:100%;
}

#bas_gauche{
position:absolute;
left:10px;
padding-top:5px;
height:40px;
width:250px;
}

#contactPB{
position:absolute;
right:380px;
padding-top:5px;
height:40px;
width:150px;
color:#FFF;
}
#contactSL{
position:absolute;
right:160px;
padding-top:5px;
height:40px;
width:200px;
color:#FFF;
}
#contactAP{
position:absolute;
right:10px;
padding-top:5px;
height:40px;
width:130px;
color:#FFF;
}

#liste{
position:absolute;
background-color:#FFF;
right:0px;
bottom:40px;
height:330px;
width:145px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right;
padding-right:5px;
padding-top:5px;
}

#telechargez{
position:absolute;
right:10px;
bottom:380px;
}

#fond_chapitre{
position:absolute;
left:50%;
margin-left:-192px;
top:40%;
width:385px;
height:166px;
background:url(images/fond_chapitres.png);
background-repeat:no-repeat;
z-index:20;
}

#img_chap{
position:relative;
left:16px;
top:17px;
width:348px;
height:126px;
z-index:21;
}