* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {background-color: #71B743;}
   
body, input, textarea, select { 
   font-family: "Trebuchet MS", Arial, sans-serif; 
   font-size: 11px;
   color: #184892; }
   
#allContent { 
   width: 910px;
   margin: 0 auto 15px auto;
   padding-top: 164px;
   background: #fff url(../../images/bgAllContent.jpg) no-repeat;
   position: relative;}
 
a { color: #DB2A47; }
a:hover { color: #184892 }
 
/**************************************************************/
/*                                                     Footer */
/**************************************************************/
   
#footer { 
   width: 910px; padding-top: 25px; padding-bottom: 10px;
   background: transparent url(../../images/bgFooter.gif) no-repeat left bottom;
   text-align: center; font-size: 10px; position: relative;}
#footer p {margin-top: -10px;}
#footer a { text-decoration: none; color: #184892;}
#footer a:hover { text-decoration: underline;  }

#footer ul {list-style: none; position: absolute; left: 10px; bottom: 8px;}
#footer ul li {width: 110px; float: left; padding-right: 10px;}
#footer ul li a {
    display: block; height: 32px; text-align: left;
    padding-left: 38px; color: #184892; text-decoration: none; font-weight: bold;}
#footer ul li#lnkFacebook a {background: transparent url(../../images/facebook.gif) no-repeat;}
#footer ul li#lnkTwitter a {background: transparent url(../../images/twitter.gif) no-repeat;}
   
#logo { position: absolute; left: 18px; top: 0; }

#enTete h2 { width: 259px; height: 126px; background: transparent url(../../images/objectifJeux.gif) no-repeat; position: absolute; left: 443px; top: 0; border: 0;}
#enTete h2 span { display: none; }

#lnkFR,
#lnkEN {
    display: block; width: 44px; height: 43px;
    text-indent: -5000px; overflow: hidden;
    position: absolute; top: 10px;}
#lnkFR {background: transparent url(../../images/vFR.png) no-repeat; right: 54px;}
#lnkEN {background: transparent url(../../images/vEN.png) no-repeat; right: 0;}

/**************************************************************/
/*                                                 Navigation */
/**************************************************************/

#navigation { list-style: none;}
#navigation li a { display: block; position: absolute; z-index: 1000;}
#navigation li a span { display: none; }
#navigation li#btnAccueil a { width: 67px; height: 68px; left: 0; top: 99px; background: transparent url(../../images/btnAccueil.gif) no-repeat; }
#navigation li#btnAttractions a { width: 101px; height: 46px; left: 67px; top: 99px; background: transparent url(../../images/btnAttractions.gif) no-repeat; }
#navigation li#btnHoraires a { width: 159px; height: 51px; left: 168px; top: 99px; background: transparent url(../../images/btnHoraires.gif) no-repeat; }
#navigation li#btnRestaurant a { width: 92px; height: 56px; left: 327px; top: 99px; background: transparent url(../../images/btnRestaurant.gif) no-repeat; }
#navigation li#btnInfosPratiques a { width: 113px; height: 82px; left: 419px; top: 114px; background: transparent url(../../images/btnInfosPratiques.gif) no-repeat; }
#navigation li#btnContacts a { width: 78px; height: 93px; left: 539px; top: 153px; background: transparent url(../../images/btnContacts.gif) no-repeat; }
#navigation li#btnCentresAeres a { width: 92px; height: 76px; right: 208px; top: 180px; background: transparent url(../../images/btnCentresAeres.gif) no-repeat; }
#navigation li#btnGroupesScolaires a { width: 124px; height: 48px; right: 84px; top: 180px; background: transparent url(../../images/btnGroupesScolaires.gif) no-repeat; }
#navigation li#btnComites a { width: 84px; height: 152px; right: 0; top: 180px; background: transparent url(../../images/btnComites.gif) no-repeat; }

#navigation li#btnAccueil a:hover { background-position: 0 -68px; }
#navigation li#btnAttractions a:hover { background-position: 0 -46px; }
#navigation li#btnHoraires a:hover { background-position: 0 -51px; }
#navigation li#btnRestaurant a:hover { background-position: 0 -56px; }
#navigation li#btnInfosPratiques a:hover { background-position: 0 -82px; }
#navigation li#btnContacts a:hover { background-position: 0 -93px; }
#navigation li#btnCentresAeres a:hover { background-position: 0 -76px; }
#navigation li#btnGroupesScolaires a:hover { background-position: 0 -48px; }
#navigation li#btnComites a:hover { background-position: 0 -152px; }

#colGauche,
#colDroite { float: left; }

#colGauche { width: 610px; position: relative;}
#colDroite { width: 262px; padding-left: 38px; padding-top: 100px;}

#pageAccueil #colGauche {width: 590px; padding-left: 20px;}
#pageAccueil #colDroite { width: 262px; padding-left: 38px; padding-top: 0;}

#btnJob {
   display: block;
   width: 90px; height: 45px;
   background: transparent url(../../images/btnJob.gif) no-repeat;
   position: absolute; left: 700px; top: 220px; z-index: 5000;}
#btnJob span {display: none;}
#btnJob:hover {background-position: 0 -45px;}

#pageAccueil #colGauche h3 { 
    width: 129px; height: 113px; float: left; margin-left: 20px;
    background: transparent url(../../images/plusDeCentJeux.gif) no-repeat;
    text-indent: -5000px; overflow: hidden; margin-top: -20px;}



/**************************************************************/
/*                                         Offre de bienvenue */
/**************************************************************/

#masqueOffre{
height: 100px;
width: 500px; 
}

#offreBienvenue {
width: 500px; 
position: relative; 
margin-bottom: 15px;}
#offreBienvenue h4 { width: 320px; height: 56px; background: transparent url(../../images/titreOffreBienvenue.gif) no-repeat; }
#offreBienvenue a { 
   width: 83px; height: 15px; display: block; 
   background: transparent url(../../images/btnDecouvrir.gif) no-repeat; 
   position: absolute; left: 75px; top: 72px;}
#offreBienvenue a:hover { background-position: 0 -15px; }
#offreBienvenue span { display: none; }
#offreBienvenue p { margin: 0 0 0 175px;}
#offreBienvenue p strong { display: block; }

#fumee { position: absolute; top: 74px; right: 0; }

.validation-advice { color: #DB2A47; font-weight: bold; }



/**************************************************************/
/*                                               Zone visuel */
/**************************************************************/

#zoneVisuel { 
   width: 590px; height: 250px;
   margin-bottom: 20px;}

/**************************************************************/
/*                                                     Titres */
/**************************************************************/
   
h1 { width: 460px; height: 60px; margin: 10px 0 15px 0;}
h1 span { display: none; }

.pageActualites h1 { background: transparent url(../../images/titreActualites.gif) no-repeat; }
#pageCentresAeres h1 { background: transparent url(../../images/titreCentresAeres.gif) no-repeat; }
#pageGroupesScolaires h1 { background: transparent url(../../images/titreGroupesScolaires.gif) no-repeat; }
#pageComites h1 { background: transparent url(../../images/titreComites.gif) no-repeat; }
#pageTarifs h1 { background: transparent url(../../images/titreHoraires.gif) no-repeat; }
#pageInfosPratiques h1 { background: transparent url(../../images/titreInfosPratiques.gif) no-repeat; }
#pageMentions h1 { background: transparent url(../../images/titreMentions.gif) no-repeat; }
.pageAttractions h1 { background: transparent url(../../images/titreAttractions.gif) no-repeat; }
#pageOffreBienvenue h1 { background: transparent url(../../images/titreOffreBienvenue.gif) no-repeat; }
.pageJournee h1 { background: transparent url(../../images/titreJournee.gif) no-repeat; }
#pageFormulaire h1 { background: transparent url(../../images/titreContacts.gif) no-repeat; }
#pageNewsletter h1 { background: transparent url(../../images/titreNewsletter.gif) no-repeat; }
.pageEmploi h1 { background: transparent url(../../images/titreJob.gif) no-repeat; }
#pageRestaurant h1 { background: transparent url(../../images/titreRestaurant.gif) no-repeat; }

/**************************************************************/
/*                                                 Actualités */
/**************************************************************/

.btnSavoirPlus a { 
   display: block; margin-top: 5px;
   width: 120px; height: 15px; padding-left: 30px;
   background: transparent url(../../images/btnSavoirPlus.gif) no-repeat 0 0;}
.btnSavoirPlus a span { display: none; }
.btnSavoirPlus a:hover { background-position: 0 -15px; }

.btnTelecharger a { 
   display: block; margin-top: 5px;
   width: 125px; height: 15px; padding-left: 30px;
   background: transparent url(../../images/btnTelecharger.gif) no-repeat 0 0;}
.btnTelecharger a span { display: none; }
.btnTelecharger a:hover { background-position: 0 -15px; }

.imgTelecharger { text-decoration: none; display: block; }
.imgTelecharger img { float: left !important; border: 0 !important; padding: 0 !important; margin: 0 !important;}
.imgTelecharger strong { float: left; line-height: 12px; padding-top: 15px; display: block; }

#actualites { width: 440px; background: transparent url(../../images/bgActualites.gif) repeat-y; float: left; margin-top: 25px;}
#actualites h4 { width: 440px; height: 60px; background: transparent url(../../images/titreBlocActualites.gif) no-repeat; }
#actualites h4 span { display: none; }
#actualites .contentBloc { padding: 5px 25px 0 25px; }

.piedActualites { width: 440px; height: 14px; 
   background: transparent url(../../images/piedActualites.gif) no-repeat left bottom; }

#actualites h5,
.actu h5 { font-size: 11px; margin-bottom: 5px; }

#actualites img,
.actu img,
#pageDetailActualite .zoneContenu img,
.vignettePlan { padding: 2px; border: 1px #71B743 solid;}

#actualites img,
.actu img { float: right; margin-left: 15px;}

.actu { 
   border-bottom: 1px #ddd solid;
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;}

#btnRetour { 
   width: 58px; height: 15px; display: block;
   background: transparent url(../../images/btnRetour.gif) no-repeat;
   position: absolute; right: 100px; top: 60px; }
#btnRetour span { display: none; }
#btnRetour:hover { background-position: 0 -15px; }
   
.zoneContenu { margin: 0 25px 0 50px;}
.zoneContenu p { margin-bottom: 10px; }
.zoneContenu h2 { font-size: 18px; margin-bottom: 15px; border-bottom: 1px #ddd solid;}
.zoneContenu h3 { color: #DB2A47; font-size: 15px; margin: 15px 0 10px 0; background: transparent url(../../images/fleche.gif) no-repeat 0 5px; padding-left: 20px;}
.zoneContenu ul.liste { list-style: none; margin: 0 0 10px 30px;}
.zoneContenu ul.liste li { background: transparent url(../../images/miniFleche.gif) no-repeat 0 5px; padding-left: 12px; margin-bottom: 5px;}
.zoneContenu ul.liste ul { list-style: none; margin: 5px 0 10px 20px; }
.zoneContenu ul.liste ul li { margin-bottom: 0;}

#pageDetailActualite .zoneContenu img { width: 250px; float: left; margin-right: 15px;}
#pageDetailActualite .zoneContenu h2,
.pageAttractions .zoneContenu h2 { color: #DB2A47; font-size: 20px; line-height: 20px; margin-bottom: 15px; border: 0;}
     
/**************************************************************/
/*                                              Brochure 2007 */
/**************************************************************/

#blocCoord {
   width: 235px; height: 97px; text-indent: -5000px; overflow: hidden;
   background: transparent url(../../images/blocCoord.gif) no-repeat;
   float: left; margin-right: 20px;} 

#btnDemande { 
   width: 175px; height: 70px; display: block; float: right;
   background: transparent url(../../images/btnDemande.gif) no-repeat; }
#btnDemande span { display: none; }


#btnJournee { 
   width: 175px; height: 97px; display: block; float: left;
   background: transparent url(../../images/btnJournee.gif) no-repeat; }

#btnJournee span,
#btnBrochure2007 span,
#btnConsignes span { display: none; }

#pageInfosPratiques #btnBrochure { float: right; margin-left: 30px; }

#btnBrochure2007 { 
   width: 215px; height: 112px; display: block; margin: 10px 0 0 12px; 
   background: transparent url(../../images/btnBrochure2007.gif) no-repeat; }

#pageInfosPratiques #btnBrochure2007 { 
   width: 115px; height: 162px; display: block; float: right; margin-bottom: 5px;
   background: transparent url(../../images/btnBrochure.gif) no-repeat; }

#btnConsignes { 
   display: block; width: 215px; height: 111px; float: right; margin-left: 20px;
   background: transparent url(../../images/btnConsignes.gif) no-repeat;}   
   
ul#autresInfos { list-style: none; height: 270px;}
ul#autresInfos li { width: 215px; height: 50px; padding-left: 50px; line-height: 40px; float: left;}
ul#autresInfos li span {line-height: 12px; display: block; padding-top: 8px;}
ul#autresInfos li#btnHandicape { background: transparent url(../../images/pictoHandicape.gif) no-repeat; }
ul#autresInfos li#btnBebe { background: transparent url(../../images/pictoBebe.gif) no-repeat; }
ul#autresInfos li#btnConsigne { background: transparent url(../../images/pictoConsigne.gif) no-repeat; }
ul#autresInfos li#btnAnimaux { background: transparent url(../../images/pictoAnimaux.gif) no-repeat; }
ul#autresInfos li#btnBaignade { background: transparent url(../../images/pictoBaignade.gif) no-repeat; }
ul#autresInfos li#btnPiqueNique { background: transparent url(../../images/pictoPiqueNique.gif) no-repeat; }
ul#autresInfos li#btnParking { background: transparent url(../../images/pictoParking.gif) no-repeat; }
ul#autresInfos li#btnAttitude { background: transparent url(../../images/pictoAttitude.gif) no-repeat; }
ul#autresInfos li#btnSortie { background: transparent url(../../images/pictoSortie.gif) no-repeat; }


.listeLinks {list-style: none;}
.listeLinks li a {text-decoration: none; color: #184892;}
.listeLinks li a strong {display: block;}

.listeHbgt li {width: 230px; float: left;}

/**************************************************************/
/*                                              Météo du jour */
/**************************************************************/

#meteo { 
   width: 200px; padding-top: 65px;
   background: transparent url(../../images/bgMeteo.gif) no-repeat; text-align: center;
   margin-bottom: 10px;}
#meteo h4 { display: none;}
#meteo .contentBloc { 
   width: 160px; margin: 0 auto; font-weight: bold;
   text-align: left; padding: 0 0 40px 16px;
   background: transparent url(../../images/bgContentBlocMeteo.gif) no-repeat left bottom; }
#meteo .date { color: #54C1FA; font-size: 13px; }
#meteo .previsions { font-size: 12px; }

/**************************************************************/
/*                                        Restauration rapide */
/**************************************************************/

#restauration { 
   width: 240px; height: 82px; padding-top: 53px; margin-bottom: 10px;
   background: #fff url(../../images/bgResto.gif) no-repeat; text-align: center;}
#restauration h4 { display: none;}
#restauration .contentBloc { 
   width: 140px; margin: 0 auto; font-weight: bold;
   text-align: left; padding: 0 60px 20px 14px;}
#restauration a { color: #184892; text-decoration: none; }
#restauration a:hover { color: #DB2A47; }

/**************************************************************/
/*                                                 Newsletter */
/**************************************************************/

#newsletter { 
   width: 240px;
   background: transparent url(../../images/bgNewsletter.gif) no-repeat left bottom;}
#newsletter h4 { width: 240px; height: 45px; background: transparent url(../../images/titreInscription.gif) no-repeat; }
#newsletter h4 span { display: none;}
#newsletter .contentBloc { padding: 0 25px 10px 25px; line-height: 13px;}
#newsletter p { margin-bottom: 5px; }
#newsletter input { border: 1px #ddd solid; width: 120px; padding-left: 3px; margin-right: 10px;}
#newsletter .btnOK { 
   width: 34px; height: 20px; border: 0; text-align: center; color: #fff; 
   font-weight: bold; font-size: 13px; padding-bottom: 2px;
   background: transparent url(../../images/btnOK.gif) no-repeat;}
   
/**************************************************************/
/*                                         Horaires et tarifs */
/**************************************************************/

.mois { float: left; width: 177px; height: 180px; text-align: center;}

#legende { list-style: none; width: 300px; height: 40px;}
#legende li { float: left; margin-right: 15px;}

.pageInfosPratiques dl { width: 535px;}

.pageInfosPratiques dt,
.pageInfosPratiques dd { float: left; margin-bottom: 3px;}

.pageInfosPratiques dt,
.pageInfosPratiques ul#gratuit li { font-weight: bold; background: transparent url(../../images/miniFleche.gif) no-repeat 0 5px; padding: 0 5px 0 12px;}
.pageInfosPratiques dd { width: 360px;}

.pageInfosPratiques ul#gratuit { list-style: none; width: 535px; margin-bottom: 15px;}

.attention { 
   text-align: center; background-color: #B2D825;  font-size: 13px;
   padding: 5px; font-weight: bold; line-height: 13px;}
   
#map { margin-bottom: 15px; }
   
#cb img {float: left; margin-bottom: 10px;}   
#cb span {display: block; float: left; width: 200px; padding-top: 30px; padding-left: 10px;}
#cb span em {display: block; font-style: normal; border: 1px #B2D825 solid; padding: 10px; width: 130px; float: right; margin-top: -10px;}

/**************************************************************/
/*                                            Infos pratiques */
/**************************************************************/
   
.vignettePlan { margin-bottom: 10px; float: left; margin-right: 20px; }
   
/**************************************************************/
/*                                                   Contacts */
/**************************************************************/

.zoneContenu fieldset { 
   border: 1px #ddd solid; 
   padding: 10px; margin-bottom: 10px;}
.zoneContenu fieldset label { 
   width: 150px; float: left; 
   padding-right: 5px; display: block; 
   text-align: right; }
.zoneContenu fieldset legend { margin: 0 10px; font-weight: bold; font-size: 14px; color: #DB2A47; }
.zoneContenu fieldset input { width: 180px; }
.zoneContenu fieldset input.noSize { width: auto; }
.zoneContenu fieldset .lineForm { margin-bottom: 5px;}
.zoneContenu fieldset .marge { padding-left: 155px; }
.zoneContenu fieldset textarea { width: 300px; }

#pageFormulaire #blocSearchMail input { width: 120px; }

.btnRechercher,
.btnEnvoyer { 
   width: 125px !important; height: 28px; border: 0;
   background: transparent url(../../images/btnRechercher.gif) no-repeat;
   text-align: center; font-weight: bold;
   color: #fff; padding-bottom: 7px;
   margin-left: 10px;}
   
.btnEnvoyer { margin-left: 0; }

#pageNewsletter .btnRechercher,
#pageNewsletter .btnEnvoyer { background: transparent url(../../images/btnRechercherBleu.gif) no-repeat; }

/**************************************************************/
/*                                                Attractions */
/**************************************************************/

#pageFiche .zoneContenu img#visuelFiche { float: left; margin: 0 25px 25px 0; }
#pageFiche .zoneContenu h2 { padding-top: 20px; }

.galerie { list-style: none; }
.galerie li { float: left; margin: 0 10px 10px 0;}
.galerie li img { padding: 2px; border: 1px #71B743 solid; width: 115px;}

#listeAttractions { display: none; }

#pagePlan #intro {
    width: 500px; height: 151px;
    background: transparent url(../../images/introPlan2011.gif) no-repeat;
    text-indent: -5000px; overflow: hidden;}

/**************************************************************/
/*                                                    Groupes */
/**************************************************************/

.contactCommercial { 
   border: 1px #71B743 solid; padding: 10px 10px 5px 10px; 
   text-align: center; width: 150px; font-weight: bold; 
   float: right; margin-left: 50px;
   font-size: 13px;}
.contactCommercial span { font-size: 20px; display: block; color: #DB2A47}

/**************************************************************/
/*                                        Une journée au parc */
/**************************************************************/

#btnAccesGalerie,
#btnVideo { float: left; }

#btnAccesGalerie { 
   background: transparent url(../../images/accesGalerie.jpg) no-repeat; 
   width: 235px; height: 205px; display: block;
   margin-right: 40px;}
   
#btnVideo { 
   background: transparent url(../../images/accesVideo.jpg) no-repeat; 
   width: 150px; height: 180px; display: block;
   margin-top: 20px;}
   
#btnAccesGalerie span,
#btnVideo span { display: none; }

.pageJournee h2 { color: #DB2A47; font-size: 20px; line-height: 20px; margin-bottom: 15px; border: 0; }

/**************************************************************/
/*                                          groupes scolaires */
/**************************************************************/

.pageGroupes .zoneContenu fieldset label {width: 250px;}
.miniInput { width: 50px !important; }
.pageGroupes .zoneContenu fieldset textarea {width: 250px;}
.pageGroupes .zoneContenu fieldset .marge { margin-left: 100px; }

/**************************************************************/
/*                                                     Emploi */
/**************************************************************/

#listeOffres {border-collapse: collapse; width: 100%;}
#listeOffres th {text-align: left; background-color: #b2d825; color: #fff;}
#listeOffres th,
#listeOffres td {border: 1px #dddddd solid; padding: 2px 30px 2px 4px;}
    
#listeOffres td a {font-weight: bold; color: #004489;}
#listeOffres td a:hover {color: #E20025;}

.cellA {width: 20%;}
.cellB {width: 60%;}
.cellC {width: 20%;}

#outilsEmploi {float: right; list-style: none;}
#outilsEmploi li a {
   display: block; text-decoration: none;
   background: transparent url(../../images/miniFleche.gif) no-repeat 0 6px;
   padding-left: 10px; font-weight: bold;}

#listeRef {list-style: none;}

.blocDate input {width: 30px !important;}

.pageEmploi .zoneContenu fieldset label {width: 180px;}

.lineSubmit {padding-left: 195px;}