/********************************/
/** LES BONS PRODUITS DU MONDE **/
/**         CSS GLOBALE        **/
/********************************/

/** redefinition de balises **/
html {
	padding:				0 0 30px 0;
	margin:					0;
}

body {
	font-family:			Verdana;
	font-size:				11px;
	padding:				0 0 30px 0;
	margin:					0;
	background-image:		url('img/bg_body.gif');
	background-repeat:		repeat-x;
	background-position:	top left;
	background-color:		#FFFFFF;
}

form {
	padding:				0;
	margin:					0;
}

img {
	border:					none;
	vertical-align:			top;
}

a {
	color: 					#007D5B;
	text-decoration: 		underline;
}

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

/** balises structurelles **/
#ecran {
	float: 					left;
	width: 					100%;
	text-align: 			center;
}

#site {
	width: 					980px;
	text-align:				left;
	margin:					0 auto;
}

/** header **/
#header {
	float: 					left;
	width:					980px;
	height:					192px;
	background-image:		url('img/bg_header.gif');
	background-repeat:		no-repeat;
	background-position:	top left;
	background-color:		#000000;
}

#liens_header {
	float:					right;
	width:					431px;
	font-family:			Arial;
	font-size:				10px;
	margin-top:				5px;
	text-align:				right;
}

#navigation_header {
	float:					left;
	width:					420px;
	color: 					#C1C1C1;
}

#navigation_header a {
	color: 					#C1C1C1;
	text-decoration:		none;
}

#navigation_header a:hover {
	text-decoration:		underline;
}

#panier_header {
	float: 					right;
	display:				inline;
	width: 					300px;
	color: 					#808080;
	margin-right:			11px;
}

#panier_header a {
	color: 					#808080;
	text-decoration:		none;
}

#panier_header a:hover {
	text-decoration:		underline;
}

#logo {
	float:					left;
	display:				inline;
	width:					250px;
	height:					29px;
	margin:					16px 0 0 28px;
}

#menus_banniere {
	float:					right;
	width:					958px;
	height:					147px;
}

/* menus deroulants + moteur recherche */
#menus {
	position:				absolute;
	top:					45px;
	width:					958px;
	height: 				147px;
	z-index:				2;
}

html* #menus {
	margin-top:				0;
}

#espace_recherche {
	float:					right;
	width:					348px;
	font-size:				11px;
}

#moteur {
	float:					left;
	display:				inline;
	width:					161px;
	margin-right:			8px;
	border-top:				4px solid #59AA94;
}

#titre_moteur {
	float:					left;
	width:					149px;
	height:					21px;
	line-height:			1.8em;
	color:					#FFFFFF;
	padding-left:			12px;
	background-color: 		#000000;
}	

#bordures_contenu_recherche {
	position:				absolute;
	width:					161px;
	height:					37px;
	background-color:		#000000;
	margin-top:				21px !important;
	filter:           		alpha(opacity=30);
  	opacity:          		0.30;
  	-moz-opacity:     		0.30;
  	z-index:          		3;
  	clear:					both;
}

#contenu_recherche {
	position:				absolute;
	width:					155px;
	height:					34px;
	background-color:		#000000;
	margin:					21px 0 0 3px !important;
	filter:           		alpha(opacity=50);
  	opacity:          		0.50;
  	-moz-opacity:     		0.50;
  	z-index:          		4;
  	clear:					both;
}

#formulaire_recherche {
	position:				absolute;
	width:					155px;
	height:					34px;
	text-align:				center;
	margin:					21px 0 0 3px !important;
	background:				none;
  	z-index:          		5;
  	clear:					both;
}
/* Pour IE Style */
*+html #formulaire_recherche {margin:0 0 0 3px !important}
*+html #contenu_recherche {margin:0 0 0 3px !important}
*+html #bordures_contenu_recherche {margin-top:0 !important}
*html #formulaire_recherche {margin:0 0 0 3px !important}
*html #contenu_recherche {margin:0 0 0 3px !important}
*html #bordures_contenu_recherche {margin-top:0 !important}
#champ_recherche {
	width: 					108px;
	color:					#000000;
	font-size: 				10px;
	border:					none;
	background-color:		#FFFFFF;
	margin-right:			3px;
	vertical-align:			-3px;
}

#bouton_moteur {
	margin-top:				7px;
}

html* #bordures_contenu_recherche, html* #contenu_recherche, html* #formulaire_recherche {
	margin-top:				0;
}

#criteres {
	float:					left;
	width:					174px;
	font-size:				10px;
	border-top:				4px solid #9FA09F;	
}

#titre_criteres {
	float:					left;
	width:					174px;
	height:					21px;
	line-height:			1.8em;
	color:					#FFFFFF;
	text-align:				center;
	background-color: 		#000000;
}

#bordures_contenu_criteres {
	position:				absolute;
	width:					174px;
	height:					112px;
	background-color:		#000000;
	margin-top:				21px !important;
	filter:           		alpha(opacity=30);
  	opacity:          		0.30;
  	-moz-opacity:     		0.30;
  	z-index:          		98;
  	clear:					both;
}

#contenu_criteres {
	position:				absolute;
	width:					168px;
	height:					109px;
	background-color:		#000000;
	margin:					21px 0 0 3px !important;
	filter:           		alpha(opacity=50);
  	opacity:          		0.50;
  	-moz-opacity:     		0.50;
  	z-index:          		99;
  	clear:					both;
}

#formulaire_criteres {
	position:				absolute;
	width:					168px;
	height:					109px;
	text-align:				center;
	margin:					21px 0 0 3px !important;
	background:				none;
  	z-index:          		100;
  	clear:					both;
}
/* Pour IE Style */
*+html #bordures_contenu_criteres {margin-top:0 !important}
*+html #bordures_contenu_recherche {margin-top:0 !important}

*+html #contenu_criteres {margin:0 0 0 3px !important}
*html #contenu_criteres {margin: 0 0 0 3px !important}

*+html #formulaire_criteres {margin:0 0 0 3px !important}
*html #formulaire_criteres {margin:0 0 0 3px !important}
html* #bordures_contenu_criteres, html* #contenu_criteres, html* #formulaire_criteres {
	margin-top:				0;
}

#tableau_criteres {
	float: 					left;
	width:					153px;
	color:					#FFFFFF;
	font-size:				11px;
	text-align:				right;
	margin-top:				8px;
}


#tableau_criteres td {
	padding:				2px 0;
}

#tableau_criteres select {
	width:					134px;
	font-size: 				10px;
	border:					none;
	background-color:		#FFFFFF;
}

/* menus deroulants */
#onglets {
	float:					left;
	width: 					595px;
}

#onglet_1 {
	float:					left;
	width:					190px;
	margin-right:			10px;
	background-image:		url('img/bg_onglet_voyagez.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
}

#onglet_2 {
	float:					left;
	width:					190px;
	margin-right:			10px;
	background-image:		url('img/bg_onglet_degustez.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
}

#onglet_3 {
	float:					left;
	width:					190px;
	background-image:		url('img/bg_onglet_decouvrir.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
}

#lien_onglet_voyagez {
	display:				block;
	width:					190px;
	height:					25px;
	text-decoration:		none;
}

#lien_onglet_degustez {
	display:				block;
	width:					190px;
	height:					25px;
	text-decoration:		none;
}

#lien_onglet_decouvrir {
	display:				block;
	width:					190px;
	height:					25px;
	text-decoration:		none;
}

.fleche_onglet {
	float:					right;
	width:					14px;
}

/* DEROULANTS */
#transparent_voyagez, #transparent_degustez, #transparent_decouvrir {
	position:				absolute;
	width:					190px;
	height:					122px;
	background-color:		#000000;
	filter:           		alpha(opacity=35);
  	opacity:          		0.35;
  	-moz-opacity:     		0.35;
  	z-index:          		1;
}

#up_voyagez, #up_degustez, #up_decouvrir {
	position:				absolute;
	width:					190px;
	height:					15px;	
	text-align:				right;
	z-index:          		3;
}

#down_voyagez, #down_degustez, #down_decouvrir {
	position:				absolute;
	width:					190px;
	height:					15px;
	margin-top:				108px;
	text-align:				right;
	z-index:          		3;
}


#menu_voyagez, #menu_degustez, #menu_decouvrir {
	position:				absolute;
	width:					190px;
	height:					122px;
  	z-index:          		2;
	overflow: 				hidden; 
}

#liste_menu_voyagez, #liste_menu_degustez, #liste_menu_decouvrir {
	width:					185px;
	margin:					10px 0 0 2px;
	padding:				0;	
}

#liste_menu_voyagez li, #liste_menu_degustez li, #liste_menu_decouvrir li {
	width:					185px;
	height:					17px;
	margin:					0;
	list-style-type:		none;
}

#liste_menu_voyagez li a, #liste_menu_degustez li a, #liste_menu_decouvrir li a {
	display:				block;
	width:				169px;
	height:					17px;
	padding-left:			16px;
	color:					#FFFFFF;
	text-decoration:		none;
}

#liste_menu_voyagez li a:hover, #liste_menu_degustez li a:hover, #liste_menu_decouvrir li a:hover {
	color:					#55BBE7;
	background-color:		#000000;
}

/* BANNIERES */
.banniere {
	position:				absolute;
	top:					45px;
	width:					958px;
	height: 				147px;
	z-index:				1;
	background-repeat:		no-repeat;
	background-position:	bottom right;
}

html* .banniere {
	margin-top:				0;
}

#banniere_europe {
	background-image:		url('img/bg_menu_europe.jpg');
}

#banniere_mediterranee {
	background-image:		url('img/bg_menu_mediterranee.jpg');
}

#banniere_amerique_nord {
	background-image:		url('img/bg_menu_amerique_nord.jpg');
}

#banniere_amerique_sud {
	background-image:		url('img/bg_menu_amerique_sud.jpg');
}

/* CONTENU DE LA PAGE */
#contenu {
	float:					right;
	width:					958px;
	background-color:		#000000;
	padding-bottom:			30px;
}

#central_et_droite {
	float:					left;
}

/* fil d'ariane */
#ariane {
	float:					left;
	display:				inline;
	width:					584px;
	height:					17px;
	color:					#FFFFFF;
	font-size:				10px;
	line-height:			1.5em;
	background-color:		#363636;
	margin-left:			13px;
}

#ariane a {
	color:					#FFFFFF;
	text-decoration:		none;
}

#ariane a:hover {
	text-decoration:		underline;
}

/* COLONNE DE DROITE */
#column_right {
	float:					right;
	width:					158px;
}

/* PANIER */
#panier {
	float:					left;
	width:					158px;
	padding-top:			17px;
	color:					#FFFFFF;
	font-size:				10px;
}

#titre_panier {
	float:					left;
	/*width:					158px;
	max-*/width:				149px;
	height:					21px;
	line-height:			1.9em;
	color:					#000000;
	font-size:				11px;
	background-color:		#A3E70F;
	padding-left:			9px;
	margin-bottom:			22px;
}

#articles_panier {
	float:					left;
	display:				inline;
	width:					135px;
	height:					40px;
	line-height:			1.2em;
	margin-left:			12px;
}

#total_panier {
	float:					left;
	display:				inline;
	width:					135px;
	height:					43px;
	line-height:			1.2em;
	margin-left:			12px;
}

#articles_panier a {
	color:					#A3E70F;
	text-decoration:		underline;
}

#articles_panier a:hover {
	text-decoration:		none;
}

#contenu_panier {
	float: 					left;
	display:				inline;
	width:					142px;	
	padding-top:			19px;
	margin:					0 0 27px 7px;
	border:					1px solid #587600;
	background-image:		url('img/bg_contenu_panier.gif');
	background-position:	top left;
	background-repeat:		repeat-x;
}

.un_produit_contenu_panier {
	float:					left;
	display:				inline;
	width:					136px;
	margin:					0 0 30px 3px;
	background-color:		#FFFFFF;
}

#dernier_produit_contenu_panier {
	float:					left;
	display:				inline;
	width:					136px;
	margin:					0 0 8px 3px;
	background-color:		#FFFFFF;
}

#seul_produit_contenu_panier {
	float:					left;
	display:				inline;
	width:					136px;
	margin:					0 0 8px 10px;
	background-color:		#FFFFFF;
}

.supprimer_un_produit_panier {
	float:					left;
	width:					133px;
	height:					7px;
	text-align:				right;
	margin-top:				2px;
}

.visuel_un_produit_contenu_panier {
	float:					left;
	width:					136px;
	height:					70px;
	text-align:				center;
}

.infos_un_produit_contenu_panier {
	float:					left;
	/*width:					136px;
	max-*/width:				131px;
	height:					27px;
	padding-left:			5px;
	line-height:			1.25em;
	color:					#000000;
	background-color:		#90C026;
}

.infos_un_produit_contenu_panier a {
	color:					#000000;
	text-decoration:		none;
}

#lien_vers_panier {
	float:					left;
	width:					142px;
	text-align:				right;
	background-color:		#587600;
}

#lien_vers_panier img {
	vertical-align: 		middle;
}

#lien_vers_panier a {
	color:					#FFFFFF;
	text-decoration:		none;
}

#lien_vers_panier a:hover {
	text-decoration:		underline;
}

#bouton_regler_panier {
	float:					left;
	width:					147px;
	text-align:				right;
}

/* INSCRIPTION ET LOGIN */
#bloc_inscription {
	float: 					left;
	display: 				inline;
	width: 					134px;
	margin:		 			60px 0 0 12px;
	background-color: 		#272727;
}
/*
#bloc_inscription img  {
	width:					134px;
}
*/
#inscription_reduction {
	float:					left;
	width:					134px;
	text-align:				center;
	margin:					16px 0 34px 0;
}

#bouton_inscription_maintenant {
	float:					left;
	width:					134px;
	text-align:				right;
}

/* login */
#bloc_connexion {
	float:					left;
	display:				inline;
	width:					146px;
	height:					130px;
	margin:					25px 0 0 12px;
}

#titre_connexion {
	float:					left;
	width:					146px;
	height:					36px;
}

#email_connexion {
	float:					left;
	width:					146px;
	height:					43px;
	color:					#FFFFFF;
	font-size:				9px;
}

#passwd_connexion {
	float:					left;
	width:					146px;
	color:					#FFFFFF;
	font-size:				9px;
}

#passwd_connexion a#connexion {
	font-size:				10px;
	color:					#FFFFFF;
	text-decoration:		none;
}

#passwd_connexion a#password_forgotten {
	font-size:				10px;
	font-family:			Arial;
	color:					#6B6B6B;
	text-decoration:		underline;
}

#passwd_connexion a#password_forgotten:hover {
	text-decoration:		none;
}

#input_email_accueil, #input_passwd_accueil {
	width:					116px;
	height:					15px;
	margin-top:				2px;
	font-size:				11px;
	border:					none;
}

#input_passwd_accueil {
	margin-bottom:			2px;
}

/* COLONNE DE GAUCHE */
#column_left {
	float:					left;
}

#rubrique_gauche {
	float:					left;
	width:					149px;
	margin-bottom:			44px;
}

#titre_produits, #titre_marques, #titre_pays, #titre_dashboard {
	float:					left;
	width:					137px;	
	height:					auto !important;
	height:					14px;
	min-height:				14px;
	line-height:			1.2em;
	color:					#000000;
	padding:				4px 0 4px 12px;
	margin-bottom:			4px;
}

#titre_produits {
	background-color:		#E4124A;
	font-weight:            bold;
}

#titre_marques {
    background-color:       #ECEC20;
    font-weight:            bold;
}

#titre_pays {
    background-color:       #1586D5;
    font-weight:            bold;
}

#titre_dashboard {
	background-color:		#007D5B;
}

.une_rubrique {
    float:                  left;
    width:                  144px;
    min-height:             20px;
}

.une_rubrique a {
    display:                block;
    /*width:                  144px;
    max-*/width:              132px;
    min-height:             20px;
    padding-left:           12px;
    line-height:            1.8em;
    color:                  #FFFFFF;
    text-decoration:        none;
}

.une_rubrique a:hover, .une_rubrique a.selected {
    display:                block;
    /*width:                  144px;
    max-*/width:              132px;
    min-height:             20px;
    padding-left:           12px;
    line-height:            1.8em;
    color:                  #000000;
    background-color:       #666666;
    text-decoration:        none;
}

.une_sous_rubrique {
    float:                  left;
    width:                  132px;
    height:                 15px;
}

.une_sous_rubrique a {
    display:                block;
    /*width:                  132px;
    max-*/width:              120px;
    height:                 15px;
    margin-left:            12px;
    line-height:            1.5em;
    color:                  #FFFFFF;
    text-decoration:        none;
}

.une_sous_rubrique a:hover, .une_sous_rubrique a.selected {
    display:                block;
    /*width:                  132px;
    max-*/width:              120px;
    height:                 15px;
    margin-left:            12px;
    line-height:            1.5em;
    color:                  #000000;
    background-color:       #999999;
    text-decoration:        none;
}

/* MOTS CLEFS */
#titre_keywords {
	float:					left;
	width:					135px;
	height:					20px;
	font-size:				11px;
	color:					#FFFFFF;
}

#les_keywords {
	float:					left;
	color:					#5D5D5D;
}

#les_keywords a {
	color:					#5D5D5D;
	text-decoration:		none;
}

#les_keywords a:hover {
	text-decoration:		underline;
}

/* PRODUITS STARS */
#produits_stars {
	float:					left;
	width:					760px;
	height:					185px;
}

#titre_produits_stars {
	position:				absolute;
	width:					199px;
	height:					30px;
	background-color: 		#000000;
	clear:					both;
	z-index:				2;
}

#couleur_titre_produits_stars {
	float:					left;
	/*width:					199px;
	max-*/width:				184px;
	height:					24px;
	color: 					#FFFFFF;
	font-size:				13px;
	line-height:			1.6em;
	padding-left:			15px;
}

#caroussel_produits_stars {
	position:				absolute;
	width:					760px;
	clear:					both;
	z-index:				1;
}

#produits_stars_precedents {
	float:					left;
	display:				inline;
	width:					9px;
	height:					123px;
	margin:					39px 2px 0 7px;
	cursor:					pointer;
	background-image:		url('img/bt_stars_precedents_jaune.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
}

#conteneur_produits_stars {
	float:					left;
	width:					684px;
	height:					161px;
	margin:					24px 2px 0 0;
	background-image:		url('img/bg_produits_stars.gif');
	background-position:	top left;
	background-repeat:		repeat-x;
	overflow: 				hidden;
}

#les_produits_stars {
	width:					1350px;
	height:					161px;
	margin-left:			9px;
}

.un_produit_star {
	float:					left;
	width:					126px;
	height:					161px;
	font-size:				10px;
	margin-right:			9px;
}

.visuel_produit_star {
	float:					left;
	width:					126px;
	height:					107px;
	text-align:				center;
	background-color:		#FFFFFF;
}

.visuel_produit_star a img {
	margin-top: 			1px;
}

.infos_produit_star {
	float:					left;
	width:					126px;
	height:					auto !important;
	height:					31px;
	max-height:				31px;
	overflow:				hidden;
	color:					#FFFFFF;
	background-color:		#000000;
}

.nom_produit_star {
	float: 					left;
	display: 				inline;
	width: 					105px;
	line-height: 			1.4em;
	margin-top: 			1px;
	margin-left: 			9px;
}

.nom_produit_star a {
	color:					#FFFFFF;
	text-decoration:		none;
}

.plus_produit_star {
	float:					right;
	width:					9px;
	height:					6px;
	text-align:				center;
	margin-top:				24px;
}

.prix_produit_star {
	float:					left;
	width:					118px;
	height:					20px;
	color:					#000000;
	font-weight:			bold;
	padding:				3px 0 0 8px;
}

.prix_produit_star a {
	color:					#000000;
	text-decoration:		none;
}

#produits_stars_suivants {
	float:					left;
	width:					9px;
	margin-top:				39px;
	height:					123px;
	cursor:					pointer;	
	background-image:		url('img/bt_stars_suivants_jaune.gif');
	background-position:	top left;
	background-repeat:		no-repeat;			
}

/* UNE QUESTION */
#une_question {
	float:					left;
	display:				inline;
	width: 					137px;
	height:					56px;
}

/* FOOTER */
#footer {
	float:					left;
	display:				inline;
	width:					745px;
	font-size:				9px;
	clear:					both;
}

#liens_footer {
	float:					left;
	width:					745px;
	color:					#8C8C8C;
	margin-bottom:			17px;
}

#liens_footer a {
	color:					#8C8C8C;
	text-decoration:		none;
}

#liens_footer a:hover {
	text-decoration:		underline;
}

#decouvrer_footer {
	float:					left;
	width:					745px;
	color:					#FFFFFF;
	line-height:			1em;
}

#decouvrer_footer a {
	color:					#FFFFFF;
	text-decoration:		none;
}

#decouvrer_footer a:hover {
	text-decoration:		underline;
}

#nos_marques_footer {
	float:					left;
	width:					745px;
	color:					#007D5B;
}

#nos_marques_footer a {
	color:					#007D5B;
	text-decoration:		none;
}

#nos_marques_footer a:hover {
	text-decoration:		underline;
}

/* DIVERS (tailles de police, couleurs...) */
.en_10 {
	font-size:				10px;
}

.en_11 {
	font-size:				11px;
}

.en_12 {
	font-size:				12px;
}

.en_13 {
	font-size:				13px;
}

.en_13_vert {
	font-size:				13px;
	color:					#A3E70F;
}

.en_blanc {
	color: 					#FFFFFF;
}

.en_vert_footer {
	color: 					#007D5B;
}	

.a_gauche {
	float:					left;
	width:					100%;
}

.a_droite {
	float:					right;
	clear:					both;
}

/** RECUPERES DE MAGENTO **/
.success-msg {
	color: 					#017C5D;
	border:					1px solid #017C5D;
	background-color: 		#D0E9E3;
	background-image: 		url(../images/success_msg_icon.gif);
}

.form-button, 
.form-button-alt, 
.form-button-light-green, 
.form-button-light-green-left,
.form-button-left {
	height:					23px;	
	max-height:				22px;
	color: 					#FFFFFF;
	font-family:			Verdana;
	font-weight:			normal;
	font-size:				10px;
	padding:				0 15px 2px 5px;
	border:					none;
	background-color: 		#000000;
	background-image:		url('img/bg_bouton.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	cursor:					pointer;
}

.form-button-light-green {
    background-image:       url('img/bg_bouton-light-green.gif');
}

.form-button-light-green-left {
    background-image:       url('img/bg_bouton-light-green-left.gif');
    padding:                0 5px 0 15px;
    background-position:    top left;
}

.form-button-left {
    background-image:       url('img/bg_bouton-left.gif');
    padding:                0 5px 0 15px;
    background-position:    top left;
}


.checkout-types li {
    margin: 0px 10px;	
}


#titre_central {
    text-transform:         uppercase;
    font-weight:bold;
}

/* Damien */
.aucuneMarque{text-align:center;margin:0 0 10px 0;}