*{
font-family:tahoma;
padding:0;
margin:0;
color:#222323;
}
img{
border:0;
}
body{
background:#EEEEEE;
text-align:left !important;
text-align:center;
height:100%;
}
h2{
font-size:12px;
color:#426A72;
font-family:arial;
text-transform:uppercase;
background:url(images/puce-h1.gif);
background-repeat:no-repeat;
background-position:0px 0px;
padding-left:25px;
line-height:20px;
margin-bottom:5px;
text-align:left;
}
h3{
font-size:12px;
text-align:left;
margin:5px 0 5px 0;
}
p{
font-size:12px;
margin-left:13px;
text-align:left;}

ul{
list-style-type:none;
margin:10px 0 1px 0;
}

li{
text-align:left;
font-size:12px;
margin:1px 0 1px 0;
line-height:15px;
padding-left:15px;
background:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:0 3px;
color:#00a2ff;
}
li a{
color:#00a2ff;
}
ul.orange li{
background:url(images/fleche_orange.gif);
background-repeat:no-repeat;
background-position:0 7px;
}
a, a:visited{
color:#00a2ff;
}
a:hover{
color:#222323;
}
a.lien{
text-transform:capitalize;
background:url(images/fleche_lien.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding-left:10px;
}

.list{
float:left;
}
.faq{
border-bottom:1px dotted #cccccc;
padding:3px;
clear:both;
overflow:auto;
}
ul.faq li{
background:url(images/fleche_orange.gif);
background-repeat:no-repeat;
background-position:0 7px;
line-height:15px;
}
a.hide_faq{
font-size:12px;
width:100%;
text-align:center;
height:20px;
background:url(images/up.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding-left:20px;
text-decoration:underline;
}
a.hide_faq:hover{
color:#000000;
}
h3.bleu{
font-size:12px;
line-height:20px;
background:url(images/down.gif) no-repeat;
background-position:0 5px;
padding-left:20px;
margin-left:3px;
text-decoration:underline;}
#contenant{
width:900px;
margin:0 auto 7px auto;
margin-left:auto;
padding:0;
}
#video_pub{
position:absolute;
}
/*----------------*/
/*FLASH*/
#flash{
width:900px;
height:285px;
margin:0;
position:absolute;
margin-left:0 !important;
margin-left:-450px;
z-index:0;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
/*---------------*/
#menu{
font-size:9px;
z-index:7;
position:absolute;
top:10px;
width:200px;
margin-left:700px !important;
text-align:right;
}
#menu a{
padding-left:10px;
margin-right:10px;
color:#FFFFFF;
background:url(images/puce_blanche.gif) no-repeat;
background-position:0 5px;
line-height:15px;
}
#menu a:hover{
color:#004976}
#mask{
width:68px;
height:950px;
background:#EEEEEE;
position:absolute;
margin-left:-71px;
z-index:5;
}
#menu_princ{
position:absolute;
top:35px;
width:68px;
z-index:4;
margin-left:-30px !important;
}
.onglet_actif{
margin-left:20px;
text-decoration:none;}
.onglet{
width:64px;
text-decoration:none;
height:115px;}
/**/
#interieur{
border-left:3px solid #004976;
border-right:3px solid #004976;
margin-left: 0 !important;
margin-left:-900px;
position:absolute;
width:900px;
}
.gauche{
float:left;
}
.droite{
float:right;
}
.slide{
width: 449px;
height: 240px;
margin-left:35px;
position:absolute;}

.col_droite{
border-left: dotted 1px #cccccc;
padding-left:5px;
float:left;
width:250px;
}
/*******ELEMENT DU CENTRE********/
#gauche{
background:#FFFFFF;
width:623px;
position:absolute;
top:285px;
border-right:1px #B9B4A8 dotted;
}
#gauche .contenu{
background:url(images/arr_contenu.jpg) no-repeat;
background-position:0 60px;
padding:0px;
text-align:left;
width:520px;
overflow:visible;
padding-bottom:15px;
margin-bottom:15px;
}
#gauche .contenu h2{
background:url(images/arr_titre.jpg) no-repeat;
width:520px;
height:83px;
line-height:40px;
color:#FFFFFF;
} 

#gauche div.col_gauche{
background:none;
float:left;
width:220px;
text-align:left;
margin-left:60px !important;
margin-left:20px;
}
#gauche  div.col_gauche div.contenu{
background:transparent;
color:#515251;
line-height:normal;
width:auto;
margin-left:0;
height:auto;
}
#gauche  div.col_gauche div.contenu h2{
padding:0;
line-height:normal;
width:auto;
height:auto;
background:transparent;
color:#515251;
}

#gauche div.col_droite{
text-align:left;
float:left;
width:220px;
}
#gauche  div.col_droite div.contenu{
margin-left:0;
background:transparent;
color:#515251;
line-height:normal;
width:auto;
height:auto;
}
#gauche  div.col_droite div.contenu h2{
padding:0;
line-height:normal;
width:auto;
height:auto;
background:transparent;
color:#515251;
}
/*/**/
#milieu_centre{
margin-left:60px;
width:520px;
min-height:500px;
overflow:visible;
background:#FFFFFF;
padding:15px 5px 15px 5px !important;
padding:15px 0px 15px 0px ;
}

#bas-centre{
overflow:visible;
float:left;
text-align:right;
width:578px;
height:45px;
background:url(images/arr_bas_centre.jpg) no-repeat;
margin-left:60px !important;
margin-left:40px;
}
#bas-centre a{
color:#868585;
font-weight:bold;
font-size:10px;
margin-right:100px;
line-height:50px;
}
p.revendeurs,p.revendeurs a{
font-size:9px;
color:#ccc;
}
p.revendeurs{
margin-left:100px;
}
/*******FIN ELEMENT DU CENTRE********/
/*******ELEMENT DE DROITE********/
#droite{
width:274px;
background:#FFFFFF;
position:absolute;
top:285px;
margin-left:624px;
min-height:600px;
}
#milieu_droite{
width:239px;
margin-left:25px;
padding-top:10px;
background:url(images/arr_droite.jpg) no-repeat;
}
/*sticker*/
#etikette{
position:absolute;
margin-top:-70px;
margin-left:120px;}
/*******FIN ELEMENT DE DROITE********/
/** BOITE*/
.boite{
width:235px;
margin:0 auto 7px auto !important;
margin:0 0 7px 0;
padding:10px 8px 0 8px;
overflow:visible;
text-align:center;
}
.boite p,.boite a{
font-size:12px;
margin-right:20px;
text-align:justify;
}
.boite a{
font-weight:bold;
}

/**/
.dotted{
width:100%;
border-top:dotted #B9B4A8 1px;
margin-bottom:7px;
}
/**/
a.chemin, a.chemin_actif{
font-size:9px;
background:url(images/fleche_bleu.gif) no-repeat;
padding-left:10px;
margin-left:3px;
text-decoration:underline;
}
a.chemin:hover{
text-decoration:none;
}
/**/

#pathway{
margin-bottom:10px;
text-align:left;
}
#pathway a{
text-transform:capitalize;}

/*----------------*/
/***********************CONCERNE LISTE PRODUITS ***********/
.liste{
width:475px;
margin-left:50px;
overflow:visible;}
h3.famille{
text-transform:uppercase;
font-size:15px;
font-weight:bold;
color:#426A72;
margin-top:13px;
}
ul.produit{
font-size:12px;
width:auto;
font-weight:bold;
margin:10px auto 0px 0;
padding:0;
clear:both;
overflow:visible;
}
ul.produit li{
overflow:visible;
margin:5px;
padding:0;
background:#F2F2F2;
font-weight:normal;
list-style-type:none;
background-image:none;
}
div.haut_liste{
background:url(images/haut-li.gif) no-repeat;
width:470px;
height:10px;
margin:0 0 0 0;
}
div.bas_liste{
margin:0 0 0 0;
background:url(images/bas-li.gif) no-repeat;
width:470px;
height:10px;
}
div.des{
margin: 0 15px 0 15px;
width:280px !important;
width:250px;
}
div.des h3{
width:280px !important;
width:250px;
/*line-height:5px;*/
}
div.des h3 a{
font-weight:bold;
color:#424D4D;
text-transform:capitalize;
text-align:left;
}
div.description {
display:none;
}
div.reference{
margin: 0 15px 0 15px;
padding:0;
width:280px;
}
div.reference p{
margin:0;
font-size:9px;
text-transform:capitalize;

}
div.documents{
margin: 35px 15px 0 0;
float:right;
padding:0;
width:150px;
}
div.documents a{
background:url(images/puce-li.gif) no-repeat ;
background-position:0 5px;
padding-left:10px;
color:#363636;}

div.images{
margin: 5px 15px 0 15px;
width:280px;
text-align:center;
}
.thumb{
margin:0px 0 0 5px;
/*border:1px #363636 solid;*/
max-width:100px;
height:70px;
}
div.haut_de_page{
float:right;
width:150px;
margin-right:50px;
margin-bottom:25px;
text-align:right;
}
/***********************FIN LISTE PRODUITS ***********/
/*********************** ***********/
/***********************CONCERNE LE DETAIL PRODUITS ***********/

ul.detail_produit{
width:100%;
font-size:11px;
border:none;
}

ul.detail_produit li{
overflow:hidden;
padding:0;
border:none;
/*margin-top:15px;*/
list-style-image:none;
width:auto;
background-image:none;
}
#controle{
float:left;
height:20px;
width:850px;
}
#controle a{
margin-left:10px;
float:left;
font-size:9px;}
#contenant_images{
float:left;
overflow:visible;
height:300px;
width:420px;
}
#img0, #img1, #img2, #img3, #img4{
position:absolute;
max-width:420px;
max-height:300px;
}
#diap{
float:right;
}
.big{
padding:3px;
/*border:1px solid #999999;*/
margin:0;
max-width:415px;
}
ul.detail_produit .ligne_haut{
margin-bottom:5px;
overflow:hidden;
width:850px;
}
ul.detail_produit .des{
margin-top:10px;
text-align:left;
font-size:14px;
font-weight:bold;
line-height:normal;
float:left;
width:100%;
}
ul.detail_produit div.description{
display:block;
padding:3px;
margin-left:10px;
text-align:left;
line-height:normal;
float:left;
width: 400px;
/*border-top:1px solid #EEEEEE;*/

}
ul.detail_produit div.description li,ul.detail_produit div.part li {
/*margin-left:150px;*/
background-image:url(images/fleche_verte.gif);
list-style-type:none;
padding-left:20px;
}
ul.detail_produit div.ref{
text-align:left;
float:left;
width:55%;
padding:3px 0 10px 0;
height:45px;
}
ul.detail_produit div.ref p{
font-weight:bold;
font-size:14px;
text-transform:uppercase;
padding:0;
margin:0;
}

ul.detail_produit div.pdf{
width:40%;
float:right;
overflow:visible;
}
ul.detail_produit .pdf img {
width:20px;
height:20px;
}
ul.detail_produit .pdf p{
padding:0;
margin:0 0 0 5px;
font-weight:normal;
font-size:10px;
float:left;
color:#00a2ff
}
ul.detail_produit .pdf a{
float:left;
margin-left:10px;}
p.print{
background-image:none;
padding:0;
margin:0;
float:left;
width:50px;
color:#00a2ff;
}
p.print:hover{
background-image:none;
}
p.print a{
float:left;margin-left:10px}
ul.detail_produit .caracteristiques{
text-align:left;
float:left;
width:450px;
margin-top:0;
padding:0;
}
ul.detail_produit h3 {
background:url(images/puce-li.gif) no-repeat;
background-position:0 55%;
line-height:18px;
padding-left:10px;
margin-left:10px;
text-transform:capitalize;
}
/*plus produits*/
ul.detail_produit .part{
margin-left:10px;
text-align:left;
float:left;
width:550px;
padding: 0px;
margin-bottom:50px;
}
ul.detail_produit .accessoires_attaches{
font-weight:normal;
float:left;
/*border-top:1px solid #cccccc;*/
/*border-right:1px solid #EEEEEE;*/
padding-bottom:50px;
width:270px;
}
/***********************FIN DE DETAIL PRODUITS ***********/
/*********************** ***********/
/***********************CONCERNE POPUP DE DETAILS PRODUITS***********/

#popup{
position:absolute;
background-color:#FFFFFF;
border:2px #EEEEEE solid;
overflow:scroll;
}
.btn_fermer{
background-image:url(images/fermer.gif);
background-repeat:no-repeat;
background-position:0 50%;
position:absolute;
top:5px;
right:5px;
padding-left:20px;
color:#222323;
}
.btn_fermer a{
font-size:10px;
}
.btn_fermer:hover{
background-image:url(images/fermer2.gif);
}

#map{
width:400px;
height:300px;
margin:5px auto 0 auto;
}
#footer{
float:left;
background:url(images/footer.jpg) no-repeat;
width:900px;
height:100px;
}
a#pub{
font-size:9px;font-weight:normal;float:left;margin-left:15px;}