@charset "iso-8859-1";

/*** PALETTE ************************************************************************************/
.noir { color: #000000; }
.blanc { color: #ffffff; }
.rouge { color: #cc0000; }
.bleu { color: #003366; }
.vert { color: #00a052; }
.gris { color: #f7f7f7; }


/*** FONT ***************************************************************************************/
.clean { text-decoration: none; }
.capital { text-transform: capitalize; }
.maj { text-transform: uppercase; }
.font_safari { text-shadow: 0 0 0 #000000; }

.lien_rouge{
	background-color:#CC0000;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	line-height:17px;
	margin:0;
	padding:0 2px;
	text-decoration:none;
	text-transform:uppercase;
}


/*** CLASSIQUE ***********************************************************************************/
div#main_content_classique {
	margin: 0;
	padding: 0;
	width: 900px;
}
div#main_content_classique #titre {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 30px;
	background-color: #003366;
}
div#main_content_classique #titre p {
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 15px;
	line-height: 30px;
	vertical-align: middle;
	color: #ffffff;
	text-transform: uppercase;	
}
div#main_content_classique #illustration {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	min-height: 1px;
}
div#main_content_classique #illustration .legende {
	position: absolute;
	margin: 0;
	padding: 2px;
	bottom: 0;
	right: 0;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #cc0000;
}
div#main_content_classique #marge {
	float: left;
	margin: 0;
	padding: 30px;
	width: 940px;
}
div#main_content_classique #description {
	float: left;
	margin: 0;
	padding: 30px;
	width: 540px;
	color: #333333;
}
div#main_content_classique #description h1 {
	margin: 0;
	padding: 0;
	font-size: 30px;
	color: #cc0000;
	font-weight: normal;
}
div#main_content_classique #description h2 {
	margin: 0;
	padding: 5px 0;
	font-size: 20px;
	color: #003366;
	font-weight: normal;
}
div#main_content_classique #description h3 {
	margin: 0;
	padding: 5px 0;
	font-size: 25px;
	color: #003366;
	font-weight: normal;
}
div#main_content_classique #description p {
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
	line-height: 18px;
}
div#main_content_classique #description a { color: #003366; }
div#main_content_classique #description #back_to_top a {
	display: inline-block;
	float: right;
	margin:  10px 0 0 0;
	padding: 0 2px;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	background-color: #cc0000;
}


/*** PAGE INDEX ********************************************************************************/
div#main_content_index #col_gauche {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	height: 600px;
	background-image: url(/media/images/index/index.jpg);
	background-repeat: no-repeat;
}
div#main_content_index #col_gauche #edito {
	margin: 0;
	padding: 10px 20px;
	width: 160px;
	text-align: left;
	background-color: #ffffff;
}
div#main_content_index #col_gauche #edito p {
	margin: 0;
	padding: 10px 0;
	color: #333333;
}
div#main_content_index #col_gauche #edito a { color: #003366; }
div#main_content_index #col_droite {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 600px;
}


/*** PAGE MANIFESTATION **********************************************************************/
div#main_content_manifestation #col_gauche {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	height: 400px;
}
div#main_content_manifestation #col_droite {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 400px;
}
div#main_content_manifestation #description .colonne {
	float: left;
	margin: 0;
	padding: 30px;
	width: 240px;
}
div#main_content_manifestation #description .quart {
	float: left;
	margin: 0;
	padding: 30px 10px 30px 30px;
	width: 185px;
}
div#main_content_manifestation #description .duo {
	float: left;
	margin: 0;
	padding: 30px 10px 30px 30px;
	width: 240px;
}
div#main_content_manifestation #description .full {
	float: left;
	margin: 0;
	padding: 30px;
	width: 840px;
}
div#main_content_manifestation #description .colonne h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: #003366;
	text-transform: uppercase;
}
div#main_content_manifestation #description .colonne p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 11px;
	color: #333333;
}
div#main_content_manifestation #description .colonne a { color: #003366; }


/**** A LA UNE ******************************************************************************/
div#main_content_manifestation #a_la_une #titre {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 30px;
	background-color: #003366;
}
div#main_content_manifestation #a_la_une #titre h1 {
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 15px;
	font-weight: normal;
	line-height: 30px;
	vertical-align: middle;
	color: #ffffff;
	text-transform: uppercase;	
}
div.ligne {
	margin: 0;
	padding: 0;
	width: 900px;
	background-image: url(/media/images/bg/bg_ligne.jpg);
}
.box {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 200px;
}
.box a {
	display: block;
	margin: 0;
	padding: 0;
}
.box a img {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 200px;
}
.box .legende {
	position: absolute;
	margin: 0;
	padding: 2px;
	bottom: 0;
	right: 0;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #cc0000;
}


/*** PRODUITS ET REALISATIONS ****************************************************************/
div#main_content_prod_et_rea #col_gauche {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	height: 400px;
	max-width: 600px;
	color: #333333;
	background-color: #f7f7f7;
}
div#main_content_prod_et_rea #col_gauche img {
	margin: 0;
	padding: 0;
	max-width: 600px;
	max-height: 400px;
}
div#main_content_prod_et_rea #col_gauche #bt_prev {
	position: relative;
	top: -220px;
	left: 20px;
}
div#main_content_prod_et_rea #col_gauche #bt_next {
	position: relative;
	top: -220px;
	left: 475px;
}

div#main_content_prod_et_rea #col_gauche_produits {
	float: left;
	margin: 0;
	padding: 0;
	width: 599px;
	max-width: 599px;
	color: #333333;
	border-right: #f7f7f7 1px solid;
}
div#main_content_prod_et_rea #col_gauche_produits img {
	margin: 0;
	padding: 0;
	max-width: 600px;
	max-height: 400px;
}
div#main_content_prod_et_rea #col_gauche_produits a{
	margin: 0;
	padding: 0 2px;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	background-color: #cc0000;
}
div#main_content_prod_et_rea #col_gauche_produits div#legende h1 {
	margin: 0 0 5px 0;
	padding: 0;	
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}


div#main_content_prod_et_rea #col_droite {
	float: left;
	margin: 0;
	padding: 20px;
	width: 260px;
	height: 360px;
	color: #333333;
}
div#main_content_prod_et_rea #col_droite h1 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: #003366;
	text-transform: uppercase;
	font-weight: normal;
}
div#main_content_prod_et_rea #col_droite h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	text-transform: lowercase;
}
div#main_content_prod_et_rea #col_droite h3 {
	margin: 0;
	padding: 15px 0 2px 0;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
div#main_content_prod_et_rea #col_droite p {
	margin: 0;
	padding: 15px 0;
	font-size: 11px;
}
div#main_content_prod_et_rea #col_droite a {
	margin: 0;
	padding: 0 2px;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	background-color: #cc0000;
}


/*** LE GROUPE *****************************************************************************/
div#main_content_le_groupe #col_gauche {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 400px;
}
div#main_content_le_groupe #col_gauche img {
	float: left;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 400px;
}
div#main_content_le_groupe #col_gauche #edito {
	float: left;
	margin: 0;
	padding: 30px;
	width: 240px;
	height: 400px;
}
div#main_content_le_groupe #col_gauche #edito h1 {
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 24px;
	font-weight: normal;
	color: #003366;
	text-transform: uppercase;
}
div#main_content_le_groupe #col_gauche #edito p {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 16px;
	color: #333333;}
div#main_content_le_groupe #col_droite {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 400px;
}
div#main_content_le_groupe #col_droite a {
	float: left;
	margin: 0;
	padding: 0;
}
div#main_content_le_groupe #informations {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
}
div#main_content_le_groupe #informations .colonne {
	float: left;
	margin: 0;
	padding: 10px 0 30px 0;
	width: 300px;
}
div#main_content_le_groupe #informations  .colonne h1 {
	margin: 0;
	padding: 20px 30px 10px 30px;
	font-size: 16px;
	font-weight: normal;
	color: #003366;
	text-transform: uppercase;
}
div#main_content_le_groupe #informations  .colonne h2 {
	margin: 0;
	padding: 20px 30px 10px 30px;
	font-size: 14px;
	font-weight: normal;
	color: #003366;
	text-transform: uppercase;
}
div#main_content_le_groupe #informations .colonne p {
	margin: 0;
	padding: 5px 30px;
	color: #333333;
}
div#main_content_le_groupe #informations .colonne img {
	margin: 0;
	padding: 10px 30px;
}
div#main_content_le_groupe #informations .colonne #flv {
	margin: 0;
	padding: 10px 0;
}
div#main_content_le_groupe #informations .colonne a {
	display: inline-block;
	float: right;
	margin:  20px 30px;
	padding: 0 2px;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	background-color: #cc0000;
}
div#main_content_le_groupe #informations .colonne .temoignage img {
	float: left;
	margin: 0;
	padding: 0 10px 0 30px;
}
div#main_content_le_groupe #informations .colonne .temoignage p {
	float: left;
	margin: 0;
	padding: 0 30px 0 0;
	width: 180px;
}


/*** NEWS ***********************************************************************************/
div#main_content_news {
	margin: 0;
	padding: 0;
	width: 900px;
}
div#main_content_news div#titre {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 30px;
	background-color: #003366;
}
div#main_content_news div#titre p {
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 15px;
	line-height: 30px;
	vertical-align: middle;
	color: #ffffff;
	text-transform: uppercase;	
}
div#main_content_news div.article {
	margin: 0;
	padding: 0;
	width: 900px;
	color: #333333;
}
div#main_content_news div.article div#illustration {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	min-height: 1px;
}
div#main_content_news div.article div#illustration .legende {
	position: absolute;
	margin: 0;
	padding: 2px;
	bottom: 0;
	right: 0;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #cc0000;
}
div#main_content_news div.article div#illustration img {
	margin: 0;
	padding: 0;
	width: 300px;
}
div#main_content_news div.article div#description {
	float: left;
	margin: 0;
	padding: 30px;
	width: 540px;
}
div#main_content_news div.article .date {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}
div#main_content_news div.article h1 {
	margin: 0;
	padding: 5px 0 15px 0;
	font-size: 18px;
	font-weight: normal;
	color: #003366;
	text-transform: uppercase;
}
div#main_content_news div.article h2 {
	margin: 0;
	padding: 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: #003366;
}
div#main_content_news div.article div#description div.contenu_news { font-size: 12px; }
div#main_content_news div.article p {
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
}
div#main_content_news div.article a { color: #003366; }
div#main_content_news div.article a#lien_toutes_les_news {
	display: inline-block;
	float: right;
	margin:  10px 0 0 0;
	padding: 0 2px;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	background-color: #cc0000;
}


/*** CONTACT ***********************************************************************************/
div#main_content_contact {
	margin: 0;
	padding: 0;
	width: 900px;
}
div#main_content_contact #titre {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 30px;
	background-color: #003366;
}
div#main_content_contact #titre p {
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 15px;
	line-height: 30px;
	vertical-align: middle;
	color: #ffffff;
	text-transform: uppercase;	
}
div#main_content_contact #illustration {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}
div#main_content_contact #description {
	float: left;
	margin: 0;
	padding: 30px;
	width: 540px;
	color: #333333;
}
div#main_content_contact #description h1 {
	margin: 0;
	padding: 0;
	font-size: 30px;
	color: #cc0000;
	font-weight: normal;
	text-transform: uppercase;
}
div#main_content_contact #description h2 {
	margin: 0;
	padding: 5px 0 20px 0;
	font-size: 20px;
	color: #003366;
	font-weight: normal;
	text-transform: uppercase;
}
div#main_content_contact #description p {
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
}
div#main_content_contact #description p#numero_vert {
	margin: 0;
	padding: 5px 0;
	font-size: 20px;
	color: #003366;
}
div#main_content_contact #description p#mention {
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 10px;
}
div#main_content_contact #description a { color: #003366; }