#global {
     margin-left: auto;
     margin-right: auto;
     width: 970px;
     border: 0px solid #000000;
     }

#div1 {
     margin-left: 0;
     margin-right: 0;
     border: 0px solid #000000;
     height: 101px;
     width: 140px;
     float:left;
     }

#div2 {
     position: relative;
     margin-left: 0;
     margin-right: 0;
     border: 0px solid #000000;
     height: 101px;
     width: 816px;
     }

#div3 {
     position: relative;
     margin-left: 0;
     margin-right: 0;
     border: 0px solid #000000;
     height: 200px;
     width: 140px;
     }

#div4 {
     position: relative;
     margin-left: 140px;
     margin-right: 0;
     border:0px solid #000000;
     height: 150px;
     width: 820px;
     }

#cartes {
     position: relative;
		 margin-left: auto;
     margin-right: auto;
     width: 800px;
     height: 480px;
     border: 0px solid #000000;
     }


#carte_1 {
  position: absolute;
  top: 2px;
  left: 2px;
width: 200px;
     height:124px;
     border: 0px solid #000000;
     }
#carte_2 {
  position: absolute;
  top: 2px;
  left: 155px;
width: 200px;
     height:124px;
     border: 0px solid #000000;
     }
#carte_3 {
  position: absolute;
  top: 2px;
  left: 308px;
width: 200px;
     height:124px;
     border: 0px solid #000000;
     }
#carte_4 {
  position: absolute;
  top: 2px;
  left: 463px;
width: 200px;
     height:124px;
     border: 0px solid #000000;
     }
td.menu {
     font: 12px Verdana, Helvetica, Arial, sans-serif;
     text-align: center;
     vertical-align: top;    
}


td.contenu {
     font: 12px Verdana, Helvetica, Arial, sans-serif;
     text-align: top;
     vertical-align: top;
     border-style:ridge; 
     border-width:8px; 
     border-color:darkblue;
     width: 816px;
}

td.sousmenu {
     font: 12px Verdana, Helvetica, Arial, sans-serif;
     text-align: top;
     vertical-align: top;
}


td.pied {
     font: 12px Verdana, Helvetica, Arial, sans-serif;
     text-align: center;
}

td.menu1 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

td.menu1:hover {
background-color: #eeeeee;
}

td.menu1:active {
background-color: #eeeeee;
}

td.menu2 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

td.menu2:hover {
background-color: #eeeeee;
}

td.menu2:active {
background-color: #eeeeee;
}

td.menu3 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

td.menu3:hover {
background-color: #eeeeee;
}

td.menu4 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

td.menu4:hover {
background-color: #eeeeee;
}

td.menu5 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

td.menu5:hover {
background-color: #eeeeee;
}

td.menu6 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

td.menu6:hover {
background-color: #eeeeee;
}

td.menu7 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

td.menu7:hover {
background-color: #eeeeee;
}

td.menu8 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

td.menu8:hover {
background-color: #eeeeee;
}

a.menu:link { 
 text-decoration: none;
 font: 12px Verdana, Helvetica, Arial, sans-serif;
 font-size: 100%;
 color: blue;
 }

a.menu:active { 
 text-decoration: none;
 font: 12px Verdana, Helvetica, Arial, sans-serif; 
 font-size: 100%;
 color: darkblue;
 }

a.menu:visited { 
 text-decoration: none;
 font: 12px Verdana, Helvetica, Arial, sans-serif;
 font-size: 100%;
 color: darkblue;
 }

a.menu:hover { 
 text-decoration: none;
 font: 12px Verdana, Helvetica, Arial, sans-serif;
 font-size: 100%;
 color: darkblue;
font-weight: bold;
 }

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;
top: 0px;
left: 0;
width: 140px;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
font: 12px Verdana, Helvetica, Arial, sans-serif;

}

#menu dd {
border: 1px solid gray;
}

#menu li {
text-align: center;
background: #fff;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
color: darkblue;
font: 12px Verdana, Helvetica, Arial, sans-serif;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}
#menu li a:visited {
color : barkblue }

p.menucenter {
text-align: center;
color: darkblue;
background-image:url(images/bt_menu.gif);
font-size: 15px;
padding:10px 10px;
font-family : Verdana, Helvetica, Arial;
margin-top: 1px;
margin-bottom: 1px;
margin-left: -2px;
margin-right: -2px;
}

p.menucenterdebut {
text-align: center;
color: white;
background-image:url(images/bt_menu_debut.gif);
font-size: 15px;
padding:10px 10px;
font-family : Verdana, Helvetica, Arial;
margin-top: 1px;
margin-bottom: 1px;
margin-left: -2px;
margin-right: -3px;
}

p.menucenterfin {
text-align: center;
color: white;
background-image:url(images/bt_menu_fin.gif);
font-size: 15px;
padding:10px 10px;
font-family : Verdana, Helvetica, Arial;
margin-top: 1px;
margin-bottom: 1px;
margin-left: -3px;
margin-right: -2px;
}

h1.actualites {
color: black;
font: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 4px;
text-align: right;
}

h1.pratiquer {
color: black;
font: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 4px;
text-align: right;
}

h1.club {
color: black;
font: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 4px;
text-align: right;
}

h1.competition {
color: black;
font: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 4px;
text-align: right;
}

h1.randonnees {
color: black;
font: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 4px;
text-align: right;
}

h1.regles {
color: black;
font: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 4px;
text-align: right;
}

a.actualites {
background: yellow;
padding-left: 10px;
padding-right: 10px;
font: 16px Verdana, Helvetica, Arial, sans-serif;
}

a.pratiquer {
background: yellow;
padding-left: 10px;
padding-right: 10px;
font: 16px Verdana, Helvetica, Arial, sans-serif;
}

a.club {
background: yellow;
padding-left: 10px;
padding-right: 10px;
font: 16px Verdana, Helvetica, Arial, sans-serif;
}

a.competition {
background: yellow;
padding-left: 10px;
padding-right: 10px;
font: 16px Verdana, Helvetica, Arial, sans-serif;
}

a.randonnees {
background: yellow;
padding-left: 10px;
padding-right: 10px;
font: 16px Verdana, Helvetica, Arial, sans-serif;
}

a.regles {
background: yellow;
padding-left: 10px;
padding-right: 10px;
font: 16px Verdana, Helvetica, Arial, sans-serif;
}

p.flash {
text-align: center;
color: red;
font-size: 16px;
font-weight: bold;
font-family : Verdana, Helvetica, Arial;
}
li.grand {
text-align: center;
color: red;
font-size: 14px;
font-weight: bold;
font-family : Verdana, Helvetica, Arial;
}


p.legende {
color: green;
font-size: 10px;
font-family : Verdana, Helvetica, Arial;
}

p.left {
text-align: left;
color: darkblue;
font-size: 12px;
font-family : Verdana, Helvetica, Arial;
margin-left: 4px;
}

p.center {
text-align: center;
color: darkblue;
font-size: 12px;
font-family : Verdana, Helvetica, Arial;
}

p.justify {
text-align: justify;
color: darkblue;
font-size: 12px;
font-family : Verdana, Helvetica, Arial;
}

p.annonce {
text-align: center;
color: navy;
font-variant: small-caps;
text-decoration : blink;
font-size: 14px;
font-family : "Lucida Handwriting","Comic Sans MS",Verdana, Helvetica, Arial;
}
p.important {
text-align: center;
color: red;
font-variant: small-caps;
text-decoration : blink;
font-size: 14px;
font-family : "Lucida Handwriting","Comic Sans MS",Verdana, Helvetica, Arial;
}
p.right {text-align: right;
color: darkblue;
font-size: 12px;
font-family : Verdana, Helvetica, Arial;
}

p.resultat {
text-align: center;
color: red;
font-size: 12px;
font-family : Verdana, Helvetica, Arial;
}

img {
border-style: none;
border-width: thin;
}

img.gauche {
border-style: none;
border-width: thin;
float: left;
margin-right: 1em;
}

img.droite {
border-style: none;
border-width: thin;
float: right;
margin-left: 1em;
}
img.intro {
border-style: none;
border-width: thin;
margin-left: auto;
margin-right: auto;
}

table.tableau {
border-width: 1px;
border-style: solid;
padding: 2px;
}

td.tableau {
border-width: 1px;
border-style: solid;
padding: 4px;
}

ol {color: darkblue; font-size: 12px; font-family : Verdana, Helvetica, Arial; text-align: justify;}
li.contenu {color: darkblue; font-size: 12px; list-style: square;}

li.bilan { color: darkblue; font-size: 12px; list-style: none;}

li.promo {
text-align: center;
color: darkblue;
font-size: 12px;
font-family : Verdana, Helvetica, Arial;
}