@charset "UTF-8";
/* 
Copyright 2000-2014 Plat-Net / Meilleur du chef

Marker: \/\*=+\s+=+\s+(.*?)\s+=+\s+=+\*\/

MDC_URLFINGERPRINT
*/

/*===========
=== RESET ===
===========*/

/* Eric Meyer CSS reset : http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video 
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1px; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
img, embed, object, video { max-width: 100%; }
input[type=submit], input[type=button] { -webkit-appearance: none; }

/*=============
=== GENERAL ===
=============*/

body { font-size: 12px; }
body, div, p, input, textarea, .tf { font-family: "Verdana", "Arial", sans-serif; line-height: 1.3em; }
h1, h2, h3, h4, h5, h6, .hf { font-family: "Gill Sans MT", "Gill Sans", "Calibri", "Verdana", sans-serif; font-weight: normal; line-height: 1em; }
input, textarea { margin: 0; }

@media screen and (max-width: 600px), screen and (max-device-width: 480px)
	{
	html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
	}

/* autorise clear:both à l'intérieur sans interaction extérieure */
.content-wrapper { overflow: hidden; zoom: 1; }

.hyphens
	{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	}

b, strong { font-weight: bold; }
i, em { font-style: italic; }

a { color: #444444; cursor: pointer; }
	
a.bouton,
input.bouton
	{
	display: inline-block;
	padding: .25em 1em;
	background-color: white;
	color: #444444;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	border: 1px solid #aaa;
	border-radius: .5em;
	margin: 0 0 0 0;
	cursor: pointer;
	}

a.bouton:hover,
input.bouton:hover
	{
	color: white;
	background-color: #444444;
	border-color: #444444;
	}

a.bouton:disabled,
a.bouton:disabled:hover,
input.bouton:disabled,
input.bouton:disabled:hover
	{
	background-color: white;
	color: #888888;
	}

.alert
	{
	color: red !important;
	font-style: italic !important;
	}

.clear
	{
	clear: both;
	}

.insert-left
	{
	float: left; 
	width: 33%; 
	margin: 0 2em 1em 0; 
	text-align: left;
	}

.insert-right
	{
	float: right; 
	width: 33%; 
	margin: 0 0 1em 2em; 
	text-align: right;
	}

img::selection,
a.bouton::selection,
.no-select::selection
	{ 
	background: transparent; 
	}
	
.formatted-text
	{
	color: #444444;
	margin-bottom: 2em;
	}

.formatted-text p
	{
	margin: 0;
	}

.formatted-text ul
	{
	padding-left: 1em; /* environ width de "- "(entre 1em et 2em, dépend de la police) */
	}

.formatted-text ul li:before
	{
	display: inline-block;
	width: 1em; 	/* utiliser même width de "- " que ci-dessus */
	content: "- ";	/* tiret + nbsp */
	text-align: right;
	}

.formatted-text ul li
	{
	text-indent: -1em;	/* utiliser même width de "- " que ci-dessus (en négatif) */
	}

.formatted-text ul li.niv2
	{
	margin-left: 2em;
	}

input.empty, textarea.empty { color: #b0b0b0 !important; }
input.empty.required, textarea.empty.required { color: #ffb0b0 !important; }

@media screen and (max-width: 744px) /* mobile */
	{
	a.bouton, input.bouton { padding: .5em 1.5em; }
	}

.hidden
    {
    display: none;
    }

.invisible
    {
    visibility: hidden;
    }

/*==========================
=== STRUCTURE DE LA PAGE ===
==========================*/

body { background-color: white; }

iframe[name='google_conversion_frame'] { margin-top: -13px; float: left; }

#page-header { overflow: hidden; zoom: 1; }
#page-main-menu { overflow: hidden; zoom: 1; }
#page-navcon { overflow: hidden; zoom: 1; }
#page-navigation { float: left; width: 210px; padding-bottom: 1em; }
#page-content { margin-left: 210px; padding: 1em 3% 0 3%; zoom: 1; }
#page-footer { clear: both; overflow: hidden; zoom: 1; }

#page-wrapper { background-color: white; }
#page-wrapper .menu-trigger { display: none; }
#slide-menu { display: none; }


/* bigger */

@media screen and (max-width: 744px) /* mobile */
	{
	#page-navigation { float: none; width: 100%; }
	#page-content { margin-left: 8px; margin-right: 8px; padding: 12px 0 0 0; }

	#page-wrapper
		{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fcfeff;
		border-radius: 0;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;

		-o-box-shadow: -3px 0 6px rgba(0,0,0,.2);
		-ms-box-shadow: -3px 0 6px rgba(0,0,0,.2);
		-moz-box-shadow: -3px 0 6px rgba(0,0,0,.2);
		-webkit-box-shadow: -3px 0 6px rgba(0,0,0,.2);
		box-shadow: -3px 0 6px rgba(0,0,0,.2);

		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		transition: all 300ms;
		}

	#slide-menu
		{
		display: block;
		background-color: #e8e8e8;
		position: fixed;
		top: 0;
		left: -100px;
		bottom: 0;
		display: block;
		float: left;
		width: 100%;
		max-width: 264px;
		height: 100%;
		overflow-x: hidden;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;

		-o-transition: all 300ms;
		-ms-transition: all 300ms;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		transition: all 300ms;
		}

	#page-wrapper .menu-trigger
		{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 56px;
		height: 56px;
		z-index: 999;
		opacity: .8;

		-o-transition: all 300ms;
		-ms-transition: all 300ms;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		transition: all 300ms;
		}

	#page-wrapper .menu-trigger .trigger-button
		{
		display: block;
		margin: 10px;
		width: 36px;
		height: 36px;
		background: #444444;
		cursor: pointer;
		border-radius: 5px;

		font-size: 1.5em;
		background-image: url(../img/ui/icon-menu.gif);
		background-repeat: no-repeat;
		background-position: .6em .6em;
		background-size: .8em .8em;
		}

	body.slide-menu-active #page-wrapper { left: 264px; border-radius: 8px 0 0 8px; }
	body.slide-menu-active #page-wrapper .menu-trigger { left: 264px; }
	body.slide-menu-active #slide-menu { left: 0; border-radius: 8px 0 0 8px; }
	}

@media print 
	{
/*	#page-header { display: none; } */
	#page-navigation { display: none; }
	#promo-nav-bas { display: none; }
	#page-content { margin-left: 0; }
	#page-footer { display: none; }
	.noprint { display: none; }
	}

/*=====================
=== MENU NAVIGATION ===
=====================*/

#page-navigation ul.navigation-menu
	{
	background-color: #eee;
	padding-bottom: 1em;
	}
	
#page-navigation ul.navigation-menu ul
	{
	padding: .5em 0 .5em 0;
	}

#page-navigation ul.navigation-menu li .title
	{
	display: block;
	color: #444444;
	background-color: white;
	border-bottom: 1px dotted #444444;
	border-top: 1px dotted #444444;
	padding: .5em .1em .5em .8em;
	margin: .5em 0 .2em 0;
	font-size: 1.45em;
	font-weight: normal;
	font-style: italic;
	}

#page-navigation ul.navigation-menu li a.title	{ text-decoration: none; }
#page-navigation ul.navigation-menu li a.title:hover { text-decoration: underline; }
	
#page-navigation ul.navigation-menu p
	{
	color: #444444;
	font-size: 1em;
	padding: .5em 0 0 1em;
	}

#page-navigation ul.navigation-menu ul li.section
	{
	padding-bottom: .25em;
	padding-left: 2em;
	}

#page-navigation ul.navigation-menu ul li.section:empty
	{
	display: none;
	}

#page-navigation ul.navigation-menu ul li.categorie
	{
	padding: .25em .5em .25em 2em;
	text-indent: -1.2em;
	}

/* 
#page-navigation ul.navigation-menu ul ul { background-color: #eee; }
#page-navigation ul.navigation-menu ul ul li { padding-left: 3em; }
#page-navigation ul.navigation-menu ul ul ul { background-color: #ddd; }
#page-navigation ul.navigation-menu ul ul ul li { padding-left: 4em; }
#page-navigation ul.navigation-menu ul ul ul ul { background-color: #ccc; }
#page-navigation ul.navigation-menu ul ul ul ul li { padding-left: 5em; }
 */

#page-navigation ul.navigation-menu ul li.categorie a
	{
	color: #444444;
	font-size: 1em;
	text-decoration: none;
	}

#page-navigation ul.navigation-menu ul li.categorie:before
	{
	content: "»";
	font-size: 1em;
	color: #444444;
	padding-right: .5em;
	}

/* 
#page-navigation ul.navigation-menu ul li:hover { background-color: #ddd; }
#page-navigation ul.navigation-menu ul ul li:hover { background-color: #ccc; }
#page-navigation ul.navigation-menu ul ul ul li:hover { background-color: #bbb; }
#page-navigation ul.navigation-menu ul ul ul ul li:hover { background-color: #aaa; }
 */

#page-navigation ul.navigation-menu ul li.categorie.active { background-color: #ccc; border-top: 1px solid #444444; border-bottom: 1px solid #444444; margin-top: -1px; }
#page-navigation ul.navigation-menu ul ul li.categorie.active { background-color: #bbb; border-style: dotted; }

#page-navigation ul.navigation-menu ul li.categorie.active a { color: black; font-size: 1.1em; }
#page-navigation ul.navigation-menu ul ul li.categorie.active a { color: black; font-size: 1em; }

#page-navigation ul.navigation-menu ul li.categorie:hover a
	{
	text-decoration: underline;
	color: black;
	}

#page-navigation a.navigation-bouton
	{
	display: none;
	background-color: #444444;
	color: white;
	padding: .5em .1em .5em 2em;
	font-size: 1.8em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;

	background-image: url(../img/ui/icon-menu.gif);
	background-repeat: no-repeat;
	background-position: .6em .6em;
	background-size: .8em .8em;
	}

#page-navigation .bloc
	{
	text-align: center; 
	margin-top: 2em;
	}

#page-navigation .bloc img
	{
	border: 2px solid #d0d0d0; 
	border-radius: 1em;
	}

#page-navigation .bloc img:hover
	{
	border-color: #808080; 
	}

@media screen and (max-width: 744px) /* mobile */
	{
	#page-navigation { display: none; }
	#promo-nav-haut { display: none; }
	#promo-nav-bas { display: none; }
	}


/*==================
=== FIL D'ARIANE ===
==================*/

#compass 
	{
	margin: .5em 0 1.5em 0; 
	font-size: 1em;
	}
#compass ul { display: inline; } 
#compass li { display: inline; }

#compass li { color: #444444; font-weight: bold; }
#compass li a { color: #444444; font-weight: normal; text-decoration: none; }
#compass li a.current { font-weight: bold; }
#compass li a:hover { text-decoration: underline; }

#compass li ul li:before { content: " » "; color: #444444; padding: 0 .3em; }

@media screen and (max-width: 744px) /* mobile */
	{
/*	#compass { display: none; }*/
	}


/*=================
=== PAGE HEADER ===
=================*/

@media print 
	{
	#page-header .top-bar { display: none; }
	#page-header .search { display: none; }
	#page-header .site-menu { display: none; }
	#page-header .store-menu { display: none; }
	}

#page-header .logo
	{
	width: 35%;
	margin: 1em 0 1em 2em;
	}
	
@media screen and (max-width: 744px) /* mobile */
	{
	#page-header .logo { width: 80%; max-width: 360px; margin: 8px 5% 8px 15%; }
	}
	
/*=== TOP-BAR ===*/	

#page-header .top-bar
	{
	position: absolute;
	top: 0;
	right: 1em;
	padding: 0 1em;
	background-color: #e0e0e0;
	color: #444444;
	border-radius: 0 0 .5em .5em;
	border: none;
	border-top-width: 0;
	}

#page-header .top-bar ul li
	{
	display: inline-block;
	position: relative;
	}

#page-header .top-bar ul li a.title
	{
	display: block;
	padding: .4em 1em;
	color: #444444;
	text-decoration: none;
	}

.ie7 #page-header .top-bar ul li { display: inline; }
.ie7 #page-header .top-bar ul li a.title { display: inline-block; }

#page-header .top-bar ul li a.title.flag
	{
	padding-left: 2.8em; 
	background-position: 1em .5em;
	background-repeat: no-repeat;
	}

#page-header .top-bar .flag.fr
	{
	background-image: url(../img/ui/flag-fr.png);
	background-size: 18px 12px;
	}
#page-header .top-bar .flag.en
	{
	background-image: url(../img/ui/flag-en.png);
	background-size: 18px 12px;
	}

#page-header .top-bar ul li a.title b
	{
	color: #444444;
	font-weight: bold;
	font-style: italic;
	}

#page-header .top-bar ul li.current a.title
	{
	background-color: #444444;
	color: white;
	border-radius: .5em .5em 0 0;
	}

#page-header .top-bar ul li.current a.title b
	{
	color: white;
	}

#page-header .top-bar ul li a.title b em { color: #ff0000; }
#page-header .top-bar ul li.current a.title b em { color: #ff8080; }

#page-header .top-bar .menu
	{
	display: none;
	position: absolute;
	top: 100%;
	padding: .8em 1em .8em 1em;
	background-color: #a2a2a2;
	border-radius: 0 0 .5em .5em;
	}
	
#page-header .top-bar .menu .label
	{
	color: #444444;
	}

#page-header .top-bar .menu .link
	{
	padding: .2em 0 .2em 0;
	}

#page-header .top-bar .menu .link a
	{
	color: white;
	text-decoration: none;
	}

#page-header .top-bar .menu .link a:hover
	{
	color: #444444;
	text-decoration: underline;
	}

#page-header .top-bar .menu .link:before
	{ 
	content: "»"; 
	color: white; 
	padding: 0 .5em; 
	}

#page-header .top-bar .menu .link.icon:before
	{
	content: none;
	}

#page-header .top-bar .menu a.link:hover
	{
	color: #444444;
	}
	
#page-header .top-bar .menu .label.reserve
	{
	color: red;
	}

#page-header .top-bar .menu .reserve a
	{
	display: inline-block;
	color: #ffcccc;
	text-decoration: none;
	margin: .2em;
	}

#page-header .top-bar .menu .reserve a:hover
	{
	color: red;
	text-decoration: underline;
	}

#page-header .top-bar .menu .link .flag
	{
	padding-left: 2em; 
	background-position: 0 .1em;
	background-repeat: no-repeat;
	}


#page-header .top-bar .menu input[type=text],
#page-header .top-bar .menu input[type=email],
#page-header .top-bar .menu input[type=password]
	{
	font-size: 1em;
	color: #444444;
	width: 100%;
	padding: .2em .2em;
	border: 1px solid #444444;
	margin: .25em 0 0 0;
	}

#page-header .top-bar .menu input.warning
	{
	border-color: red;
	border-width: 2px;
	}

#page-header .top-bar .menu .line
	{
	margin: .5em 0;
	}

#page-header .top-bar .menu a.bouton,
#page-header .top-bar .menu input.bouton
	{
	display: block;
	padding: .2em .5em;
	border: none;
	border-radius: .5em;
	background-color: #444444;
	color: white;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	text-align: center;
	margin: .5em 0 .25em 0;
	cursor: pointer;
	}

#page-header .top-bar .menu a.bouton:hover,
#page-header .top-bar .menu input.bouton:hover
	{
	color: #444444;
	background-color: white;
	}



/*--- TOP-BAR : LANGUE ---*/

#page-header .top-bar li.language .menu
	{
	left: 0;
	width: 8em;
	}

/*--- TOP-BAR : NEWSLETTER ---*/

#page-header .top-bar li.newsletter .menu
	{
	left: 0;
	width: 18em;
	}

@media screen and (max-width: 744px) /* mobile */
	{
	#page-header .top-bar li.newsletter { display: none; }
	}


/*--- TOP-BAR : ESPACE PERSO ---*/

#page-header .top-bar li.perso .menu
	{
	right: 0;
	width: 18em;
	}

#page-header .top-bar li.perso .menu .button.submit
	{
	margin-bottom: 1em;
	}


/*--- TOP-BAR : PANIER ---*/

#page-header .top-bar li.panier .menu
	{
	right: 0;
	width: 18em;
	}
	
#page-header .top-bar li.panier .menu .button.show
	{
	margin-top: 2em;
	}

#page-header .top-bar li.panier .menu .info
	{
	color: white;
	clear: both; overflow: hidden; zoom: 1;
	}

#page-header .top-bar li.panier .menu .info .label
	{
	float: left;
	}
	
#page-header .top-bar li.panier .menu .info .value
	{
	float: right;
	font-weight: bold;
	}

#page-header .top-bar li.panier .menu .info.extra .value
	{
	font-weight: normal;
	font-style: italic;
	}

	
/*=== SEARCH ===*/	

#page-header .search
	{
	position: absolute;
	top: 4em;
	right: 0;
	width: 60%;
	font-size: 1.2em;
	overflow: hidden; zoom: 1;
	}
	
#page-header input.search-text
	{
	float: left; 
	margin-left: 5%;
	font-size: 1em;
	padding: .6em 1em;
	width: 65%;
	color: #444444;
	border: 1px solid #444444;
	border-radius: .5em 0 0 .5em;
	}

#page-header input.search-button
	{
	float: left; 
	font-size: 1em;
	font-weight: bold;
	padding: .6em 1em;
	border: 1px solid #444444;
	background-color: white;
	color: #bb0d1d;
	border-radius: 0 .5em .5em 0;
	border-left-width: 0;
	text-decoration: none;
	}

#page-header input.search-button:hover
	{
	background-color: #bb0d1d;
	color: white;
	}

/* Hack: allow input of type submit and text to have same height */
input::-moz-focus-inner
	{
    border: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
	}

@media screen and (max-width: 1050px) /* mobile */
	{
	#page-header .search { font-size: 1.1em; }
	}
	
@media screen and (max-width: 900px) /* mobile */
	{
	#page-header .search { font-size: 1em; }
	}
	
@media screen and (max-width: 744px) /* mobile */
	{
	#page-header .top-bar { display: none; }
	#page-header .site-menu { display: none; }
	#page-header .store-menu { display: none; }
	#page-header .search { position: static; width: 90%; margin: 0 5% 1em 5%; }
	#page-header .search input.search-text { width: 70%; margin: 0; }
	#page-header .search input.search-button { margin: 0; }
	}
	


/*=== SITE-MENU ===*/	

#page-header .site-menu
	{
	font-family: "Gill Sans MT", "Gill Sans", "Calibri", "Verdana", "Arial", sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	color: #444444;
	text-transform: uppercase;
	}
	
#page-header .site-menu ul li
	{
	display: inline-block;
	margin-bottom: .7em;
	}

.ie7 #page-header .site-menu ul li { display: inline; }

#page-header .site-menu ul li a
	{
	padding: .5em 1em;
	color: #444444;
	border-radius: 1em;
	text-decoration: none;
	}
	
#page-header .site-menu ul li a:hover
	{
	text-decoration: none;
/*	color: white; */
	color: #444444;
	border-color: #e0e0e0;
	background-color: #e0e0e0;
	}

#page-header .site-menu ul li.current a
	{
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	border-color: #e0e0e0;
	background-color: #e0e0e0;
	}
	


/*=== STORE-MENU ===*/	

#page-header .store-menu
	{
	font-family: "Gill Sans MT", "Gill Sans", "Calibri", "Verdana", "Arial", sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #444444;
	border-top: 1px solid #444444;
	}
	
#page-header .store-menu ul
	{
	margin: .25em 0;
	}
	
#page-header .store-menu ul li
	{
	display: inline-block;
	padding: .2em .6em;
	border-left: none;
	border-right: 1px solid #e0e0e0;
	color: #444444;
	}

#page-header .store-menu ul li.current
	{
	color: #444444;
	background-color: white;
	background-color: #e0e0e0;
	}
	
.ie7 #page-header .store-menu ul li { display: inline; }

#page-header .store-menu ul li a,
#page-header .store-menu ul li a:hover
	{
	text-decoration: none;
	}
	
#page-header .store-menu ul li.current a
	{
	font-weight: bold;
	}
	
#page-header .store-menu ul li:hover,
#page-header .store-menu ul li.current:hover
	{
	background-color: #e0e0e0;
	}
	
	
/*================
=== SLIDE MENU ===
================*/

#slide-menu ul
	{
	padding: .5em 0 .5em 0;
	}

#slide-menu ul li .title
	{
	display: block;
	color: #444444;
	background-color: white;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: .5em .1em .5em .8em;
	margin: .5em 0 .2em 0;
	font-size: 1.45em;
	font-weight: normal;
	font-style: italic;
	}

#slide-menu ul li .title a
	{
	text-decoration: none;
	}

#slide-menu ul.slide-perso li .title em { color: #ff0000; }
#slide-menu	ul.slide-site li a { text-transform: uppercase;	}

#slide-menu ul li.titre-section
	{
	padding: 0 0 0 1em;
	}

#slide-menu ul li.section
	{
	padding-left: 2em;
	}

#slide-menu ul li.section:empty
	{
	display: none;
	}

#slide-menu ul li.categorie
	{
	padding: .25em 0 .25em 2em;
	}

#slide-menu ul li.titre-section,
#slide-menu ul li.categorie
	{
	color: #444444;
	font-size: 1.1em;
	line-height: 1.3em;
	text-decoration: none;
	}

#slide-menu ul li a
	{
	text-decoration: none;
	}

#slide-menu ul li.categorie
	{
	text-indent: -1.2em;
	}

#slide-menu ul li.categorie:before
	{
	content: "»";
	font-size: 1.1em;
	color: #444444;
	padding-right: .5em;
	}

#slide-menu ul li.categorie.active, #slide-menu ul li.categorie.current { background-color: #d0d0d0; }
#slide-menu ul li.categorie.active a, #slide-menu ul li.categorie.current a { color: black; }
#slide-menu ul li.categorie:hover { background-color: #e0e0e0; }
#slide-menu ul li.categorie:hover a { color: black; }


/*========================
=== COULEURS SPECIALES ===
========================*/

/* cours de cuisine */
#page-header .site-menu ul li.adc a,
#page-header .site-menu ul li.adc a:hover,
#page-header .site-menu ul li.adc.current a { font-weight: bold; color: #bb0d1d; }
#slide-menu ul li.adc a,
#slide-menu ul li.adc.current a { color: #bb0d1d; }

/* special noel */
#page-header .site-menu ul li.offres-noel a,
#page-header .site-menu ul li.christmas-offers a,
#page-header .site-menu ul li.offres-noel a:hover,
#page-header .site-menu ul li.christmas-offers a:hover,
#page-header .site-menu ul li.offres-noel.current a,
#page-header .site-menu ul li.christmas-offers.current a { color: #ffd700; background-color: #bb0d1d; }
#slide-menu ul li.offres-noel a,
#slide-menu ul li.christmas-offers a,
#slide-menu ul li.offres-noel.current a,
#slide-menu ul li.christmas-offers.current a { font-weight: bold; color: #bb0d1d; }

/* special paques */
#page-header .site-menu ul li.paques a,
#page-header .site-menu ul li.easter a,
#page-header .site-menu ul li.paques a:hover,
#page-header .site-menu ul li.easter a:hover,
#page-header .site-menu ul li.paques.current a,
#page-header .site-menu ul li.easter.current a { color: white; background-color: #bb0d1d; }
#slide-menu ul li.paques a,
#slide-menu ul li.easter a,
#slide-menu ul li.paques.current a,
#slide-menu ul li.easter.current a { color: #bb0d1d; }

/* special promotions */
#page-header .site-menu ul li.promotion a,
#page-header .site-menu ul li.special-offers a { color: #3c813b; /* font-weight: bold; */ }
#page-header .site-menu ul li.promotion a:hover,
#page-header .site-menu ul li.special-offers a:hover,
#page-header .site-menu ul li.promotion.current a,
#page-header .site-menu ul li.special-offers.current a { color: white; background-color: #3c813b; }
#slide-menu ul li.promotion a,
#slide-menu ul li.special-offers a,
#slide-menu ul li.promotion.current a,
#slide-menu ul li.special-offers.current a { color: #3c813b; }

/* fete la cuisine */
#page-header .site-menu ul li.fete-cuisine a,
#page-header .site-menu ul li.treat-your-kitchen a,
#page-header .site-menu ul li.fete-cuisine a:hover,
#page-header .site-menu ul li.treat-your-kitchen a:hover,
#page-header .site-menu ul li.fete-cuisine.current a,
#page-header .site-menu ul li.treat-your-kitchen.current a { background-color: #e2eec8; color: #bb0d1d; font-weight: bold; }


/*=================
=== BANDEAU PUB ===
=================*/

.pub-content-header { text-align: center; line-height: 0; margin-bottom: 1em; }
.pub-content-header.max img { width: 100%; }

.pub-content-header-mobile { display: none; line-height: 0; margin-bottom: 1em; }
.pub-content-header-mobile img { width: 100%; }

@media screen and (max-width: 744px) /* mobile */
	{
	.pub-content-header { display: none; }
	.pub-content-header-mobile { display: block; }
	}

@media print 
	{
	.pub-content-header { display: none; }
	.pub-content-header-mobile { display: none; }
	}

/*========================
=== MODULES GENERIQUES ===
========================*/

.generic-module
	{
	font-size: 1em;
	margin-bottom: 1.5em;
	overflow: hidden; zoom: 1; 
	clear: both;
	}

.generic-module h2
	{
	font-size: 1.9em;
	color: #444;
	text-align: left;
	border-bottom: 1px dotted #368296;
	margin-bottom: .5em;
	padding: 2px 0 2px 0;
	}
	
.generic-module p
	{
	padding: .25em 0;
	}
	
.generic-module.module-connexion, .generic-module.module-left { width: 48%; float: left; }
.generic-module.module-inscription, .generic-module.module-right { width: 48%; float: right; clear: right; }
	
@media screen and (max-width: 1024px)
	{
	.generic-module.module-connexion, .generic-module.module-left { width: 100%; float: none; }
	.generic-module.module-inscription, .generic-module.module-right { width: 100%; float: none; clear: both; }
	}


/*======================
=== LABEL VALUE LIST ===
======================*/

.virtual-info
	{
	border: 3px double red;
	color: red;
	padding: 1em 1em .5em 1em;
	margin: 1em 0;
	}
	
/* LIST LABEL/SEPAR/VALUE */

.label-value-list .list-label,
.label-value-list .list-separ
	{
	float: left; 
	font-weight: bold;
	padding-top: .5em;
	}
	
.label-value-list .list-label
	{
	clear: both;
	width: 30%;
	text-align: right;
	}

.label-value-list .list-label .extra
	{
	font-weight: normal;
	}

.label-value-list .list-separ
	{
	width: 2.9%;
	text-align: center;
	}

.label-value-list .list-value
	{
	width: 67%;
	float: right; 
	text-align: left;
	padding-top: .5em;
	}

.label-value-list .list-line
	{
	clear: both;
	padding: .5em 0;
	}

.label-value-list .list-line.center
	{
	text-align: center;
	}

.label-value-list .list-line.alert
	{
	color: red;
	}

.label-value-list.ratio-20 .list-label { width: 20%; }
.label-value-list.ratio-20 .list-value { width: 77%; }
.label-value-list.ratio-40 .list-label { width: 40%; }
.label-value-list.ratio-40 .list-value { width: 57%; }

.label-value-list .list-value input[type=text],
.label-value-list .list-value input[type=email],
.label-value-list .list-value input[type=password],
.label-value-list .list-value select
	{
	position: relative;
	top: -3px;
	}
	
.label-value-list .list-value input[type=text],
.label-value-list .list-value input[type=email],
.label-value-list .list-value input[type=password],
.label-value-list .list-value textarea
	{
	font-size: 1em;
	border: 1px solid #444444;
	color: #444444;
	padding: 2px;
	}

.label-value-list .list-value input[type=file]
	{
	color: #444444;
	padding: 2px;
	}
	
.label-value-list .list-value input[type=text]:focus,
.label-value-list .list-value input[type=email]:focus,
.label-value-list .list-value input[type=password]:focus,
.label-value-list .list-value textarea:focus
	{
	color: black;
	background-color: #f8f8f8;
	}

.label-value-list .list-value input[type=text].warning,
.label-value-list .list-value input[type=email].warning,
.label-value-list .list-value input[type=password].warning,
.label-value-list .list-value textarea.warning
	{
	border-color: red;
	border-width: 2px;
	}

.label-value-list .list-value .warning-logo
	{
	color: red;
	font-size: 1.7em;
	margin-left: .25em;
	}

@media screen and (max-width: 744px) /* mobile */
	{
	.label-value-list.fluid .list-label
		{
		float: left; 
		width: auto;
		text-align: left;
		}
	.label-value-list.fluid .list-separ
		{
		float: left; 
		width: auto;
		text-align: left;
		margin-left: .5em;
		}
	.label-value-list.fluid .list-value
		{
		float: none;
		clear: both;
		width: 100%;
		}
	.label-value-list.fluid .list-label + .list-separ + .list-value
		{
		padding-top: 0;
		}
	.label-value-list.fluid .list-value input[type=text],
	.label-value-list.fluid .list-value input[type=email],
	.label-value-list.fluid .list-value input[type=password],
	.label-value-list.fluid .list-value select
		{
		position: static;
		}
	}




/*=================
=== PAGE FOOTER ===
=================*/

#page-footer
	{
	padding-top: 3em;
	}

#page-footer .footer-images
	{
	background: #ededed url(../img/footer/bloc-background.gif);
	margin-bottom: 1em;
	overflow: hidden; zoom: 1;
	padding: 0 2%;
	}

#page-footer .footer-images .image
	{
	top: -50px;
	float: left;
	width: 20%;
	text-align: center;
	}
	
#page-footer .footer-links
	{
	background-color: #ededed;
	padding: 1em 0 1em 5%;
	overflow: hidden; zoom: 1;
	color: #444444;
	}
	
#page-footer .footer-links .links
	{
	float: left;
	width: 20%;
	padding: 0 2.5% 0 2.5%;
	}
	
#page-footer .footer-links .links ul
	{
	display: block;
	}
	
#page-footer .footer-links .links ul li
	{
	display: block;
	margin-bottom: .1em;
	color: #444444;
	}
	
#page-footer .footer-links .links ul li.titre
	{
	font-weight: bold;
	}
	
#page-footer .footer-links .links ul li a
	{
	color: #444444;
	text-decoration: none;
	}
	
#page-footer .footer-links .links ul li a:hover
	{
	text-decoration: underline;
	}
	
#page-footer .footer-social
	{
	background-color: #ededed;
	text-align: center;
	}
	
#page-footer .footer-social img
	{
	margin: 0 .5em;
	}
	
#page-footer .footer-copyright
	{
	background-color: #ededed;
	text-align: center;
	padding: 1em;
	color: #444444; 
	font-size: .9em;
	}
	
#page-footer .footer-copyright ul { display: inline; } 
#page-footer .footer-copyright li { display: inline; }
#page-footer .footer-copyright li a { color: #444444; text-decoration: none; }
#page-footer .footer-copyright li a:hover { text-decoration: underline; }
#page-footer .footer-copyright li + li:before { content: "-"; padding: 0 .33em; }


@media screen and (max-width: 1250px)
	{
	#page-footer .footer-images .image { width: 25%; }
	#page-footer .footer-images .image.teste-recommande { display: none; }
	}

@media screen and (max-width: 1000px)
	{
	#page-footer .footer-images .image { width: 33%; }
	#page-footer .footer-images .image.charte-matfer { display: none; }
	}

@media screen and (max-width: 780px) /* tablette */
	{
	#page-footer .footer-images .image { width: 50%; }
	#page-footer .footer-images .image.fidelite { display: none; }
	#page-footer .footer-links .links { width: 28.3%; padding: 0 2.5% 0 2.5%; }
	#page-footer .footer-links .links.rdc { display: none; }
	}

@media screen and (max-width: 500px) /* mobile */
	{
	#page-footer .footer-images .image { width: 100%; }
	#page-footer .footer-links .links { width: 45%; padding: 0 2.5% 0 2.5%; }
	#page-footer .footer-links .links.en-ce-moment { display: none; }
	}

		
/*==========================
=== PANNEAUX COULISSANTS ===
========================= */

.panneaux-coulissants { overflow: hidden; position: relative; }
.panneaux-coulissants .back { visibility: hidden; }
.panneaux-coulissants .back img { width: 100%; }
.panneaux-coulissants .slide img { width: 100%; }
.panneaux-coulissants .slide 
	{ 
	position: absolute; 
	left: 0; top: 0; 
	width: 62.5%; 
	border-color: white; 
	border-width: 0 2px 0 2px; 
	border-style:solid; 
	cursor: pointer;
	}
.panneaux-coulissants .slide.focus
	{
	cursor: auto;
	}

.panneaux-coulissants .slide .wrap { position: relative; overflow: hidden; line-height: 0; }
.panneaux-coulissants .slide .wrap .image { position: absolute; left:0; top:0; width: 100%; }

.panneaux-coulissants .slide .wrap .legend 
	{ 
	position: absolute; left: 0; bottom:0; 
	width: 16%; 
	}

.panneaux-coulissants .slide.focus .wrap .legend 
	{ 
	position: absolute; left: 0; bottom: 0; 
	background: url(../img/ui/gray-70.png);
	display: block;
	}

.panneaux-coulissants .slide .wrap .voile 
	{ 
	position: absolute; left: 0; top:0; 
	width: 100%;
	height: 100%; 
	background: url(../img/ui/white-30.png); 
	opacity: 1;
	}
	
.panneaux-coulissants .slide.focus .wrap .voile
	{ 
	opacity: 0;
	}

.panneaux-coulissants .slide .legend
	{
	display: none;
	}
	
.panneaux-coulissants .slide .legend h2
	{
	font-size: 1.3em;
	}

.panneaux-coulissants .slide.focus .legend
	{
	display: block;
	width: 96%;
	padding: 1em 2%;
	}

.panneaux-coulissants .slide.focus .legend h2
	{
	font-size: 2em;
	color: white;
	font-style: italic;
	}

.panneaux-coulissants .slide a,
.panneaux-coulissants .slide a h2,
.panneaux-coulissants .slide a p
	{
	text-decoration: none;
	}

.panneaux-coulissants .slide a:hover h2
	{
	text-decoration: underline;
	}

@media screen and (max-width: 900px)
	{
	.panneaux-coulissants .slide.focus .legend h2 { font-size: 1.8em; }
	}
	
@media screen and (max-width: 744px)
	{
	.panneaux-coulissants .slide.focus .legend h2 { font-size: 1.6em; }
	}
	
/*===================
=== SCROLLING BOX ===
================== */

.scrolling-box .arrow
	{
	float: left;
	width: 5%;
	height: inherit;
	overflow: hidden;
	opacity: .3;
	text-align: center;
	z-index: 9;
	}

.scrolling-box .arrow:hover
	{
	opacity: .8;
	}

.scrolling-box .arrow img
	{
	margin-top: 30px;
	}

.scrolling-box .container
	{
	float: left;
	width: 90%;
	height: inherit;
	overflow: hidden;
	}

.scrolling-box .slide
	{
	float: left;
	margin-bottom: 100px;
	overflow: hidden; 
	}


/*=============================
=== ACTION-MENU / POPUP-BOX ===
============================ */

.action-menu .menu,
.ajouter-panier .menu,
.hover-popup .popup
	{
	display: none;
	}

.action-menu a.titre
	{
	text-decoration: underline;
	cursor: pointer;
	}

.popup-box
	{
	background-color: #a2a2a2;
	border-radius: .5em;
	padding: .5em 1em;
	font-size: 1em;
	color: #444444;
	}
	
.popup-box .item
	{
	display: block;
	text-align: center;
	margin: .25em 1em;
	}
	
.popup-box a.bouton
	{
	margin: .25em 10% !important;
	width: 80% !important;
	text-align: center !important;
	padding: .25em 0 !important;
	font-size: 1em !important;
	border: 1px solid #444444 !important;
	background-color: #444444 !important;
	color: white !important;
	border-radius: .5em !important;
	text-decoration: none !important;
	cursor: pointer;
	}

.popup-box a.bouton:hover
	{
	color: #444444 !important;
	background-color: white !important;
	}
	

/*========================
=== TOOLTIPS / PAGEREF ===
========================*/

.tooltip
	{
	display: none; 
	}

.tooltip-terme,
.tooltip-recette,
.tooltip-produit
	{
	width: 20em;
	border: 1px solid #a2a2a2;
	border-radius: .5em;
	background-color: white;
	padding: .5em 1em;
	color: #444444;
	font-size: 1em;
	}

.tooltip-recette .info,
.tooltip-produit .info
	{
	font-style: italic;
	}

.tooltip-recette img,
.tooltip-produit img
	{
	margin: .3em 0;
	}

/* TOOLTIP: TERME */

.pageref-terme
	{
	border-bottom: 1px dashed red;
	}
	
.tooltip-terme .terme
	{
	font-weight: bold;
	}
	
/* TOOLTIP: RECETTE */

.tooltip-recette
	{
	text-align: center;
	}

.tooltip-recette .titre
	{
	color: #bb0d1d;
	font-size: 1.3em;
	}
	
.tooltip-recette .note
	{
	margin-top: .3em;
	}
	
/* TOOLTIP: PRODUIT */

.tooltip-produit
	{
	text-align: center;
	}

.tooltip-produit .titre
	{
	font-size: 1.3em;
	}
	
.tooltip-produit .mentions
	{
	display: block;
	overflow: hidden; zoom: 1;
	padding: .2em 0;
	}
	
.tooltip-produit .mentions .mention
	{
	display: inline-block;
	font-size: 1.5em;
	transform: skew(-10deg) rotate(-3deg);
	-o-transform: skew(-10deg) rotate(-3deg);
	-ms-transform: skew(-10deg) rotate(-3deg);
	-moz-transform: skew(-10deg) rotate(-3deg);
	-webkit-transform: skew(-10deg) rotate(-3deg);
	}

.tooltip-produit .note-bar 
	{
	display: inline-block;
	padding: 0;
	width: 80px;
	background: url(../img/boutique/etoiles_off.png) 0 0 repeat-x;
	}

.tooltip-produit .note-bar .pc
	{
	height: 15px;
	background: url(../img/boutique/etoiles_on.png) 0 0 repeat-x;
	}
	
.tooltip-produit .prix
	{
	display: inline-block;
	color: #444444;
	font-weight: bold;
	}

.tooltip-produit .prix.barre
	{
	text-decoration: line-through;
	font-weight: normal;
	padding-right: 1em;
	}

.tooltip-produit .prix.promo
	{
	color: #bb0d1d;
	font-size: 1.1em;
	}

.tooltip-produit .prix.barre
	{
	text-decoration: line-through;
	font-weight: normal;
	padding-right: 1em;
	}

.tooltip-produit .prix.promo
	{
	color: #bb0d1d;
	font-size: 1.1em;
	}
	
.tooltip-produit .note
	{
	margin-top: .3em;
	}


/*==================
=== SECTION AVIS ===
==================*/


#avis-section
	{
	margin-bottom: 4em;
	overflow: hidden; zoom: 1;
	}

#avis-section .login-box
	{
	overflow: hidden; zoom: 1;
	margin-bottom: 1em;
	}

#avis-section .avis-connexion { width: 48%; float: left; }
#avis-section .avis-inscription { width: 48%; float: right; clear: right; }

@media screen and (max-width: 1024px)
	{
	#avis-section .avis-connexion { width: 100%; float: none; }
	#avis-section .avis-inscription { width: 100%; float: none; clear: both; }
	}

#avis-section .avis-connexion .titre,
#avis-section .avis-inscription .titre
	{
	font-size: 1.4em;
	color: #444444;
	text-align: left;
	border-bottom: 1px dotted #444444;
	margin-bottom: .5em;
	padding: 2px 0 2px 0;
	}

#avis-section a.bouton,
#avis-section input.bouton
	{
	color: #444444;
	border-color: #a2a2a2;
	}

#avis-section a.bouton:hover,
#avis-section input.bouton:hover
	{
	background-color: white;
	border-color: #444444;
	color: #444444;
	}

#avis-section .avis-box { margin-bottom: 2em; }
#avis-section .avis-box .user { font-weight: bold; }

#avis-section .avis-form
	{
	overflow: hidden; zoom: 1;
	margin-bottom: 1em;
	}

#avis-section .avis-form a.bouton.submit-disabled,
#avis-section .avis-form a.bouton.submit-disabled:hover,
#avis-section .avis-form input.bouton.submit-disabled,
#avis-section .avis-form input.bouton.submit-disabled:hover
	{
	color: #999 !important;
	border-color: #999 !important;
	cursor: default;
	}

#avis-section .avis-form .info { color: #444444; }
#avis-section .avis-form .important { color: #bb0d1d; }

#avis-section .note-bar
	{
	display: inline-block;
	padding: 0;
	width: 80px;
	background: url(../img/boutique/etoiles_off.png) 0 0 repeat-x;
	}

#avis-section .note-bar .pc
	{
	height: 15px;
	background: url(../img/boutique/etoiles_on.png) 0 0 repeat-x;
	}

#avis-section .avis-form .note-bar
	{
	cursor: pointer;
	}

#avis-section .legend
	{
	display: inline;
	color: #bb0d1d;
	}

#avis-section .avis-item
	{
	border-top: 1px dotted #444444;
	padding: .8em;
	}

#avis-section .avis-item:hover
	{
	background-color: #f0f0f0;
	}

#avis-section .avis-item .header,
#avis-section .avis-item .commentaire,
#avis-section .avis-item .footer
	{
	margin-bottom: 1em;
	}

#avis-section .avis-item .titre
	{
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
	}

#avis-section .avis-item .user,
#avis-section .avis-comment-item .user
	{
	font-weight: bold;
	}

#avis-section .avis-item .user .mdc,
#avis-section .avis-comment-item .user .mdc
	{
	color: #bb0d1d;
	}

#avis-section .avis-item .acheteur,
#avis-section .avis-comment-item .acheteur
	{
	color: #bb0d1d;
	}

#avis-section .avis-item .evaluation,
#avis-section .avis-comment-item .evaluation
	{
	font-size: .9em;
	}

#avis-section .avis-item .evaluation .bouton,
#avis-section .avis-comment-item .evaluation .bouton
	{
	padding: 0 .5em;
	margin-right: .5em;
	}

#avis-section .avis-item .evaluation .bouton.avis-comment
	{
	margin: 0 2em;
	}

#avis-section .avis-item .evaluation .utile-merci,
#avis-section .avis-item .evaluation .abus-merci,
#avis-section .avis-comment-item .evaluation .abus-merci
	{
	font-weight: bold;
	color: #bb0d1d;
	}

#avis-section .avis-item .avis-evaluation,
#avis-section .avis-comment-item .avis-comment-evaluation
	{
	display: inline-block;
	visibility: hidden;
	}

#avis-section .avis-item:hover .avis-evaluation,
#avis-section .avis-comment-item:hover .avis-comment-evaluation
	{
	visibility: visible;
	}

#avis-section .evaluation
	{
	display: inline-block;
	}

#avis-section .avis-comment-item
	{
	margin-left: 3em;
	border-top: 1px dotted #bbbbbb;
	padding: .5em .5em 2em .5em;
	}

#avis-section .avis-comment-item:hover
	{
	background-color: #f0f0f0;
	}

#avis-section .avis-comment-item .header
	{
	margin-bottom: .5em;
	}

#avis-section div.avis-comment-form
	{
	overflow: hidden; zoom: 1;
	}

	
/*=====================
=== COOKIES CONSENT ===
=====================*/

/* les styles css ont été également laissés dans les balises html TEMPORAIREMENT */

#cookies-consent
	{
	background-color: #333; 
	color: white; 
	padding: .7em 1em; 
	opacity:.85; 
	position: fixed; 
	z-index: 999; 
	bottom: 10px; 
	left: 10px; 
	width: 500px;
	}

#cookies-consent .cookies-close
	{
	float: right;
	cursor: pointer;	
	font-size: 1.5em;
	font-weight: bold;
	}

#cookies-consent .cookies-title
	{
	text-transform: uppercase;	
	}

#cookies-consent .cookies-text
	{
	}

#cookies-consent .cookies-text a
	{
	text-decoration: underline;
	color: white;
	}

@media screen and (max-width: 540px)
	{
	#cookies-consent { width: 280px; }
	}
	

/*=====================
=== POPUP NEWSLETTER ===
=====================*/

/* les styles css ont été également laissés dans les balises html TEMPORAIREMENT */

#popup-newsletter
	{
	background-color: rgba(0,0,0,.15);
	color: black;
	padding: 10px;
	position: fixed;
	z-index: 999;
	bottom: 0px;
	right: 0px;
	width: 310px;
	}

#popup-newsletter .box
	{
	background-color: white;
	padding: 1em 1.5em;
	}

#popup-newsletter .box .close
	{
	float: right;
	cursor: pointer;
	font-size: 1.5em;
	font-weight: bold;
	margin-left: 1em;
	}

#popup-newsletter .box .title
	{
	display: block;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: .5em;
	}

#popup-newsletter .box.merci .merci
	{
	display: block;
	text-align: center;
	color: #bb0d1d;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: .5em;
	}

#popup-newsletter .box .text
	{
	display: block;
	font-size: 1em;
	margin-bottom: 1em;
	}

#popup-newsletter .box.merci .text
	{
	margin-bottom: 0;
	}

#popup-newsletter input.email
	{
	display: block;
	width: 95%;
	font-size: 1em;
	border: 1px solid #cccccc;
	color: #444444;
	padding: .2em .4em;
	}

#popup-newsletter .lettre
	{
	margin-bottom: .5em;
	}

#popup-newsletter .lettre label
	{
	padding-left: .5em;
	}

#popup-newsletter .box.subscribe input.bouton.subscribe
	{
	width: 100%;
	margin-top: 1em;
	background-color: #bb0d1d;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	border-width: 0px;
	}


/*============================
=== SCROLLING BOX PRODUITS ===
============================*/

.scrolling-box.produits { height: 252px; }
.scrolling-box.produits.extra { height: 280px; }
.scrolling-box.produits.small { height: 2140px; }
.scrolling-box.produits.small.extra { height: 242px; }

.scrolling-box.produits .selection-produit
	{
	width: 240px;
	padding-right: 8px;
	text-align: center;
	}

.scrolling-box.produits.small .selection-produit
	{
	width: 164px;
	padding-right: 8px;
	text-align: center;
	}

.scrolling-box.produits .selection-produit a.image
	{
	display: block;
	}

.scrolling-box.produits .selection-produit a.image img
	{
	width: 208px;
	}

.scrolling-box.produits.small .selection-produit a.image img
	{
	width: 128px;
	}

.scrolling-box.produits .selection-produit a.titre
	{
	display: block;
	font-size: 1.3em;
	line-height: 1.1em;
	max-height: 2.3em;
	overflow: hidden;
	color: #444444;
	text-decoration: none;
	}

.scrolling-box.produits.small .selection-produit a.titre
	{
	font-size: 1.1em;
	line-height: 1em;
	max-height: 3.2em;
	}

.scrolling-box.produits .selection-produit a.titre:hover
	{
	text-decoration: underline;
	}

.scrolling-box.produits .selection-produit .mentions
	{
	display: block;
	overflow: hidden; zoom: 1;
	padding: .2em 0;
	}

.scrolling-box.produits .selection-produit .mentions .mention
	{
	display: inline-block;
	font-size: 1.5em;
	transform: skew(-10deg) rotate(-3deg);
	-o-transform: skew(-10deg) rotate(-3deg);
	-ms-transform: skew(-10deg) rotate(-3deg);
	-moz-transform: skew(-10deg) rotate(-3deg);
	-webkit-transform: skew(-10deg) rotate(-3deg);
	}

.scrolling-box.produits.small .selection-produit .mentions .mention
	{
	font-size: 1.2em;
	}

.scrolling-box.produits .selection-produit .note-bar
	{
	display: inline-block;
	padding: 0;
	width: 80px;
	background: url(../img/boutique/etoiles_off.png) 0 0 repeat-x;
	}

.scrolling-box.produits .selection-produit .note-bar .pc
	{
	height: 15px;
	background: url(../img/boutique/etoiles_on.png) 0 0 repeat-x;
	}

.mention.video { color: #3c813b; }
.mention.promotion { color: #bb0d1d; }
.mention.new { color: #de8026; }
.mention.baisse { color: #bb0d1d; }
.mention.pas-cher { color: #bb0d1d; }
.mention.noel { background-color: #bb0d1d; color: #ffd700; border-radius: .5em; padding: .1em; }
.mention.noel.jusquau { background-color: white; color: #bb0d1d; }

.scrolling-box.produits .selection-produit .prix
	{
	display: inline-block;
	color: #444444;
	font-weight: bold;
	}

.scrolling-box.produits .selection-produit .prix.barre
	{
	text-decoration: line-through;
	font-weight: normal;
	padding-right: 1em;
	}

.scrolling-box.produits .selection-produit .prix.promo
	{
	color: #bb0d1d;
	font-size: 1.1em;
	}

.scrolling-box.produits .ajout-panier
	{
	margin: .5em 0;
	}



/*============================
=== SCROLLING BOX RECETTES ===
============================*/

.scrolling-box.recettes
	{
	height: 232px;
	}

.scrolling-box.recettes .selection-recette
	{
	width: 240px;
	padding-right: 8px;
	text-align: center;
	}

.scrolling-box.recettes .selection-recette a.image
	{
	display: block;
	}

.scrolling-box.recettes .selection-recette a.image img
	{
	width: 208px;
	}

.scrolling-box.recettes .selection-recette a.titre
	{
	display: block;
	font-size: 1.3em;
	line-height: 1.1em;
	max-height: 2.3em;
	overflow: hidden; zoom: 1;
	color: #bb0d1d;
	text-decoration: none;
	}

.scrolling-box.recettes .selection-recette a.titre:hover
	{
	text-decoration: underline;
	}


/*====================
=== FOOTER MARQUES ===
====================*/

#marques
	{
	clear: both;
	overflow: hidden; zoom: 1;
	}

#marques .box
	{
	float: left;
	width: 33.3%;
	text-align: center;
	}

#marques .marque
	{
	display: inline-block;
	width: 300px;
	margin: 0 3.5% 0 3.5%;
	position: relative;
	}

#marques .marque img /* 280 x 96 */
	{
	position: absolute;
	left: 10px;
	}

#marques .marque p
	{
	font-size: .9em;
	color: #444444;
	margin-top: 64px;
	border: 1px solid #444444;
	height: 6.5em;
	padding: 40px 1.5em 0 1.5em;
	text-align: left;
	}

@media screen and (max-width: 1000px)
	{
	#marques .box { width: 50%; }
	#marques .mauviel { display: none; }
	}

@media screen and (max-width: 700px)
	{
	#marques .box { width: 100%; }
	#marques .marque { margin: 0; }
	#marques .barry { display: none; }
	}


/*============
=== DIVERS ===
============*/

#jeu-chasse-objet img.hover { display: none; }
#jeu-chasse-objet:hover img.hover { display: block; cursor: pointer; }