body {
margin: 0;
padding: 0;
background:#000000;
}

p{/*texte par défaut*/
color:#ffecb1;
font-size:15px;
font-weight:bold;
font-family:Georgia,Times New Roman,Times,serif;
}
/*principaux conteneurs ====================================================================================== */

#conteneur {
position: absolute;
width: 100%;
background:transparent;
}
#centre {
background:transparent;
margin-left:270px;
margin-right:25px;
}

/*header=======================================================================================*/
#head{/*header dimensionné*/
padding-top:1px;
padding-bottom:1px;
margin:0 auto 0 auto;
width:98%;
height:95px;
background-color:#000000;
border:5px ridge;
border-color:#ffecb1;
text-align: center;
}
/*menu========================================================================================*/
ul, li { /* indication générale; le menu est sous forme de liste */
list-style-type: none;  /* cleaning up the list */
padding:0;
}

ul#menu {/*bloc menu*/
position: absolute; /* positionning for IE5 et IE5.5 */
left:12px;
top:120px;
background: black url('../imgs/menu/menu_fr.jpg') top left no-repeat; /* general background for the menu */
height:820px;
width:240px;
text-align:center;
}

li {
display: inline; /* correction pour IE5 et IE5.5 */
}

li#ssmenu1 a { /* définition des boutons  pour l'accueil*/
display: block;/* block for <a> to give it its dimensions */
margin-top:70px;
height: 30px;
width: 240px;
line-height: 30px;  /* height of line to avoind paddings */
color: #E2C6BA;
font-size: 18px;
font-family: georgia, serif;
text-decoration: none;
}

li a:hover {/*définition du background des boutons en survol*/
color: #43271B;
background: transparent url('../imgs/menu/menu_fr.jpg') top left no-repeat;
}
 
a#accueil1:hover {/*lien accueil en survol*/
background-position: 0% -890px; /* move of background for each button */
}

li#ssmenu2 a { /* définition des boutons avec marge changée */
display: block;/* block for <a> to give it its dimensions */
margin-top:60px;
height: 30px;
width: 240px;
line-height: 30px;  /* height of line to avoind paddings */
}

a#tarif2:hover {/*lien "présentation et tarif" en survol*/
background-position: 0% -980px;
}

li.ssmenu a { /* définition des boutons avec marge changée */
display: block;/* block for <a> to give it its dimensions */
margin:0;
height: 30px;
width: 240px;
line-height: 30px;  /* height of line to avoind paddings */
}

a#acces3:hover {/*lien plan d'accès en survol*/
background-position: 0% -1010px;
}

a#shop:hover{
background-position: 0% -1040px;
}

a#visite4:hover {/*lien visite du club en survol*/
background-position: 0% -1070px;
}

a#presse5:hover {/*lien revue de presse en survol*/
background-position: 0% -1100px;
}

li#ssmenu3 a { /*définition des boutons avec marge changée*/
display: block;/* block for <a> to give it its dimensions */
margin-top:60px;
height: 30px;
width: 240px;
line-height: 30px;  /* height of line to avoind paddings */
}

a#soirees6:hover {/*lien programme des soirées en survol*/
background-position: 0% -1190px;
}

a#album7:hover {/*lien album photo en survol*/
background-position: 0% -1220px;
}

li#ssmenu4 a { /*définition des boutons avec marge changée */
display: block;/* block for <a> to give it its dimensions */
margin-top:60px;
height: 30px;
width: 240px;
line-height: 30px;  /* height of line to avoind paddings */
color: #E2C6BA;
font-size: 18px;
font-family: georgia, serif;
text-decoration: none;
}

a#contact8:hover {/*lien formulaire contact en survol*/
background-position: 0% -1310px;
}

a#livredor9:hover {/*lien livre d'or en survol*/
background-position: 0% -1340px;
}

a#annonces10:hover {/*lien petites annonces en survol*/
background-position: 0% -1370px;
}

a#tchat11:hover {/*lien tchat en survol*/
background-position: 0% -1400px;
}

li#ssmenu5 a { /*définition des boutons avec marge changée */
display: block;/* block for <a> to give it its dimensions */
margin-top:60px;
width: 240px;
height:30px;
line-height:30px;/* height of line to avoind paddings */
}

li#ssmenu6 a { /* définition des boutons avec marge changée */
display: block;/* block for <a> to give it its dimensions */
margin:0;
height: 60px;
width: 240px;
line-height: 60px;  /* height of line to avoind paddings */
}

a#partenaire12:hover {/*lien "liens partenaires" en survol*/
background-position: 0% -1490px;
}

a#diablotin13:hover {/*lien assoc' diablotins en survol*/
background-position: 0% -1520px;
}  
/* Footer  ====================================================================================== */
#banner_foot{
width:201px;
margin:2px 50px 5px 150px;
}

a#banniere_foot{
width:460px;
margin:2px auto 5px auto;
}

#copy {
display:inline;
text-align:center;
font-size:9px;
color:#c6c6c6;
}

#foot{
display:block;
width:350px;
margin:5px auto 1px auto;
}

#pied {
height:120px;
background-color: #000000;
margin:20px auto 0 auto;
border:0;
width:95%;
font-size:12px;
color:gray;
}