@charset "utf-8";
/* ===============================[ Général ]================================================================================================== */
html, body {
	font-size: 100%;
}
	
body {
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	color: #221101;
	font-size: 1em;
	background: #221101;
	margin:0;
	padding: 2px;
}
	
div#conteneur {
	width: 90%;
	max-width: 940px;
	min-width: 700px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
	
a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
	
a:hover,
a:focus,
a:active {
	color: #330000;
}
	
img {
	border: none;
}
	
a.ancre {
	float: left;
}
	
/* ===============================[ Top (liens d'évitement) ]================================================================================== */
div#top ul {
	margin:0;
	padding:0;
	font-size: 0.7em;
}
	
div#top li {
	display:inline;
	color: #ffcf34;
}
	
div#top a {
	color: #ffcf34;
	font-weight:normal;
	letter-spacing:normal;
}
	
div#top a:hover,
div#top a:focus,
div#top a:active {
	 color: #ffffff; 
}
	
/* ===============================[ Entête ]================================================================================================== */
div#header {
	position:relative;
	background-color: #ac5f0f;
	width:100%;
	background: #ac5f0f url(../../include/images/arrondi_droit.gif) top right no-repeat;
}
	
div#header h1 {
	margin:0;
	padding:0;
	position:relative;
}
	
div#header a {
	margin:0;
	padding: 0 0 0 20px;
	position:relative;
	top:0px;
	right:0px;
	font-size: 1.5em;
	line-height: 2.4em;
	color: #1F0C02;
	font-style: italic;
}
	
div#header a:hover,
div#header a:focus,
div#header a:active {
	color: #653310;
}
	
div#header h2 {
	margin:0;
	padding:0;
	position: relative;
	bottom: 15px;
	left: 5px;
	font-style: italic;
	font-size: 1.3em;
}
	
/* ===============================[ Menu haut ]=============================================================================================== */
div#menu_haut {
	background-color: #ef9912;
	background-image:url(../../include/images/fond_menu_haut.jpg);
	overflow:hidden;
}
	
div#menu_haut ul {
	list-style-type: none;
	list-style-image:none;
	list-style-position:outside;
	margin:0;
	padding: 0;
	overflow: hidden;
}
	
div#menu_haut ul li {
	float: left;
	text-align: center;
	border-right: 1px solid;
	padding: 0;
}
	
div#menu_haut ul li a {
	position:relative;
	line-height: 1.8;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1.2px;
	color: #221101;
	text-decoration: none;
	padding: .3em 8px .3em 9px;
	display: block;
}
	
div#menu_haut ul li a:hover,
div#menu_haut ul li a:focus,
div#menu_haut ul li a:active {
	color: #874b20;
	background: #221101 url(../../include/images/fond_menu_haut_hover.jpg) no-repeat 50% bottom;
}
	
div#menu_haut ul li.active {
	background: url(../../include/images/curseur.gif) no-repeat 50% bottom;
}
	
div#menu_haut ul li.active a, 
div#menu_haut ul li.active a:hover,
div#menu_haut ul li.active a:focus,
div#menu_haut ul li.active a:active {
	color: #961a0a;
	background: transparent;
}
	
/* ===============================[ Changement Taille Texte ]================================================================================= */
div#taille_texte {
	width:auto;
	float:right;
	padding: 3px 3px 0 5px;
	margin:0;
	position:relative;
}
	
div#taille_texte img {
	cursor: pointer;
	float: left;
}
	
div#taille_texte form {
	margin:0;
	padding:0;
	border:0;
	display:inline;
}
	
div#taille_texte input {
	font-size: 0.8em;
	color: #221101;
	font-weight: bold;
}
	
div#taille_texte input:hover,
div#taille_texte input:focus,
div#taille_texte input:active {
	color: #FFFF99;
}
	
div#taille_texte a {
	font-size: 0.8em;
	color: #221101;
	display:inline;
}
	
div#taille_texte a:hover,
div#taille_texte a:focus,
div#taille_texte a:active {
	color: #FFFF99;
}
	
#diminuer, .bas_header {
	cursor: pointer; 
}
	
/* ===============================[ Contenu ]================================================================================================= */

/* -------------------------------[ Général ]------------------------------------------------------------------------------------------------- */
div#contenu {
	background-color: #ffe48d;
	background-image: url(../../include/images/feuille.gif); 	
	background-repeat:no-repeat;
	background-position:bottom right;
	min-height: 480px;
	position:relative;
	padding-top: 1px;
}
	
/* -------------------------------[ Menu gauche ]--------------------------------------------------------------------------------------------- */
#menu_gauche {
	position: fixed;
	width: 196px;
	padding: 6px 0 0 6px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}
	
#menu_gauche fieldset {
	padding: 16px 0 0;
	margin: 0;
	background-image: url(../../include/images/cadre_haut.png);
	background-color: #653310;
	background-position: top;
	border: none;
}
	
#menu_gauche em {
	padding:0;
	margin:0;
	font-size: 1.1em;
	font-style:italic;
	color: #ffcf34; /* #FFE48D ; */
}
	
#menu_gauche p {
	background-image: url(../../include/images/cadre_centre.png);
	padding: 0 0 2px 0;
	margin:0;
	border:none;
}
	
#menu_gauche p.last_elem {
	background: url(../../include/images/cadre_bas.png) left bottom no-repeat;
	padding-bottom: 30px;
}
	
#menu_gauche form {
	margin: 0;
	padding: 0;
	border: none;
	background-image: url(../../include/images/cadre_centre.png); 
}
	
#menu_gauche input {
	margin: 2px;
	border: 1px black solid;
}
	
#recherche_site {
	padding: .2em;
	line-height: 1.1em;
	width: 130px;
	background-color: #653310;
	font-weight: bold;
	font-size: .9em;
}
	
#menu_gauche:hover #recherche_site {
	background-color: #ac5f0f;
}
	
#menu_gauche #recherche_site:focus, #menu_gauche:hover #recherche_site:focus {
	background: #ac5f0f; 
}
	
#menu_gauche .submit {
	cursor: pointer; 
	padding: 1px 6px;
	margin: 0 25px; 
	color: #ffe48d;
	background-color: #221101;
	font-size:.9em;
	font-weight:bold;
}
	
#menu_gauche .submit:hover,
#menu_gauche .submit:focus,
#menu_gauche .submit:active {
	color: #221101;
	background-color: #ffe48d; /* #ffe48d ; */ 
}
	
.separateur {
	background-image: url(../../include/images/cadre_centre.png);
	color: #2a1501;
	height:25px;
}
	
.pied_box {
	padding-top:40px;
	margin-bottom:0;
	border:none;
	background: url(../../include/images/cadre_bas.png) bottom; 
}
	
/* -------------------------------[ Texte ]--------------------------------------------------------------------------------------------------- */
div#texte {
	margin-left: 215px;
	padding: 0 35px 93px 10px;
}
	
#texte h3 {
	margin: 26px 0 30px;
	padding: 10px 0 0 65px;
	font-size: 1.8em;
	font-style: italic;
	letter-spacing: 1px;
	background: url(../../include/images/feuille_titre.gif) no-repeat left bottom ;
	border-bottom: 1px solid #592c03 ;
	color: #592c03;
}
	
#texte h3:first-letter {
	font-size: 1.85em;
	color: #221101;
}
	
#texte h4 {
	margin: 20px 0 0 23px;
	padding: 10px 0 8px 45px;
	font-size: 1.4em;
	font-style: italic;
	letter-spacing: 1px;
	background: url(../../include/images/feuille_sous_titre.gif) no-repeat;
	color: #93510e;
	height:30px;
}
	
#texte h4:first-letter {
	font-size: 1.45em;
	color: #583008;
}
	
#texte h4 a:first-letter{ /* ne pas remettre d'espace après letter pour désactiver dans IE6 */
	font-size: 1.45em;
	color: #583008;
}
	
#texte h4 a, #texte h4 a {
	padding: .13em .1em;
}
	
#texte h4 a:hover:first-letter,
#texte h4 a:focus:first-letter,
#texte h4 a:active:first-letter{ /* ne pas remettre d'espace après letter pour désactiver dans IE6 */
	color: #961a0b;
}
	
#texte .encadre {
	-moz-border-radius: 5px;
	background: #fff0a5;
	border: 1px solid #d9c39d;
	padding: 10px 5px;
	margin: 20px 7px;
	overflow: hidden;
}
	
#texte .interne {
	background: #fefbed; /* #fdf5cd; */
	color: #454545;
	font-style: italic;
	border: 1px solid #bfac8a;
	padding: 10px;
	margin: 20px 35px;
}
	
#texte .interne p {
	margin: 0;
	padding: 5px 15px;
	line-height: 1.6em;
	text-indent: 0;
}
	
#texte p {
	text-align: justify;
	text-indent: 35px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	padding: 0 33px;
}
	
#texte p.titre {
	font-weight: bold;
}
	
#texte p.titre span {
	text-decoration: underline;
}
	
#texte a {
	color: #c05d05;
	font-style:italic;
	border-bottom:1px dotted;
}
	
#texte a:hover,
#texte a:focus,
#texte a:active {
	background-color: #c76206;
	color: #221101;
}
	
#texte ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin:0 0 0 80px;
	padding:0;
}
	
#texte ul li {
	background: url(../../include/images/button_ok.gif) no-repeat left center;
	padding: 5px 0 5px 30px;
	margin: 0 15px 0 0;
	line-height: 1.5em;
}
	
.question_reponse {
	font-style: italic;
}
	
.question_reponse:first-letter {
	font-size: 1.45em;
	color: #221101;
}
	
.savoirplus {
	font-size: .85em;
	font-weight: bold;
}
	
.sep_item {
	background-image:url(../../include/images/img_separateur.gif);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: center;
	height: 60px;
}
	
.search, .errorpage {
	font-style: italic;
	font-weight: bold;
	background-color: #ef9911;
	padding: 1px 3px;
}
	
/* ===============================[ Pied ]==================================================================================================== */
div#pied {
	clear:both;
}
	
div#pied ul {
	margin:0;
	padding:0;
	text-align:center;
}
	
div#pied li {
	display:inline;
	color: #ffcf34;
}
	
div#pied a {
	color: #ffcf34;
	font-size: 0.7em;
}
	
div#pied a:hover,
div#pied a:focus,
div#pied a:active {
	color: #ffffff;
}
	
/* ===============================[ Admin ]=================================================================================================== */
h4.admin a {
	color: #ac5f10;
}
	
h4.admin a:hover,
h4.admin a:focus,
h4.admin a:active {
	color: #ffffff;
}
	
#retour {
	width:10px;
	margin:10px auto 30px;
}
	
#retour  input {
	margin:0;
}