* { 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; }
OL { margin-left: 40px; font-weight: bold; }
OL LI { margin-top: 10px; }
/********** CONTENEUR CENTRAL **********/
#centrage { position: absolute; left: 50%; width: 800px; margin: 0 0 0 -400px; padding:0 130px 0 0; }
#main { background: #FFF; padding:0 0 10px 0; }
#banniere { position:absolute; top:130px; right:0; background:url(../pics/masalledesport.gif) top left no-repeat; width:120px; height:600px; }
#banniere A { display:block; width:120px; height:600px; text-indent:-9000px; font-size:0; }
/********** HEADER **********/
#header { width: 800px; height: 100px; }
#header H1 { float: left; width: 180px; height: 83px; background: url(../pics/charte/bg-h1.gif) top left no-repeat; margin: 15px 0 0 0 !important; }
#header H1 A { display: block; width: 244px; height: 83px; text-indent: -10000px; }
#imgHeader { margin-top: 14px !important; margin-left: 40px !important; }
/*#header H1 { text-indent: -50000px; background: url(../pics/charte/bg-h1.gif) center left no-repeat; height: 90px; margin-left: 3px; width: 300px; float: left; }*/
#header IMG { float: left; margin: 20px 20px 0 0px ; }
/********** MENU **********/
#menu { background: url(../pics/charte/bg-menu.gif) top left no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding-top: 30px; }
#menu LI { float: left; text-align: center; }
#menu A { border-top: 1px solid #A80102; border-bottom: 1px solid #A80102; border-right: 1px solid #FFF; display: block; float: left; color: #FFF; width: 145px; height: 21px; background: #A80102; padding-top: 6px; }
#menu A:hover { color: #A80102; background: #FEE7AD; border-top: 1px solid #FCD67C; border-bottom: 1px solid #FCD67C; }
#menu A.last { width: 100px; border: none; border-top: 1px solid #A80102; border-bottom: 1px solid #A80102; }
#menu A.last:hover { border-top: 1px solid #FCD67C; border-bottom: 1px solid #FCD67C; }
#menu A.first { width: 115px; }
#menu #actuel { color: #A80102; background: #FEE7AD; border-top: 1px solid #FCD67C; border-bottom: 1px solid #FCD67C; }
/********** 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 { float: left; background: #FEEDC4 ; width: 190px; border-top: 1px solid #FCD67C; border-bottom: 1px solid #FCD67C; border-right: 1px solid #FCD67C; padding: 10px 0 0 15px; margin-bottom: 20px; }
#clubs, #cines, #formules, #parcs { font-size: 11px; margin: 0 0 10px 0 !important; }
#clubs LI, #cines LI, #formules LI, #parcs LI { margin: 5px 0 5px 0; }
#clubs LI UL, #cines LI UL, #formules LI UL, #parcs LI UL { margin: 0 0 17px 10px; }
#clubs LI UL LI, #cines LI UL LI, #formules LI UL LI, #parcs LI UL LI { margin: 5px 0 5px 0; list-style: square; }
#clubs LI A:hover, #cines LI A:hover, #formules LI A:hover, #parcs LI A:hover { font-weight: bold; }
.autresLiens { font-weight: bold; font-size: 11px; margin: 5px 0 5px 0; }
.autresLiens A:hover { text-decoration: underline !important; }
.titre { font-size: 13px; }
/********** ARTICLE **********/
#article { float:left; width: 510px; margin: 0 0 50px 45px; }
#article H2 { background: #A80102; color: #FFF; font-size: 16px; padding: 4px 0 4px 6px; margin-bottom: 10px; }
#article H3 { color: #A80102; margin: 20px 0 20px 0; font-size: 13px; 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 H3 { color: #000 !important; }
/********** ACCUEIL **********/
.encarts { width: 240px; float: left; margin: 10px 10px 10px 0; border: 1px solid #A80102; height: 190px; }
HTML>BODY>#centrage>#contenu .encarts { min-height: 190px; 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, #formMeyclub FIELDSET { border: 1px solid #A80102; margin: 15px 0 0 0; padding: 10px; float: left; width: 488px; }
#inscription SELECT, #inscripBillet SELECT, #formMeyclub 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, #formMeyclub LEGEND { color: #A80102; margin: 0 0 0 15px; font-weight: bold; padding: 0 5px 0 5px; }
#inscription LABEL, #inscripBillet LABEL, #formMeyclub LABEL { float: left; display: block; width: 180px; }
#inscription INPUT, #inscripBillet INPUT, #formMeyclub 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, #formMeyclub 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, #formMeyclub .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, #infosComplements2 .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; }
#infosComplements2 { border: 1px solid #A80102; margin: 15px 0 0 0; padding: 10px; float: left; width: 488px; }
#infosComplements2 LEGEND { color: #A80102; margin: 0 0 0 15px; font-weight: bold; padding: 0 5px 0 5px; }
#infosComplements2 LABEL { width: 200px; display: block; float: left; }
#infosComplements2 .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 { width: 146px; 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 { width: 150px; border-bottom: 1px solid #9d6f02; border-right: 1px solid #9d6f02; border-top: 1px solid #fcb913; border-left: 1px solid #fcb913; background: #FEEDC4; }
/********** Informations Patrimoine **********/
#patrimoine { border: 1px solid #A80102; margin: 15px 0 0 0; padding: 10px; float: left; width: 488px; }
#patrimoine LEGEND { color: #A80102; margin: 0 0 0 15px; font-weight: bold; padding: 0 5px 0 5px; }
#formPatrimoine P { clear:both; }
#formPatrimoine LABEL { float:left; display:block; width:230px; clear:both; }
#formPatrimoine INPUT { float:left; display:block; width:170px; 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; margin:0 4px 8px 0; }
#formPatrimoine SELECT { float:left; display:block; width:175px; 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; margin:0 4px 8px 0; }
#formPatrimoine 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; }
#formPatrimoine .bouton { width: 150px; border-bottom: 1px solid #9d6f02; border-right: 1px solid #9d6f02; border-top: 1px solid #fcb913; border-left: 1px solid #fcb913; background: #FEEDC4; }
#formPatrimoine .radios INPUT { display:inline; float:none; width:auto; border:none; vertical-align:middle; margin:0; }
#formPatrimoine .radios LABEL { display:inline; float:none; width:auto; margin:0 15px 0 5px; }
/********** 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: 402px; 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 { width: 150px; 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 #gauche INPUT, #formInvit #droit INPUT { width: 170px; }
#formInvit #droit { margin-left: 22px; width: 260px; float: left; }
/********** FOIRE AUX QUESTIONS **********/
#questions { margin-left: 20px !important; }
#questions LI { line-height: 18px; margin-bottom: 10px;}
/********** FOOTER **********/
#partenaires { clear: both; background: #FEECC4; width: 800px; height: 120px; margin-bottom:20px; border-top: 1px solid #FCD67C; border-bottom: 1px solid #FCD67C; }
#partenaires LI { display: inline; margin-left: 5px; }
#footer { margin: 10px 0 10px 0; }
#footer P { text-align: center; color: #A80102; }
/* ---- ---- */
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; }
A#meyClub { display: block; width: 178px; height: 58px; background: url(../pics/btn-order.jpg) top left no-repeat; margin: 0 0 20px 165px; }
A#meyClub:hover { display: block; width: 178px; height: 58px; background: url(../pics/btn-order-on.jpg) top left no-repeat; }
A#infosPatrimoine { display:block; width:178px; height:78px; margin:30px auto 30px auto; text-indent:-9000px; font-size:0; background: url(../pics/charte/infoPatrimoine.jpg) top left no-repeat; }
/********** Autre styles **********/
.entrees { margin: 20px 0 30px 0 !important; font-size: 16px; font-weight: bold; text-align: center !important; line-height: 24px !important; color: #AE2228; text-transform: uppercase; }
.ptEntrees { margin: 0 0 20px 0 !important; font-size: 14px; font-weight: bold; text-align: center !important; line-height: 20px !important; color: #AE2228; }
#boumjtattrape { width: 146px !important; }
.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; }
.illustrationDroite { float: right; margin: 0 0 10px 10px; }
.illustrationClub { margin: 0 9px 0 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; }
.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; }