html
{
	margin:0px;
	padding:0px;
	height: 100%;

}
body
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	color:#323232;
	text-align:justify;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:url(images/fond_content.gif) repeat-y center;
}

a
{
	color:#e3004f;
	text-decoration:none;
	outline:none;
}
a:hover
{
	text-decoration:underline;
}
a img{border:0px;}

object{
z-index:0;
}
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/*********************************    layers   **************************************/
#content
{
	/*background:#3f5665;*/
	background:url(images/fond_content.gif) repeat-y center;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#323232;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#content_degrade
{
	background:url(images/fond_degrade.jpg) no-repeat;
	margin:0px;
	padding:0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#page
{
	width:1016px;
	margin-left:auto;
	margin-right:auto;
	min-height: 500px;
	height: auto !important;
	height: 500px; 
}

	#colonne_gauche{
		width:248px;
		padding:0px;
		float:left;
		min-height: 500px;
		height: auto !important;
		height: 500px;  
		text-align:right;
		padding-bottom:40px;
	}
	#bandeau{
			width:1013px;
			height:217px;
			background:url(images/fond_bandeau.jpg) no-repeat;
			padding-top:15px;
			padding-right:125px;
		}
	#bandeau #logo {
			float:left;
			width:254px;
			height:84px;
			margin-top:35px;
		}

	#logo h1
			{
				display:none;
			}
	#menu_haut_g {
		width:220px;
		height:55px;
		background:url(images/fond_menu_haut_g.jpg) no-repeat top left;
		float:right;
		margin-bottom:20px;
		}
	#menu_haut_g p#vous_etes {
		text-align:center;
		font-weight:bold;
		color:#929292;
		}
	#menu_haut_g ul {
		list-style-type:none;
		text-align:center;
		width:210px;
		padding:0;
		margin:auto;
		}
	#menu_haut_g ul li.vousetes{
		display:inline;
		margin:0 4px;	
		}
	#menu_haut_g ul li.vousetes a {
		color:#484747;
		font-weight:650;
		text-decoration:underline;}
			
	#menu_gauche{
		min-height: 240px;
		height: auto !important;
		height: 254px;
		text-align:left;
		width: 220px;
		float:right;
		background:url(images/menu_gauche.jpg) no-repeat left top;  
	}
	
		#menu_gauche ul {
		margin:0;
			margin:15px 20px 0 10px;
			padding:0px;
			width:200px;
			text-align:left;
		}
		#menu_gauche li.menu_g{
			line-height:25px;
			margin-right:10px;
			padding-bottom:8px;
			width:100%;
			color:#000;
			background:url(images/liste_menu.png) bottom left no-repeat;
		}
		#menu_gauche li.menu_g a {
			color:#000;
			font-size:11px;
			}
		#menu_gauche li.menu_g a:hover {	
			color:#000;
			}
/*			#menu_g10, #menu_g10 a {
				color:#f68017;
				}
			#menu_g10 a:hover {	
				color:#de7214;
				}
			#menu_g11, #menu_g11 a {
				color:#efc123;
				}
			#menu_g11 a:hover {	
				color:#d9ae21;
				}
			#menu_g12, #menu_g12 a {
				color:#0d9a35;
				}
			#menu_g12 a:hover {	
				color:#086924;
				}
			#menu_g13, #menu_g13 a {
				color:#0079df;
				}
			#menu_g13 a:hover {	
				color:#0061b0;
				}
			#menu_g14, #menu_g14 a {
				color:#ab33f0;
				}
			#menu_g14 a:hover {	
				color:#7d25b0;
				}

*/			/* niveau 1*/
			#menu_gauche ul li{
				
				list-style:none;
				
			}
			#menu_gauche ul li a {
				font-size:13px;
				height:20px;
				padding-top:4px;
				font-weight:bold;
				
			}
			#menu_gauche ul li a:hover {
				text-decoration:none;
			}
			#menu_gauche ul li a.titre_principal{
				padding-right:18px;
			}
			
				#menu_gauche ul li a.rubrique-active{
					color:#800006;
					font-weight:bold;
				}
			/* niveau 2 articles*/
			#menu_gauche ul li ul.articles{
				padding-bottom:5px;
			}
			#menu_gauche ul li ul.articles li{
				list-style:none;
				background:none;
				border:none;
				font-weight:normal;
			}
			#menu_gauche ul li ul.articles li a{
				color:#4b5356;
				font-size:12px;
				line-height:20px;
				display:inline;
				padding-left:10px;
				font-weight:normal;
			}
				#menu_gauche ul li ul.articles li a:hover{
					color:#F8931F;
					text-decoration:none;
					font-style:normal;
					font-weight:normal;
				}
				#menu_gauche ul li ul.articles li.article-inactif{
					padding-right:18px;
				}
				#menu_gauche ul li ul.articles li.article-actif{
					color:#F8931F;
					font-style:normal;
					font-weight:normal;
					padding-right:18px;
					background:url(images/fond_rubrique_active.gif) no-repeat right center;
				}
				#menu_gauche ul li ul.articles li.article-actif a{
					color:#F8931F;
					font-style:normal;
					font-weight:normal;
				}

			/* niveau 2 sous-rubriques*/
			#menu_gauche ul li ul.sous-rubriques{
				padding-bottom:10px;
				padding-top:0px;
				margin:0;
			}
			#menu_gauche ul li ul.sous-rubriques li{
				list-style:none;
				list-style-image:none;
				background:none;
				padding-bottom:5px;
				border:none;
			}
			#menu_gauche ul li ul.sous-rubriques li a{
				color:#4b5356;
				font-size:11px;
				height:15px;
				display:block;
				padding-right:25px;
				padding-left:40px;
				background:none;
				text-decoration:none;
			}
				#menu_gauche ul li ul.sous-rubriques li a:hover{
					color:#f68c10;
					text-decoration:none;
					background:none;
				}
				#menu_gauche ul li ul.sous-rubriques li a.rubrique-active{
					color:#f68c10;
					text-decoration:none;
					background:none;
				}
					#menu_gauche ul li ul.sous-rubriques li a.article-inactif, #menu_gauche ul li ul.sous-rubriques li a.article-actif{
						color:#4b5356;
						font-size:12px;
						height:17px;
						display:inline;
						padding-right:25px;
						font-weight:normal;
						padding-left:10px;
						background:url(images/puce_article_inactif.gif) no-repeat left;
						text-decoration:none;
					}
					#menu_gauche ul li ul.sous-rubriques li a.article-inactif:hover, #menu_gauche ul li ul.sous-rubriques li a.article-actif:hover{
						background:url(images/puce_article_actif.gif) no-repeat left;
						color:#F8931F;
						font-style:normal;
						font-weight:normal;
					}
					#menu_gauche ul li ul.sous-rubriques li a.article-actif{
						background:url(images/puce_article_actif.gif) no-repeat left;
						color:#F8931F;
						font-style:normal;
						font-weight:normal;
					}

		#footer{
			color:#828282;
			font-size:11px;
			margin-top:50px;
		}
			#footer a{
				font-weight:normal;
				text-decoration:underline;
				padding-right:10px;
			}

	#colonne_droite{
		width:720px;
		padding-bottom:20px;
		float:left;
		min-height: 600px;
		height: auto !important;
		height: 600px; 
		background:url(images/bord_colonne_droite.gif) repeat-y left top;
	}
	
		#menu_haut{
			width:700px;
			height:47px;
			text-align:center;
			line-height:30px;
			color:#b3000b;
			text-align:left;
			padding-top:0px;
			font-size:11px;
			padding-top:10px;
			text-align:center;
			background:url(images/fond_menu_haut.jpg) no-repeat; 
		}
		
		#menu_haut ul {
		margin:0;
		padding:0;
		height:35px;
		width:350px;
		float:left;
		
		}
		#menu_haut ul li{
		margin:0;
		padding:0;
		height:35px;
		
		}
		#menu_haut #intitule {
			color:#552d14;
			font-size:14px;
			font-weight:bold;
			margin:0;padding:0;
			width:150px;
			height:50px;
			float:left;
			text-align:right;
			padding-left:50px;
		}
			#menu_haut li, #menu_haut li a{
				list-style:none;
				display:inline;
				padding: 0 2px;
				color:#009ee0;}
				
			#menu_haut li h2, #menu_haut li h2 a{
				display:inline;
				font-family:13px;
				font-weight:800;
			}
			#menu_haut li.vousetes, #menu_haut li.vousetes a {
				color:#009ee0;
				}
				
			

		#contenu_principal {
			padding-left:39px;
			padding-top:20px;
			font-family:Verdana, Tahoma, Arial;
			min-height:380px;
		}
		#texte {
			font-size:13px;
			}
		#texte img {
			padding-right:20px;
				}
		
		#outils {
			text-align: center;
			margin-top:20px;
			}
		#outils ul, #outils li {
			margin:0px;
			padding:0px;
			}
		#outils li, #outils li h4 {
				list-style:none;
				display:inline;
			}
		#outils li h4 {
			padding: 0 5px 0 5px;
			}
	
	
	
	
		#colgauche_accueil {
			float:left;
			padding-right:10px;
			width:350px;
		}
	
		#coldroite_accueil {
			float:right;
			text-align:left;
			width:261px;
		}
		h1.gal {
			color:black;
			font-size:14px;
			font-weight:bold;
			padding-left:10px;
		}
	
	
		#news {
			margin-top:20px;
			}
		#news #titre h2 a {
			color:#e3004f;
			font-size:16px;
			font-weight:800;
			}



/*********************************    spécifique   **************************************/


.image-lightbox-container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:445px;
	
}
.image-lightbox-container a {
	display:block;
	float:left;
	border:1px #dadada solid;
	padding:3px;
	background:#fff;
}
.image-lightbox-container a:hover {
	display:block;
	float:left;
	border:1px #bbb solid;
	padding:3px;
	background:#eee;
}
.image-lightbox-container a img {
	border:0;
}


/*********************************    bouton   **************************************/

.bouton {
	border:0; 
	cursor:pointer; 
	background: transparent url('images/fin_bouton.gif') no-repeat right;
	display: block;
	float: left;
	padding: 0 30px 0 0;
	min-width:50px;
	width: auto !important;
	width: 50px;
}
	.bouton span {
		color:#fff;
		font-weight:bold;
		line-height: 17px;
		background: transparent url('images/debut_bouton.gif') no-repeat;		
		display: block;
		white-space:nowrap; 
		padding: 0 0 0 15px;
	}
	.bouton span {
		height: 17px; line-height:17px; /* IE6 fix */
	}
	a.bouton ,a.bouton:hover{
		text-decoration:none;
	}
/* Diaporama Innerfade*/
#diaporama_innerfade1 {
	float:left;
	display:block;
	padding:4px;
	margin-left:475px;
	-margin-left:360px;
	width:195px;
	height:154px;
	background:url(images/fond_diapo.gif) no-repeat;

}
#diaporama_innerfade1 img { margin: 0; padding: 2px 1px; border: 0; }














/* slides styling */

.photo {width:250px; text-align:left; position:relative; margin:0 auto;height:455px;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:250px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none;  font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; }

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; }

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:375px;  width:261px; padding:40px 00px;  z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:375px;  width:261px; padding:40px 00px;  z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none;  border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-200px; top:-130px; width:300px; height:200px; border-color:#fff;}