@import url("reset.css");
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background: #35424C url(gfx/bg.gif) top left no-repeat;
}
a{color:#fff;text-decoration:none;}
a.unselected{color:#6f8594;}
a:hover{text-decoration:underline;}
.clear{
clear:both;
}
.absWrapHome{
width:672px;
height:536px;
background:url(gfx/home.png) no-repeat;
margin:30px auto 30px;
}

.absWrapInt .logo{display:block;margin-bottom:15px;}
.logo a{
display:block;
width:251px;
height:65px;
background:url(gfx/logo-entete.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
.absWrapHome a{
display:block;
width:672px;
height:536px;
text-indent:-9999px;
overflow:hidden;
}
.absWrapInt{
position:relative;
width:768px;
margin:30px auto 30px;
margin-bottom:60px;
}
.absWrapIntCollab{
position:relative;
height:1100px;
margin:30px auto 30px;
}
.absWrapInt h1 ,.absWrapIntCollab h1{display:none;}
#wrapInt{
position:relative;
width:768px;
height:509px;
background:url(gfx/img-bg-metal.jpg) 8px 35px no-repeat;
overflow:hidden;
}
#wrapInt.collaborant{height:764px;}

#menu{
width:768px;
background:url(gfx/poutre-fonce.gif) no-repeat;
}
#menu ul{
height:29px;
padding-top:6px;
padding-left:25px;
list-style:none;
}
#menu ul li{
display:inline;font-size:11px;text-transform: uppercase;font-weight:bold;margin-right:20px;color:#fff;}
#menu ul li span:hover{
text-decoration:underline;
cursor:pointer;
}


/*///////////////////POUTRE COMMUN///////////////////////*/
.poutre{width:768px;}
#p1{background:url(gfx/poutre1.gif) no-repeat;}
#p2{background:url(gfx/poutre2.gif) no-repeat;}
#p3{background:url(gfx/poutre3.gif) no-repeat;}
#p4{background:url(gfx/poutre4.gif) no-repeat;}

.poutre h3{
height:25px;
padding-top:10px;
padding-left:25px;
font-size:10px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
cursor:pointer;
}
.poutreContent{
position:relative;
width:752px;
margin-left:8px;
}
.content{
position:relative;
z-index:2;
padding:15px 17px;
}
.content h3{
font-weight:bold;
color:#fff;
margin-bottom:10px;
}
.content p{
color:#fff;
font-size:12px;
margin-bottom:10px;
}
.content p.underline{
text-decoration:underline;
}
.content img{
margin: 0px auto;
}
.content ul{height:200px;}
.content ul li{
width:100%;
float:left;
text-align:center;
font-size:11px;
margin-right:6px;
}
.content ul li a img{border:0;}
#introColla{
position:relative;
background:url(gfx/img-plancher-beton.jpg) no-repeat 352px 103px;
}
#introColla div{
width:350px;
}
#introColla img{
position:absolute;
top:100px;
left:350px;
width:381px;
height:203px;
z-index:3;
}
.solo {height:474px;}
.solo ul{height:auto;margin-top:30px;}
.solo ul li{color:#fff;width:auto;text-align:left;float:none;padding-left:15px;}
.solo ul li{font-size:12px;margin-bottom:20px;}
.solo ul li span{font-size:14px;font-weight:bold;margin-left:-15px;}

.poutre .poutreContent .colorLayer{z-index:1;}
/*////////////////////////////////////////////////*/
.collaborant #p1 ul, .sec #p1 ul{display:none;}
.sec #p1 .content{
text-align:center;
}

.brochure{
display:block;
width:350px;
height:306px;
color:#fff;
text-transform:uppercase;
font-size:11px;
margin:0 auto;
}
.brochure span{
display:block;
width:154px;
height:311px;
background:url(gfx/img-brochure-collaborant.png) top left no-repeat;
float:left;
}
.collaborant #p3 .content a span{
background:url(gfx/img-brochure-collaborant.png) top left no-repeat;
}
.sec #p2 .content a span{
background:url(gfx/img-brochure-sec.png) top left no-repeat;
}
.brochure em{
display:block;
padding-top:120px;
font-style:normal;
}

#footer{
position:absolute;
bottom:-35px;
left:0;
font-size:9px;
text-align:right;
padding-top:10px;
padding-right:20px;
height:25px;
width:748px;
background:url(gfx/poutre-fonce.gif) no-repeat;
}
#footer a{padding-top:10px;}

/*/////////////////////MOVIE BOX/////////////////////*/
#movieBox {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}
#movieBox #layout{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background:#000;
}
#movieBox #boxContent{
position:absolute;
width:500px;
height:420px;
left:50%;
top:50%;
margin-top:-246px;
margin-left:-250px;
background:#e1e1e1;
}
#movieBox #boxContent #moviePlayer{
width:480px;
margin:0px auto;
}
#boxHeader{padding:5px 10px;position:relative;}
#boxHeader p {
font-size:12px;
font-weight:bold;
}
#boxHeader a{position:absolute;
top:5px;
right:10px;
color:#4d4d4d;
font-size:10px;
text-transform:uppercase;
display:block;
background: url(gfx/bt-close.gif) no-repeat 45px 2px;
width:55px;
height:12px;
}
#moviePlayer{
text-align:center;
}
#moviePlayer span{
padding-top:50px;
font-size:12px;
}
#moviePlayer strong a{
color:#000;
}