div#header { 
position : relative;
width : 100%;
float : left;
height : 110px;
line-height : 100px;
padding-bottom : 0px;
background-color : #FFFFFF;
background-repeat : no-repeat;
} 
body {
color : #000000;
font:9pt Verdana, sans-serif; 
line-height : 1.5em; 
margin : 0; 
padding : 0; 
background-color: #FFFFFF; 
} 
#conteneur {
position : relative;
width : 100%; 
margin : 0px auto; 
line-height : 150%; 
background-color : #FFFFFF;
Verdana;font-size:8pt;text-align:left;
}
#opt {
position : absolute;
width : 400px;
float : right;
top : 0px;
right : 150px; 
font-size : 1.5em; 
color : #000000;
font-family : SF Theramin Gothic, Helvetica, sans-serif; 
}
#opt2 {
position : absolute;
float : right;
top : 35px;
right : 30px; 
font-size : 1.5em; 
color : #000000;
font-family : SF Theramin Gothic, Helvetica, sans-serif; 
}
#opt4 {
position : relative;
width : 300px;
height : 120px;
background-image : url("photo1/copem-bleu.png");
background-repeat : no-repeat;
top : 0px;
left : 0px; 
}
#opt4:hover {
position : relative;
width : 300px;
height : 120px;
background-image : url("photo1/copem-bleu-1.png");
background-repeat : no-repeat;
top : 0px;
left : 0px; 
}
#zone4 {
position : absolute;
left : 0px;
top : 0px;
width : 300px; 
height : 100px;
color : #FFFFFF; 
 }
#text-ariane { 
position : absolute;
top : 110px;
left : 193px;
letter-spacing : 0;
font-weight : normal;
font-size : 0.9em;
color : #FFFFFF;
}
.ariane {
position : relative;
font-weight : normal; 
font-size : 1em;
color : #FFFFFF; 
text-decoration : none;
}
.ariane:hover {
font-weight : normal; 
font-size : 1em;
color : #FFFFFF;
text-decoration: underline ;
} 
#box {
position: absolute; top:140px; left:372px;
z-index:1;
}
#box a {
color:#000000;
background:#FFFFFF;
font:normal 13px Tahoma, sans-serif;
text-decoration:none;
display:block;
padding:0px;
border:0px solid black;
}
#box a:hover {
color:black;
background:#ffffff;
width:100%;
}
#box a span {display:none;
}
#box a:hover span {
color:black;
background:#ffffff;
font:normal 13px Tahoma, sans-serif;
border:0px solid black;
display:block;
padding:0px;
} 
h1 {
font-size : 1.5em; 
color : #000000;
font-family : SF Theramin Gothic, Helvetica, sans-serif; 
line-height : 120%;
float : right;
margin-top : 50px; 
margin-bottom : 3px;
margin-right : 3%; 
}
h2 { 
font-size : 1.1em;
font-weight : bold;
padding-top : 0px;
color : #000000; 
background-image : url("photo1/triangle-horizontal.gif"); 
background-repeat : no-repeat; 
padding-left : 19px; 
background-position : left; 
line-height : 120%; 
margin-top : 1px; 
margin-bottom : 7px; 
} 
h3 {
font-size : 1.1em; 
color : #FF0000;
line-height : 120%; 
margin-top : 1px; 
margin-bottom : 3px;
margin-left : 0px; 
} 
h4 {
font-size : 1em; 
color : #FF0000;
line-height : 120%; 
margin-top : 1px; 
margin-bottom : 3px;
margin-left : 0px; 
} 
h5 { 
font-size : 1.1em;
font-weight : bold;
padding-top : 0px;
color : #000000; 
padding-left : 0px; 
background-position : left; 
line-height : 120%; 
margin-top : 1px; 
margin-bottom : 7px; 
} 
.red {
color:red;
font-weight : normal;
font-family : Arial black, Helvetica, sans-serif;
}
.black {
color: #000000;
font-weight : bold;
font-family : Verdana, sans-serif;
float : right;
padding-top : 15px;
padding-bottom : 5px;
}
.rouge {
color: #FFFFFF;
width : 178px;
font-size : 1.1em; 
font-weight : bold;
line-height : 24px;
font-family : Verdana, sans-serif;
background-color : #FE230F;
padding-top : 2px;
padding-bottom : 4px;
} 
.titre {
color : #FF0000;
font-size : 1.2em;
font-weight : bold;
} 
.produit {
color : #FE230F;
font-size : 1.3em;
font-weight : bold;
margin-top : 0px;
line-height : 200%;
} 
#hoover  {
background-color : #FF0000;
} 
#zone{
left : 0px;
width : 250px; 
height : 100px;
color : #FFFFFF; 
 }
.table#sample { 
width : 96%;
margin-top : 10px;
margin-left : 0px;
margin-bottom : 20px;
} 
.table#sample td { 
padding-left : 10px;
padding-right : 0px;
} 
.data { 
width: 43%;
background-color : #FFFFFF; 
font-size : 0.9em; 
border-top: 1px solid #336699;
border-right: 1px solid #336699;
border-bottom: 1px solid #336699;
}
.data p { 
color : #000000;
line-height : 1.4;
float : center;
padding-right : 0px;
margin-left : 20px;
} 
.datas { 
width : 50%;
left : 0px;
} 
.datas p { 
color : #000000;
line-height : 1.8;
margin-right : 0px;
margin-left : 19px;
} 
.datas h3 { 
line-height : 1.4;
margin-right : 0px;
margin-left : 19px;
} 
.leftcol {
padding-top: 5px; 
text-align : center;
width : 80px;
background-color : #ffffff;
border-top: 1px solid #336699;
border-left: 1px solid #336699;
border-bottom: 1px solid #336699;
} 
table#sample1 { 
width : 96%;
margin-top : 10px;
margin-left : 0px;
margin-bottom : 0px;
} 
table#sample1 td { 
padding-left : 10px;
padding-right : 0px;
} 
.data1 { 
width: 80%;
background-color : #FFFFFF; 
font-size : 1em; 
}
.data1 p { 
color : #000000;
line-height : 1.4;
float : center;
padding-right : 0px;
margin-left : 0px;
} 
.leftcol1 {
padding-top: 0px; 
text-align : center;
width : 110px;
background-color : #ffffff;
} 
table#sample2 { 
width : 66%;
margin-top : 10px;
margin-left : 0px;
margin-bottom : 0px;
} 
.datas2 { 
width: 57%;
background-color : #FFFFFF; 
font-size : 1em; 
padding-top : 10px;
line-height : 2.4em;
float : center;
}
.datas2 p { 
color : #000000;
line-height : 2.4em;
float : center;
padding-right : 0px;
margin-left : 0px;
} 
.leftcol2 {
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
width : 240px;
background-color : #ffffff;
}
table#sample-promo { 
width : 90%;
margin-top : 10px;
margin-left : 0px;
margin-bottom : 0px;
} 
.datas-promo { 
width: 5%;
background-color : #FFFFFF; 
font-size : 1em; 
padding-top : 10px;
line-height : 2.4em;
float : center;
}
.datas-promo p { 
color : #000000;
line-height : 2.4em;
float : center;
padding-right : 0px;
margin-left : 0px;
} 
.leftcol-promo {
text-align : left;
padding-top : 10px;
padding-bottom : 10px;
width : 660px;
background-color : #ffffff;
}  
a.viewpic {
position : relative;
border-bottom : 0 dashed #808080;
text-decoration : underline;
min-height : 1000px;
z-index: 20;
}
a:hover.viewpic {
text-decoration : none;
background : none;
}
a.viewpic span {
display : none;
}
a:hover.viewpic span {
color : #336699;
display : inline;
position : absolute;
top : -165px;
left : 185px;
width : 100%;
padding : 0 0;
}
a.viewpic1 {
position : relative;
border-bottom : 0 dashed #808080;
text-decoration : underline;
min-height : 1000px;
z-index: 20;
}
a:hover.viewpic1 {
text-decoration : none;
background : none;
}
a.viewpic1 span {
display : none;
}
a:hover.viewpic1 span {
color : #336699;
display : inline;
position : absolute;
top : -180px;
left : 185px;
width : 100%;
padding : 0 0;
}
a.viewpic-promo {
position : relative;
border-bottom : 0 dashed #808080;
text-decoration : underline;
min-height : 1000px;
z-index: 20;
}
a:hover.viewpic-promo {
text-decoration : none;
background : none;
}
a.viewpic-promo span {
display : none;
}
a:hover.viewpic-promo span {
color : #336699;
display : inline;
position : absolute;
top : -225px;
left : 370px;
width : 100%;
padding : 0 0;
}
#text-281c { 
text-align : left;
width : 260px;
position : relative;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : -19px;
left : 0px;
color : #FF0000;
background-color : #FFFFFF;
line-height : 25px;
font-size : 1.3em;
}
#text-281 { 
text-align : left;
width : 260px;
position : relative;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : -19px;
left : 0px;
color : #FF0000;
background-color : #FFFFFF;
line-height : 25px;
font-size : 1.3em;
}
#text-descriptif { 
text-align : left;
width : 200px;
position : relative;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : -19px;
left : 0px;
color : #000000;
background-color : #FFFFFF;
line-height : 25px;
font-size : 1.3em;
}
#text-descriptifa { 
text-align : left;
width : 200px;
position : relative;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : -19px;
left : 0px;
color : #000000;
background-color : #FFFFFF;
line-height : 25px;
font-size : 1.3em;
}
#text-descriptifb { 
text-align : left;
width : 200px;
position : relative;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : -19px;
left : 0px;
color : #000000;
background-color : #FFFFFF;
line-height : 25px;
font-size : 1.3em;
}
#text-descriptifc { 
text-align : left;
width : 300px;
position : relative;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : -19px;
left : 0px;
color : #000000;
background-color : #FFFFFF;
line-height : 25px;
font-size : 1.3em;
}
#text-descriptif1 { 
text-align : left;
width : 230px;
position : relative;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : -19px;
left : 0px;
color : #FF0000;
background-color : #FFFFFF;
line-height : 25px;
font-size : 1.1em;
}
#text-descriptif-pro { 
text-align : left;
width : 230px;
position : relative;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : -19px;
left : 0px;
color : #000000;
background-color : #FFFFFF;
line-height : 25px;
font-size : 1.3em;
}
#text1 { 
text-align : center;
top : -30px;
}
#text2 { 
position : absolute;
top : 80px;
left : 45px;
letter-spacing : 0;
font-weight : bold;
font-size : 1em;
color : #999999;
}
.sondage { 
text-align : left;
width : 90%;
position : relative;
padding-top : 0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
top : 0px;
left : 30px;
color : #4d4d4d;
background-color : #FFFFFF;
line-height : 20px;
font-size : 9pt;
} 
.presentation { 
text-align : left;
width : 99%;
position : relative;
padding-bottom : 5px;
padding-left : 0px;
padding-right : 0px;
top : 0px;
left : 0px;
color : #000000;
background-color : #FFFFFF;
line-height : 30px;
font-size : 1.1em;
}
.presentation1 { 
text-align : left;
width : 99%;
position : relative;
padding-bottom : 5px;
padding-left : 0px;
padding-right : 0px;
top : 0px;
left : 0px;
color : #000000;
background-color : #FFFFFF;
font-size : 1.1em;
}
.presentation1 { 
text-align : left;
width : 99%;
position : relative;
padding-bottom : 5px;
padding-left : 0px;
padding-right : 0px;
top : 0px;
left : 0px;
color : #000000;
background-color : #FFFFFF;
font-size : 1.1em;
}
.presentation-copies { 
text-align : left;
width : 38%;
position : absolute;
padding-bottom : 0px;
padding-right : 0px;
top : 150px;
left : 430px;
color : #000000;
background-color : #FFFFFF;
font-size : 1.1em;
}
.presentation-garantie { 
text-align : left;
width : 38%;
position : absolute;
padding-bottom : 0px;
padding-right : 0px;
top : 820px;
left : 430px;
color : #000000;
background-color : #FFFFFF;
font-size : 1.1em;
}
.volume { 
width : 96%;
position : relative;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 5px;
padding-right : 5px;
color : #000000;
text-align : left;
Verdana; font-size : 8pt;
line-height : 10px;
background-color : #CCCCCC;
} 
.volume1 { 
width : 96%;
position : relative;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 5px;
padding-right : 5px;
color : #FFFFFF;
text-align: left;
Verdana; font-size : 8pt;
line-height : 1.1em;
background-color : #FF6600;
} 
.promo { 
width : 96%;
position : relative;
top : -34px;
color : #000000;
font-size : 7pt;
background-color : transparant;
} 
.sav { 
background-color : transparent;
position : relative;
font-size : 11px;
position : absolute;
line-height : 1.5em;
width : 148px;
text-align : center;
top : 300px;
left : 1%;
color : #000000;
line-height : 15px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
} 
.conseillers { 
background-color : transparent;
position : relative;
font-size : 10px;
position : relative;
line-height : 1.5em;
width : 150px;
text-align: justify;
top : -235px;
left : 5px;
color : #000000;
line-height : 15px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 0px;
} 
a img { 
border : 0 none;
} 
.white {
position : relative;
top : -8px;
margin:5% 2%; 
font-weight : normal; 
font-size : 8px;
color : #FFFFFF; 
text-decoration : underline;
}
.white:hover {
margin:5% 2%; 
font-weight : normal; 
font-size : 8px;
color : #000000;
text-decoration: underline ;
overflow:hidden;  
} 
p { 
margin : 0 0 0px;
} 
div#header a { 
position : absolute;
right : 0;
top : 0;
} 
div#content p { 
line-height : 1.5;
padding-right : 0px;
padding-left : 0px;
} 
div#navigation { 
background : #FFFFFF;
} 
div#extra { 
background : #FFFFFF;
} 

div#footer { 
background : #336699;
color : #ffffff;
} 
div#footer a { 
display : inline;
padding: 0px;
color : #FFFFFF;
} 
div#wrapper { 
float : left;
width : 100%;
} 
div#content {
background-color : #ffffff;
margin : 0px 210px;
margin-right: 20.5%;
padding-top : 10px;
padding-bottom : 0px;
padding-right : 0px;
padding-left : 0px;
} 
div#navigation {
float : left;
margin-top : 18px;
width : 178px;
margin-left : -100%;
} 
div#navigation p {
margin-left : 10px;
} 
div#extra p { 
line-height : 1.4;
padding-right : 10px;
padding-left : 10px;
} 
div#extra {
color : #FFFFFF;
float : left;
text-align : center;
font-size : 1.1em;
width : 18%;
margin-left : -18.5%;
margin-top : 30px;
} 
div#footer { 
clear : left;
height : 20px;
padding-top : 0px;
width : 100%;
} 
#opt {
position : absolute;
float : right;
top : 0px;
right : 150px; 
font-size : 1.5em; 
color : #000000;
font-family : SF Theramin Gothic, Helvetica, sans-serif; 
}
#opt2 {
position : absolute;
float : right;
top : 35px;
right : 30px; 
font-size : 1.5em; 
color : #000000;
font-family : SF Theramin Gothic, Helvetica, sans-serif; 
}
h1{
font-size : 1em; 
}