/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #DEE0C9;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #8b8d09;
	font-size:17px;
	font-weight:normal;
	margin-bottom:5px;
	text-transform:uppercase;
}

h2{
	color: #8b8d09;
	font-size:15px;
	font-weight:bold;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#haut{
	background:url(Gx/M/header.gif) no-repeat;
	width:1000px;
	height:147px;
}

#printlogo{
	display:none;
}

#photo{
	float:right;
	margin-top:5px;
	background:url(Gx/M/fond_photo.gif) no-repeat;
	width:741px;
	height:266px;
}

#cadrephoto{
	padding:12px 0 0 15px;
}

#contenugauche{float:left;width:259px;}

#imagesmenu{
	margin:10px 0 0 5px;
}

#recette{
	margin-top:5px;
}

#recette input{
	display:block;
	float:left;
	margin-left:3px;
}

#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}

#contenu{
	margin-top:20px;
	padding-right:10px;
	float:right;
	width:720px; _width:730px;
	text-align:justify;
}

.imagesAlbum{
	float:left;
	width:156px;
	border:1px solid #AFA985;
	text-align:center;
	margin:5px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menusec{
	background:url(Gx/M/menusec_fond.gif) repeat-x;
	height:46px;
}

#menusecgauche{
	background:url(Gx/M/menusec_gauche.gif) no-repeat;
	width:36px; height:46px;
	float:left;
}

#menusec ul{
	float:right; 
	margin:0; 
	padding:0; 
	height:46px; 
	background:url(Gx/M/menusec_droit.gif) right no-repeat;
}

#menusec ul li{
	margin:0; 
	padding:0; 
	display:block; 
	float:left; 
	list-style-type:none;
	background: none;
}

#menusec ul li a, #menusec ul li a:link, #menusec ul li a:visited{
	display:block;
	width:84px; height:26px; _width:109px; _height:46px;
	padding:20px 0 0 25px;
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

#menusec ul li a:hover, #menusec ul li a:visited:hover{
	background:url(Gx/M/langue_on.gif) no-repeat;
	color:#ba5902;
}

#menusec ul li a.accueil, #menusec ul li a.accueil:visited{
	width:88px;_width:136px;
	padding-left:49px;
	background:url(Gx/M/accueil_on.gif) no-repeat;
	color:#5c553f;
}

#menusec ul li a.accueil:hover, #menusec ul li a.accueil:visited:hover{
	color:#ba5902;
}

#menusec ul li a.actif, #menusec ul li a.actif:visited{
	width:88px;
	_width:136px;
	padding-left:49px;
	background:url(Gx/M/accueil_on.gif) no-repeat;
	color:#ba5902;
}

#menu{background:#b6b866 url(Gx/M/menu_haut.gif) no-repeat; margin:10px 0 0 10px; padding:0; width:246px;}
#menu ul{margin:0;padding:10px 0 10px 0; background:url(Gx/M/menu_bas.gif) bottom no-repeat;}
#menu ul li{padding:0; margin:0; display:block; list-style-type:none; background: none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display:block;
	width:228px;_width:246px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 10px 10px 8px;
	text-decoration: none;
	border-bottom:1px solid #fff;
	height: 20px; line-height:20px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-color: #c9cb7c;}
#menu ul li a.actif, #menu ul li a.actif:visited{background:#a0a24e url(Gx/M/menu_fleche.gif) 95% center no-repeat;color:#dadc97;}

#menupdp{float:right;}
#menupdp ul li{margin:0; padding:0; display:inline; font-size:12px; background:url(Gx/M/dot.gif) center left no-repeat; padding:0 10px 0 14px;line-height:46px;}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 200%; color: #706556;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #494334; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#7e815e; text-decoration:underline;
}
ul li{font-size:12px; line-height:150%; list-style:none; background:url(Gx/M/dot.gif) 0px 9px no-repeat; padding-left:12px;margin-left:16px;}

.textePetit{font-size:11px;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:11px; color:#494334;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:11px; color:##7e815e;}

.tableau{text-align:center;}
table{border-collapse:collapse; font-size:12px;text-align:center;margin:0 auto;}
th{background-color:#d4d6bd; color: #706556; border:1px solid #c3c5a6; }
td{color: #706556; width: 100px; border:1px solid #c3c5a6; padding:3px;}
td.jour{text-align:left;width:100px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#margpdp{padding-top:30px; margin:0 10px 0 10px;}
#piedPage{color:#7e815e; font-family:Tahoma; font-size:12px; height:50px; padding:0; background-color:#d4d6bd; }
#piedPage a{color:#7e815e; text-decoration:none;}
#piedPage a:hover{color:#555; text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; padding:10px 15px; text-align:left;font-size:10px}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#7e815e;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
form{width:550px;}
fieldset{margin-bottom:10px;font-size: 11px;}
fieldset legend{font: 14px "Times New Roman"; text-transform:uppercase; font-weight: bold; color:#000; padding:3px;border: 1px solid #FADD68;}
fieldset label{font-size: 12px; color:#494334;margin:2px 0 2px 0}

.labelCourriel{font-size: 12px; line-height: 200%; color: #706556;}

.champTexte{	
	background: #FEFEFC;
	border: 1px solid #C9CB7C;
	color: #494334;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FEFEFC;
	border: 1px solid #C9CB7C;
	color: #494334;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #FEFEFC;
	border: 1px solid #C9CB7C;
	color: #494334;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
}
.bouton:hover{border-color: #A0A24E;} /* FF seulement */

.erreur{color: #FF0000;}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding:5px;}	
#lightboxCaption{float:left; color:#6C673F; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#6C673F; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#lightbox{ background:#DEE0C9;} /* couleur du contour popup */
#overlay{background-color: #3B392B;} /* couleur du fond tranparent */