* { margin: 0; padding: 0; } 
HTML, BODY { margin: 0; padding: 0; }
HTML { height: 100%; }

/********** DECLARATION DES BALISES **********/
BODY { background: #FCB913; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
UL { list-style: none; }
A { color: #A80102; text-decoration: none; }
A:hover { text-decoration: underline; }
IMG { border: none; }
H2 { color: #FFF; font-size: 16px; background: #A80102; padding: 2px; }
OL { margin-left: 40px; font-weight: bold; }
OL LI { margin-top: 10px; }

/********** CONTENEUR CENTRAL **********/
#centrage { background: #FFF; position: absolute; left: 50%; width: 800px; margin: 0 0 0 -400px; }

/********** HEADER **********/
#header { display: none; }

/********** MENU **********/
#menu { display: none; }

/********** CONTENU **********/
#contenu { padding-top: 20px; clear: both; }
#accroche { padding: 30px 30px 0 30px; font-size: 15px; font-weight: bold; text-align: center; text-transform: uppercase; }
HTML>BODY>#centrage #accroche { padding: 50px 25px 0 25px ; }

/********** SOUS-MENU **********/
#sousmenu { display: none; }

/********** ARTICLE **********/
#article { float:left; width: 510px; margin: 0 0 50px 150px; }
#article H3 { color: #A80102; margin: 20px 0 20px 0; font-size: 14px; font-weight: bold; }
#article P { margin: 10px 0 10px 0; text-align: justify; line-height: 16px; }
#article P.titre { width: 507px; }
#article A.commander { display: block; font-weight: bold; width: 180px; }
#article A.commander:hover { text-decoration: none; }
#article UL { list-style-type: disc; margin-left: 40px; }

.texte { margin-top: 35px; }
.texte H2 { background: #A80102; color: #FFF; font-size: 16px; padding: 4px 0 4px 6px; margin-bottom: 10px; }
.texte H3 { font-size: 13px; }

.texteAccueil { margin-top: 35px; }
.texteAccueil H2 { float: left; width: 330px; background: #A80102; color: #FFF; font-size: 16px; padding: 4px 0 4px 6px; margin-bottom: 10px;  }
.texteAccueil H3 { font-size: 13px; }

/********** ACCUEIL **********/
.encarts { width: 240px; float: left; margin: 10px 10px 10px 0; border: 1px solid #A80102; height: 180px; }
HTML>BODY>#centrage>#contenu .encarts { min-height: 180px; height: auto; }
.title { height: 16px; font-size: 12px; font-weight: bold; background: url(../pics/charte/bg-encarts.gif) top left repeat-x;  margin: 1px 1px 10px 1px !important; padding: 2px 5px 2px 5px; border-bottom: 1px solid #770606; }
.title A { color: #FFF !important; }
.encarts P { text-align: justify !important; line-height: normal !important; }
/*.encarts P { text-align: left !important; }*/
.encarts IMG { float: left; margin: 0px 10px 20px 0; }
.encarts .soustitre { font-weight: bold; padding-right: 5px;  float: left; width: 145px; margin-top: 0px !important; font-size: 11px;  }
.encarts P.encartTxt { padding: 0 8px 0 8px; clear: both; font-size: 11px;}


/********** GMAP **********/
#map { width: 500px; height: 500px; border: 2px solid #A80102; }
#listClubs P { text-align: center; }
#listClubs SELECT { width: 200px; }

/********** PLAN DU SITE **********/
.plan { margin-left: 30px; list-style: disc;  }
.plan LI { line-height: 20px; }

/********** INSCRIPTION **********/

#commande LABEL { float: none !important; display: inline !important; }

#inscription FIELDSET, #inscripBillet FIELDSET { border: 1px solid #A80102; margin: 15px 0 0 0; padding: 10px; float: left; width: 488px; }
#inscription SELECT, #inscripBillet SELECT { font-family: Verdana, sans-serif; font-size: 11px; border-left: 1px solid #9d6f02; border-bottom: 1px solid #fcb913; border-right: 1px solid #fcb913; padding: 1px; width: 250px; }
#inscription LEGEND, #inscripBillet LEGEND { color: #A80102; margin: 0 0 0 15px; font-weight: bold; padding: 0 5px 0 5px; }  
#inscription LABEL, #inscripBillet LABEL { float: left; display: block; width: 180px; }
#inscription INPUT, #inscripBillet INPUT { border-top: 1px solid #9d6f02; border-left: 1px solid #9d6f02; border-bottom: 1px solid #fcb913; border-right: 1px solid #fcb913; font-size: 11px; padding: 1px; width: 170px; }
#inscription #gauche, #inscripBillet #gauche { float: left; width: 250px; } 
#inscription #droit, #inscripBillet #droit { float: left; margin-left: 10px; }
#inscription #abonnement, #inscripBillet #abonnement { list-style: none; margin: 15px 0 0 0; }
#inscription #abonnement LABEL, #inscripBillet #abonnement LABEL { width: 220px; }
#inscription #abonnement LI, #inscripBillet #abonnement LI { margin: 15px 0 0 0; }
#inscription #abonnement OPTION, #inscripBillet #abonnement OPTION { width: 20px; }
#inscription .chk, #inscripBillet .chk { vertical-align: middle; border: none; width: 20px !important; }
#inscription .button, #inscripBillet .button { border-bottom: 1px solid #9d6f02; border-right: 1px solid #9d6f02; border-top: 1px solid #fcb913; border-left: 1px solid #fcb913; background: #FEEDC4; }

#inscription TEXTAREA, #inscripBillet TEXTAREA { font-family: Verdana, sans-serif; font-size: 11px; border-left: 1px solid #9d6f02; border-bottom: 1px solid #fcb913; border-right: 1px solid #fcb913; padding: 1px; width: 455px; height: 150px; overflow: auto; }
#inscription .bouton, #inscripBillet .bouton { border-bottom: 1px solid #9d6f02; border-right: 1px solid #9d6f02; border-top: 1px solid #fcb913; border-left: 1px solid #fcb913; background: #FEEDC4; margin: 0 0 25px 153px; }

#parrain { width: 270px !important; }
#parrainTxt { width: 160px !important; }
.complement { width: 200px !important; }
LABEL.formules { width: 200px !important; }

/********** INSCRIPTION RAPPEL **********/
#rappel { padding: 10px 0 0 0; }
#rappel LI { list-style: none !important; color: #A80102; margin: 5px 0 0 0; }
#rappel LI UL { margin-left: 10px; }
#rappel LI UL LI { list-style: none !important; color: #000000; }
#rappel .nom { background: url(../pics/charte/arrow-submenu.gif) top left no-repeat; padding: 0 0 0 18px; vertical-align: middle; }
A.bouton { display: block; background: #FFF; cursor: pointer; margin-top: 10px; color: #9F2E24; width: 200px; border-bottom: 1px solid #9d6f02; border-right: 1px solid #9d6f02; border-top: 1px solid #fcb913; border-left: 1px solid #fcb913; background: #FEEDC4; padding: 2px 0 2px 0; text-align: center;}
A.boutons { float: left; margin-left: 22px; }
HTML>BODY A.boutons { margin-left: 40px; }

/********** INSCRIPTION ENVOI **********/
#infosPersonelles, #infosAbonnement { border: 1px solid #A80102; margin: 15px 0 0 0; padding: 10px; float: left; width: 488px; }
#infosPersonelles LEGEND, #infosAbonnement LEGEND { color: #A80102; margin: 0 0 0 15px; font-weight: bold; padding: 0 5px 0 5px; }  
#infosPersonelles LABEL, #infosAbonnement LABEL { width: 150px; display: block; float: left; }
#infosPersonelles .gauche, #infosAbonnement .gauche { width: 220px; float: left; margin-right: 10px;}
#infosPersonelles .droite, #infosAbonnement .droite, #infosComplements .droite { width: 270px; float: left;  }

#infosComplements { border: 1px solid #A80102; margin: 15px 0 0 0; padding: 10px; float: left; width: 488px; }
#infosComplements LEGEND { color: #A80102; margin: 0 0 0 15px; font-weight: bold; padding: 0 5px 0 5px; } 
#infosComplements LABEL { width: 200px; display: block; float: left; }
#infosComplements .gauche { width: 250px; float: left; }
 
/********** CONTACT **********/
#contact { border: 1px solid #A80102; margin: 15px 0 0 0; padding: 10px; float: left; width: 488px; }
#contact LEGEND { color: #A80102; margin: 0 0 0 15px; font-weight: bold; padding: 0 5px 0 5px; } 
#formContact INPUT { border-top: 1px solid #9d6f02; border-left: 1px solid #9d6f02; border-bottom: 1px solid #fcb913; border-right: 1px solid #fcb913; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#formContact TEXTAREA { width: 350px; overflow: auto; border-top: 1px solid #9d6f02; border-left: 1px solid #9d6f02; border-bottom: 1px solid #fcb913; border-right: 1px solid #fcb913; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding:1px; }
#formContact .bouton { border-bottom: 1px solid #9d6f02; border-right: 1px solid #9d6f02; border-top: 1px solid #fcb913; border-left: 1px solid #fcb913; background: #FEEDC4; }

/********** INVITATION **********/
#invitation { border: 1px solid #A80102; margin: 15px 0 0 0; padding: 10px; float: left; width: 488px; }
#invitation LEGEND { color: #A80102; margin: 0 0 0 15px; font-weight: bold; padding: 0 5px 0 5px; } 
#formInvit INPUT { border-top: 1px solid #9d6f02; border-left: 1px solid #9d6f02; border-bottom: 1px solid #fcb913; border-right: 1px solid #fcb913; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#formInvit TEXTAREA { width: 350px; overflow: auto; border-top: 1px solid #9d6f02; border-left: 1px solid #9d6f02; border-bottom: 1px solid #fcb913; border-right: 1px solid #fcb913; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding:1px; }
#formInvit .bouton { border-bottom: 1px solid #9d6f02; border-right: 1px solid #9d6f02; border-top: 1px solid #fcb913; border-left: 1px solid #fcb913; background: #FEEDC4; }
#formInvit #gauche { width: 200px; float: left; }
#formInvit #droit { margin-left: 22px; width: 260px; float: left; }

/********** FOIRE AUX QUESTIONS **********/
#questions { margin-left: 20px !important; }
#questions LI { line-height: 25px; }

/********** FOOTER **********/
#partenaires { display: none; }

#footer { display: none;  }

/* ---- ---- */
A#inscriptionSport { display: block; width: 178px; height: 78px; background: url(../pics/btnFormsport.jpg) top left no-repeat; }
A#inscriptionSport:hover { display: block; width: 178px; height: 78px; background: url(../pics/btnFormsport-off.jpg) top left no-repeat; }
A#inscriptionBillet { display: block; width: 178px; height: 78px; background: url(../pics/btnCommande.jpg) top left no-repeat; }
A#inscriptionBillet:hover { display: block; width: 178px; height: 78px; background: url(../pics/btnCommande-off.jpg) top left no-repeat; }


/********** DECLARATION DES CLASSES **********/
.gdTitre { font-size: 14px; color: #A80102; margin-bottom: 15px; }
.titre { font-size: 13px; font-weight: bold; }
.spacer { clear: both; }
.bold { font-weight: bold; color: #A80102; }
.nobold { font-weight: normal !important; }
.autresClubs { margin-top: 5px; }
.left 	 { text-align: left !important; }
.right    { text-align: right !important; }
.center   { text-align: center !important; }
.justify  { text-align: justify !important; }
.middle   { vertical-align: middle; }
.gauche   { float: left; }
.droite   { float: right; }
.souligne { text-decoration: underline; }
.spacer	 { clear: both !important; }
.black 	 { color: #000 !important; }
.rouge 	 { color: #CC0000 !important; }
.italique { font-style: italic; }
.illustrationGauche { float: left; margin: 0 10px 10px 0; }
.eslc { color: #FFF; font-size: 16px; background: #A80102; padding: 4px; }
.gdPublic { font-size: 11px; }
.red { color: #A80102; }
.hidden { display: none; }
.active { font-weight: bold; }
.active A { text-decoration: underline; }
.list { background: url(../pics/charte/arrow-submenu.gif) top left no-repeat; padding: 0 0 0 18px; vertical-align: middle; }
.deployed { background: url(../pics/charte/arrow-submenu-deployed.gif) top left no-repeat !important; }
.alone { margin: 2px 0 5px 22px; }
.illustrationClub { margin: 0 9px 0 0; }
.bordure { padding: 1px; border: 1px solid #A80102; }
.majuscule { text-transform: uppercase; }
.print { color: #A80102; }
.comment { font-size: 11px; text-align: justify; font-style: italic; }
.localiser { margin: 25px 0 0 0 !important;  }
.localiser A { color: #FFF; font-size: 12px; background: #A80102; padding: 4px; font-weight: bold; }