@charset "iso-8859-1";

/*** MINI RESET ******************************************************************************/
a, img { border: 0; }
a:focus { outline: 0; }
h1 {
	font-size: 16px;
	line-height: 16px;
	vertical-align: middle;
}
p {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 17px;
	vertical-align: middle;
	text-align: justify;
}
a { color: #7d7d7d; }
.noborder {
	margin: 0;
	padding: 0;
}


/*** PALETTE *********************************************************************************/
.bleu_clair { color: #8a9dc4; }
.orange { color: #ff4d00; }
.orange_clair { color: #f8b356; }
.vert { color: #5EA000; }
.rose { color: #e2007a; }
.rose_clair { color: #ea6878; }
.violet { color: #9085ba; }
.violet_clair { color: #c593be; }
.gris { color: #7d7d7d; }
.carmine { color: #a00057; }
.jaune { color: #dfcc00; }


/*** GENERAL *********************************************************************************/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #7d7d7d;
	background-color: #ffffff;
	background-image: url(/media/images/background/body.jpg);
	background-repeat: repeat-x;
}


/*** MAIN ************************************************************************************/
div#main {
	margin: 0 auto;
	padding: 0;
	width: 995px;
	text-align: left;
}


/*** HEADER **********************************************************************************/
div#header {
	width: 995px;
	height: 145px;
	background-image: url(/media/images/background/header.png);
	background-repeat: no-repeat;
}
div#header h1#logo {
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
}


/*** MENU ************************************************************************************/
ul#main_menu {
	margin: 0;
	padding: 0;
	width: 995px;
	height: 60px;
	list-style-position: inside;
	list-style-type: none;
}
ul#main_menu li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#main_menu li a {
	display: block;
	margin: 0;
	padding: 0;
}


/*** MAIN ************************************************************************************/
div#main_content {
	width: 995px;
	background-image: url(/media/images/background/main_content.png);
	background-repeat: repeat-y;
}

/*** COLONNE PRINCIPALE ***/
div.col_principale {
	float: left;
	margin: 0 10px 0 25px;
	padding: 0;
	width: 600px;
}
div.col_principale a:hover { text-decoration: none; }

/*** ARTICLE ***/
div.article h1 {
	float: left;
	margin: 0;
	padding: 0;
}
div.article p.date {
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
}
div.article img {
	float: left;
	margin: 0;
	padding: 0 0 15px 0;
}
div.article div.marge_image {
	float: left;
	width: 175px;
}
div.article p {
	margin: 0;
	padding: 0;
}
div.article div.hr {
	margin: 0;
	padding: 0;
	width: 610px;
	height: 1px;
	background-image: url(/media/images/hr-article.gif);
	background-repeat: no-repeat;
}

div#lien_annuaire {
	margin: 0 0 0 25px;
	width: 610px;
}

/*** COLONNE DROITE ***/
div.colonne_droite {
	float: right;
	margin: 0 65px 0 0;
	padding: 0 0 0 25px;
	width: 270px;
	background-position: top left;
	background-image: url(/media/images/background/col-droite.gif);
	background-repeat: no-repeat;
}
div.colonne_droite h1 {
	margin: 0;
	padding: 0 0 10px 0;
}
div.colonne_droite p {
	margin: 0;
	padding: 0;
}

a.lire_la_suite {
	float: right;
	margin: 0;
	padding: 0;
	font-style: italic;
}
p.date {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

/*** COLONNE DROITE LIENS INTERESSANTS ***/
div.liens_interessants a {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 270px;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #8a9dc4;
}
div.liens_interessants a:hover {
	text-decoration: underline;
}

/*** COLONNE DROITE LES ARCHIVES ***/
div#les_archives h1 { color: #959595; }
div#les_archives a {
	float: left;
	margin: 0;
	padding: 0 0 5px 25px;
	width: 240px;
	text-decoration: none;
	font-style: normal;
	color: #5EA000;
}

/*** COLONNE DROITE FOOTER ***/
div.colonne_droite_footer {
	clear: right;
	float: right;
	margin: 0 60px 0 0;
	width: 282px;
	height: 64px;
	background-image: url(/media/images/background/col-droite-footer.jpg);
	background-repeat: no-repeat;
}

/*** COLONNE ***/
div.colonne {
	float: left;
	margin: 0 30px 0 0;
	width: 445px;
}

/*** DIVERS ***/
.puce {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.titre_image {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}
.guillemet_open {
	margin: 0;
	padding: 0 5px 0 0;
}
.guillemet_close {
	margin: 0;
	padding: 0 0 0 5px;
}
h1#titre_les_moyens {
	float: left;
	margin: 20px 0 0 475px;
	padding: 0;
}


/*** FOOTER **********************************************************************************/
div#footer {
	width: 995px;
	background-image: url(/media/images/background/main_content.png);
	background-repeat: repeat-y;
}
div#footer div#hr {
	margin: 0 0 0 30px;
	padding: 0;
	width: 900px;
	height: 1px;
	background-image: url(/media/images/hr-footer.gif);
	background-repeat: no-repeat;
}
div#footer p {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #bfbfbf;
}
div#footer a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #bfbfbf;
}
div#logos_line_up {
	margin: 0;
	padding: 0 0 0 45px;
}
div#logos_line_up img {
	margin: 0;
	padding: 0 10px 0 0;
}
div#logos_line_down {
	margin: 0;
	padding: 0 0 0 75px;
}
div#logos_line_down img {
	margin: 0;
	padding: 0 30px 0 0;
}
div#footer_end {
	width: 995px;
	height: 16px;
	background-image: url(/media/images/background/footer_end.png);
	background-repeat: no-repeat;
}


/*** FORMULAIRE *******************************************************************************/
div#contact {
	float: right;
	text-align: right;
}
div#contact p { line-height: 20px; }
#form_contact { float: right; }
.form_contact_label { color: #7d7d7d; }
.form_contact_input {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7d7d7d;
	font-size: 12px;
	line-height: 17px;
	vertical-align: middle;
	width: 185px;
	height: 15px;
	border: 1px solid #7d7d7d;
}
.textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7d7d7d;
	font-size: 12px;
	line-height: 17px;
	vertical-align: middle;
	width: 185px;
	height: 250px;
	border: 1px solid #7d7d7d;
}