@charset "UTF-8";
/* UTF-8 déclaré */
a:link img, a:visited img {
border-style:none;
}
h1,h2,h3{
font-size:120%;
text-align:center;
margin:0;
padding:0;
}
h2{
color:#fa8541;
text-align:left;
}
h3{
font-size:105%;
text-align:left;
}
hr.clear{
clear:both;
visibility:hidden;
font-size:0;
height:0;
}

.marges,#formcontact{
margin-left:auto;
margin-right:auto;
border:0;
}
.marges thead,.marges tfoot,#formcontact thead,#formcontact tfoot,span.invisible{
display:none;
}
.centre{
text-align:center;
}
.droite{
text-align:right;
}
.gauche{
text-align:left;
}
.justifie{
text-align:justify;
}
strong{
font-weight:bolder;
}
html,body,form,img,#navigation,img,#contenugauche{
padding:0;
margin:0;
border:0;
}
html,body{
background-color:#fff;
}
body{
font-family:tahoma, Verdana,sans-serif;
font-size:90%;
font-weight:bold;
text-align:center;
}
#page{
width:995px;
height:714px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
overflow:hidden;
padding:0;
color:#fff;
}
#page img{
margin:0;
padding:0;
}

a{
color:#fff;
/*text-decoration:underline;*/
text-decoration:none;
}

ul{
list-style-type:disc;
}

#menuaccess{
position:absolute;
top:0;
left:0;
width:95%;
font-size:60%;
text-align:center;
}
#menuaccess a{
margin-left:10px;
color:#ddd;
text-decoration:none;
}
#menuaccess a:hover,#menuaccess a:active,#menuaccess a:focus{
color:#ccc;
}
#liensaccesskeys,#titreprincipal,#menuaccess span{
display:none;
}


/** 9 blocs **/
#top,#middle,#bottom{
height:238px;
overflow:hidden;
}
#top div,#middle div,#bottom div{
float:left;
text-align:left;
width:331px;
height:238px;
margin:0;
padding:0;
overflow:hidden;
}

#navprincipale,#navgauche{
list-style-type:none;
float:right;
text-align:right;
margin:15px 15px 0 0;
padding:0;
}
#navprincipale li{
margin:15px 0;
padding:0;
}
#navgauche li{
margin:5px 0;
padding:0;
}
#navsecondaire{
list-style-type:none;
margin:35px 0 0 10px;
text-align:left;
padding:0;
}
#navsecondaire li{
margin:25px 0;
padding:0;
}

#navprincipale a,#navgauche a,#navsecondaire a,a.nounderline{
text-decoration:none;
}

div p{
margin:0 0 9px 0;
}

div.fondorange{
background:url("fond_orange.gif") 0 0 no-repeat;
}
div.fondorangegauche{
background:url("fond_orange_gauche.gif") 0 0 no-repeat;
}
div.fondbleu{
background:url("fond_bleu.gif") 0 0 no-repeat;
}
div.fondbleugauche{
background:url("fond_bleu_gauche.gif") 0 0 no-repeat;
}
div.fondpetrole{
background:url("fond_petrole.gif") 0 0 no-repeat;
}

div.fondvertclair{
height:238px;
background:url("fond_vert_clair.gif") 0 0 no-repeat;
}
div.fondvertclairgauche{
height:238px;
background:url("fond_vert_clair_gauche.gif") 0 0 no-repeat;
}
div.fondbigvertclair{
background:url("gros_bloc_vert.gif") 0 0 no-repeat;
font-weight:normal;
}
div.fondviolet{
height:238px;
background:url("fond_violet_gauche.gif") 0 0 no-repeat;
overflow:hidden;
}
div.fondvioletgauche{
height:238px;
background:url("fond_violet_gauche.gif") 0 0 no-repeat;
}
div.fondbigviolet{
background:url("gros_bloc_violet.gif") 0 0 no-repeat;
font-weight:normal;
}
div.fondbigbrandvideo{
background:url("gros_bloc_brandmovie.gif") 0 0 no-repeat;
font-weight:normal;
}
div.fondjaune{
height:238px;
background:url("fond_jaune_gauche.gif") 0 0 no-repeat;
}
div.fondjaunegauche{
height:238px;
background:url("fond_jaune_gauche.gif") 0 0 no-repeat;
}
div.fondbigjaune{
background:url("gros_bloc_jaune.gif") 0 0 no-repeat;
font-weight:normal;
}
div.fondjauneplus{
height:238px;
overflow:hidden;
background:url("fond_jauneplus_gauche.gif") 0 0 no-repeat;
}
div.fondjauneplusgauche{
height:238px;
background:url("fond_jauneplus_gauche.gif") 0 0 no-repeat;
}
div.fondbigjauneplus{
background:url("gros_bloc_jauneplus.gif") 0 0 no-repeat;
font-weight:normal;
}
div.fondverteau{
height:238px;
background:url("fond_verteau_gauche.gif") 0 0 no-repeat;
}
div.fondverteaugauche{
height:238px;
background:url("fond_verteau_gauche.gif") 0 0 no-repeat;
}
div.fondbigverteau{
background:url("gros_bloc_verteau.gif") 0 0 no-repeat;
font-weight:normal;
overflow:hidden;
}
div.fondgris{
height:238px;
background:url("fond_gris_gauche.gif") 0 0 no-repeat;
}
div.fondgrisgauche{
height:238px;
background:url("fond_gris_gauche.gif") 0 0 no-repeat;
}
div.fondbiggris{
background:url("gros_bloc_gris.gif") 0 0 no-repeat;
font-weight:normal;
}

p#contenuyves{
font-weight:normal;
margin:20px 10px 0 10px;
height:210px;
width:290px;
overflow:auto;
}

div.fondorange a.visited,div.fondorange a:hover,div.fondorange a:active,div.fondorange a:focus{
color:#dca796;
}
div.fondbleu a.visited,div.fondbleu a:hover,div.fondbleu a:active,div.fondbleu a:focus{
color:#abc7da;
}
div.fondpetrole a.visited,div.fondpetrole a:hover,div.fondpetrole a:active,div.fondpetrole a:focus{
color:#acbfbc;
}
div.fondvertclairgauche a.visited,div.fondvertclairgauche a:hover,div.fondvertclairgauche a:active,div.fondvertclairgauche a:focus{
color:#c2d9dc;
}
.fondvertclair #navgauche a.visited,.fondvertclair #navgauche a:hover,.fondvertclair #navgauche a:active,.fondvertclair #navgauche a:focus{
color:#c2d9dc;
}
div.fondvioletgauche a.visited,div.fondvioletgauche a:hover,div.fondvioletgauche a:active,div.fondvioletgauche a:focus{
color:#a8aec6;
}
.fondviolet #navgauche a.visited,.fondviolet #navgauche a:hover,.fondviolet #navgauche a:active,.fondviolet #navgauche a:focus{
color:#a8aec6;
}
div.fondjaunegauche a.visited,div.fondjaunegauche a:hover,div.fondjaunegauche a:active,div.fondjaunegauche a:focus{
color:#e3d19e;
}
.fondjaune #navgauche a.visited,.fondjaune #navgauche a:hover,.fondjaune #navgauche a:active,.fondjaune #navgauche a:focus{
color:#e3d19e;
}
div.fondjauneplusgauche a.visited,div.fondjauneplusgauche a:hover,div.fondjauneplusgauche a:active,div.fondjauneplusgauche a:focus{
color:#f9ce80;
}
.fondjauneplus #navgauche a.visited,.fondjauneplus #navgauche a:hover,.fondjauneplus #navgauche a:active,.fondjauneplus #navgauche a:focus{
color:#f9ce80;
}
div.fondverteaugauche a.visited,div.fondverteaugauche a:hover,div.fondverteaugauche a:active,div.fondverteaugauche a:focus{
color:#bad6d4;
}
.fondverteau #navgauche a.visited,.fondverteau #navgauche a:hover,.fondverteau #navgauche a:active,.fondverteau #navgauche a:focus,.contenugaucherealisations a.visited{
color:#bad6d4;
}
div.fondgrisgauche a.visited,div.fondgrisgauche a:hover,div.fondgrisgauche a:active,div.fondgrisgauche a:focus{
color:#bad6d4;
}
.fondgris #navgauche a.visited,.fondgris #navgauche a:hover,.fondgris #navgauche a:active,.fondgris #navgauche a:focus,.contenugaucherealisations span.visited{
color:#bad6d4;
}

#blocdeux div div,#blocun div div,#middlebigleft div div{
display:block;
}
#middlebigleft{
float:left;
text-align:left;
width:331px;
height:477px;
margin:0;
padding:0;
overflow:hidden;
}
#fondbig{
float:left;
text-align:left;
width:663px;
height:477px;
margin:0;
padding:0;
overflow:hidden;
}
#contenubigblock{
margin:10px 15px 0 10px;
height:450px;
overflow:auto;
}
#contenubigblockclientsref{
margin:16px 15px 0 10px;
}
#clientsref{
margin:0;
list-style-type:none;
padding:0;
}
#clientsref li{
margin:0.5em 0;
font-size:105%;
}
#contenubigblockmm{
margin:0;
}
.contenugaucherealisations,div.textedroite{
text-align:right;
margin:0 15px 0 0;
height:228px;
overflow:auto;
}
div.textedroite{
font-weight:normal;
}
#clientreferences{
position:absolute;
text-align:right;
display:block;
width:315px;
top:205px;
left:0;
}

#navpager{
position:absolute;
margin-left:-265px;
top:446px;
left:50%;
z-index:150;
}
#navpager a{ 
float:left;
margin:0 3px;
border:1px solid #fff;
height:9px;
width:9px;
background:#000;
}
#navpager a.activeSlide {
background: #fff;
border:1px solid #fff;
}

#navpager a span{
display:none;
}

#footer{
color:#999;
font-size:70%;
}

.imagegauche{
float:left;
}
.textefloatdroite{
margin-left:190px;
}

#video{
margin-top:55px;
margin-left:auto;
margin-right:auto;
}

#blocunfirst,#blocdeuxfirst,#bloctroisfirst,#blocquatrefirst,#bloccinqfirst,#blocsixfirst,#blocseptfirst,#blochuitfirst,#blocneuffirst,
#blocuncqui,#blocdeuxcqui,#bloctroiscqui,#blocquatrecqui,#bloccinqcqui,#blocsixcqui,#blocseptcqui,#blochuitcqui,#blocneufcqui,
#blocunyp,#blocdeuxyp,#bloctroisyp,#blocquatreyp,#bloccinqyp,#blocsixyp,#blocseptyp,#blochuityp,#blocneufyp,
#blocunfontquoi,#blocdeuxfontquoi,#bloctroisfontquoi,#blocquatrefontquoi,#bloccinqfontquoi,#blocsixfontquoi,#blocseptfontquoi,#blochuitfontquoi,#blocneuffontquoi,
#blocunpg,#blocdeuxpg,#bloctroispg,#blocquatrepg,#bloccinqpg,#blocsixpg,#blocseptpg,#blochuitpg,#blocneufpg,
#blocuncou,#blocdeuxcou,#bloctroiscou,#blocquatrecou,#bloccinqcou,#blocsixcou,#blocseptcou,#blochuitcou,#blocneufcou,
#blocuncquoi,#blocdeuxcquoi,#bloctroiscquoi,#blocquatrecquoi,#bloccinqcquoi,#blocsixcquoi,#blocseptcquoi,#blochuitcquoi,#blocneufcquoi,
#blocunpb,#blocdeuxpb,#bloctroispb,#blocquatrepb,#bloccinqpb,#blocsixpb,#blocseptpb,#blochuitpb,#blocneufpb,
#blocunaimentquoi,#blocdeuxaimentquoi,#bloctroisaimentquoi,#blocquatreaimentquoi,#bloccinqaimentquoi,#blocsixaimentquoi,#blocseptaimentquoi,#blochuitaimentquoi,#blocneufaimentquoi,
#fondbig,#middlebigleft
{
position: relative;
top:0;
left:0;
}