body {
	background-color: #e5d8c3;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background: #e5d8c3 url("images/FondCourbe2.gif") no-repeat center top;*/
}

.body_accueil {
	background-color: #002D65;
	background-image: none;
}

#accueil {
	left: 50%;
	top: 50%;
	width: 892px;
	height:562px;
	position: absolute;
	margin-top: -281px;
	margin-left: -446px;
	background-color: transparent;
	/*background: transparent url("images/fond_accueil.jpg") no-repeat;*/
}

#accueil #logo {
	position: absolute;
	width:428px;
	height:170px;
	background: transparent url("images/logo_accueil.gif") no-repeat;
	left:145px;
	top:150px;
}

#accueil #menu {
	position: absolute;
	background-color:transparent;
	display:block;
	left: 510px;
	top: 100px;
}
#accueil #menu img {
	display:block;
}

#accueil #adresse {
	position: absolute;
	right: 95px;
	top: 430px;
	text-align: right;
	color:#BEE7F9;
	font-weight:bold;
	font-size:12px;
	line-height:17px;
	letter-spacing:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.fond_accueil_1 {
	background: transparent url("images/fond_accueil_01.gif") no-repeat;
}
.fond_accueil_2 {
	background: transparent url("images/fond_accueil_02.gif") no-repeat;
}
.fond_accueil_3 {
	background: transparent url("images/fond_accueil_03.gif") no-repeat;
}


#accueil a, #accueil a:link, #accueil a:visited, #accueil a:hover, #accueil a:active {
	color: #BEE7F9;
	text-decoration: none;
}

#accueil a:hover {
	text-decoration: underline;
}

/* test */
#login_window {
	left: 50%;
	top: 50%;
	width: 250px;
	height:200px;
	position: absolute;
	margin-top: -100px;
	margin-left: -125px;
	background-image: url("images/bckgrnd_login.gif");
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
}
#login_window p {
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

#login {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	display:none;
	z-index:1100;
}

#fond_trans {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000000;
	-moz-opacity:.7;
	filter/**/: alpha(opacity=70);
}

 @media screen{
  body>div#login{
  	position: fixed;
  }
 }
 

#page {
	background: transparent url("images/FondCourbe2.gif") no-repeat;
	display:block;
	/*width: 100%;*/
	/*height:100%;*/
	width: 1024px;
	margin: 0 auto;
	_height: 768px;
	min-height: 768px;
	overflow:auto;
}

#col_gauche {
	display:block;
	float:left;
	clear:left;
	width:212px;
	_height:50px;
	min-height:50px;
	background-color:transparent;
	text-align: right;
}

#col_droite {
	display:block;
	float:right;
	clear:right;
	width:212px;
	_height:50px;
	min-height:50px;
	background-color:transparent;
	text-align: left;
}

.mini_gallerie_G, .mini_gallerie_D {
	display:block;
	width:80px;
	height:120px;
	overflow:hidden;
	float: right;
}

.mini_gallerie_D {
	float: left;
}

img {
	margin:0;
	padding:0;
}

#col_milieu {
	background-color:#FFF;
	float:left;
	width:600px;
}

#entete {
	position:relative;
	display:block;
	background: transparent url("images/logo_01.gif") no-repeat;
	width: 100%;
	height:120px;
	padding: 0px;
	margin: 0px;
	background-color:#003366
}

#menu_top {
	position:absolute;
	display:block;
	bottom:0px;
	right:0px;
	background-color:transparent;
	width: 100%;
	height: 25px;
	margin:0px;
	padding:0px;
	text-align: right;
  }

#menu_pages {
	display:block;
	float: right;
	width: 80px;
	margin: 10px 0 0 0;
	text-align: left;
	font-size: 11px;
}

#menu_pages a, #menu_pages a:hover {
	color: #696E8C;
	font-weight: bold;
	text-decoration: none;
}
#menu_pages a:hover {
	color: #003366;
}

#menu_pages div.niveau_I {
	width: 100%;
	display: block;
	margin:10px 0 20px 0;	
}
#menu_pages div.page_active  {	
	background: transparent url("images/fond_actif.gif") bottom right repeat-x;
}
#menu_pages .titre {
	margin-right:10px;
	padding-bottom:2px;
	background-color:#e5d8c3;
}

#menu_pages ul {
	list-style-type: none;
	/*margin-right: 10px;*/
	/*margin-bottom: 20px;*/
	margin:10px 10px 20px 10px;
	padding:0;
	display:block;
	width:100%;
}
#menu_pages ul li{
	margin-bottom:5px;
	padding:0;
	display: block;
}			

#menu_pages ul li.page_active a, #menu_pages ul li.page_active a:hover, #menu_pages div.page_active a, #menu_pages div.page_active a:hover {
	color:#003366;
}

#contenu {
	display:block;
	margin: 10px 20px 20px 20px;
	background-color:#FFF;
	_height:300px;
	min-height:300px;
}

#pied {
	display:block;
	position:relative;
	background: transparent url("images/pied_fond.gif") repeat;
	padding:0px;
	height:20px;
	width:600px;
	margin:7px auto 7px auto;
	_margin-top:27px;
	/*margin-top:100px;*/
}

#gestion {
	display:block;
	position:relative;
	padding:0px;
	width:600px;
	margin:7px auto 7px auto;
	_margin-top:27px;
	text-align:right;
}

#login_key {
	display:block;
	position:absolute;
	right:5px;
	top:5px;
}

.admin {
	border:#CCCC99 dashed 1px;
	/*padding-bottom:10px;*/
}

/* galerie de fiches */

#diaporama_fiches {
	display: block;
	position:relative;
	width:auto;
	height:auto;
	margin: 0 auto 0 auto;	
}

#galerie {
	display: block;
	position:relative;
	width:auto;
	height:auto;
	margin: 10px auto 10px auto;
}

.thumbwrapper {
	display: block;
	position:relative;
	float: left;
	width: auto;
	margin: 0 4px 0 0;
	padding: 2px;
	text-align: center;
	border:1px solid #E16F13;
}

.fiche {
	display: block;
	position:relative;
	float: left;
	width: 100px;
	_height: 80px;
	min-height: 80px;
	margin: 0 8px 0 0;
	padding: 5px 5px 0 5px;
	text-align: center;
}

.fiche a {
	-moz-opacity:.7;
	filter/**/: alpha(opacity=70);
}

.fiche a:hover {
	-moz-opacity:1;
	filter/**/: alpha(opacity=100);
}

.courrante a, .courrante a:hover {
	-moz-opacity:1;
	filter/**/: alpha(opacity=100);
}
 
.fiche span { 
	display: block;
	font-size: 11px; 
	margin: 4px 0 4px 0;
}
 
.popular {
	color: #2e8531;
	font-weight: bold;
}
 
.SUPERpopular {
	font-weight: bold;
	color: #d62222;
}
 
.normal {
	font-weight: bold;
}
 
.fiche h1, .fiche h2, .fiche h3, .fiche h4 {
	margin: 0 0 4px 0;
	color: #003366;
	font-size:10px;
}

.clear { height: 1%; margin: 0; padding: 0; clear: both; font-size:1px; }

.separateur {
	margin: 15px auto 10px auto;
	height: 5px;
	width: 250px;
	background: transparent url("images/fond_actif.gif") bottom right repeat-x;
	/*border: 1px solid #000;*/
}
.data_fiche {
	display:block;
	margin: 5px 0 5px 0;
	/*clear:both;*/
}
.data_fiche label {
	text-align: left;
	padding-right: 20px;
	/*display: block;*/
	width: 150px;
	float: left;
	font-size:12px;
}

.data_fiche span {
	float: left;
}

#fiche_presentation {
	display:block;
	margin:10px 0 0 0;
}

#fiche_presentation br {
	font-size:1px;
	clear:both;
}