body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-image: url(img/fond-page.gif);
background-color: #fff;
scrollbar-face-color:#408301;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #FA250A;
scrollbar-darkshadow-color: #FA250A;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #FDBF03;
scrollbar-track-color: #CA0702;
}

/* Titres */

h1 {
font-size: 15px;
font-weight: bold;
color: #900000;
margin: 0 10px 0 10px;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #3C7801;
margin: 0 10px 0 10px;
}

h3 {
font-size: 13px;
font-weight: bold;
color:navy;
margin: 10px 10px 0 10px;
}

/* Header */
#header1{
background-image: url(img/header1.jpg);
background-repeat: no-repeat;
font-size: 20px;
font-weight: bold;
color: #3C7801;
padding: 130px 0 0 0;
text-align: center;
}

#header1 a{
color: #3C7801;
}

#header1 a:hover{
color: #E2180A;
text-decoration: none ;
}

#header2fond {
background-image: url(img/header2.jpg);
background-repeat: no-repeat;
}

#header2 {
font-size: 13px;
color: #fff;
text-align: right;
padding: 120px 10px 0 0;
}

.jaune-header {
color: #FDBF03;
font-weight: bold;
}

/* backgrounds */

#fond {
background-image: url(img/fond-site.gif);
background-repeat: repeat-y;
}

#fond-texte {
background-image: url(img/texte-fond.gif);
background-repeat: repeat-y;
}

#fond-plus-joues {
background-image: url(img/titre-plus-joues.gif);
background-repeat: no-repeat;
}

#fond-derniers-joues {
background-image: url(img/titre-derniers-joues.gif);
background-repeat: no-repeat;
}

#titre-lots {
background-image: url(img/lots-haut.gif);
background-repeat: no-repeat;
font-size: 28px;
font-weight: bold;
color: #3C7801;
text-align: center;
padding: 23px 10px 0 10px;
}

#lots-rouge1 {
font-size: 18px;
color: #E2180A;
margin-top:22px;
}

#lots-rouge2 {
font-size: 17px;
color: #E2180A;
margin:15px 0px 18px 0px;
}

.fond-lots {
background-image: url(img/lots-fond.gif);
background-repeat: repeat-y;
}

/* Texte contenu */

#texte {

font-size: 13px;
color: #000;
}

#texte a {
color: #900000;
}

#texte a:hover {
text-decoration: none;
color: #3C7801;
}

/* Connexion & Témoignages */
.titre-jaune {
font-size: 13px;
font-weight: bold;
z-index:2;
color: #FDBF03;
padding: 20px 0 0 47px;
}

.titre-jaune2 {
font-size: 13px;
font-weight: bold;
color: #FDBF03;
padding: 25px 0 0 47px;
}

#connexion {
background-image: url(img/connexion-fond.jpg);
background-repeat: no-repeat;
font-size: 13px;
color: #fff;
padding: 0 0 0 0;
}

#connexion a{
color: #fff;
}

#connexion a:hover{
color: #FDBF03;
}

#citations {
background-image: url(img/citations-fond.jpg);
background-repeat: no-repeat;
font-size: 13px;
color: #fff;
padding: 0 0 0 0;
}

/* Menus droite */

ul#menu-droite li {
margin: 0 ;
padding: 0 ;
}

ul#menu-droite li a {
font-size: 13px;
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 174px ;
line-height: 20px ;
color: #fff ;
text-indent: 15px;
text-decoration: none ;
background: url(img/menu-droite-fond.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#menu-droite li a:hover {
background: url(img/menu-droite-fond.gif) no-repeat 0 -20px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
color: #FDBF03 ;
}

/* menu gauche */

ul, li { /* utilisation de liste pour le menu */
list-style-type: none;  /* suppression des puces de liste */
margin:0;
padding:0;
}

ul#menu-gauche{
position: absolute; /* positionnement pour IE5 et IE5.5 */
top: 166px;
background: transparent url(img/menu-gauche.gif) top left no-repeat; /* arrière-plan général du menu */
height: 360px;
width: 175px;
text-align: center;
}

ul#menu-gauche li {
display: inline; /* correction pour IE5 et IE5.5 */
}

ul#menu-gauche li a { /* dimensions et définitions des boutons */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 45px;
width: 175px;
}

li a:hover {
color: #;
background: transparent url(img/menu-gauche.gif) top left no-repeat;
}

a#menu1:hover {
background-position: 0% -405px; /* décalage de l'arrière-plan pour chaque bouton */
}

a#menu2:hover {
background-position: 0% -450px;
}

a#menu3:hover {
background-position: 0% -495px;
}

a#menu4:hover {
background-position: 0% -540px;
}

a#menu5:hover {
background-position: 0% -585px;
}

a#menu6:hover {
background-position: 0% -630px;
}

a#menu7:hover {
background-position: 0% -675px;
}

a#menu8:hover {
background-position: 0% -675px;
}

a#menu9:hover {
background-position: 0% -765px;
}

/* Bas de page */

#footer {
background-image: url(img/footer.gif);
background-repeat: no-repeat;
text-align: center;
font-size: 10px;
font-weight: bold;
color:#523B00;
padding: 10px 10px 0 10px;
}

#footer a {
font-size: 10px;
color: #523B00;
}

#footer a:hover {
font-size: 10px;
text-decoration: none;
color: #523B00;
}

/* balises spécifiques */

/*p {margin: 0 10px 0 10px;}
*/
.connect {
padding: 0 0 0 30px
}

.italic {
font-style: italic;
}

.mini {
font-size: 10px;
}

.centre {
text-align: center;
}

/* Mise en forme formulaires */

input {
border:1px solid #D80702;
background-color:#fff;
color:#D80702;
}

select, option {
background-color:#fff;
color:#D80702;
}

textarea {
border :1px solid #D80702;
background-color :#fff;
font-family :Arial, Helvetica, sans-serif;
color :#D80702;
}