body {
	color: #98DB9C;
	background: #333;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #CF4024;
}

/* Navigation */
#navigation {
	background: #98DB9C; 
}
#navigation a {
	color: #00734F;
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}

/* Contenu principal */
#contenu {
	color: #DDDDDD;
	background: #333 ;
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #DDDDDD;
}
#contenu strong {
	color: #181A12;
}

h4{color:white;}
h5{font-size:2em;text-align:center;}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 50px; /* Voir -> Note 1 ci-dessous */ 
}

/* En-tête */
#entete {
	padding: 20px 0;
}
#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 {
	width: 18%;
	float: left; /* -> 2 */
}
#navigation ul {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%; /* -> 3 */
	padding: 6px 6px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	margin-left: 15%; /* -> 4 */
	margin-bottom: 20px;
	padding: 10px 20px;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Mention de paternité */
#copyright {
	margin-left: 20%;
}


div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(../img/bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(../img/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(../img/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: #000;
	background: url(../img/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../img/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: url(../img/title2.gif) repeat-x;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background: url(../img/title3.gif) repeat-x;
}
div.sdmenu div a:hover {
	background : url(../img/title5.gif) repeat-x;
	color: #fff;
	text-decoration: none;
}

div#img1 {background: url(../img/enfant.jpg) no-repeat;width:300px;height:225px;float:right;position:relative;}