@charset "utf-8";

/* CSS Document */

html, body

	{

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	}



body

	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:18px;

	font-weight:normal;

	font-variant:normal;

	text-transform:none;

	color:#666666;

	text-align:justify;

	background-color:#FFFFFF;

	}



ul /* Listes a puce */

	{

	margin:0;

	padding:0;

	}



li {

	margin:0;

	padding:0;

	}



a

	{

	color: #333333;

	text-decoration: none;

	font-weight: bold;

	}



a:hover

	{

	color: #FF9933;

	text-decoration: none;

	font-weight: bold;

	}



p	{

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	}



h1 /* Titre Bienvenue */

	{

	font-family: verdana;

	font-size: 19px;

	font-style: normal;

	line-height: 19px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	text-decoration: none;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	}



h2 /* titre A LA UNE */

	{

	font-family: verdana;

	font-size: 12px;

	font-style: normal;

	line-height: 18px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	text-decoration: none;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	}



h3 /* titre erni�re news, Agenda, etc */

	{

	font-family: verdana;

	font-size: 12px;

	font-style: normal;

	line-height: 18px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	text-decoration: none;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	}



.orange

	{

	color: #ffae00;

	}



.bleu

	{

	color: #66c4d2;

	}



.retour

	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-style:normal;

	line-height:10px;

	font-weight:bold;

	font-variant:normal;

	text-transform:none;

	color: #666666;

	text-decoration:none;

	}



.petit /* votre mail ici */

	{

	font-family: verdana;

	font-size: 9px;

	font-style: normal;

	line-height: 16px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #666666;

	text-decoration: none;

	}



#conteneur

	{

	width:938px;

	margin:0 auto; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#header

	{

	width:944px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px;  /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}

	

#reseaux_sociaux

	{

		width:934px;

		height:20px;

		display:block;

		padding:0px 10px 0px 0px;

		margin:10px 0px 0px 0px;

	}

	

#img_reseaux_sociaux img

	{

		border:0;

		float:right;

		display:block;

		margin:0 0 0 5px;

	}



#menu_flash /* Positionnement de l'animation flash du banner */

	{

	width:944px;

	height:220px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px;  /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#menu_position

	{

	margin:10px 0px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px;  /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:left;

	display:block;

	}



#menu_titre

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size:24px;

	font-weight:bolder;

	font-stretch:ultra-condensed;

	letter-spacing:13px;

	color: #ffae00;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px;  /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#menu

	{

	list-style:none;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px;  /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#menu_photo

	{

	width:521px;

	height:218px;

	margin:10px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px;  /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:right;

	display:block;

	}



#milieu

	{

	width:938px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#milieu_colonne_gauche_accueil

	{

	width:493px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:left;

	display:block;

	}



#milieu_colonne_gauche_detail

	{

	width:244px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:left;

	display:block;

	}



#sous_menu_bloc

	{

	width:244px;

	background:url(images/bg_smenu.jpg) left top no-repeat;

	margin:20px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#sous_menu

	{

	width:200px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-style:normal;

	line-height:10px;

	font-weight:bold;

	font-variant:normal;

	text-transform:none;

	color: #666666;

	text-decoration:none;

	list-style:none;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:45px 0px 25px 22px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#sous_menu li a

	{

	background:url(images/puce_orange.gif) left top no-repeat;

	margin:10px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 8px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.sous_menu_texte

	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-style:normal;

	line-height:10px;

	font-weight:bold;

	font-variant:normal;

	text-transform:none;

	color: #666666;

	text-decoration:none;

	}



#bienvenue_titre

	{

	margin:20px 0px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#bienvenue_texte

	{

	margin:10px 0px 20px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.photo_fond_haut

	{

	width:244px;

	height:10px;

	background:url(images/photo_ombre_haut.gif) left top no-repeat;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.photo_fond_milieu

	{

	width:244px;

	background:url(images/photo_ombre_milieu.gif) left top repeat;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.photo_fond_bas

	{

	width:244px;

	height:10px;

	background:url(images/photo_ombre_bas.gif) left top no-repeat;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 20px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.photo

	{

	width:224px;

	margin:0px 10px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}

	

#photo_colonne_gauche

	{

	float:left;

	}



#photo_colonne_droite

	{

	float:right;

	}



#milieu_colonne_droite_accueil

	{

	width:445px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:right;

	display:block;

	}



#milieu_colonne_droite_detail

	{

	width:694px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:right;

	display:block;

	}



#contenu_rubrique

	{

	height:18px;

	background:url(images/barrebleue.gif) left center no-repeat;

	margin:20px 8px 0px 20px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:left;

	display:block;

	}



#contenu_sous_rubrique

	{

	height:18px;

	background:url(images/puce_grise.gif) left center no-repeat;

	margin:20px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:left;

	display:block;

	}



.contenu_type_liste_blanc

	{

	width:670px;

	background:#FFFFFF;

	margin:15px 20px 0px 20px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	clear:both;

	overflow:hidden;

	display:block;

	}



.contenu_type_liste_gris

	{

	width:670px;

	background:#F7F7F7;

	margin:15px 20px 0px 20px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	clear:both;

	overflow:hidden;

	display:block;

	}



.contenu_type_liste_gauche

	{

	width:502px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:10px 10px 10px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:left;

	overflow:hidden;

	display:block;

	}



.contenu_type_liste_droite

	{

	width:112px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:10px 10px 10px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:right;

	display:block;

	}



.contenu_titre_liste

	{

	width:502px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.contenu_liste

	{

	width:502px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.contenu_titre

	{

	width:654px;

	margin:15px 20px 0px 20px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	clear:both;

	display:block;

	}



.contenu

	{

	width:654px;

	margin:0px 20px 20px 20px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#contenu_lien

	{

	width:654px;

	margin:0px 20px 20px 20px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#contenu_fichier

	{

	width:654px;

	margin:0px 20px 20px 20px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#contenu_retour

	{

	margin:0px 20px 20px 20px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:right;

	display:block;

	}



#prec_suiv

	{

	text-align:center;

	display:block;

	}



#a_la_une

	{

	width:390px;

	height:18px;

	background:url(images/barrebleue.gif) left center no-repeat;

	margin:20px 0px 10px 31px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.a_la_une_titre

	{

	width:390px;

	height:18px;

	margin:0px 0px 0px 31px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:2px 0px 4px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	background-color:#b8cee5;

	display:block;

	}



.a_la_une_titre h3

	{

	color:#ffffff;

	}



.a_la_une_texte

	{

	width:390px;

	margin:0px 0px 15px 31px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}

	

#blog_wsp

	{

	width:420px;

	margin:0px 0px 10px 15px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#blog

	{

	width:420px;

	margin:0px 0px 10px 15px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#malvoyants

	{

	width:420px;

	margin:0px 0px 5px 15px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.newsletter_bloc

	{

	width:420px;

	height:100px;

	background:#b8cee5;

	margin:0px 0px 0px 15px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	clear:both;

	display:block;

	}



.newsletter_colonne_gauche

	{

	width:210px;

	float:left;

	display:block;

	}



.newsletter_titre

	{

	width:175px;

	margin:10px 0px 0px 16px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.newsletter_titre h3

	{

	color:#FFFFFF;

	}



.newsletter_formulaire

	{

	width:187px;

	margin:0px 0px 0px 16px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:10px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.newsletter_colonne_droite

	{

	width:210px;

	float:right;

	display:block;

	}



.newsletter_lien

	{

	width:187px;

	margin:0px 0px 0px 16px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:10px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



.cssform p

	{

	width: 500px;

	clear: left;

	margin: 0;

	padding: 5px 0 8px 0;

	padding-left: 100px; /*width of left column containing the label elements*/

	height: 1%;

	}



.cssform label

	{

	float: left;

	margin-top:3px;

	margin-left: -100px; /*width of left column*/

	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

	}



.cssform input[type="text"]

	{ /*width of text boxes. IE6 does not understand this attribute*/

	width: 450px;

	}



.cssform textarea

	{

	width: 450px;

	height: 150px;

	}



/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/



* html .threepxfix

	{

	margin-left: 3px;

	}



.form_boutons

	{

	margin-left:100px;

	}



#footer

	{

	width:944px;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	clear:both;

	display:block;

	}



#footer_espace

	{

	width:944px;

	height:20px;

	display:block;

	}



#footer_bloc

	{

	width:944px;

	height:117px;

	background:#999999 url(images/bloc_fin.jpg) left top no-repeat;

	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	display:block;

	}



#footer_pins

	{

	margin:0px 0px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:left;

	display:block;

	}



#facebook

	{

	width:200px;

	height:24px;

	margin:36px 0px 0px 10px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:left;

	display:block;

	}



#copyright_texte

	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-style:normal;

	line-height:16px;

	font-weight:bold;

	font-variant:normal;

	text-transform:none;

	color:#ffffff;

	text-decoration:none;

	margin:36px 15px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */

	float:right;

	display:block;

	}



.copyright {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-style:normal;

	line-height:16px;

	font-weight:bold;

	font-variant:normal;

	text-transform:none;

	color:#ffffff;

	text-decoration:none;

}



#recaptcha_image

	{

	width:300px;

	height:57px;

	margin-left: 100px;

	float:left;

	display:block;

	}



#captcha_controls

	{

	margin-left: 10px;

	float:left;

	display:block;

	}



.clear

	{

	clear:both;

	}
	
#galerie-wsp { width:664px; height:396px; background-color:#eeeeee; padding:10px 0 10px 0; margin:0 20px 0 20px; display:block; }