html{
  margin: 0;
  padding: 0;
  height: 100%;
}

body{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color:#244524;
  color: #FFF;
  font-family: Arial, Sans-serif;
  font-size: 12px;
  color: #000000;
  height: 100%;
}

div{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: transparent;
}

input{
  color: #000000;
  font-family: Arial, Verdana;
  font-size: 12px;
}

#conteneur{
  position: absolute;
  width: 1024px;
  left: 50%;
  margin-left: -512px;
  background-image:url('images/fond.jpg');
  background-repeat:repeat-y;
}

#conteneur.impression{
  position: absolute;
  width: 800px;
  left: 50%;
  margin-left: -400px;
}

#conteneur_interieur{
  position: absolute;
  width: 1024px;
  left: 50%;
  margin-left: -512px;
  background-image:url('images/fond.jpg');
  background-repeat:repeat-y;
}

/* Pied de page */
#pied{
  float: left;
  clear: both;
  width: 772px;
  margin-top: -80px !important;
  margin-top: 1px;
  height: 80px;
  background-color: #FFF;
  z-index: 2;
}

#mentions{
  padding-top: 5px;
  float: left;
  clear: both;
  width: 1024px;
  color: #000;
  font-size: 12px;
  text-align: center;
}

#mentions a{
  color: #000;
}

#pied_interieur{
  float: left;
  clear: both;
  width: 1001px;
  text-align: center;
  margin-left: 10px;
  background-color: #FFF;
}

#pied img{
  margin-left: 15px;
  margin-top: 2px;
}

#texte_pied{
  float: left;
  padding: 5px 0;
  background-color: #151515;
  width: 1024px;
  z-index: 0;
}

#bande_fond_pied{
  float: left;
  width: 431px;
  height: 15px;
  margin: 0 296px;
  background-color: #7d7d7d;
  z-index: 0;
}

/* En-tête */
#header{
  float: left;
  margin-left: 10px;
  width: 1001px;
  height: 281px;
  background-image:url('images/banniere.jpg');
  background-repeat:no-repeat;
}

#header_interieur{
  float: left;
  margin-left: 10px;
  width: 1001px;
  height: 148px;
  background-image:url('images/banniere_int.jpg');
  background-repeat:no-repeat;
}

#header_interieur a{
  display: block;
  width: 1001px;
  height: 148px;
}

/* Menu */
#menu{
  float: left;
  width: 1001px;
  height: 27px;
  margin-left: 10px;
  background-image:url('images/fond_menu.jpg');
  background-repeat: repeat-x;
}
#menu dl{
  background-color: #3a3a3a;
  list-style: none;
  width: 983px;
  margin: 0 9px;
  padding: 0;
  background-image:url('images/fond_menu.jpg');
  background-repeat: repeat-x;
  border-left: 0px solid #FFFFFF; 
  border-right: 0px solid #FFFFFF; 
}

#menu dt{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#menu a{
  margin: 0;
  padding: 0 0 0 0px;
  display: inline;
  float: left;
  height: 27px;
  color: #FFF;
  font-family: Helvetica, Sans-serif;
  font-size: 12px;
  letter-spacing: 0px;
  text-align: center;
  text-decoration: none;
  line-height: 27px;
  background-image: url('images/fond_menu.jpg');
  background-repeat: repeat-x;
}

#menu .fond_droit{
  float: left;
  margin: 0;
  padding: 0;
  height: 27px;
  width: 9px;
  background-image:url('images/bord_menu_droit.jpg');
  background-repeat: no-repeat;
}

#menu .fond_gauche{
  float: left;
  margin: 0;
  padding: 0;
  height: 27px;
  width: 7px;
  background-image:url('images/bord_menu_gauche.jpg');
  background-repeat: no-repeat;
}

#contenu{
  float: left;
  width: 1001px;
  margin-left: 10px;
}

.impression #contenu{
  float: left;
  width: 777px;
  margin-left: 10px;
}

#contenu h1{
  font-size: 27px;
  margin: 15px 0 0 25px;
  padding: 0;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  text-transform:uppercase;
}

#contenu h1 a{
  font-size: 27px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  text-transform:uppercase;
}

#contenu h2{
  font-size: 21px;
  margin: 10px 0 0 25px;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  text-transform:capitalize;
}

#contenu h2 a{
  font-size: 21px;
  padding: 0;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  text-transform:capitalize;
}

.gauche{
  float: left;
}

.droite{
  float: right;
}

.clear{
  height: 15px;
}

.align_gauche{
  text-align: left;
}

.align_droite{
  text-align: right;
}

.align_centre{
  text-align: center;
}

.spacer{
  height: 1px;
  font-size: 1px;
  width: 100%;
  clear: both;
}

/* Page d'accueil */
.cadre{
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
}

.cadre .ligne{
  float: left;
  width: 100%;
  text-align: center;
}

.cadre .ligne#inscription ul{
  list-style-type: square;
}

.cadre .ligne#inscription h1{
  font-size: 16px;
  margin-bottom: 15px;
}

.cadre .ligne#inscription h2{
  font-size: 13px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

.cadre .ligne#inscription h3{
  font-size: 12px;
  color: #244524;
  margin-bottom: 2px;
  text-decoration: none;
  font-weight: bold;
}

.cadre .ligne#inscription h4{
  font-size: 13px;
  color: #000000;
  margin-bottom: 2px;
  margin-top: 10px;
  margin-left: 15px;
  padding-bottom: 2px;
  line-height: 14px;
  text-decoration: none;
  font-weight: bold;
}

.cadre .ligne#inscription h5{
  font-size: 12px;
  color: #000000;
  margin-bottom: 2px;
  padding-bottom: 2px;
  line-height: 14px;
  text-decoration: none;
  font-weight: bold;
}

.cadre .ligne-bord{
  float: left;
  width: 100%;
  height: 7px;
  font-size: 7px;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  text-align: center;
}

.coin_haut_gauche{
  float: left; 
  width: 7px;
  height: 7px;
  background-image:url('images/coin_haut_gauche.jpg');
  background-repeat: no-repeat;
}

.coin_haut_droit{
  float: right; 
  width: 7px;
  height: 7px;
  background-image:url('images/coin_haut_droit.jpg');
  background-repeat: no-repeat;
}

.coin_bas_gauche{
  float: left; 
  width: 7px;
  height: 7px;
  background-image:url('images/coin_bas_gauche.jpg');
  background-repeat: no-repeat;
}

.coin_bas_droit{
  float: right; 
  width: 7px;
  height: 7px;
}

#cadre_accueil{
  float: left;
  margin-left: 15px;
  margin-top: 25px;
  margin-bottom: 16px;
  width: 740px;
  background-image:url('images/accueil_actu.jpg');
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-color: #FFFFFF;
}

#cadre_accueil .image{
  margin-right: 20px;
  margin-left: 20px;
  float: left;
  clear: left;
  width: 100px;
  height: 100px;
}

#cadre_accueil .texte{
  margin-right: 20px;
  margin-left: 205px;
  width: 520px !important;
  width: 460px;
  text-align: justify;
  float: left;
  line-height: 14px;
}

#cadre_accueil .texte .lien{
  display: block;
  margin-top: 10px;
  float: right;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

#cadre_accueil .texte h1{
  font-size: 19px;
  margin: 5px;
  margin-left: 0px;
  padding: 0;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}

#cadre_accueil_droit{
  float: right;
  width: 229px;
  height: 441px;
  margin-top: 25px;
  background-image:url('images/banniere_bike_picnic.jpg');
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  z-index: 10;
}

#cadre_accueil_droit #inscription{
  display: block;
  float: left;
  width: 195px;
  height: 130px;
  margin: 5px;
}

#cadre_accueil_droit #affiche{
  display: block;
  float: left;
  width: 185px;
  height: 265px;
  margin-left: 13px;
}

#cadre_actu{
  float: left;
  margin: 10px 15px 25px 15px;
  width: 971px;
}

#cadre_impression{
  float: left;
  margin: 10px 15px 25px 15px;
  width: 760px;
}

.ligne .photo{
  width: 220px;
  height: 210px;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}


#ligne_actu{
  background-image:url('images/fond_actu.jpg');
  background-repeat: repeat-y;
  background-position: 7px 0;
}

#ligne_actu .image_actu{
  width: 220px;
  float: left;
  margin-top: 15px;
  margin-left: 50px;
  text-align: right;
}

#ligne_actu .image_actu img{
  margin-left: 10px;
}

#ligne_actu .image_actu .image_mini{
  float: right;
  width: 210px;
  letter-spacing: 5px;
  text-align: center;
}

#ligne_actu .image_actu .image_mini a{
  text-decoration: none;
}

#ligne_actu .image_actu .image_mini img{
  margin: 10px 0 0 0;
}

#ligne_actu .texte_actu{
  width: 670px;
  float: left;
  margin-top: 15px;
  margin-left: 15px;
  text-align: justify;
}
#ligne_actu .texte_actu h1{
  font-size: 19px;
  margin: 0 0 15px 0;
  padding: 0;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}
#ligne_actu .texte_actu .lien{
  display: block;
  margin-top: 10px;
  float: right;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

form table{
  font-family: Arial, Sans-serif;
  font-size: 12px;
  text-align: right;
}