/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* --- POSITIONNEMENT --- */
#global {
	width: 886px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
}  
/* En-tête */
#entete {
	padding: 0;
	height:176px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	background: url(images/fondMain.gif) repeat-y; /* Voir -> Note 1 */
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
	min-height:400px;
}

/* Navigation ie menus*/
#navigation {
	width: 204px;
	float: left; /* -> 6 */	
}
#teteMenu{
	margin:0;
	padding:0;
	height:9px;
	background: url(images/teteMenu.gif) no-repeat;
}
#piedMenu{
	margin:0;
	padding:0;
	height:9px;
	background: url(images/piedMenu.gif) no-repeat;
}

#navigation a:hover, #navigation a:focus {
	background: ;
}
/* Menu de navigation */

#navigation li{
	background: url(images/fondMenu.gif);
}
#navigation li a:hover {
	display: block;
	background: url(images/overMenu.gif);
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation a {
	color: #FF6533;
	display: block;
	height: 1%; /* -> 7 */
	padding: 6px 10px 6px 10px;
	line-height: 1.2;
	font-size: 105%;
	text-decoration: none;
}

#navigation ul.ssmenu li a {
	color: #606060;
	font-size: 90%;
	margin-left:10px;
}
#navigation ul.ssmenu li a:hover {
	color: #AAAAAA;
}

#menu li.menu-level1-act, #menu li.menu-level2-act {
	font-weight:bold;
}

/* Contenu principal */
#contenu {
	color: #363B29;
	background: ; /* -> 2 */
	margin-left: 200px; /* -> 8 */
	padding: 10px 20px;
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}

#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Pied de contenu */
#piedContenu {
	margin: 0;
	padding: 0;
	font-size: .85em;
	height: 30px;
	background: url(images/pied.gif) no-repeat top;
}

/* Pied de pager */
#piedPage {
	margin: 0;
	padding: 0;
	font-size: .80em;
	color:#303030;
}

/* Mention de copyright */
#copyright {
	margin: 20px 25px 0px 0;
	text-align: right;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}