* {margin: 0; padding: 0;} .break {clear: both; height: 1px; line-height: 1px;} sup {line-height: 80%; font-size: 80%;} body { font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 11px; color: #451409; background-color: #451409;} a { color: #6D9D32; } a:hover { color: #FF710D } .mentions {font-size: 10px;} /*************************************************************************************************************/ /* Formulaires */ /*************************************************************************************************************/ input, select, textarea { font-family: "Trebuchet MS", Arial, sans-serif; color: #451409; font-size: 11px; } input { border: 1px #FB6803 solid; } fieldset { border: 1px #fff solid; margin-bottom: 10px; padding: 5px;} .lineForm { margin-bottom: 10px; } input.btnOK { width: 23px !important; height: 19px; background: transparent url(../../images/btnOK.gif) no-repeat; border: 0; color: #fff; font-weight: bold;} input.btnForm { width: 105px !important; height: 22px; padding-bottom: 3px; background: transparent url(../../images/btnForm.gif) no-repeat; border: 0 !important; color: #fff; font-weight: bold;} label { display: block; text-align: right; padding-right: 4px; float: left; } .noSize { width: auto !important; border: 0 !important; } .erreur { border: 1px #cc0000 solid; color: #cc0000; background-color: #fff; padding: 0 4px; text-align: center; font-weight: bold;} /*************************************************************************************************************/ /* Structure générale */ /*************************************************************************************************************/ #allContent { width: 960px; margin: 0 auto; padding-bottom: 4px;} #enTete { width: 960px; height: 216px; background-color: #4C0C0D; position: relative;} #enTete img#logo { position: absolute; left: 505px; top: 59px; } #enTete img { border: 0; } #enTete #logoCosta { position: absolute; right: 0; bottom: 27px; } #enTete #logoHavre { position: absolute; right: 92px; bottom: 27px; } #enTete #FlagLanguageEN { border: 0; position: absolute; right: 10px; top: 80px; } #enTete #FlagLanguageFR { border: 0; position: absolute; right: 10px; top: 105px; } #enTete #retourSiteCorpo { display: block; background: transparent url(../../images/bgRetour.gif) no-repeat left bottom; font-size: 10px; color: #fff; text-decoration: none; position: absolute; right: 0; top: 0; width: 106px; padding-bottom: 49px; text-align: center;} #enTete #datesDepart { position: absolute; left: 650px; top: 15px; color: #fff; font-weight: bold; font-size: 12px; font-style: italic;} /*************************************************************************************************************/ /* Navigation */ /*************************************************************************************************************/ #navigation { position: absolute; left: 0; bottom: 0; list-style: none; width: 960px; height: 57px; background: transparent url(../../images/bgNav.gif) no-repeat left bottom;} #navigation li { float: left; margin-right: 3px;} #navigation li a { display: block; height: 30px; background-repeat: no-repeat; background-position: 0 0;} #navigation li a:hover { background-position: 0 -30px; } #navigation li a span { display: none; } #navigation li#btnA { margin-left: 12px; } #navigation li#btnA a { background-image: url(../../images/btnA.gif); width: 46px; } #navigation li#btnB a { background-image: url(../../images/btnB.gif); width: 105px; } #navigation li#btnC a { background-image: url(../../images/btnC.gif); width: 101px; } #navigation li#btnD a { background-image: url(../../images/btnD.gif); width: 154px; } #navigation li#btnE a { background-image: url(../../images/btnE.gif); width: 75px; } #navigation li#btnF a { background-image: url(../../images/btnF.gif); width: 96px; } #navigation li#btnG a { background-image: url(../../images/btnG.gif); width: 119px; } #navigation li#btnH a { background-image: url(../../images/btnH.gif); width: 89px; } #navigation li ul { list-style: none; display: none; position: absolute; top: 30px; width: 960px; height: 27px;} #navigation li ul li { height: 25px; padding: 0 12px;} #navigation li ul li a { height: 27px; text-decoration: none; background-image: none !important; display: inline; font-weight: bold; color: #451409; line-height: 27px; font-size: 12px; font-family: "Arial", sans-serif;} #navigation li ul li a:hover { text-decoration: underline; } #navigation li ul#sousNav1 { left: 50px; width: 500px;} #navigation li ul#sousNav2 { left: 30px; width: 950px;} #navigation li ul#sousNav3 { left: 150px; width: 700px;} #navigation li ul#sousNav4 { left: 100px; width: 800px;} #navigation li ul#sousNav5 { left: 500px; width: 400px;} #navigation li ul#sousNav7 { left: 20px; width: 930px;} #navigation li #sousNav6 { width: 280px; height: auto; background: #fff url(../../images/bgMiniPartenaires.jpg) repeat-x; position: absolute; left: 400px; z-index: 5000; padding: 10px 0 10px 10px; display: none;} #navigation li #sousNav6 h2 { font-size: 14px; margin-bottom: 5px;} #navigation li #sousNav6 a.miniLogoPart { background-image: none; width: 50px; height: 50px; float: left; margin: 0 5px 5px 0;} #navigation li #sousNav6 a.miniLogoPart img { border: 0; width: 50px; height: 50px; } #pageAccueil #enTete #navigation li#btnA a, .pagePresentation #enTete #navigation li#btnB a, .pagePenduick #enTete #navigation li#btnH a, .pageMultimedia #enTete #navigation li#btnF a, .pageActualites #enTete #navigation li#btnE a, .pageDD #enTete #navigation li#btnD a, .pageCourse #enTete #navigation li#btnC a, .pagePartenaires #enTete #navigation li#btnG a { background-position: 0 -30px; } .pagePresentation #enTete #navigation li#btnB ul, .pagePenduick #enTete #navigation li#btnH ul, .pageMultimedia #enTete #navigation li#btnF ul, .pageActualites #enTete #navigation li#btnE ul, .pageDD #enTete #navigation li#btnD ul, .pageCourse #enTete #navigation li#btnC ul, #pageVillages #enTete #navigation li#btnH ul { display: block; } #chrono {width: 230px; margin-bottom: 15px;} #chrono h6 { color: #451409; font-size: 14px; margin-bottom: 10px; } #chrono dt, #chrono dd { float: left; display: block; margin-bottom: 5px; height: 21px; line-height: 21px;} #chrono dt { color: #666; font-weight: bold; text-align: right; width: 120px; padding-right: 3px;} #chrono dd { width: 100px; text-align: center; color: #01AFEF; font-size: 14px; background: transparent url(../../images/bgChrono.gif) no-repeat; font-weight: bold;} #mainContent { width: 960px; padding: 30px 0 0 0; background: #F7EABC url(../../images/bgMainContent.gif) no-repeat;} #colGauche, #colCentre, #colDroite { float: left; } #colGauche { width: 140px; padding: 0 12px;} #colCentre { width: 526px; margin-bottom: 10px; padding: 0 8px; background: transparent url(../../images/bgColCentre.gif) repeat-y;} #colDroite { width: 230px; padding: 0 12px;} #footer { clear: both; position: relative; background: transparent url(../../images/bgFooter.gif) no-repeat; width: 960px; height: 101px;} #footer p { color: #451409; position: absolute; right: 50px; top: 7px;} #footer p img { border: 0; position: relative; top: 5px; margin-left: 10px;} #footer a { color: #451409; text-decoration: none;} #footer a:hover { color: #003366; text-decoration: underline; } /*************************************************************************************************************/ /* Modules des colonnes gauche et droite */ /*************************************************************************************************************/ #blocPartenaires h3, #blocPartenairesBis h3 { display: none; } #blocNewsletter h3, #blocMediatheque h3, #blocMeteo h3, #blocPerformance h3 { height: 30px; } #blocPartenaires h3 span, #blocPartenairesBis h3 span, #blocNewsletter h3 span, .blocClassement h3 span, #blocCartographie h3 span, #blocMediatheque h3 span, #blocMeteo h3 span, #blocPerformance h3 span, #blocCharte h3 span { display: none; } #blocPartenaires h3, #blocNewsletter h3 { width: 140px; } .blocClassement h3, #blocCartographie h3, #blocMediatheque h3, #blocMeteo h3 { width: 230px; } #blocPartenaires h3, #blocPartenairesBis h3 { background: transparent url(../../images/titreBlocPartenaires.png) no-repeat;} #blocNewsletter h3 { background: transparent url(../../images/titreBlocNewsletter.gif) no-repeat; height: 33px; } .blocClassement h3 { background: transparent url(../../images/titreBlocClassement.gif) no-repeat; height: 78px; } .palmares h3 { background: transparent url(../../images/titreBlocPalmares.gif) no-repeat; height: 78px; } #blocCartographie h3 { background: transparent url(../../images/titreBlocCartographie.png) no-repeat; } #blocMediatheque h3 { background: transparent url(../../images/titreBlocMultimedia.gif) no-repeat; height: 48px;} #blocMeteo h3 { background: transparent url(../../images/titreBlocMeteo.gif) no-repeat; height: 43px; margin-bottom: 10px;} #blocPerformance h3 { background: transparent url(../../images/titreBlocPerformance.png) no-repeat; height: 54px;} #blocCharte h3 { background: transparent url(../../images/titreBlocCharte.gif) no-repeat; height: 75px;} #blocPartenaires, #blocPartenairesBis { text-align: center; margin-bottom: 10px; width: 140px; height: 120px;} #blocPartenaires img, #blocPartenairesBis img { width: 120px; border: 0; } #blocCharte {margin-bottom: 10px; display: none;} #blocCharte .contentBloc { background-color: #CCFF33; padding: 5px 10px; font-size: 10px; line-height: 11px;} #blocCharte .contentBloc a { text-decoration: none; color: #451409; } #blocCharte .pied { background: transparent url(../../images/piedBlocCharte.gif) no-repeat; height: 29px;} #blocCharte .contentBloc h4 { font-size: 12px; margin-bottom: 5px; } #blocCharte .contentBloc em { display: block; color: #486D2C; } #pscroller1 { width: 120px; height: 45px;} #pscroller2 { width: 120px; height: 65px; } #listeServices { list-style: none; margin-bottom: 15px;} #listeServices li a { display: block; margin-bottom: 5px; width: 140px;} #listeServices li a span { display: none; } #listeServices li#btnServicesA a { height: 36px; background: transparent url(../../images/btnAccesPresse.gif) no-repeat; } #listeServices li#btnServicesB a { width: 140px; height: 152px; background: transparent url(../../images/btnTransatEnfants.gif) no-repeat; margin: 15px 0; } #listeServices li#btnServicesC a { width: 140px; height: 36px; background: transparent url(../../images/btnBoutique.gif) no-repeat; } #listeServices li#btnServicesD a { width: 140px; height: 140px; background: transparent url(../../images/btnVirtuel.gif) no-repeat; } #listeServices li#btnServicesD {padding-top: 8px;} #blocNewsletter { width: 140px; background: transparent url(../../images/bgNewsletter.gif) repeat-x 0 30px; margin-bottom: 20px;} #blocNewsletter input { width: 87px;} #blocNewsletter .contentBloc { width: 120px; background: transparent url(../../images/bgBlocNewsletter.gif) repeat-y; padding: 0 10px} #blocNewsletter a { font-size: 10px; font-weight: bold; text-align: right; display: block; padding: 3px 0 0 0; text-decoration: none; color: #451409;} #blocNewsletter a:hover { color: #FB6803; } #blocNewsletter .pied { width: 140px; height: 10px; background: transparent url(../../images/piedBlocNewsletter.gif) no-repeat; } .blocClassement { margin-bottom: 15px; position: relative;} .blocClassement .dateClass { position: absolute; right: 10px; top: 55px; } .blocClassement .contentBloc { background: #93EBF8 url(../../images/bgBlocClassement.jpg) repeat-x; padding: 0 10px;} .blocClassement #lnk { display: block; width: 135px; height: 30px; background: transparent url(../../images/btnPalmares.gif) no-repeat; text-decoration: none; font-family: "Arial", sans-serif; font-size: 12px; font-weight: bold; color: #FB6803; line-height: 30px; padding-left: 95px;} .blocClassement h5 { font-size: 14px; color: #fff; border-bottom: 1px #fff solid; text-align: right; width: 210px; padding: 5px 0 2px 0; margin-bottom: 5px;} .blocClassement dl { clear: both; font-family: "Arial", sans-serif;} .blocClassement dt, .blocClassement dd { float: left; font-size: 10px; display: block; padding-bottom: 5px;} .blocClassement dt { width: 45px;} .blocClassement dt a { color: #E52A08; font-weight: bold; text-decoration: none; font-size: 11px;} .blocClassement dd { width: 165px;} .blocClassement dd strong { display: block; font-size: 12px; } /*.blocClassement ul { list-style: none;} .blocClassement ul li { padding: 5px 0; font-size: 10px; line-height: 14px; background: transparent url(../../images/filetClassement.gif) no-repeat left bottom;} .blocClassement ul li a { text-decoration: none; display: block; padding-left: 40px; color: #003366;} .blocClassement ul li strong { display: block; font-size: 14px; color: #fff; } .blocClassement ul li em { display: block; font-size: 12px; color: #003366; font-weight: bold; font-style: normal; } .blocClassement ul li a#classUn { background: transparent url(../../images/classUn.gif) no-repeat 12px 0; } .blocClassement ul li a#classDeux { background: transparent url(../../images/classDeux.gif) no-repeat 12px 0; } .blocClassement ul li a#classTrois { background: transparent url(../../images/classTrois.gif) no-repeat 12px 0; } .blocClassement a.lnkClass { display: block; width: 225px; height: 29px; background: transparent url(../../images/flecheSuite.gif) no-repeat 117px 5px; font-size: 10px; color: #D71343; font-weight: bold; text-decoration: none; line-height: 19px; padding-right: 5px; margin-top: 2px; text-align: right; } .blocClassement a.lnkClass:hover { color: #003366; } .blocClassement .dateClassement { font-weight: bold; text-align: right; padding: 2px 0 0 0; }*/ #blocCartographie { width: 230px; height: 90px; margin-bottom: 15px; background: transparent url(../../images/bgBlocCartographie.gif) no-repeat;} #blocCartographie a { display: block; width: 230px; height: 90px; text-decoration: none; color: #FB4B03; position: relative;} #blocCartographie a span { line-height: 11px;position: absolute; left: 115px; top: 55px;} #blocMediatheque { width: 230px; margin-bottom: 15px;} #blocMediatheque ul { list-style: none; width: 80px; margin-top: 20px;} #blocMediatheque ul li a {display: block; width: 80px; height: 30px; background-repeat: no-repeat;} #blocMediatheque ul li a span { display: none; } #blocMediatheque ul li#lnkVideos a { background-image: url(../../images/btnVideos.gif); } #blocMediatheque ul li#lnkAudios a { background-image: url(../../images/btnAudios.gif); } #blocMediatheque ul li#lnkPhotos a { background-image: url(../../images/btnPhotos.gif);} /* #blocMediatheque ul li#lnkVideos, */ /* #blocMediatheque ul li#lnkAudios { display: none; } */ #blocMediatheque .apercuMediatheque { width: 150px; text-align: center; font-size: 10px; line-height: 10px; display: none; padding-bottom: 10px;} #blocMediatheque .apercuMediatheque img { margin-bottom: 5px; border: 0;} #blocMediatheque .apercuMediatheque .lnkVacation { text-align: left; padding: 6px 3px 6px 3px; background: transparent url(../../images/filetBreves.gif) no-repeat left bottom;} #blocMediatheque .apercuMediatheque .lnkVacation a { font-weight: bold; display: block; background: transparent url(../../images/pictoAudios.gif) no-repeat; padding: 0 0 0 20px; color: #451409; text-decoration: none;} #blocMediatheque .apercuMediatheque .lnkVacation span { display: block; font-weight: normal; } #blocMediatheque ul, #blocMediatheque .apercuMediatheque { float: left; } #blocMediatheque #calque1 { display: block; } #blocMediatheque #calque2 p { padding: 0 10px 0 10px; } #blocMediatheque .apercuMediatheque .toutesVideos, #blocMediatheque .apercuMediatheque .toutesAudios, #blocMediatheque .apercuMediatheque .toutesPhotos, .lnkHavre { display: block; text-align: right; padding: 0 5px 0 0 !important; font-weight: bold; text-decoration: none; margin-top: 10px; height: 12px; color: #C44403; background: transparent url(../../images/fleurSuite.gif) no-repeat;} #blocMediatheque .apercuMediatheque .toutesVideos { background-position: 45px 1px !important; } #blocMediatheque .apercuMediatheque .toutesAudios { background-position: 45px 1px !important; } #blocMediatheque .apercuMediatheque .toutesPhotos { background-position: 25px 1px !important; } .lnkHavre { background-position: 60px 1px !important; } #blocMeteo .contentBloc {color: #451409} #blocMeteo p img { float: left; border: 0; margin: 0 10px 0 0;} #blocMeteo p.suite { position: relative;} #blocMeteo p.suite a { color: #C44403; text-decoration: none; font-weight: bold; display: block; padding-left: 23px; width: 100px; position: absolute; right: 0; top: 0; background: transparent url(../../images/suiteMeteo.gif) no-repeat 5px 2px; } #blocMeteo p.suite a:hover { color: #6D9D32; } #blocRss, #btnContact { display: block; font-size: 11px; font-weight: bold; text-decoration: none; color: #1767A6; height: 19px; line-height: 19px; width: 55px; float: left; } #blocRss { background: transparent url(../../images/rss.gif) no-repeat 0 3px; margin-bottom: 10px;} #blocRss span { display: none; } #btnContact { background: transparent url(../../images/btnContact.gif) no-repeat; padding-left: 30px;} #logoPenduick { display: block; width: 140px; height: 50px; text-align: center; margin-bottom: 20px;} #logoPenduick img { border: 0;} #blocPerformance .contentBloc { padding: 10px 10px 0 10px; background: transparent url(../../images/bgBlocPerformance.png) repeat-x; } #btnVacationsLive { width: 230px; height: 38px; display: block; margin-bottom: 10px; background: transparent url(../../images/btnVacationsLive.gif) no-repeat; } #btnVacationsLive span { display: none; } /*************************************************************************************************************/ /* Zone centrale */ /*************************************************************************************************************/ #ticker { background-color: #FB6803; margin-bottom: 10px; color: #fff; font-weight: bold; padding: 2px; display: none;} #ticker * { margin: 0; border: 0;} #animVacations { display: block; text-indent: -5000px; overflow: hidden; width: 520px; height: 120px; border: 0; background: transparent url(../../images/blocVacationsDirect.gif) no-repeat;} #arriveeEnDirect { display: block; text-indent: -5000px; overflow: hidden; width: 520px; height: 120px; border: 0; background: transparent url(../../images/arriveeEnDirect.gif) no-repeat;} #ariane {list-style: none; margin-bottom: 20px;} #ariane li, #ariane li a { float: left; font-size: 10px; font-weight: bold; color: #451409; text-decoration: none;} #ariane li { padding: 0 5px 3px 12px; background: transparent url(../../images/flecheAriane.gif) no-repeat 0 4px;} #ariane li a:hover { text-decoration: underline; color: #F26522; } #colCentre h1 {width: 526px; height: 55px; margin-bottom: 15px;} #colCentre h1 span { display: none; } .pageMentionsLegales #colCentre h1 { background: transparent url(../../images/titreMentions.gif) no-repeat; } .pageActualites #colCentre h1 { background: transparent url(../../images/titreActualites.gif) no-repeat; } .pagePresentation #colCentre h1 { background: transparent url(../../images/titreDestinationCafe.gif) no-repeat; } .pageFluxRSS #colCentre h1 { background: transparent url(../../images/titreFluxRss.gif) no-repeat; } .pageDD #colCentre h1 { background: transparent url(../../images/titreDvptDurable.gif) no-repeat; } #pageCartographie #colCentre h1 { background: transparent url(../../images/titreCartographie.gif) no-repeat; } .pagePenduick #colCentre h1 { background: transparent url(../../images/titrePenduick.gif) no-repeat; height: 87px; } .pagePartenaires #colCentre h1 { background: transparent url(../../images/titrePartenaires.gif) no-repeat; } .pageContact #colCentre h1 { background: transparent url(../../images/titreContact.gif) no-repeat; } #pageClassement #colCentre h1, #pageAllClassements #colCentre h1 { background: transparent url(../../images/titreClassement.gif) no-repeat; } #pageNewsletter #colCentre h1 { background: transparent url(../../images/titreNewsletter.gif) no-repeat; } .pageSkippers #colCentre h1 { background: transparent url(../../images/titreSkippers.gif) no-repeat; } .pageMultimedia #colCentre h1 { background: transparent url(../../images/titreMultimedia.gif) no-repeat; } #pageEnfants #colCentre h1 { background: transparent url(../../images/titreEnfants.gif) no-repeat; } #pagePresse #colCentre h1 { background: transparent url(../../images/titrePresse.gif) no-repeat; } #pageVillages #colCentre h1 { background: transparent url(../../images/titreVillage.gif) no-repeat; height: 87px;} #pageCostaRica #colCentre h1 { background: transparent url(../../images/titreCostaRica.gif) no-repeat; height: 87px;} .pageSkippers #colCentre h1#titreDernPhotos { background: transparent url(../../images/titreDernPhotos.gif) no-repeat; } .pageSkippers #colCentre h1#titreDernVacations { background: transparent url(../../images/titreDernVacations.gif) no-repeat; } .pageSkippers #colCentre h1#titreDernVideos { background: transparent url(../../images/titreDernVideos.gif) no-repeat; } #colCentre h2 { font-size: 20px; margin-bottom: 10px; color: #FC6F06; line-height: 22px;} #colCentre h3 { font-size: 18px; line-height: 18px; margin-bottom: 5px; color: #6D9D32} #colCentre h4 { font-size: 14px; margin-bottom: 5px;} .floatRight { float: right; margin: 0 0 15px 15px; } .floatLeft { float: left; margin: 0 15px 15px 0; } /******************** suite */ .suite { clear: both; text-align: right; position: relative; height: 20px; margin: 0 !important;} .suite a { float: right; display: block; padding-left: 14px; color: #C94B06; font-weight: bold; font-size: 10px; text-decoration: none; margin-left: 10px; background: transparent url(../../images/flecheSuiteActu.gif) no-repeat 0 3px;} .suite a:hover { color: #6D9D32; } /********************* éléments de mise en page */ #colCentre p, #colCentre ul { margin-bottom: 10px; } #colCentre ul { list-style: none; } .retour { float: right; font-weight: bold; text-decoration: none; padding-left: 15px; margin-top: 6px; color: #6D9D32; background: transparent url(../../images/flecheRetour.gif) no-repeat 0 4px;} .download { background: transparent url(../../images/flecheDownload.gif) no-repeat 0 4px; } #pageVillages .download { background-position: 0 6px; } .liste { display: block; font-weight: bold; text-decoration: none; border-bottom: 1px #fff solid; padding: 3px 0 3px 15px;} .societe { background: transparent url(../../images/flecheSuite.gif) no-repeat 0 5px; font-size: 14px; margin-top: -1px; } .listePuces {list-style: none;} .listePuces li { background: transparent url(../../images/flecheAriane.gif) no-repeat 0 5px; padding-left: 10px; font-weight: bold;} /****** tableaux */ table { border-collapse: collapse; width: 526px; margin-bottom: 10px;} table td, table th { border: 1px #fff solid; padding: 2px 4px;} table th { background-color: #D0DF3F; } table td a { text-decoration: none; font-weight: bold; } /********************** Pagination */ .pagination { position: relative; width: 526px; text-align: center; margin-top: 15px; padding-top: 3px; border-top: 1px #fff solid; clear: both;} .pagination a {text-decoration: none; color: #451409;} .pagination a:hover {text-decoration: underline;} .pagination a#btnPrecedent { position: absolute; left: 0; top: 3px; background: transparent url(../../images/flecheRetour.gif) no-repeat 0 5px; padding-left: 15px;} .pagination a#btnSuivant { position: absolute; right: 0; top: 3px; background: transparent url(../../images/flecheSuite.gif) no-repeat 76px 5px; padding-right: 15px;} #pageToutesActualites .pagination a#btnSuivant, #pagePhotos .pagination a#btnSuivant { background-position: 74px 4px; } #pageDetailActualites .pagination a#btnSuivant { background-position: 87px 4px; } /****************** Sous navigation */ ul.sousNavigation { height: 25px; } ul.sousNavigation li { float: left; font-weight: bold; padding-right: 10px;} ul.sousNavigation li a { padding-left: 15px; text-decoration: none; background: transparent url(../../images/flecheSuite.gif) no-repeat 0 4px;} ul.sousNavigation li a:hover { color: #451409; } /****************** Page d'accueil */ #blocAlaune {margin-bottom: 20px; } #blocAlaune h1 { width: 526px; height: 65px; background: transparent url(../../images/titreCommunique.gif) no-repeat; margin-bottom: 10px;} #blocAlaune h1 span { display: none; } #blocAlaune img { float: left; margin: 0 10px 0 0; border: 0;} #blocAlaune h5 span, #blocDernieresBreves h6 span { display: none; } #blocAlaune .date { font-weight: bold; color: #FB6803; } #blocAlaune h2, #blocAlaune h2 a { font-size: 18px; color: #E52A08; margin-bottom: 10px; text-decoration: none;} #blocAlaune h2 a:hover { color: #451409; } #blocAlaune a.suite { background: transparent url(../../images/grain.gif) no-repeat 0 0; padding-left: 25px; height: 20px; line-height: 20px; width: 150px; text-align: left; color: #C94B06; text-decoration: none; font-weight: bold; display: block;} /*#blocDernieresBreves h6 { width: 518px; height: 25px; background: transparent url(../../images/titreDernieresBreves.png) no-repeat; margin-bottom: 15px;} .breve { background: transparent url(../../images/filetBreves.gif) no-repeat left bottom; padding: 2px 0 3px 0;} .breve a.lnkBreve { display: block; text-decoration: none; color: #003366; font-weight: bold; padding: 2px 5px 3px 5px; background: transparent url(../../images/flecheBreve.gif) no-repeat 503px 5px; line-height: 14px;} .breve a.lnkBreve:hover { background-color: #B0D4EB; } .breve a.lnkBreve span { color: #D71343; font-size: 10px; font-weight: bold; display: block;} .detailBreve { padding: 2px 5px 3px 5px; display: none; }*/ /**************** Pages présentation */ #blocDepart { background-color: #fff; padding: 10px 10px 0 10px; font-size: 12px; margin-bottom: 10px;} #blocDepart h3 { float: left; width: 100px; } #blocDepart ul { width: 400px; float: left; } #blocDepart strong { display: block; float: left; text-align: right; width: 230px; color: #FB6904; padding-right: 4px;} #zoneCarte { position: relative; } #legendeParcours { background-color: #fff; padding: 5px; font-size: 10px; width: 220px; border: 2px #451409 solid; position: absolute; left: 5px; top: 5px;} #legendeParcours img { float: left; margin: 0 10px 5px 0; } /**************** Pages actualités */ #pageAccueil .actu { width: 255px; float: left; border-bottom: 1px #451409 solid;} #pageAccueil .dd, #pageAccueil .magazine { float: none; width: auto; } #pageAccueil #colCentre h4 { background: transparent url(../../images/titreNewsClasses.gif) no-repeat; width: 526px; height: 55px; } #pageAccueil #colCentre h5 { background: transparent url(../../images/titreEventDurable.gif) no-repeat; width: 526px; height: 57px; clear: both; margin-bottom: 15px; } #pageAccueil #colCentre h5#titreMag { background: transparent url(../../images/titreDernieresNews.gif) no-repeat; width: 526px; height: 64px; clear: both; margin-bottom: 15px; } #pageAccueil #colCentre h4 span, #pageAccueil #colCentre h5 span { display: none; } #pageAccueil #colCentre .marge { margin-right: 16px; } .actu { margin-bottom: 10px;} .actu h2 { font-size: 18px !important; border-bottom: 1px #451409 solid; padding-bottom: 5px;} .actu h2, .actu h2 a { color: #451409 !important; text-decoration: none; } .actu h3 { margin-bottom: 8px !important; line-height: 13px !important; color: #451409 !important; font-size: 11px !important;} .actu h3 a { color: #451409 !important; text-decoration: none; } .actu h3 a:hover { color: #FB6803 !important; } .actu .date { color: #CE4506; font-size: 10px; font-weight: bold; } .actu .suite { height: 15px; } .actu .suite a { display: block;} .actu .touteActu a { display: block; text-align: right; color: #451409; font-size: 10px; font-weight: bold; text-decoration: none;} #pageAccueil .actu h3 { border-bottom: 1px #FB6803 solid; padding-bottom: 5px; } #pageAccueil .magazine h3 { border-bottom: 0; padding-bottom: 0; } .actu img, .pageActualites #colCentre img { float: left; margin: 0 15px 5px 0; border: 0;} .dd h2 { color: #DF050F !important; border-bottom: 1px #DF050F solid; padding-bottom: 5px; display: none;} .dd h3 { color: #B81402 !important; } .dd .date { color: #451409; } .date { margin-bottom: 0 !important; font-weight: bold; color: #6D9D32;} #pageToutesActualites .actu { border-bottom: 1px #FB6803 solid; } #pageToutesActualites .actu h3 { border-bottom: 0; } #pageDetailActualites #colCentre h3 { font-size: 20px; line-height: 22px; margin-bottom: 15px;} #pageDetailActualites #colCentre h2 { margin-bottom: 10px;} #pageDetailActualites .blocAudio, #pageDetailActualites .blocVideo { float: left; margin-bottom: 15px; border-right: 1px #fff solid;} #pageDetailActualites .blocAudio { width: 280px; background: transparent url(../../images/pictoAudios.gif) no-repeat 0 4px; padding-left: 20px;} #pageDetailActualites .blocVideo { width: 80px; background: transparent url(../../images/pictoVideos.gif) no-repeat 10px 3px; padding-left: 35px; padding-top: 2px;} #pageDetailActualites .blocVideo a { font-weight: bold; text-decoration: none; } #pageDetailActualites .blocAudio .lecteurAudio { position: relative; top: 4px; } /**************** Pages pen duick */ #pageSociete #urlPenduick { display: block; width: 250px; height: 15px; padding-top: 63px; text-align: center; background: transparent url(../../images/logoPenduick.gif) no-repeat top center; } #pageSociete #colCentre ul#listePenduick li { background: transparent url(../../images/fleurSuite.gif) no-repeat 0 2px; padding-left: 20px; font-weight: bold;} /*#pageSociete #colCentre { background: transparent url(../../images/bgPenduick.gif) no-repeat right 180px; }*/ #pageSociete #colCentre dl { clear: both; border-bottom: 1px #fff solid;} #pageSociete #colCentre dt, #pageSociete #colCentre dd { background: transparent url(../../images/filetBreves.gif) no-repeat left top; } #pageSociete #colCentre dt { width: 113px; text-align: right; float: left; padding: 2px 5px 2px 0; font-weight: bold;} #pageSociete #colCentre dd { width: 395px; float: right; padding: 2px 0 2px 5px; } /***** organigramme */ #pageOrganigramme #colCentre h3 { font-size: 14px; } #pageOrganigramme #colCentre dt { font-weight: bold; float: left; padding-right: 3px; } #pageOrganigramme #colCentre dd { margin-bottom: 5px; font-weight: bold; } #pageOrganigramme #colCentre dd a { font-weight: normal; } #pageOrganigramme #colCentre .colonne { width: 240px; float: left; margin: 10px 4px 0 4px; } #pageOrganigramme #colCentre .colonne p strong, #pageOrganigramme #colCentre dd {color: #C22A2F; display: block;} #pageOrganigramme #colCentre .colonne h6 { font-size: 14px; } #pageOrganigramme #colCentre .colonne h3 { color: #FC6F06; } #pageOrganigramme #colCentre .colonne h4 { font-size: 12px; margin-bottom: 10px; padding-left: 5px; background-color: #225692; color: #fff;} #pageOrganigramme #colCentre .colonne h2 { background-color: #451409; text-transform: uppercase; font-size: 11px !important; padding: 0 4px; color: #fff;} /**************** Pages multimédia */ .pageMultimedia #triMedias p { margin-bottom: 2px; } .pageMultimedia #triMedias label { width: 200px; line-height: 20px; height: 20px; } .pageMultimedia #triMedias select { width: 200px; margin-right: 5px;} .pageMultimedia #colCentre img, #pageZoom img, #pageDernInfos #colCentre img { border: 0; display: block; background-color: #fff; padding: 3px; border: 1px #97C93D solid;} /*** Photos */ ul.listeMedias { clear: both; padding-top: 10px; background: transparent url(../../images/filetBreves.gif) no-repeat left bottom;} ul.listeMedias li { width: 172px; padding-top: 10px; padding-bottom: 10px; text-align: center; float: left;} ul.listeMedias li a { display: block; font-size: 10px; text-decoration: none; line-height: 12px;} ul.listeMedias li a:hover { color: #003366; } ul.listeMedias li img {margin: 0 auto 5px auto;} /*** Audios */ #pageAudios .blocVacation { padding: 5px 0; width: 526px; border-bottom: 1px #fff solid; margin-bottom: 10px;} #pageAudios .blocVacation .date { float: right; } #pageAudios .blocVacation p strong { display: block; } #pageAudios .blocVacation img { width: 70px; float: left; margin: 0 10px 0 0;} #pageAudios .blocVacation .suite { width: 510px; } #pageAudios .blocVacation .suite a { display: block; width: 43px; background: transparent url(../../images/pictoAudios.gif) no-repeat; padding-left: 18px;} .message { background: transparent url(../../images/pictoMessage.gif) no-repeat 368px 22px; } #pageAudios .lecteurAudio { float: right; } .planningAudios { list-style: none; margin-left: 30px; padding-bottom: 30px;} .planningAudios li { background: transparent url(../../images/flecheSuite.gif) no-repeat 0 5px; padding-left: 15px;} .btnLive { width: 137px; height: 40px; margin: 15px 15px 0 0; float: right; display: block; background: transparent url(../../images/bgLive.gif) no-repeat; } .btnLive span { display: none; } /***** Vidéos */ /*** audios et vidéos */ .vacation { border-bottom: 1px #fff solid; padding-bottom: 10px; margin-bottom: 10px; width: 526px; position: relative;} .vacation img { margin-right: 10px; float: left;} .vacation p { margin: 0; padding-bottom: 5px; width: 390px;} .vacation p strong {display: block;} .vacation p.lnkMultimedia { width: auto; height: 12px; position: absolute; right: 0; bottom: -5px;} .vacation a { font-weight: bold; display: block; text-decoration: none;} a.pictoAudio {background: transparent url(../../images/pictoAudios.gif) no-repeat; padding: 0 0 2px 18px;} a.pictoVideo {background: transparent url(../../images/pictoVideos.gif) no-repeat 0 2px; padding: 0 0 2px 20px;} #pageAudios .vacation a {background: transparent url(../../images/pictoAudios.gif) no-repeat; padding: 0 0 2px 18px;} #pageVideos .vacation a {background: transparent url(../../images/pictoVideos.gif) no-repeat 0 2px; padding: 0 0 2px 20px;} #pageVideos #colCentre h3, #pageAudios #colCentre h3 { color: #FB6803; font-size: 15px; } .vacation a:hover {color: #451409;} .vacation a span {color: #451409; font-weight: normal;} /****** zoom */ #pageZoom { margin: 10px;} #pageZoom #contentZoom { text-align: center; background-color: #fff; padding: 10px;} #pageZoom #contentZoom img { margin: 0 auto 10px auto; } #pageZoom #contentZoom .pagination { width: auto; margin-bottom: 10px } /******************* Partenaires */ .pagePartenaires #colCentre img { float: left; margin: 0 10px 10px 0; background-color: #fff; padding: 3px; border: 0;} /******************* Skippers */ /**** Liste des skippers */ #pageListeSkippers h2 { float: right; } #pageListeSkippers .sousNavigation { width: 200px; float: left; } #pageListeSkippers .sousNavigation li { float: none; } #pageListeSkippers #colCentre h3 { text-transform: uppercase; background-color: #fff; padding: 2px 4px; color : #451409; margin-top: 20px; font-size: 15px;} #pageListeSkippers #colCentre h4 { position: relative; width: 526px;} #pageListeSkippers #colCentre h4 span { padding-left: 12px; position: absolute; right: 0; top: 0; background: transparent url(../../images/flecheSuite.gif) no-repeat 0 5px; } .blocSkipper { width: 249px; height: 110px; float: left; padding-right: 10px; padding-top: 10px; background: transparent url(../../images/filetBreves.gif) no-repeat left bottom; position: relative;} .blocSkipper img { background-color: #fff; border: 1px #669BC8 solid; padding: 3px; float: left; margin: 0 10px 0 0;} .blocSkipper h2 { font-size: 14px !important; margin-bottom: 0 !important;} .blocSkipper h3 { font-size: 12px !important; margin-bottom: 0 !important; color: #569CCD;} .blocSkipper .suite { clear: none; position: absolute; bottom: 0; right: 10px;} .bgColor { background-color: #F0DC98; } .pageSkippers ul#sousNavSkipper { width: 516px; clear: both; height: 74px; padding: 10px 0 0 10px; margin: 0; background: transparent url(../../images/bgSousNavSkipper.gif) no-repeat;} .pageSkippers ul#sousNavSkipper li { float: left; margin-right: 1px;} .pageSkippers ul#sousNavSkipper li a { display: block; height: 31px; background-repeat: none;} .pageSkippers ul#sousNavSkipper li a span { display: none; } .pageSkippers ul#sousNavSkipper li#btnSkippers a { width: 106px; background-image: url(../../images/btnSkippers.gif); } .pageSkippers ul#sousNavSkipper li#btnDernInfos a { width: 126px; background-image: url(../../images/btnDernieresInfos.gif); } .pageSkippers ul#sousNavSkipper li#btnStatistiques a { width: 116px; background-image: url(../../images/btnStatistiques.gif);} .sansNav #allContent { width: 542px; } .sansNav ul#sousNavSkipper li#btnDernInfos { display: none; } .sansNav ul#sousNavSkipper {background: transparent url(../../images/bgSkipperSansNav.gif) no-repeat;} .sansNav #colCentre { padding-bottom: 10px; padding-top: 10px;} .sansNav #mainContent { width: 526px; padding: 0; background-image: none; background-color: transparent;} #pagePalmares ul#sousNavSkipper li#btnSkippers a, #pageBateau ul#sousNavSkipper li#btnBateau a, #pageDernInfos ul#sousNavSkipper li#btnDernInfos a, #pageStatistiques ul#sousNavSkipper li#btnStatistiques a, .pageSkippers ul#sousNavSkipper li a:hover { background-position: 0 -31px; } .pageSkippers #colCentre h3 { font-size: 14px; color: #6C9D31; margin-top: 10px;} .pageSkippers .actu { border-bottom: 1px #C1A986 solid; } .sponsor { float: right; margin: 0 10px 10px 10px; background: transparent url(../../images/ongletSponsor.gif) no-repeat; width: 162px; text-align: right;} .sponsor img { width: 140px; height: 140px; } .blocSpecs { width: 260px; float: left; } .blocSpecs li { height: 16px; line-height: 16px; font-size: 10px; border-bottom: 1px #fff solid;} .blocSpecs li.deuxCol { float: left; width: 130px; } .visuelBateau { float: left; margin-right: 16px; } .ficheSkipper { float: left; width: 253px; padding-right: 10px; } .ficheSkipper img { float: left; margin-right: 10px; margin-bottom: 10px;} .ficheSkipper h4 { font-size: 14px; color: #F24222; } .ficheSkipper .blocSpecs { width: 160px; } .ficheSkipper .blocSpecs li { border-bottom: 0; height: auto; line-height: 12px; } .contactSkipper { background-color: #fff; padding: 5px 10px; margin-bottom: 10px; clear: both;} .contactSkipper h4 { font-size: 12px; color: #F24222;} .ficheSkipper h5 { width: 98px; height: 26px; text-align: center; color: #fff; font-size: 11px; line-height: 26px; background: transparent url(../../images/ongletPalmares.gif) no-repeat;} .ficheSkipper .palmares { background-color: #451409; padding: 10px; color: #fff;} #blocClass { width: 220px; height: 40px; text-align: center; font-size: 10px; font-weight: bold; float: right; margin-left: 20px; background: transparent url(../../images/bgBlocClass.gif) no-repeat; line-height: 12px; padding-top: 7px; } #blocClass span { color: #F24222; } /******************* page contact */ .pageContact #searchMail input { margin-right: 10px; } .pageContact label { width: 150px; } .pageContact input, .pageContact select, .pageContact textarea { width: 180px; } .pageContact .margeForm { margin-left: 155px; } .pageContact .bloc .margeForm { margin-left: 145px; } .pageContact .listeRadios li {float: left; margin-right: 10px; } .pageContact .bloc { margin: 0 15px 10px 0; margin-left: 30px;} .pageContact .bloc h2 { font-size: 12px !important; line-height: 12px;} .pageContact .bloc ul { margin-bottom: 0 !important; } /************** Classements */ #pageClassement ul.sousNavigation {width: 526px; margin-bottom: 10px;} #pageClassement ul.sousNavigation li {width: 100px; float: left;} #lnkClassements { margin-bottom: 10px; width: 254px;} #lnkClassements ul li {background: transparent url(../../images/filetBreves.gif) no-repeat left bottom;} #lnkClassements ul li a { display: block; text-decoration: none; font-weight: bold; font-size: 10px;} #lnkClassements ul li.excel a { background: transparent url(../../images/pictoExcel.png) no-repeat; padding-left: 20px; height: 22px; line-height: 20px;} #lnkClassements ul li.histo a { background: transparent url(../../images/pictoClock.png) no-repeat 0 2px; padding-left: 20px; height: 22px; line-height: 22px;} #lnkClassements ul.maxSea { background: transparent url(../../images/pictoMaxSea.gif) no-repeat; padding-top: 25px;} #lnkClassements ul.maxSea li { background: transparent url(../../images/flecheSuite.gif) no-repeat 0 4px; padding-left: 12px; } #pageClassement #colCentre h4 { text-transform: uppercase; background-color: #6D9D32; padding: 2px 4px; color: #fff; margin-top: 20px; clear: both; margin-bottom: 10px;} .hautPage { text-align: right; background: transparent url(../../images/flecheHaut.gif) no-repeat 516px 4px; padding-right: 12px; width: 514px;} #pageClassement .cellA { width: 35px; text-align: center; } #pageClassement .cellB { width: 195px } #pageClassement .cellB span { display: block; color: #451409;} #pageClassement .cellC { width: 60px; text-align: center;} #pageClassement h5 { font-size: 14px; text-transform: uppercase; } /*********** positionnement */ #positionnement { margin-bottom: 20px; } .position { background-color: #E8D79C;} .position span { display: block; background: transparent url(../../images/bgPosition.gif) no-repeat; float: left; margin-right: 5px; width: 16px; height: 16px; text-align: center; padding-right: 5px; } .select { font-weight: bold; background-color: #D9C88C;} .select span { background: transparent url(../../images/bgPositionSelect.gif) no-repeat; color: #fff;} .distance { height: 34px; line-height: 34px; color: #F26522; padding-left: 16px;} .moins { background: transparent url(../../images/distanceVerte.gif) no-repeat 5px 0; } .plus { background: transparent url(../../images/distanceRouge.gif) no-repeat 5px 0; } /*************************************************************************************************************/ /* Développement durable */ /*************************************************************************************************************/ .pageDD #colCentre ul.listeDD { margin: 15px 30px 15px 30px;} .pageDD #colCentre ul.listeDD li { background: transparent url(../../images/flecheAriane.gif) no-repeat 0 5px; padding-left: 12px;} .pageDD #colCentre ul.listeDD li strong { display: block; font-size: 13px; color: #6D9D32;} .pageDD #colCentre #logosCoop { margin-left: 0; } .pageDD #colCentre #logosCoop li { background-image: none; padding-left: 0; float: left; width: 150px; text-align: center;} .pageDD #colCentre h4 { color: #6D9D32; } .pageDD #colCentre h5 { color: #FB6803; font-size: 13px; } .pageDD #colCentre h4 a { text-decoration: none; color: #451409;} .pageDD #colCentre h3 { color: #451409; padding-top: 15px; clear: both;} #pageActions #colCentre ul.listeActions { margin-left: 0; } #pageActions #colCentre ul.listeActions li { background: transparent url(../../images/flecheAriane.gif) no-repeat 0 4px; padding-left: 12px; margin-left: 10px;} #pageActions #colCentre ul.listeActions li a { text-decoration: none; color: #451409;} #pageActions #colCentre ul.listeActions li a:hover { text-decoration: underline; } #pageActions #colCentre .hautPage { display: block; text-align: right; text-decoration: none; font-weight: bold; border-bottom: 1px #6D9D32 solid; margin-bottom: 10px;} #pageActions #allContent { margin-bottom: 500px; } #pageActions #action1 { border-top: 1px #6D9D32 solid; margin-top: 20px; } #pageRainforest .floatRight { margin-right: 15px; } /*************************************************************************************************************/ /* transat des enfants */ /*************************************************************************************************************/ #pageEnfants #colCentre h3 { background: transparent url(../../images/grain.gif) no-repeat; padding-left: 23px; } #pageEnfants #colCentre a { color: #D71343 } #pageEnfants #colCentre a:hover { color: #6D9D32 } #pageEnfants #colCentre #kit { background: #fff url(../../images/couvKit.gif) no-repeat 15px 10px; padding: 10px 10px 10px 120px; margin: 5px 0 15px 0; } #pageEnfants #colCentre #kit a { font-weight: bold; text-decoration: none; padding-left: 12px; font-size: 12px; background: transparent url(../../images/flecheAriane.gif) no-repeat 0 5px;} #pageEnfants #colCentre .floatRight { margin-right: 15px; } #pageEnfants #colCentre h4 { color: #6D9D32; } #pageEnfants #colCentre .margeHaute { margin-top: 50px; } /*************************************************************************************************************/ /* Vainqueur */ /*************************************************************************************************************/ #vainqueur { background-color: #fff; padding: 0 20px 0 20px; z-index: 5000;} #vainqueur h1 { color: #4C0C0D; line-height: 20px; font-size: 20px; margin: 10px 0 10px 0 !important;} #vainqueur p { margin-bottom: 10px; } /*************************************************************************************************************/ /* Page erreur */ /*************************************************************************************************************/ #pageErreur #allContent { width: 960px; padding-top: 280px; background: #F8EABD url(../../images/bgErreur.jpg) no-repeat;} #pageErreur #mainContent { width: 760px; padding: 50px 100px; background-color: transparent; background-image: none;} #pageErreur #allContent h2 { color: #C1272D; font-size: 20px; } #pageErreur #footer { position: relative; top: 4px; }