@charset "iso-8859-1";

/*** PALETTE ************************************************************************************/
.noir { color: #000000; }
.blanc { color: #ffffff; }
.gris { color: #696965; }
.jaune { color: #fcc719; }

/*** FONT ***************************************************************************************/
.gras { font-weight: bold; }
.normal { font-weight: normal; }
.souligne { text-decoration: underline; }
.font_36px { font-size: 36px; line-height: 38px; vertical-align: middle; }
.font_24px { font-size: 24px; line-height: 26px; vertical-align: middle; }
.font_21px { font-size: 21px; line-height: 23px; vertical-align: middle; }
.font_20px { font-size: 20px; line-height: 22px; vertical-align: middle; }
.font_18px { font-size: 18px; line-height: 20px; vertical-align: middle; }
.font_16px { font-size: 16px; line-height: 18px; vertical-align: middle; }
.font_14px { font-size: 14px; line-height: 16px; vertical-align: middle; }
.font_13px { font-size: 13px; line-height: 15px; vertical-align: middle; }
.font_11px { font-size: 11px; line-height: 13px; vertical-align: middle; }
.font_10px { font-size: 10px; line-height: 12px; vertical-align: middle; }
.font_9px { font-size: 9px; line-height: 11px; vertical-align: middle; }
.font_8px { font-size: 8px; line-height: 10px; vertical-align: middle; }

/*** FLOAT **************************************************************************************/
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/*** TITRES *************************************************************************************/
h1 {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	width: 500px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	text-align: left;
	color: #000000;
}

/*** DATE **************************************************************************************/
.date {
	float: right;
	margin: 20px 10px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	text-align: right;
	color: #696965;
}

/*** PARAGRAPHE ********************************************************************************/
div#main_content_gauche p {
	float: left;
	margin: 5px 0 20px 0;
	padding: 0;
	width: 580px;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	text-align: justify;
	color: #696965;
}

/*** LIEN **************************************************************************************/
b, strong {
	font-weight: bold;
	color: #696965;
}
div#main_content_gauche a {
	font-weight: bold;
	text-decoration: none;
	color: #fcc719;
}
div#main_content_gauche a:hover { text-decoration: underline; }

/*** FORMULAIRE ********************************************************************************/
#form_contact {
	float: right;
	margin: 0 auto;
	padding: 0;
	width: 200px;
}
.input_contact {
	float: right;
	margin: 0 8px 10px 0;
	padding: 0 10px 2px 0;
	width: 190px;
	font-size: 12px;
	vertical-align: middle;
	color: #696965;
	text-align: right;
	text-indent: 10px;
}
#textarea {
	float: right;
	margin: 0 8px 10px 0;
	padding: 5px;
	width: 190px;
	height: 100px;
	font-size: 12px;
	vertical-align: middle;
	color: #696965;
	text-align: left;
}

/*** INDEX *************************************************************************************/
.bloc_index {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 588px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	font-weight: bold;
	color: #696965;
	text-align: left;
}
.bloc_final_index {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 588px;
	height: 36px;
	background-image: url(/media/img/index/bloc_final_index.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	font-weight: bold;
	color: #696965;
	text-align: left;
}