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

HTML, BODY, TABLE {
height:100%;
margin:0;
padding:0;
width:99.9%;
}

BODY {
color:#FFFFFF;
background-color:#000000;
margin:0;
/* pour éviter les marges */
text-align:center;
/* pour corriger le bug de centrage IE */
padding:0;
font-family:Helvetica;
}

IMG{
border:none;
}

TABLE{
padding:0;
margin:0;
/*border:#FF0000 1px solid;*/
}

TD{
padding:0;
margin:0;
/*border:#FF0000 1px solid;*/
}

DIV{
/*border:#CCCCCC 1px solid;*/
}

TR{
padding:0;
margin:0;
/*border:#FF0000 1px solid;*/
}

EMBED{
/*border:#FFFFFF 1px solid;*/
}

OBJECT{
/*border:#CCFF00 1px solid;*/
}

#home{
position:relative;
margin-left:auto;
margin-right:auto;
width:980px;
height:580px;
vertical-align:middle;
z-index:0;
/*border:2px solid #FFFFFF;*/
}

#homeFlash{
width:980px;
height:570px;
z-index:1;
position:relative;
}

#footerHome{
margin:0;
padding:0;
width:100%;
vertical-align:top;
height:10px;
}

#site{
position:relative;
margin-left:auto;
margin-right:auto;
width:99.9%;
height:590px;
vertical-align:middle;
/*border:2px solid #FFFFFF;*/
}

#centre{
vertical-align:middle;
}

#lightbox{
width:100%;
height:351px;
max-height:351px;
text-align:center;
line-height:0;
background:#000000;
}

#outerBoxContainer{
background-color:#000000;
width:250px;
height:250px;
margin:0;
left:50%;
}

#boxContainer{
margin:0;
padding:0;
height:auto;
width:100%;
height:100%;
}

#loading{
margin:0;
padding:0;
position:absolute;
top:52%;
left:50%;
margin-left:-25px;
margin-top:-25px;
text-align:center;
line-height:0;
z-index:0;
}

#flashBox{
margin:0;
padding:0;
width:auto;
height:auto;
z-index:5;
position:relative;
}

#imageBox{
margin:0;
padding:0;
width:auto;
height:auto;
z-index:1000;
}

#logo{
margin:0;
padding:0;
position:relative;
height:116px;
width:100%;
vertical-align:top;
text-align:center;
background-image:url('../images/header_barre.jpg');
background-position:bottom;
background-repeat:repeat-x;
}

#menuFooterHome{
font-size:10px;
color:#646464;
height:17px;
list-style-type:none;
list-style:none;
text-align:center;
}

#menuFooterHome span{
margin:0;
padding:0;
height:100%;
margin-left:23px;
cursor:pointer;
font-family:Arial;
}

#menuFooterHome span input{
margin:0;
padding:0;
height:100%;
border:none;
background-color:#000000;
border-bottom:#bfbfbf 1px solid;
vertical-align:top;
color:#646464;
font-size:10px;
width:95px;
}

#lienHome{
vertical-align:top;
margin:0;
padding:0;
height:10px;
line-height:10px;
font-size:10px;
width:30px;
cursor:pointer;
margin-left:80px;
text-decoration:none;
color:#646464;
margin-top:10px;
}

#menuGauche{
vertical-align:top;
margin:0;
padding:0;
margin-left:80px;
margin-top:18px;
height:122px;
width:120px;
text-align:left;
}

#menuGauche ul{
margin:0;
padding:0;
padding-top:5px;
list-style-type:none;
text-align:left;
border:none;
position:relative;
}

#menuGauche li{
float:left;
margin:0;
padding:0;
margin:0px 0px 7px 0px;
cursor:pointer;
font-size:10px;
height:10px;
font-family:Arial;
line-height:10px;
vertical-align:middle;
list-style-type:none;
text-align:left;
width:100%;
display:list-item;
}

#menuGauche li img{
margin:0;
padding:0;
border:none;
vertical-align:middle;
}

#menuGauche li .printpointtv{
margin-left:2px;
margin-right:3px;
}

#menuGauche .print, #menuGauche .tv{
width:35%;
}

#menuGauche li input{
background-color:#191919;
border:#3a3a3a 1px solid;
height:14px;
margin:0px 0px 7px 0px;
color:#FFFFFF;
font-size:10px;
width:95%;
} 

#menuGauche .send{
color:#444444;
border:none;
margin:0;
padding:0;
text-align:left;
font-size:9px;
background-color:#000000;
cursor:pointer;
}

.menuDroit{
vertical-align:top;
margin:0;
padding:0;
margin-left:80px;
margin-top:18px;
height:122px;
width:120px;
}

#logoTexteDroit{
margin:0;
padding:0;
top:22%;
position:absolute;
vertical-align:middle;
text-align:left;
width:245px;
z-index:10;
margin-left:80px;
height:351px;
max-height:351px;
}

#logoTexteDroit #logoDroit{
position:relative;
vertical-align:middle;
padding-bottom:10px;
font-size:12px;
color:#FFFFFF;
font-family:Helvetica;
}

#logoTexteDroit #texteDroit{
vertical-align:middle;
font-size:12px;
color:#FFFFFF;
font-family:Helvetica;
}

#logoTexteDroit #texteDroit p{
vertical-align:middle;
line-height:14px;
width:100%;
}

#logoTexteDroit .titreTexteDroit{
color:#ababab;
line-height:12px;
}

#vignetteBox{
margin:0;
padding:0;
text-align:left;
}

.vignetteBoxUl{
cursor:default;
margin:0;
padding:0;
list-style:none;
}

.vignetteBoxUlLi{
margin:0;
padding:0;
width:22px;
height:22px;
margin:0px 6px 0px 0px;
float:left;
list-style:none;
}

#vignetteBox .vignetteImage{
width:20px;
height:20px;
margin:0;
padding:0;
padding-left:1px;
padding-top:1px;
}

#vignetteBox .vignetteImage{
width:20px;
height:20px;
margin:0;
padding:0;
padding-left:1px;
padding-top:1px;
}

/*Legals*/
#legals{
border:#6a6a6a 1px solid;
z-index:50;
background-color:#000000;
position:absolute;
padding-right:10px;
padding-left:10px;
top:50%;
width:500px;
height:300px;
overflow:auto;
left:50%;
margin-left:-250px;
margin-top:-120px;
text-align:left;
font-size:12px;
font-family:Helvetica;
}

#legals button{
background:none;
color:#FFFFFF;
border:#3a3a3a 1px solid;
}

#legals a{
color:#FFFFFF;
}

.legalsFirefox{
-moz-opacity:0.85;
opacity: 0.85;
}

.legalsIE{
padding-top:10px;
filter:alpha(opacity=85);  
}
/*Legals : fin*/

/*Distribution*/
#distribution{
border:#6a6a6a 1px solid;
z-index:50;
background-color:#000000;
position:absolute;
padding-right:10px;
padding-left:10px;
top:50%;
width:500px;
height:300px;
overflow:auto;
left:50%;
margin-left:-250px;
margin-top:-120px;
text-align:left;
font-size:10px;
font-family:Helvetica;
color:#FFFFFF;
}

#distribution a{
color:#999999;
}

#distribution td{
color:#FFFFFF;
}

#distribution button{
background:none;
color:#FFFFFF;
border:#3a3a3a 1px solid;
}

.distributionFirefox div{
height:250px;
width:100%;
vertical-align:middle;
line-height:20px;
text-align:center;
}

.distributionIE div{
height:220px;
width:100%;
vertical-align:middle;
line-height:200px;
text-align:center;
}

.distributionFirefox{
-moz-opacity:0.85;
opacity: 0.85;
}

.distributionIE{
padding-top:10px;
filter:alpha(opacity=85);  
}
/*Distribution : fin*/

/*Contact*/
#contact{
cursor:move;
border:#6a6a6a 1px solid;
z-index:50;
background-color:#000000;
position:absolute;
padding-right:10px;
padding-left:10px;
top:50%;
width:300px;
left:50%;
margin-left:-160px;
margin-top:-75px;
}

.contactFirefox{
-moz-opacity:0.85;
opacity: 0.85;
}

.contactIE{
filter:alpha(opacity=85);  
}

#contact tr{
margin:0;
padding:0;
}

#contact td{
}

#contact button{
background:none;
color:#FFFFFF;
border:#3a3a3a 1px solid;
}

#contact #formContact{
float:none;
clear:both;
}

#contact LABEL{
margin-right:10px;
font-size:12px;
}

#contact INPUT, #contact TEXTAREA{
font-family:Helvetica;
font-size:12px;
background-color:#191919;
border:#3a3a3a 1px solid;
color:#FFFFFF;
width:100%;
}

#contact TEXTAREA{
padding:0;
margin:0;
}

#contact p{
float:left;
width:100%;
padding:0;
margin:0;
height:22px;
padding-top:10px;
padding-bottom:10px;
}

#contact #resultatContact{
text-align:center;
color:#FFFFFF;
font-size:12px;
float:left;
padding:0;
margin:0;
line-height:22px;
vertical-align:middle;
}

#contact #fermerContact{
float:right;
padding:0;
margin:0;
}

#contact table{
width:71%;
}

#contact .tdDroitContact{
width:65%;
}

#contact #sendContact{
width:50px; 
margin-top:5px; 
margin-bottom:10px;
}
/*Contact : fin*/

/*Video Home*/
#videoHome{
/*cursor:move;*/
border:#6a6a6a 1px solid;
z-index:50;
background-color:#000000;
position:absolute;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
top:50%;
width:720px;
left:50%;
margin-left:-360px;
margin-top:-230px;
}

.videoHomeFirefox{
-moz-opacity:0.85;
opacity: 0.85;
}

.videoHomeIE{
filter:alpha(opacity=85);  
}

#videoHome button{
background:none;
color:#FFFFFF;
border:#3a3a3a 1px solid;
}

#videoHome p{
float:left;
width:100%;
padding:0;
margin:0;
height:22px;
padding-top:10px;
padding-bottom:10px;
}

#videoHome #fermerContact{
float:right;
padding:0;
margin:0;
}
/*Video home : fin*/

/*Image Home*/
#imageHome{
/*cursor:move;*/
border:#6a6a6a 1px solid;
z-index:50;
background-color:#000000;
position:absolute;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
top:50%;
width:576px;
left:50%;
margin-left:-288px;
margin-top:-300px;
}

.imageHomeFirefox{
-moz-opacity:0.85;
opacity: 0.85;
}

.imageHomeIE{
filter:alpha(opacity=85);  
}

#imageHome button{
background:none;
color:#FFFFFF;
border:#3a3a3a 1px solid;
}

#imageHome p{
float:left;
width:100%;
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
font-size:14px;
}

#imageHome #fermerContact{
float:right;
padding:0;
margin:0;
}
/*Image home : fin*/

#fondu_bas{
height:28px;
width:100%;
}

#fondu_bas_gauche{
float:left;
border:none;
width:78px;
height:24px;
margin:0;
padding:0;
}

#fondu_bas_droit{
float:right;
border:none;
width:78px;
height:24px;
margin:0;
padding:0;
}

#footer{
background-image:url('../images/footer_barre.jpg');
background-position:top;
background-repeat:repeat-x;
cursor:pointer;
position:relative;
height:112px;
max-height:112px;
padding-top:12px;
z-index:1000;
}

#sonAmbiance{
position:relative;
z-index:100;
width:50px;
height:30px;
font-size:8px;
text-transform:uppercase;
color:#FFF;
}

.sonAmbianceFirefox{
left:82%;
bottom:10px;
}

.sonAmbianceIE{
left:350px;
bottom:20px;
}