* { margin:0; padding:0; outline:none; }

/* CSS Document */

body { background-color: #7e7e7e;  color:#333; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; text-align:justify; }





.bordure {

	border: 1px solid #515151;

}



a:hover { text-decoration:none;}



h1 { font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px;}



#intro { text-align:center; color:#fff}



#intro a { color:#fff}



#page { width:900px; margin:0 auto; background:transparent url('images/page.jpg') repeat-y}



#entete {width:900px; height:280px; clear:both; background:transparent url('images/entete.jpg') no-repeat; }



#menu { width:219px; min-height:245px; _height:245px; float:left;background:transparent url('images/menu.jpg') no-repeat; text-align: center; color:#fff; }



#menu a {color:#fff; }



#contenu {width:460px; min-height:190px; _height:190px; float:left; background:transparent url('images/contenu.jpg') no-repeat; padding:55px 15px 0 15px;}



#contenu p { padding:0 0 15px 0;}



#contenu a {  color:#333;}



#photo {width:191px; height:245px; float:left; background:transparent url('images/photo.jpg') no-repeat;}



#adresse {width:900px; height:80px; clear:both; background:transparent url('images/adresse.jpg') no-repeat;}



#yzeo {width:880px; height:45px; clear:both; text-align:right; color:#fff; font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif; margin:-80px 0 0 0; padding:35px 20px 0 0; position:relative; z-index:10}



#yzeo a { color:#fff;}



#yzeo img { border:none; float:right; margin:-5px 0 0 2px }



#menubas { clear:both; text-align:center; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0 0 10px 0;}



#menubas a { color:#fff;}



.promo { text-align:center; font: bold 16px/16p  Verdana, Arial, Helvetica, sans-serif;}



.h1rub { text-align:center; font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#fff; letter-spacing:1px; padding:10px 0 10px 0; width:300px; float:right; background:none; }



#descrub { border:2px solid;

clear:both;

padding:5px;

width:445px;

background:url('images/fond_rub.jpg');

 }



#descrub p {width:300px; float:right }



#descrub img { float:left; margin:3px 10px 10px 0; border:1px solid #000;}



.cat { text-align:center; font: bold 12px/25px Verdana, Arial, Helvetica, sans-serif}





/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/



	

#formulaire { width:420px; text-align:center;  padding:20px 0 0 0; margin:0 auto; clear:both;  }



#formulaire a { color: #333;}



option { background:none; border:none }



.fieldset { padding:10px;  border:1px solid #333;border-bottom:3px solid #333;  }



.legend { padding:2px 15px 2px 10px; text-transform:uppercase; color:#333; font: italic bold 12px Verdana, Arial, Helvetica, sans-serif; border-left:3px solid #333 }



.label { width: 100px; float: left; text-align: right; margin:0 0 2px 0 }



.label2 { width: 203px; float: left; text-align: right; }



.input { width:96px; height:13px; float:left; }



.input2 { width:191px; height:13px; float:left; }



.textarea { width:394px; height:60px; overflow: auto; clear:both; background: transparent; border: 1px solid #333; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#333; }



.textarea_hover { width:394px; height:60px; overflow: auto; clear:both; background: transparent; border: 1px dashed #333; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#333; }





.select { width:98px; height:18px; float:left; color:#89f715; background:#D1B897; border: 1px solid #333; }



.select_hover { width:98px; height:18px; float:left; background:#D1B897; border: 1px solid #333; }



.captchat { text-align:center }



.captchat div { padding: 0 0 5px 0; }



.texte_antispam { }



.image_antispam { display:none }



#code { width:150px; }



.border, #code, #imgcaptcha { background: transparent; border:none; border-bottom: 1px solid #333; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#333; }



.border_hover { background: transparent; border:none; border-bottom: 1px dashed #333; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#333; }



.envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }



.separation { padding:0 0 6px 0; clear:both }



.separation div { border-bottom: 1px dashed #333; padding:5px 0 0 0; }



.div_form { clear:both; }



#mention { padding:0 0 0 10px;}



/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/

	

/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/





/*.h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#FFFFFF; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.bordure { border: 1px solid #515151; }





.Style12 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }



a:link { color:#ffffff; text-decoration: underline; }



a:visited { color:#FFFFFF; text-decoration: underline; }



a:hover { color:#ffffff; text-decoration: underline; }



a.lien:link { color: #ffffff; text-decoration: underline; }



a.lien:visited { color: #ffffff; text-decoration: underline; }



a.lien:hover { color:#660000; text-decoration: underline; }



a.lien1:visited { color:#ffffff; text-decoration: underline; }



a.lien1:hover { color:#ffffff; text-decoration: underline; }



.position { margin-left:10px; }



.position2 { margin-left:230px; margin-right:200px; }



a.lien1 { color:#ffffff; text-decoration: underline; }



.texte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#333333; letter-spacing: normal; word-spacing: normal; white-space: normal; width:371px; }



.texte2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: normal; text-transform: none; color:#FF3300; letter-spacing: normal; word-spacing: normal; white-space: normal; width:480px; margin-left:19px; }



.texte3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #990066; letter-spacing: normal; word-spacing: normal; white-space: normal; margin-left:50px; width:180px; }



.texte4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #C8A8C8; letter-spacing: normal; word-spacing: normal; white-space: normal; }



.texte5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }



.TopMenuItemContact { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 8pt; font-weight: normal; padding: 1px 15px 1px 15px; cursor: hand; background: #ffffff; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #f4f4f4; border-right-color: #f4f4f4; border-bottom-color: #f4f4f4; border-left-color: #f4f4f4; }



.TopMenuItem { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 8pt; font-weight: normal; padding: 1px 15px 1px 15px; cursor: hand; background: #ffffff; border: 1px solid #000000; }



.table { margin-top:20px; }*/



/* Plan google */

.titreplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #5F0666; font-weight: bold; }



.txtplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #333333; }



.plan { border: 1px solid #515151; width: 640px; height: 420px; }



#pdf { border-top:1px dashed #333; text-align:center; padding: 10px 0 0 0}



#pdf h3 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0 0 5px 0}



#pdf img { border:none}







/**Mise en page

**********************/

/*#page { margin:5px 5px 5px 5px; width:490px; text-align:center; }*/



.page_center { text-align:center; margin:0 auto; }



input {  font-size:11px; }



select {  font-size:11px;  }



.selpage { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #fff; }



.pagination { margin:5px 0 5px 0; text-align:center; }



.clearer { clear:both; height:0; width:0; padding:0; margin:0; }



/*form { margin:0 auto; padding:0 auto; }*/



.message_erreur { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:10px 0; color:#fff; }



.condition { margin:0 auto 0 auto; overflow:scroll; width:480px; height:400px; }



/*h1 { margin:0; float:left; width:730px; height:187px; }



h2 { margin:0; width:501px; height:30px; }*/



.displayBlock {display:block; width:50px; clear:both; margin:0 auto; text-align:center }



#code { width:100px; }



.titre_tab { text-align:center; font-size:12px; color:#fff; font-weight:bold; background-color:#AD0000; }



.texte_titre { font-size:12px; text-align:center; }



.texte_general { color:#BC0000; font-size:12px; }



.texte_general a { color:#BC0000; font-size:12px; }



.texte_general a:hover { color:#BC0000; font-size:12px; }



.texte_tab { font-size:10px; text-align:left; color:#C10001}



.texte_tab_right { font-size:10px; text-align:right; color:#fff; }



a.texte_tab { font-size:10px; text-align:center; color:#fff; }



.texte_tab a:hover { font-size:10px; text-align:center; color:#fff; }



a.lien_texte_general { color:#fff; font-size:10px;  }



a.liencpt { font-size:10px; color:#fff; text-decoration: underline; }





/**Encart Client

**********************/

#block_client { float:left; font-weight:bold; font-size:10px; color:#C43610; text-align:left; vertical-align:top; width:214px; height:200px; background:transparent url(images/client_fond.jpg) 0 0 no-repeat; }



#block_client form { height:auto; }



#block_client .search { float:left; margin:65px 0 0 54px; }



#block_client .search p { text-align:center; }



#block_client a { color:#C43610; font-size:12px; font-weight:bold; }



#block_client a:visited { color:#C43610; font-size:12px; font-weight:bold; }



#block_client a:hover { color:#C43610; font-size:12px; font-weight:bold; }



#block_client .client { float:left; padding:28px 0 0 0; }



#block_client input { color:#C43610; font-weight:normal; font-size:10px; background-color:#333; border:#C43610 solid 1px; }



#block_client p { text-align:left; font-size:10px; margin:2px 3px; vertical-align:bottom; }



#block_client p.log { text-align:left; font-size:10px; margin:0 0 0 42px; vertical-align:bottom; height:35px; }



#block_client label { padding:0 2px 2px 0; display:block; height:auto; float:left; text-align:right; width:103px; font-size:10px; font-weight:bold; }



#block_client ul { margin:6px 0 0 38px; list-style-type:disc; width:150px; height:auto; /*list-style-type:none;*/ }



#block_client ul li { width:155px; }



#block_client ul li a { display:block; text-decoration:none; font-size:10px; padding:0 0 1px 0; }



#block_client ul li a:visited { font-size:10px; color:#C43610; }



#block_client ul li a:hover { font-size:10px; color:#FFFFFF; background-color:#C43610; }



/**Encart Menu

**********************/

#block_menu {/* float:left; */font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; vertical-align:top; margin:0px 0 0 0; padding:0; font-weight:bold; }



#block_menu h2 { text-align:left; width:350px; height:auto; margin:0 0 5px 0; padding:0; color:#333; font-size:12px; border-bottom:#333 solid 1px; text-indent:5px }



#block_menu h2 a { color:#333; text-decoration:none; font-size:12px; }



#block_menu h2 a:hover { text-decoration:none; font-size:12px; }



#block_menu ul { margin:0; padding:0 0 5px 16px; color:#333; list-style-type:none; width:334px; vertical-align:top; }



#block_menu ul li { width:334px; margin:0; padding: 0;  }



#block_menu ul li a { display:block; color:#333; font-weight:normal; text-decoration:none; font-size:11px; margin:0; padding:0 0 0 5px; font-weight:bold; }



#block_menu ul li a:hover { color:#fff; background-color:#5ad000; }



/**Encart Menu2

**********************/

#block_menu2 { clear:both; font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif; text-align:left;  font-weight:bold;  }



#block_menu2 h2 { text-align:left; width:192px; height:auto; margin:0 0 5px 0; padding:0 0 3px 5px; color:#fff; font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif; border-bottom:#a6eb02 dotted 1px;   }



#block_menu2 h2 a { color:#fff; text-decoration:none; font:  bold 11px/11px Verdana, Arial, Helvetica, sans-serif; }



#block_menu2 ul { margin:0; padding:0 0 5px 10px; color:#333; list-style-type:none; width:187px; vertical-align:top; }



#block_menu2 ul li { width:187px; margin:0; padding: 0; background: transparent url('images/puce.gif') no-repeat 0 5px; text-indent:5px  }



#block_menu2 ul li a { display:block; color:#fff; font-weight:normal; text-decoration:none; font-size:11px; margin:0; padding:2px 0 0 5px;  }



#block_menu2 ul li a:hover { color:#333; background: #a6eb02 url('images/puce2.gif') no-repeat 0 5px; }



.divTitreRub {clear:both; width:197px; border-bottom:1px dotted #a6eb02; margin:0 0 15px 22px; padding-top:5px}

/**Encart Panier

**********************/

#block_panier { font-weight:bold; color:#fff; text-align: center; padding:32px 0 20px 87px; }



#block_panier h2 { width:162px; height:auto; font-size:14px; color:#fff; text-align:center; }



#block_panier .block { height:106px; width:152px; background: transparent url('images/panier.gif') no-repeat; padding: 30px 0 0 0 }



#block_panier .block p { text-align:center; color:#fff; font-size:11px; font-weight:bold; text-decoration:none; }



#block_panier img { border:none; }



/**Cadre1

**********************/

#cadre { color:#ad0101; clear:both; width: 230px; margin: 10px auto; text-align:left; border:#fff solid 1px; }



#cadre h3 { color:#333; background-color:#333; text-align:left; width: 210px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:10px 0 0 20px; margin:0 0; }



#cadre p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin:2px 0 0 20px; color:#333; }



/**Cadre2

**********************/

#cadre2 { color:#333; float:left; width: 280px; margin:10px 0 10px 25px; text-align:left; }



#cadre2 h3 { color:#333; border-bottom:#fff solid 1px; text-align:left; width: 260px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:10px 0 0 0; margin:0 0; }



#cadre2 p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin:2px 0 0 0; color:#333; }



/**Formulaire1

**********************/

form.form1 { height:auto; font-size:10px; color:#333; }



fieldset.form1 { width: 385px; padding:1em; text-align:left; margin:0 auto 10px auto; border:#333 solid 1px; }



.form1 legend { color:#333; font-size:12px; font-weight:bold; }



.form1 p { margin:4px 0 0 0; }



.form1 label { font-size:10px; padding-left:5px; font-weight:bold; display: block; float: left; width: 180px; text-align:left; }



.form1 .capt { text-align:center; font-size:10px; color:#000000; }



/**Formulaire2

**********************/

form.form2 { clear:both; height:auto; font-size:10px; color:#333; }



fieldset.form2 { width: 280px; padding:1em; text-align:left; margin:0 auto 10px auto; border:#333 solid 1px; }



.form2 form { height:auto; }



.form2 legend { color:#ad0101; font-size:12px; font-weight:bold; color:#333; }



.form2 p { margin:4px 0 0 0; }



.form2 label { font-size:10px; padding-left:5px; display: block; float: left; width: 140px; text-align:left; }



/**Encart Rub

**********************/

#block_rub { float:left; margin:10px 0 0 20px; _margin:10px 0 0 10px; width:200px; text-align:center; }



#block_rub h2 { padding:2px 0 0 0; width:200px; height:30px; background:transparent url(images/h3_rub.gif) 0 0 no-repeat; color:#333; font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; }



#block_rub a { text-decoration:none; font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#333; }



#block_rub .image { text-align:center; margin:4px auto 4px auto; width:150px; height:150px; }



#block_rub .image img { border:#000000 solid 1px; }



/**Encart Vignette

**********************/

#block_vignette { clear:both; margin:0 auto; width:400px; min-height:200px; _height:200px; text-align:center;font-size:12px }



.block_vignette_cat01{ clear:both; margin:0 auto; width:398px; text-align:center; background:transparent url('images/h3_rub_01.gif'); height:9px; }



.block_vignette_cat02{ clear:both; margin:0 auto; width:388px; text-align:center; font-size:10px; background:transparent url('images/h3_rub_02.gif'); padding: 0 5px; }



.block_vignette_cat03{ clear:both; margin:0 auto 10px auto; width:398px; text-align:center; background:transparent url('images/h3_rub_03.gif'); height:9px; }





.block_vignette_cat00_mini{ margin:0 auto; width:198px; float:left; margin:0 0 0 20px; }



.block_vignette_cat01_mini{ margin:0 auto; width:198px; text-align:center; background:transparent url('images/h3_rub_mini_01.gif'); height:9px; }



.block_vignette_cat02_mini{ margin:0 auto; width:188px; text-align:center; font-size:10px; background:transparent url('images/h3_rub_mini_02.gif'); padding: 0 5px; min-height:190px; _height:190px; }



.block_vignette_cat03_mini{ margin:0 auto 10px auto; width:198px; text-align:center; background:transparent url('images/h3_rub_mini_03.gif'); height:9px; }



.img_vignette_cat02  { border:1px solid #000; }





#block_vignette h3 { color:#333; height:36px; text-align:center; font: normal 12px/13px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; background:transparent url('images/h3.gif') no-repeat; padding: 7px 0 0 0 }



#block_vignette a { text-decoration:none; font: normal 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#333; }



#block_vignette .image { float:left; display:block; text-align:center; margin:4px auto 4px auto; width:150px; height:150px; }



#block_vignette .image img { border:#000000 solid 1px; }



#block_vignette .description { float:left; display:block; color:#333; text-align:justify; margin:4px auto 4px 4px; width:220px; min-height:150px; _height:150px; font-size:12px }



#block_vignette .prix { float:left; display:block; padding:5px 0 0 4px; width:220px; height:auto; font-size:14px; text-align:center; font-weight:bold; color:#333; }



#block_vignette .prixbarre { color:#CC0000; font-size:12px; font-weight:normal; text-decoration:line-through; }



#block_vignette .divers { display:inline; color:#CC0000; font-size:12px; font-weight:bold; font-style:italic; }



/**Block Prod

**********************/

#block_prod { width:400px; margin: 0 auto; height:auto; min-height:200px; _height:200px; display:block; font-size:12px}



#block_prod h3 { color:#333; height:36px; text-align:center; font: bold 15px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; background:transparent url('images/h3.gif') no-repeat; padding: 4px 0 0 0 }



#block_prod .image { float:left; margin:4px 0 0 0; width:150px; min-height:170px; _height:170px; }



#block_prod img { margin:4px 0 0 0; border:#000 solid 1px; height:150px}



#block_prod .panier { float:left; text-align:center; width:220px; height:40px; }



#block_prod .panier img { border:none; }



#block_prod .detail { float:left; width:225px; margin:4px 0 0 14px; }



#block_prod .declinaison { float:left; height:40px; }



#block_prod .declinaison p { text-align:left; width:220px; }



#block_prod .declinaison label { float:left; display:block; text-align:left; width:60px; font-size:10px; color:#333; text-align:left; }



#block_prod .description { margin:5px 0 0 5px; float:left; width:220px; text-align: justify; font-size:12px; }



#block_prod .description ul { padding:0 0 15px 15px}



#block_prod .description li { list-style: square inside}



#block_prod .prix { float:left; display:block; padding:5px 0 0 4px; width:220px; height:auto; font-size:14px; text-align:center; font-weight:bold; color:#333; }



#block_prod .prixbarre { color:#CC0000; font-size:12px; font-weight:normal; text-decoration:line-through; }



#block_prod .divers { display:inline; color:#CC0000; font-size:12px; font-weight:bold; font-style:italic; }



/*////////////////// menu verticale /////////*/



#menuVert dl, #menuVert dt, #menuVert dd, #menuVert ul, #menuVert li { list-style-type: none; }



#menuVert { position: relative; width:290px }



#menuVert dt { cursor: pointer; min-height: 20px; _height: 20px; line-height: 20px; margin: 2px 0; text-align: right; font-weight: bold; }



#menuVert dd { position: absolute; z-index: 100; left: 300px; margin-top: -21px; width:260px; min-height:20px; _height:20px; text-align:left }



#menuVert ul { padding: 2px; text-align:left }



#menuVert li { text-align:left; height: 18px; line-height: 18px; }



#menuVert li a, #menuVert dt a { text-decoration: none; display: block; }



#menuVert li a:hover, #menuVert dt a:hover { background:#333; color:#fff }


/* Diapo Jquery */
#diapo-accueil { margin:2em 0 0 0.3em; }
#diapo-accueil img { width:170px; height:133px; border:1px solid #99CC00;}

/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }