/* CSS Document */
/*_______________________________________________CALQUES ET BALISES_____________________________________________*/
body {
background-color:black;
margin:0px; padding:0px; /* pour éviter les marges */
text-align: left; /* pour corriger le bug de centrage IE */
font-family:Arial, Helvetica, sans-serif;
SCROLLBAR-FACE-COLOR: black; FONT-SIZE: 9px; SCROLLBAR-HIGHLIGHT-COLOR: black;; CURSOR: default; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-3DLIGHT-COLOR:black; SCROLLBAR-ARROW-COLOR:red;  SCROLLBAR-TRACK-COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: black; SCROLLBAR-BASE-COLOR: black;
}

#corps{	 
	position:absolute;
	width:50%; 
	height:98%;
	z-index:3;
	left:25%;
	top: 0; 
	}

#entete {
	position:relative;  
	margin-left:auto;
	margin-right:auto;
	width:100%;  
 	height:30%;  
	z-index:3;}

#menu {
position: relative;  height:10%; margin-top:2%; padding-left:auto;  margin-bottom:0px;
bottom: 0;  
left: 0;
z-index:4; 
width: 100%;
}

#message_actu{ position: absolute; margin:auto; left:32%; top:25%; width: 420px;   height:auto; display: block; padding:5px 15px 15px 15px;  background-image:url(../objets/etoiles.jpg); font-size:1.6em; background-repeat: no-repeat; color:white; border:5px solid yellow; z-index:6}

#menuHaut { position:relative;  z-index:2; width:100%; height:25px; margin-top:3%; }
	
#divmen {float:left; margin:0; margin-left:78%; padding:0; }
#divmenH {float:left; margin-left:3%; width:95px; }
#divmenB {float:left; margin-left:5%;   }
#divmenHp{float:right; margin-right:10%;}

a.blog{display:inline-block; text-decoration:none; font-size:14px; color:yellow;}
a.blog:hover{color:red}	
		
#titre{ position:relative;  
	float:right; 
	height:22px;
	margin-left:auto; 
	margin-right:auto;
	width:55%; 
	z-index:2;}
	
#expo { position:relative; 
	float:left; background-color:#333333;
    margin-top:1%; 
	margin-left:auto;
	margin-right:auto;  
	width:100%;
	height:60%;
	z-index:2; }
	
	

#central {height:100%; margin:0; padding:0; margin-top:3px;}
	
.pied {
	position:relative;
	margin-left:auto;
	margin-right:auto; margin-top:1px;
	background-color:black;
	width:100%; height:5%;
	z-index:1;}

#vignettes1 {
	position:absolute;
	width:18%; overflow:auto; cursor:n-resize; padding:2px;
	height:98%;
	z-index:2;
	left:6%; 
	top: 0; 
}

#vignettes2 {
	position:absolute;overflow:auto; cursor:n-resize; 
	width:18%;
	height:98%;
	z-index:2;
	left:76%;  
	top: 0;
}	
	
	
#produit{ float:right;   width:90%; height:auto; overflow:auto; margin:0px; padding:0px;  margin-bottom:6%; margin-left:0.1%; background-color:#666666;
opacity:0.75;
 filter:alpha(opacity=65); padding-bottom:1px;}

#produit:hover{
opacity:0.99;
 filter:alpha(opacity=99);}


#photo { position:relative; width:100%; height: 112px; margin:0px; padding:0px; left:12px; top:14px; z-index:1}
	



#sousrubriques { 
	float:left; top:4%; height:22px; width:45%;   
	z-index:3;}

#FicheInscription {  
 position:relative;  float:left; margin:0;
 padding-top:0px; 
	float:left; 
	width:auto;
	z-index:3; }
	
#SousTitre { position:relative; padding-top:6px; z-index:3; margin:0; padding:0;   
		width:100%;  font-size:13px; font-style:oblique;  
		font-family:Arial, Helvetica, sans-serif; 
	    color:yellow;}
		
	

#desc
{ 
margin:0px;  margin-top:2px;  display:block; padding:0px; 
width:auto; height:auto; overflow: auto; color:#cccccc;  
font-family:Arial, Helvetica, sans-serif; font-size:13px;
border: 1px dotted #666666; text-align:right; z-index:3;
}

#info
{ float:right;  
margin:0px;  margin-left:1%; display:block;  padding:0px; 
width:auto;  overflow: auto; 
font-family:Arial, Helvetica, sans-serif;    z-index:1;}


div#articles1{ overflow:auto; width:100%;   height:118px; cursor:s-resize; 
	scrollbar-arrow-color:#ffffff;
	scrollbar-face-color:#02FDDE;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#0033FF;
	scrollbar-darkshadow-color:#02FDDE;
	scrollbar-track-color:#02FDDE;
}



a.menuhaut { height:18px; color:#ffffff; font-family:tahoma; font-size:12px;  text-decoration:none; padding-left:10px}
a.menuhaut:hover {  color:red; padding-top:4px; line-height:23px} 

a.menuhautb { height:18px; color:white; font-family:tahoma; font-size:12px; font-weight:bold; text-decoration:none; margin-left:3%;   padding-left:10px; }
a.menuhautb:hover { color:red; padding-top:4px; line-height:23px}

/* POPUP ***************************************************************/
#pop1 {
display:none; margin:0px;  padding:0px; height:auto;   color:#cccccc; background-color:#000000; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white;  z-index:3;
}
.pop { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC;}
.pop:hover { color:red}