#principal
{
  position: relative;
  margin: 0 auto;
  list-style:none;
  padding: 0px 0px 0px 0px;
  
 /* On définit la largeur et la hauteur de la balise en fonction des dimensions de l'image de fond	*/
  width:878px;
  height:670px;
  background: url("./skin01/m1.jpg") no-repeat;

	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 300;
}

#principal_bis
{
  position: relative;
  margin: 0 auto;
  list-style:none;
  padding: 0px 0px 0px 0px;
  
 /* On définit la largeur et la hauteur de la balise en fonction des dimensions de l'image de fond	*/
  width:878px;
  height:670px;
  background: url("./skin01/m2.jpg") no-repeat;

	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 300;
}

#menu_gauche
{
	position: absolute;
	background: none;
	width: 160px;
	height: 380px;
	top: 100px;
	left: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 2;

}


#tab_aleatoire
{
	text-align: center;
	position: absolute;
	background: none;
	width: 125px;
	height: 130px;
	top: 315px;
	left: 35px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 2;

}

#menu_bas
{
	position: absolute;
	background: none;
	width: 160px;
	height: 30px;
	top: 27px;
	left: 65px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 1;
}

#entete_situation
{
	position: absolute;
	background: none;
	width: 550px;
	height: 20px;
	top: 10px;
	left: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	color: #CCCCCC;
	font-size: 10px;
}


#entete_rechercher
{
	position: absolute;
	background: none;
	width: 200px;
	height: 20px;
	top: 10px;
	left: 630px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#infos_image1
{
	visibility: hidden;
	position: absolute;
	background: url("./skin01/lampe1.jpg") no-repeat;
	width: 87px;
	height: 45px;
	top: 176px;
	left: 239px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#infos_image2
{
	visibility: hidden;
	position: absolute;
	background: url("./skin01/tab1.jpg") no-repeat;
	width: 75px;
	height: 89px;
	top: 458px;
	left: 209px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#infos_pilier
{
	position: absolute;
	background: none;
	width: 75px;
	height: 210px;
	top: 230px;
	left: 210px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	font-family: "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 10px;
	color: #CCCCCC;
}

#infos_navig
{
	position: absolute;
	background: None;
	width: 110px;
	height: 30px;
	top: 70px;
	left: 55px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	font-family: "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 10px;
	color: #FFFFFF;
}

#infos_navig1
{
	visibility: hidden;
	position: absolute;
	background: url("./skin01/visage.jpg") no-repeat;
	width: 137px;
	height: 187px;
	top: 36px;
	left: 33px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#infos_centre
{
	font-size: 10px;
	position: absolute;
	background: none;
	width: 220px;
	height: 400px;
	top: 70px;
	left: 390px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	overflow: auto;
}

#infos_centre_bis
{
	position: absolute;
	background: none;
	width: 480px;
	height: 570px;
	top: 50px;
	left: 350px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	overflow: auto;
}


#infos_bas
{
	position: absolute;
	background: none;
	width: 75px;
	height: 210px;
	top: 230px;
	left: 210px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*
	width: 780px;
	height: 15px;
	top: 635px;
	left: 120px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	*/
	font-size: 12px;
	text-align: left;
	color: #CCCCCC;
	overflow: hidden;
}

#liste_tableaux
{

	font-size: 10px;
	color:#333333;
	position: relative;
	background: none;
	width: 775px;
	height: 12px;
	top: 635px;
	left: 45px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	overflow: hidden;
}

#scroll_liste_tableaux
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	visibility: hidden;
}


/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/
body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	color: #FFFFFF;

	scrollbar-face-color: #666666; 
	scrollbar-arrow-color: #333333; 
	scrollbar-track-color: #333333; 
	scrollbar-3dlight-color: #333333; 
	scrollbar-darkshadow-color: #333333; 
}

td
{
	font-size: 12px;
	text-align: justify;
	color: #999999;
}

font.cv_titre
{
	color: #CCCCCC;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 3px;
}

font.gal_titre
{
	color: #999999;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 2px;
}

font.tab_titre
{
	color: #999999;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 3px;
}

font.tab_detail
{
	color: #999999;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0px;
}

font.red_titre
{
	color: #FF0000;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
}

img.opacity50
{
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;
}

/*-------------------------------------------------------------------------------*/
a:link
{
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 300;
}

a:visited
{
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 300;
}

a:hover
{
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 300;
}


/*-------------------------------------------------------------------------------*/
a.menu:link
{
	width: 120px;
	height: 30px;

	display: block;
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	padding: 5px 0px 5px 40px;
	font-weight: 300;

	background-image: url('./skin01/voyants.jpg');
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

a.menu:visited
{
	width: 120px;
	height: 30px;

	display: block;
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	padding: 5px 0px 5px 40px;
	font-weight: 300;

	background-image: url('./skin01/voyants.jpg');
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

a.menu:hover
{
	width: 120px;
	height: 30px;

	display: block;
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 0px 5px 40px;
	font-weight: 300;

	background-image: url('./skin01/voyants.jpg');
	background-repeat: no-repeat;
	background-position: 0px -47px;
}

a.menu_sel
{
	width: 120px;
	height: 30px;

	display: block;
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 0px 5px 40px;
	font-weight: 300;

	background-image: url('./skin01/voyants.jpg');
	background-repeat: no-repeat;
	background-position: 0px -97px;
}
/*-------------------------------------------------------------------------------*/
a.liste_tableaux:link
{
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: 300;
}

a.liste_tableaux:visited
{
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: 300;
}

a.liste_tableaux:hover
{
	font-family: "Century Gothic", "Verdana", "Arial", "Helvetica", "Geneva", serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 300;
}



/*-------------------------------------------------------------------------------*/
form 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background: none;
	font-size: 10px;
}

input 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	background-color: #666666;
	font-size: 10px;
}

textarea 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	background-color: #666666;
	font-size: 10px;
}

select 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	background-color: #666666;
	font-size: 10px;
}