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

body { margin-top:10px; background-image: url(images/fond.jpg); background-repeat: repeat-x; background-color: #C10001; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

h1 {font-size: 12px; color:#BC0000; font-weight:bold; }

strong { font-weight:bold; }

p { margin-bottom:10px; }

a:hover { text-decoration:none; }

.clearer { clear:both; line-height:0; height:0; width:0; }

/******STRUCTURE******/
#page { width:940px; margin: 0 auto}

#head { width:940px; height:190px; clear:both;   }

#logo { float:left; width:390px; height:190px; }

#menu { float:left; width:550px; height:190px; }

#form2 { margin-left:auto; margin-right:auto; padding-top:10px; padding-left:120px; width:430px; height:85px; background-image: url(images/bgform.jpg); }

#form2 p, #titre form p label, #form p a { color:#FFCC99; padding-left:5px; font-size: 10px; }

input#connection { margin-left:5px; margin-right:10px; font-size: 9px; }

.champid { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC99; background-color: #0D2E59; border: 1px solid #0D2E59; vertical-align:middle; }



#corps {  width:940px;  background-image: url(images/bg.gif);  }

#produits { width:198px; float:left; min-height:100px }

div.rubriques { width:198px;  padding-top:10px; background-image: url(images/bgprod.jpg); background-repeat: no-repeat; color: #FE8C00; }

div.rubriques ul { color: #FE8C00; padding-left:10px; }

#contenu { float:left; width:742px;  }

#titreContenu { clear:both; }

#titre img { display:block; }

#texte { color:#BC0000; padding-left:22px; padding-right:20px; padding-top:10px;  text-align:justify; background-image: url(images/bgtxt.jpg); background-repeat:no-repeat; clear:both;  }

#texte a { color:#BC0000; }

#texte .imggauche { display:block; margin:50px 50px 20px 0; float:left; }

/*pied de page*/
#footer { width:940px; height:50px; margin-left:auto; margin-right:auto; }

#adresse { background-image: url(images/yvelines.gif); background-repeat:no-repeat; width:940px; height:50px; text-align:center; clear:both }

#adresse a, #adresse p { text-align:center; color:#F6AB58; font-size:10px; }

#cybbel { text-align:right; color:#F6AB58; font-size: 10px; padding-top:17px; }

#cybbel a { color:#F6AB58; font-size:10px; text-align:right; }

#cybbellien { width:65px; height:61px; float:left; }

#cybbel img { display:block; }

/*****************/
/* Page contact */

p#genre { color:#BC0000; }

p.field { padding: 0.5em 0; text-align:left; }

p.field label { display: block; width: 200px; text-align: right; color: #BC0000; float: left; padding-right: 0.8em; }

#contact { text-align:center; }

#contact p, #contact div.imgcapt { margin:0 auto; width:600px; }

#contact .texte { text-align:center; color: #BC0000; }

#contact .texte a { color: #BC0000; }

.champ { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #670606; background-color: #F79028; border: 1px solid #790404; vertical-align:middle; }

/****** intro *******/
#intro { margin-left:auto; margin-right:auto; width:806px; text-align:center; color:#BC0000; text-align:center; }

#intro a { color:#BC0000; }






#question { display: block; clear:both; text-align:center; float:none; width:100%}










/**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 { color:#fff}

#block_client form { margin:0; padding:0; }

#block_client .search {  }

#block_client .search p { }

#block_client a { margin:0; color:#fff; font-size:12px; font-weight:bold; }

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

#block_client input { color:#fff; font-weight:normal; font-size:10px; background-color: #0D2E59; border: 1px solid #0D2E59; display:block; float:left;  }

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

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

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

#block_client ul { margin:10px 0 0 10px; padding:0;   list-style-type:none; text-align:center; clear:both; }

#block_client ul li { width:155px; margin:0; float:left;}

#block_client ul li a { display:block; font-size:10px; margin:0; padding:0 0 1px 0; color:#fff }

/**Encart Menu
**********************/
#block_menu { clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;  width:164px; margin:0 0 0 0; padding:0 0 0 20px; font-weight:bold; }

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

#block_menu h2 a { color:#FE8C00; text-decoration:none; font-size:12px; width:100% }

#block_menu h2 a:hover { 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 10px; color:#FE8C00; list-style-type:none; width:164px; vertical-align:top; }

#block_menu ul li { width:154px; margin:0; padding: 0; list-style:none; background: transparent url('images/puce.gif') no-repeat 0 6px; text-indent:3px }

#block_menu ul li a { display:block; color:#FE8C00; 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:#FE8C00; }

/**Encart Panier
**********************/
#block_panier {  }

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

#block_panier .block { margin:0; height:75px; width:162px; border:#FFFFFF solid 1px; background-color:#AD0000; }

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

#block_panier img { border:none; padding:10px 0  0 0 }

/**Cadre1
**********************/
#cadre { color:#ad0101; float:left; width: 230px; padding:0; margin:10px 0 10px 100px; text-align:left; border:#fff solid 1px; }

#cadre h3 { color:#fff; background-color:#AD0000; 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:#fff; }

/**Cadre2
**********************/
#cadre2 { color:#fff; float:left; width: 280px; padding:0; margin:10px 0 10px 25px; text-align:left; }

#cadre2 h3 { color:#fff; 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:#fff; }

/**Formulaire1
**********************/
form.form1 { height:auto; font-size:10px; color:#fff; }

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

.form1 legend { color:#AD0000; 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; margin:0;  color:#C10001}

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

/**Formulaire2
**********************/
form.form2 { clear:both; margin:0; height:auto; font-size:10px; color:#fff; }

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

.form2 form { height:auto; }

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

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

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

/**Encart Rub
**********************/
#block_rub { float:left; margin:10px 0 0 98px; _margin:10px 0 0 60px; width:200px; text-align:center; }

#block_rub h3 { margin:0; padding:2px 0 0 0; width:200px; height:30px; background:transparent url(images/h3rub.jpg) no-repeat center; color:#fff; font-size:12px; text-align:center; }

#block_rub a { text-decoration:none; font-size:12px; color:#fff; }

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

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

/**Encart Vignette
**********************/
#block_vignette { float:left; margin:10px auto 0 auto; width:350px; height:200px; text-align:center; }

#block_vignette h3 { margin:0; padding:2px 0 0 0; width:350px; height:30px; background:transparent url(images/h3.gif) 0 0 no-repeat; color:#fff; font-size:12px; text-align:center; }

#block_vignette a { text-decoration:none; font-size:12px; color:#fff; }

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

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

#block_vignette .description { float:left; display:block; color:#FFFFFF; text-align:justify; margin:4px auto 4px 4px; width:190px; height:150px; }

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

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

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

/**Block Prod
**********************/
#block_prod { width:500px; _width:510px; margin:30px auto 0 auto; height:auto; min-height:400px; display:block; }

#block_prod h1 { margin:0; padding:10px 0 0 0 ; color:#fff;  height:40px; background:transparent url(images/h3.jpg) 0 0 no-repeat; text-align:center; font-size:12px;}

#block_prod h3 { margin:0; color:#fff;  height:40px; background:transparent url(images/h3.jpg) 0 0 no-repeat; text-align:center; font-size:12px;}

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

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

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

#block_prod .panier img { border:none; }

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

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

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

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

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

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

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

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