@import '/css/formulaire.css';
/*-------------------------------------
  ------------ structure --------------
  -------------------------------------
*/
html, body {
	height: 100%;
}
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background:url(/charte/rpt-body.jpg) repeat-x top #D5C4AC;
}
* html body{
text-align:center;
}
#ombre_page{
margin:0 auto;
	width:984px;
	background:url(/charte/rpt-conteneur.jpg) repeat-y left top;
}
#conteneur{
	width:956px;
	padding:17px 14px 0 14px;
	background:url(/charte/haut-conteneur.jpg) no-repeat left top;
}

#page {
	margin: 0px auto;
	width: 956px;
	text-align:left;
	min-height:600px;
}
* html #page{
height:600px;
}
#dernier-element {
	margin-bottom: 0px;
	/*visibility: hidden;*/
	height:30px;
	width:100%;
	clear:both;
}
#footer{
margin:0 auto;
width:984px;
text-align:center;
color:#193661;
height:42px;
padding-top:8px;
background:url(/charte/fond-footer.jpg) center bottom no-repeat;
font-size:11px;
}
#header{
width:100%;
float:left;
height:195px;
position:relative;/*pour moteur*/
}
#haut_z_centrale{
float:left;
width:100%;
padding-top:15px;
}
.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*-------------------------------------
  ------ mise en forme du texte -------
  -------------------------------------
*/
a, p, td, li{
font-size:12px;
}
h1{
font-size:16px;
font-weight:bold;
color:#9e4d13;
}

h2, legend{
color:#9e4d13;
font-size:14px;
font-weight:bold;
}
h3{
color:#CF8926;
font-size:13px;
font-weight:bold;
}
h4{
font-size:13px;
font-weight:bold;
}
#z_contenu_int li{
	list-style-position: inside;
	list-style-type:disc;
}
a{
color:#BC7538;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a{
font-size:11px;
color:#AF6815;
}

.legende{
font-size:10px;
color:#9e4d13;
margin-top:2px;
}
.image_ombree{
width:auto;
}
fieldset label{
width:175px;
float:left;
display:inline-table;
}
hr{
border:none;
border-bottom:1px solid #ccc;
height:1px;
background-color:#fff;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
 */

/*----- header -----*/
#logo{
float:left;
width:760px;
}
#connexion{
float:right;
clear:right;
width:185px;
/*margin:5px 15px 0 0;*/
margin-top:5px;
}

#SeConnecter label{
font-size:11px;
width:75px;
float:left;
height:12px;
}
#SeConnecter input#Nom, #SeConnecter input#PWD{
height:12px;
width:90px;
font-size:10px;
}
#SeConnecter input#PWD{
margin-top:3px;
}
#SeConnecter input.bouton{
float:right;
margin-right:15px;
margin-top:5px;
}
.Bouton{
clear:both;
height:12px;
float:left;
}
*+html .Bouton{
width:180px;
display:block;
height:8px;
float:none;
}
.Bouton a{
font-size:10px;
color:#000;
}
#zone-moteur{
float:left;
text-align:center;
width:100%;
height:40px;
}
#moteur{
width:auto;
margin-top:5px;
}
#moteur label{
color:#9E4D13;
font-weight:bold;
font-size:13px;
padding-right:8px;
}
#moteur input, #moteur select{
font-size:13px;
color:#333333;
border:1px solid #ccc;
background:url(/charte/bg-input.jpg) repeat-x top;
}
#moteur input#moteurSubmit{
width:inherit;
border:none;
position:relative;top:8px;
}
#barreH{
float:left;
width:100%;
height:50px;
}
#menuH{
float:left;
width:955px;
}
#repere{
float:left;
height:50px;
width:1px;
}

/*------ haut_z_centrale -----*/
#haut-zc{
float:left;
padding-bottom:5px;
width:100%;
}
#div_lien_yahoo{
float:left;
width:440px;
color:#AF6815;
padding-top:5px;
}
#pictos{
width:100px;
float:left;
text-align:right;
}
#pictos img{
margin-right:10px;
}
/*----- zone centrale -----*/
#z_centrale{
float:left;
width:545px;
margin:10px 20px 0 45px;
}
* html #z_centrale{
margin:10px 20px 0 20px;
}
#colG{
float:left;
width:175px;
}
#z_contenu_int{
width:100%;
margin:10px 0;
clear:both; float:left;
}
#colD{
float:left;
width:152px;
margin-top:10px;
}
/*------ colG -----*/
#titre_rub, .titre-rub{
width:100%;
font-size:14px;
font-weight:bold;
padding:10px 0;
color:#000505;
}
#menuLat, #marques{
margin:0 10px;
width:175px;
}
.menuLat{
float:left;
}
.haut_menuLat, .bas_menuLat{
display:none;
}
#menu-redondant{
float:left;
clear:both;
margin:15px 10px;
padding-top:10px;
width:175px;
border-top:1px solid #666;
}
#menu-redondant ul, #menu-redondant li{
padding:0;
margin:0px;
list-style-type: none;
}
#marques a{
	font-size:14px;
	color:#442008;
	padding:2px 2px 2px 13px;
	display:block;
font-weight:bold;
}
/*----- colD -----*/
#panier{
margin-bottom:12px;
background:url(/charte/rpt-panier.png) repeat-y;
}
#recap_panier{
margin:0 5px;
padding:2px;
min-height:60px;
background:url(/charte/fond-caddy.png) no-repeat right bottom;
}
#contenu_panier{
font-size:11px;
color:#000;
}
#total_panier{
text-align:right;
color:#333;
font-weight:bold;
margin-top:10px;
}
#envoicolissuivi, #promotions{
margin-bottom:10px;
background-color:#fff;
float:left;
}
#colD #promotions{
width:152px;
}
#affiche-promos{
	padding:5px 0 5px 7px;
	background:url(/charte/rpt-promo.jpg) repeat-y;
	height:150px;
}
/**/
#colD .promotion_item{
width:132px;
}
.promotion_titre a{
color:#9E4C13;
font-weight:bold;
font-size:12px;
}
.promotion_titre, .promotion_ancien_prix, .promotion_nouveau_prix, .promotion_image{
text-align:center;
}
.promotion_nouveau_prix {
color:#FE2A00;
font-weight:bold;
font-size:14px;
margin-top:5px;
}
/*----- footer -----*/
#footer a{
color:#193661;
font-size:11px;
font-size:11px;
padding:0 5px;
}
/*illicopage*/
.lien_menu{
clear:both;
float:left;
margin-left:5px;
}

/*----------------------------------------
--- presentation detail produit (SE) ----
----------------------------------------*/
.produitseul{
float:left;
width:500px;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
min-height:240px;
margin-top:10px;
}
.descriptifseul{
width:100%;
margin-bottom:30px;
}
.descriptifseul *{
font-size:11px;
}
.visuel_produit_detail{
float:right;
width:200px;
text-align:center;
}
.visuel_produit_detail img{
 max-width:200px;
}
.caractetistiques_produit{
text-align:left;
font-size:12px;
font-weight:bold;
color:#6F4122;
}
.ajout_panier{
margin:2px;
}
.oddrow {
    background-color: #FDE8D3;
text-align:center;
}
.evenrow {
    background-color: #F6EEDF;
    text-align:center;
}

.autres_produit{
text-align:left;
font-size:14px;
font-weight:bold;
color:#666;
padding-top:25px;
padding-bottom:10px;
}

/*-------------------------------------------------
--- Table des références produits meme famille ---
  -----------------------------------------------*/
  TABLE.Familles  {
border:1px solid #F5DCBD;
  }
TH.Familles  {
     background-color:#F5DCBD;
     padding:5px;
     border:2px solid #fff;
font-size:12px;
  }

TD.Familles  {
 padding:3px;
border-top:1px solid #F5DCBD;
  }
TD.Familles a{
font-size:11px;
color:#000;
}

/*----------------------------------------
------- presentation liste produits ------
----------------------------------------*/
#liste_produits{
float:left;
width:100%;
}
.produit{
float:left;
width:266px;
background:url(/charte/fond-cadre-pdt.png) repeat-y left bottom #fff;
/*background:url(/charte/bas-produit.jpg) no-repeat left bottom #F9F2E0;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:15px;
position:relative;
}
.left{
clear:both;
float:left;
margin-right:10px;
}
.bas_produit{
float:left;
width:100%;
height:8px;
background:url(/charte/bas-produit.jpg) no-repeat left bottom #F9F2E0;
}
.modification_article{
background-color:#fff;
text-align:center;
}
.titre_produit{
font-size:14px;
font-weight:bold;
color:#9E4D13;
padding:7px;
}
#liste_produits .titre_produit, #liste-promo .titre_produit{
background:url(/charte/haut-produit.jpg) no-repeat left top;
}
.validite-promo{
font-weight:bold;
  text-align:center;
}
.reference_produit{
font-size:11px;
color:#9E4D13;
padding:0 0 7px 7px;
border-bottom:1px solid #5F6F77;
background:url(/charte/haut-produit.jpg) no-repeat left bottom;
}
.visuel_produit{
float:left;
width:250px;
margin-left:1px;
margin-bottom:7px;
background-color:#fff;
border-bottom:1px solid #5F6F77;
padding:7px;
}
.visuel_produit img{
max-width:100px;
padding:6px;
}
.desc_produit, .nondisponible{
margin:0 7px;
}
.plusdinfo{
position:absolute;
right:10px;
display:block;
margin-top:10px;
}
.tarif_produit{
margin-top:7px;
padding:7px;
border-top:1px solid #5F6F77;
color:#9E4D13;
font-weight:bold;
font-size:12px;
}
.tarif_produit strong{
color:#000;
font-size:13px;
}
.quantite, .ajouter, .retirer, .affiche_quantite{
float:left;
width:auto;
}
.quantite{
width:68px;
margin-left:3px;
}
div.affiche_quantite{
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
input.affiche_quantite{
text-align:center;
height:18px;
width:28px;
line-height:20px;
vertical-align:middle;
border:none;
font-size:11px;
}
.produit .ajout_panier{
margin:7px;
}
.produit .valider{
margin-top:7px;
}
/*----------------------------------------
---------------  accueil -----------------
----------------------------------------*/
#z_centrale_accueil{
	float:left;
	width:465px;
	margin:10px 0 0 45px;
}
#colD-accueil{
	float:right;
	clear:right;
	width:227px;
	margin:10px 20px 0 0;
}
#colD-accueil #promotions, #actualites{
float:left;
width:100%;
margin-bottom:20px;
font-size:11px;
}

#toute-lactu{}

#affiche-actu, #affiche-promos-accueil{
	
	height:140px;
	width:225px;
	border:1px solid #B8B8B8;
}
#affiche-actu a{
color:#000;
}
/**/

#affiche-promos-accueil .promotion_image{
float:left;
width:auto;
}
#colD-accueil .promotion_item{
margin-bottom:20px;
}
#colD-accueil .promotion_titre{
text-align:center;
margin:10px 0;
}
/*----------------------------------------
-- presentation des promotions accueil ---
----------------------------------------*/
.rouge {color: #CC0000}
.titre_promo{
	color:#009E96;
	font-weight:bold;
	font-size:12px;
	padding-bottom:10px;
}
.visuel_promo{
float:left;
width:95px;
}
.visuel_promo img{
max-width:95px;
}
.colD_promo{
float:right;
width:54%;
}
.desc_promo{
color:#666666;
}
.promotion .plusdinfo{
float:right;
}
.tarif_barre{
text-decoration: line-through;
font-weight:bold;
font-size:12px;
text-align:center;
margin-top:10px;
}
.tarif_promo{
color:#CC0000;
font-weight:bold;
font-size:15px;
text-align:center;
margin:5px 0;
}
/**/
.Rubrique_info{
float:left;
width:165px;
height:155px;
margin:4px;
border:1px solid #F2CA96;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
.Rubrique_info:hover{
border:2px solid #b8b8b8;
width:163px;
height:153px;
}
.Rubrique_image{
width:165px;
height:110px;
text-align:center;
vertical-align:middle;
display: table-cell;
}
.Rubrique_libelle, .Rubrique_libelle a{
text-align:center;
font-weight:bold;
font-size:14px;
}

#bouton_commande{
clear:both;
display:block;
}