@CHARSET "UTF-8";

/* --------------------------------------------------------------------------------------
																			GENERAL
-------------------------------------------------------------------------------------- */
*{
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 0px;
  padding: 0px;
  outline-style:none;
  color: #DDDDDD; 
  behavior: url("win_png.htc");
}
a{
	text-decoration: none;	
}
a:hover b{
	color: #FE8A01;
}
body{
	background-color: #1f1f1f;
	margin: 0px;
	padding: 0px;
}
/* --------------------------------------------------------------------------------------
																			STRUCTURE
-------------------------------------------------------------------------------------- */
div#divMainPage{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -312px; /* moitié de la hauteur */
	margin-left: -480px; /* moitié de la largeur */
	height: 625px;	
	width: 960px;
}

div#divMainContent{
	background: url( images/bg.png);
	border: 5px solid #FFFFFF;	 
	width: 950px;
	height: 550px;
	
}
/* --------------------------------------------------------------------------------------
																			MENU
-------------------------------------------------------------------------------------- */
div#divMenu{
	width: 950px;
	border-bottom: 1px solid #7a7a7a;
	background-color: #303030;
	height: 50px;
}
div#divSousMenu{
	height: 30px;
	width: 950px;
	margin-bottom: 20px;
}
div#divSousMenu div.sousMenu{
	top: 0px;
	width: 890px;
	border-bottom: 1px solid #7a7a7a;
	background-color: #464646;
	height: 25px;	
	padding: 5px 0px 0px 60px;
	display: none;
}
div.ssMenuHide{

}
div.sousMenu ul{
	list-style: none;
	display: inline;
}
div.sousMenu ul li{
	display: inline;
	border-right: 1px solid #787878;
	padding: 0px 10px;
}
div.sousMenu, div.menu *{
	font-size: 12px;
	color: #e0e0e0;
}
div.menu{
	float: left;
	padding: 15px 0px 0px 20px;
}
div.menu ul{
	list-style: none;
	display: inline;
}
div.menu ul li{
	display: inline;
	border-right: 1px solid #787878;
	padding: 10px 10px;
	overflow: hidden;
}
div.menu ul li a img{ 
	border: 0px solid #000000; 
	padding: 0px; 
	margin-top: -3px; 
	vertical-align: top;

}
div.menu, div.menu *{
	font-size: 14px;
	color: #e0e0e0;
}
div.title{
	padding: 0px 0px 0px 0px;
}
div.title, div.title b, div.title a{
	text-align: right;
	color: #FFFFFF;
	font-size: 25px;
	padding: 8px 10px 8px 0px;
}
/* --------------------------------------------------------------------------------------
																			CONTENT
-------------------------------------------------------------------------------------- */
div#divContent{
	overflow: auto;
}
div.titreContent{
	width: 100%;
	padding: 8px 0px;
	background: url( images/trame.png);
	border-bottom: 1px solid #000000;
}
/* --------------------------------------------------------------------------------------
																CONTENT MOITIE
-------------------------------------------------------------------------------------- */
div#divContent div.divContentLeft, div#divContent div.divContentRight{
	width: 410px;
	overflow: auto;
	background: url( images/trame.png);
	border: 1px solid #000000;
	color: #FFFFFF;
	height: 420px;
}
div#divContent div.divContentLeft{
	float: left;
	margin: 0px 41px 0px 30px;
}
div#divContent div.divContentRight{
	margin: 0px 30px 0px 0px;
}
div.divContent400{
	width: 390px;
	padding: 10px;
}
/* --------------------------------------------------------------------------------------
																CONTENT TIERS
-------------------------------------------------------------------------------------- */
div#divContent div.divContentLeftUnTier, div#divContent div.divContentRightDeuxTiers{
	overflow: auto;
	background: url( images/trame.png);
	border: 1px solid #000000;
	color: #FFFFFF;
	height: 420px;
}
div#divContent div.divContentLeftUnTier{
	width: 300px;
	float: left;
	margin: 0px 41px 0px 30px;
}
div#divContent div.divContentRightDeuxTiers{
	width: 540px;
	margin: 0px 30px 0px 0px;
	overflow-x: hidden;
}
div.divContent280{
	width: 280px;
	padding: 10px;	
}
div.divContent520{
	width: 520px;
	padding: 10px;	
}
/* --------------------------------------------------------------------------------------
																PHOTO DE LA SEMAINE
-------------------------------------------------------------------------------------- */
h3.photoSemaine{
	margin: 0px 10px 0px 20px;
	text-align: left;
	font-size: 13px;
}
p.photoSemaine{
	text-align: center;
	width: 380px;
}
p.photoSemaine img{
	border: 1px solid #FFFFFF;
	margin: 0px;
}
p.photoSemaineLegende{
	width: 350px;
	padding: 10px 0px 10px 10px;;	
	text-align: justify;
}
/* --------------------------------------------------------------------------------------
																PHOTO DE LA GALERIE
-------------------------------------------------------------------------------------- */
p.description{
	text-align: justify;
}
div.divGalerie img{
	margin: 0px 0px 3px;
	padding: 0px;
	border: 0px solid #000000;
}
/* --------------------------------------------------------------------------------------
																Contact et liens
-------------------------------------------------------------------------------------- */
p.adresse{
	padding: 20px 0px 0px 30px;
	font-size: 14px;
}
p.adresse h4{
	font-size: 16px;
}
table.contact th{
	text-align: right;
	padding: 5px 10px 5px 0px;
	vertical-align: top;
}
table.contact td{
	padding: 5px 0px;
}
table.contact td input, table.contact td textarea, table.contact td textarea{
	background-color: #1f1f1f;
	color: #DDDDDD;
	border: 1px solid #FFFFFF;
	padding: 3px;
}
table.liens th{
	text-align: right;
	padding: 3px 20px 0px 0px;
	vertical-align: top;
}
table.liens td{
	padding: 3px 10px 0px 0px;
	text-align: justify;
}
/* --------------------------------------------------------------------------------------
																ACTUALITES
-------------------------------------------------------------------------------------- */
h3.actu{
	font-size: 13px;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
}
h3.actu span.time{
	font-size: 10px; 
	color: #FE8A01;
}
p.actu{
	text-align: justify;
	color: #DDDDDD;
}
div.actuPagination{
	width: 390px;
	padding: 15px 0px 0px 0px;
	position: absolute; 
	bottom: 55px;
}
div.actuPagination div.prec, div.actuPagination div.suiv{
	overflow: auto;
	width: 200px;
}
div.actuPagination div.prec{
	float: left;
}
div.actuPagination div.suiv{
	text-align: right;
}
p.spip{
	margin: 0px 0px 10px;
	text-align: justify;
}
/* --------------------------------------------------------------------------------------
																			FOOTER
-------------------------------------------------------------------------------------- */
div#divMainFooter{
	font-size: 10px;
	color: #a7a7a7;
	text-align: right;
	padding: 2px 5px;
}