body {
padding:0;
margin:10px 0;
/* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
font-family: verdana, arial, sans-serif;
font-size: 90%;
color: black;
background:;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#global {
   	 position: relative; /*on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 770px; /* largeur obligatoire pour être centré */
	 height :700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
	 background-image: url(photos/virgule.png);
	 background-repeat:no-repeat;
     border: 2px solid #ffcc33 ;
	 
	 }
#menu {
position: absolute;
top: 10px;
left: 1px;
width: 10em;
}
#menu dt {
cursor: pointer;
background: transparent;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 0px solid gray;
text-align: center;
font-weight: bold;
}
#menu dd {
	position: absolute;
	z-index: 100;
	left: 32px;
	margin-top: -1.4em;
	width: 10em;
	background: #5897e2;
	border: 0px solid gray;
	top: 57px;
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}
#menu li a:hover {
text-decoration: underline;
}
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7{
position: absolute;
width: 10em;
z-index: 500;
}
#menu1 {
top: 100px;
left: 200px;
}
#menu2 {
top:250px;
left: 100px;
}
#menu3 {
top:300px;
left: 300px;
}
#menu4 {
top:250px;
left: 500px;
}
#menu5 {
top:250px;
left: 500px;
}
#menu6 {
top:250px;
left: 500px;
}
#menu7 {
top:250px;
left: 500px;
}

#main_picture {
width: 200px;
float:left;
}
#logo{
width :400px;
float :left;
margin-left :20px;
}
#logo2{
float :left;
margin-left :170px;
margin-top:570px;
}
#droite {
width:110px;
float:right;
}
#gauche{
width:200px;
padding-left:10px;
float :left;
}
#session {
background-image:url(photos/grand_bouton-vert.png);
background-repeat:no-repeat;
padding-top: 80px;
padding-left: 100px;
margin left: 20px;
width: 300px;
height: 200px;
position:relative;
margin-left: 380px;
}
#date{
font-size:0.8em;
font-style:italic;
color: #999999;
padding-left: 100px;
}
#actua{
background-color :#ddd;
margin-top: 30px;
width : 200px;
border : 1px;
}
#mentions{
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 100px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

#footer {
font-style: italic;
font-size:x-small;
text-align: center;
float:none;
/*padding-bottom: 20px;*/
}
.Style1 {color: #0000FF}
.Style2 {color: #FFFFFF}