/* CSS Document */

body { background:url(img/fond_body.jpg) repeat-x #f2f1f1; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
p { margin:0; padding:0}



#zoomPhoto{position:absolute; height:100%; width:100%; z-index:400; top:0px; left:0; text-align:center}

.fondtranslucide{ position: absolute; height:100%; width:100%; z-index:300; top:0px; left:0px;
   background-color: #000000;  /* le fond                 */
   filter:alpha(opacity=70);   /* Internet Explorer 6     */
   -moz-opacity:0.7;           /* Mozilla 1.6 et infr.   */
   opacity: 0.7;               /* CSS3 et Mozilla rcents */
}

.visible img { padding:20px; background-color:#fff;position: absolute; z-index:500; margin: auto 0  auto -270px;}


.invisible{ display:none}
.visible{display:block;}




#conteneur{ width:782px; margin:0 auto; position:relative;}

#header{  height:192px; position:absolute; z-index:10; left:0}

#headerFlah{ position: absolute; z-index:3; height:192px; left:0}


h1 { display:none}

#header ul { display:block; height:80px; margin:0 0 0 0; padding:0;}
#header ul li { display:block; float:left; list-style:none; text-align:center; margin-top:112px}



#header ul .bt0 a:link, #header ul .bt0 a:visited{ display:block; width:60px; height:30px; padding-top:50px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none}
#header ul .bt0 a:hover{ background:url(img/nav/bt1.jpg)}
#header ul .bt0 .active{background:url(img/nav/bt1.jpg)}


#header ul .bt1 a:link, #header ul .bt1 a:visited{ display:block; width:80px; height:35px; padding-top:45px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none;margin-left:2px}
#header ul .bt1 a:hover{ background:url(img/nav/bt2.jpg)}
#header ul .bt1 .active{background:url(img/nav/bt2.jpg)}

#header ul .bt2 a:link, #header ul .bt2 a:visited{ display:block; width:95px; height:55px; padding-top:25px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none;margin-left:2px}
#header ul .bt2 a:hover{ background:url(img/nav/bt3.jpg)}
#header ul .bt2 .active{background:url(img/nav/bt3.jpg)}

#header ul .bt3 a:link, #header ul .bt3 a:visited{ display:block; width:75px; height:50px; padding-top:30px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none;margin-left:2px}
#header ul .bt3 a:hover{ background:url(img/nav/bt4.jpg)}
#header ul .bt3 .active{background:url(img/nav/bt4.jpg)}


#header ul .bt4 a:link, #header ul .bt4 a:visited{ display:block; width:87px; height:50px; padding-top:30px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none;margin-left:2px}
#header ul .bt4 a:hover{ background:url(img/nav/bt5.jpg)}
#header ul .bt4 .active{background:url(img/nav/bt5.jpg)}


#header ul .bt5 a:link, #header ul .bt5 a:visited{ display:block; width:80px; height:45px; padding:35px 0 0 10px; font-size:12px; font-weight:bold; color:#fff; text-align:left; text-transform:uppercase; text-decoration:none;margin-left:2px}
#header ul .bt5 a:hover{ background:url(img/nav/bt6.jpg)}
#header ul .bt5 .active{background:url(img/nav/bt6.jpg)}

.sousNav{background-color:#fff; width:762px; padding:10px 10px 10px 10px ;font-size:13px; color:#000; position:absolute; left:0; top:192px}
.sousNav a:link, .sousNav a:visited{ font-size:13px; color:#000; text-decoration:underline}
.sousNav a:hover{text-decoration:none}


#contenu{
	background-color:#fff;
	float:left;
	padding:40px 0 20px 0;
	width:782px;
	margin-top:192px
}

#contenuvideo{
	background-color:#fff; 	float:left;	padding:40px 0 20px 0;	width:782px;	position:absolute; left:0; top:10px;	text-align: center}
#contenu .flashvideo { float:left; width:750px; padding:0 20px 0 0}
#contenu .partLeft { float:left; width:221px; margin:0 0px; padding:0 20px}

#contenu .partRight { float:left; width:501px; padding:0 20px 0 0}


/* formulaire devis*/

#contenu .partRight .articleDevis P{ font-size:13px; font-weight:bold; color:#333333; margin-left:5px}
#contenu .partRight form{ padding:10px; margin:0}
#contenu .partRight .forml { width:160px; height:15px; font-size:13px; color:#333333}
#contenu .partRight .spip_bouton{}

#contenu .partRight  fieldset { border:0;margin:0; padding:0}
#contenu .partRight legend , .spip_form_label_details{ display:none;}
#contenu .partRight label { font-size:11px; color:#333333}
#contenu .partRight .spip_form_label_obligatoire{display:none;}
#contenu .partRight .erreur { display:block; font-size:11px; color:#FF0000; margin-top:4px}
#contenu .partRight .spip_form_ok {font-size:11px; color: #009900;}

#contenu .partRight .spip_form_champ { margin:5px; padding:0}
#contenu .partRight .formo{ width:460px}

#contenu .partRight .forml{ width:460px}

.forml {
background-color:#FFFFFF;
border:thin solid #ABADB3;
}



#contenu .partRight a{text-decoration:none}
#contenu .partRight .bloc1 { float:left; height:301px; width:240px}
#contenu .partRight .bloc2 { float:left; height:301px; width:240px; margin-left:20px}
#contenu .partRight .bloc3 { float:left; height:301px; width:240px; margin-top:10px}
#contenu .partRight .bloc4 { float:left; height:301px; width:240px; margin:10px 0 0 20px}



#contenu .partRight .bloc1 p{ margin:270px 0 0 60px; font-size:13px; font-weight:bold; color:#67304a; text-transform:uppercase;}
#contenu .partRight .bloc2 p{ margin:270px 0 0 60px; font-size:13px; font-weight:bold; color:#67304a; text-transform:uppercase;}

#contenu .partRight .bloc3 p{ margin:270px 0 0 60px; font-size:13px; font-weight:bold; color:#67304a; text-transform:uppercase;}
#contenu .partRight .bloc4 p{ margin:270px 0 0 60px; font-size:13px; font-weight:bold; color:#67304a; text-transform:uppercase;}

/*  */

#contenu .partLeft .pratique .onglet{ background:url(img/onglet.gif); height:20px; font-size:12px; color:#fff; padding:10px 0 0 10px}
#contenu .partLeft .pratique .spip_logos{ border:0}
#contenu .partLeft .newsletter{ margin-top:20px; position:relative}
#contenu .partLeft .newsletter .onglet{ background:url(img/onglet.gif); height:20px; font-size:12px; color:#fff; padding:10px 0 0 10px}
#contenu .partLeft .newsletter .corp { background: url(img/fond_newsletter.gif); height:93px}
#contenu .partLeft .newsletter .corp p{ font-size:11px; color:#000; padding:5px 10px 5px 10px}

/* formulaire */

#contenu .partLeft .newsletter .corp .spip_forms .spip_form_champ { margin:0; padding:0}
#contenu .partLeft .newsletter .corp .spip_forms .forml, .spip_forms .formo {border-color:#abadb3; border-style:solid; border-width: thin; background-color:#FFFFFF}

#contenu .partLeft .newsletter .corp .spip_forms { margin:0; padding:0; border:0}

#contenu .partLeft .newsletter .corp form{ padding:0 10px; margin:0}

#contenu .partLeft .newsletter .corp form .forml { width:160px; height:18px; font-size:13px; color:#333333; margin:0; padding:0; background:}

#contenu .partLeft .newsletter .corp form .spip_bouton input{ position:absolute; top:79px; left:183px; height:25px; width:28px; border:0; margin:0; padding:0}


#contenu .partLeft .newsletter .corp fieldset { border:0;margin:0; padding:0}
#contenu .partLeft .newsletter .corp legend , #contenu .partLeft .newsletter .corp .spip_form_label_details{ display:none;}
#contenu .partLeft .newsletter .corp label { display:none}
#contenu .partLeft .newsletter .corp .spip_form_label_obligatoire{display:none;}
#contenu .partLeft .newsletter .corp .erreur { display:block; font-size:11px; color:#FF0000; margin-top:4px}
#contenu .partLeft .newsletter .corp .spip_form_ok {font-size:11px; color: #009900; background-color:#f3f3f3; font-weight:bold}

#contenu .partLeft .newsletter .corp .spip_form_champ ligne_1{ margin:0; padding:0}

#contenu .partLeft .newsletter .corp .email {margin:0; padding:0}


.spip_form_champ{ margin-bottom:10px}
.spip_form_choix_multiple, .spip_form_choix_unique{ margin:5px 0 0 0}
.spip_form_choix_multiple li, .spip_form_choix_unique li{ list-style:none}
.label, .spip_form_label{ font-size:11px; font-weight:bold; display:block;}

.spip_form_ok{ margin:25px 0; font-size:11px; color:#009900; font-weight: normal}
.spip_form_erreur{display:block; font-size:11px; color:#FF0000; margin-top:4px}



.autopromo { margin-top:25px;}
.autopromo img {border:0px}
.pub {margin-top:23px}
.pub img {border:0px}






#contenu .partRight .articlePratique{ border:1px solid #bcbbbb; float:left; padding:3px; margin:10px 0 10px 0; width:490px}

#contenu .partRight .articlePratique .partTxt { float:left; }
#contenu .partRight .articlePratique .txt{color:#262526; font-size:11px; padding:10px}
#contenu .partRight .articlePratique .txt .titre{ color:#262526; font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:0px}

#contenu .partRight .articlePratique .carte { float: right; height:253px; position:relative}


#contenu .partRight .articlePratique .carte .flash {position:absolute; top:0; left:-245px; z-index:300}

#contenu .partRight .articlePratique .carte .flash small{ display:block;}
#contenu .partRight .articlePratique .carte .flash small a{width:150px; display:block;}

#contenu .partRight .articlePratique .photo .video {position:absolute; top:0; left:-245px; z-index:100}



#contenu .partRight .articlePratique .form_3 form{ padding:0; margin:0}







/* rub */

#contenu .partRight .article{ border:1px solid #bcbbbb; float:left; padding:3px; margin:10px 0 10px 0; width:491px;}
#contenu .partRight .articleDevis { border:1px solid #bcbbbb; float:left; padding:3px; margin:10px 0 10px 0; width:490px}

#contenu .partRight .article .partTxt { float:left; width:246px}
#contenu .partRight .article .txt{ height:180px; color:#262526; font-size:11px; padding:15px}
#contenu .partRight .article .txt .titre{ color:#262526; font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:17px}
#contenu .partRight .article .txt .prix{ color:#7f3553; font-size:15px; font-weight:bold; margin-top:20px; text-align:right}

#contenu .partRight .article .lien{ height:43px; background: url(img/fond_prod.jpg)}

#contenu .partRight .article .lien .btVideo{ display:block; float:left; height:27px; background:url(img/picto_video.gif) no-repeat; padding:5px 0 0 40px; font-size:11px; color:#262526; margin:10px 35px 0 14px }

#contenu .partRight .article .lien .btPhoto{ display:block; float:left; height:27px; background:url(img/picto_photo.gif) no-repeat; padding:5px 0 0 40px; font-size:11px; color:#262526; margin:10px 22px 0 14px }


#contenu .partRight .article .lien .btCommande{display:block; float:left; margin:10px 0 0 10px}



#contenu .partRight .article .photo { float: right; height:253px; position:relative}


#contenu .partRight .article .photo .flash {position:absolute; top:0; left:-245px; z-index:300}

#contenu .partRight .article .photo .video {position:absolute; top:0; left:-245px; z-index:100}


#contenu .partRight .pagination { text-align:right; font-size:11px; color:#262526; clear:both}

/* bon de commande */
table, td{ border:1px solid #CCCCCC; font-size:11px}
.txtTableu{font-size:12px}
.point{ display:none}
.entete{ display:none}
.exp{ background-color: #EAEAEA; padding:10px; margin-bottom:10px}
.detailCommande{font-size:11px;font-weight: bold;}
.titreCommande{font-size:11px}
.txtCommande{ font-weight:normal; font-size:11px}
.condition{font-size:9px;font-weight:normal; padding:0; margin:0;line-height:normal}
.lienCondition{font-size:10px;font-weight:bold; text-decoration:underline; color: #000000 }
.batPrint, .cgv{ display:none}
.btPrint{ margin:-20px 0 0 20px}


/* ---------------- */


#footer{ clear:both; background: url(img/footer.jpg) no-repeat; height:21px; width:782px; font-size:10px; color:#fff; text-align:right; padding:10px 5px 0 0}