/*	-----     STRUCTURE	   ----------------------  */
body 	{ 	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px; 
		height: 			100%; 
		text-align: 		center;
		behavior: 			url(../includes/csshover.htc);
	/*	----	*/
		background: 		#9AA0A5 url(fond.png) top center no-repeat;
		font: 				11px verdana,arial,sans-serif; 
	}
#page_1 {	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
	/*	----	*/
	}		
#entete   { 	
		margin: 			0 auto;
		text-align: 		left;
	/*	----	*/
		width: 				1000px;
		height: 			100px; 
		text-align: 		left;
	}
* html #entete   { 	width: 		1003px; }

#page_2 {	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
	/*	----	*/
	}		
#menu   { 	
		margin: 			0 auto;
		text-align: 		left;
	/*	----	*/
		width: 				1000px;
		height:	24px;
	}
* html #menu   { 	width: 		1003px; }

#page_3 {	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
	/*	----	*/
		background: 		#eee;
	}		
#corps {		
		margin: 			0 auto;
		text-align: 		left;
	/*	----	*/
		width: 				1000px;
		background: 		#fff;
		min-height:			660px;
	}
* html #corps   { 	width: 		1003px; }
#page_4 {	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
	/*	----	*/
		background: 		#bbb;
		border-top: 		1px solid #eee;
	}	
#pied_de_page 	{	
		margin: 			0 auto;
	/*	----	*/
		width: 				1000px;
		padding:			15px 0;
		text-align : 		left;
		color: 				#999;
	}
* html #pied_de_page   { 	width: 		1003px; }

#cp_500 {	float:		left;	width: 		500px;}
#cp_550 {	float:		left;	width: 		550px;}
#cp_700 {	float:		left;	width: 		690px;}

#cs_150 {	float:		left;	width: 		140px;}
#cs_200 {	float:		left;	width: 		190px;}
#cs_300 {	float:		left;	width: 		310px;}

/*	-----     FIN STRUCTURE	   ---------------------- */
/*	-----     DEBUT ENTETE	   ---------------------- */

#logo {
		float:				left;
		padding-top:		10px;
	}	
#pub1 {
		float:				right;
		width:				200px;
	}	
#pub1,
#pub2,
#pub3,
#pub4,
#pub5 {
		text-align: center;
		font-size: 				6px; 
	}	
#recherche {
		text-align: 		left;
		padding-top:		40px;
		margin-left:		260px;
	}	
#recherche 	input[type="submit"] {
		width:				20px;
	}
* html #recherche {}


#annonceur_ident { 
	display:none; 
	float: right;
	border: 1px dashed #999;
	width: 35%;
	margin-top : 10px;
	padding : 5px;
}

/*	-----     FIN ENTETE	   ---------------------- */

/*	-----     TAGS	   ---------------------- */
img { 	border: 			0; 
		margin: 			0; 
		padding: 			0;
	}
a {		color: #c00; text-decoration: 	none; }
a:hover {text-decoration: 	underline; }
p {text-align: justify; }
/*	-----     DEBUT MENU	   ---------------------- */

div#menu ul {
		padding: 			0;
		margin:				0px; 
	}

/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#menu ul li {
		position:			relative; 
		list-style: 		none;
		float:				left;
	}
	
	/* plus de bordure et taille remise a 100px*/
div#menu li a, 
div#menu li b {
		display:			block; 
		margin: 			0 4px; 
		padding: 			6px 0; 
		width:				110px;
		text-decoration: 	none; 
		text-align: 		center; 
		bor_der-bottom: 	1px solid #999;
		bor_der-left: 		6px solid #f00;
		bor_der-right: 		2px solid #999;
		color: 				#fff;
		font:		 		bold 10px verdana,arial,sans-serif;
	}
div#menu li b {
		background: 		url(case_r8.png) no-repeat top center; 
}	
div#menu a.r0 { 	background: url(case_r0.png) no-repeat top center;	margin-left: 12px; width:	30px;}
div#menu a.r1 { 	background: url(case_r1.png) no-repeat top center; }
div#menu a.r2 { 	background: url(case_r2.png) no-repeat top center; }
div#menu a.r3 { 	background: url(case_r3.png) no-repeat top center; }
div#menu a.r4 { 	background: url(case_r4.png) no-repeat top center; }
div#menu a.r5 { 	background: url(case_r5.png) no-repeat top center; }
div#menu a.r6 { 	background: url(case_r6.png) no-repeat top center; }
div#menu a.r7 { 	background: url(case_r7.png) no-repeat top center; }
div#menu a.r8 { 	background: url(case_r8.png) no-repeat top center; }
/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#menu ul ul {
		position: 			absolute;
		display: 			none; 
		width: 				180px;
	}

div#menu ul.niveau2 li a,
div#menu ul.niveau2 li b {
		text-decoration: 	none; 
		text-align: 		left; 
		padding: 			6px 0 6px 10px; 
		display:			block; 
		width:				94px;
		background: 		#fff; 
		border-bottom: 		1px solid #999;
		border-left: 		4px solid #006dc5;
		border-right: 		2px solid #eee;
		font:		 		bold 10px verdana,arial,sans-serif;
	}
div#menu ul.niveau2 li a {
		color: 				#333;
}
div#menu ul.niveau2 li b {
		color: 				#999;
}
div#menu ul.niveau2 li a:hover {
		background: 		#def; 
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2{
		display:			block;
	}

.decal1 { margin-left: 118px; }
* html .decal1 { margin-left: 82px; }

/*	-----    FIN MENU	   ---------------------- */

/*	-----     DEBUT DATE	   ---------------------- */
#date {
			padding-top:		4px;
			height:				16px;
			padding-left:		20px;
			font-size: 			10px;
			font-weight: 		bold;
	text-align: 		left;
			color:				#fff;
}
/*	-----     FIN DATE	   ---------------------- */

/*	-----     GESTION DES BLOCS	   ----------------------  */
.bloc {
		margin: 			05px 05px 05px 05px;
	}
.bloc_titre { 			
		margin: 			00px 00px 00px 00px; 
		padding: 			00px 00px 00px 00px; 
	/*	----	*/
		border-color: 		#fff;
	/*	border-left: 		1px solid rgb(0,128,192);		-> couleur.css */
		border-bottom: 		2px dotted #ccc;
		background-color: 	#fff;
	}
.bloc_titre h3 { 			
		margin: 			00px 00px 00px 00px; 
		padding: 			06px 20px 06px 20px; 
		text-align:			left;
		font:		 		bold small-caps 15px verdana,arial,sans-serif;
	/*	----	*/
	/*	color:				rgb(0,128,192);					-> couleur.css */
	}
.bloc_contenu {
		margin: 			00px 00px 00px 00px; 
		padding: 			00px 00px 00px 00px; 
	/*	----	*/
	/*	border-left: 		1px solid rgb(0,128,192);		-> couleur.css */
	}
.tableau {
		margin: 			00px 00px 00px 00px; 
		padding: 			00px 00px 00px 00px; 
	}
.contenu {
		margin: 			00px 00px 00px 00px; 
		padding: 			05px 10px 05px 10px; 
	/*	----	*/
		color:				#000;
	}
.contenu p {
		margin: 			00px 00px 00px 00px; 
		padding: 			03px 00px 03px 00px; 
		font-size:		 	11px;
		font-family:		verdana,arial,sans-serif;
		line-height: 		1.3;
	}
.contenu ul,ol {
		margin: 			00px 00px 00px 10px; 
		padding: 			00px 00px 03px 18px; 
	}
.contenu li {
		mar_gin: 			00px 00px 00px 00px; 
		pad_ding: 			00px 00px 03px 18px; 
		line-height: 		1.3;
	}
.contenu  h6 {
		font: 				11px verdana,arial,sans-serif; 
		color: 				#f33;
		font-weight: 		bold;
		margin : 			0;
		padding: 			10px 0 2px;
	}
.fleche { 
		float: 				right; 
		margin-right: 		30px; 
		margin-top: 		10px; 
	}
.curseur { 	cursor: 		pointer; }
		
#faq  h6 {
		font: 				10px verdana,arial,sans-serif; 
		font-weight: 		bold;
		margin : 			0;
		padding: 			6px 0 2px;
	}
#faq  p {
		font: 				10px verdana,arial,sans-serif; 
		margin : 			0;
		color:				#666;
		padding: 			0px 0 6px;
	}
		
.photo, 
.image { 
		margin-right: 		15px; 
		margin-bottom: 		3px; 
		padding: 			1px;
		border: 			1px solid #e8e8e8; 
		background-color: 	#fff;
	}
.video { 
		text-align:			right; 
		margin: 			15px 0 5px; 
	}
.photo_gauche, 
.image_gauche, 
.video_gauche { 
		float: 				left; 
		margin-right: 		15px; 
		margin-bottom: 		5px; 
		padding: 			1px;
		border: 			1px solid #e8e8e8; 
		background-color: 	#fff;
	}
.photo_centre,
.image_centre,
.video_centre { 
		margin: 			0 auto ;  
		margin-bottom: 		5px; 
		padding: 			1px;
		border: 			1px solid #e8e8e8; 
		background-color: 	#fff;
	}
.video_centre { 
		clear: both;
}
.photo_droite,
.image_droite,
.video_droite { 
		float: 				right; 
		margin-left: 		15px; 
		margin-bottom: 		5px; 
		padding: 			1px;
		border: 			1px solid #e8e8e8; 
		background-color: 	#fff;
	}
.photo_copy,
.image_copy { 
		margin-top: 		-3px;
		text-align: 		right; 
		color: 				#999;
		font-size: 			10px; 
		font-style: 		italic; 
	}
.photo_legende,
.image_legende ,
.video_legende {
		text-align: 		center; 
		color: 				#333;
		font-size: 			10px; 
	}
.info_fichier {
		color: 				#999;
		font-size: 			10px; 
	}		
.action  { 
		text-align: 		center; 
		padding: 			10px 0; 
	}
/*	-----     FIN GESTION DES BLOCS	   ----------------------  */

/*	-----     GESTION DES TABLEAUX	   ----------------------  */
table { 	
	/*	border: 			2px solid rgb(0,128,192);		-> couleur.css */
		border-collapse: 	collapse;
		width: 				100%;
		margin: 			0; 
	}
th {
	/*	border:				1px dotted rgb(0,128,192);		-> couleur.css */
		padding:			10px 0;
		font-size: 			11px;
		text-align: 		center;
		background-color: 	#e8e8e8;
	}
a.tri  { 
		color: 				#000;
		text-decoration: 	none;
	}
a.tri:hover { 
		text-decoration: 	none;
	}
td {
	/*	border:				1px solid rgb(0,128,192);		-> couleur.css */
		padding:			3px;
	}
td.ct {	text-align: 		center; }
td.dt {	text-align: 		right; }
.ligne1 { background-color: #fff; }
.ligne2 { background-color: #e8e8e8; }

.ligne1:hover,
.ligne2:hover { background-color: rgb(190,230,255); }

table.blanc{ border: 0; }
td.blanc{ border: 0; }
/*	-----     FIN GESTION DES TABLEAUX	   ----------------------  */

/*	-----     GESTION DES FORMULAIRES	   ----------------------  */
form 	{ 	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px; 
	}
label {
		float:				left;
		margin: 			2px 10px 0px 0px; 
		padding: 			2px 0px 0px 0px; 
		width:				20%;
		text-align:			right;
	}
	
#boxContenu	 label, 
#principal label, 
#activite label,
#ins_ut label,
#produit label,
#operation label {	
		width:				40%;
	}
#insertion label {	
		width:				30%;
	}
/** html label {width : auto;}	*/
fieldset { width: 100%;}


input, 
select,
textarea {
		margin: 			2px 0px 3px 0px; 
		padding: 			1px 1px 1px 1px; 
		font: 				11px verdana,arial,sans-serif; 
		border: 			#ccc 1px solid;
		background-color: 	#fff;
	}
.valeur {
		display:			block;
		padding: 			5px 1px 3px 1px; 
		font: 				bold 11px verdana,arial,sans-serif; 
	}
.valeur2 {
		display:			block;
		padding: 			5px 1px 3px 1px; 
		font: 				normal 11px verdana,arial,sans-serif; 
	}
.valeur a {
		font: 				bold 11px verdana,arial,sans-serif; 
	/*	color: 				rgb(0,128,192);		-> couleur.css */
	}
/*
select:focus,	- erreur d'affichage sous ie7
*/
input:hover, 
input:focus, 

textarea:hover,
textarea :focus {
		border: 			#999 1px solid;
		background-color: 	#def;
	}
input[type="submit"] {
	/*	border: 			1px solid rgb(0,128,192);		-> couleur.css */
		background-color: 	#fff;
	/*	color: 				rgb(0,128,192);		-> couleur.css */
		width:				200px;
	}
input[type="button"] {
	/*	border: 			1px solid rgb(0,128,192);		-> couleur.css */
		background-color: 	#fff;
	/*	color: 				rgb(0,128,192);		-> couleur.css */
		width:				70px;
	}
input[type="submit"]:hover,
input[type="button"]:hover {
	/*	background-color: 	rgb(0,128,192);		-> couleur.css */
		color: 				#fff;
		cursor: 			pointer;
	}	
* html .submit {
	/*	border: 			1px solid rgb(0,128,192);		-> couleur.css */
	/*	background-color: 	rgb(0,128,192);		-> couleur.css */
		color: 				#fff;
		cursor: 			pointer;
		margin-left:		200px;
		width:				100px;
}	
.info- { color: 				#999; }
.infoplus { color: 			#f00; }

.message {	
		margin:				10px 0 20px 50px;
		border: 			1px dashed #ccc;
		padding: 			10px;
	}
.aide {
		color: 				#999; 
		margin: 			0; 
		padding: 			0;
		margin-left: 		200px;
	}
.erreur {
		text-align: 		center;
		font-weight: 		bold;
		color: 				rgb(226,0,108);
	}
.champ {
		margin: 			2px 0px;
		border: 			1px solid white;
	}
.champ_erreur {
		margin: 			2px 0px;
		border: 			1px solid rgb(226,0,108);
	}
.champ_erreur input, 
.champ_erreur select, 
.champ_erreur textarea {
		background-color: 	rgb(255,221,237);
	}
.compteur { 
		margin-top:			-4px; 
		text-align: 		center; 
		color: 				#999;
	}
.compteur input {
		border: 			#fff 1px solid;
		background-color: 	#fff;
		color :				#933;
	}	
.compteur input:hover, 
.compteur input:focus {
		border: 			#fff 1px solid;
		background-color: 	#fff;
		color :				#933;
	}	
/*	-----     FIN GESTION DES FORMULAIRES	   ----------------------  */
#categories {
	background-color: #ddd;
	padding-top: 10px;
}
#categories a {
	display: block;
	margin:	0px;
	padding: 5px;
	color:	#000;
	font-weight: bold;
	text-decoration : none;
}
#categories a:hover{
	color:	#fff;
	text-decoration : none;
}
#categories a.rub_active {
	color:	#fff;
	text-decoration : none;
}
#rubriques {
	background-color: #999;
}
#rubriques a {
	display: block;
	margin:	0px;
	padding: 5px;
	padding-left: 15px;
	color:	#fff;
	font-weight: normal;
	text-decoration : none;
}
#rubriques a:hover{
	color:	#fff;
	text-decoration : none;
}
#rubriques a.rub_active {
	color:	#fff;
	text-decoration : none;
}
/*	-----     CLASSES DIVERSES	   ----------------------  */

.liste_mag { padding: 0 10px 10px; border-bottom: 2px dashed #ccc;}
.liste_mag  a { color: #000;}
a.liste_mag {	border: 1px solid #7c60d4; font-size:9px; color: #7c60d4; padding: 0 5px; margin: 0 10px;}
a.liste_mag:hover {	border: 1px solid #7c60d4; background-color: #7c60d4; color: #fff; text-decoration: none;}

.liste_agenda { padding: 0 10px 10px; border-bottom: 2px dashed #ccc;}
.liste_agenda  a { color: #000;}
a.lien_agenda {	border: 1px solid #e2006c; font-size:9px; color: #e2006c; padding: 0 5px; margin: 0 10px;}
a.lien_agenda:hover {	border: 1px solid #e2006c; background-color: #e2006c; color: #fff; text-decoration: none;}

.liste_guide { padding: 0 10px 10px; border-bottom: 2px dashed #ccc;}
.liste_guide  a { color: #000;}
a.lien_guide {	border: 1px solid #44ae53; font-size:9px; color: #44ae53; padding: 0 5px; margin: 0 10px;}
a.lien_guide:hover {	border: 1px solid #44ae53; background-color: #44ae53; color: #fff; text-decoration: none;}

.liste_annu { padding: 0 10px 10px; border-bottom: 2px dashed #ccc;}
.liste_annu  a { color: #000;}
a.lien_annu {	border: 1px solid #902747; font-size:9px; color: #902747; padding: 0 5px; margin: 0 10px;}
a.lien_annu:hover {	border: 1px solid #902747; background-color: #902747; color: #fff; text-decoration: none;}




.rouge { 	color: #f00; }
.article { 	
		padding: 			3px 0; 
		text-align: 		right; 
	}
.right { 	text-align: right; }
.center { 	text-align: center; }
.left { 		text-align: left; }
.ht100 { 	padding-top: 100px; }
.ht150 { 	padding-top: 150px; }
.pub {
		margin: 			15px 10px;
		background-color: 	#eee;
	}
.vignette_gauche { float: left; padding: 10px;}
.vignette_droite { float: right; }
.vignette_copy { text-align: right; color: #999;}
.vignette_legende {text-align: center; color: #999; }
/*	-----     FIN CLASSES DIVERSES	   ----------------------  */

/*	-----     PAGE INFOS LEGALES	   ----------------------  */
#info_leg h5 {		
		margin:  			00px 00px 00px 00px;
		padding: 			20px 00px 05px 15px; 
		font-family: 		Verdana, Arial, Helvetica, sans-serif; 
		font-size: 			11px;
	/*	color: 				#902747;		-> couleur.css */
	}
#info_leg p {		
		margin:  			00px 00px 00px 00px; 
		padding: 			02px 00px 02px 25px; 
		font-family: 		Verdana, Arial, Helvetica, sans-serif; 
		font-size: 			11px;
		color: 				#333;
	}
/*	-----     FIN PAGE INFOS LEGALES	   ----------------------  */

/*	-----     PAGE IDENTIFICATION	   ----------------------  */
#ident label {	
		width: 				90px;
		font:		 		normal 11px verdana,arial,sans-serif;
	}
#ident input[type="submit"] {
		width:				25px;
	}
	
#ident p {
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px; 
		text-align:			center;
		font:		 		normal 11px verdana,arial,sans-serif;
	}
div.ident_lien a {	
		font:		 		normal 10px verdana,arial,sans-serif;
		color:				#999;
	}
	
/*	-----     FIN PAGE IDENTIFICATION	   ----------------------  */

/*	-----     DEBUT PIED	   ----------------------  */
/*	format des liens accessibles depuis le pied de page*/
#pied_lien {
		padding:			3px 10px;
		color: 				#ccc;
	}
#pied_lien a { 
		font-size : 		10px; 
		font-weight: 		bold;
		color: 				#fff;
		text-decoration : 	none; 
	}
#pied_lien a:hover { 
		color: 				#fff; 
		text-decoration : 	none; 
	}
/*	format des liens accessibles depuis le pied de page*/
#pied_page {
		padding:			10px 40px;
		color: 				#ccc;
	}
#pied_page a { 
		font-size : 		10px; 
		font-weight: 		normal;
		color: 				#333;
		text-decoration : 	none; 
	}
#pied_page a:hover { 
		color: 				#000; 
		text-decoration : 	333; 
	}
/*	format du copyright */
#pied_copy {	
		clear: both;
		padding-top: 15px; 
		color: 				#666;
	}
/*	format du lien vers la zone admin */
#pied_admin { 
		text-align : 		right;
	}
#pied_admin a { 
		font-size : 		9px; 
		font-weight: 		normal;
		color: 				#fff;
		text-decoration : 	none; 
	}
#pied_admin a:hover { 
		color: 				#fff; 
		text-decoration : 	none; 
	}
/*	-----     FIN PIED	   ----------------------  */

/*-----------------------------------------------------------------*/

/*	-----     LIGHTBOX - DEBUT	   ----------------------  */
#overlay{ 
		background-color: 	#000;
		opacity: 				.7;
		filter: 				alpha(opacity=70);
	}
#overlay img { 
		border: 			none; 
	}
#box {
		background-color:	#fff; /* couleur du cadre de la photo agrandie */
		padding: 			5px; /* largeur du cadre */
	}
#closeButton { 
		float: 				right;
		top: 				10px; 
		right: 				10px; 
	}
#boxContenu {
		text-align: 		left;
	}
#boxContenu h1 {
		margin: 			0;
		padding: 			5px 10px 6px;
	/*	color: 				#902747;		-> couleur.css */
	/*	border-bottom: 		2px solid #902747;		-> couleur.css */
		font:		 		bold small-caps 13px verdana,arial,sans-serif;
	}
#boxContenu p {
		margin: 			00px 00px 00px 00px; 
		padding: 			03px 00px 03px 00px; 
		font-size:		 	11px;
		font-family:		verdana,arial,sans-serif;
		line-height: 		1.3;
	}
#boxContenu table {
		border:	0;
	}
#boxContenu tr {
		border:	0;
	}
#boxContenu td {
		border:	0;
		border-bottom:	1px solid #006dc5;
		padding: 			03px 00px 03px 00px; 
	}
#boxCopyright {
		float: 				right;
		color: 				#999;
		font-style: 		italic;
	}
#boxLegende {
		text-align: 		center;
		font-weight: 		bold;
		padding: 			10px;
	}
/*	-----     LIGHTBOX - FIN	   ----------------------  */