/* @override http://www.loeul-et-piriot.com/css/style.css */

@import url("print.css") print;
/*SITE MODELE 
©IGNIS 
7 octobre 2009 
*/
sup{}

#main{
	width: 1000px;
	margin: auto;
}
a{
	color: orange;
}

/* @group remise à 0 */
/* @group */
/* remise à zéro http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */


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, font, img, ins, kbd, q, s, samp,
small, strike, sub,  tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
hr{
	line-height: 28px;
	padding-bottom: 20px;
	border-style: none;
	background: url(../images/hr.jpg) no-repeat;
}
/* @end remise à zéro */

/* @group Général */

/* @group bouttons */

.btntrouver{
	height: 31px;
	width: 118px;
	display: inline-block;
	background: url(../images/btn_trouver.png) 0 0px;
	font-size: 0;
	color: #2c2d1e;
	line-height: 0;
}
.haut10{
	padding: 0;
	background-color: olive;
}
select{
	height: 25px;
}
.btntrouver:hover{
	height: 31px;
	width: 118px;
	display: inline-block;
	background: url(../images/btn_trouver.png) 0 -31px;
}

/* @end */

body{
	background-color: #000;
}
.clearboth{
	clear: both;
}
.aguauche{
	float: left;

}
img.aguauche {
	margin-bottom: 10px;
	margin-right: 10px;
}
.blocguauche .aguauche{
	padding-right: 0px;
}

.adroite{
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}



p{
	text-align: justify;
}
.txt{
	font-size: 14px;
	color: #333;
}
.txt ul{
	font-size: 14px;
	color: #333;
	padding-left: 20px;
}
.txt ul li{
	list-style-type: square;
}
.txt ul li a{
	color: #0f4c62;
}
.txt ul li a:hover{
	color: #272727;
}

strong{
	
}
pre{
	white-space: normal;
	padding: 5px;
	background-image: url(../images/h300.png);
	border: 1px solid #b6b23b;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333;
}
.cite{
	font-style: italic;
}
#contenuguauche .recette p{
	font: 14px/16px Arial, Geneva, "Helvetica Neue", Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 10px;
}

#contenuguauche a{
	color: #333333;
}
#contenuguauche a:hover{
}

p.ptttxtgris {
	font-size: 12px;
	color: #222;
}


#padding20{
	padding-left: 50px;
	margin-left: 50px;
}
a#padding20{
	text-decoration: none;
}
#padding20 :hover{
	color: #000;
}
.espace{
	padding-top: 20px;
}

/* @group entêtes */

h1{

}
#contenu .titrepage h1{

font: 35px/35px "Century Gothic", arial;
line-height: 50px;

	/*font-size: 40px;*/
	/*line-height: 50px;*/
	padding-left: 210px;
	padding-top: 5px;
	margin-left: 0;
}
#contenuguauche .recette h2{
	font: 20px/35px "Century Gothic", arial;
	color: #333333;
	vertical-align: middle;
	 no-repeat 0 0;
	padding-left: 60px;
	text-transform: uppercase;
}

.valeur{
	padding: 10px;
}
.titreingredients{
	color: #333333;
	vertical-align: middle;
	background: url(../images/pictos-recette/ingredients.jpg) no-repeat 0 -10px;
	padding-left: 60px;
}

.titrevaleur{
	color: #333333;
	vertical-align: middle;
	padding-left: 60px;
	background: url(../images/pictos-recette/plume.png) no-repeat 0 10px;
}


.blocsuggestions h2{
	font: 24px/40px "Century Gothic", arial;
	color: #333333;
	vertical-align: middle;
	background: url(../images/pictos-recette/suggestion.png) no-repeat 0 -10px;
	padding-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h2.century24{
	font: 22px/40px "Century Gothic", arial;
}

h3{
}
h4{
	
}
h5{
	
}
h6{
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

/* @end */
/* @end */

/* @group MENU */
#contenumenu{
	height: 48px;
	padding-bottom: 10px;
}
#menu{
	background-image: url(../images/fd-menuht.png);
	margin-top: 10px;
	display: inline-block;
	width: 980px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#menu ul{
}
#menu ul li a{
		
	text-decoration: none;
	color: #f9f9f9;
	padding-right: 1px;
	padding-left: 5px;
	margin-right: 6px;
}

#menu ul li a.menu_gris{
	color: #545454;
}

#menu ul li a:hover{
	text-decoration: none;
	color: #bdfe00;
}

#menu{
	height: 28px;
	line-height: 28px;
	padding-right: 10px;
	padding-left: 10px;
	color: #f9f9f9;
}

#Nav li {
	color: #fac10f;
	float: left;
}
#Nav li h1{
	font-size: 11px;
	margin-right: 5px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#Nav li .inbloc a {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/fd-menu.png);
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#Nav ul li a:hover ,#Nav li a:active  {
	color: #fac70e;
}

.Menu {
	display: none;
	text-align: left;
	float: left;
	position: absolute;
	z-index: 10001;
}

.Menu img{
	margin-left: -5px;
}

.inline {
	display: inline;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
}

.inbloc {
	display: block;
	clear: left;
}
.inblocbas {
	clear: left;
	display: inline-block;
}

.inblocbas a{
	clear: left;
	display: block;
}

.inbloc a:hover{
	background-color: #000;
}
.paslarge {
	width: 205px;
	float: left;
	font-size: 12px;
	line-height: 20px;
}


/* @end */

/* @group contenu */

/* @group titre */
.titrepage{
	
}
.titresection{
	float: left;
	width: 180px;
	margin-left: 20px;
}
.titretexte{
	
}
h1{
	
}


/* @end */






#contenu{
	background: white repeat-y;
}

#contenucentre{
	background-color: white;
	margin-left: 15px;
}
#contenuguauche{
	width: 710px;
	float: left;
}
#contenudroit{
	float: right;
	width: 260px;
}

/* @end */

/* @group header */

.liengoodies{
	color: #fff;
	text-decoration: none;
	font-family: "Century Gothic";
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 35px;
}
.liengoodies:hover{
	color: #ffa713;
	text-decoration: none;
	font-family: "Century Gothic";
}


#logo{
	float: left;
}
#header{
}
#recherche_haut{
	padding-bottom: 0;
	padding-top: 5px;
	width: 200px;
	text-align: left;
	height: 36px;
	float: right;
}

#ongletsheader{
}
#headerdroite{
	margin-top: 35px;
	width: 300px;
	float: right;
	background-color: #525252;
	padding: 0;
	height: 35px;
}

/* @end */

/* @group Footer */

#footer{
	font-size: 10px;
	background: #e6a200;
	line-height: 25px;
	padding-top: 5px;
}

#footer a{
	color: #222;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}
#footer a:hover{
	color: #000;
	text-decoration: underline;
}

#footerguauche{
	width: 600px;
	float: left;
	text-align: left;
	margin-left: 10px;
}

#footercentre{
	width:250px;
	float: left;
	margin-left: 10px;
}

#footerdroit p{
	font-size: 50px;
	line-height: 50px;
}
#footerdroit{
	width: 230px;
	float: right;
	margin-top: 5px;
}
#footerdroit a{
}
#footerdroit a:hover{
}

/* @end */

/* @group MODULES */
#vousetesici{
	padding: 4px;
	margin: 10px;
	background-color: #e8e8e8;
}
#vousetesici h6, #vousetesici h6 a{
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
}
#vousetesici h6 a:hover{
	color: #1f2252;
	text-decoration: underline;
}

.article{
	padding: 5px;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #727272;
}

/* @group contenu principal*/

/* @group css_articles */
.deuxblocs{
	width: 330px;
	float: left;
	display: inline-block;
	margin-right: 20px;
}


/* @end */

.intro{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	color: #666;
	font-size: 14px;
	background-color: #ace4f5;
	background-image: url(../images/fd-arrondi.png);
	border-color: #e1f8fe;
}
.intro .autoPadDiv p a{
	color: #fa9112;
	background-color: #c4df38;
	padding-right: 5px;
	padding-left: 5px;
}
.intro .autoPadDiv p a :hover{
	color: #fa9112;
	background-color: #e0fe3f;
	padding-right: 5px;
	padding-left: 5px;
}
.intro h3{
	color: #0f4c62;
	margin-bottom: 10px;
	margin-top: 5px;
	font: 22px/25px "century gothic", arial;
}


.intro strong{
	color: #0f4c62;
}
.intro a{
	color: #f98d12;
}

.deco{
	background: url(../images/h500.png) repeat;
}

.record{
}

.record strong{
	color: #666668;
}
#contenuguauche div.record ul {
	padding-left: 20px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	list-style-type: square;
	padding-bottom: 10px;
	padding-top: 5px;
}

#contenuguauche .record p{
	font-size: 14px;
	color: #666;
	line-height: 16px;
	text-align: justify;
	margin-top: 10px;
}
#contenuguauche .record h1{
	color: #73c6e6;
	border-width: 1px;
	border-style: none;
	border-bottom-width: 2px;
	font: 30px/25px "century gothic", arial;
	text-align: left;

	padding-top: 10px;
}
#contenuguauche .record h2{
	margin-right: 20px;
	font: 20px/25px "Century Gothic", arial;
	padding-left: 30px;
	margin-bottom: 5px;
	margin-top: 20px;
}
#contenuguauche .record h3{
	color: #0f4c62;
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-style: italic;
}
#contenuguauche .record h4{
	color: #333;
	padding: 0;
	margin: 0;
	font: 18px "century gothic";
}


.listefichiers{
	color: #403c0e;
	padding-left: 25px;
	background: url(../images/suivant.gif) no-repeat;
	margin-bottom: 5px;
	margin-top: 5px;
}
.coordonnees{
	padding-bottom: 10px;
	color: #4f4f4f;
}


.coordonnees h2{
	margin-right: 20px;
	font: 20px/25px "Century Gothic", arial;
	margin-bottom: 5px;
	margin-top: 20px;
}

.coordonnees p{
	font-size: 14px;
	margin-bottom: 10px;
}

.coordonees{
}

.lien-ref{
	padding-bottom: 20px;
}

.lien-ref h2{
	font-size: 22px;
	color: #fabc0f;
	border-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.lien-ref p a{
	font-size: 13px;
	text-decoration: none;
}



/* @end */

/* @group contenu secondaire */
.moduledroit{
	background-color: #333;
	margin: 10px;
	padding: 10px;
	border: 1px solid #666;
	font-size: 12px;
	color: white;
	line-height: 14px;
}
.moduledroit h3{
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
}
.moduledroit h3.orange{
	color: orange;
}
.moduledroit h3.vert{
	color: #c1d129;
}
.moduledroit .espacepicto{
	width: 44px;
	height: 32px;
	float: left;
}
.moduledroit h2{
	font-size: 22px;
	line-height: 18px;
	background-image: none;
	margin-bottom: 10px;
}
.moduledroit p img{
	width: 100px;
}
.moduledroit p{
	line-height: 16px;
}
.moduledroit .aguauche{
	padding-right: 10px;
}

.legumesdeco{
}
.legumesdeco img{
	position: absolute;
	bottom: -40px;
}
.recherche{
	/*background-color: #c1d129;*/
	margin: 10px;
	padding: 10px;
	border: 1px solid #b1c125;
	background: #c1d129 url(../images/fd_recette.jpg) no-repeat 0 0;
}
/* @end */


/* @end */

* {
}

/* @group commentaires */

	
	
#blocvert{
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	padding: 10px;
	width: 690px;
	/*margin-right: 5px;*/
}
.orange16{
	font-size: 16px;
	color: #f0b000;
}


#blocvert div.autoPadDiv div.milieubasmarque ul {
		padding-left: 40px;
	list-style-type: none;
	list-style-image: url(../images/puce_recette.png);
	color: #444;
	padding-bottom: 10px;
}

h2.astucenutrition{
	line-height: 40px;
	font-size: 25px;
	background: url(../images/pictos-recette/plume.jpg) no-repeat;
	padding-left: 45px;
}

#blocadroite{
	width: 330px;
	float: right;
	text-align: right;
}
#blocadroite img{
	border: 1px solid #645854;
}
/* @group bubble (com) */

/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
	padding-top: 10px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(../images/commentaires/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	border: 3px solid #fff;
	background-color: #b7e0ff;
	padding: 10px;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
	font-size: 14px;
}
div.bubble cite.rounded {
	position: relative;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(../images/commentaires/tip-rounded.gif) no-repeat 180px 0;
	font-size: 15px;
	margin: 0 0px 0px;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(../images/commentaires/tip-pimped.gif) no-repeat 15px 0;
}



/* @end */

/* @end */

/* @group ACCUEIl */
#contenu_accueil{
	background-color: #2e2e2e;
	position: relative;
	display: inline-block;
	height: 650px;
}

/* @group BLOCS acccueil */

/* @group blocnoir */

#blocnoir{
	width: 305px;
	height: 170px;
	margin-left: 20px;
	position: absolute;
	top: 391px;
	display: inline-block;
	background: url(../images/bloc_noir.png) no-repeat;
	color: #232323;
	left: 0;
}
#blocnoir h3{
	font: normal normal 30px "myriad pro", arial;
	color: #fad33c;
	margin-top: 40px;
	margin-left: 15px;
}
#blocnoir .btntouteslesrecettes{
	position: absolute;
	top: 45px;
	left: 180px;

}
/* @end */

/* @group bloc moteur de recherhce
 */

#blocrecettes{
	width: 445px;
	height: 170px;
	margin-left: 20px;
	position: absolute;
	top: 476px;
	display: inline-block;
	background: url(../images/fd_vertrecette-accueil.png) no-repeat;
	color: #232323;
	left: 0;
}
#blocrecettes:hover{
	background: url(../images/fd_vertrecette-accueil.png) no-repeat 0 -171px;

}

#blocrecettes table{
	margin-left: 10px;
	margin-top: 10px;

}
#blocrecettes a{
	color: #222;
	font-size: 11px;
	line-height: 14px;
}
#blocrecettes a:hover{
	color: #000;
}
#blocrecette .jNiceInputInner{
	margin-top: 50px;
}
#blocrecette p.margin20{
	padding: 10px 10px 10px;
}



#contenudroit ul .recherche a{
		color: #222;
	font-size: 11px;
	line-height: 14px;
}

#contenudroit ul .recherche a:hover{
	color: #000;
}










#liens ul{
	background-repeat: no-repeat;
}
#liens ul li{
	background: url(../images/puce-carree.png) no-repeat 0;
	padding-left: 15px;
}

.ptttxtgris{
}



/* @end */

/* @group Bloc produit */
.imgproduitaccueil{
	margin-top: 25px;
	float: left;
	margin-left: 10px;
}

a#blocproduits{
	text-decoration: none;
	color: #222;
	font-size: 12px;
}
a#blocproduits:hover{
	text-decoration: none;
	color: white;
	font-size: 12px;
}

a#blocproduits{
	width: 300px;
	height: 160px;
	border-style: none;
	position: absolute;
	background:url(../images/fd_blanc-prod-accueil.png) no-repeat;
	top: 476px;
	left: 480px;
	padding-left: 10px;
}
a#blocproduits img{
	padding-right: 15px;
}

a#blocproduits p.margin20{
	padding: 50px 10px 10px;
}

a#blocproduits p{
	font-size: 12px;
}

a#blocproduits .margin20{
	padding-top: 40px;
	margin-left: 10px;
	margin-right: 10px;
}
a#blocproduits:hover{
	background: url(../images/fd_blanc-prod-accueil.png) no-repeat 0 -171px;
}

a#blocproduits h2{
	color: #5a083b;
	font-size: 
	16px;
}
a#blocproduits:hover h2{
	color: #e6a200;
	font-size: 	16px;
}

/* @end */

/* @group blocbienêtre */

a#blocbienetre{
	text-decoration: none;
	color: #222;
	font-size: 12px;
}
a#blocbienetre:hover{
	text-decoration: none;
	color: white;
	font-size: 12px;
}

a#blocbienetre{
	width: 175px;
	border-style: none;
	position: absolute;
	background: url(../images/fd-sante.png) no-repeat 0 0;
	top: 476px;
	padding-top: 40px;
	height: 120px;
	left: 810px;
}
a#blocbienetre:hover{
	background: url(../images/fd-sante.png) no-repeat 0 -171px;
}
ablocbienetre p{
	font-size: 12px;
}
/* @end */

/* @group CLUB prive */

a#clubaccueil{
	width: 170px;
	height: 120px;
	position: absolute;
	top: 60px;
	right: 20px;
	background: url(../images/fd-club-prive.png) no-repeat;
	padding-top: 30px;
	border-style: none;
	color: #1a1a1a;
	font-size: 13px;
	text-decoration: none;
}
a#clubaccueil:hover{
	background: url(../images/fd-club-prive.png) no-repeat 0 -205px;
	color: #fff;
}
a#clubaccueil h2{
	color: #5a083b;
	font-size: 20px;
}
a#clubaccueil:hover h2{
	color: #fbd622;
	font-size: 20px;
}
#clubaccueil p{

	font-size: 11px;
}


/* @end */

.margin10{
	margin-left: 10px;
	margin-right: 10px;
}

/* @group PLAcement-bouton bas */

.btnbas-produits{
	position: relative;
	bottom: -40px;
}
#btnbas-sante-club{
	position: absolute;
	top: 130px;
	left: 70px;
	text-decoration: none;
}
.btnbas-trouver{
	position: absolute;
	top: 125px;
	left: 290px;
}

/* @end */



/* @end */


/* @end */

/* @group recettes */

/* @group contenurecette */
.padding{
	padding: 5px;
}
#blocsrecettes{
	margin-top: 10px;
}
.quatreblocs{
	float: left;
}

.quatreblocs .pttblocvert{
	width: 167px;
	border: 1px solid #d1d992;
	margin-right: 8px;
	height: 280px;
	background: #e9f2a3 url(../images/fd_4bloc-vert.jpg) repeat-x;
}

.quatreblocs .pttblocmarron{
width: 167px;
	border: 1px solid #decbb1;
margin-right: 8px;height: 280px;
	background: #f4dfc3 url(../images/fd_4bloc-marron.jpg) repeat-x;
}

.quatreblocs .pttblocvioline{
	width: 167px;
	border: 1px solid #b3a097;
	margin-right: 8px;height: 280px;
	background: #d6c0b5 url(../images/fd_4bloc-violet.jpg) repeat-x;
}

.quatreblocs .pttblocbleuclair{
	width: 167px;
	border: 1px solid #b4d5df;height: 280px;
	background: #cdf2fe url(../images/fd_4bloc-bleu.jpg) repeat-x;
}





.quatreblocs .pttpttblocvert{
	width: 167px;
	border: 1px solid #d1d992;
	margin-right: 8px;
	height: 85px;
	background: #e9f2a3 url(../images/fd_4bloc-vert.jpg) repeat-x;
}

.quatreblocs .pttpttblocmarron{
width: 167px;
	border: 1px solid #decbb1;
margin-right: 8px;height: 85px;
	background: #f4dfc3 url(../images/fd_4bloc-marron.jpg) repeat-x;
}

.quatreblocs .pttpttblocvioline{
	width: 167px;
	border: 1px solid #b3a097;
	margin-right: 8px;height: 85px;
	background: #d6c0b5 url(../images/fd_4bloc-violet.jpg) repeat-x;
}

.quatreblocs .pttpttblocbleuclair{
	width: 167px;
	border: 1px solid #b4d5df;height: 85px;
	background: #cdf2fe url(../images/fd_4bloc-bleu.jpg) repeat-x;
}

.quatreblocs p{
	font-size: 12px;
	margin-top: 10px;
	line-height: 14px;
	margin-bottom: 10px;
	width: 155px;
	text-align: left;
}

.gdblocvert{
	background: #e9f2a3 url(../images/fd_4bloc-vert.jpg) repeat-x;
		border: 1px solid #d1d992;

}
.gdblocmarron{
	border: 1px solid #decbb1;
	background: #f4dfc3 url(../images/fd_4bloc-marron.jpg) repeat-x;

}

.gdblocvioline{
	border: 1px solid #b3a097;
	background: #d6c0b5 url(../images/fd_4bloc-violet.jpg) repeat-x;
}

.gdblocbleu{
	border: 1px solid #b4d5df;	background: #cdf2fe url(../images/fd_4bloc-bleu.jpg) repeat-x;
}








.quatreblocs .hautquatreblocs{
	height: 32px;
	color: #161616;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.contenublocaccroche img{
	margin: 0 10px 0 0;
}
.quatreblocs .hautquatreblocs img{
	float: left;
	margin-right: 5px;
}
.contenublocaccroche{

	display: inline-block;
}
.contenublocaccroche p{
	height: 85px;
	overflow: hidden;
}

#listerecette h2{
	font-size: 18px;
	color: #525252;
	text-align: left;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#listerecette table{
}
#listerecette p{
	font-size: 12px;
}
#listerecette {
	padding-top: 10px;
}
/* @group navrecette */

#navrecette table{
	background-color: #ededed;
	padding-top: 10px;
}
#navrecette p{
	text-align: right;
}
.adroiteplat{
	float: right;
}

/* @end */

.contenurecette{
}
.contenurecette table{
	margin: 10px;
}
.contenurecette table tr{
border: 2px solid #ace4f5;
	color: #58747d;
	border: 1px solid #4f4f4f;
}
.contenurecette table td{
	border: 1px solid #4f4f4f;
}
/* @group pictos */

.barrepictos{
	margin-top: 10px;
	margin-bottom: 10px;
}
.grandpicto{
	width: 100px;
	height: 50px;
	background: url(../images/pictos-recette/grand_recette.jpg) no-repeat;
	position: relative;
	float: left;
}

.grandpicto .titre{
	position: absolute;
color: white;
	text-align: center;
	width: 100px;

}

.grandpicto .titre h2{
	font-size: 12px;
	color: #ccc;
	padding-top: 4px;
}

.grandpicto .info{
	font-size: 22px;
	position: absolute;
color: white;
	text-align: center;
	width: 100px;
	top: 15px;
}

.grandpicto .infotype{
	font-size: 14px;
	position: absolute;
color: #fff;
	text-align: center;
	width: 100px;
	top: 10px;
	margin-top: 5px;
}

.petitpicto{
	float: left;
}

.petitpictodroite{
	float: left;
	width: 50px;
}

.pictodroite{
	float: right;
}
.pictodroite img{
	vertical-align: middle;
}

/* @end */


.ingredients{
	width: 250px;
	float: left;
	margin-bottom: 20px;
	color: #333;
}
.titreingredients{
	
}

.ingredients ul{
	font-size: 14px;
	margin-top: 10px;
}
.ingredients ul li{
	margin-top: 3px;
	margin-left: 10px;
	color: #1d1d1b;
}
.astuce{
	margin-top: 30px;
}
.astuce h3{
	color: #444;
	font-size: 14px;
	font-weight: bold;
	margin-right: 20px;
}
.accompagnement{
	padding-top: 30px;
}
.accompagnement-milieu{
	background-image: url(../images/accompagnement-lapin-fd-mil.jpg);
	padding-left: 20px;
	padding-right: 20px;
}
.valeur-milieu{
	background-image: url(../images/pictos-recette/menu-equilibre/images/accompagnements-nutrition_02.jpg);
	padding-left: 20px;
	padding-right: 20px;
}
.preparation{
	width: 440px;
	float: right;
	text-align: justify;
}

.preparation em{
	color: #f0b000;
	font-size: 16px;
}
.preparation h3{
	font-size: 14px;
	font-style: italic;
	color: #555;
}
.service p{
	text-align: right;
	font-style: italic;
}


}
/* @end */

/* @group comùmùentaires */

/* Here's our form stuff */
fieldset {clear: both;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #444; padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

/* @end */

/* @group blochautrecette */      
.blochautrecette{
	color: #333;
	border: 2px solid #747474;
	margin-top: 5px;
	margin-bottom: 5px;
}

.TabbedPanels .blochautrecette{
	color: #333;
	border: 2px solid #747474;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ace4f5;
}

.blochautrecette a{
	text-decoration: none;
}
.photorecette{
	background: #c1d129;
	width: 430px;
	height: 310px;
	position: relative;
}
.basphotorecette{
	height: 30px;
	background: transparent url(../images/fd-blanc.png) repeat;
	top: 280px;
	position: absolute;
	display: block;
	width: 100%;
	vertical-align: baseline;
	line-height: 25px;
	font-size: 12px;
}

.basphotorecette img{
	vertical-align:middle;
}

.basphotorecette p{
	display: inline-block;
	position: absolute;
	top: 5px;
	font-size: 14px;
	left: 195px;
}
.basphotorecette p a{
	color: #333;
}

a.produitrecette{
	width: 260px;
	float: right;
	text-decoration: none;
	height: 310px;
	overflow: hidden;
}
a.produitrecette :hover{
	text-decoration: none;
}
h2.nomduproduit{
	color: #990000;
	text-transform: uppercase;
}
.btnbas{
	background-color: teal;
	display: inline-block;
	float: left;
}
.ficheproduitrecette{
	padding-left: 5px;
	width: 260px;
	float: right;
	height: 310px;
	position: static;
}
.ficheproduitrecette td{
	border: 1px solid #668791;
	font-size: 14px;
	padding: 10px;
	color: #2e3d42;
	background-color: #c7e8f5;
}
.ficheproduitrecette p{
	font-size: 12px;
	margin-right: 10px;
	padding-top: 5px;
}


.ficheproduitrecette img{
	margin: auto;
}
.petiteficheproduitrecette{
	border: 1px solid gray;
	text-align: center;
}

.ficheproduitrecette h2{
	font-size: 16px;
	line-height: 20px;
}

.titrenutrition{
	color: #cff3fe;
	font-size: 18px;
	background-color: #333;
	background-image: url(../images/fd-menuht.png);
	padding: 10px;
	display: block;
}
#contenuguauche ul li button{
	text-decoration: underline;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}
#contenuguauche ul li button:hover{
	background-color: #ace4f5;
}
.titreorange{
	color: orange;
}
/* @end */

/* @group suggestions */
.blocsuggestions{
	display: inline-block;
}
li.bloc-recette-lapin{
	width: 167px;
	display: inline-block;
	float: left;
	height: 180px;
	margin-right: 8px;
	background: #333 repeat-x 0 -25px;
	border: 1px solid #ffddba;
	margin-bottom: 8px;
}

li.bloc-recette-lapin:hover{
	background: #878787 none repeat-x -50px;
	border: 1px solid #b29c82;
	color: black;
	text-decoration: none;
}

li.bloc-recette-lapin .titre{
	height: 50px;
	overflow: hidden;
}
li.bloc-recette-lapin .titre h3{
	margin: 5px 2px;
	text-align: center;
	color: #fac20f;
	font-size: 14px;
	line-height: 12px;
}
li.bloc-recette-lapin img{
	border: 1px solid #6e6e6e;
	margin-left: 3px;
}
.plusderecette a{
	text-align: right;
	color: #2b2b2b;
	text-decoration: underline;
	font-size: 14px;
	float: right;
}

.marron{
	color: #6a4d37;
	font-size: 12px;
	font-style: italic;
	background-color: #c5db04;
}
/* @end */




/* @end */

/* @group .produits */
.produits{
	margin-top: 10px;
}
.cuisson{
	width: 105px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 5px;
	background: url(../images/fd_cuisson-lapin.png) no-repeat;
	height: 80px;
	border-style: solid;
	padding-top: 5px;
}
.cuisson img{
	width: 40px;
	height: 40px;
	margin-top: 15px;
	float: left;
	margin-left: 10px;
}
.cuisson p{
	font-size: 10px;
}
.tpscuiss{
	margin-top: 25px;
	margin-right: 10px;
}
.produits .deuxbloc{
	width: 330px;
	float: left;
	margin-right: 10px;
}
.hautproduit{
}
.hautproduit p{
	text-align: justify;
}

.infosproduits{
	width: 510px;
	float: right;
}
.infosproduits ul{
	font-size: 14px;
	padding-left: 40px;
	list-style-type: square;
}
.infosproduits p{
	margin-top: 5px;
}
.hautproduit table {
	padding: 10px;
}
.img_prod{
	float: left;
	position: relative;
	margin-left: 10px;
	width: 150px;
}
.zoom{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
}
.produits p{
	color: #444;
	font-size: 14px;
}
.produits h2{
	font-size: 16px;
	color: #633;
	padding-top: 10px;
	font-weight: bold;
}

/* @end */

/* @group .marquesmarquesmarques */
.marques{
	margin-top: 10px;
}
.hautmarque h2{
	color: #633;
	font-size: 25px;
	background-image: none;
}
.zoom{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
}
.marques p{
	color: #444;
	font-size: 14px;
}

.milieuproduit h2{
	color: #633;
	padding-top: 10px;
	font: normal 18px "century gothic";
}

.milieubasproduit .marques h2{
	font-size: 18px;
	color: #633;
	padding-top: 10px;
}

/* @end */

/* @group tooltype */

/* @group gd tooltype recette
 */

/* tooltip styling */
.tooltip {
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

/* @end */
#demotip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
 /*E 7 */
#demotip {
	background-image:url(../images/black_arrow.gif);
}


#dynatip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

/* @end */

/* @group boutons */
.espacebutton{
	text-align: right;
	display: inline-block;
	width: 100%;
	position: static;
	height: 30px;
}
.espacebuttonguauche{
	text-align: right;
	display: inline-block;
	width: 100%;
	position: static;
	height: 30px;
}
a.button {
    /* Sliding right image */
    background: transparent url(../images/btns-recette-lapin/images/btn_blocdroit_02.png) no-repeat scroll right; 
display: block;
height: 26px; /* CHAsNGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 13px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: white;
	float: right;
	right: 0;
	font: 12px Arial, Helvetica, sans-serif;
	bottom: 2px;
}
a.button span {
/* Background left image */ 
background: transparent url(../images/btns-recette-lapin/images/btn_blocdroit_01.png) no-repeat; 
display: block;
line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 5px 0 5px 10px;
	color: #fff;
} 
a.button:hover span{
text-decoration:underline;
}


/* @end */















.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}

/* @group tabs >  */
/* root element for tabs  */
ul.css-tabs { 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2px;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin: 0 0 2px;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
	color: #777;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
}
div.css-panes img{
	border: 10px solid #ffe617;
}
/* alternate colors: skin2 */
ul.skin2 a {
	background-color: #fff;		
	color: #fff;
}

/* mouseover state */
ul.skin2 a:hover {
	background-color: #ccdb56;
}

/* active tab */
ul.skin2 a.current {
	border-bottom: 2px solid #b8ce14;
	background: #b8ce14;
}

/* tab pane with background gradient */
div.skin2 div {
	min-height:200px;
	color: #1d2b36;
	
	/* IE6 does not support PNG24 images natively */
	_background:#fff;
	background: #b8ce14 url(../images/fd-arrondi.png) no-repeat 0 10px;
}

div.skin2 p{
	color: #1d2b36;
	margin-top: 5px;
}
div.skin2 h2{
	color: #474747;

}

/* @end */



/* root element for tabs */
#flowpanes {
	width:705px;
	height:500px;
	background: #fff repeat-x 0;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	

}
.items{
	width:500px;
}

/* override the root element to enable scrolling */

/* @override http://static.flowplayer.org/tools/css/scrollable-navigator.css */


/* position and dimensions of the navigator */
.navi {
	width:705px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
	height: 550px;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:705px;
	cursor:pointer;
	height: 550px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
	height: 550px;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}
#contenucentre .record ul.lexique li {
	display: inline;
	float: left;
	font-size: 14px;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
}

#contenucentre .record ul.lexique li a {
	display: block;
	width: 20px;
	text-align: center;
	padding: 2px 0;
	margin: 0 5px 0 0;
	text-decoration: none;
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #1e68ae;
}

#contenucentre .record ul.lexique li a.selected {
	background-color: #b0c9ea;
	border: 1px solid #a3d62d;
	width: 35px;
}

#contenucentre .record ul.lexique li a:hover {
	border: 1px solid #000;
	color: #000;
}

#contenucentre .record h3.lexique {
	color: #2b8cfd;
	font-size: 14px;
	display: inline;
}

#contenucentre .record div.lexique {
	margin-top: 10px;
	padding-bottom: 10px;
}

#contenucentre .record div.lexique p {
	display: inline;
}
.pandeconnexion{
	width: 1000px;
	text-align: right;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

html .pandeconnexion p{
	text-align: right;
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
}
html .pandeconnexion p a{
	text-align: right;
	color: #e6a200;
	text-decoration: none;
}
html .pandeconnexion p a:hover{
	color: #fff;
}

#page_recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#page_recherche a{
	color: orange;
}