* { margin:0; padding:0; border:0; }

body { 
	text-align:center;
	background: /*url(img/fondDePage.jpg)*/ top left repeat-x #d9d2c7;
	font: 13px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#d9d2c7;
}

h1 { 
	font: bold 30px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #730000;
	text-align:left;
	padding-left:18px;
}

h2 {
	font: small-caps 18px "Times New Roman", Times, serif;
}

h3 {
	display:block; 
	text-align:center; 
	font: small-caps 16px "Times New Roman", Times, serif;
	color:#f00;
}

a:link, a:visited, a:hover, a:active { color:#f4f1ea; }

#conteneur {
	width:800px;
	margin: 20px auto;
}

#header {
	height:167px;
	width:760px;
	margin:-7px auto 0 auto;
	background: url(img/fondHeader.jpg) #730000 0 0 no-repeat;
}

#menu { text-align: center; margin:10px 0; font: bold 20px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }
#menu a:link, #menu a:visited { color: #730000;	text-decoration: none; padding: 10px 10px; }
#menu a:hover, #menu a:active { background:url(img/curseur.gif) no-repeat 50% bottom; color: #ffe595; }
#menu a .courant { background:url(img/curseur.gif) no-repeat 50% bottom; }

#contenuHaut {
	clear:left;
	height:18px;
	background-image:url(img/contenuHaut.gif);
}

#contenu {
	width:760px;
	margin:0 auto;
	background:#287823;
}

#donnees {
	float:left;
	width: 740px;
	background-color: #730000;
	padding:0 10px;
}
	
#gauche {
	float: left;
	width: 160px; /* BUG IE: largeur reellement desiree: 30% */
	text-align:left;
}

#gauche a:link,
#gauche a:visited {	color:#d9d2c7; }
#gauche a:hover,
#gauche a:active {
	color:#f00;
}

/* masquage IE/mac + IE/win \*/
html>body #gauche {
	width: 110px; /* pour les navigateurs modernes: on redefini la largeur desiree initialement */
}

#main {
	float: left;
	width: 580px;
}

#centre {
	float: left;
	width: 500px;
	min-width: 15em;
	text-align:justify;
	line-height:16px;
	padding:0 10px;
}
#centre h2 { padding:10px 0; color:#f00; }
#centre a:link,
#centre a:visited {
	color:#f00;
}
#centre a:hover,
#centre a:active {
	color:#d9d2c7;
}


#droite {
	float: left;
	width: 70px;
	padding-left:40px;
	text-align:left;
}
#droite a:link,
#droite a:visited {
	text-decoration:none;
	color:#164213;
}
#droite a:hover,
#droite a:active {
	text-decoration:none;
	color:#8fbc05;
}


#contenuBas {
	clear:both;
	height:18px;
	background-image:url(img/contenuBas.gif);
}

#footer {
	clear:both;
	font: normal 9px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#730000;
	padding-top:10px;
}

#footer a:link, #footer a:visited { color:#f00; text-decoration:none; }
#footer a:hover, #footer a:active { color:#730000; }

.cadre {
	padding: 2%; 
    background: #fff;
	border: solid 1px #ccc;
}

.minimized span { display: none; }

.vignette {
	float: left;
	width: 120px;
	height: 120px;
	padding: 2px;
	text-align:center;
}

.volute { 
	background:url(img/volute.gif) no-repeat 50% 10px;
	display:block; 
	padding: 10px 0;
}