body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 30px;
background-color: #5A7A9D;
}
#centre {
background-color:#6F9CC8;
background: url(../images/fd.gif);
text-align:right;
}

#logo {
position: absolute;
left:30px;
top:0px;
text-align:center;
}

#indication {
position: absolute;
left:450px;
top:10px;
text-align:center;
font-size: 0.9em;
}

#accroche {
position: absolute;
left:450px;
top:50px;
text-align:center;
font-size: 1.4em;
font-weight: bold;
}

#pied {
height: 50px;
background-color: #5A7A9D;
text-align:center;
color:#ffffff;
}
p {margin: 0;}

.inactif {
	position : absolute;
	background-color: #FFFFFF;
	height : 25px;
	text-align : center;
	font-size : 8pt;
	font-family : Verdana, Arial;
	font-weight : bold;
	color : #000000;
	cursor:hand;
	border-width:0px;
	border-style: solid; 
	border-color : #000000;
	z-index : 7;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
}

.actif {
	position : absolute;
	height : 25px;
	text-align : center;
	font-size : 8pt;
	font-family : Verdana, Arial;
	font-weight : bold;
	color : #000000;
	cursor:hand;
	border-width:0px;
	border-style: solid; 
	border-color : #000000;
	z-index : 7;
}

.menu_visible {
	position : absolute;
	display : block;
	width : 400px;
	left : 30px;
	top : 305px;
	text-align : left;
	font : 8pt Verdana, Arial;
	padding-top : 5px;
	padding-left : 5px;
	color : #FFFFFF;
	border-width:1px 1px 1px 1px;
	border-style: dotted;  
	border-color : #ffffff #ffffff #ffffff #ffffff;
	z-index : 6;
}

.menu_invisible {
	display : none;
	padding-top : 5px;
	padding-left : 5px;
}

/* ONGLETS*/
#men_1 {
	right : 530px;
	top : 220px;
	width : 70px;
}
#men_1bis {
	right : 515px;
	top : 330px;
	width : 70px;
}
#ss_men_1 {

}

#men_2 {
	right : 415px;
	top : 265px;
	width : 65px;
}
#ss_men_2 {

}

#men_3 {
	right : 360px;
	top : 320px;
	width : 60px;
}
#ss_men_3 {

}

#men_4 {
	right : 345px;
	top : 210px;
	width : 75px;
}
#ss_men_4 {
}

#men_5 {
	right : 400px;
	top : 160px;
	width : 100px;
}
#ss_men_5 {
}

#men_6 {
	right : 300px;
	top : 160px;
	width : 100px;
}
#ss_men_6 {
}
#men_7 {
	right : 30px;
	top : 285px;
	width : 100px;
}
#ss_men_7 {
}

#men_8 {
	right : 345px;
	top : 260px;
	width : 70px;
}
#ss_men_8 {
}

#men_9 {
	right : 235px;
	top : 280px;
	width : 85px;
}
#ss_men_9 {
}

#men_10 {
	right : 300px;
	top : 345px;
	width : 70px;
}
#ss_men_10 {
}

#men_11 {
	right : 220px;
	top : 335px;
	width : 70px;
}
#ss_men_11 {
}

#men_12 {
	right : 235px;
	top : 217px;
	width : 70px;
}
#ss_men_12 {
}

#men_13 {
	right : 220px;
	top : 243px;
	width : 50px;
}
#ss_men_13 {
}

#men_14 {
	right : 120px;
	top : 170px;
	width : 75px;
}
#ss_men_14 {
}

#men_15 {
	right : 100px;
	top : 340px;
	width : 75px;
}
#ss_men_15 {
}

#men_16 {
	right : 30px;
	top : 340px;
	width : 70px;
}
#ss_men_16 {
}

#men_17 {
	right : 160px;
	top : 390px;
	width : 60px;
}
#ss_men_17 {
}

#men_18 {
	right : 50px;
	top : 425px;
	width : 110px;
}

#ss_men_18 {
}

#men_19 {
	right : 90px;
	top : 475px;
	width : 70px;
}
#ss_men_19 {
}

#men_20 {
	right : 60px;
	top : 525px;
	width : 70px;
}
#ss_men_20 {
}

#men_21 {
	right : 60px;
	top : 555px;
	width : 70px;
}
#ss_men_21 {
}

#men_22 {
	right : 140px;
	top : 560px;
	width : 70px;
}
#ss_men_22 {
}

#men_23 {
	right : 160px;
	top : 475px;
	width : 115px;
	height:40px;
}
#ss_men_23 {
}

#invite {
position: absolute;
width:600px;
left:30px;
top:600px;
text-align:left;
border-width:1px 0px 0px 1px;
border-style: dotted;  
border-color : #ffffff #ffffff #ffffff #ffffff;
color:#ffffff;
}

#men_24 {
	position: absolute;
	background-color:none;
	width:600px;
	left : 30px;
	top:600px;
	text-align:left;
	border-width:1px 0px 0px 1px;
	border-style: dotted;  
	border-color : #ffffff;
	color:#ffffff;
}
#ss_men_24 {
	position: absolute;
	width:600px;
	left : 30px;
	top:620px;
	text-align:center;
	border-width:0px 0px 1px 1px;
	border-style: dotted;  
	border-color : #ffffff;
	color:#ffffff;
}