*{
margin: 0;
padding: 0;
}

html, body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
height: 100%;
background-color: #ababab;
text-align:center;}

#global{position:absolute;
width: 760px;
margin-top: 0.3em;
left: 50%;
margin-left: -380px;
background-color:#f9c87d;
border: solid 2px #000000;
text-align:center;
}

#centre{
margin-top:0.3em;
width:706px;
margin-left:auto;
margin-right: auto;
margin-bottom: 0.5em;
border: solid 1px #000000;
background-color:#a7c8e9;
}

#header{
position: relative;
width: 750px;
height: 175px;
}

#menu{position:absolute;
width:12em;
top: 15em;
left:0.2em;
font-size: 0.9em; 
font-weight: bold;
}

a{
text-decoration:none;
color:#000000;
}

a:hover{text-decoration: underline;}


#menu a:link{
display:block;
width:100%;
background-image:  url(images/fond_liens.jpg);
font-size: 1em;
border: solid 1px BLACK;
padding-bottom:0.2em;
text-decoration:none;
}

#menu a:visited{
display:block;
width:100%;
background-image:  url(images/fond_liens.jpg);
font-size: 1em;
border: dashed 1px BLACK;
padding-bottom:0.2em;
color:WHITE;
}



#menu a:hover{
display:block;
width:100%;
background-image:  url(images/fond_liens.jpg);
font-size: 1em;
border: solid 1px BLACK;
padding-bottom:0.2em;
color:YELLOW;
text-decoration: underline;}




#contenu{
margin: 1em 1em 1em 9em;
background-color: #f9c87d;
border: solid 1px #000000;
text-align: center;
padding: 2.5em;
font-size: 0.9em ;
color: BLACK;
height:50em;}

#essai_footer{
width:676px;
margin-left:auto;
margin-right: auto;
margin-bottom:1em;
font-size:0.6em;
border: solid 1px BLACK;
padding: 1em 0;
background-image:  url(images/fond_titre706.jpg);
text-align:left;
clear: both;}

#essai_footer li{display:inline;
margin-left:0.5em;
padding:0.5em;
font-weight: bold;
}


#footer{
position :relative;
width: 730px;
background-image:  url(images/fond_titre706.jpg);
color: #000000;
margin-left:auto;
margin-right: auto;
font-size: 0.6em;
text-align: left;
border: solid 1px #000000;}




#barre{
width:706px;
margin-left:auto;
margin-right: auto;
font-size:0.6em;
border: solid 1px BLACK;
padding-top:1em;
padding-bottom:1em;
margin-top:0.5em;
background-image:  url(images/fond_titre706.jpg);
text-align:left;}

#barre li{display:inline;
margin-left:0.5em;
padding:0.5em;
font-weight: bold;}

#barre a{
border: solid 1px #000000;
padding: 2px;}

barre a:visited{
padding: 2px;
color:#ffffff;
border: dashed 1px #000000;
}

#barre a:hover{
padding: 2px;
color:YELLOW;
text-decoration: underline;
}

#menu li{
margin-left:15px;
margin-bottom: 1.5em;
list-style-type: none;
text-align:justify;
}

#contenu ul{
margin: 1em 0;
padding-left:2em;
}
#contenu li{
list-style-type: disc;
text-align:justify;
padding-bottom:0.5em;}

.ballons{
font-size: 0px;
line-height: 0px;
border:0px;
display:block;
}

.groupe_ballons{display:block;
margin-top:1em;
margin-bottom:1em;
margin-left:auto;
margin-right:auto;}

#logo_centre{display:block;
margin-left:auto;
margin-right:auto;
}

#contenu h1{
color: yellow;
background-image:  url(images/fond_titre706.jpg);
border: solid 1px BLACK;
margin-bottom:1em;}

span{
background-color:#a7c8e9;
border: 1px solid black;
padding: 0 2px;}



p{margin-bottom:1em;
text-align:justify;}

#haut_page {
background-image:  url(images/fond_liens.jpg);
font-size: 0.7em;
border: solid 1px BLACK;
padding-bottom:0.2em;
text-decoration:none;
}

#lien_bidon{color: #ffffff;}

#banniere{display:block;
margin-left:auto;
margin-right:auto;
}

html>body #contenu {
height: auto;
min-height: 50em;
}