/* CSS Document */

/*********************************************************** */
/*              MISE EN PAGE POUR FIREFOX                    */
/*********************************************************** */

/******************/
/* CODES COULEURS */
/******************/

/* #A8FAB3 vert brillant => couleur de fond du site (body & conteneur & conteneur des colonnes gauche et droite) */
/* #96980F kaki => couleur de fond des header et footer et colonne gauche */
/* #DDF9E0 vert clair => couleur de fond de la colonne droite CDFAD3 */
/* #BFEDC6 vert plus foncé => couleur de fond des lignes du catalogue */
/* #86863B marron => couleur du texte  74744B */
/* #DBBC00 marron orangé => couleur de fond des titres des menus de gauche*/
/* #FBFADE jaune sable => couleur de fond des catégories du menu vertical*/
/* #CCFF99 vert fluo => couleur de fond des stats */

/******************************/
/* VALEURS DES ROUNDEDCORNERS */
/******************************/

/* 120x20 radius 4 */
/* 146x50 radius 6 (stats) */
/* 180x20 radius 8 */
/* 450x25 radius 8 (titres colonne de droite) */
/* http://www.roundedcornr.com */

* {
	margin:0;
	padding:0;
	}

body {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	background-color: #A8FAB3;  
	color: #86863B; 
	font-size: 10px;
	}

/*********************************************************** */
/*                        GENERALITES                        */
/*********************************************************** */

h1 {
	font: bold 28px Georgia, serif;
	text-decoration: underline;
	margin-bottom: 20px;
	}

h4 {
	font-size: 12px;
	font-weight: bold;
	}

h5 {
	font-size: 11px;
	padding: 0 0 3px;
	/*background: #DBBC00; /*FFC5FF*/
	color: white;
	text-align: center;
	}

h5.essai_couleur_panier { background: #DBBC00; }

.texte_rouge { color: red; 	}

p {
	font-size: 10px;
 	font-weight: normal;
	text-align: justify;
	}

/* Paragraphes des pages Contact & CGU & Livraison & Paiement */
p.texte {
 	margin-left: 15px;
	margin-right: 15px;
	line-height: 1.5;
	}

p.texte_gras {
	margin-top: 10px;
	margin-left: 10px;
	font-weight: bold;
	line-height: 1.5;
	}

p.texte_centré {
	margin-top: 10px;
	margin-left: 20px;
	text-align: center;
	line-height: 1.5;
	}

p.texte_gras_centré {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	}

p.texte_rouge_gras {
	font-weight: bold;
	color: red;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 1.5;
	}

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


/*********************************************************** */
/*                   LIENS HYPERTEXTES                       */
/*********************************************************** */

/* Liens généraux */
a 					{ text-decoration: none; } /* pas de soulignage des liens */
a:link 				{ color: #86863B; } /* lien non-visité */
a:visited 			{ color: #86863B; } /* lien visité */
a:active 			{ color: #cc0000; -moz-outline: none; } /* lien activé #navlist li & suppression des pointillés autour des liens sous FF */
a:hover, a:focus    { font-weight:bold ; color: #cc0000; -moz-outline: none; } /* lien survolé & suppression des pointillés autour des liens sous FF */

/* Lien pour image active */
a img { border: 0 none; -moz-outline: none; } /* pour enlever la bordure bleue par défaut autour des images liens */

/* Liens de la ligne des informations */
a:link.lien_blanc 		{ color: #FFFFFF; }
a:visited.lien_blanc 	{ color: #FFFFFF; }
a:active.lien_blanc		{ color: #cc0000; -moz-outline: none; }
a:hover.lien_blanc, a:focus.lien_blanc    { font-weight:bold ; color: #cc0000; -moz-outline: none; } 

/* Liens de la barre de navigation */
#barre_de_navigation a 		{ text-decoration: none; }
#barre_de_navigation a:link 	{ color: #fff;} /* lien non-visité */
#barre_de_navigation a:visited { color: #fff} /* lien visité */
#barre_de_navigation a:active  { color: #cc0000} /* lien activé #navlist li */
#barre_de_navigation a:hover   { font-weight:bold ; color: #cc0000} /* lien survolé */

/* Liens de la page d'introduction */
a:link.lien_marron 		{ color: red; font-size: 14px; font-weight:bold ;}
a:visited.lien_marron 	{ color: red; font-size: 14px; font-weight:bold ;}
a:active.lien_marron		{ color: #cc0000; -moz-outline: none; font-size: 16px;}
a:hover.lien_marron, a:focus.lien_marron    { font-weight:bold ; color: #cc0000; -moz-outline: none; font-size: 16px;} 


/*********************************************************** */
/*                 CONTENEUR DU SITE                         */
/*********************************************************** */

/* Centré en milieu de page */
#conteneur {
	width:760px; 
	background-color:#A8FAB3;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative; 
	}


/*********************************************************** */
/*                   BANDEAU DU SITE                         */
/*********************************************************** */

#header {
	height:85px; /* (50 + (5 * 2) + 10) * 5 + 10 */
	width:100%;
	float:left; 
	margin: 5px 0 0 0;
	background-color: #96980F; 
	}

/* BANDEAU */
#header_bandeau { float : left; }

/* PANIER MINI */
#header_panier {
	float: right;
	text-align: right;  
	width:120px;
	height:80px;
	margin: 15px 0 0 0; 
	position: relative; 
	right: 2%;
	background-image: url(../Images_Site/roundedcornr_164391.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	}

p.panier {
	line-height: 1.3;
	text-align : center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 9px;
    background-color: #FBFADE;
	}

/* CLEAR */
.clear {
	clear : both; 
	visibility : hidden;
	}

/*********************************************************** */
/*       BARRE DE NAVIGATION & DRAPEAUX LANGAGES             */
/*********************************************************** */


/* CONTENEUR BARRE & DRAPEAUX */
#conteneur_navigation_langues {
	height: 15px; 
	width:100%;
	float:left;
	background-color: #96980F;
	border-top: 1px solid #DBBC00; 
	border-bottom: 1px solid #DBBC00;
 	padding-top: 1px;
	padding-bottom: 1px;   
	}

/* BARRE DE NAVIGATION */
#barre_de_navigation {
	height: 15px;   
	padding-top: 1px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px; 
 	float: left;  
	}

/* DRAPEAUX LANGUES */
#drapeaux_langues {
 	padding-top: 1px;
	margin-right: 8px; 
	float: right;  
	}

#drapeau_Fr {
	float: left;
	margin-right: 5px;  
	}

#drapeau_GB {
	float: left;
	margin-right: 5px;  
	}


/*********************************************************** */
/*                  PARTIE CENTRALE DU SITE                  */
/*********************************************************** */

/* Conteneur des colonnes gauche et droite */
div#conteneur_colonnes_G_D {  
    position: relative; 
	float:left;
 	width: 760px;
    background-color: #A8FAB3;   
	/*margin-top: 5px;*/
	min-height : 1026px; /*620 puis 639*/
	}

/*********************************************************** */
/*                    MENU GAUCHE DU SITE                    */
/*********************************************************** */

#colonne_gauche_menus {
    float:left;  
    width: 190px;
  	background-color: #96980F;
	padding: 5px 0px 5px 0px;
	border: 1px solid #999999;
	min-height: 897px; /*760px*/
	}


/* MENU RECHERCHER */
#moteur_recherche {
	width:  180px;
 	margin-top: 20px;
	text-align: left;
    background-color:#DDF9E0; 
	margin-left: auto;
	margin-right: auto; 
	background-image: url(/Images_Site/roundedcornr_824976.gif);
	background-repeat: no-repeat;
	padding-top: 4px;

	}

p.recherche_mot_clé { padding-top: 4px;	}
p.recherche_prix { }
p.recherche_marque { }
 
/* Formulaire du moteur de recherche */
#formulaire_recherche { 	}
 
input.taille_menu_mot {
	font-size: 10px;
	color: #86863B;
	margin-left: 15px;
	margin-bottom: 6px;
	padding-left: 4px;
	padding-top: 1px;
	height: 14px;
	width: 95px;
	border: 1px solid #999999;
	background-color: #FBFADE;
	}


input.bouton_menu_mot {	
	padding-top: 0px;
	}


select.taille_menu_prix {	
	font-size: 10px; 
    color: #9900CC; 
	margin-left: 2px;
	width: 120px; 
	border: 1px solid #999999; 
	background-color: #E8DAF7;
	}

select.taille_menu_marque {	
	font-size: 10px; 
    color: #9900CC; 
	margin-left: 2px;
	width: 120px;
	margin-top: 6px;
	margin-bottom: 4px; 
	border: 1px solid #999999;
	background-color: #E8DAF7;
	}

/* MENU VERTICAL */
/* Conteneur */
#menu_vertical { 
	width:  180px;
	height: 509px;
	text-align: left;
    background-color:#DDF9E0; 
 	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;   
	padding-bottom: 10px; 
	background-image: url(/Images_Site/roundedcornr_824976.gif);
	background-repeat: no-repeat;
	padding-top:  px;

	}

#zzzz { 
	width:  178px;
	height: 310px;
	text-align: left;
    background-color:white; 
 	margin-left: auto;
	margin-right: auto;   
 	}


/* Modéle de case du menu */
ul#menu_catégories li ul{
  display:none;
}

ul#menu_catégories li:hover>ul{
  display:block;  
}

ul#menu_catégories{
  float:left; 
  margin-left: 3px;
  _margin-left: 2px;
}

ul#menu_catégories,
ul#menu_catégories ul{
  background:#FBFADE;
  border:1px solid #990000;
  list-style:none;
  margin-top:4px;
  padding:0px;
  width:172px;
  _width:169px; 
}

ul#menu_catégories ul{
  position:absolute;
  top:-3px;
  left:172px;  
  _left:169px;   
}

ul#menu_catégories li{
  position:relative;     
  margin:0px;
  padding:0px;
  _display:inline;  z-index:110;
}

ul#menu_catégories li.suivant{
/*background:url(/images/fleche.gif) no-repeat 0% 50%;*/
} 


ul#menu_catégories a{
  display:block;
  width: 171px;
  _width:169px; 
  height: 15px;
  color:#86863B;
  text-decoration:none; 
  padding-top:2px; 
  padding-left: 2px;  
}

ul#menu_catégories a.ligne_bas{
	border-bottom:1px solid #000000;  
}

ul#menu_catégories a:hover{
  background:#000000;
  color:#FFFFFF;   
}


/* INFORMATIONS UTILES */
#infos_utiles {
 	width:  180px;
	margin-top: 25px;
	text-align: left;
	background-color:#DDF9E0;
	margin-left: auto;
	margin-right: auto; 
	}

p.infos_1{
	font-weight: normal;
	line-height: 1.1;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	}

p.infos{
	font-weight: normal;
	line-height: 1.1;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	}

p.infos_5{
	font-weight: normal;
	line-height: 1.1;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	}


/* BONNES AFFAIRES */
#affaires {
 	width:  180px;
    background-color:#DDF9E0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto; 
	background-image: url(/Images_Site/roundedcornr_824976.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	}


/* MENU COMPTEUR & STATS DE VISITES */
#stats {
 	width:  152px;
	height : 50px;
	background-image: url(/Images_Site/roundedcornr_702182.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto; 
	}

p.stats { padding:  0 0 0 5px;	}

.stats_chiffres {
	color:#DBBC00;
	font-weight: bold;
	}


/*********************************************************** */
/*            PARTIE CENTRALE DROITE DU SITE                 */
/*********************************************************** */


#colonne_droite {
	background-color:#DDF9E0; 
	min-height : 1017px; /* hauteur mini du div même vide de tout contenu; pour avoir 615 = 590 + 10 de padding bottom + 10 de padding top + 5 de margin */
 	float: right;
 	width: 566px;
 	_width: 566px;
	/*margin-left: 168px;*/
	text-align: center;
	border: 1px solid #999999;
	padding-top: 10px;
	padding-bottom:  0px;  
	}


/*********************************************************** */
/*                    LIGNE DES INFORMATIONS                 */
/*********************************************************** */

#ligne_des_informations {
	height: 15px;
	width: 760px;
	background-color: #96980F;
	border-top: 1px solid #DBBC00;
	border-bottom: 1px solid #DBBC00;
	padding-top: 2px;
	color: #FFFFFF;
	text-align: center;
	}

#ligne_des_informations_stock {
	width: 152px;
	float: left;
	}

#ligne_des_informations_livraison {
	width: 152px;
 	float: left;
	}

#ligne_des_informations_paiement {
	width: 152px;
	float: left;
	}

#ligne_des_informations_CGU {
	width: 152px;
 	float: left;
	}

#ligne_des_informations_contact {
	width: 152px;
	_width: 148px;
	float: left;
	}


/*********************************************************** */
/*                    PIED DE PAGE DU SITE                   */
/*********************************************************** */

#pied_de_page {
   /*position: relative;*/
	height: 15px;
	width: 760px;
	background-color: #96980F;
	border-top: 1px solid #DBBC00;
	border-bottom: 1px solid #DBBC00;
	padding-top: 2px;
	color: #FFFFFF;
 	text-align: center;
	}

#pied_de_page_gauche {
	width: 150px;
	float: left;
 	text-align: center;
	}

#pied_de_page_droit {
	margin-left: 150px;
	float: left;
	}


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

/*********************************************************** */
/*                PAGES DES INFORMATIONS UTILES              */
/*********************************************************** */

/* Largeur des 4 pages de texte d'informations */
#largeur_page { /*	width: 95%; */}

/*********************************************************** */
/*                  LE STOCK EN PHOTOS                       */
/*********************************************************** */

/* Photo principale */
div#galerie {
	width:  410px ; 
	background-color: #BFEDC6; 
	/*border: 1px solid #999999 ;*/
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	padding: 8px 5px;
	margin: 30px auto 5px;  
	}
 
div#photo { margin: 0 auto ; }

div#photo img {/*	border: 1px solid #999999 ; */ 
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
	}


/* Galerie des miniatures */
div#galerie_mini {
	width: 336px ; 
	height: 351px; /*266*/
 	padding: 4px 3px  0px 3px;
	margin: 40px auto 25px; 
	background-color: #BFEDC6;  
	text-align: center;
	border: 1px solid #999999;
	}

div#galerie_mini a img {
border: 0 none; /* suppression des marges par défaut sur l'image */
	}

div#galerie_mini a {
	border : 3px solid #999999; /* le lien doit posséder une bordure pour éviter les décalages au survol */
	float: left;                /* float passe la balise en block sans qu'elle n'occupe tout l'espace horizontal */
	line-height: 1px;           /* pour éviter un bug d'espace sur Mozilla */
	margin: 3px 3px;
	}

div#galerie_mini a:focus  { border: 3px solid red; } /* focus pour FF */
div#galerie_mini a:hover { border: 3px solid #FFCC00; } /* cadre en jaune quand on passe la souris sur les vignettes */
div#galerie_mini a:active  { border: 3px solid red; } /* focus pour FF */

/*********************************************************** */
/*                       PAIEMENT                            */
/*********************************************************** */

/*Paiement par chèque*/
 
/*Paiement par CB*/
#paiement_chèque_mandat, #paiement_paypal, #paiement_CR {
	background-image: url(/Images_Site/roundedcornr_567946.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
	color: white;
	width: 450px;
	height : 25px;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	margin-left: auto; 
	margin-right: auto;
	}

/*Logos cartes bancaires */
#logo_paypal {
	width: 250px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
	}



/*********************************************************** */
/*                    NOUS CONTACTER                         */
/*********************************************************** */

/*** Affichage du formulaire ***/
.visible { display: block; }
.hidden  { display: none;  }

/*** Mise en forme du formulaire ***/
#formulaire_contact { 
	width:350px;  	
	text-align: center; /* Pour centrer le formulaire dans la page */
	margin-left: auto;  /* Pour centrer le formulaire dans la page */
	margin-right: auto; /* Pour centrer le formulaire dans la page */
	}

#formulaire_contact_haut {
	background-color: #96980F;
	margin-top: 30px;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-top: 0.1em;
	}

#formulaire_contact_corps {
    border: 1px solid #96980F;
	color: #86863B;
	background: #efefef;
	margin: 0;
 	padding: .5em;
	}

#formulaire_contact_corps fieldset  { 
    margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	-moz-border-radius: 4px; /* Pour faire les arrondis */
  }
  
#formulaire_contact_corps label  {
	display: inline;
	float: left;
	width: 100px;
	margin-top: 5px;
	text-align: left; 
	cursor: pointer; /*en premier */
    cursor: hand;  
  } 
  
#formulaire_contact_corps legend  { 
    font-weight: bold;
	color: red;
	background: transparent;
} 

#formulaire_contact_corps .champs_focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #FBFADE;
	color: #86863B;
	font-size: 11px;
	font-weight: bold;
	width: 120px;
	margin-top: 3px;
}

#formulaire_contact_corps .champs_normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: #86863B;
	font-size: 11px;
	width: 120px;
	margin-top: 3px;
}


#formulaire_contact_corps .champs_focus_textarea {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #FBFADE;
	color: #86863B;
	font-size: 11px;
	font-weight: bold;
	width: 240px;
	height: 120px;
}

#formulaire_contact_corps .champs_normal_textarea {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: #86863B;
	font-size: 11px;
	width: 240px;
	height: 120px;
}




#formulaire_contact_boutons {
    margin: 0;
    background-color: #96980F;
	padding: .5em;
	margin-bottom: 30px;
	text-align: right;
}

input.bouton_contact {
/*border:medium hidden;*/
width: 80px;
	font-weight:bold;
	cursor: pointer; /*en premier */
    cursor: hand;	
	font-size: 11px;
	color: #86863B;
}



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

/*********************************************************** */
/*                    PAGE D'ACCUEIL                         */
/*********************************************************** */

/* Les marques */
#marques {
	background-color:#CCFF99;
	width: 450px;
	margin-top: 30px;
	text-align: justify;
	font-weight: bold;
    font-size: 12px;
	margin-left: auto; 
	margin-right: auto; 
	}


/* Logos des marques */
#logos_marques {
 	width: 450px;
	margin-top: 20px;
	text-align: center;
	margin-left: auto; 
	margin-right: auto; 
	}


/* Les nouveautés du mois */
#nouveautés {
	/*background-color:#DBBC00;*/
	background-image: url(/Images_Site/roundedcornr_567946.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	width: 450px;
	height: 25px;
	margin-top: 30px;
	text-align: center;
	font-weight: bold;
    font-size: 12px;
	margin-left: auto; 
	margin-right: auto; 
	}


/* Vignettes des nouveaux produits du mois */
#produits_mois {
 	width: 410px;
	margin-top: 15px;
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; /*border: 1px solid #999;*/
	}

#vignette_mois {
	float: left;
	width: 103px;
	margin: 15px 10px;
	padding: 5px;
	background-color: #BFEDC6; /*CDFAD3*/
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	}

.photo_vignette_mois {
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
	}

p.titre_nouveauté {
	width: 102px;
	height: 36px;
	text-align: center; 
	padding-top: 5px; 
 	}

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

/*********************************************************** */
/*                    MENU DES PROMOTIONS                    */
/*********************************************************** */


#cadre_bonnes_affaires {
	width: 168px;
 	padding: 0 0 5px 10px;
 	height: 65px;
	}

#photo_bonnes_affaires {
	float: left;
	border-top: 2px solid #555;
	border-left: 2px solid #555;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
 	height: 60px;
 	width: 80px;
	}


#ancien_prix {
	height: 20px;
	font-size: 9px;
	padding: 20px 0 0 0;
	text-align: center;
	}

#nouveau_prix {
	height: 20px;
	font-size: 9px;
	text-align: center;
	color: #FF0033;
	text-decoration: none;
	padding: 25px 0 0 0;
	}

p.affaires {
   	padding:  0px 0px 5px 5px;
	font-weight: normal;
	line-height: 1.5;
	}

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

/*********************************************************** */
/*                  LISTING DES VIGNETTES                    */
/*********************************************************** */

#cadre_R645 {
 	height: 140px;
	width: 544px; /* 570px */
 	_width: 544px;
	margin: 10px 0px 5px 0px;
	padding: 10px 5px 10px 5px;
	font-size: 11px;
	font-weight: bold;
	background-color: #BFEDC6;
	border: 1px solid #999999;
	margin-left: auto; 
	margin-right: auto; 
	text-align: justify;
	}

#nbre_objets_liste {
 	height: 10px;
	width: 554px; /* 570px */
 	_width: 554px;
	margin: 10px 0px 5px 0px;
	padding: 10px 0 10px 0px;
	font-size: 11px;
	font-weight: bold;
	background-color: #BFEDC6;
	border: 1px solid #999999;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}

#contenant_vignettes { 
	min-height: 648px; 
	_height: 90px;
	width: 564px; 
 	_width: 564px;
	margin-left: auto; 
	margin-right: auto;  
	}

#cadre_vignettes {
	width: 542px;
 	_width: 542px;
	float: left;
	margin: 5px 0 5px 8px;
	padding: 3px 0px 3px 3px;
	border: 1px solid #999999;
	display: inline;
	text-align: center;
	}
 
#vignette {
	float: left;
	background-color: #BFEDC6;
	padding: 5px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999; 
	}

.vignette_image {
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
	}

#vignette_texte {
	height: 44px;
	_height: 44px;
	width: 276px;
	margin-left: 5px;
	text-align: left; 
	font-weight: bold; 
	background-color: #BFEDC6; 
	float: left;
	border: 1px solid #999999;
	padding-top: 30px;
	}

#vignette_logos {
	min-height: 74px;
	_height: 74px;
	width: 84px; /*70*/
	padding-top: 0px;
	font-weight: bold; 
	background-color: #BFEDC6; 
	float: left;
	border: 1px solid #999999;
	margin-left: 5px;
	}

#vignette_logo_1 {
	height: 16px;
	width: 78px;
	float: left; 	 
 	margin:  4px 0px 0px  0px;  
	}

#vignette_logo_2 {
	height: 16px;
	width: 78px;
	float: left;  
 	margin:  4px 0px 0px  0px;  
	}

#vignette_logo_3 {
	height: 28px;
	_height: 15px;
	width: 78px;
	float: left;  
 	margin:  4px 0px 0px  0px;  
	}

#vignette_prix {
	height: 44px;
	_height: 44px;
	width: 60px; /*70px*/
	padding-top: 30px; 
	background-color: #BFEDC6;  
	float: right;
	border: 1px solid #999999;
	margin-right: 4px;
	}

.fin_listing { clear: right;  } 
	
#logo_nouveauté {
    height: 12px; 
	width: 74px;
 	margin:  0px 0px 0px  4px; /* marge à gauche pour aligner la photo */ /* mettre X px à gauche pour CCS IE*/
	padding:  0px 0px  2px 0px;
	font-size: 9px;
	font-weight: bold; 
	background-color: #E46A50;
	color: #FBFADE;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFCC00;
	}
 
#logo_promotion {
    height: 12px; 
	width: 74px;
 	margin:  0px 0px 0px  4px; /* marge à gauche pour aligner la photo */ /* mettre X px à gauche pour CCS IE*/
	padding:  0px 0px  2px 0px;
	font-size: 9px;
	font-weight: bold; 
	background-color: #FBFADE;
	color: #E46A50;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFCC00;
	}

#logo_supplément_port {
    height: 24px; 
    _height: 10px; 
	width: 74px;
 	margin:  0px 0px 0px  4px; /* marge à gauche pour aligner la photo */ /* mettre X px à gauche pour CCS IE*/
	padding:  0px 0px  2px 0px;
	font-size: 9px;
	font-weight: bold; 
	background-color: #DBBC00;
	color: #FBFADE;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFCC00;
	}

#logo_vendu {
    height: 12px; 
	width: 74px;
 	margin:  0px 0px 0px  4px; /* marge à gauche pour aligner la photo */ /* mettre X px à gauche pour CCS IE*/
	padding:  0px 0px  2px 0px;
	font-size: 9px;
	font-weight: bold; 
	background-color: #FBFADE;
	color: red;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFCC00;
	}

#no_logo {  height: 16px; }

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

/*********************************************************** */
/*           NAVIGATION ENTRE LES PAGES DE LISTING           */
/*********************************************************** */

#contenant_navigation {
	width:100%;
    min-height: 70px; 
	}

#navigation_pages {
	height:15px;
	width:550px;
	margin: 0px 0 0;  
	border: 1px solid #999999;
	background-color: #BFEDC6;
	text-align: right;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px; 
	margin-left: auto; 
	margin-right: auto; 
	}

#navigation_moteur {
	min-height: 40px;
	width:556px;
	margin:5px 0 5px 0;
	border: 1px solid #999999;
	background-color: #BFEDC6; 
	margin-left: auto; 
	margin-right: auto;   
	}

#navigation_moteur_gauche {
	float: left;
	width:120px;   
	margin:0 0 0 20px;  
 	}

#navigation_moteur_centre {
	float: left;
	width:270px;  
	/*min-height: 25px;  */
	margin:12px auto 0;  
	}

#navigation_moteur_droite {
	float: left;  
	width:120px;   
	margin:0 0 0 0;  
	}

.inline {
	display: inline;
	margin: 0px;
	padding: 0px;
 	}
	
/***************************************************************************************************************************************/

/*********************************************************** */
/*                     PAGE DU PRODUIT                       */
/*********************************************************** */


/*************************************VERSION ACTUELLE*************************************************/

/* Mise en page de la photo et des informations de l'objet */ 
#cadre {
	width:566px;
 	_width: 562px;
	margin-top: 5px;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
    height: 280px;  
	min-height: 797px; 
	}

/* Mise en page du titre de l'objet */ 
#titre {
	height: 10px;
	width:542px;
 	_width: 542px;
	margin: 10px 0px 5px 0px;
	padding: 10px 0 10px 0px;
	font-size: 11px;
	font-weight: bold;
	background-color: #BFEDC6;
	border: 1px solid #999999;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	}
	
  
/* Mise en page de la photo  */ 
#cadre_photo_produit {
	/*float: left;*/
	width: 500px;
	height: 375px;
	margin-left: auto; 
	margin-right: auto;
	background-color: #BFEDC6; /*#E0E0E0;*/
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	}

#cadre_photo_produit img {
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
	}


/* Galerie des vignettes des photos supplémentaires */
div#galerie_vignettes {
	width: 448px ; 
	height: 91px; /*266*/
 	padding: 4px 3px  0px 3px;
	margin: 8px auto 8px; 
	background-color: #BFEDC6;  
	text-align: center;
	border: 1px solid #999999;
	}

div#galerie_vignettes a img {
	border: 0 none; /* suppression des marges par défaut sur l'image */
	}

div#galerie_vignettes a {
	border : 3px solid #999999; /* le lien doit posséder une bordure pour éviter les décalages au survol */
	float: left;                /* float passe la balise en block sans qu'elle n'occupe tout l'espace horizontal */
	line-height: 1px;           /* pour éviter un bug d'espace sur Mozilla */
	margin: 3px 3px;
	}

div#galerie_vignettes a:focus  { border: 3px solid red; } /* focus pour FF */
div#galerie_vignettes a:hover { border: 3px solid #FFCC00; } /* cadre en jaune quand on passe la souris sur les vignettes */
div#galerie_vignettes a:active  { border: 3px solid red; } 

/* Mise en page des caractéristiques du produit  */ 
/* Contenant  */ 

#cadre_du_produit {
	width:542px;
 	_width: 542px;
	height: 190px; 
	min-height: 192px;
	margin-top: 5px;
	margin-left: auto; 
	margin-right: auto;
	}

/* Partie gauche du contenant  */ 
#cadre_gauche_produit {
	float: left;
	width: 380px;
	_width: 380px;
	height: 190px;
	/*margin-left: auto; */
	margin-right: 2px; 
	background-color: #BFEDC6; /*#E0E0E0;*/
	padding: 0px;
	border: 1px solid #999; 
	text-align: left; 
	}
	
/* Les 2 contenants de la partie gauche  */ 
#cadre_description_produit {
	float: left;
	width: 376px;
	_width: 376px;
	height: 160px;
	margin-left: 2px;
  	}
	
	
#ligne_port_supplémentaire {
	float: left;
	width: 372px;
	_width: 372px;
	height: 25px;
	/*margin-left: auto; */
	/*margin-top: 150px;*/
	margin-left: 2px;
 	padding: 0px;
	}
	
/* Partie droite du contenant  */ 
#cadre_droit_produit {
	float: left;
	width: 156px;
	_width: 156px;
	height: 190px;
	background-color: #BFEDC6; /*#CCCCFF; */ 
	padding: 0px;
	border: 1px solid #999;
	text-align: center;
	}

/* Les 3 contenants de la partie droite  */ 
#cadre_logos_produit {
	/*float: left;*/
	width: 130px;
	height: 60px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 5px;
	background-color: #BFEDC6; /*#E0E0E0;*/
	padding: 0px;
	}

#cadre_prix_produit {
	/*float: left;*/
	width: 150px;
	height: 20px;
	min-height: 25px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 25px;
	background-color: #BFEDC6;; /*#E0E0E0;*/
	padding-top: 10px; 
	}

#cadre_quantité_produit {
	/*float: left;*/
	width: 155px;
	height: 15px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
	background-color: #BFEDC6;; /*#E0E0E0;*/
	padding-top: 0px; 
	}

#cadre_quantité_produit .case_focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: beige;
	color: #86863B;
	font-size: 11px;
	font-weight: bold;
	width: 14px;
	/*margin-top: 3px;*/
	}

#cadre_quantité_produit .case_normal {	/*** Retour à l'état normal après l'utilisation ***/
	background-color: white;
	color: #86863B;
	font-size: 11px;
	width: 14px;
	/*margin-top: 3px;*/
	}



#cadre_bouton_panier_produit {
	width: 130px;
	height: 42px;
	min-height: 45px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 5px; /*12*/
	background-color: #BFEDC6; /*#E0E0E0;*/
	/*padding-top: 10px;*/
	/*border: 1px solid #999;*/
	}

/* Logos Nouveauté & Promotion grande taille */
#logo_nouveauté_big {
    height: 15px;
	width: 100px;
 	margin:  5px auto 5px; /* marge à gauche pour aligner la photo */
	padding:  0px ;
	font-size: 11px;
	font-weight: bold;
	background-color: #E46A50;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #FFCC00;
	}

#logo_promotion_big {
    height: 15px;
	width: 100px;
 	margin:  5px auto 5px; /* marge à gauche pour aligner la photo */
	padding:  0px;
	font-size: 11px;
	font-weight: bold;
	background-color: #FBFADE;
	color: #E46A50;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #FFCC00;
	}

#logo_supplément_port_big {
    height: 28px;
	width: 100px;
 	margin:  5px auto 5px; /* marge à gauche pour aligner la photo */
	padding:  0px ;
	font-size: 11px;
	font-weight: bold;
	background-color: #DBBC00; /*orange FFCC00 */
	color: #FBFADE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #FFCC00;
	}

#logo_vendu_big {
    height: 15px;
	width: 100px;
 	margin:  5px auto 5px; /* marge à gauche pour aligner la photo */
	padding:  0px ;
	font-size: 11px;
	font-weight: bold;
	background-color: #FBFADE;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #FFCC00;
	}

#no_logo_big {  height: 20px; }

.gras_souligné {
	font-weight: bold;
	text-decoration: underline;
}

/* Affichage de la confirmation d'ajout réussi dans le panier */
#contenant_ajout { 
	height: 20px;  	
	margin-top: 6px; 
	}

.ajout_panier {
	font-size: 11px;
	text-align:center;
	padding:5px;
	font-weight: bold;
	color: #cc0000;
	}


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

/*********************************************************** */
/*               BOUTONS DE LA PAGE DU PRODUIT               */
/*********************************************************** */

#navigation_panier {
	width:566px;
 	_width: 542px;
	margin-top: 5px;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	height: 42px;  
	}

#navigation_panier_gauche {
	float: left;
	text-align: center;
	width:33%;
	margin:0px 0 0 0;
	position:relative;
	left:2%; 
	}

#navigation_panier_centre {
	float: left;
	width:34%; 
	margin:0px auto 0; 
	position:relative; 
	display: inline; 
	}

#navigation_panier_droite {
	float: right;
	text-align: center;
	width:33%; 
	margin:0px 0 0 0; 
	position:relative; 
	right:2%; 
	}

.form_panier {
	margin: 0px;
	padding: 0px;
	}


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

/*********************************************************** */
/*                        PANIER                             */
/*********************************************************** */

 

/********************  TABLEAU GENERIQUE *******************/
table#tableau {
    background-color:#FFFFFF;
    border: solid #000 3px;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
	}

table#tableau thead {
	font-style: italic;
	background-color: #FBFADE;
	font-weight: bold;
	}

table#tableau tfoot { background-color: #DDF9EE; }

table#tableau tbody { background-color: #BFEDC6; }

table#tableau tbody tr { background-color: #BFEDC6; }

table#tableau th {
    padding: 2px;
    border: solid #000 1px;
	}

table#tableau td {
    padding: 2px;
    border: solid #000 1px;
	}


table#tableau ul {
    padding: 0;
    margin: 0;
 	}

table#tableau li {
    padding: 0;
    margin: 0;
	display: inline;
	list-style: none;
 	float: left;
 	}

/**********************  TABLEAU POUR LE PANIER ********************/
table#tableau .panier { width: 430px; }

/* Taille des cellules */
.cellule_panier_photo 	 { width: 90px;  }
.cellule_panier_titre 	 { width: 200px; }
.cellule_panier_prix 	 { width: 60px;  }
.cellule_panier_quantité { width: 20px;  }
.cellule_liste_supprimer {	width: 60px; }


.couleur_nombre_objets { color: red; }


/**********************  BOUTON DE COMMANDE *******************/
#bouton_panier_commander { margin: 30px 0 0 0px;  }

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

/*********************************************************** */
/*                       COMMANDE                            */
/*********************************************************** */

/********************  TABLEAU RECAPITULATIF DE LA COMMANDE ********************/

table#tableau .commande { width: 405px; } /*340*/

/* Taille des cellules */
.cellule_commande_titre 	{ width: 250px; }
.cellule_commande_prix  	{ width: 65px;  }
.cellule_commande_quantité  { width: 20px;  }
.cellule_commande_à_payer   { width: 65px;  }

table#tableau td.align_prix {
    padding-right: 10px;
 	text-align: right;
	}

/* Tableau générique plus haut sur la page */

/*** Mise en forme du formulaire de commande ****/
#formulaire_commande {
	margin-left: auto; 
	margin-right: auto;
	width:350px;
	}


#formulaire_commande_haut {
	background-color: #96980F;
	margin-top: 20px;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-top: 0.1em;
	}


#formulaire_commande_corps {
    border: 1px solid #96980F;
	background: #efefef;
	margin: 0;
 	padding: .5em;
	}

#formulaire_commande_corps fieldset { 
    margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	/*-moz-border-radius: 4px; /* Pour faire les arrondis */
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	}
  
#formulaire_commande_corps label {
	display: inline;
	float: left;
	width: 100px;
	margin-top: 5px;
	text-align: left;
	cursor: pointer; /*en premier */
    cursor: hand;  
	}
   
#formulaire_commande_corps legend { 
    font-weight: bold;
	color: #86863B;
	background: transparent;
	} 

#formulaire_commande_corps .input_focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: beige;
	color: #86863B;
	font-size: 11px;
	font-weight: bold;
	width: 150px;
	margin-top: 3px;
	}

#formulaire_commande_corps .input_normal {	/*** Retour à l'état normal après l'utilisation ***/
	background-color: white;
	color: #86863B;
	font-size: 11px;
	width: 150px;
	margin-top: 3px;
	}

#formulaire_commande_corps .textarea_focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: #86863B;
	font-size: 11px;
	font-weight: bold;
	width: 240px;
	}

#formulaire_commande_corps .textarea_normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: #86863B;
	font-size: 11px;
	width: 240px;
	}


#contenant_boutons_radio { 
	width: 280px; 
	height: 20px; 
	padding-top: 3px;
	}

.bouton_radio {
	margin-right: 3px; 
	margin-left: 10px;  
	}


#formulaire_commande_boutons {
    margin: 0;
    background-color: #96980F;
	padding: .5em;
	margin-bottom: 30px;
	text-align: center;
	}

input.bouton_court {
	width:  60px;
	font-weight:bold;
	cursor: pointer; /*en premier */
    cursor: hand;
	font-size: 11px;
	}

input.bouton_long {
	width:  150px;
	font-weight:bold;
	cursor: pointer; /*en premier */
    cursor: hand;
	font-size: 11px;
	}

.lien_cgu {	text-align: justify; }

/*** Champs obligatoires ***/
.astérique {
	font-size: 9px;
	color: #FF0000;
	}

p.champs_obligatoires  {
	display: inline;
	float: left;
	margin-top: 5px;
	text-align: left;
	color: #FF0000;
	font-size: 9px;
	} 


/*** Affichage de l'adresse de livraison ***/
#cache_adresse_livraison {
    margin: 0;     
	padding: 0;
	}
.cache { display: none; }
.nocache { }


.erreurs_champs {
	color: #ff0000;
	background-color: transparent;
	text-align: left;
	margin-left: 30px;
	}

/******** Récapitulatif de la commande après envoi de l'email **********/

/*** Paragraphes de texte ***/
span.souligné {
	text-decoration: underline;
	font-size: 10px;
	}

.red_référence { 
   color: red ;
   font-weight: bold;
   font-size: 12px;
	}

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

p.récapitulatif {
 	margin-left: 45px;
    text-align: left;
	}

p.récapitulatif_coordonnées {
	width: 190px;
	margin-left: 45px;
    text-align: left;
	float: left ; 
	display: block ;
	}

p.récapitulatif_coordonnées_déco {
	width: 190px;
	margin-left: 45px;
	text-align: left;
	float: left;
	display: block;
	text-decoration: underline;
	}

p.récapitulatif_livraison {
	width: 190px; 
	margin-left: 35px;
    text-align: left;
	float: left ; 
	display: block ; 
	}

p.récapitulatif_livraison_déco {
	width: 190px;
	margin-left: 35px;
    text-align: left;
	float: left ; 
	display: block ;
    text-decoration: underline;
	}

/*** Bouton d'impression du bon de commande ***/
#imprimer {	margin-top: 20px; }



/*********************************************************** */
/*                       PAGE D'INTRO                        */
/*********************************************************** */

/* Conteneur de la page */
#conteneur_intro { 
 	width: 760px;
    background-color: #DDF9E0;   */
	height : 485px;
	_height : 485px;
	text-align: center;
	float: left;
	}

/* Découpage de la page en 3 parties */
#découpage_haut { 
	height : 170px;
 	}

#découpage_milieu { 
	height : 110px;
	margin-left: 20px;
	margin-right: 20px;
	}

#découpage_bas { 
	_height : 185px;
	min-height : 195px;
	}

/* Texte */
p.texte_intro_gras_centré {
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
	line-height: 1.2;
	}

h2 {
	font-size: 12px;
	font-weight: bold;
 	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	line-height: 1.4;
 	}