/* Permet de "désactiver" le click sur les parties du site laissée visibles par le bloc de confirmation anti-mineurs */
#webSiteDisabler {
	background: #000;
	
	width: 100%;
	height: 100%;
	
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
	
	opacity: 0.5;
}

/* Bloc de confirmation pour les mineurs */
#confirmation_mineurs {
	background: #fff;
	
	width: 600px;
	height: 300px;
	margin: -150px 0 0 -300px;
	padding: 10px;
	opacity: 1;
	
	position: fixed;
	top: 46%;
	left: 50%;
	z-index: 21000;
	
	color: #666;
	font-family: 'Optima', Geneva, Helvetica, Arial, sans-serif;
	font-size: 14px;
	
	border: 3px solid #900;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}


/* Le <div> qui contient le menu */
#topmenu {
	background: #000 url('../design/fond_topmenu.jpg') center top no-repeat;
	
	width: auto;
	height: 28px;
	margin: 0;
	padding: 0;
}
	/* Le <ul> principal contenant toutes les rubriques et sous-menus */
	.jd_menu {
		width: 1000px;
		margin: 0 0 0 -507px;
		padding: 0;
		
		position: absolute;
		left: 50%;
		
		font-family: 'Helvetica', Tahoma, Arial, sans-serif;
		font-size: 15px;
		font-weight: normal;
	}
		/* Pour chaque "bouton" de rubrique, on applique quelques propriétés similaires */
		.jd_menu li {
			background: url('../design/separateur.gif') right top no-repeat;
			
			height: 28px;
			padding: 0;
			float: left;
			display: inline;
			
			color: #fff;
			list-style: none;
			text-align: center;
			line-height: 1.8em;
		}
		/* Style des liens (car les textes des "boutons" en sont) */
		.jd_menu li a:link,
		.jd_menu li a:visited {
			height: 28px;
			padding: 0;
			
			color: #fff;
			text-decoration: none;
		}
	
	/* -----
		Ce sont les styles de couleur des "boutons" représentant chacunes des rubriques
		 On a également appliqué le style '_highlight' pour le surlignage
	----- */
	
	.jd_menu li.damoiseau,
	.jd_menu li.damoiseau_highlight { width: 143px; }
	 .jd_menu li.damoiseau_highlight,
	 .jd_menu li.damoiseau:hover { background: #000 url('../design/fond_rub_1.gif') repeat-x; }
	
	.jd_menu li.produits,
	.jd_menu li.produits_highlight { width: 111px; }
	 .jd_menu li.produits_highlight,
	 .jd_menu li.produits:hover { background: #000 url('../design/fond_rub_2.gif') repeat-x; }
	 
	.jd_menu li.vente,
	.jd_menu li.vente_highlight { width: 131px; }
	 .jd_menu li.vente_highlight,
	 .jd_menu li.vente:hover { background: #000 url('../design/fond_rub_3.gif') repeat-x; }
	
	.jd_menu li.asie,
	.jd_menu li.asie_highlight { width: 197px; }
	 .jd_menu li.asie_highlight,
	 .jd_menu li.asie:hover { background: #000 url('../design/fond_rub_4.gif') repeat-x; }
	
	.jd_menu li.cocktails,
	.jd_menu li.cocktails_highlight { width: 91px; }
	 .jd_menu li.cocktails_highlight,
	 .jd_menu li.cocktails:hover { background: #000 url('../design/fond_rub_5.gif') repeat-x; }
	
	.jd_menu li.specialiste,
	.jd_menu li.specialiste_highlight { width: 158px; }
	 .jd_menu li.specialiste_highlight,
	 .jd_menu li.specialiste:hover { background: #000 url('../design/fond_rub_6.gif') repeat-x; }
	
	.jd_menu li.boutique,
	.jd_menu li.boutique_highlight { width: 147px; }
	 .jd_menu li.boutique_highlight,
	 .jd_menu li.boutique:hover { background: #000 url('../design/fond_rub_7.gif') repeat-x; }
	
	/* -----
		Maintenant, on s'occupe particulièrement des sous-rubriques de chaque rubrique parente...
	----- */
	
	/* Element <ul> enfant d'un "bouton" de rubrique */
	.jd_menu ul.children {
		width: 937px;
		height: 22px;
		margin-top: 1px;
		display: none; /* Par défaut, on cache le sous-menu */
	}
		.jd_menu ul.children li {
			background: none; /* Permet de virer le séparateur */
			
			height: 22px;
			padding-left: 4px;
			float: left;
			
			color: #fff;
			font-family: 'Optima', Tahoma, Helvetica, Arial, sans-serif;
			font-size: 12px;
		}
			.jd_menu ul.children li a:link,
			.jd_menu ul.children li a:visited {
				text-decoration: underline;
			}
			.jd_menu ul.children li a:hover,
			.jd_menu ul.children li a:active {
				text-decoration: underline;
			}
		
	/* -----
		Ce sont les styles de couleur des sous-menus
	----- */
	
	/* Element <ul> enfant du "bouton" Damoiseau */
	.jd_menu li.damoiseau ul.children,
	.jd_menu li.damoiseau_highlight ul.children {
		background: #900 url('../design/rub_1_lcorner.gif') bottom left no-repeat;
		
		margin-left: 0;
	}
	/*.jd_menu li.damoiseau_highlight ul.children { display: block; } *//* Le menu _highlight est lui, par défaut, visible */
	/* Element <ul> enfant du "bouton" Produits */
	.jd_menu li.produits ul.children,
	.jd_menu li.produits_highlight ul.children {
		background: #cd251a url('../design/rub_2_lcorner.gif') bottom left no-repeat;
		
		margin-left: -143px;
	}
	/*.jd_menu li.produits_highlight ul.children { display: block; } *//* Le menu _highlight est lui, par défaut, visible */
	/* Element <ul> enfant du "bouton" Vente */
	.jd_menu li.vente ul.children,
	.jd_menu li.vente_highlight ul.children {
		background: #f30 url('../design/rub_3_lcorner.gif') bottom left no-repeat;
		
		margin-left: -254px;
	}
	/*.jd_menu li.vente_highlight ul.children { display: block; } *//* Le menu _highlight est lui, par défaut, visible */
	/* Element <ul> enfant du "bouton" Asie */
	.jd_menu li.asie ul.children,
	.jd_menu li.asie_highlight ul.children {
		background: #f60 url('../design/rub_4_lcorner.gif') bottom left no-repeat;
		
		margin-left: -385px;
	}
	/*.jd_menu li.asie_highlight ul.children { display: block; } *//* Le menu _highlight est lui, par défaut, visible */
	/* Element <ul> enfant du "bouton" Cocktails */
	.jd_menu li.cocktails ul.children,
	.jd_menu li.cocktails_highlight ul.children {
		background: #fc0 url('../design/rub_5_lcorner.gif') bottom left no-repeat;
		
		margin-left: -582px;
	}
			.jd_menu li.cocktails ul.children li a:link,
			.jd_menu li.cocktails ul.children li a:visited {
				color: #000;
			}
			.jd_menu li.cocktails ul.children li a:hover,
			.jd_menu li.cocktails ul.children li a:active {
				color: #000;
				text-decoration: underline;
			}
	/*.jd_menu li.cocktails_highlight ul.children { display: block; } *//* Le menu _highlight est lui, par défaut, visible */
	/* Element <ul> enfant du "bouton" Specialiste */
	.jd_menu li.specialiste ul.children,
	.jd_menu li.specialiste_highlight ul.children {
		background: #9c0 url('../design/rub_6_lcorner.gif') bottom left no-repeat;
		
		margin-left: -673px;
	}
	/*.jd_menu li.specialiste_highlight ul.children { display: block; } *//* Le menu _highlight est lui, par défaut, visible */
	/* Element <ul> enfant du "bouton" Boutique */
	.jd_menu li.boutique ul.children,
	.jd_menu li.boutique_highlight ul.children {
		background: #cfe322 url('../design/rub_7_lcorner.gif') bottom left no-repeat;
		
		margin-left: -832px;
	}
	/*.jd_menu li.boutique_highlight ul.children { display: block; } *//* Le menu _highlight est lui, par défaut, visible */
	
	
	
	

/* Style pour la bannière */
	
#banniere {
	background: url('../design/banniere_repeat.jpg') top left repeat-x;
	
	width: auto;
	margin: 0;
	padding: 0;
}
	#banniere .banniere {
		background: url('../design/banniere.jpg') center top no-repeat;
		
		/*width: 1014px;*/
		width: auto;
		height: 174px;
		margin: 0 auto;
		padding: 0;
	}
		#banniere .banniere .logo {
			width: 330px;
			height: 104px;
			margin: 0 auto;
			padding: 0;
			
			position: relative;
			top: 35px;
			left: 24px;
		}
		
		

#contener {
	width: 980px;
	min-height: 350px;
	margin: 0 auto;
}
	
	#lang_tab {
		background: #fff;
		
		width: 130px;
		height: 26px;
		margin-top: -27px;
		
		position: relative;
		top: 7px;
		left: 35px;
	}
		#lang_tab .left_corner { background: url('../design/langtab_left.gif') 0px 0px no-repeat; width: 130px; height: 26px; }
			#lang_tab .left_corner .right_corner {
				background: url('../design/langtab_right.gif') top right no-repeat; width: 130px; height: 26px;
				
				padding: 4px 0 0 4px;
				
				text-align: center;
			}
	
	#tree_diagram {
		width: 800px;
		height: 16px;
		margin-top: -15px;
		float: right;
		
		color: #612e00;
		font-family: 'Optima', Trebuchet MS, Tahoma, Arial, sans-serif;
		font-size: 12px;
	}
		#tree_diagram a:link,
		#tree_diagram a:visited {
			color: #612e00;
		}
	
	#corps_top,
	#corps_top_vieux {
		background: #fff url('../design/top_corps.gif') center top no-repeat;
		
		width: 976px;
		height: 26px;
		margin: 0;
		padding: 0;
	}
		#corps_top_vieux { background: url('../design/top_corps_vieux.gif') center top no-repeat; }
		
	#corps,
	#corps_vieux {
		background: #fff url('../design/center_corps.gif') repeat-y;
		
		width: 976px;
		margin: 0;
		padding: 0;
	}
		#corps_vieux { background: url('../design/center_corps_vieux.jpg') repeat-y; }
		
		#corps #illustration_left,
		#corps #illustration_right,
		#corps #illustration_center,
		#corps_vieux #illustration_left,
		#corps_vieux #illustration_right,
		#corps_vieux #illustration_center {
			width: 250px;
			margin: 0 10px 0 10px;
			padding: 0;
			
			position: relative;
			text-align: center;
		}
		#corps #illustration_left, #corps_vieux #illustration_left { float: left; }
		#corps #illustration_right, #corps_vieux #illustration_right { float: right; }
		#corps #illustration_center, #corps_vieux #illustration_center { margin: 0 auto; }
		
		#corps .page,
		#corps_vieux .page {
			width: 950px;
			margin: 0 auto;
			
			color: #808080;
			font-family: 'Heltevica', Arial, sans-serif;
			font-size: 12px;
			line-height: 17px;
			
			border: 1px solid #fff;
		}
			#corps_vieux .page { width: 910px; padding: 0 20px; color: #000; border: none; }
			
			#corps .page .clear,
			#corps_vieux .page .clear {
				clear: both;
			}
		
		/*
		#corps h1.damoiseau { color: #900; }
		#corps h1.produits { color: #c00; }
		#corps h1.vente { color: #f30; }
		#corps h1.asie { color: #f60; }
		#corps h1.cocktails { color: #fc0; }
		#corps h1.specialiste { color: #9c0; }
		*/
		
		
	#corps_bottom,
	#corps_bottom_vieux {
		background: #fff url('../design/bottom_corps.gif') center top no-repeat;
		
		width: 976px;
		height: 26px;
		margin: 0;
		padding: 0;
	}
		#corps_bottom_vieux { background: url('../design/bottom_corps_vieux.gif') center top no-repeat; }
	

#foot {
	background: url('../design/porteurs_foot.gif') center top no-repeat;
	
	width: 960px;
	height: 45px;
	clear: both;
	
	color: #000;
	font-family: 'Tahoma', Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
}
	#foot a:link,
	#foot a:visited {
		color: #000;
		text-decoration: none;
	}
		#foot a.highlight:link,
		#foot a.highlight:visited {
			background-color: #000;
			
			padding: 1px 2px;
			
			color: #fff;
			
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}
	#foot a:hover,
	#foot a:active {
		text-decoration: underline;
	}