@charset "utf-8";
/* CSS Document */

/* Balise par défaut */
html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: justify;
	background: #666666 url(/images/background.jpg) repeat-x top left;
	color: #DDDDDD;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
}

h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	border-bottom: 1px #FFFFFF solid;
}

h3, h4 {
	margin-top: 10px;
	font-size: 1.2em;
}

img {
	border: 0;
}

a {
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
}

a:hover, a:focus, a:active {
	color: #0000FF;
	text-decoration: none;
	text-transform: none;
}

ul {
	margin: 5px 0 10px 30px;
	padding: 0;
	list-style: square;
}

ul li{
	margin: 3px 0 0 0;
	padding: 0;
}

/*** Entete ***/
#page {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	font-size: 1.1em;
}

#header {

}

#logo {
	float: left;
}

#logo2 {
	float: right;
	margin: 15px 0 0 0;
}

#logo3 {
	float: right;
	margin: 15px 40px 0 0;
}

/*** Menu principal ***/
#menu_principal {
	margin: 0;
	padding: 0;
	height: 40px;
}

#menu_principal ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
}

#menu_principal ul li{
	float: left;
	width: 139px;
	padding: 0;
	margin: 0 5px;
}

#menu_principal ul li a {
	display: block;
	color: #AAAAAA;
	padding: 12px 0 2px 0;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

#menu_principal ul li a:hover, #menu_principal ul li a:focus, #menu_principal ul li a:active, #menu_principal ul li a#current {
	border-bottom: 4px #0000FF solid;
	color: #FFFFFF;
}

/*** Corps ***/

/*** Accueil ***/
#photo_accueil {
	float: left;
	margin: 15px 0 0 5px;
	width: 600px;
}

#news_accueil {
	padding: 0 0;
	margin: 15px 0 0 620px;
}

#news_accueil a{
	color: #DDDDDD;
	text-decoration: none;
}

#news_accueil a:hover, #news a:focus, #news_accueil a:active {
	text-decoration: underline;
}

.news_date {
	float: left;
	background: #0000FF;
	color: #FFFFFF;
	width: 40px;
	/*height: 35px;*/
	line-height: 1.3em;
	text-align: center;
	font-size: 1.2em;
	margin: 3px 0 0 0;
	padding: 0;
}

.news_texte {
	margin: 0 0 0 45px;
	padding: 0;
}

#presentation {
	float: left;
	margin: 15px 0 15px 5px;
	padding: 10px 0 0 0;
	width: 600px;
}

#message {
	padding: 10px;
	margin: 15px 0 15px 620px;
	background: #333333;
}

#message h2{
	color: #FFFF00;
	border-bottom: 1px #FFFF00 solid;
}

#message a{
	color: #DDDDDD;
	text-decoration: none;
}

#message a:hover, #message a:focus, #message a:active {
	text-decoration: underline;
}

/*** Autres Pages ***/
#menu_gauche {
	float: left;
	width: 220px;
	margin: 15px 0 15px 5px;
	padding: 0;
}

#menu_gauche ul {
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

#menu_gauche ul li{
	padding: 0;
	margin: 2px 0;
}

#menu_gauche ul li a {
	display: block;
	color: #AAAAAA;
	padding: 2px 0 2px 10px;
	text-decoration: none;
}

#menu_gauche ul li a:hover, #menu_gauche ul li a:focus, #menu_gauche ul li a:active, #menu_gauche ul li a#current {
	border-left: 4px #0000FF solid;
	padding-left: 6px;
	color: #FFFFFF;
}

#menu_gauche ul ul {
	margin: 5px 0 5px 30px;
	padding: 0;
	list-style: none;
}

#menu_selection {
	padding: 0 0 0 25px;
	margin: 15px 0 15px 250px;
	border-left: 1px #888888 dotted;
	min-height: 100px;
}

.image_selection {
	margin: 15px 0;
}

.image_preview {
	margin: 0px 5px;
	vertical-align: middle;
}

.images_news {
	float: right;
	margin: 10px 0 10px 10px;
	padding: 5px;
	border: #888888 1px dotted;
}

.image_pdf {
	margin: 0;
	vertical-align: bottom;
}

.contact {
	margin: 10px 0 15px 0;
	width: 100%;
	text-transform: uppercase;
	text-align: left;
}

.spacer {
  clear: both;
}

.texte_blanc {
	color: #FFFFFF;
	font-weight: bold;
}

.texte_italique {
	font-style: italic;
}

/*** Pied ***/
#footer {
	padding: 10px 0 0 0;
	background: #333333;
	color: #FFFFFF;
	text-align: center;
}

#footer ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	text-align: center;
	color: #FFFFFF;
}

#footer ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 8px;
	border-left: 1px #FFFFFF dotted;
}

#footer ul li#first_li {
	border-left: 0;
}

#footer ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {
	text-decoration: underline;
}