/** {margin: 0; padding: 0;} */

body {
background: #e0e0e0;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
text-align: center;/*pour corriger le bug de centrage IE */
}

#conteneur {
margin-left: auto;
margin-right: auto;
min-width: 750px; /* pour les resolution d'écran < à 800px, avec hack IE */
width: 90%;
text-align: left; /*on rétablit l'alignement normal du texte  */
margin-top: 10px;
margin-bottom: 10px;
background-color:#ffffff;
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
color: black;
}




#baniere1 {
height: 180px;
width: 100%;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
overflow: hidden;
}

#baniere {
margin-left: auto;
margin-right: auto;
width: 760px;
height: 147px;
margin-top:0px;
margin-bottom:0px;
background:  url(design/lancer_couteaux.jpg)   no-repeat;
border-width: 1px;
border-color: #d0d0d0;
border-style: solid;

}

h1 {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}

/* menu accés rapide
---------------------------------------------------------*/
#easy-access, #easy-access a  {
font-size: 0.8em;
color: #fff;
margin:0;
list-style-type: none;
line-height: 1em;
text-align: left;
}

#easy-access a:hover, #easy-access a:focus {
color: #000;
}

#easy-access li{
display: inline;
}


/* Colonne principale
-------------------------------------------------------- */


#centre {
font-size: 0.8em;
margin-left: 0px;
margin-right: 0px;
padding: 50px 30px;
}


/* pied de page
-------------------------------------------------------- */
#pied_page {
font-size: 0.8em;
color: #000;
list-style-type: none;
padding:2em;
text-align: center;
clear: both;          /*pour tirer le bas de page plus loin que le menu de gauche*/
}

#pied_page a{
color: #000;
}

#pied_page a:hover, #pied_page a:focus {
color: #000;
}

#pied_page li{
display: inline;
}

/* Menu déroulant
-------------------------------------------------------- */
#menu {
position:absolute;
left: 50%;
top: 180px;
width: 36em;
margin-left: -18em;      /* 16px350pxmoitié de la largeur */
z-index: 100;
font-size:100% ;
color: red;                /*couleur texte sous-menu*/
}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 6em;
}
#menu dt{
cursor: pointer;
text-align: center;
font-weight: bold;
background: #e0e0e0;          /*couleur fond menu*/
border: 1px solid #f8cc00;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid #f8cc00;
}
#menu li {
text-align: center;
background: #e0e0e0;          /*fond sous menu*/
}
#menu li a, #menu dt a {
color: red;                   /*couleur texte sous-menu*/
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #f8cc00;             /*couleur fond sous-menu lien survolé*/
}

/* menu déroulant spécial forum
------------------------------------------------*/
#menu_forum a {
font-size:100% ;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#menu_forum  dt a {
font-weight: bold;
}
#menu_forum a:link,#menu_forum a:visited,#menu_forum a:hover,#menu_forum a:active {
color: red;
} 


/* Colonne droite
-------------------------------------------------------- */


#droite {
float: right;
padding: 10px 0 0 0;               /*utiliser plutot margin p101 livre css2*/
margin: 30px 15px 15px 15px ;    /* mage extérieur*/
width: 200px; 
font-size: 0.7em;
background: #E9E9E9 url(design/top.gif) top left no-repeat;
z-index: 1;
}

#droite h2 {
margin: 20px 0 10px 0px;
font-size: 1.2em;
color: #336699;
font-weight: bold;
border-bottom: #4483c1 dashed 1px;
}

#cadrebas {
padding: 0 10px 10px 10px;                  /* marge intérieur*/
background: #E9E9E9 url(design/bottom.gif) bottom left no-repeat;
}

.menudroit {
color: #336699;
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}


a img {
border:none;
}