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

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

MDC_URLFINGERPRINT
*/

#page-content { margin-left: 0; }

@media screen and (max-width: 744px) /* mobile */
	{
	#page-content { margin-left: 8px; margin-right: 8px; }
	}

/*===========================
=== PAGE ACCUEIL RECETTES ===
===========================*/

#accueil h1 
	{
	font-size: 2.5em;
	font-style: italic;
	margin: .7em 0 1em 0;
	color: #444444;
	text-align: center;
	}
	
#accueil h1 em
	{
	color: #bb0d1d;
	font-weight: bold;
	}

@media screen and (max-width: 1000px)
	{
	#accueil h1 { font-size: 2.2em; }
	}
	
@media screen and (max-width: 850px)
	{
	#accueil h1 { font-size: 1.6em; }
	}

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

/* PAGE ACCUEIL : DIAPORAMA */

#accueil #diapo-accueil
	{
	overflow: hidden; zoom: 1;
	margin-top: 2em;
	margin-bottom: 3em;
	text-align: center;
	}


/* PAGE ACCUEIL : PAVES 3ETOILES */

#accueil #paves
	{
	overflow: hidden; zoom: 1;
	font-size: 1em;
	margin-bottom: 5em;
	}

#accueil.fr #paves .pave
	{
	float: left;
	width: 21%;
	margin: 0 2%;
	}

#accueil.fr #paves .pave-clear:nth-child(8n+1) { clear: both; }


#accueil.en #paves .pave
	{
	float: left;
	width: 29%;
	margin: 0 2%;
	}

#accueil.en #paves .pave.labo
	{
	display: none;
	}

#accueil #paves .pave img
	{
	width: 24%;
	margin: 0 38% .75em 38%;
	}

#accueil #paves .pave h2
	{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 0 0 .75em 0;
	}

#accueil #paves .pave p
	{
	text-align: center;
	margin: 0 0 .75em 0;
	color: #444444;
	}


@media screen and (max-width: 850px)
	{
	#accueil.fr #paves .pave { width: 46%; }
	#accueil.fr #paves .pave-clear { clear: none; }
	#accueil.fr #paves .pave-clear:nth-child(4n) { clear: both; }
	}


/* PAGE ACCUEIL : SECTIONS */

#accueil .section
	{
	clear: both;
	margin-bottom: 5em;
	overflow: hidden; zoom: 1;
	}

#accueil .section h2
	{
	font-size: 1.6em;
	text-transform: uppercase;
	color: #444444;
	padding-bottom: .4em;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 1em;
	}

#accueil .section .voir
	{
	clear: both;
	text-transform: uppercase;
	color: #444444;
	}


/* PAGE ACCUEIL : SECTION PRODUITS */

#accueil #produits .produit
	{
	float: left;
	width: 22%;
	margin-right: 4%;
	margin-bottom: 2vw;
	text-align: center;
	}

#accueil #produits .produit .titre
	{
	display: block;
	font-size: 1.4em;
	text-decoration: none;
	margin-top: .25em;
	}

#accueil #produits .produit:hover .titre
	{
	text-decoration: underscore;
	}

#accueil #produits .produit:nth-child(8n) { margin-right: 0; }
#accueil #produits .produit-clear:nth-child(8n+1) { clear: both; }

@media screen and (max-width: 1000px)
	{
	#accueil #produits .produit { width: 46%; margin-right: 8%; }
	#accueil #produits .produit:nth-child(4n) { margin-right: 0; }
	#accueil #produits .produit-clear { clear: none; }
	#accueil #produits .produit-clear:nth-child(4n+1) { clear: both; }
	}


/* PAGE ACCUEIL : SECTION RECETTES */

#accueil #recettes .recette
	{
	float: left;
	width: 22%;
	margin-right: 4%;
	margin-bottom: 2vw;
	text-align: center;
	}

#accueil #recettes .recette .titre
	{
	font-size: 1.5em;
	text-decoration: none;
	}

#accueil #recettes .recette:hover .titre
	{
	text-decoration: underscore;
	}

#accueil #recettes .recette:nth-child(8n) { margin-right: 0; }
#accueil #recettes .recette-clear:nth-child(8n+1) { clear: both; }

@media screen and (max-width: 1000px)
	{
	#accueil #recettes .recette { width: 46%; margin-right: 8%; }
	#accueil #recettes .recette:nth-child(4n) { margin-right: 0; }
	#accueil #recettes .recette-clear { clear: none; }
	#accueil #recettes .recette-clear:nth-child(4n+1) { clear: both; }
	}

/*===================
=== QUESTIONNAIRE ===
===================*/

.questionnaire
	{
	color: #444444;
	}
	
.questionnaire h1
	{
	font-size: 3em;
	margin-bottom: .5em;
	}

.questionnaire .intro,
.questionnaire .merci
	{
	margin-bottom: 2em;
	font-size: 1.3em;
	}

.questionnaire form
	{
	font-size: 1.1em;
	margin-bottom: 2em;
	}

.questionnaire form .qcm
	{
	margin-bottom: 2.5em;
	}

.questionnaire form .qcm .question
	{
	font-weight: bold;
	margin-bottom: .8em;
	}

.questionnaire form .qcm .liste-choix
	{
	}

.questionnaire form .qcm .choix
	{
	display: block;
	margin-bottom: .5em;
	}

.questionnaire form .qcm .choix label
	{
	padding-left: .25em;
	}