* {
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

body {
background-color:#000000;
}

.conteneur {
text-align: center;
background-image: url("img/bg_black.gif");
background-repeat:repeat-x;
}
.conteneur2 {
text-align: center;
background-color:#000000;
}

.pagetotale {
position:relative;
margin-left: auto;
margin-right: auto;
width: 995px;
height: 650px;
text-align: left;
}
.pagetotale2 {
position:relative;
margin-left: auto;
margin-right: auto;
width: 710px;
height: 620px;
text-align: left;
}

/* --------------- CONSTANT -------------------------*/

.vide{
height:3px;
font-family:arial, verdana; font-size:3px; color:#FFFFFF;
font-weight:normal; font-style:normal; 
}
.tige{
position:absolute; z-index:5; left:60px; top:33px; width:2px; height:370px; 
background-image: url("img/tige.gif"); background-repeat:no-repeat;border: 0px;margin: 0px;
}
.logo{
position:absolute; z-index:5; left:768px; top:0px; width:227px; height:87px; 
background-image: url("img/logo.gif"); background-repeat:no-repeat;
}
.menu{
position:absolute; z-index:5; left:64px; top:33px; width:117px; height:200px; border: 0px;margin:0px;
}
.ref{
position:absolute; z-index:5; left:95px; top:600px; width:900px; height:25px;
text-align:center;
}
.ref_about{
position:absolute; z-index:5; left:95px; top:650px; width:900px; height:25px; z-index:50;
text-align:center;
}
.ref_client{
position:absolute; z-index:5; left:95px; top:670px; width:900px; height:25px; z-index:50;
text-align:center;
}
.ref_txt{
font-family:arial, verdana; font-size:10px; color:#444444;
font-weight:normal; font-style:normal; line-height:11px;
}
.rubrique{
width:80px; height:15px;
font-family:arial, verdana; font-size:12px; color:#FFFFFF;
font-weight:normal; font-style:normal; 
padding-left:4px; padding-top:1px;border: 0px;margin: 0px;
}
.rubrique_select{
width:80px; height:15px; background-color:#444444;
font-family:arial, verdana; font-size:12px; color:#929292;
font-weight:normal; font-style:normal; 
padding-left:4px; padding-top:1px;
}
.decal{padding-left:20px;height:23;text-align:top;}

.rubrique_encours{
width:100px; height:15px; background-image:url("img/select_red.gif");
font-family:arial, verdana; font-size:12px; color:#FFFFFF;
font-weight:normal; font-style:normal; vertical-align:center; text-align:left;
padding-left:4px;
}
.space{
height:3px;border: 0px;margin:0px;
background-image:url("img/space.gif");background-repeat:repeat-x;
}
.lien_rub{color:#FFFFFF; width:80px; height:15px;border: 0px;margin:0px;}
.lien_rub:hover{color:#333333; width:80px; height:15px;border: 0px;margin:0px;}
.lien_rub:visited{color:#FFFFFF; width:80px; height:15px;border: 0px;margin:0px;}
.lien_rub:visited:hover{color:#333333; width:80px; height:15px;border: 0px;margin:0px;}

.lien_rub2{color:#FFFFFF; width:80px; height:15px;border: 0px;margin:0px;}
.lien_rub2:hover{color:#FF765F; width:80px; height:15px;border: 0px;margin:0px;}
.lien_rub2:visited{color:#FFFFFF; width:80px; height:15px;border: 0px;margin:0px;}
.lien_rub2:visited:hover{color:#FF765F; width:80px; height:15px;border: 0px;margin:0px;}

/* --------------- PORTFOLIO -------------------------*/
.portfolio{
position:absolute; z-index:5; left:215px; top:167px; width:565px; height:350px; 
}
.legende{
position:absolute; z-index:10; left:850px; top:313px; width:110px; height:80px; 
}
.legende_txt{
font-family:arial, verdana; font-size:11px; color:#FFFFFF;
font-weight:normal; font-style:normal; 
}
.flechleft{
position:absolute; z-index:15; left:190px; top:333px; width:20px; height:33px; 
background-image: url("img/flech_left.gif"); background-repeat:no-repeat;
}
.flechright{
position:absolute; z-index:15; left:787px; top:333px; width:20px; height:33px; 
background-image: url("img/flech_right.gif"); background-repeat:no-repeat;
}

/* --------------- PORTFOLIO 2 -------------------------*/

.back{
position:absolute; z-index:15; left:190px; top:167px; width:22px; height:24px; 
}
.back_txt{
position:absolute; z-index:15; left:187px; top:192px; width:25px; height:15px; 
color:#FF746F; font-family:arial, verdana; font-size:11px; font-weight:normal; font-style:normal; 
text-align:right;
}


/* --------------- VIDEOS -------------------------*/

.homepage{
position:absolute; z-index:15; left:5px; top:3px; width:100px; height:20px; 
color:#FF765F;font-family:arial;font-size:12px;font-weight:normal;font-style:italic;}
.homepage a{color:#FF765F;text-decoration:none;font-style:italic;} .homepage a:hover{color:#FF765F;text-decoration:underline;font-style:italic;}
.logo2{
position:absolute; z-index:15; left:534px; top:15px; width:141px; height:50px; 
background-image: url("img/logo2.gif"); background-repeat:no-repeat;
}
.partenaires{
position:absolute; z-index:10; left:200px; top:15px; width:330px; height:50px; 
text-align:right;
}
.video_title{
position:absolute; z-index:15; left:35px; top:48px; width:500px; height:15px; 
color:#FFFFFF; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal; 
text-align:left;
}
.zonevideo{
position:absolute; z-index:15; left:35px; top:70px; width:640px; height:370px; 
}
.rub_video{
position:absolute; z-index:15; left:35px; top:451px; width:640px; height:17px; 
}
.rub_video_txt{
color:#A59890; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal; 
text-align:left;  float:left;
}
.space2{
 float:left; position:relative; width:51px;
}
.barre{
position:absolute; z-index:15; left:11px; top:473px; width:688px; height:1px;
background-image: url("img/barre.gif"); background-repeat:repeat-x;
}
.video_contenu{
position:absolute; z-index:15; left:11px; top:483px; width:688px; height:80px;
}
.video_txt{
color:#CCCBCA; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal; 
text-align:justify;
}
.download{
position:absolute; z-index:15; left:11px; top:595px; width:688px; height:33px;
text-align:right; color:#8C8C8C; font-family:arial, verdana; font-size:11px; font-weight:normal; 
font-style:italic;
}
.lien_client{color:#A59890; }
.lien_client:hover{color:#CCCBCA; }
.lien_client:visited{color:#A59890; }
.lien_client:visited:hover{color:#CCCBCA; }

.lien_qt{color:#8C8C8C; text-decoration:none; font-style:italic;}
.lien_qt:hover{color:#8C8C8C; text-decoration:underline; font-style:italic;}
.lien_qt:visited{color:#8C8C8C; text-decoration:none; font-style:italic;}
.lien_qt:visited:hover{color:#8C8C8C; text-decoration:underline; font-style:italic;}


/* --------------- CLIENTS -------------------------*/

.clients{
position:absolute; z-index:5; left:187px; top:167px; width:565px; height:350px; 
}
.bloc_clients{
position:absolute; z-index:15; left:197px; top:502px; width:655px; height:139px; 
background-image: url("img/bg_client.gif"); background-repeat:repeat-x;
}
.bg_watch{
position:absolute; z-index:17; left:197px; top:626px; width:655px; height:16px; 
background-image: url("img/bg_watch.gif"); background-repeat:no-repeat;
}
.flechleft2{
position:absolute; z-index:15; left:160px; top:333px; width:20px; height:33px; 
background-image: url("img/flech_left.gif"); background-repeat:no-repeat;
}
.flechright2{
position:absolute; z-index:15; left:869px; top:333px; width:20px; height:33px; 
background-image: url("img/flech_right.gif"); background-repeat:no-repeat;
}
.client_web{
position:absolute; z-index:15; left:6px; top:6px; width:600px; height:15px;
text-align:left; color:#878787; font-family:arial, verdana; font-size:12px; font-weight:normal;
}
.client_txt{
position:absolute; z-index:15; left:8px; top:40px; width:638px; height:80px;
text-align:justify; color:#878787; font-family:arial, verdana; font-size:12px; font-weight:normal;
}
.watch{
position:absolute; z-index:15; left:253px; top:2px; width:150px; height:13px;
text-align:center; color:#E4565B; font-family:arial, verdana; font-size:12px; font-weight:normal;
}
.lien_web{color:#878787; text-decoration:none; }
.lien_web:hover{color:#878787; text-decoration:underline; }
.lien_web:visited{color:#878787; text-decoration:none; }
.lien_web:visited:hover{color:#878787; text-decoration:underline; }

.lien_watch{color:#E4565B; text-decoration:none; }
.lien_watch:hover{color:#E4565B; text-decoration:underline; }
.lien_watch:visited{color:#E4565B; text-decoration:none; }
.lien_watch:visited:hover{color:#E4565B; text-decoration:underline; }


/* --------------- ABOUT US -------------------------*/

.bloc_red{
position:absolute; z-index:15; left:192px; top:302px; width:214px; height:342px; 
background-image: url("img/bg_red.gif"); background-repeat:repeat-x;
}
.bloc_red_title{
position:absolute; z-index:15; left:192px; top:285px; width:214px; height:16px;
color:#FF746F; font-family:arial, verdana; font-size:13px; font-weight:normal; font-style:normal; text-align:left;
}
.bloc_red_txt{
position:absolute; z-index:15; left:8px; top:4px; width:198px; height:224px;
margin-left:auto; margin-right:auto;
}
.txt_red{
color:#810F00; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal;
line-height:14px;  text-align:justify;
}


.bloc_blue{
position:absolute; z-index:15; left:411px; top:302px; width:214px; height:342px; 
background-image: url("img/bg_blue.gif"); background-repeat:repeat-x;
}
.bloc_blue_title{
position:absolute; z-index:15; left:411px; top:285px; width:214px; height:16px;
color:#C0D4FF; font-family:arial, verdana; font-size:13px; font-weight:normal; font-style:normal; text-align:left;
}
.bloc_blue_txt{
position:absolute; z-index:15; left:8px; top:4px; width:198px; height:224px;
margin-left:auto; margin-right:auto;
}
.txt_blue{
color:#0A3D74; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal;
line-height:14px; text-align:justify;
}


.bloc_or{
position:absolute; z-index:15; left:630px; top:302px; width:214px; height:342px; 
background-image: url("img/bg_or.gif"); background-repeat:repeat-x;
}
.bloc_or_title{
position:absolute; z-index:15; left:630px; top:285px; width:214px; height:16px;
color:#FFD17F; font-family:arial, verdana; font-size:13px; font-weight:normal; font-style:normal; text-align:left;
}
.bloc_or_txt{
position:absolute; z-index:15; left:8px; top:4px; width:198px; height:224px;
margin-left:auto; margin-right:auto;
}
.txt_or{
color:#AE4700; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal;
line-height:14px; text-align:justify;
}

.bloc_about{
position:absolute; z-index:15; left:192px; top:91px; width:651px; height:162px; 
background-image: url("img/bg_welcom.gif"); background-repeat:repeat-x;
}
.bloc_about_txt{
position:absolute; z-index:15; left:8px; top:4px; width:635px; height:150px; text-align:justify;
}
.txt_blanc1{
color:#FFFFFF; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal;
line-height:14px;
}


/* --------------- CONTACT -------------------------*/

.bloc_contact{
position:absolute; z-index:15; left:365px; top:141px; width:305px; height:427px; 
background-image: url("img/bg_contact.gif"); background-repeat:repeat-x;
}
.bloc_contact_txt{
position:absolute; z-index:15; left:8px; top:4px; width:289px; height:110px;
margin-left:auto; margin-right:auto;
}
.txt_contact{
color:#FFFFFF; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal;
line-height:14px;
}
.barre_contact{
position:absolute; z-index:15; left:10px; top:110px; width:285px; height:1px;
background-image: url("img/line.gif"); background-repeat:repeat-x;border: 0px;margin: 0px;
}
.bloc_form{
position:absolute; z-index:15; left:5px; top:115px; width:295px; height:208px;
}
.form{
color:#FFFFFF; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal;
}
.formfill{
color:#D8363F; font-family:arial, verdana; font-size:12px; font-weight:normal; font-style:normal;
}
.bloc_img1{
position:absolute; z-index:15; left:191px; top:141px; width:168px; height:427px; 
}
.bloc_img2{
position:absolute; z-index:15; left:675px; top:141px; width:168px; height:427px; 
}