body 
{background-color: #151823;
}
#global {
margin: auto; 
background-image: url(decor/fond2.jpg);
background-repeat: no-repeat; 
height: 617px; 
width: 835px; }
a, a:hover {background-repeat: no-repeat; background-position: center left;}
a img {border: none; }
/*css du menu proprement dit */
.partiegauche
{position: relative;
top: 20px; 
left: 10px;
text-align: left;
}
.partiegauche ul {list-style-type: none; background-repeat: no-repeat; list-style-position: inside; }
.bouton1 a {background-image: url(decor/bouton1.png)}
.bouton1 a:hover {background-image: url(decor/bouton12.png)}
.bouton2 a {background-image: url(decor/bouton2.png)}
.bouton2 a:hover {background-image: url(decor/bouton22.png)}
.bouton3 a {background-image: url(decor/bouton3.png)}
.bouton3 a:hover {background-image: url(decor/bouton32.png)}
.bouton4 a {background-image: url(decor/bouton4.png)}
.bouton4 a:hover {background-image: url(decor/bouton42.png)}
.bouton5 a {background-image: url(decor/bouton5.png)}
.bouton5 a:hover {background-image: url(decor/bouton52.png)}
.bouton6 a {background-image: url(decor/bouton6.png)}
.bouton6 a:hover {background-image: url(decor/bouton62.png)}
.bouton7 a {background-image: url(decor/bouton7.png)}
.bouton7 a:hover {background-image: url(decor/bouton72.png)}
.bouton7 {position: relative; top: 25px;}
.menu {position: absolute; left: -15px; top: 100px;}
.menu li {height: 40px; margin: 0px; padding: 0px;}
/*Ici commence la partie spécifique */
/*mise en forme générale de la partie droite */
h1 {font-size: 25px; 
color: #4f5068; 
font-family: "Times New Roman";
font-style: italic; 
text-align: right; 
padding-right: 40px; 
margin-top: 40px;
margin-right: 0px; 
background-image: url(decor/fond-titre.png); 
background-repeat: no-repeat;
background-position: top right;
position: relative;
right: 0px;
height: 35px;
}
.texte
{font-family: "Trebuchet MS"; 
color: #ffffff ; 
font-size: small; 
text-align: justify;
position: relative; 
top: -90px; 
left: 260px; 
width: 500px;
height: 600px; 
overflow: auto;
padding-right: 35px;
padding-left: 15px; 
  }
h2 {font-weight: bold; font-size: 100%; padding-top: 40px; padding-bottom: 10px; }
.vignette {float: left; margin: 3px;}
.chapeau {font-style: italic; }
.texte img {border: 2px solid #a5b6c8; margin: 3px;}
.texte img:hover {border: 2px solid #ffffff;}
h3 {font-size: 100%;}
/*fin de la mise en forme générale de la partie droite */
a {color: #ffffff; font-weight: bold; text-decoration: none;}
.telecharge {text-align: right; font-style: italic; font-weight: bold;}
.telecharge a {color: #ffffff; text-decoration: none; } 
.telecharge a:hover {color: #a5b6c8;}