@import url(../includes/gen_ecran.css);

/*	-----     STRUCTURE	   ----------------------  */

body 	{ 		background: 		#bbb;
				font: 				11px verdana,arial,sans-serif; 
		background: 		#fff url(../site/fond.jpg) top center no-repeat;
	}
#page_1 {		back_ground: 		#eee;
				padding-top: 		10px;
	}		
#entete   { 		back_ground:			rgb(226,0,108); 
				height: 			95px; 
				text-align: 		left;
	}
#page_2 {		bac_kground: 		rgb(226,0,108);
	}		
#menu   { 		back_ground:			#eee; 
				text-align: 		left;
	}
#page_3 {		bac_kground: 		#eee;
	}		
#corps {			bac_kground: 		#fff;
	padding-top: 40px;
		min-height:			640px;
				bor_der: 			1px solid #fff;
	}
#page_4 {		background: 		#d4d3d3;
				border-top: 		1px solid #eee;
	}	
#pied_de_page {	
				padding:			15px 0;
				text-align : 		left;
				color: 				#999;
	}

/*	-----     DEBUT MENU	   ---------------------- */
div#menu ul {
				height: 			30px; 
		padding: 0;
		margin:0px; 
	}
div#menu li {
		background: #fff;
	}
div#menu li.accueil:hover {
		background: #fff;
	}
div#menu li:hover {
		background: #EDD;
	}
div#menu li.sousmenu:hover {
		background: #EBB;
	}
div#menu ul.niveau2 li {
		background: #eee;
	}
div#menu ul.niveau2 li:hover {
		background: #EBB;
	}
div#menu ul.niveau2 li.sousmenu {
		background: #eee url(../includes/images/fleche.gif) 95% 50% no-repeat;
	}
div#menu ul.niveau2 li.sousmenu:hover {
		background: #EBB url(../includes/images/fleche_hover.gif) 95% 50% no-repeat;
	}

/* 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 {
		text-decoration: none; 
		padding: 6px 20px 6px 20px; 
		display:block; 
		wid_th:182px;
		border-bottom: 2px solid #fff;
		bor_der-left: 6px solid #f00;
		bor_der-right: 2px solid #999;
		color: 				#333;
		font:		 		bold small-caps 14px verdana,arial,sans-serif;
	}
div#menu li a:hover, 
div#menu li b:hover {
		color: 				#fff;
}	
div#menu li.accueil a { padding: 3px 10px 0px 10px; }
/* 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; 
		padding: 6px 0 6px 10px; 
		display:block; 
		width:164px;
		border-bottom: 1px solid #fff;
		bor_der-left: 4px solid #f33;
		border-right: 2px solid #fff;
		color: 				#666;
		font:		 		bold small-caps 13px verdana,arial,sans-serif;
	}
/*Il faut decaller les soussous menu de la taille du sous menu */
div#menu ul.niveau3 {
		top:5px; 
		left: 176px;
		width: 160px;
	}
div#menu ul.niveau3 li a {
		text-decoration: none; 
		padding: 6px 10px 6px 10px; 
		display:block; 
		wid_th:142px;
		border-bottom: 1px solid #fff;
		bor_der-left: 4px solid #f33;
		border-right: 2px solid #fff;
		color: 				#666;
		font:		 		bold small-caps 12px verdana,arial,sans-serif;
	}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
		display:block;
	}
	
/*	-----     FIN MENU	   ---------------------- */

/*	-----     GESTION DES BLOCS	   ----------------------  */

.bloc_titre { 			
			border-color: 		#fff;
			border-left: 1px solid #d4d3d3;
			border-bottom: 2px dotted #ccc;
			bac_kground-color: 	#fff;
	}
.bloc_titre h3 { 			
			color:				#d34621;
	}
 
.bloc_contenu {
			border-color: 		#fff;
			border-left: 1px solid #d4d3d3;
			bac_kground-color: 	#fff;
	}
.contenu {
			color:				#333;
		}

.contenu  p {
				margin : 0;
				padding: 3px 0;
				text-align: justify;
		}
.contenu  h6 {
				font: 				11px verdana,arial,sans-serif; 
				color: #006693;
				font-weight: bold;
				margin : 0;
				padding: 10px 0 2px;
		}
#gauche 	.bloc_titre { 		
			border-left: 0px;
}
#gauche 	.bloc_contenu { 		
			border-left: 0px;
}
		
.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; 
		}		
		/*
		margin: auto 0; 
		
		*/
		
.valeur a { font-weight: bold; color: rgb(0,128,192);}

.action  { text-align: center; padding: 10px 0; }

label { width: 190px;}


		
/*	FIN CORPS DE PAGE	*/



/*	DEBUT PIED	*/
/*	format des liens accessibles depuis le pied de page*/
#pied_lien {
			padding:			15px 0;
			font-weight: 		bold;
			color: 				#fff;
	}
#pied_lien a { 
/*			font-size : 		11px; 
			font-weight: 		bold;
			color: 				#fff;*/
			color: 				#333;
			font:		 		normal small-caps 11px verdana,arial,sans-serif;

			text-decoration : 	none; 
	}
#pied_lien a:hover { 
			color: 				#333; 
			text-decoration : 	none; 
	}
#pied_lien a.rouge { 
			color: 				#f00;
	}
/*	format du copyright */
#pied_copy {
			color: 				#fff;
	}
/*	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;
			font-size: 13px;
			border-bottom: 2px solid #f00;
		}
#boxContenu p {
			margin: 0;
			padding: 6px 0 4px;
		}
#box_Contenu label {
			float:left;
			padding-top:4px;
			padding-right:10px;
			text-align:right;
			width:150px;
}
#box_Contenu input, select, option, textarea {
			-x-system-font:none;
			font-family:Verdana,sans-serif;
			font-size:11px;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:normal;
			margin: 2px 0 ;
}
#boxCopyright {
	float: left;
	color: #999;
	font-style: italic;
}
#boxLegende {
	text-align: right;
	font-weight: bold;
	padding: 10px;
}
/* LIGHTBOX - FIN*//*
#infos h5 {		margin:  00px 00px 00px 00px;
				padding: 10px 00px 05px 15px; 
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 12px;
				color: #f29400
		}
#infos p {		margin:  00px 00px 00px 00px; 
				padding: 02px 00px 02px 25px; 
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 12px;
				color: #999;
		}
.heb {color: #999}