/* -----------------------------------------
			Structure du site
----------------------------------------- */

#container{
	/*border: 1px dashed;*/
	width: 100%;
}

#container_header_a {
	/*border: 1px dashed;*/
	width: 100%;
	background-color: #ffffff;
}
	#header_a {
		/*border: 1px dashed;*/
		width: 987px;
		height: 62px;
		padding: 15px 0 12px 0;
		font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
		font-size: 2.5em;
		/*font-weight: bold;*/
		color: #1259aa;
		/* centrer l'entete a */
		margin-left: auto;
		margin-right: auto;	
	}

#container_menu {
	/*border: 1px dashed;*/
	width: 100%;
	height: 66px;
 	background-image: url('../images/background_menu.png');
	background-repeat: repeat-x;
}
	#menu{
		/*border: 1px dashed;*/
		width: 987px;
		height: 66px;
		/* centrer le menu */
		margin-left: auto;
		margin-right: auto;
	}
		#menu_content {
			width: 987px;
			height: 66px;
		}
	
#container_sousmenu_language {
	/*border: 1px dashed;*/
	width: 100%;
	background-color: #ffffff;
}
	#sousmenu_language {
		/*border: 1px dashed;*/
		width: 987px;
		height: 25px;
		/* centrer l'entete c */
		margin-left: auto;
		margin-right: auto;
	}
		#sousmenu {
			/*border: 1px dashed;*/
			float: left;
			width: 788px;
			height: 25px;
		}
		#language {
			/*border: 1px dashed;*/
			float: left;
			width: 187px;
			height: 25px;
		}
			#content_language {
				/*border: 1px dashed;*/
				padding: 4px 0 0 0;
				text-align: right;
				/* centrer les langues */
			}
			#content_language a {
				/*border: 1px dashed;*/
				padding: 5px 10px 5px 10px;
				font-weight: bold;
				font-size: 0.9em;
				color: #2a8eff;
				background-color: #b5cbe6;
				/*background-color: #d8e9ec;*/
			}
			#content_language a:hover {
				/*border: 1px dashed;*/
				text-decoration: none;
				color: #0040ff;
			}
		
#container_header_b {
	/*border: 1px dashed;*/
	width: 100%;
	background-color: #ffffff;
	padding: 15px 0 0 0;
}
	#header_b {
		/*border: 1px dashed;*/
		width: 987px;
		height: 128px;
		background-image: url('../images/header_1_1.jpg');
		background-repeat: none;
		/* centrer l'entete b */
		margin-left: auto;
		margin-right: auto;
	}
	
#container_header_c {
	/*border: 1px dashed;*/
	width: 100%;
	background-color: #ffffff;
}
	#header_c {
		/*border: 1px dashed;*/
		width: 987px;
		height: 257px;
		/* centrer l'entete c */
		margin-left: auto;
		margin-right: auto;
	}
		#header_1c {
			/*border: 1px dashed;*/
			float: left;
			width: 344px;
			height: 257px;
			background-image: url('../images/header_2_1.jpg');
			background-repeat: none;		
		}
		#header_2c {
			/*border: 1px dashed;*/
			float: left;
			width: 281px; /*311px-(15px*2)=281px*/
			height: 232px; /* 357px-20px-5px=232px*/
			padding: 20px 15px 5px 15px;
		}
		#header_3c {
			/*border: 1px dashed;*/
			float: left;
			width: 332px;
			height: 257px;
			background-image: url('../images/header_2_3.jpg');
			background-repeat: none;
			
		}

#container_ariane {
	/*border: 1px dashed;*/
	width: 100%;
	/*background-color: #4574a9;*/
	background-color: #336699;
}
	#padding_ariane {
		width: 987px;
		/*height: 20px;*/
		/* centrer l'entete c */
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
	}
		
#container_content {
	/*border: 1px dashed;*/
	width: 100%;
	/*background-color: #4574a9;*/
	background-color: #336699;
}
	#content {
		/*border: 1px dashed;*/
		width: 987px;
		min-height: 600px;
		padding: 0 0 10px 0;
		/* centrer le contenu */
		margin-left: auto;
		margin-right: auto;
	}
		#padding_content {
			padding: 10px;
		}

#container_footer_a {
	/*border: 1px dashed;*/
	width: 100%;
 	background-color: #ffffff;
}
	#footer_a{
		/*border: 1px dashed;*/
		position: relative; 
		width: 987px;
		padding: 10px 0 10px 0;
		color: #5e5e5e;
		/* centrer le footer b */
		margin-left: auto;
		margin-right: auto;
	}

#container_footer_b {
	/*border: 1px dashed;*/
	width: 100%;
	background-color: #c6c6c6;
}
	#footer_b {
		/*border: 1px dashed;*/
		width: 987px;
		padding: 10px 0 10px 0;
		text-align: center;
		/* centrer le footer b */
		margin-left: auto;
		margin-right: auto;
	}
	#footer_b a {
		color: #000000;
	}
}

#clear {
	clear: both;
}
	
	
	
#filtre_popup_accueil {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	/*height: 100%*/
	background-color: black;
	z-index: 90;
}
#contenu_popup_accueil  {
	position: absolute;
	padding: 5px 30px 30px 30px;
	top: 15px;
	width: 900px;
	background-color: #ffffff;
	z-index: 91;
}



/* -----------------------------------------
				Mise en page
----------------------------------------- */

.layout {
	/*border: 1px dashed;*/
	width: 967px;
	overflow: hidden;
	background-color: #ffffff;
	padding: 10px;
}

.article_photo_gauche{
	/*border: 1px dashed green;*/
	float: left;
}

.galerie{
	/*border: 1px dashed green;*/
	width: 150px;
	height: 131px;
	background-image: url('../images/polaroid.png');
	background-repeat: none;
	text-align: center;
}
.img_galerie{
	/*border: 1px dashed green;*/
	margin-top: 10px;
	margin-left: -5px;
	/*border: 1px solid #a3a3a3;*/
}

.article_texte_droite{
	/*border: 1px dashed red;*/
	float: right;
	text-align: left;
}

.article_photo_droite{
	/*border: 1px dashed green;*/
	float: right;
}
.article_texte_gauche{
	/*border: 1px dashed red;*/
	float: left;
	text-align: right;
}

.article_photo_gauche_2{
	/*border: 1px dashed green;*/
	padding: 0 10px 0 0;
}
.article_texte_droite_2{
	/*border: 1px dashed red;*/
	margin:0;
	float: left;
	width: 967px;
	text-align: right;
}

.article_photo_droite_2{
	/*border: 1px dashed green;*/
	padding: 0 0 0 10px;
}
.article_texte_gauche_2{
	/*border: 1px dashed red;*/
	margin:0;
	float: right;
	width: 967px;
	text-align: right;
}


.layout8 {
	/*border: 1px dashed;*/
	/*position:relative; */
	float: left;
	background-color: #ffffff;
	overflow: auto;
	/* centrer le contenu */
	/*margin-left: auto;
	margin-right: auto;*/
}

.layout8_avant {
	width: 100%;
}

.layout8_apres {
	width: 100%;
}

.layoutSub {
	/*border: 1px dashed;*/
	/*width: 967px;*/
	height: 100%;
	overflow: hidden;
	background-color: #ffffff;
	/*padding: 10px;*/
}

.subarticle_photo_gauche{
	/*border: 1px dashed green;*/
	float: left;
}
.subarticle_texte_droite{
	/*border: 1px dashed red;*/
	float: right;
	text-align: left;
	padding: 0 0 0 10px;
}

.subarticle_photo_droite{
	/*border: 1px dashed green;*/
	float: right;
	padding: 0 0 0 0;
}
.subarticle_texte_gauche{
	/*border: 1px dashed;*/
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
}

.subarticle_photo_gauche_2{
	/*border: 1px dashed green;*/
	padding: 0 10px 0 0;
}
.subarticle_texte_droite_2{
	/*border: 1px dashed red;*/
	margin:0;
	/*float: left;*/
	/*width: 967px;*/
	/*text-align: left;*/
}

.subarticle_photo_droite_2{
	/*border: 1px dashed green;*/
	padding: 0 10px 0 0;
}
.subarticle_texte_gauche_2{
	/*border: 1px dashed red;*/
	margin:0;
	/*float: left;*/
	/*width: 967px;*/
	/*text-align: right;*/
}

/* -----------------------------------------
				Styles
----------------------------------------- */

body{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #6f6f6f;
	text-align: left;
	text-decoration: none;
	background-color: #ffffff;
	/* centrer la page au centre de l'écran*/
	margin: 0; /* pour éviter les marges */
}

.ariane {
	color: #ffffff;
	font-weight: bold;
}

h1 {
	margin: 0;
	/*color: #09294e;*/
	color: #2f2f2f;
	font-size: 1.5em;
}

h2 {
	/*font-style: italic;
	font-size: 1.5em;*/
	margin: 0;
	margin-bottom: 10px;
	/*margin-left: 30px;*/
	font-size: 1.3em;
	/*color: #9a0232;*/
	color: #4f4f4f;
}

h2 a{
	color: #4f4f4f;
	text-decoration: none;
}


.error {
	color: red;
	font-weight: bold;
}

.vert {
	color: green;
	font-weight: bold;
}





/* -----------------------------------------
				Formulaires
----------------------------------------- */

#formulaire fieldset {
	float: left;
	clear: left;
	/*width: 100%;*/
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #BFBAB0;
	/*background-color: #F2EFE9;
	background-image: url(images/fieldset_gradient.jpg);
	background-repeat: repeat-x;*/
}

#formulaire legend {
	margin-left: 1em;
	padding: 0;
	color: #000000;
	font-weight: bold;
}

#formulaire fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}

#formulaire fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}

#formulaire label {
	float: left;
	width: 10em;
	margin-right: 1em;
}

#formulaire fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 12em;
	background-color: transparent;
	background-image: none;
}