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

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

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

/*********************************    layers   **************************************/
#content
{
	/*background:#3f5665;*/
	background:url(images/fond_content.gif) repeat-y center;
	margin:0px;
	padding:0px;
	font-family: Verdana,"Lucida Sans Unicode", Arial, Tahoma;
	font-size:12px;
	color:#666666;
	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:270px;
		padding:0px;
		float:left;
		background:url(images/fond_menu.jpg) #e1e1e1 repeat-x top left; 
		min-height: 500px;
		height: auto !important;
		height: 500px;  
		text-align:right;
		padding-bottom:40px;
	}
	
		#logo{
			margin-top:30px;
			padding-bottom:60px;	
		}
			#logo h1
			{
				display:none;
			}
		
		#menu_gauche{
			min-height: 240px;
			height: auto !important;
			height: 240px;  
		}
			#menu_gauche ul, #menu_haut li{
				margin:0px;
				padding:0px;
			}			
			#menu_gauche ul{
			}
			/* niveau 1*/
			#menu_gauche ul li{
				list-style:none;
				border-bottom:1px dotted #ababab;
			}
			#menu_gauche ul li a{
				color:#000;
				font-size:13px;
				height:30px;
				padding-top:4px;
				display:block;
				padding-right:25px;
				font-weight:bold;
			}
				#menu_gauche ul li a:hover{
					color:#df2b78;
					text-decoration:none;
					font-style:italic;
					font-weight:bold;
				}
				#menu_gauche ul li a.rubrique-active{
					background:url(images/fond_rubrique_active.gif) no-repeat right;
					color:#df2b78;
					font-style:italic;
					font-weight:bold;
				}
			/* niveau 2 articles*/
			#menu_gauche ul li ul.articles{
				padding-bottom:10px;
			}
			#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:#000;
				font-size:12px;
				height:17px;
				display:inline;
				padding-right:25px;
				padding-left:10px;
				font-weight:normal;
				background:url(images/puce_article_inactif.gif) no-repeat left;
			}
				#menu_gauche ul li ul.articles li a:hover{
					color:#7b9e09;
					text-decoration:none;
					background:url(images/puce_article_actif.gif) no-repeat left;
					font-style:normal;
					font-weight:normal;
				}
				#menu_gauche ul li ul.articles li a.article-actif{
					background:url(images/puce_article_actif.gif) no-repeat left;
					color:#7b9e09;
					font-style:normal;
					font-weight:normal;
				}

			/* niveau 2 sous-rubriques*/
			#menu_gauche ul li ul.sous-rubriques{
				padding-bottom:10px;
			}
			#menu_gauche ul li ul.sous-rubriques li{
				list-style:none;
				background:none;
				padding-bottom:5px;
				border:none;
			}
			#menu_gauche ul li ul.sous-rubriques li a{
				color:#000;
				font-size:13px;
				height:15px;
				display:block;
				padding-right:25px;
				padding-left:10px;
				background:none;
				text-decoration:underline;
			}
				#menu_gauche ul li ul.sous-rubriques li a:hover{
					color:#df2b78;
					text-decoration:none;
					font-style:italic;
					text-decoration:none;
					background:none;
				}
				#menu_gauche ul li ul.sous-rubriques li a.rubrique-active{
					color:#df2b78;
					font-style:italic;
					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:#000;
						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:#7b9e09;
						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:#7b9e09;
						font-style:normal;
						font-weight:normal;
					}

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

	#colonne_droite{
		width:710px;
		padding-right:35px;
		padding-bottom:40px;
		float:left;
		min-height: 600px;
		height: auto !important;
		height: 600px;  
		background:#fff;
	}
	
		#menu_haut{
			height:30px;
			line-height:30px;
			color:#df2b78;
			text-align:right;
		}
			#menu_haut ul, #menu_haut li{
				margin:0px;
				padding:0px;
			}
			#menu_haut li{
				list-style:none;
				display:inline;
			}
				#menu_haut li.recherche{
					padding-left:12px;
				}
			#menu_haut ul li a{
				color:#df2b78;
				padding:0px 12px 0px 12px;
				border-right:1px solid #df2b78;
			}
				#menu_haut form
				{
					display:inline;
	
				}
					#menu_haut form input
					{
						width:90px;
						border:0px;
						padding-left:2px;
						background:#e1e1e1;
						font-family: Verdana,"Lucida Sans Unicode", Arial, Tahoma;
						font-size:11px;
						color:#666;
					}
					#menu_haut form .submitBt
					{
						border:0px;
						background:#df2b78;
						font-size:11px;
						color:#fff;
						width:20px;
						text-decoration:underline;
					}
		
		#bandeau{
			text-align:right;
			height:200px;
			background:url(images/bandeau_deventup.jpg) no-repeat right;
		}
		
		#contenu{
			padding-left:39px;
			padding-top:20px;
		}


/*********************************    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;
}