/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */

/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
font:18px arial;
text-align:left;
color:#000000;
border-bottom: 1px solid black;
margin:0 0px 17px 0px;
width: 100%;
}
#contenu h4{
font:18px arial;
text-align:left;
color:#000000;
margin:0 0px 17px 0px;
width: 100%;
}
#contenu h2{
font-family:arial;
font-size: 13px;
font-weight: bold;
text-align:left;
color: #000;

padding-top: 3px;
height: 16px !important;
margin-bottom: 5px;
}
#contenu h3{
font-family:arial;
font-size: 13px;
font-weight: bold;
text-align:left;
color: #000;
padding-top: 3px;
height: 30px !important;
margin-bottom: 5px;
}
#contenu p{
font-size:12px;
font-family: arial;
text-align:justify;
color: #000000;
padding: 0;
margin: 0;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#535353;
}
#contenu a:link, #contenu a:visited{
font-family:arial;
font-weight:bold;
text-decoration:none;
color: #000;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline;
color: #000000;
}
#footer p{
font-family:Verdana;
font-size: 10px;
text-transform: uppercase;
color:#CDCDCD;
text-align:right;
line-height:25px;
}
#footer a:link, #footer a:visited{
font-family:Verdana;
font-size: 9px;
text-decoration:none;
color:#CDCDCD;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#B1B1B1;
}
/********** MENU ***********/
#menu{
	width:auto;
	height:25px;
	z-index:10;
  position: relative;

}
#menu dt {
	height:25px;
	display: inline;
}
#menu dl {
float:left;
}
#menu dd {
	display: none;
}

#menu ul{
background-color:#F9EEDB;
position:absolute;
list-style-type:none;
border:1px solid #CC552B;
border-left:3px solid #CC552B;
z-index:10;	
}
#menu li a {
	text-decoration: none;
	color: #CC552B;
	display:block;
	font:1.1em "Trebuchet MS", Verdana, sans-serif;
	padding:4px 3px 0 6px;
	height:20px;

}
#menu li a:hover{
color: #CC552B;
background-color:#F0B6A2;
}

/*******************  cellules *****************/

#menu dt a {
	height:25px;
	display:block;
	background-repeat:no-repeat;
}
#menu dt a span {
	display:none;
}
#menu dt a.cel1{
	background-image:url(../images/charte/menu/menu_01.jpg);
	width:143px;
	background-position:top;
}
#menu dt a.cel1:hover{
	background-image:url(../images/charte/menu/menu_01.jpg);
		background-position:bottom;
}
#menu dt a.cel2{
	background-image:url(../images/charte/menu/menu_02.jpg);
	width:153px;
		background-position:top;
}
#menu dt a.cel2:hover{
	background-image:url(../images/charte/menu/menu_02.jpg);
	background-position:bottom;
}
#menu dt a.cel3{
	background-image:url(../images/charte/menu/menu_03.jpg);
	width:105px;
		background-position:top;
}
#menu dt a.cel3:hover{
	background-image:url(../images/charte/menu/menu_03.jpg);
	background-position:bottom;
}
#menu dt a.cel4{
	background-image:url(../images/charte/menu/menu_04.jpg);
	width:113px;
		background-position:top;
}
#menu dt a.cel4:hover{
	background-image:url(../images/charte/menu/menu_04.jpg);
	background-position:bottom;
}