@charset "utf-8";
/* CSS Document */

/* ---------------------- */ 	
/* structure des pages */
/* ---------------------- */ 

html, body {
	font-color:#663300;
	font-size:18px;
	background:url(../images/outils/beige_28919.gif) 0 0 repeat-x #503000;
	height:100%;

}

div#conteneur {
	position:relative;
	min-height:100%;
}

#page {
	background-color:#FFFFCC;
	margin-top:0;
	margin-left:190px;
	margin-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/outils/beige_28919.gif);
	min-height:100%;
	height:100%;
	padding-bottom:80px;

}

‹!--[if lte IE 6]›

#page {
    height:100%;
}

‹![endif]--›


div#logo {
	width: 190px;
	top: 0px;
	position: fixed;
	margin-left:0px;

}

#page #content {
	padding:20px;
	line-height:20px;

}

#footer {
	position: absolute;
	background-color:#FFCC99;
	text-align:left;
	color:#663300;
	padding:10px;
	bottom: 0px;
	height: 70px;
	left: 190px;
	right:20px;
}




/* ---------------------------- */ 
/* éléments divers              */
/* ---------------------------- */ 


.link {
	color:#658820;
}

.menu_compteur {
	font-size: xx-small;
	font-style: italic;
	color:#660000;
	margin-left:10px;
}


/* ---------------------- */ 
/* traitement des titres */
/* ---------------------- */ 


#page h1 {
	padding:0;
	margin:0;
	width:100%;
	height:127px;
	font-family: "Calligraph421 BT",Times;
	border-bottom:thick;
	border-bottom-color:#660000;
	border-bottom-style:double;
	border-bottom-width:thick;
	background:url(../images/outils/beige_28919.gif);
}

#page h1 a {
	text-decoration:none;
	margin-left:20px;
	font-size:45px;
}

#page h2  {
	font-size:22px;
	font-variant:small-caps;
	height:35px;


	}


#page h3  {

	margin-left: 10px;
	font-size: 19px;
	font-style: italic;
	font-weight:500;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #D6AC83;
	clip: rect(auto, auto, auto, 10px);
}


#page h4  {
	margin-left: 10px;
	font-size: 18px;
	font-style:italic;
	background-color: #FFCC99;
	font-family: Arial, Helvetica, sans-serif;
}

#page h5  {
	margin-left: 10px;
	font-size: 13px;
	background-color: #FFCC99;
	font-family: Arial, Helvetica, sans-serif;
}

/* ---------------------- */ 
/* traitement des images */
/* ---------------------- */ 


img {
	border:none;
	}
	
.image_centree {
	text-align: center;
	
}

.image_centree img {
	padding:10px;
	
}

/* ---------------------- */ 
/* traitement des liens */
/* ---------------------- */ 

a {
	color: #663300;
	text-decoration: none;
}
a:active {
	color: #000066;
	text-decoration: none;
}

a:hover {
	color: #663300;
	text-decoration: none;
}

/* ---------------------- */ 
/* traitement du texte */
/* ---------------------- */ 


#page  p {
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
}

p:not(parag_indente) {
	margin-left: 10px;
	
	
}

.parag_indente {
	margin-left: 50px;
	margin-right: 10px;
	text-align: justify;

}

.parag_encadre {
	font-style: italic;
	height: auto;
	width: auto;
	border: thin solid #000;
	padding: 15px;
}

#page li  {
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	line-height:20px;
}





/* ------------------------- */ 
/* styles du menu principal */ 
/* ------------------------- */ 


div#menu {
	width: 195px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFCC99;
	top: 110px;
	position: fixed;
	*position: relative;
	*margin: 0px;
	margin-left:0px;
	float:left;
	display:inline;	

}

div#menu ul {
	padding: 0;
	width: 195px;
	margin:0px;
	border-top-width: 1px;
	
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* les deux onglets "accueil" et contact" sont différents*/ 
div#menu ul.menu_base {
	display:block;
	background-color: #D6AC83;
	list-style: none;
}


/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {}
div#menu li.sousmenu:hover {
	background-color: #FFF7D6;
}


div#menu ul li {
	position:relative;
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: none;
}


div#menu ul ul {
	position: absolute;
	top: 2px;
	left: 190px;
	display:none;
	
}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {
	display:block;
	width:auto;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 8px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #996633;
}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
	display:block;
	background-color: #FFCC99;
	width:220px;
}

/* l'index du chapitre en cours reste fixe */ 
div#menu li#index  {
	background-color: #FFF7D6;
}

div#menu li#index  a {
	background-color: #FFF7D6;
	border-left-color: #990033;
	
}

div#menu li#index  a:hover {
	background-color: #FFF7D6;
	border-left-color: #D6AC83;
	
}




/* la bordure de chaque hauteur a une couleur de survol*/ 
div#menu li a:hover {
	border-left-color: #D6AC83;
	background-color: #FFF7D6;
}
div#menu ul ul li a:hover {border-left-color: #D6AC83;}


/*  ---------------------------- */ 
/*  styles du menu de chapitre   */ 
/*  ---------------------------- */ 



div.menu_chapitre {
	*display:none;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	top: 300px;
	position: fixed;
	display:inline;
	margin-left:0px;

}

div.menu_chapitre_off {
	display:none
}


/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div.menu_chapitre li:hover {
	background-color: #FFCC99;
}


div.menu_chapitre li {
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: none;
}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div.menu_chapitre li a {
	list-style: none;
	text-decoration: none;
	display:block;
	width:auto;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 8px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #996633;
	background-color: #FFF7D6;
}


/* la bordure de chaque hauteur a une couleur de survol*/ 
div.menu_chapitre li a:hover {
	border-left-color: #D6AC83;
	background-color: #FFCC99;
	list-style: none;
}