/*	-----     STRUCTURE	   ----------------------  */
body 	{ 	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px; 
		height: 			100%; 
		text-align: 		center;
		behavior: 			url(../includes/csshover.htc);
	/*	----	*/
		font: 				11px verdana,arial,sans-serif; 
	}
#page_1 {	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
	/*	----	*/
		padding-top: 		10px;
	}		
#entete   { 	
		text-align: 		left;
	/*	----	*/
		width: 				100%;
		height: 			100px; 
		text-align: 		left;
	}
#page_2 {	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
	/*	----	*/
	}		
#menu   { 	
		display: 			none;
	}
#page_3 {	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
	/*	----	*/
	}		
#corps {		
		margin: 			0 auto;
		text-align: 		left;
	/*	----	*/
		width: 				100%;
	}
#page_4 {	
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
	/*	----	*/
		border-top: 		1px solid #eee;
	}	
#pied_de_page 	{	
	/*	----	*/
		width: 				100%;
		padding:			15px 0;
		text-align : 		left;
		color: 				#999;
	}
	
#cp_500 {	width: 		100%;}
#cp_700 {	width: 		100%;}

#cs_200 {			display: 			none; }
#cs_300 {			display: 			none; }

#pub1   { 			display: 			none; }
#pub2   { 			display: 			none; }
#pub3   { 			display: 			none; }
#pub4   { 			display: 			none; }
#pub5   { 			display: 			none; }

/*	-----     FIN STRUCTURE	   ---------------------- */
#logo {
		float:				left;
	}	
#annonceur_ident { 
	/*display:none; */
	float: right;
	border: 1px dashed #999;
	width: 35%;
	padding : 5px;
}
/*	-----     TAGS	   ---------------------- */
img { 	border: 			0; 
		margin: 			0; 
		padding: 			0;
	}
a {		text-decoration: 	none; }
a:hover {text-decoration: 	underline; }
p {text-align: justify; }

/*	-----     DEBUT DATE	   ---------------------- */
#date {
			padding-top:		4px;
			height:				16px;
			padding-left:		20px;
			font-size: 			10px;
			font-weight: 		bold;
	text-align: 		right;
			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 13px 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:				#333;
	}
.contenu p {
		margin: 			00px 00px 00px 00px; 
		padding: 			03px 00px 03px 00px; 
		font-size:		 	11px;
		font-family:		verdana,arial,sans-serif;
		line-height: 		1.4;
	}
.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_gauche, 
.image_gauche, 
.video_gauche { 
		float: 				left; 
		margin-right: 		15px; 
		margin-bottom: 		3px; 
		padding: 			1px;
		border: 			1px solid #e8e8e8; 
		background-color: 	#fff;
	}
.photo_centre,
.image_centre,
.video_centre { 
		margin: 			0 auto ;  
		margin-bottom: 		3px; 
		padding: 			1px;
		border: 			1px solid #e8e8e8; 
		background-color: 	#fff;
	}
.photo_droite,
.image_droite,
.video_droite { 
		float: 				right; 
		margin-left: 		15px; 
		margin-bottom: 		3px; 
		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: 				#999;
		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 */
	}
input[type="submit"] {
	/*	border: 			1px solid rgb(0,128,192);		-> couleur.css */
		background-color: 	#fff;
	/*	color: 				rgb(0,128,192);		-> couleur.css */
		width:				200px;
	}
#recherche {
		display:			none;
	/*	float:				right;
		padding:			30px 185px 0 0;*/
	}	
#recherche 	input[type="submit"] {
		width:				20px;
	}

input[type="submit"]: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	   ----------------------  */
.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: 				85px;
		font:		 		bold 10px 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;
	}
	
div.ident_info a {	
		font:		 		bold 11px verdana,arial,sans-serif;
		color:				#333;
}
/*	-----     FIN PAGE IDENTIFICATION	   ----------------------  */

/*	-----     DEBUT PIED	   ----------------------  */
/*	format des liens accessibles depuis le pied de page*/
#pied_lien {
		display: 			none;

	}
#pied_lien a { 
		font-size : 		10px; 
		font-weight: 		bold;
		color: 				#fff;
		text-decoration : 	none; 
	}
#pied_lien a:hover { 
		color: 				#fff; 
		text-decoration : 	none; 
	}
/*	format du copyright */
#pied_copy {	
		padding-top: 15px; 
		color: 				#999;
	}
/*	format du lien vers la zone admin */
#pied_admin { 
		display: 			none;

	}
#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;
	}
#boxCopyright {
		float: 				left;
		color: 				#999;
		font-style: 		italic;
	}
#boxLegende {
		text-align: 		right;
		font-weight: 		bold;
		padding: 			10px;
	}
/*	-----     LIGHTBOX - FIN	   ----------------------  */