body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #E1E1E2 url(images/page_bg.gif) repeat-x top;
	color: #8a8b8b;
}
a
{
	outline: none;
}
a, input
{
	position: relative;    
	z-index: 1; 
}
form
{
	margin: 0;
	padding: 0;
}
.spacer
{
	clear: both;
	line-height: 1px;
}
#global
{
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	padding-bottom: 10px;
	background-color: #FFF;
	min-height: 690px;
	height: auto !important;
	height: 690px;
}

h2
{
	font-size: 16px;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #423e45;
	text-transform: none; /*uppercase;*/
}

p
{
	font-size: 12px;
	text-align: justify;
	margin: 0;
	padding: 0 5px 6px 0;
}


/* ------------ PREHOME ------------ */

#prehome
{
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 0;
	padding: 0;
	background-color: #FFF;
	height: 574px;
	background-image: url(images/prehome/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#prehome #logo h1
{
	position: absolute;
	left: 795px;
	top: 500px;
	margin: 0;
	padding: 0;
	width: 155px;
	height: 66px;
	background-image: url(images/prehome/logo_roomSaveurs.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999em;
	font-size: 10px;
}
#prehome #intro
{
	position: absolute;
	left: 286px;
	top: 250px;
	margin: 0;
	padding: 0;
	width: 370px;
	color: #6b6b6b;
}
#prehome #intro h2
{
	margin: 0;
	padding: 0;
	width: 292px;
	height: 50px;
	background-image: url(images/prehome/bg_intro_titre.png);
	background-repeat: no-repeat;
	font-size: 15px;
	text-transform: uppercase;
	padding: 85px 90px 0 28px;
	color: #423e45;
}
#prehome #intro h2 span
{
	color: #949494;
}
#prehome #intro p
{
	margin: 0;
	padding: 0 28px 0 28px;
	width: 314px;
	font-size: 12px;
	background-color: #FFF;
	text-align: justify;
}
#prehome #intro div.bas
{
	margin: 0;
	padding: 0;
	width: 370px;
	height: 25px;
	background-image: url(images/prehome/bg_intro_bas.png);
	background-repeat: no-repeat;
}
/* comme je t'ai remplacé l'id choixVille en une class, j'ai remplacé les # par des . ci-dessous, et modifié quelques classes pour le positionnement */
#prehome .choixVille
{
	position: absolute;
	right: -20px;
	top: 80px;
	width: 240px;
}
#prehome .choixVille h2
{
	margin: 0;
	padding: 0 30px 15px 30px;
	font-size: 15px;
	text-transform: uppercase;
	color: #423e45;
	text-align: center;
}
#prehome .choixVille #btVilles
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#prehome .choixVille #btVilles li
{
	margin: 0;
	padding: 0;
	float: left;
}
#prehome .choixVille #btVilles a
{
	margin: 0 5px 0 5px;
	padding: 5px 0 0 0;
	display: block;
	width: 110px;
	height: 36px;
	background-image: url(images/prehome/bg_ville.gif);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
}
#prehome .choixVille #btVilles a strong
{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 30px;
}
#prehome .choixVille #btVilles a:hover strong
{
	color: #bebfc1;
}
#prehome .flashPreHome /* classe du player flash */
{
	position: absolute;
	right: 11px;
	top: 250px;
}
/* Ajout NC le 28/08/2009 */
#prehome .flashPreHome img
{
	margin-right: 30px
}

/* ------------ MAIN TABLE ------------ */

#mainTable
{
	margin: 0;
	padding: 0;
	width: 950px;
	border: none;
	border-collapse: collapse;
}
#logo
{
	margin: 0;
	padding: 0;
	width: 275px;
	height: 200px;
}
#visuelHaut
{
	margin: 0;
	padding: 0;
	width: 675px;
	height: 202px;
	z-index: 0; /*background-image: url(images/visuelsHaut/visuel_default.jpg); 	background-repeat: no-repeat; 	background-position: 0 0; */
}
#menusGauche
{
	margin: 0;
	padding: 0;
	width: 275px;
	vertical-align: top;
}
#contenu
{
	margin: 0;
	padding: 0 172px 0 0;
	vertical-align: top;
	width: 503px;
}
#listearticle
{
	margin: 0;
	padding: 0 172px 0 0;
	vertical-align: top;	
}
/* ------------ LOGO ------------ */

#logo h1
{
	margin: 0 0 0 62px;
	padding: 0;
}
#logo h1 a
{
	display: block;
	width: 155px;
	height: 66px;
	background-image: url(images/logo_roomSaveurs.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999em;
	font-size: 10px;
}


/* ------------ VISUEL HAUT ------------ */

div.dejeuner #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_dejeuner.jpg);
}
div.petitDejeuner #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_petitdejeuner.jpg);
}
div.cocktail #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_cocktail.jpg);
}
div.fauchon #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_fauchon.jpg);
}
div.flo #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_flo.jpg);
}
div.bolipop #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_bolipop.jpg);
}
div.PleineNature #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_pleinenature.jpg);
}
div.PetitDejeuner #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_ptdej.jpg);
}
div.pause #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_pause.jpg);
}
div.pick #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_pick.jpg);
}
div.formule #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_formule.jpg);
}

div.roberta #visuelHaut
{
	background-image: url(images/visuelsHaut/visuel_roberta.jpg);
}


/* ------------ MENU MOMENTS ------------ */

#visuelHaut div
{
	position: relative;
	width: 675px;
	height: 202px;
	z-index:5;
	margin-bottom:-102px; /* TEST a 100 */
	/*background:url(../../Presentation/images/transparent-top.gif);*/

}
#menuMoments
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	bottom: 0;
	left: 5px;
	}
#menuMoments li
{
	margin: 0;
	padding: 0;
	float: left;
	height: 66px;
	position: relative;
}
#menuMoments a
{
	display: block;
	width: 160px;
	height: 66px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	text-indent: -999em;
	position: absolute;
	bottom: 0;
}
#menuMoments li.moment1 a
{
	background-image: url(images/menuMoments/nav_moment1a_off.png);
	left: 0px;
	bottom:100px;
}
#menuMoments li.moment2 a
{
	background-image: url(images/menuMoments/nav_moment2a_off.png);
	left: 169px;
	bottom:100px;
}
#menuMoments li.moment3 a
{
	background-image: url(images/menuMoments/nav_moment3a_off.png);
	left: 338px;
	bottom:100px;
}
#menuMoments li.moment1 a:hover, div.dejeuner #menuMoments li.moment1 a
{
	background-image: url(images/menuMoments/nav_moment1_on.png);
}
#menuMoments li.moment2 a:hover, div.petitDejeuner #menuMoments li.moment2 a
{
	background-image: url(images/menuMoments/nav_moment2_on.png);
}
#menuMoments li.moment3 a:hover, div.cocktail #menuMoments li.moment3 a
{
	background-image: url(images/menuMoments/nav_moment3_on.png);
}

#menuMoments li.moment1 a.actif
{
	background-image: url(images/menuMoments/nav_moment1_on.png);
	left: 0px;
}
#menuMoments li.moment2 a.actif
{
	background-image: url(images/menuMoments/nav_moment2_on.png);
	left: 169px;
}
#menuMoments li.moment3 a.actif
{
	background-image: url(images/menuMoments/nav_moment3_on.png);
	left: 338px;
}


div.fauchon #menuMoments li.moment1 a, div.flo #menuMoments li.moment1 a, div.bolipop #menuMoments li.moment1 a, div.PleineNature #menuMoments li.moment1 a, div.PetitDejeuner #menuMoments li.moment1 a, div.pause #menuMoments li.moment1 a, div.pick #menuMoments li.moment1 a, div.formule #menuMoments li.moment1 a, div.roberta #menuMoments li.moment1 a
{
	height: 25px;
	margin-bottom:-49px;
	background-image: url(images/menuMoments/nav_moment1b_off.png);
}
div.fauchon #menuMoments li.moment2 a, div.flo #menuMoments li.moment2 a, div.bolipop #menuMoments li.moment2 a, div.PleineNature #menuMoments li.moment2 a, div.PetitDejeuner #menuMoments li.moment2 a, div.pause #menuMoments li.moment2 a, div.pick #menuMoments li.moment2 a, div.formule #menuMoments li.moment2 a, div.roberta #menuMoments li.moment2 a
{
	height: 25px;
	margin-bottom:-49px;
	background-image: url(images/menuMoments/nav_moment2b_off.png);
}
div.fauchon #menuMoments li.moment3 a, div.flo #menuMoments li.moment3 a, div.bolipop #menuMoments li.moment3 a, div.PleineNature #menuMoments li.moment3 a, div.PetitDejeuner #menuMoments li.moment3 a, div.pause #menuMoments li.moment3 a, div.pick #menuMoments li.moment3 a, div.formule #menuMoments li.moment3 a, div.roberta #menuMoments li.moment3 a
{
	height: 25px;
	margin-bottom:-49px;
	background-image: url(images/menuMoments/nav_moment3b_off.png);
}
div.fauchon #menuMoments li.moment1 a:hover, div.flo #menuMoments li.moment1 a:hover, div.bolipop #menuMoments li.moment1 a:hover, div.PleineNature #menuMoments li.moment1 a:hover, div.PetitDejeuner #menuMoments li.moment1 a:hover, div.pause #menuMoments li.moment1 a:hover, div.pick #menuMoments li.moment1 a:hover, div.formule #menuMoments li.moment1 a:hover, div.roberta #menuMoments li.moment1 a:hover
{
	height: 66px;
	background-image: url(images/menuMoments/nav_moment1_on.png);
}
div.fauchon #menuMoments li.moment2 a:hover, div.flo #menuMoments li.moment2 a:hover, div.bolipop #menuMoments li.moment2 a:hover, div.PleineNature #menuMoments li.moment2 a:hover, div.PetitDejeuner #menuMoments li.moment2 a:hover, div.pause #menuMoments li.moment2 a:hover, div.pick #menuMoments li.moment2 a:hover, div.formule #menuMoments li.moment2 a:hover, div.roberta #menuMoments li.moment2 a:hover
{
	height: 66px;
	background-image: url(images/menuMoments/nav_moment2_on.png);
}
div.fauchon #menuMoments li.moment3 a:hover, div.flo #menuMoments li.moment3 a:hover, div.bolipop #menuMoments li.moment3 a:hover, div.PleineNature #menuMoments li.moment3 a:hover, div.PetitDejeuner #menuMoments li.moment3 a:hover, div.pause #menuMoments li.moment3 a:hover, div.pick #menuMoments li.moment3 a:hover, div.formule #menuMoments li.moment3 a:hover, div.roberta #menuMoments li.moment3 a:hover
{
	height: 66px;
	background-image: url(images/menuMoments/nav_moment3_on.png);
}


/* ------------ MENU MARQUES ------------ */

#menuMarques
{
	width: 260px;
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
	list-style-type: none;
}
#menuMarques li
{
	border-top: 1px solid #eae9ea;
	margin: 0;
	padding: 0;
}
#menuMarques a
{
	display: block;
	width: 250px;
	height: 21px;
	margin: 0;
	padding: 6px 10px 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #a09ea2;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
}
#menuMarques li.fauchon a
{
	background-image: url(images/menuMarques/nav_fauchon_off.gif);
}
#menuMarques li.flo a
{
	background-image: url(images/menuMarques/nav_flo_off.gif);
}
#menuMarques li.bolipop a
{
	background-image: url(images/menuMarques/nav_bolipop_off.gif);
}
#menuMarques li.PleineNature a
{
	background-image: url(images/menuMarques/nav_pleinenature_off.gif);
}
#menuMarques li.roberta a
{
	background-image: url(images/menuMarques/nav_roberta_off.gif);
}

#menuMarques li.PetitDejeuner a
{
	background-image: url(images/menuMarques/nav_ptdej_off.gif);
}
#menuMarques li.pause a
{
	background-image: url(images/menuMarques/nav_pause_off.gif);
}
#menuMarques li.pick a
{
	background-image: url(images/menuMarques/nav_pick_off.gif);
}
#menuMarques li.formule a
{
	background-image: url(images/menuMarques/nav_formule_off.gif);
}
#menuMarques li.fauchon a:hover, div.fauchon #menuMarques li.fauchon a
{
	background-image: url(images/menuMarques/nav_fauchon_on.gif);
}
#menuMarques li.flo a:hover, div.flo #menuMarques li.flo a
{
	background-image: url(images/menuMarques/nav_flo_on.gif);
}
#menuMarques li.bolipop a:hover, div.bolipop #menuMarques li.bolipop a
{
	background-image: url(images/menuMarques/nav_bolipop_on.gif);
}
#menuMarques li.PleineNature a:hover, div.PleineNature #menuMarques li.PleineNature a
{
	background-image: url(images/menuMarques/nav_pleinenature_on.gif);
}
#menuMarques li.roberta a:hover, div.roberta #menuMarques li.roberta a
{
	background-image: url(images/menuMarques/nav_roberta_on.gif);
}
#menuMarques li.PetitDejeuner a:hover, div.PetitDejeuner #menuMarques li.PetitDejeuner a
{
	background-image: url(images/menuMarques/nav_ptdej_on.gif);
}
#menuMarques li.pause a:hover, div.pause #menuMarques li.pause a
{
	background-image: url(images/menuMarques/nav_pause_on.gif);
}
#menuMarques li.pick a:hover, div.pick #menuMarques li.pick a
{
	background-image: url(images/menuMarques/nav_pick_on.gif);
}
#menuMarques li.formule a:hover, div.formule #menuMarques li.formule a
{
	background-image: url(images/menuMarques/nav_formule_on.gif);
}


/* ------------ MENU CORPO ------------ */

#menuCorpo
{
	width: 160px;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	list-style-type: none;
	
}
#menuCorpo li
{
	border-left: 1px solid #e0e0e1;
	margin: 0;
	padding: 0;
	text-align: right;
}
#menuCorpo a
{
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 10px;
	color: #8b8b8b;
	text-decoration: none;
}
#menuCorpo a:hover
{
	color: #423e45;
}


/* ------------ MENU SELECTION ------------ */

#menuSelection
{
	width: 260px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menuSelection li
{
	border-bottom: 1px solid #e0e0e1;
	margin: 0;
	padding: 0;
	text-align: right;
	height: 22px;
}
#menuSelection a
{
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 10px;
	color: #423e45;
	text-transform: uppercase;
	text-decoration: none;
}
#menuSelection a:hover
{
	color: #8b8b8b;
}


/* ------------ BLOCS DROITE ------------ */

#blocsDroite
{
	position: absolute;
	right: 0;
	top: 136px;
	width: 165px;
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d9d8da;
	font-size: 10px;
	z-index: 10;
}
#blocsDroite a
{
	color: #8b8b8b;
	text-decoration: none;
}
#blocsDroite a:hover
{
	color: #423e45;
}





/* ------------ BLOC COMPTE CLIENT ------------ */

#blocCompte
{
	width: 160px;
	background-image: url(images/blocsDroite/compte_bg_haut.png);
	background-repeat: no-repeat;
	background-position: top;
	color: #8a8b8b;
	margin-bottom: 5px;
}
#blocCompte div
{
	background-image: url(images/blocsDroite/compte_bg_bas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 0 6px 0;
}
#blocCompte h2
{
	background-image: url(images/blocsDroite/compte_titre.gif);
	background-repeat: no-repeat;
	background-position: center 7px;
	text-indent: -999em;
	font-size: 10px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
}
#blocCompte h2.bienvenue
{
	background-image: url(images/blocsDroite/bienvenue_titre.gif);
	background-repeat: no-repeat;
	background-position: 7px 9px;
	text-indent: -999em;
	font-size: 10px;
	margin: 0 0 5px 0;
	padding: 9px 0 0 0;
}
#blocCompte span.nom
{
	display: block;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 8px;
}
#blocCompte form
{
	margin-bottom: 4px;
}
#blocCompte label
{
	display: block;
	margin: 0 0 4px 0;
	padding: 3px 4px 0 0;
	float: left;
	width: 50px;
	text-align: right;
}
#blocCompte .email, #blocCompte .password
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	border: none;
	border-top: 1px solid #7f7f83;
	border-left: 1px solid #7f7f83;
	margin: 0 0 4px 0;
}
#blocCompte #email
{
	width: 94px;
}
#blocCompte #password
{
	width: 64px;
}
#blocCompte .bouton
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	border: none;
	background-color: #423e45;
	color: #FFF;
	padding: 1px 3px 0 3px;
	margin: 0 0 4px 0;
}
#blocCompte a
{
	text-decoration: none;
	color: #3b3c43;
	padding-left: 8px;
}
#blocCompte a:hover
{
	color: #666;
}


/* ------------ BLOC VOTRE COMMANDE ------------ */

#blocCommande
{
	width: 160px;
	background-image: url(images/blocsDroite/commande_bg_haut.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #a09ea2;
	color: #3b3c43;
	margin-bottom: 5px;
}
#blocCommande div
{
	background-image: url(images/blocsDroite/commande_bg_bas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 0 6px 0;
}
#blocCommande h2
{
	background-image: url(images/blocsDroite/commande_titre.gif);
	background-repeat: no-repeat;
	background-position: center 7px;
	text-indent: -999em;
	font-size: 10px;
	margin: 0 0 8px 0;
	padding: 7px 0 0 0;
}
#blocCommande span.nbArticles
{
	padding-left: 5px;
}
#blocCommande table
{
	margin: 4px 0 0 0;
	padding: 0;
	width: 160px;
	border: none;
	border-collapse: collapse;
}
#blocCommande td
{
	border-top: 1px solid #d9d8da;
	padding: 3px 0 2px 0;
}
#blocCommande td.quantite
{
	vertical-align: top;
	text-align: right;
	padding-left: 5px;
	padding-right: 2px;
}
#blocCommande td.quantitePanier
{
	vertical-align: top;
	text-align: right;
	padding-left: 5px;
	padding-right: 2px;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
}

#blocCommande td.article
{
	vertical-align: top;
}
#blocCommande td.prix
{
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
	padding-left: 2px;
	padding-right: 2px;
}
#blocCommande td.total
{
	vertical-align: top;
	padding-left: 5px;
}
#blocCommande td.totalTTC
{
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
	padding-right: 2px;
	border: none;
}
#blocCommande td.fraisLivraison
{
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
	font-style: italic;
	padding-right: 2px;
	border: none;
}
#blocCommande a.confirmer
{
	display: block;
	margin: 10px 0 0 5px;
	color: #3b3c43;
	text-decoration: none;
}
#blocCommande a.confirmer:hover
{
	color: #d9d8da;
}


/* ------------ BLOC COORDONNEES ------------ */

#blocCoordonnees
{
	width: 160px;
	height: 122px;
	background-image: url(images/blocsDroite/coordonnees.gif);
	background-repeat: no-repeat;
	margin-bottom: 8px;
}


/* ------------ FIL D'ARIANE ------------ */

.chemin
{
	font-size: 10px;
	color: #a09ea2;
	padding: 4px 0 3px 8px;
	z-index:10; /*permet que les sous-menus ne passent pas sous le header avec Firefox*/
}
.chemin a
{
	color: #a09ea2;
	text-decoration: none;
	z-index:10; /*permet que les sous-menus ne passent pas sous le header avec Firefox*/
}
.chemin a:hover
{
	text-decoration: underline;
}


/* ------------ SOUS MENU ------------ */

#sousMenu
{
	background-color: #423e45;
	font-size: 11px;
	text-transform: uppercase;
	padding: 1px 0 1px 2px;
	width: 501px;
}
#sousMenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sousMenu li
{
	display: block;
	float: left;
	margin: 0;
	padding: 0 6px 0 9px;
	border-right: 1px solid #FFF;
	white-space: nowrap;
}
#sousMenu li:last-child
{
	border: none;
}
#sousMenu a
{
	color: #FFF;
	text-decoration: none;
	z-index:10; /*permet que les sous-menus ne passent pas sous le header avec Firefox*/
}
#sousMenu a:hover, #sousMenu a.actif
{
	color: #d07ffe;
}
div.fauchon #sousMenu a:hover, div.fauchon #sousMenu a.actif
{
	/*color: #ca278b;*/
	color: #e2017b;
	
}
div.flo #sousMenu a:hover, div.flo #sousMenu a.actif
{
	/*color: #d7abcf;*/
	/* color: #9273ae; */
	color: #71385b;
}
div.bolipop #sousMenu a:hover, div.bolipop #sousMenu a.actif
{
	color: #ccd228;
	
}
div.PleineNature #sousMenu a:hover, div.PleineNature #sousMenu a.actif
{
	color: #214529;
	
}
div.PetitDejeuner #sousMenu a:hover, div.PetitDejeuner #sousMenu a.actif
{
	/*color: #a09ea2;*/
	color: #5b2d15;
}
div.pause #sousMenu a:hover, div.pause #sousMenu a.actif
{
	/*color: #be8b70;*/
	color: #becd00;
}
div.pick #sousMenu a:hover, div.pick #sousMenu a.actif
{
	/*color: #cd90ee;*/
	color: #e84f13;
}
div.formule #sousMenu a:hover, div.formule #sousMenu a.actif
{
	color: #b8b23f;
}

div.roberta #sousMenu a:hover, div.roberta #sousMenu a.actif
{
	color: #a66c09;
}


/* ------------ VISUELS ONGLETS HOME ------------ */

#visuelsOnglets
{
	height: 141px;
	background-image: url(images/visuels_onglets.jpg);
	background-repeat: no-repeat;
	margin: 0;
}


/* ------------ BLOC INTRODUCTION ------------ */

.introduction
{
	margin: 0;
}
.introduction h2
{
	font-size: 16px;
	color: #454545;
	margin: 0;
	padding: 20px 0 4px 0;
}
.introduction p
{
	font-size: 12px;
	text-align: justify;
	margin: 0;
	padding: 0 5px 6px 0;
}


/* ------------ ANIMATIONS ------------ */

#animation1, #animation2
{
	width: 245px;
	height: 265px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	float: left;
}
#animation1
{
	margin-right: 8px;
}

#animationgauche .bg_bas
{
	width: 243px;
	background: url(images/Animation/bg_anim_bas.gif) bottom no-repeat;
}
#animationgauche .bg_haut
{
	width: 229px;
	background: url(images/Animation/bg_anim_haut.gif) top no-repeat;
	padding: 11px 7px 10px 7px;
	height: auto !important;
	min-height: 240px;
	height: 240px;
}
#animationgauche .titre
{
	padding: 0 0 10px 0;
	text-align: center;
	width: 100%;
}
#animationgauche img
{
	padding: 0;
	margin: 0;
}
#animationgauche p
{
	color: #8a8b8b;
	font-size: 10px;
	text-align: justify;
	padding: 8px 2px 8px 2px;
	margin: 0;
}
#animationgauche .savoirPlus
{
	text-align: right;
}

/* ------------ FOOTER ------------ */

#footer
{
	width: 950px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 10px;
	background-image: url(images/bg_footer.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 10px;
	padding: 8px 0 0 0;
}
#footer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer li
{
	display: inline;
	margin: 0;
	padding: 0 12px 0 13px;
	border-left: 1px solid #e0e0e1;
}
#footer li:first-child
{
	border: none;
}
#footer a
{
	color: #8b8b8b;
	text-decoration: none;
}
#footer a:hover
{
	color: #423e45;
}


/* ------------ NOMBRE RESULTAT & TRI ------------ */

#nbResultat
{
	padding: 0 0 0 275px;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
	padding-top: 12px;
}
#triResultat
{
	float: right;
	padding-top: 12px;
}
#triResultat select
{
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


/* ------------ TABLEAU GAMME ------------ */

.plateau
{
	margin: 10px 0 14px 0;
	padding: 0;
	width: 780px;
	border: none;
	border-collapse: collapse;
	border-bottom: 1px solid #e0e0e1;
}
.plateau td
{
	margin: 0;
	padding: 0;
}
.plateau .visuelFocus
{
	margin: 0;
	padding: 0;
	width: 270px;
	text-align: center;
	vertical-align: bottom;
}
.plateau .visuelFocus img
{
	width: 173px;
}
.plateau .presentation
{
	margin: 0;
        padding: 0 0 0 5px;
        vertical-align: center;
        font-size: 11px ;
        width: 160px;
        color: #000000 ; 
}

.plateau .titre
{
	margin: 0;
	padding: 0 0 0 7px;
	vertical-align: top;
}
.plateau .titre .typeMenu
{
	float: left;
	width: 34px;
	height: 32px;
	padding-top: 2px;
	margin-right: 5px;
	background-image: url(images/bg_menu.gif);
	background-color: #423e45;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFF;
	text-align: center;
}
.plateau .titre .typeMenu strong
{
	font-size: 16px;
}
.plateau .titre h3
{
	font-size: 16px;
	color: #423e45;
	padding: 0;
	margin: 0;
}
.plateau .infos
{
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 10px;
	vertical-align: bottom;
	width: 180px;
}
.plateau .infos .derniereMinute
{
	margin: 5px 0 5px -3px;
	padding: 4px 0 5px 28px;
	background-image: url(images/minute.gif);
	background-repeat: no-repeat;
}
.plateau .LienSavoirPlus
{
	padding: 2px 0 8px 0;
	font-size: 10px;
}
.plateau .LienSavoirPlus a
{
	text-decoration: none;
	color: #8a8a8a;
}
.plateau .LienSavoirPlus a:hover
{
	text-decoration: underline;
	color: #423e45;
}

.plateau .infos strong
{
	font-size: 12px;
	color: #000;
}


.plateau .infos .boisson
{
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	border-collapse: collapse;
	border: 1px solid #bdbdbf;
}
.plateau .infos .boisson .infoBoisson
{
	padding: 3px;
}
.plateau .infos .boisson .quantiteBoisson
{
	margin: 0;
	padding: 2px 2px 0 2px;
	background-color: #bebcbf;
	color: #FFF;
	font-size: 9px;
	white-space: nowrap;
}

.plateau .infos .boisson .prixBoisson
{
	margin: 0;
	padding: 2px 2px 0 2px;
	background-color: #bebcbf;
	color: #FFF;
	font-size: 9px;
	white-space: nowrap;
}
.plateau .infos .boisson .prixBoisson
{
	border-right: 1px solid #FFF;
}
.plateau .infos .boisson .prixBoisson strong
{
	font-size: 11px;
	color: #FFF;
}
.plateau .infos .boisson .quantiteBoisson
{
	width: 60px;
}
.plateau .infos .boisson .quantiteBoisson span
{
	display: block;
	float: left;
	padding-top: 4px;
}
.plateau .infos .boisson .quantiteBoisson table
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	float: right;
}
.plateau .infos .boisson .quantiteBoisson table td
{
	padding: 0;
	margin: 0;
}
.plateau .infos .boisson .quantiteBoisson table input.qte
{
	border: 1px solid #818181;
	font-family: Arial, Verdana;
	font-size: 10px;
	width: 16px;
	text-align: right;
}
.plateau .infos .boisson .quantiteBoisson table .plus
{
	border-top: 1px solid #818181;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
.plateau .infos .boisson .quantiteBoisson table .moins
{
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
.plateau .visuelPlateau
{
	margin: 0;
	padding: 0 0 2px 0;
	width: 162px;
}
.plateau .visuelPlateau img
{
	width: 162px;
}
.plateau .prixQuantite
{
	vertical-align: bottom;
}
.plateau .prixQuantite table
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	color: #FFF;
	font-size: 10px;
	width: 150px;
	float: right;
}
.plateau .prixQuantite .prix
{
	background-color: #423e45;
}
.plateau .prixQuantite .prix strong
{
	font-size: 12px;
}
.plateau .prixQuantite .prix td
{
	border-bottom: 1px solid #ded9dd;
	padding: 3px 4px 3px 6px;
}
.plateau .prixQuantite .quantite
{
	background-color: #a09ea2;
}
.plateau .prixQuantite .quantite td
{
	padding: 1px 4px 1px 6px;
	line-height: 17px;
}
.plateau .prixQuantite .quantite td table
{
	width: auto;
}
.plateau .prixQuantite .quantite td table td
{
	padding: 0;
	margin: 0;
}
.plateau .prixQuantite table input.qte
{
	border: 1px solid #818181;
	font-family: Arial, Verdana;
	font-size: 10px;
	width: 24px;
	text-align: right;
}
.plateau .prixQuantite table .plus
{
	border-top: 1px solid #818181;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
.plateau .prixQuantite table .moins
{
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}



/* ------------ PETITS PLUS ------------ */

#listePetitsPlus
{
	width: 503px;
}
.petitPlus
{
	margin: 8px 5px 6px 5px;
	padding: 0;
	border: none;
	border-collapse: collapse;
	float: left;
	width: 154px;
}
.petitPlus td.texte
{
	background-color: #f1f1f1;
	height: 88px;
	padding: 6px;
	vertical-align: top;
	color: #808080;
	font-size: 13px;
	font-weight: bold;
}
.petitPlus .prixQuantite
{
	vertical-align: bottom;
}
.petitPlus .prixQuantite table
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	color: #FFF;
	font-size: 10px;
	width: 154px;
	float: right;
}
.petitPlus td
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}
.petitPlus .prixQuantite .prix
{
	background-color: #423e45;
}
.petitPlus .prixQuantite .prix strong
{
	font-size: 12px;
}
.petitPlus .prixQuantite .prix td
{
	border-bottom: 1px solid #ded9dd;
	padding: 3px 4px 3px 6px;
}
.petitPlus .prixQuantite .quantite
{
	background-color: #a09ea2;
}
.petitPlus .prixQuantite .quantite td
{
	padding: 1px 4px 1px 6px;
}
.petitPlus .prixQuantite .quantite td table
{
	width: auto;
}
.petitPlus .prixQuantite .quantite td table td
{
	padding: 0;
	margin: 0;
}
.petitPlus .prixQuantite table input.qte
{
	border: 1px solid #818181;
	font-family: Arial, Verdana;
	font-size: 10px;
	width: 24px;
	text-align: right;
}



/* ------------ LES MARQUES ------------ */

.fauchonMarque, .floMarque, .bolipopMarque, .PleineNatureMarque, .pickMarque, .formuleMarque
{
	width: 241px;
	float: left;
	font-size: 12px;
	margin: 12px 5px 0 5px;
	border-bottom: 1px solid #d9d8da;
	padding: 0 0 12px 0;
}
.robertaMarque, .PetitDejeunerMarque, .pauseMarque
{
	width: 241px;
	float: right;
	font-size: 12px;
	margin: 12px 5px 0 5px;
	border-bottom: 1px solid #d9d8da;
	padding: 0 0 12px 0;
}
.PetitDejeunerMarque, .pickMarque
{
	width: 502px;
	margin: 12px 0 0 0;
	padding: 0 0 12px 0;
	border: none;
}
.fauchonMarque h2, .floMarque h2, .bolipopMarque h2, .PleineNatureMarque h2, .PetitDejeunerMarque h2, .pauseMarque h2, .pickMarque h2, .formuleMarque h2, .robertaMarque h2
{
	background-repeat: no-repeat;
	width: 241px;
	height: 99px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}
.PetitDejeunerMarque h2, .pickMarque h2
{
	width: 502px;
}
.fauchonMarque h3, .floMarque h3, .bolipopMarque h3, .PleineNatureMarque h3, .PetitDejeunerMarque h3, .pauseMarque h3, .pickMarque h3, .formuleMarque h3, .robertaMarque h3
{
	margin: 0;
	padding: 8px 0 6px 0;
	font-size: 16px;
	text-transform: uppercase;
}
.fauchonMarque p, .floMarque p, .bolipopMarque p, .PleineNatureMarque p, .PetitDejeunerMarque p, .pauseMarque p, .pickMarque p, .formuleMarque p, .robertaMarque p{
	margin: 0 0 8px 0;
	padding: 0;
	text-align: justify;
}
.fauchonMarque a, .floMarque a, .bolipopMarque a, .PleineNatureMarque a, .PetitDejeunerMarque a, .pauseMarque a, .pickMarque a, .formuleMarque a, .robertaMarque a
{
	margin: 0;
	padding: 0;
	display: block;
	height: 17px;
	color: #FFF;
	text-decoration: none;
	background-color: #a09ea2;
	font-size: 10px;
	padding: 5px 0 0 6px;
}
.fauchonMarque a:hover, .floMarque a:hover, .bolipopMarque a:hover, .PleineNatureMarque a:hover, .PetitDejeunerMarque a:hover, .pauseMarque a:hover, .pickMarque a:hover, .formuleMarque a:hover, .robertaMarque a:hover
{
	color: #423e45;
}
.fauchonMarque h2
{
	background-image: url(images/lesMarques/fauchon.jpg);
}
.floMarque h2
{
	background-image: url(images/lesMarques/flo.jpg);
}
.bolipopMarque h2
{
	background-image: url(images/lesMarques/bolipop.jpg);
}
.PleineNatureMarque h2
{
	background-image: url(images/lesMarques/pleinenature.jpg);
}
.PetitDejeunerMarque h2
{
	background-image: url(images/lesMarques/ptdej.jpg);
}
.pauseMarque h2
{
	background-image: url(images/lesMarques/pause.jpg);
}
.pickMarque h2
{
	background-image: url(images/lesMarques/pick.jpg);
}
.formuleMarque h2
{
	background-image: url(images/lesMarques/formule.jpg);
}

.robertaMarque h2
{
	background-image: url(images/lesMarques/roberta.jpg);
}


/* ------------ UNIVERS MARQUES ------------ */

#universMarque
{
	width: 503px;
	font-size: 11px;
	margin: 0;
	padding: 18px 0 12px 0;
}
#universMarque table
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	width: 490px;
}
#universMarque td
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	vertical-align: top;
}
#universMarque td.texte1
{
	width: 244px;
	padding: 0 0 12px 0;
}
#universMarque td.texte2
{
	width: 224px;
	padding: 12px 22px 0 0;
}
#universMarque td.visuel1 img
{
	width: 224px;
}
#universMarque td.visuel2
{
	text-align: center;
}
#universMarque td.visuel2 img
{
	text-align: center;
	width: 244px;
}
#universMarque h2
{
	color: #423e45;
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
}
#universMarque p
{
	padding: 0;
	margin: 0;
	text-align: justify;
}


/* ------------ SELECTION DU MOMENT ------------ */

#selectionMoment
{
	width: 503px;
}
#selectionMoment table
{
	/*border: none;*/
}
#selectionMoment h2
{
	font-size: 16px;
	color: #423e45;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0 0 0;
}
#selectionMoment .detail
{
	margin: 0;
	padding: 6px 0 6px 0;
	background-color: #d9d8da;
	border-top: 10px solid #FFF;
	color: #423e45;
	font-size: 11px;
}
#selectionMoment .detail ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#selectionMoment .detail li
{
	display: block;
	width: 220px;
	float: left;
	padding: 2px 10px 2px 20px;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: 11px 8px;
}
#selectionMoment .infosPlus
{
	margin: 0;
	padding: 10px;
	color: #423e45;
	font-size: 11px;
}

/* ------------ COULEURS ------------ */

/* couleur "fauchon" */
div.fauchon .plateau .titre .typeMenu, div.fauchon .zoomPlateau .detail .typeMenu, div.fauchon .plateau .prixQuantite .prix, div.fauchon .petitPlus .prixQuantite .prix
{
	background-color: #e2017b;/*#c53080;*/
}
div.fauchon .plateau .titre h3, div.fauchon .zoomPlateau .detail h3, div.fauchon .zoomPlateau .detail .prix, .fauchonMarque h3, div.fauchon #universMarque h2
{
	color: #e2017b;/*#c53080;*/
}
/* couleur "flo" */
div.flo .plateau .titre .typeMenu, div.flo .zoomPlateau .detail .typeMenu, div.flo .plateau .prixQuantite .prix, div.flo .petitPlus .prixQuantite .prix
{
	background-color: #71385b; /* #9273ae #5d014a;*/
}
div.flo .plateau .titre h3, div.flo .zoomPlateau .detail h3, div.flo .zoomPlateau .detail .prix, .floMarque h3, div.flo #universMarque h2
{
	color: #71385b; /* #9273ae #5d014a;*/
}
/* couleur "bolipop" */
div.bolipop .plateau .titre .typeMenu, div.bolipop .zoomPlateau .detail .typeMenu, div.bolipop .plateau .prixQuantite .prix, div.bolipop .petitPlus .prixQuantite .prix
{
	background-color: #ccd228;
}
div.bolipop .plateau .titre h3, div.bolipop .zoomPlateau .detail h3, div.bolipop .zoomPlateau .detail .prix, .bolipopMarque h3, div.bolipop #universMarque h2
{
	color: #ccd228;
}
/* couleur "pleine nature" */
div.PleineNature .plateau .titre .typeMenu, div.PleineNature .zoomPlateau .detail .typeMenu, div.PleineNature .plateau .prixQuantite .prix, div.PleineNature .petitPlus .prixQuantite .prix
{
	background-color: #214529;
}
div.PleineNature .plateau .titre h3, div.PleineNature .zoomPlateau .detail h3, div.PleineNature .zoomPlateau .detail .prix, .PleineNatureMarque h3, div.PleineNature #universMarque h2
{
	color: #214529;
}
/* couleur "PetitDejeuner" */
div.PetitDejeuner .plateau .titre .typeMenu, div.PetitDejeuner .zoomPlateau .detail .typeMenu, div.PetitDejeuner .plateau .prixQuantite .prix, div.PetitDejeuner .petitPlus .prixQuantite .prix
{
	background-color:  #5b2d15;/*#000;*/
}
div.PetitDejeuner .plateau .titre h3, div.PetitDejeuner .zoomPlateau .detail h3, div.PetitDejeuner .zoomPlateau .detail .prix, .PetitDejeunerMarque h3, div.PetitDejeuner #universMarque h2
{
	color: #5b2d15;/*#000;*/
}
/* couleur "pause" */
div.pause .plateau .titre .typeMenu, div.pause .zoomPlateau .detail .typeMenu, div.pause .plateau .prixQuantite .prix, div.pause .petitPlus .prixQuantite .prix
{
	background-color: #becd00;/*#be8b70;*/
}
div.pause .plateau .titre h3, div.pause .zoomPlateau .detail h3, div.pause .zoomPlateau .detail .prix, .pauseMarque h3, div.pause #universMarque h2
{
	color: #becd00;/*#be8b70;*/
}
/* couleur "pick" */
div.pick .plateau .titre .typeMenu, div.pick .zoomPlateau .detail .typeMenu, div.pick .plateau .prixQuantite .prix, div.pick .petitPlus .prixQuantite .prix
{
	background-color: #e84f13;/*#5b2379;*/
}
div.pick .plateau .titre h3, div.pick .zoomPlateau .detail h3, div.pick .zoomPlateau .detail .prix, .pickMarque h3, div.pick #universMarque h2
{
	color: #e84f13;/*#5b2379;*/
}
/* couleur "formule" */
div.formule .plateau .titre .typeMenu, div.formule .zoomPlateau .detail .typeMenu, div.formule .plateau .prixQuantite .prix, div.formule .petitPlus .prixQuantite .prix
{
	background-color: #797523;
}
div.formule .plateau .titre h3, div.formule .zoomPlateau .detail h3, div.formule .zoomPlateau .detail .prix, .formuleMarque h3, div.formule #universMarque h2
{
	color: #797523;
}
/* couleur "Roberta" */
div.roberta .plateau .titre .typeMenu, div.roberta .zoomPlateau .detail .typeMenu, div.roberta .plateau .prixQuantite .prix, div.roberta .petitPlus .prixQuantite .prix
{
	background-color: #a66c09;
}
div.roberta .plateau .titre h3, div.roberta .zoomPlateau .detail h3, div.roberta .zoomPlateau .detail .prix, .robertaMarque h3, div.roberta #universMarque h2
{
	color: #a66c09;
}



/* ------------ VOTRE COMMANDE ------------ */

.ajoutProduit td, .ajoutProduit th
{
	padding: 3px;
	font-size: 11px;
}


#votreCommande
{
	width: 503px;
	font-size: 11px;
	margin: 0;
	padding: 0 0 12px 0;
}
#votreCommande h2
{
	font-size: 16px;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #423e45;
	text-transform: uppercase;
}
#votreCommande p
{
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#votreCommande table
{
	padding: 0;
	margin: 8px 0 0 0;
	border: none;
	border-collapse: collapse;
	width: 503px;
}

#votreCommande th, .commande td
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#votreCommande th
{
	background-color: #a09ea2;
	color: #FFF;
	line-height: 22px;
	font-size: 12px;
	border-right: 1px solid #FFF;
}
#votreCommande th.express
{
	width: 72px;
}
#votreCommande th.reference
{
	width: 54px;
}
#votreCommande th.quantite
{
	width: 28px;
}
#votreCommande th.nom
{
	width: auto;
}
#votreCommande th.prixHT
{
	width: 56px;
	white-space: nowrap;
}
#votreCommande th.prixTTC
{
	width: 80px;
	white-space: nowrap;
}
#votreCommande th.action
{
	width: 70px;
	border: none;
}
#votreCommande th.autre
{
	width: 90px;
}

#votreCommande td
{
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

#votreCommande select
{
	color: #a09ea2; /*width: 170px;*/
	font-size: 11px;
}
#votreCommande td.express
{
	border-right: 1px solid #d7d6d8;
	text-align: right;
	padding-right: 4px;
	padding-left: 2px;
	font-weight: bold;
}
#votreCommande td.reference
{
	border-right: 1px solid #d7d6d8;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}
#votreCommande td.reference input
{
	border: 1px solid #7f7f83;
	width: 48px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
}
#votreCommande td.quantite
{
	border-right: 1px solid #d7d6d8;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}
#votreCommande td.quantite table
{
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
	width: auto;
}
#votreCommande td.quantite table td
{
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
#votreCommande td.quantite table input.qte
{
	border: 1px solid #818181;
	font-family: Arial, Verdana;
	font-size: 10px;
	width: 16px;
	padding-right: 2px;
	text-align: right;
}
#votreCommande td.quantite table .plus
{
	border-top: 1px solid #818181;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
#votreCommande td.quantite table .moins
{
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
#votreCommande td.nom
{
	border-right: 1px solid #d7d6d8;
	padding-right: 2px;
	padding-left: 4px;
}
#votreCommande td.nom a
{
	white-space: nowrap;
}
#votreCommande td.prixHT
{
	border-right: 1px solid #d7d6d8;
	text-align: right;
	padding-right: 4px;
}
#votreCommande td.prixTTC
{
	border-right: 1px solid #d7d6d8;
	text-align: right;
	padding-right: 4px;
}
#votreCommande td.action
{
	border: none;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 4px;
}
#votreCommande td.total
{
	text-align: right;
	padding: 2px 4px 2px 0;
	background-color: #d9d8da;
	color: #423e45;
	border-bottom: 1px solid #FFF;
}
#votreCommande a
{
	text-decoration: none;
	color: #a09ea2;
}
#votreCommande a:hover
{
	text-decoration: underline;
	color: #423e45;
}
#votreCommande td.autre
{
	border-right: 1px solid #d7d6d8;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}

#votrecommande .qteAjout
{
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}

#votreCommande .qteAjout table
{
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
	width: auto;
}
#votreCommande .qteAjout table td
{
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
#votreCommande .qteAjout table input.qte
{
	border: 1px solid #818181;
	font-family: Arial, Verdana;
	font-size: 10px;
	width: 16px;
	padding-right: 2px;
	text-align: right;
}
#votreCommande .qteAjout table .plus
{
	border-top: 1px solid #818181;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
#votreCommande .qteAjout table input.qte
{
	margin: 0 0 0 0;
	padding: 1px 0 1px 0;
}
#votreCommande .qteAjout table .moins
{
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}





/* ------------ CARTE DES BOISSONS ------------ */

#carteBoissons
{
	width: 503px;
	font-size: 11px;
	margin: 0;
	padding: 0 0 12px 0;
}
#carteBoissons h2
{
	font-size: 16px;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #423e45;
	text-transform: uppercase;
}
#carteBoissons p
{
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#carteBoissons table
{
	padding: 0;
	margin: 8px 0 0 0;
	border: none;
	border-collapse: collapse;
	width: 503px;
}
#carteBoissons th, #carteBoissons td
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#carteBoissons td
{
	padding: 0 0 5px 0;
}
#carteBoissons th
{
	background-color: #a09ea2;
	color: #FFF;
	line-height: 22px;
	font-size: 12px;
	border-right: 1px solid #FFF;
}
#carteBoissons th.quantite
{
	width: 58px;
}
#carteBoissons th.prixHT
{
	width: 58px;
}
#carteBoissons .categorie
{
	border-top: 1px solid #d9d8da;
	padding: 12px 0 6px 2px;
}
#carteBoissons .categorie h3
{
	color: #423e45;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#carteBoissons td.designation
{
	padding-left: 4px;
}
#carteBoissons td.prixHT
{
	text-align: right;
	padding-right: 4px;
}
#carteBoissons td.quantite
{
	padding-left: 15px;
}
#carteBoissons td.quantite table
{
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
	width: auto;
}
#carteBoissons td.quantite table td
{
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
#carteBoissons td.quantite table input.qte
{
	border: 1px solid #818181;
	font-family: Arial, Verdana;
	font-size: 10px;
	width: 16px;
	padding-right: 2px;
	text-align: right;
}
#carteBoissons td.quantite table .plus
{
	border-top: 1px solid #818181;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
#carteBoissons td.quantite table .moins
{
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
}


/* ------------ CATALOGUES ------------ */

#catalogues
{
	width: 503px;
	font-size: 11px;
	margin: 0;
	padding: 0 0 12px 0;
}
/*#catalogues h2
{
	font-size: 14px;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #423e45;
	text-transform: uppercase;
}
#catalogues h3
{
	font-size: 11px;
	margin: 0;
	padding: 10px 0 6px 4px;
	color: #423e45;
	text-transform: uppercase;
}
#catalogues ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#catalogues li
{
	display: block;
	width: 225px;
	float: left;
	padding: 3px 10px 6px 15px;
}
#catalogues li input
{
	padding: 0;
	margin: 0 5px -1px 0;
}*/
#catalogues td a
{
	font-size: 11px;
	color: #8a8b8b;
	text-decoration: none;
}
/*#catalogues li a:hover
{
	color: #8a8b8b;
}*/
#catalogues hr
{
	height: 1px;
	margin: 6px 0 5px 0;
	padding: 0;
	color: #d9d8da;
	background-color: #d9d8da;
	border: 0;
}
#catalogues a
{
	font-size: 10px;
	text-decoration: none;
	color: #a09ea2;
}

#catalogues a.defauta
{
	font-size: 12px;
	text-decoration: none;
	color: #a09ea2;
	font-weight: bold;
}
#catalogues a:hover
{
	text-decoration: underline;
	color: #423e45;
}


.tableCatalogueFormulaire
{
	padding: 0;
	margin: 8px 0 0 0;
	border: 1px;
	border-collapse: collapse;
	width: 503px;
	font-size: 12px;
}


/* ------------ TEXTES ------------ */

.arial-9
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
}
.arial-10
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
.arial-11
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.arial-12
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.blanc
{
	color: #FFF;
}
.rouge
{
	color: #F00;
}
.grisFonce
{
	color: #454545;
}
.fondGris
{
	background-color: #a09ea2;
}
.fondGrisFonce
{
	background-color: #454545;
}

/*----- mise en forme a*/

.defauta
{
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 12px;
	color: #8b8b8b;
	text-decoration: none;
}

.defauta:hover
{
	color: #423e45;
	text-decoration: underline;
}

/* ------------ ZOOM PRODUIT ------------ */

.zoomPlateau
{
	margin: -6px 6px 6px -6px;
	position: relative;
	padding: 0;
	width: 503px;
	border: none;
	border-collapse: collapse;
	border: 1px solid #828183; /*background-color: #eee;*/
	background-color: #FFF;
	font-size: 11px;
	color: #423e45;
}
.zoomPlateau td
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}
.zoomPlateau .visuelFocus
{
	margin: 0;
	padding: 0 10px 0 0;
	width: 213px;
	vertical-align: top;
}
.zoomPlateau .visuelFocus img
{
	width: 213px;
}
.zoomPlateau .detail
{
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 100%;
}
.zoomPlateau .detail .typeMenu
{
	float: left;
	width: 34px;
	height: 32px;
	padding-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 2px;
	background-image: url(images/bg_menu_2.gif); /*background-color: #423e45;*/
	background-color: #FFF;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFF;
	text-align: center;
}
.zoomPlateau .detail .typeMenu strong
{
	font-size: 16px;
}
.zoomPlateau .detail h3
{
	font-size: 16px;
	color: #423e45;
	padding: 6px 0 0 0;
	margin: 0;
}
.zoomPlateau .prix
{
	display: block;
	float: right;
	background-color: #FFF;
	height: 24px;
	font-size: 10px;
	padding: 8px 5px 0 5px;
}
.zoomPlateau .detail strong
{
	font-size: 14px;
}
.zoomPlateau .detail ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 8px;
}
.zoomPlateau .detail li
{
	padding: 2px 10px 2px 49px;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: 40px 8px;
}
.zoomPlateau .infosPlus
{
	margin: 0;
	padding: 10px;
}

.btFermer
{
	/*text-align: center; 	padding: 0 6px 6px 6px;*/
}
.btFermer a
{
	display: block;
	width: 78px;
	height: 20px;
	background-image: url(images/bt_fermer.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

/* ------------ BLOCS savoir plus ------------ */

.savoirplus
{
	position: absolute;
	right: 170px; /*top: 250px;*/
	width: 503px;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 10px;
	z-index: 999;
	margin: 0;
	padding: 0; /*background-image: url(images/shadowAlpha.png);*/
	background-position: right bottom;
	background-repeat: no-repeat;
	float: left;
}

.savoirplusfermer
{
	border-width: 0px;
}

/* Tableau */

.fond_blanc
{
	/*background-color: #D8CFF0;*/
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	font-size: 11px; /*width: 50%;*/
}

/* ------------ VOS INFORMATIONS ------------ */

#vosInformations
{
	width: 503px;
	font-size: 11px;
	margin: 0;
	padding: 0 0 12px 0;
}
#vosInformations h2
{
	font-size: 16px;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #423e45;
	text-transform: uppercase;
}
#vosInformations table
{
	padding: 0;
	margin: 4px 0 0 0;
	border: none;
	width: 503px;
	border-collapse: collapse;
}
#vosInformations table h3
{
	font-size: 13px;
	margin: 0;
	padding: 0 0 6px 0;
	color: #423e45;
}
#vosInformations td
{
	margin: 0;
	font-size: 11px;
	border-bottom: 1px solid #FFFFFF;
	vertical-align: top;
}
#vosInformations td.bgColor1
{
	background-color: #d7d6d8;
	color: #423e45;
	font-size: 12px;
	text-align: right;
	width: auto;
	white-space: nowrap;
	padding: 4px 6px 4px 14px;
}
#vosInformations td.bgColor2
{
	color: #a09ea2;
	width: auto;
	padding: 4px 6px 4px 6px;
	white-space: nowrap;
}
#vosInformations td.bgColor2 input, #vosInformations td.bgColor2 select, #vosInformations td.bgColor2 textarea
{
	color: #a09ea2;
	width: 170px;
	font-size: 11px;
}
#vosInformations td.bgColor2 input
{
	border: 1px solid #d7d6d8;
}
#vosInformations td.bgColor2 .check input
{
	border: none;
	width: auto;
}

#vosInformations td.bgColor3
{
	background-color: #d7d6d8;
	color: #423e45;
	font-size: 12px;
	text-align: right;
	width: auto;
	white-space: nowrap;
	padding: 4px 6px 4px 14px;
	width: 80px;
	border-bottom: 1px solid #f2f2f2;
}
#vosInformations td.bgColor4
{
	color: #a09ea2;
	width: 388px;
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #f2f2f2;
}

#vosInformations a
{
	font-size: 11px;
	text-decoration: none;
	color: #a09ea2;
}
# vosInformations a:hover
{
	text-decoration: underline;
	color: #423e45;
}


/* ------------ paiement ------------ */

#paiement
{
	width: 503px;
	font-size: 11px;
	margin: 0;
	padding: 0 0 12px 0;
}
#paiement h2
{
	font-size: 16px;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #423e45;
	text-transform: uppercase;
}
#paiement table
{
	padding: 0;
	margin: 4px 0 0 0;
	border: none;
	width: 250px;
	border-collapse: collapse;
}
#paiement table h3
{
	font-size: 13px;
	margin: 0;
	padding: 0 0 6px 0;
	color: #423e45;
}
#paiement td
{
	margin: 0;
	font-size: 11px;
	border-bottom: 1px solid #FFFFFF;
	vertical-align: top;
}
#paiement td.bgColor1
{
	background-color: #d7d6d8;
	color: #423e45;
	font-size: 12px;
	text-align: right;
	width: auto;
	white-space: nowrap;
	padding: 4px 6px 4px 14px;
}
#paiement td.bgColor2
{
	color: #a09ea2;
	width: auto;
	padding: 4px 6px 4px 6px;
}
#paiement td.bgColor2 input, #paiement td.bgColor2 select, #paiement td.bgColor2 textarea
{
	color: #a09ea2;
	width: 170px;
	font-size: 11px;
}
#paiement td.bgColor2 input
{
	border: 1px solid #d7d6d8;
}
#paiement td.bgColor2 .check input
{
	border: none;
	width: auto;
}

#paiement td.bgColor3
{
	background-color: #d7d6d8;
	color: #423e45;
	font-size: 12px;
	text-align: right;
	width: auto;
	white-space: nowrap;
	padding: 4px 6px 4px 14px;
	width: 80px;
	border-bottom: 1px solid #f2f2f2;
}
#paiement td.bgColor4
{
	color: #a09ea2;
	width: 388px;
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #f2f2f2;
}

#paiement a
{
	font-size: 11px;
	text-decoration: none;
	color: #a09ea2;
}
# paiement a:hover
{
	text-decoration: underline;
	color: #423e45;
}

/* ------------ newsletter ------------ */

.newsletter
{
	width: 503px;
	font-size: 11px;
	margin: 0;
	padding: 0 0 12px 0;
}

.newsletter p
{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.tablenewsletter
{
	padding: 0;
	margin: 8px 0 0 0;
	border: 1px;
	border-collapse: collapse;
	width: 503px;
}

/*--------detail recrutement-----------*/

.detailrecrutement table
{
	padding: 0;
	margin: 4px 0 0 0;
	border: none;
	width: 503px;
	border-collapse: collapse;
}
.detailrecrutement table h3
{
	font-size: 13px;
	margin: 0;
	padding: 0 0 6px 0;
	color: #423e45;
}
.detailrecrutement td
{
	margin: 0;
	font-size: 11px;
	border-bottom: 1px solid #FFFFFF;
	vertical-align: top;
}

.detailrecrutement td a
{
	font-size: 12px;
	color: #423e45;
	text-decoration: none;
}
.detailrecrutement td a:hover
{
	text-decoration: underline;
}

.detailrecrutement td.bgColor1
{
	background-color: #d7d6d8;
	color: #423e45;
	font-size: 12px;
	text-align: right;
	width: auto;
	white-space: nowrap;
	padding: 4px 6px 4px 14px;
}
.detailrecrutement td.bgColor2
{
	color: #a09ea2;
	width: auto;
	padding: 4px 6px 4px 6px;
	white-space: nowrap;
}
.detailrecrutement td.bgColor2 input, #detailrecrutement td.bgColor2 select, #detailrecrutement td.bgColor2 textarea
{
	color: #a09ea2;
	width: 170px;
	font-size: 11px;
}
.detailrecrutement td.bgColor2 input
{
	border: 1px solid #d7d6d8;
}
.detailrecrutement td.bgColor2 .check input
{
	border: none;
	width: auto;
}

.detailrecrutement td.bgColor3
{
	background-color: #d7d6d8;
	color: #423e45;
	font-size: 12px;
	text-align: right;
	width: auto;
	white-space: nowrap;
	padding: 4px 6px 4px 14px;
	width: 80px;
	border-bottom: 1px solid #f2f2f2;
}
.detailrecrutement td.bgColor4
{
	color: #a09ea2;
	width: 388px;
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #f2f2f2;
}

/*-------ESPACE PRESSE--------------*/

#espacepress h1
{
	font-size: 16px;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #423e45;
	text-transform: none; /*uppercase;*/
	font-style: normal;
}

#espacepress table th
{
	text-align: left;
	background-color: Gray;
	color: White;
	font-size: 13px;
	height: 25px;
	text-indent: 5px;
}



#espacepress td a
{
	font-size: 12px;
	color: #423e45;
	text-decoration: none;
	font-weight: bold;
}

#espacepress img
{
	vertical-align: middle;
	cursor: pointer;
}

#photos a
{
	cursor: default;
}

.spnImage
{
	font-size: 12px;
	color: Gray;
	text-decoration: none;
	font-weight: bold;
}



.download
{
	cursor: pointer;
}

/* JD GALLERY */
#myGallery, #myGallerySet, #flickrGallery
{
	width: 675px;
	height: 202px; /* TEST a 200 */
	z-index: 5;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url( 'img/loading-bar-black.gif' );
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url( 'img/loading-bar-black.gif' );
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px; /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index: 10;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter: alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url( 'img/fleche1.png' ) no-repeat center left;
}

* html .jdGallery a.left
{
	background: url( 'img/fleche1.gif' ) no-repeat center left;
}

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url( 'img/fleche2.png' ) no-repeat center right;
}

* html .jdGallery a.right
{
	background: url( 'img/fleche2.gif' ) no-repeat center right;
}

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover
{
	background: url( 'img/open.png' ) no-repeat center center;
}

* html .withArrows a.open:hover
{
	background: url( 'img/open.gif' ) no-repeat center center;
	filter: alpha(opacity=80);
}


/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px; /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter: alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}