@charset "UTF-8";
/* CSS Document */

body 
{
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;

}


#page   /* toute la page */
    {
	position: absolute;
  	width: 955px;        /* selon la largeur voulue */
	margin-left: -475px;  /* moitie de width */
	left: 50%;          /* constant, toujours 50% */
	height: 600px;       /* selon la quantite de texte */
	margin-top: -300px;   /* moitie de height */
	top: 50%;           /* constant, toujours 50% */
	border: 1px dashed #FF0033;
	background-color:#FFFFFF;
	z-index:10;
    }
	
	
 p#menu-haut
{
	position:absolute;
	top:7px;
	left:180px;
	z-index:60;
 }
 
 /*--------------------------------------------------------------------------------------------------*/
	

 
 #bg-img			  /*  fond */
	{
	position:absolute;
	top:0px;
	width:955px;
	height:600px;
	z-index:10;
 }

 p#logo    
 {
	position:absolute;
	top:0px;
	z-index:1000;
 }
 
 
 /*--------------------------------------------------------------------------- menu droite */

  div#menu-droite    		  /*  pictos */
 {
	position:absolute;
	top:7px;
	right:0px;
	z-index:400;
 }
 
p
 {
	margin:0px
 }


 p#picto8
  {
	position:absolute;
	top:530px;
 } 

 p#picto7
  {
	position:absolute;
	top:490px;
 } 
 
 p#picto6
  {
	position:absolute;
	top:450px;
 } 
 p#picto5
  {
	position:absolute;
	top:420px;
 }
  p#picto4
  {
	position:absolute;
	top:390px;
 }
 
   p#picto3
  {
	position:absolute;
	top:90px;
 }
   p#picto2
  {
	position:absolute;
	top:45px;
 }
 


div#bas      /*  crédits */
{
	text-align:center;
	color:#666666;
	font-size:9px;
	margin-top:610px;
}

a 
{
	text-decoration:none;
	border:none;
	color:#EEEEEE;	
}

div#bas a 
{
	color:#FF0000;	
}

a img
{
	border:none;
} 
/*_____________________________________________________________ ci-dessous propriétés grande image + menu*/
 
 div#menu 		  /*  menu */
	{
	text-align:left;
	color:#000000;
	font-size:small;
	
	z-index:90;
	}


 
div#image		  /*  visus */
	{
	left:230px;
	position:absolute;
	top:190px;
	width:500px;
	height:320px;
	z-index:100;
	
	background-color:#999999;
	border:1px solid #999999;
	overflow:hidden;
 }
 
 
.legende {
	height: 100px; 
	position:absolute;
	margin-top:520px;
	left:230px;
	font-size:11px;
	z-index:180;
	float:left;
	visibility:hidden;
}

.titre {
	font-weight:bold;
	font-size:11px;
}`

div#description {
	width: 300px;
	text-align:left;
}




/*------------------------------------------------------------------------ ci-dessous propriétés vignettes*/


div#vignettes div#cache, div#vignettet div#cache {
	width: 30px; height: 30px;
	border:none;
	
}


div#vignettes, div#vignettet  {
	cursor:pointer;
	font-size:11px;
	
	position:absolute;
	
	top:175px;
	left:40px;
	float:left;

	z-index:150;
}

div#vignettes img.vignette {
	width:30px;
	height:30px;
	
	border: 1px solid #CCCCCC;
}


div#vignettet img.vignette {
	width:38px;
	height:20px;
	
	border: 1px solid #CCCCCC;
}

div#vignettes-i  {
	cursor:pointer;
	font-size:11px;
	
	position:absolute;
	
	top:240px;
	left:40px;
	float:left;

	z-index:150;
}

div#vignettes-i img.vignette {
	width:30px;
	height:30px;
	
	border: 1px solid #CCCCCC;
}

.wrapper {
	float: none;
	overflow: hidden;
}


/*------------------------------------------------------------------ci-dessous propriétés > hierarchie du texte */




strong
	{ font-size:1em ;
	color:#000000
	}


	
/*------------------------------------------------------------------ */