@CHARSET "ISO-8859-1";
/* Layout de de toutes les pages */
* {
	margin: 0;
	padding: 0;
	font-family: tahoma, helvetica, sans-serif;
}
body {
	text-align: center;
	margin-top: 0;
	background-image: url(/images/AliBackground.jpg);
	background-repeat: repeat;
}
em {
	color: #3c2d1e; /* brun */
	font-weight: bold;
}
h1, h2, h3, h4 {
	text-align: left;
}
h1 {
	font-size: 14px;
	padding: 12px 0 0;
	color: #cf611b; /* orangé */
}
h1>img {
	vertical-align: middle;
}
h2 {
	font-size: 12px;
	padding: 6px 0;
	color: #6aab52; /* vert */
}
h3 {
	color: #3c2d1e; /* brun */
	font-size: 11px;
}

p, li, td, th, a, span {
	font-family: tahoma, helvetica, sans-serif;
	text-align: left;
	font-size: 10.5pt;
	color: #3c2d1e;	/* brun */
}

p {
	margin-bottom: 9px;
}

a {
	text-decoration: none;
	color: #009;
}

p.photo_rca {
	text-align: left;
}
p.photo_archive {
	text-align: center;
	padding-left:auto;
	padding-right:auto;
}
li {
	padding-left: 1em;
	margin-left: 1em;
}
h1#titr {
	position: relative;
	top: 172px;
	text-align: center;
	font-size: 13pt;
	color: #3c2d1e; /* brun */
}
h1#titre p {
	text-align: center;
}
h1#titr img {
	vertical-align: middle;
}
div#page {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 960px; 
	background-image: url(/images/background_milieu.png);
	background-repeat: repeat-y;
}
div#entete {
	position: relative;
	height: 295px; 
	background-image: url(/images/fond_entete.png); 
	background-repeat: no-repeat;
	background-position: top;
	top: 0;
	padding: 0;
	margin: 0;
	border-top: 1px solid #3c2d1e;
	z-index: 10;
	text-align: left;
}
div#corps {
	padding: 3px 45px 1em 46px;
	text-align: left;
}
div.contenu p {
	text-align: justify;
}
.txt_orange {
	color: #dc661c; /* orangé */
	font-weight: bold;
}
.txt_brun {
	color: #3c2d1e; /* brun */
	font-weight: bold;
}
.txt_vert {
	color: #6aab52; /* vert */
	font-weight: bold;
}
.en {
	color: red;
}
.fr {
	color: #00A;	
}
.table_ingredients {
	border: 0;
}
.table_ingredients td {
	padding: 0 0 1em 0;
	margin: 0;
	border: 0;
	line-height: 90%;
}

/************************************ 
Titres de section et de sous-sections
Note : la couleur du tutre peut être redéfinie dans la page
	color: #392C18; orangé (par défaut) 
	color: #6aab52; vert menthe 
*************************************/
div.tligne {
	background-image: url(/images/ligneorange2px.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
	margin: 1em 0;
}
div.tligne h1 {
	background-image: url(/images/fondbeige.png);
	display: inline;
	text-align: left;
	font-size: 15px;
	color: #cf611b; /* orangé */
	padding-right: 1em;
}


/************************************ 
Menus du haut 
*************************************/
table#menuhaut {
	margin-left: 18px;
	margin-top: 3em;  /* voir valeur spécifique dans '/en/include/entete.php' */
	padding-bottom: 2px;
}
table#menuhaut td {
	text-align: center;
	font-family: tahoma, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e5dcc1; /* texte beige */
	padding: 0;
}
td#m1 {	width: 114px;}
td#m2 {	width: 146px;}
td#m3 {	width: 213px;}
td#m4 {	width: 212px;}
td#m5 {	width: 230px;}

table#menuhaut a {
	color: #e5dcc1;
	text-decoration: none;
}
table#menuhaut a:hover {
	color: #392C18;	/* orangé */
}

ul.menud {
	position: absolute;
	list-style: none;
	margin: 3px 0 0 0 !important;
	padding: 0 !important;
	z-index: 30;
	background-color: #e5dcc1; /* beige */
	opacity: .9;
	filter: alpha(opacity=90);
	margin: 0;
}
ul.menud li {
	display: block !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	text-align: left;
	overflow: visible;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #3c2d1e;
	line-height: 100%;
}
ul.menud li.premier {
	border-top: 1px solid #3c2d1e;
}
ul.menud li a {
	font-weight: normal;
	display: block;
	padding: 3px 0;
	margin: 0;
	line-height: 120% !important;
	width: 100% !important;
	height: 100% !important;
	text-decoration: none;
	color: #3c2d1e;
}
ul.menud span {
	display: block;
	margin: 0 14px;
}
ul.menud li a:hover {
	color: #e5dcc1; /* beige */
	background-color: #392C18;
	height: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
}
ul.menud li a:hover span {
	color: #e5dcc1; /* beige */
}
ul#md2 {left: 135px; width: 235px; display: none;}
ul#md3 {left: 282px; width: 360px; display: none;}
ul#md5 {left: 719px; width: 220px; display: none;}
ul#md2_en {left: 135px; width: 235px; display: none;}
ul#md3_en {left: 282px; width: 360px; display: none;}
ul#md5_en {left: 719px; width: 220px; display: none;}

.titre_admin {
	position: relative; 
	top: 10em; 
	margin-left: 3.2em;
}
.titre_admin a {
	color: #cf611b; /* orangé */
	text-decoration: none;
	font-weight: bold;
}
div#lienlang {
	position: absolute;
	top: 1px;
	left: 2em;
}
div#lienlang a {
	font-size: 8pt;
	color: #cf611b;
	text-decoration: none;
	font-weight: bold;
}

/*******************************************************
	Affichage d'article de contenu (Recette, conseil, aliment)
********************************************************/
div.contenu_article td {
	padding-right: 1em;
}

/*******************************************************
	Utilitaire à mettre après un div absolu ou des float
********************************************************/
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

/*******************************************************
	Pied de page
********************************************************/
div#pied {
	/* background-image: url(/images/bas_page_fr.png);  MAINTENANT DANS CHAQUE PIED */
	background-repeat: no-repeat;
	clear: both;
	height: 80px;
}
div#pied img {
	border: 0;
	height: 60px;
	width: 960px;
}
p#piedpied {
	position:relative;
	top: 5px;
	text-align: center;
	font-size: 6pt;
	color: white;
}
p#piedpied a {
	font-size: 6pt;
	color: white;
}
p#piedpied a:hover {
	color: #cf611b; /* orangé */
}