/* Général */
body {
	color: #FFF;
	background: #2d2d2d;
}
a {
	color: #FFF;
}
a:hover, a:focus {
	color: #FFF;
}
strong {
	color: #FFF;
}

/* Page */
#global {
	background: #2d2d2d;
}

/* Navigation */
#navigation {
	/*background: #181A12;*/
}
#navigation a {
	color: #000;
}
#navigation a:hover, #navigation a:focus {
	/*background: #000000;*/
}

/* Contenu principal */
#contenu {
	color: #FFF;
	/*background: #cbd888;*/
}
#contenu a {
	color: #FFF;
}
#contenu a:hover, #contenu a:focus {
	color: #FFF;
}
#contenu strong {
	color: #FFF;
}

/* Pied de page */
#pied {
	color: #FFF;
	/*background-color: #aba899;*/
	background: url(images/content-bottom.png) no-repeat;
}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}
body {
	padding: 0;
}
#global {
	min-height: 100%; /* -> 1 */
	width: 801px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* En-tête */
#entete {
	/*padding: 15px 20px 10px 20px;*/
	background: url(images/bandeau.png) no-repeat;
	height: 165px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#navigation {
	/*padding: 12px 15px;*/
	text-align: center;
	height: 54px;
	background: url(images/fond-menu.png) no-repeat;
}
#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li {
	display: inline;
}
#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: 16px;
	text-decoration: none;
}

/* Contenu */
#contenu {
	/*padding: 10px 20px;*/
	background: url(images/content-back-all.png) repeat-y;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 50px;
}
#contenu > :first-child {
	/*margin-top: 10px;*/

}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Pied de page */
#pied {
	/*padding: 15px 20px;*/
	text-align: right;
	padding-right: 30px;
	font-size: .85em;
	height:26px;
}
#pied p {
	/*margin: .5em 0;*/
}
#copyright {
	text-align: center;
	font-size: 1em;
}

.title_page {
font-family: Arial;
color: #915487;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

.menu_lettre{
font-family: Verdana;
color: #FFF;
font-size: 20px;
text-decoration: none;
font-style: italic;
}

.menu1  {font-family: Arial;color: #000000;font-size: 16px;text-decoration: none;font-weight: bold;}
.menu1 a {font-family: Arial;color: #000000;font-size: 16px;text-decoration: none;font-weight: bold;}
.menu1 a:hover {font-family: Arial;color: #000000;font-size: 13px;text-decoration: underline;font-weight: bold;}

.menu2 {font-family: Arial;color: #ffffa8;font-size: 14px;font-weight: bold;text-decoration: none;}
.menu2 a{font-family: Arial;color: #ffffa8;font-size: 14px;font-weight: bold;text-decoration: none;}
.menu2 a:hover{font-family: Arial;color: #ffffa8;font-size: 14px;font-weight: bold;text-decoration: none;}