@import '/css/formulaire.css';
/*-------------------------------------
  ------------ structure --------------
  -------------------------------------
*/
html, body {
	height: 100%;
}
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
* html body{
text-align:center;
}
#conteneur{
	width:100%;
}
#ombre-haut{
	margin:0 auto;
	width:963px;
	text-align:center;
}
#ombre_page{
	margin:0 auto;
	width:963px;
	background:url(/charte/fond-conteneur.jpg) center top repeat-y;
}
#page {
	margin: 0px auto;
	width: 955px;
	text-align:left;
	min-height:600px;
}
* html #page{
height:600px;
}
#dernier-element {
	margin-bottom: 0px;
	/*visibility: hidden;*/
	height:30px;
	width:100%;
	clear:both;
}
#dernier-element.degrade-blanc-bleu{
height:40px;
}
#footer{
margin:0 auto;
width:963px;
text-align:center;
padding:5px 0;
color:#514F4F;
height:27px;
background:url(/charte/fond-footer.jpg) center top no-repeat;
color:#514F4F;
font-size:11px;
}
#header{
width:100%;
float:left;
/*height:95px;*/
height:105px;
background:url(/charte/fond-bandeau.jpg) left bottom;
position:relative;/*pour connexion*/
}
#haut_z_centrale{
float:left;
width:100%;
background:url(/charte/degrade-bleu.jpg) repeat-x top;
}
.degrade-bleu-blanc{
background:url(/charte/degrade-bleu.jpg) repeat-x top;
}
.degrade-blanc-bleu{
background:url(/charte/degrade-bleu-inverse.jpg) repeat-x bottom;
}
.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
.auto{
	float:left;
	width:auto;
}
/*-------------------------------------
  ------ mise en forme du texte -------
  -------------------------------------
*/
a, p, td, li{
font-size:12px;
}
h1{
font-size:16px;
font-weight:bold;
color:#0556A6;
}

h2{
color:#108915;
font-size:14px;
font-weight:bold;
}
h3{
color:#3399ff;
font-size:14px;
font-weight:bold;
}
h4{
font-size:13px;
font-weight:bold;
}
#z_contenu_int li, #z_contenu_accueil li{
	list-style-position: inside;
	list-style-type:disc;
}
a{
color:#3399ff;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a{
font-size:11px;
color:#009e96;
}

.legende{
font-size:10px;
color:#009e96;
margin-top:2px;
}
.image_ombree{
width:auto;
}
.image_ombree img{
padding:4px;
background-color:#FFFFFF;
border:1px solid #cadce8;
}
#titre_recherche{
color:#00B200;
font-size:14px;
font-weight:bold;
margin-bottom:20px;
}
fieldset{
border:1px solid #D4EDFF;
margin-top:10px;
}
legend{
font-weight:bold;
color:#0556A6;
font-size:14px;
}
/*formulaire d inscription*/
form#form_inscription input, form#form_inscription select, form#form_inscription textarea{
color:#333333;
margin:2px;
}
form#form_inscription label{
margin-left:2px;
padding-top:10px;
display:inline-table;
}
form#form_inscription input.bouton{
background:url(/charte/bg-input.jpg) repeat-x left -10px #f0f0f0;
font-weight:bold;
margin:10px;
padding:2px 5px;
}
form#form_inscription input.bouton:hover{
background:none #fff;
cursor:pointer;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
 */

/*----- header -----*/
#logo{
padding-left:4px;
float:left;
margin-top:15px;
width:auto;
padding-right:30px;
}
#header #connexion{
position:absolute;
right:0;
top:0;
width:175px;
margin:5px 10px;
}
#SeConnecter label{
font-size:10px;
width:75px;
float:left;
padding-top:4px;
text-align:right;
padding-right:3px;
}
* html #SeConnecter label{
float:none;
}

#SeConnecter input#Nom, #SeConnecter input#PWD{
font-size:10px;
width:90px;
}
#SeConnecter input#PWD{
margin-top:5px;
}
#header #SeConnecter input.bouton{
margin:5px 4px 3px 0;
float:right;
}
#header div.Bouton{
float:right;
clear:both;
width:100%;
text-align:right;
/*height:12px;
margin:2px 4px 0 0;*/
margin-right:4px;
}
* html div#erreur_connexion{
display:none;
}
*+html #header div#erreur_connexion{
display:none;
}
.Bouton a{
font-size:10px;
color:#000;
}
#zone-moteur{
float:left;
text-align:center;
width:100%;
height:40px;
}
#moteur{
width:auto;
height:40px;
}
#moteur label{
color:#00B200;
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 select{
margin-top:10px;
}
#moteur input#moteurSubmit{
width:inherit;
border:none;
position:relative;
top:8px;
left:-4px;
}
#divmoteurRecherche{
float:left;
width:540px;
text-align:right;
}
#divmoteurMarque{
float:left;
margin-left:30px;
}
#barreH{
float:left;
width:100%;
height:35px;
border-bottom:8px solid #D4EDFF;
}
#menuH{
float:left;
width:954px;
}
#repere{
float:left;
height:35px;
width:1px;
}

/*------ haut_z_centrale -----*/
#haut-zc{
float:left;
padding-bottom:5px;
}
#div_lien_yahoo{
float:left;
width:470px;
color:#3399FF;
padding-top:5px;
}
#pictos{
width:100px;
float:left;
text-align:right;
}
#pictos img{
margin-right:10px;
}
/*----- zone centrale -----*/
#z_centrale{
float:left;
width:575px;
margin:15px 0px 10px 20px;
}
#colG{
float:left;
width:180px;
}

#z_contenu_int{
float:left;
width:575px;
}
#colD{
float:right;
clear:right;
width:152px;
padding-top:15px;
margin-right:10px;
}
* html #colD{
margin-right:5px;
}
/*------ colG -----*/
#titre_rub{
font-size:17px;
font-weight:bold;
padding:10px;
color:#0556A6;
background:url(/charte/fond-titre_rub.png) no-repeat;
padding-top:20px;
min-height:22px;
width:100%;
}
.titre-rub{
font-size:14px;
font-weight:bold;
padding:0 10px;
color:#0556A6;

}
#menu-redondant{
width:100%;
clear:both;
}
#menu-redondant ul, #menu-redondant li{
margin:0;
padding:0;
width:100%;
}
#menu-redondant ul{
margin:5px 0 0 10px;
list-style-type: none;
}

#menuLat{
}
.menuLat{
width:160px;
padding:0 10px;
float:left;
margin:0;
background:url(/charte/rpt-menulat.jpg) repeat-y left;
}
.haut_menuLat{
display:none;
}
.bas_menuLat{
	background:url(/charte/bas-menuLat.jpg);
	width:100%;
	float:left;
	clear:both;
	height:52px;
}
/*----- colD -----*/
#panier{
margin-bottom:12px;
background:url(/charte/rpt-panier.png) repeat-y;
}
#panier hr{
height:1px;
background-color:#ff;
border:none;
border-bottom:1px solid #E1F3A2;
}
#panier a{
font-size:11px;
color:#009E96;
text-decoration:underline;
}
#recap_panier{
margin:5px 5px 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:#04756D;
font-weight:bold;
margin-top:10px;
}
#colD #panier, #colD #envoicolissuivi img, #colD #questionconseil, #colD #promotions, #colD #glossaire img, #colD #inscription-newsletter img{
margin-bottom:10px;
}
#colD #promotions{
float:left;
width:152px;
}
#affiche-promos{
	padding:5px 0 5px 7px;
	background:url(/charte/rpt-promo.jpg) repeat-y;
	height:180px;
}
/**/
.promotion_item{
}
.promotion_titre a{
color:#000;
/*text-transform:uppercase;*/
}
.promotion_titre, .promotion_ancien_prix, .promotion_nouveau_prix, .promotion_image{
text-align:center;
}
.promotion_nouveau_prix {
color:#FE2A00;
font-weight:bold;
font-size:15px;
}
/*----- footer -----*/
#footer a{
color:#514F4F;
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;
background:url(/charte/fond-cadre-big.jpg) no-repeat left bottom #fff;
border:1px solid #daf0ff;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
min-height:240px;
margin-top:10px;
}
.descriptifseul{
width:500px;
/*background:url(/charte/fond-cadre-pdt.jpg) no-repeat left bottom #fff;
border:1px solid #daf0ff;
padding:10px;*/
min-height:240px;
margin-top:10px;
margin-bottom:20px;
}
.descriptifseul table{
clear:both;
margin-top:5px;
}
.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:#00B300;*/
color:#108915;
}

.oddrow {
    background-color: #EFF8FC;
text-align:center;
}
.evenrow {
    background-color: #E0F2FB;
    text-align:center;
}

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

/*------------------------------------
-------------- Table des références produits meme famille--------------
  -------------------------------------*/

CAPTION.Familles
  {
  }

  TABLE.Familles  {
border:1px solid #D6ECFF;
  }

  TH.Familles
  {
     background-color:#D6ECFF;
     padding:5px;
     border:2px solid #fff;
font-size:12px;
  }


  TR.Familles  {

  }

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

/*----------------------------------------
------- presentation liste produits ------
----------------------------------------*/
#liste_produits{
float:left;
width:100%;
}
.produit{
float:left;
width:248px;
background:url(/charte/fond-cadre-pdt.jpg) no-repeat left bottom #fff;
border:1px solid #daf0ff;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:5px 0;
overflow:auto;
}
#liste_produits .produit{
height:250px;
}
.left{
clear:both;
float:left;
margin-right:10px;
}
.titre_produit{
text-align:center;
font-size:14px;
font-weight:bold;
color:#108915;
padding-bottom:15px;
}
.titre_produit h2{
margin:0px;
padding:0px;
text-align:center;
font-size:14px;
font-weight:bold;
color:#108915;
}
.titre_produit h1{
font-size:16px;
font-weight:bold;
color:#0556A6;
}
.visuel_produit{
float:right;
width:120px;
text-align:right;
}
.visuel_produit img{
max-width:100px;
padding:6px;
border:1px solid #e7e7e7;
background:url(/charte/fond-cadre-pdt.jpg) no-repeat left bottom #fff;
/*-moz-border-radius: 4px;
-webkit-border-radius: 4px;*/
}
.reference_produit{
font-size:11px;
color:#009e96;
margin-bottom:5px;
}
.desc_produit{
font-family:Arial, Helvetica, sans-serif;

}
.plusdinfo{
margin-bottom:10px;
display:block;
}
.tarif_produit, .ajout_panier{
clear:both;
float:left;
margin-top:5px;
}
.tarif_produit{
color:#3399ff;
padding:10px 0;
font-weight:bold;
font-size:11px;
}
.tarif_produit strong{
color:#000;
font-size:11px;
}
.quantite, .ajouter, .retirer, .affiche_quantite{
float:left;
width:auto;
}
.quantite{
width:75px;
margin-left:3px;
}
div.affiche_quantite{
border-bottom:1px solid #DAEDE6;
border-top:1px solid #DAEDE6;
}
input.affiche_quantite{
text-align:center;
height:17px;
width:28px;
line-height:20px;
vertical-align:middle;
border:none;
font-size:11px;
}
.ajout_panier{
float:left;
/*position:relative;*/
width:95%;
}
.produitseul .ajout_panier{
width:100%;
}
.ajout_panier span{
font-size:10px;
width:70px;
/*position:relative;*/
top:-2px;
}
* html .ajout_panier, * html .ajout_panier span{
	position:fixed;
float:left;
}
.valider{
float:right;
}
/*----------------------------------------
- presentation des familles de produits -
----------------------------------------*/
.Rubrique_info{
float:left;
width:180px;
height:170px;
margin:4px;
background:url(/charte/fond-Rubrique_info.jpg) no-repeat;
position:relative;
}
.Rubrique_image{
position:absolute;
bottom:20px;
left:0px;
width:100%;
text-align:center;
z-index:2;
}
.Rubrique_libelle{
position:absolute;
top:0px;
width:100%;
text-align:center;
}
.Rubrique_libelle a{
color:#4A7D18;
font-weight:bold;
font-size:13px;
display:block;
width:180px;
height:160px;
padding-top:10px;
}
.Rubrique_libelle a:hover{
background:url(/charte/fond-Rubrique_info_f2.jpg) no-repeat;
z-index:1;
}

.Commande_Titre_Tableau{
	background-color:#DDDDDD;	
}
/*-------------------------------------
  -------------- accueil --------------
  -------------------------------------
*/
#actualites{
	margin:50px 0 0 45px;
	width:175px;
	height:95px;
}
#affiche-actu{
	width:175px;
	height:60px;
	position:relative;
	left:-10px;
}
#toute-lactu{
	width:175px;
	text-align:right;
}
#colD-accueil{
	float:right;
	clear:right;
	width:227px;
	margin-right:34px;
/*margin-top:55px;*/
margin-top:25px;
}
* html #colD-accueil{
margin-right:20px;
}
#colD-accueil #connexion{
	width:217px;
/*background:url(/charte/fond-cadre-pdt.jpg) no-repeat center bottom #fff;*/
border:1px solid #daf0ff;
padding:5px;
margin-bottom:20px;
/*margin-bottom:30px;*/
height:90px;
}
#colD-accueil #connexion label{
width:100px;
padding-right:10px;
}
 #SeConnecter input.bouton{
margin-top:5px;
float:right;
margin-right:15px;
}
#colD-accueil .Bouton{
float:left;
width:100px;
clear:left;
margin-top:4px;
}
#colD-accueil #promotions{
float:left;
width:227px;
margin-bottom:20px;	
}
#affiche-promos-accueil{
	padding:5px 0 5px 7px;
	background:url(/charte/rpt-promos-accueil.jpg) repeat-y;
	height:100px;
/*height:180px;*/
}
#colD-accueil #partenaires{
float:left;
width:227px;
}

#z_contenu_accueil{
	clear:both;
	float:left;
	margin:20px 0px 0px 7%;
	width:90%;
}
* html #z_contenu_accueil{
	margin:20px 0px 0px 50px;
	width:800px;
}
/**/
.promotion_titre, .promotion_ancien_prix, .promotion_nouveau_prix, .promotion_image{
text-align:center;
}
#affiche-promos-accueil .promotion_image{
float:left;
width:auto;
}
/*------------------------------------
----- promotions liste ------
-----------------------------------------*/
#liste-promo{
float:left;
width:100%;
}
#liste-promo .produit{
height:285px;
}
.tarif_produit s{
font-weight:normal;
color:#000;
}
.validite-promo{
clear:both;
margin-top:10px;
float:left;
text-align:center;
width:100%;
color:#009E96;
}
#liste-promo .promotion_nouveau_prix{
text-align:left;
width:auto;
display:inline;
margin-left:8px;
font-size:14px;
}
textarea {
max-width:550px;
}