/**************GENERAL***************/
body{
	background-image:url(fond_degrade.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	color:#65665C;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
	background-color:#CCC7AD;
	padding:0;
	margin:0;
}
.presente-un-article .spip_logos{
	margin-right:12px;
}
#globale{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
#header{
position:relative;
width:900px;
height:195px;
margin:0 auto 0 auto;
}
h1#titre_principal{
	padding:0px;
	margin:0px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:244px;
	height:197px;
}
h1#titre_principal a{
	display:block;
	width:100%;
	height:100%;
}
#cadre-bandeau{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#cache-bandeau{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background-image:url(header.png);
	width:900px;
	height:195px;
	z-index:90;
}
#band{
	margin-top:10px;
}
/************COLONNES********/
#colonne-gauche{
	float:left;
	width:245px;

}
.grande-colonne-milieu{
	width:620px!important;
}
#colonne-milieu{
	float:left;
	width:370px;

}
#colonne-droite{
	float:right;
	width:173px;
	margin-right:25px;

}
/**********GAUCHE MENU**********/
#btn-plan,#btn-recettes{
	display:block;
	width:173px;
	height:133px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
.btn-plan-fr{
	background-image:url(bloc_plan.jpg);
}
.btn-plan-en{
	background-image:url(bloc_plan_en.jpg);
}
.btn-recettes-fr{
	background-image:url(bloc_recettes.jpg);
}
.btn-recettes-en{
	background-image:url(bloc_recettes_en.jpg);
}
/**********DECOUPAGE**********/
#bloc-contenant{
	width:900px;
	/*background-image:url(contenu_repeat.jpg);*/
	position:relative;
	z-index:1;
	background-color:#fffff5;
}
#bloc-contenant-haut{
	position:absolute;
	top:0;
	left:0;
	width:900px;
	background-position:top;
	background-image:url(contenu_haut.jpg);
	background-repeat:no-repeat;
	height:215px;
	z-index:3;
}
#bloc-contenant-bas{
	position:absolute;
	bottom:0;
	left:0;
	width:900px;
	background-position:bottom;
	background-image:url(contenu_bas.jpg);
	background-repeat:no-repeat;
	height:215px;
	z-index:3;
}
#contenu{
	position:relative;
	z-index:7;
	padding:30px;
	padding-top:70px;
	padding-bottom:70px;
	background:none;
}
/***************MENU PRINCIPAL***********/
.partie-menu-haut{
	display:block;
	height:10px;
	width:173px;
	background-image:url(menu_off_haut.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.partie-menu-milieu{
display:block;
	width:173px;
	background-image:url(menu_off_repeat.jpg);
	text-align:center;
}
.partie-menu-bas{
display:block;
	height:10px;
	width:173px;
	background-image:url(menu_off_bas.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.actif .partie-menu-haut{
	background-image:url(menu_on_haut.jpg);
}
.actif .partie-menu-milieu{
	background-image:url(menu_on_repeat.jpg);
}
.actif .partie-menu-bas{
	background-image:url(menu_on_bas.jpg);
}

h2.actif span.partie-menu-haut{
/*background-image:url(menu_on_haut.jpg)!important;*/
}
h2.actif span.partie-menu-milieu{
/*background-image:url(menu_on_repeat.jpg)!important;*/
padding-bottom:7px;
}
h2.actif span.partie-menu-bas{
/*background-image:url(menu_on_bas.jpg)!important;*/
}

ul#menu{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#menu li{
	padding:0;
	margin:0;
	margin-bottom:15px;
}
ul#menu li h2{
	padding:0;
	margin:0;	
}
ul#menu li h2 a{
	display:block;
}
ul#menu ul{
	padding:0;
	margin:0;
	margin-top:-10px;
	padding-bottom:10px;
	list-style-type:none;
	background-image:url(menu_sub_bas.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	
}
#menu h2{font-family:"Arial";font-size:17px;color:#FFFFFF;}
#menu ul li{
background-image:url(menu_sub_repeat.jpg);
margin:0;
}
#menu li li a{font-family:"Arial";font-size:12px;color:#807C73;display:block;text-align:center;background-color:center;text-align:center;text-decoration:none;font-weight:bold;padding-top:6px;padding-bottom:6px;}

#menu li li a:hover{color:#b5431a;}

h1{font-family:"Arial";font-size:17px;color:#332B05;}
#menu h2{font-family:"Arial";font-size:17px;color:#FFFFFF;}#menu li li a{font-family:"Arial";font-size:12px;color:#807C73;}
/************LE HAUT**********/
#bloc-menu-haut{
	height:35px;
	width:500px;
	position:absolute;
	top:18px;
	right:0;
	z-index:9;
}
#bloc-menu-haut a{
	display:block;
	float:left;
	background-position:top;
	height:15px;
}
#bloc-menu-haut a:hover{
	background-position:bottom;
}
#menu-accueil{
	background-image:url(smenu_accueil.jpg);
	width:79px;
}
#menu-plan{
	background-image:url(smenu_plansite.jpg);
	width:113px;
}
#menu-contact{
	background-image:url(smenu_contact.jpg);
	width:86px;
}
.menu-accueil-en{
background-image:url(smenu_accueil_en.jpg)!important;
width:62px!important;
}
.menu-plan-en{
background-image:url(smenu_plansite_en.jpg)!important;
width:85px!important;
}
.menu-contact-en{
background-image:url(smenu_contact_en.jpg)!important;
width:86px!important;
}
.une-langue-fr{
	display:block;
	float:right!important;
	height:15px;
	width:20px;
	background-image:url(smenu_france.jpg);
	background-position:top;
	margin-right:20px;
}
.une-langue-fr:hover{
background-position:bottom;
}
.langueactif{
	background-position:bottom!important;
}
.une-langue-en{
	display:block;
	float:right!important;
	height:15px;
	width:20px;
	background-image:url(smenu_english.jpg);
	background-position:top;
	margin-right:20px;
}
.une-langue-en:hover{
background-position:bottom;
}
/************menu-bas************/
#menu-bas{
	position:absolute;
	bottom:17px;
	right:20px;
	z-index:12;
}
#menu-mentions{
	float:right;
	height:15px;
	display:block;
	background-position:top;
}
#menu-mentions:hover{
	background-position:bottom;
}
.menu-mentions-fr{
	background-image:url(smenu_mentions.jpg);
	width:126px;
}
.menu-mentions-en{
	background-image:url(smenu_mentions_en.jpg);
	width:77px;
}

#danger{
	background-image:url(danger.jpg);
	width:465px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
.danger-en{
background-image:url(danger_en.jpg)!important;
}
.envoi-ami-fr{
	background-image:url(bouton_ami.jpg);
	width:116px;
	height:24px;
	display:block;
	clear:both;
}
.envoi-ami-en{
	background-image:url(bouton_ami_en.jpg);
	width:116px;
	height:24px;
	display:block;
	clear:both;
}
/**********LOGO*********/
.logo-article{
	text-align:center;
	position:relative;
	z-index:2;
	/*border:solid 1px;*/
}	
.reflet-logo-article{
	text-align:center;
	position:relative;
	z-index:2;
}
.masque_loupe{
		position:absolute;
		background-image:url(bloc_zoom.png);
		top:0;
		left:36px;
		z-index:3;
		width:173px;
		height:115px;
}
.masque_loupe a{
	display:block;
	width:100%;
	height:100%;
}
.masque_reflet{
		position:absolute;
		background-image:url(bloc_reflet.png);
		top:0;
		left:36px;
		z-index:3;
		width:173px;
		height:133px;
}
/*********PETITS STYLES **************/
a.strong{
color:#B5431A!important;
}
a{
	color:#B5431A;
}
a.backgroundhoverchange{
	background-position:top;
}
a.backgroundhoverchange:hover{
	background-position:bottom;
}
a.backgroundhoverchange span{
	display:none;
}
img{
	border:0;
}
a.lire_la_suite{
}
h1{
	margin-top:0;
}
#chemin{
	font-size:11px;
	margin-top:-10px;
	padding-top:0;
}
/***********DOCS JOINTS****************/
.uneImageJointe{
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	position:relative;
	z-index:8;
}
.loupe-portfolio{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:114px;
	height:88px;
	z-index:3;
	background-image:url(portfolio_zoom.png);
}
.unDocJoint{
	 width:85%!important;
}
.unDocJoint img{
	 display:inline!important;
	 float:left!important;
	 border:none!important;
	 margin-right:4px;
	 margin-bottom:4px;
}
.unDocJoint span{
	 float:left!important;
	 position:relative;
	 bottom:12px;
}
.spip_documents_center img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.spip_documents_center dt{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
.spip_documents_left{
	margin-right:8px;
}
.spip_documents_right{
	margin-left:8px;
}
.spip_doc_titre,.spip_doc_descriptif{
	text-align:center;
}
/**********FORMULAIRES*******/
fieldset{
	border:0;
}
legend{
font-weight:bold;
}
.erreur{
	color:red;
}
input,textarea,select{
	width:90%;
	color:#B5431A;
	font-weight:bold;
}
textarea{
	height:100px;
}
input.radio{
	width:auto;
}
input[type="checkbox"] {width:auto;}
ul.boutons{	list-style-type:none;}
td p{
	padding-left:20px;
}
/***************UTILITAIRE**********/
.left{float:left;}
.right{float:right;}
.invisible{display:none;}
.spacer{clear:both;}