/* Disposition des différentes parties du design */

* {margin:0; padding:0}

body
{background: url('fond.gif');
}

#contenu {
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom: 0px;
width: 780px;
background-image:url('fond-central.jpg');
}

#en-tete {
margin: 0px;
padding: 0px;
width:780px;
height:165px;
background-image:url('en-tete.jpg');
background-repeat: no-repeat;
}

#global
{margin: 0px;
width: 780px;
}

#menu_g {
width:183px;
height:338px;
margin: 0px;
padding: 0px;
float:left;
background-image:url('fond-menu.jpg');
background-repeat: no-repeat;
}

#centre {
float:left;
margin: 0px;
padding: 0px;
width:597px;
}

#haut {
background-image:url('centre-haut.jpg');
width:597px;
height: 28px;
margin: 0px;
padding: 0px;
}

#haut-index {
background-image:url('centre-haut-index.jpg');
width:597px;
height: 28px;
margin: 0px;
padding: 0px;
}

#milieu {
background-image:url('centre-milieu.jpg');
background-repeat: repeat-y;
width:597px;
height: auto;
margin: 0px;
padding: 0px;
}

#milieu-index {
background-image:url('centre-milieu-index.jpg');
width:597px;
height: auto;
margin: 0px;
padding: 0px;
}

#bas {
background-image:url('centre-bas.jpg');
width:597px;
height: 28px;
margin: 0px;
padding: 0px;
}

#bas-index {
background-image:url('centre-bas-index.jpg');
width:597px;
height: 28px;
margin: 0px;
padding: 0px;
}

#pied {
clear:both;
width:780px;
height:66px;
background-image:url('fond-pied.jpg');
background-repeat: no-repeat;
}

/* Et maintenant, voici le menu de gauche ! */


#menu_g ul
{
padding: 0px;
margin-left: 18px;
margin-top: 80px;
list-style: none;}

#menu_g a.entree1
{
text-decoration: none;
display:block;
width: 155px;
height: 45px;
line-height: 45px;
margin: 0px;
padding: 0px ;
background-image: url('menu1-1.jpg');
}

#menu_g a.entree1:hover
{
background-position: 0 -45px;
}

#menu_g a.entree2
{
text-decoration: none;
display:block;
width: 155px;
height: 45px;
padding: 0px;
background-image: url('menu1-2.jpg');
line-height: 45px;
margin:0px;
}

#menu_g a.entree2:hover
{
background-position: 0 -45px;
}

#menu_g a.entree3
{
text-decoration: none;
display:block;
width: 155px;
height: 45px;
margin: 0px;
padding: 0px;
background-image: url('menu1-3.jpg');
line-height: 45px;
}

#menu_g a.entree3:hover
{
background-position: 0 -45px;
}

#menu_g a.entree4
{
text-decoration: none;
display:block;
width: 155px;
height: 45px;
margin: 0px;
padding: 0px;
background-image: url('menu1-4.jpg');
line-height: 45px;
}

#menu_g a.entree4:hover
{
background-position: 0 -45px;
}

#menu_g a.entree5
{
text-decoration: none;
display:block;
width: 155px;
height: 45px;
margin: 0px;
padding: 0px;
background-image: url('menu1-5.jpg');
line-height: 45px;
}

#menu_g a.entree5:hover
{
background-position: 0 -45px;
}

/* Voici les styles de texte ! */

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

a:hover
{color: #2ac100}

.cache
{
visibility: hidden;
}

h1
{
visibility: hidden;
}

#centre h2
{font-family : arial, verdana, sans-serif;
font-size: 20px;
color: #000;
margin-left: 28px;
margin-right: 28px;
margin-bottom: 10px;
padding-bottom: 5px;
text-align: left;
font-weight: bold;
border-bottom : 2px solid #b50303;
}

#centre h3
{font-family : arial, verdana, sans-serif;
font-size: 14px;
color: #b50303;
margin : 15px 28px 10px 28px;
text-align: left;
font-weight: bold;
}

#centre h4
{font-family : arial, verdana, sans-serif;
font-size: 12px;
color: #000;
margin : 5px 28px 5px 38px;
text-align: left;
font-weight: bold;
}

#centre p
{font-family : arial, verdana, sans-serif;
font-size: 12px;
color: #000;
margin-left: 38px;
margin-right: 28px;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
}

#centre li
{font-family : arial, verdana, sans-serif;
font-size: 12px;
color: #000;
margin-left: 53px;
margin-right: 28px;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
}

table
{margin-right: 28px;
margin-left: 33px;
font-family : arial, verdana, sans-serif;
font-size: 12px;
color: #000;
vertical-align: top;
}

td.donnee
{vertical-align: top;
padding: 5px;
}

td.champ
{font-weight: bold;
vertical-align: top;
padding: 5px;
}


#centre p.citation
{font-family : arial, verdana, sans-serif;
font-size: 14px;
color: #000;
margin-left: 28px;
margin-right: 28px;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-weight: bold;
color:  #fff;
}

#centre p.citation2
{font-family : arial, verdana, sans-serif;
font-size: 12px;
color: #000;
margin-left: 28px;
margin-right: 28px;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-weight: bold;
color:  #fff;
}


#centre p.logo
{text-align: center;}

#centre img
{border: 0px;
margin:5px;}

#pied p.mention
{font-family : arial, verdana, sans-serif;
font-size: 9px;
color: #000;
padding-right: 20px;
padding-left: 20px;
padding-top:12px;
text-align: justify;
}

#centre img.left
{
margin : 0px 10px 5px 0px;
float: left;
border: none;
}

hr
{
padding: 0px;
margin: 0px;
visibility: hidden;
clear: left;
}