body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #FFFFFF; color:#333333;}
p, td		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt }

.selection	{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10pt; color: #333333;
			  border-color: #D1D1D1;
			  background-color: #F1F1F1;
			  border-width: 1px;
			  border-style: solid;
			  padding-left: 5px;
			  padding-right: 5px;
			  padding-top: 1 px;
			  padding-bottom: 1px;
			}
#a{
margin-top:150px;

}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#connect{
font-weight:bold;
margin-top:8px;
margin-bottom:0px;
}
#image{
margin-top:0px;
}
#menu {
position: absolute;

/*  top:-137px;
 left:330px; */
top: 30px;
left: 300px;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 154px; 
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/* background: #ccc; */
/* background-image:url("images/v2/bouton_compte2.png"); */
width:154px;
height:50px;
/* border: 1px solid gray; */
}
#menu dd {
/* border: 1px solid gray; */
}
#menu li {
text-align: center;
background: #fff;
height:20px;
width: 154px;
border: 3px double white;
background: #4DB8D5;

}
#menu li a, #menu dt a {
color: #fff;
width: 154px;  
font-weight:bold;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

}

#menu li a:hover {
/* background: #eee; */
/* background: #9EDBE8; */
width: 154px;
background: #FF5B00;
}
#smenu2 li{
margin-left:-20px;
text-align: center;
background: #fff;
height:20px;
width:200px;
border: 3px double white;
background: #4DB8D5;
}
#smenu2 li a{
margin-left:0px;

width:200px;
}
#smenu2 li a:hover{
margin-left:0px;
background-color: #FF5B00;
width:200px;
}
#smenu1, #smenu2, #smenu3 { 
display: none; 
}

#accueil img {display: none;}
#accueil{
background-image:url(images/v2/bouton_accueil2.png);
}
#accueil:hover{
background-image:url(images/v2/bouton_accueil.png);
}
#compte img {display: none;}
#compte{
background-image:url(images/v2/bouton_compte.png); 
}
#compte:hover{
background-image:url(images/v2/bouton_compte2.png);
}
#messagerie img {display: none;}
#messagerie{
background-image:url(images/v2/bouton_messagerie.png); 
}
#messagerie:hover{
background-image:url(images/v2/bouton_messagerie2.png);
}
#ensemble img {display: none;}
#ensemble{
background-image:url(images/v2/bouton_ensemble.png); 
}
#ensemble:hover{
background-image:url(images/v2/bouton_ensemble2.png);
}
#connecter img {display: none;}
#connecter{
background-image:url(images/v2/bouton_connecter.png); 
}
#connecter:hover{
background-image:url(images/v2/bouton_connecter2.png);
}
#inscrits img {display: none;}
#inscrits{
background-image:url(images/v2/bouton_inscrire.png); 
}
#inscrits:hover{
background-image:url(images/v2/bouton_inscrire2.png);
}
#passwd img {display: none;}
#passwd{
background-image:url(images/v2/bouton_mdp.png); 
}
#passwd:hover{
background-image:url(images/v2/bouton_mdp2.png);
}
#menu dt #passwd{
width:190px;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}


.fondCellule2 { background: #9EDBE8; }

.bordure { background: #CC3300; }

.blank { color: #FFFFFF}

.texte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.smalltexte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px}


a img {border: 0;}


a				{ font-family: Verdana, Arial; font-size: 8pt; color: #000099; text-decoration: none }
a:hover		{ font-family: Verdana, Arial; font-size: 8pt; color: #000066; text-decoration: underline }

a.linkA {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FEDB43;font-weight: bold ; text-decoration: none }
a.linkA:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FEDB43;font-weight: bold ; text-decoration: none }
a.linkB {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;font-weight: bold; color: #FFFFFF; text-decoration: none }
a.linkB:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;font-weight: bold; color: #FFFFFF; text-decoration: none }

a.info {
	position: static;
	text-decoration: none;
	color: #333333;
	/*border-bottom: 1px #333333 dotted;*/
	font-weight:bold;
}
a.info span {
	display: none;
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.info:hover span {
	display: inline;
	position: absolute;
	text-decoration:none;
	top: 23em;
	left: 20em;
	width: 400px;
	background: #faf5d7;
	text-align: justify;
	color: #990033;
	padding: 5px;
	border:1px solid grey;
	font-weight:normal;
}


#logo{
position:relative;
top:40px;
left:40px;
}
#img_logo{
background-image:url("images/v2/logo.png"); 
width:230px;
height:143px;
}

#contenu{
/* position:relative;
top:-282px;
width:700px;
left:40px;
z-index:5; */
}

#contenu_connecte{
/* position:relative;
top:-585px;
width:700px;
left:40px;
margin-top:17px; */
/* z-index:5; */
}

#global{
position:absolute;
top:0px;
margin-left:auto;
margin-right:auto;
width:992px;
background:url(images/v2/fond.png);
background-repeat:no-repeat;

overflow-x:hidden;
overflow-y:visible;
}



#entete{
position:relative;
top:-25px;
left:-15px;
width:992px;

 
    }
    
    
 #text_logo{
 position:relative;
 left:20px;
 
 
 }
 
 
 .bouton{
 cursor:pointer;
   z-index:10;
 }
 
 .sous_menu{
 background-color:#0095ca;
 color:#ffffff;
 border-style:double;
 border-size:0.5px;
 font-size:12px;
   z-index:10;

 }
 
.div_menu{
height:20px;
}

#div_menu3{
position:relative;
top:-10px;
left:10px;
  z-index:10;
}

#div_menu2{
position:relative;
top:-10px;
left:10px;
}

 
#div_menu1{
position:relative;
top:-10px;
left:10px;
  z-index:10;
}

#menu a:hover{text-decoration:none; }