body {
background:white url(images/bg_body.gif) top repeat-x;
margin:0;
padding:0;
}

#header {
width:952px;
height:108px;
background:url(images/bando.jpg) top center no-repeat;
padding:16px !important; padding-top:14px;
margin:0 auto 0 auto;
}
#header_int {
width:952px;
height:50px !important; height:52px;
background:url(images/bando.jpg) top center no-repeat;
padding:6px !important; padding-top:4px;
margin:0 auto 0 auto;
}
#ghost {
width:952px;
height:82px;
background:url(images/bg_ghost.jpg) top center no-repeat;
padding:0 16px 0 16px;
margin:0 auto 0 auto;
}
#contenu {
width:930px !important; width:920px;
height:300px;
background:url(images/bg_contenu.jpg) top center no-repeat;
padding:0 16px 0 16px;
margin:0 auto 0 auto;
}
#contenu_int {
width:940px;
height:488px !important; min-height:488px;
background:url(images/bg_int.jpg) top center no-repeat;
padding:0 16px 0 0;
margin:0 auto 0 auto;
}
/* Menu de navigation */
.navigation {
width:924px;
margin:0 auto 0 auto;
height:149px;
background:url(images/bg_nav.jpg) top center no-repeat;
padding:0 0 0 30px;
}
dl, dt, dd, ul, li {
margin:0;
padding:0;
list-style-type: none;
}
.menu {
position: relative;
top: 0;
left: 0;
width: 100%; /* précision pour Opera */
}
.menu dl {
float: left;
width:132px;
}
.menu dt {
text-align: center;
font: bold 16px Arial, Helvetica, sans-serif;
color:white;
background: #990033;
margin:0 0 0 4px;
padding:2px 0 2px 0;
}
.menu dd {
display: none;
text-align: center;
background: #c4557a;
margin:0 0 0 4px;
padding:2px 0 2px 0;
}
.menu li {
text-align: center;
background: #c4557a;
}
.menu li a, #menu dt a {
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-decoration: none;
display: block;
height:0%;
min-height:14px;
border:none;
margin:0 0 2px 0;
}
.menu li a:hover, #menu dt a:hover {
background:#c4557a;
text-decoration:underline;
color:white;
}

/* éléments du header */
div.drapeaux{
margin-top:-10px;
}
div.logos{
margin:0;
float:left;
}
div.logos img{
margin-top:-10px;
margin-top:-10px!important!;
}
.intro {
float:left;
width:232px;
background:white;
padding:6px;
margin:0 0 0 8px;
font:11px Arial, Helvetica, sans-serif;
color:black;
text-align:center;
-moz-opacity:0.7;
filter:alpha(opacity=70);
opacity:0.7;
}
#header img {
float:left;
border:none;
}
.uk {
float:right;
width:130px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:black;
text-align:center;
margin:12px 0 0 0;
}
.uk_int {
float:right;
width:130px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:black;
text-align:center;
margin:0;
}
.uk_int a {
color:black;
text-decoration:none;
}
.uk_int a:hover {
color:black;
text-decoration:underline;
}
.recherche {
float:left;
width:240px;
}
.recherche input{
width:150px;
color:#888888;
font-size:0.7em;
margin:0 0 4px 0;
}
.recherche form {
margin:0;
}
.form {
width:136px;
border:1px solid black;
background:white;
padding:2px;
margin:0;
font:bold 10px Arial, Helvetica, sans-serif;
color:#555;
}
.navigation_int {
width:924px;
margin:0 auto 0 auto;
height:44px;
background:url(images/bg_menu.jpg) top center no-repeat;
text-align:center;
padding:0 0 0 30px;
}

/*contenu principal*/
.bloc_recettes {
float:left;
width:274px;
height:304px;
padding:8px 10px 8px 10px;
/*background:#aeba88;*/
background-image:url(images/2010/degrade_vert.png);
background-repeat:repeat-x;
text-align:center;
}
.bloc_actus a {
color:black;
text-decoration:none;
}
.bloc_actus a:hover {
color:#990033;
}
.bloc_actus {
float:left;
width:274px;
height:304px;
padding:8px 10px 8px 10px;
/*background:#fedf8a;*/
background-image:url(images/2010/degrade_jaune.png);
background-repeat:repeat-x;
margin:0 0 0 20px;
text-align:center;
}
.bloc_produit{
float:left;
width:294px;
height:304px;
padding:8px 0 8px 0;
/*background:#ffb503;*/
background-image:url(images/2010/degrade_orange.png);
background-repeat:repeat-x;
margin:0 0 0 20px;
text-align:center;
}
.bloc_produit .titrage,.nouveau_produit .titrage{
background-color:#FFC63F;
padding:2px 4px;
margin:0 6px 8px 6px ;
}
.nouveau_produit .titrage{
margin:0;
margin:0 0 4px 0 ;
}
.bloc_produit h4{
font-size:0.9em;
font-weight:bold;
margin:2px 0;
}
.bloc_produit h4 a{
text-decoration:none;
color:#000000;
}
.bloc_produit h4 a:hover{
text-decoration:none;
color:#990033;
}
.bloc_produit h5{
color:#6F613E;
font-size:1.2em;
font-family:Times New Roman;
margin:0;
}
.bloc_recettes img {
border:1px solid white;
float:left;
margin:3px 6px 0 0;
}
.bloc_produit img, .nouveau_produit img {
border:1px solid #CF9D26;
}
.baseline {
width:930px;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#444;
letter-spacing:1px;
text-align:center;
margin:0 auto 0 auto;
}
.baseline a {
color:black;
text-decoration:underline;
}
.baseline a:hover {
color:#444;
text-decoration:none;
}
.right {
float:right;
width:200px;
margin:10px 0 0 16px;
}

.panier {
width:100%;
background:#CC99CC;
margin:0 0 16px 0;
padding:6px;
}
.input {
width:100px;
background:white;
padding:2px;
border:1px solid black;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:black;
margin-left:2px;
}
.valid {
background:#990033;
padding:1px;
float:right;
width:auto;
border:1px solid white;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:white;
}
.panier h1{
color:black;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt 0pt 4px;
text-decoration:none;
}
.panier h4 {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:black;
margin:0 0 1em 0;
}
.panier h5 {
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:black;
margin:4px 0 0 0;
}
.panier h5 a {
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:underline;
}
.panier h5 a:hover {
color:black;
text-decoration:underline;
}
.panier h3, .panier h3 a {
background:#990000;
padding:2px 2px 4px 2px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:1em 0 0 0;
text-decoration:none;
}
.panier h3 a:hover {
color:#FED563;
text-decoration:none;
}
.panier h4 a {
color:#990033;
font-weight:bold;
text-decoration:underline;
}
.panier h4 a:hover {
color:black;
text-decoration:none;
}


.conseils {
width:100%;
background:#aeba88;
margin:0 0 16px 0;
padding:6px;
text-align:center;
}
.actus {
width:100%;
background:#fedf8a;
padding:6px;
text-align:center;
margin:0 0 16px 0;
}
.actus h1, .conseils h1 {
margin:0 0 4px 0;
font:14px Arial, Helvetica, sans-serif;
color:black;
text-decoration:none;
}
.nouveau_produit {
width:100%;
background:#ffb503;
padding:6px;
text-align:center;
}
.nouveau_produit h1{
margin:0;
font-size:1em;
}
.nouveau_produit h4{
font-size:0.7em;
font-weight:bold;
margin:2px 0;
}
.nouveau_produit h4 a{
text-decoration:none;
color:#000000;
}
.nouveau_produit h4 a:hover{
text-decoration:none;
color:#990033;
}
.nouveau_produit h5{
color:#6F613E;
font-size:0.9em;
font-family:Times New Roman;
margin:0;
}
.rubrique {
float:left;
width:724px;
height:620px;
overflow:auto;
}
.rubrique_actus {
float:left;
width:700px;
}
.rubrique_new {
float:left;
width:700px;
}
.sous-rubrique {
float:left;
width:694px;
margin:10px 0 0 6px;
}
.rubrique h1 {
margin:10px 0 4px 0;
font:bold 15px Arial, Helvetica, sans-serif;
color:white;
background:#990033;
padding:4px 0 4px 6px;
margin:8px 0;
}
.rubrique_actus h1 {
margin:10px 0 4px 0;
font:bold 15px Arial, Helvetica, sans-serif;
color:black;
background:#FEDF8A;
padding:4px 0 4px 6px;
}
.rubrique_new h1 {
margin:10px 0 4px 0;
font:bold 15px Arial, Helvetica, sans-serif;
color:black;
background:#FFB503;
padding:4px 0 4px 6px;
}
.sous-rubrique img {
border:none;
float:left;
margin:0 10px 0 0;
}
.sous-rubrique h2, .sous-rubrique h2 a {
font:bold 14px Arial, Helvetica, sans-serif;
color:black;
text-decoration:none;
margin:0 0 3px 0;
}
.baseline_int {
float:left;
width:100%;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#444;
letter-spacing:1px;
text-align:center;
margin:0 auto 0 auto;
margin:24px auto 0 auto!important!;
}
.baseline_int a {
color:black;
text-decoration:underline;
}
.baseline_int a:hover {
color:#444;
text-decoration:none;
}
.spip_documents_right {
margin:0 0 0 10px;
}

/* généralités */
.b {
font-weight:bold;
}
.titre_produit{
font-weight:bold;
font-size:1.5em;
color:#990033;
}
h1 {
margin:0 0 4px 0;
font:18px Georgia, Times New Roman, Times, serif;
color:black;
}
h2 {
margin:0 0 3px 0;
font:bold 13px Arial, Helvetica, sans-serif;
color:black;
}
h1 a, h2 a {
color:black;
text-decoration:none;
}
h1 a:hover, h2 a:hover {
color:#990033;
}
h3 {
margin:0 0 1px 0;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:black;
}
h3 a, h5 a , a h3{
color:#990000;
text-decoration:underline;
}
h3 a:hover, h5 a:hover, a:hover h3 {
color:black;
text-decoration:underline;
}
h4 {
margin:0 0 1px 0;
font:11px Arial, Helvetica, sans-serif;
color:black;
padding:0 0 0 0;
line-height:14px;
}
h4 a {
font-weight:bold;
text-decoration:underline;
color:#990033;
}
h4 a:hover {
color:black;
}
h5, h5 a {
margin:0 0 1px 0;
font:bold 10px Arial, Helvetica, sans-serif;
color:black;
}
.search {
position:absolute;
margin:80px 0 0 790px;
margin:80px 0 0 790px!important!;
}
.search input{
width:150px;
color:#888888;
font-size:0.7em;
margin:0 0 4px 0;
margin:0 0 -16px 0!important!;
}
/*Menu js*/
ul.menulist {
	margin:0;
	/*padding: 19px 32px 0;*/
}
li.navtab a {
  float:left;
	display:block;
  /*background:#990033;*/
  background-image:url(images/2010/degrade_rouge.png);
  background-repeat:repeat-x;
  padding:5px;
  margin:6px 2px 0 0;
  font: bold 14px Arial, Helvetica, sans-serif;
  color:white;
  text-decoration:none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
li.navtab a {float:none;}
li.navtab a:hover, li.navtab a.tabon { 
	/*background-position:right top;*/
	color:white; 
  text-decoration:none;
}
.menulist ul {
	visibility:hidden;
	position:absolute;
	top:32px; 
	/*left:0;*/
	width:120px;
	background-color:#C4557A;
	border:1px solid black;
	padding:0 4px 4px 4px;
	text-align:center;
}
.menulist li {
	float:left;
	position:relative;
}
.menulist ul li { float:none; }
.menulist ul a {
	background:none;
	height:auto;
	padding:0 4px 4px 4px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
}
.menulist ul a:hover, 
.menulist ul a.liston, 
.menulist ul a.liston:hover {
	color:#fff;
	border:none;
  text-decoration:underline;
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist ul a { float:none; }
/* \*/
.menulist a { float:none; }
/* */

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist ul li {
 float:left;
 height:1%;
}
* html .menulist  ul a { height:1%; }
/* End Hack */

/* ----- VERTICAL DYNAMIC MENU (SPIP) -----*/

.affiche { visibility:visible; }
.cache { display:none; }
.visibility:visible; }
.cache { display:none; }


/* Nouveau sommaire */
#header_home {
width:952px;
height:190px;
background:url(images/bando_sommaire.jpg) top center no-repeat;
padding:16px;
margin:0 auto 0 auto;
}
.titre_recette{
font-size:1.5em;
color:#990033;
}
#clear{
clear:both;
}
.eng{
	background-color: #c45579 
}
.vignette{
margin:0 8px;
float:left;
}
p.noprd{
font-family:Arial;
font-size:0.7em;
}
/************************************************************************************/
/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de votre squelette                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip { list-style: disc; }
ol.spip { list-style: decimal; }
ul.spip li, ol.spip li { list-style: inherit; }
li.spip { margin: 0.3em 0 0.3em 0.8em; list-style-position: outside; }

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: "Bitstream Vera Serif", Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em; }
.spip_cadre { width: 99%; border: 1px solid; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none;}

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele {float:right; display:block; border:1px dotted gray; width:180px;}

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */
/************************************************************************************/