/* @override 
	http://mai0902.babylone/css/generique/modele.css
	http://maillerecipes.localhost/css/generique/modele.css
	http://ideesmaille.ca/css/generique/modele.css
*/
/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 	{ margin: 0; padding: 0; border: 0; }
img			{border:none;}

a			{color: #cc6600; }
a:visited	{}
a:hover		{}
a:active	{}
a:focus		{outline:none; }
a img		{text-decoration: none; border: none; }

hr			{display:none;clear: both;}
li			{list-style-type:none;list-style-position:outside;}
table		{border-collapse: collapse; }
td			{vertical-align: top; }
th			{vertical-align: top; text-align: left; font-weight: bold; }
p			{margin-bottom: 0.5em; }
sup			{font-size:10px; line-height: 10px;}
/* titre */
/*@font-face {font-family: "Journal";  src: url("/css/JOURNAL0.eot") format("opentype"); }
@font-face {font-family: "Journalttf";  src: url("/css/JOURNAL2.ttf") format("truetype"); }*/


/*h1			{font: normal 48px/48px "Journal","Journalttf",Georgia;color:#000; text-transform:uppercase;}
h2			{font: normal 38px/38px "Journal","Journalttf",Georgia;color:#fff; text-transform:uppercase;}
h3			{font: normal 30px/30px "Journal","Journalttf",Georgia;color:#000; text-transform:uppercase;}
h4			{font: normal 20px/20px "Journal","Journalttf",Georgia;color:#fff; text-transform:uppercase;margin-bottom:5px;}
h5			{font:normal 12px "Lucida Sans","Lucida Grande", verdana, Arial, Helvetica, sans-serif;color:#bc9e61; text-transform:uppercase; margin-bottom:5px;}
h6			{font:normal 12px "Lucida Sans","Lucida Grande", verdana, Arial, Helvetica, sans-serif;color:#bc9e61; margin-bottom:5px;}*/


h1			{font: normal 48px/48px Georgia;color:#000; text-transform:uppercase;}
h2			{font: normal 38px/38px Georgia;color:#fff; text-transform:uppercase;}
h3			{font: normal 30px/30px Georgia;color:#000; text-transform:uppercase;}
h4			{font: normal 20px/20px Georgia;color:#fff; text-transform:uppercase;margin-bottom:5px;}
h5			{font:normal 12px "Lucida Sans","Lucida Grande", verdana, Arial, Helvetica, sans-serif;color:#bc9e61; text-transform:uppercase; margin-bottom:5px;}
h6			{font:normal 12px "Lucida Sans","Lucida Grande", verdana, Arial, Helvetica, sans-serif;color:#bc9e61; margin-bottom:5px;}


 /*titre*/ 

/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear			{clear:both;font-size:1px;line-height:0;}
.right, .right_2{float:right;}
.left, .left_2	{float:left;}
.center			{text-align:center;display:table;margin-left:auto;margin-right:auto;}

/* bordure */
.no_border{border:none;}

/* centrage txt*/
.txt-c		{text-align:center;}
.txt-l		{text-align:left;}
.txt-r		{text-align:right;}
.txt-j		{text-align:justify;}

/* alignement vertical */
.valign-t	{vertical-align:top;}
.valign-m	{vertical-align:middle;}
.valign-b	{vertical-align:bottom;}

/* position */
.rel		{position:relative}

/* element de hauteur < 10px */
.lf			{line-height:0;font-size:1px;}
/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

/*----------------------------------------------- MODELE SITE -------------------------------------------------*/
body, table, td	{font: 12px/22px "Lucida Sans","Lucida Grande", verdana, Helvetica, sans-serif; color: #000; }
body			{text-align: center; background:#f7f7f7 url(../../img/modele/bg-bottom.jpg) repeat-x bottom left fixed; }

#page			{margin-left:auto;margin-right:auto;text-align:left;width:960px;}

/* header */
#header						{position:relative;margin-left:auto;margin-right:auto;text-align:left;width:100%;background:url(../../img/modele/bg-top.gif) repeat-x; height:120px}
#header.home { background:url(../../img/modele/bg-top-intro.gif) repeat-x; }
#header .content 			{clear:both;width:960px;margin-left:auto;margin-right:auto; padding:14px 0; position:relative}
#logo			{ float:left; padding-top:0px;}



.flash			{ position:absolute; left:0; top: 144px; background-color: #242021; }
#intro_flash { position:absolute; left:0; top: 144px; }

.intro_img { position:absolute; left:0; top: 144px; }

<!--[if IE]>
#intro_flash { position:absolute; left:0; top: 130px; }
<![endif]-->

/* /header */

/* ariane j'ai mis le display à none en attendant que ça marche mieux!!!! - jf  */
#ariane			{color:#000; clear:both; padding:2px 0; visibility: hidden; }
#ariane ul		{margin:0}
#ariane li		{display:inline; padding-right:2px; text-transform:uppercase; font-size:10px}
#ariane a		{color:#000;text-decoration:underline;}
/* ariane */

/* navigation */
#navigation								{float:right; color:#a68c57; font:normal 10px "Lucida Sans","Lucida Grande", verdana, Arial, Helvetica, sans-serif;}
#navigation td a img { border: none; text-decoration: none; }
#navigation td						 	{ font-size: 10px; color:#a68c57; }
.navigation_functions 					{  }
#navigation li							{display:inline; padding-left:10px; margin-left:10px;background:url(../../img/picto/plus.gif) no-repeat 0 3px;}
#navigation li a, #navigation li a:hover{color:#a68c57; text-decoration:underline;}

#menu				{float:right; color:#bc9e61; font:normal 14px "Lucida Sans","Lucida Grande", verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:42px}
#menu li			{display:inline; padding-left:20px;}
#menu li a			{color:#bc9e61; text-decoration:none; padding-bottom:7px;}
#menu li a:hover	{color:#fff; text-decoration:none; background:url(../../img/modele/ligne-menu-over.gif) no-repeat center bottom;}
.ss_menu	{}
/*/navigation */

.magic 				{position:absolute; top:130px; }
.magic p,.magic a	{ line-height:14px; color:#000; }
.magic h4			{margin:0; color: #000; }


/* corps_page */
#corps_page		{width:100%;}
#col_gauche		{float:left; width:721px; padding:0 0;}
#col_droite		{float:right; width:220px; padding:0px 0;}
/* /corps_page */

/* entete */
#entete							{ margin: 10px 0; }
#entete	.left					{width:369px;}
#entete	.right					{width:565px; border-left:1px solid #888888; padding-left:25px;}
#entete	.right td p				{ font-size: 11px; line-height:15px}
/* /entete */

/* footer */
#footer				{font:normal 10px "Lucida Sans","Lucida Grande", verdana, Arial, Helvetica, sans-serif; color:#797878; background:url(../../img/modele/bg-footer.gif) repeat-x; padding:15px 0; margin-top:15px;}
#footer a			{color:#797878; text-decoration:none}
#footer a:hover		{color:#797878; text-decoration:underline}
#footer li			{display:inline; padding:5px;}
/* /footer */
/*------------------------------------------------ /MODELE SITE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES SITE --------------------------------------------*/
/* texte  = txt article */
.txt		{color:#000;font:normal 11px/14px "Lucida Sans","Lucida Grande", verdana;}
.txt a		{color:#000;}
/* /texte */

/* tableau */
table.tableau	{border-collapse:collapse;font-size:10px;}
.tableau th		{border:1px solid #000;vertical-align:top;}
.tableau td		{border:1px solid #000;vertical-align:top;}
/* /tableau */

/* pagination */
.pagination 		{margin-top:10px;font:normal 11px "Lucida Sans","Lucida Grande", verdana, Arial, Helvetica, sans-serif;color:#bc9e61;}
.pagination a		{color:#bc9e61;}
.pagination a:hover	{color:#bc9e61;}
.pagination strong	{color:#bc9e61;}/* page actuelle */
/* /pagination*/

/* bt - lien */
.bt_lien			{margin-top:15px;}

#col_droite a.lire, a.lire				{color:#000;font:bold 11px "Lucida Sans","Lucida Grande", verdana;}
#col_droite a:hover.lire, a:hover.lire	{color:#000;}

/* haut de page */
a.bt_haut_de_page				{display:block;margin-top:15px;color:#000;background:url('../img/picto/haut_de_page.gif') no-repeat;padding:0 0 0 10px;}
a:hover.bt_haut_de_page			{color:#000;}
/* imprimer */
a.bt_imprimer		{display:block;margin-top:15px;color:#000;background:url('../img/picto/imprimer.gif') no-repeat;padding:0 0 0 25px;}
a:hover.bt_imprimer	{color:#000;}
/* bt - lien */

/* separation */
.sep{}
/* separation */

/* formulaire */

input[type='checkbox']    { margin-right: 4px; }
input[type='radio']       { margin-right: 4px; }
option                    { -moz-padding-end: 10px; margin-right: 4px; }
select                    { margin-right: 4px; }



fieldset                  { padding: 6px;border:none; }
fieldset td               { padding: 4px 4px 4px 0; }
legend                    { font-weight: bold; color: #999; }

caption		{display:none;}
table.form										{ }
table.form td, table.form th					{font:normal 10px/14px "Lucida Sans","Lucida Grande", verdana;vertical-align:top;color:#a68c57}
table.form th									{font-weight:normal;text-align:left;}
.form .saisie input								{font:normal 11px "Lucida Sans","Lucida Grande", verdana;color:#000;border-left:1px solid #888;border-top:1px solid #888;border-right:1px solid #eee;border-bottom:1px solid #eee;background-color:white; height:20px}
.form .saisie input:focus						{font:normal 11px "Lucida Sans","Lucida Grande", verdana;color:#000;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #888;border-bottom:1px solid #888;background-color:white;}
.form .saisie textarea							{font:normal 11px "Lucida Sans","Lucida Grande", verdana;color:#000;/*border:1px solid #000;*/background-color:white;overflow:auto;}
.form .saisie select							{font:normal 11px "Lucida Sans","Lucida Grande", verdana;color:#000;background-color:white;}
.form .checkbox, .form .radio					{background:transparent;border:none;margin-left:30px;margin-right:10px;}
.form .checkbox_premier, .form .radio_premier	{background:transparent;border:none;margin-right:10px;}
*> .form option			{padding:0 2px;}
.form .libelle			{color:#000;}
.form .bt_form			{padding-top:15px;text-align:right;}
.form .libelle strong	{color:#f00;}
.form .no_marge			{padding-top:0;}
/* ---------- */
.form .obligatoire{font:bold 10px "Lucida Sans","Lucida Grande", verdana;color:#000;padding-top:28px;}
.form .indication{font-size:10px;color:blue;}
.cnil	{font:normal 10px arial;color:#000;padding-top:15px;}
.cnil a	{color:#000;}
/* /formulaire */

/* verif formulaire */
.verif_form			{font:normal 11px/14px "Lucida Sans","Lucida Grande", verdana;color:#f00;text-align:left;}
.verif_form div		{background:#fff;padding:5px;margin-top:10px;}
.titre_verif_form	{font-weight:bold;}
.intro_verif_form	{}
.verif_form ul		{}
.verif_form ul li	{}

.form span.verif_form_erreur	{background:white;color:#f00;border:1px solid #f00;display:block;}
.form input.verif_form_erreur	{background:white;color:#f00;border:1px solid #f00;}
.form select.verif_form_erreur	{background:white;color:#f00;border:1px solid #f00;}
.form textarea.verif_form_erreur{background:white;color:#f00;border:1px solid #f00;}

.error th, .error td { background-color: #ffd4d4; color:#f00 !important; font-weight: bold !important; }
div.error_message { background:white;color:#f00;border:1px solid #f00; background-color: #ffd4d4; padding: 5px; margin: 5px 0; font-weight: bold; }
p.error_message { color: #f00; font-size: 10px; font-weight: bold; margin: 0 !important; padding: 0  !important; }

div.verif_form *	{width:779px;}
div.verif_form ul	{width:auto;}
div.verif_form li	{width:auto;}
/* verif formulaire */
/*------------------------------------------- /PROPRIETES SITE --------------------------------------------*/
/* ---------- Étoiles ---------- */

.evaluation								{ background:url(/img/modele/etoiles.png); width:75px; height: 15px; position: relative; border:none; margin:5px 0}
.evaluation .resultat					{ background:url(/img/modele/etoiles.png) repeat-x 0 -15px; height: 15px; position: absolute; z-index: 10; }
.evaluation .etoiles					{ width:15px; height:15px; position: absolute; top: 0; left: 0; z-index: 20; background: url(/img/transparent.gif) repeat; }
.evaluation a.cinq						{ width:75px; height:15px; z-index:30; }
.evaluation a.cinq:hover				{ background:url(/img/modele/etoiles.png) repeat-x 0 -15px; }
.evaluation a.quatre					{ width:60px; height:15px; z-index:40; }
.evaluation a.quatre:hover				{ background:url(/img/modele/etoiles.png) repeat-x 0 -15px; }
.evaluation a.trois						{ width:45px; height:15px; z-index:50; }
.evaluation a.trois:hover				{ background:url(/img/modele/etoiles.png) repeat-x 0 -15px; }
.evaluation a.deux						{ width:30px; height:15px; z-index:60; }
.evaluation a.deux:hover				{ background:url(/img/modele/etoiles.png) repeat-x 0 -15px; }
.evaluation a.un						{ width:15px; height:15px; z-index:70; }
.evaluation a.un:hover					{ background:url(/img/modele/etoiles.png) repeat-x 0 -15px; }






.evaluation-big								{ background:url(/img/modele/etoiles-big.png); width:288px; height: 60px; position: relative; border:none; margin:30px 50px;}
.evaluation-big .resultat					{ background:url(/img/modele/etoiles-big.png) repeat-x 0 -60px; height: 60px; position: absolute; z-index: 10; }
.evaluation-big .etoiles					{ width:300px; height:60px; position: absolute; top: 0; left: 0; z-index: 20; background: url(/img/transparent.gif) repeat; }
.evaluation-big a.cinq						{ width:285px; height:60px; z-index:30; }
.evaluation-big a.cinq:hover				{ background:url(/img/modele/etoiles-big.png) repeat-x 0 -120px; }
.evaluation-big a.quatre					{ width:228px; height:60px; z-index:40; }
.evaluation-big a.quatre:hover				{ background:url(/img/modele/etoiles-big.png) repeat-x 0 -120px; }
.evaluation-big a.trois						{ width:171px; height:60px; z-index:50; }
.evaluation-big a.trois:hover				{ background:url(/img/modele/etoiles-big.png) repeat-x 0 -120px; }
.evaluation-big a.deux						{ width:114px; height:60px; z-index:60; }
.evaluation-big a.deux:hover				{ background:url(/img/modele/etoiles-big.png) repeat-x 0 -120px; }
.evaluation-big a.un						{ width:57px; height:60px; z-index:70; }
.evaluation-big a.un:hover					{ background:url(/img/modele/etoiles-big.png) repeat-x 0 -120px; }






.evaluation-noir							{ background:url(/img/modele/etoiles-noires.jpg); width:75px; height: 15px; position: relative; border:none; margin:5px 0}
.evaluation-noir .resultat					{ background:url(/img/modele/etoiles-noires.jpg) repeat-x 0 -15px; height: 15px; position: absolute; z-index: 10; }
.evaluation-noir .etoiles					{ width:15px; height:15px; position: absolute; top: 0; left: 0; z-index: 20; background: url(/img/transparent.gif) repeat; }
.evaluation-noir a.cinq						{ width:75px; height:15px; z-index:30; }
.evaluation-noir a.cinq:hover				{ background:url(/img/modele/etoiles-noires.jpg) repeat-x 0 -15px; }
.evaluation-noir a.quatre					{ width:60px; height:15px; z-index:40; }
.evaluation-noir a.quatre:hover				{ background:url(/img/modele/etoiles-noires.jpg) repeat-x 0 -15px; }
.evaluation-noir a.trois					{ width:45px; height:15px; z-index:50; }
.evaluation-noir a.trois:hover				{ background:url(/img/modele/etoiles-noires.jpg) repeat-x 0 -15px; }
.evaluation-noir a.deux						{ width:30px; height:15px; z-index:60; }
.evaluation-noir a.deux:hover				{ background:url(/img/modele/etoiles-noires.jpg) repeat-x 0 -15px; }
.evaluation-noir a.un						{ width:15px; height:15px; z-index:70; }
.evaluation-noir a.un:hover					{ background:url(/img/modele/etoiles-noires.jpg) repeat-x 0 -15px; }

.bouton_etoile							{ width:30px; height:15px; position:absolute; top: 0; left: 0; z-index: 21; background: url(/img/modele/transparent.gif) repeat; }














/* Ajout JF*/

#col_gauche.formulaire  { background-color: #f7f7f7; width:511px; padding: 10px; margin-left: 160px; border: 1px solid #ccc; border-top: none; display: inline; }

#col_gauche.formulaire_recette  { background-color: #f7f7f7; width:711px; padding: 10px; border: 1px solid #ccc; border-top: none; display: inline; }

#col_gauche.formulaire_recette h3 { margin: 16px 0; }

hr.separateur { border: none; border-top: 1px solid #bc9e61; border-bottom: 1px solid white; display: block; margin: 10px 0; }


table.form td, table.form th {font:normal 12px/14px "Lucida Sans","Lucida Grande", verdana; vertical-align:top;color:#a68c57; padding: 4px;}
table.form th { width: 200px; padding-top: 10px; }
table.form th.qty_col, table.form td.qty_col { width: 50px; }
.form .saisie input		{font:normal 11px "Lucida Sans","Lucida Grande", verdana;color:#000;border-left:1px solid #888;border-top:1px solid #888;border-right:1px solid #eee;border-bottom:1px solid #eee;background-color:white; height:20px; padding: 0 3px;}
.form .saisie input[type="text"], .form .saisie input[type="password"] { width: 260px; }
.form .saisie textarea { width: 260px; }

.form .saisie input[type="text"].shorter { width: 194px; }
.form .saisie input[type="text"].mini, .form .saisie input[type="password"].mini { width: 100px; }
.form .saisie input[type="text"].micro, .form .saisie input[type="password"].micro { width: 40px; }


table.form_complement th { width: 350px; }
table.form_complement td { }
.article table.form_complement ul { margin-left: 0; }

.legend { font-size: 10px; font-weight: bold; margin: 0; margin-left: 9px; }


li.product_list_item { float: left; width: 230px; list-style-type: none !important; margin-bottom: 0px; margin-left: 0; padding-left: 0; font-size: 10px; }

.add { background: url(../../img/picto/ico_add.gif) no-repeat; padding-left: 16px; width: 200px; }


/* fancybox*/
body.fancybox { background-color: white; background-image: none; line-height: 16px; }
.fancybox #page		 		{ width: 380px; }
.fancybox_movie #page		{ width: auto !important; }
.fancybox #corps_page 		{ width: 380px; }
.fancybox table.form th 	{ width: 130px; text-align: right; }
.fancybox .form .saisie input[type="text"], .fancybox .form .saisie input[type="password"] { width: 200px; }

.fancybox .error_list { background:white;color:#f00;border:1px solid #f00; background-color: #ffd4d4; padding: 5px; margin: 5px 0; font-weight: bold; }
.fancybox .error_list li {  }