* {margin: 0; padding: 0;} .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body {background: #fff url(../../images/bgBody.jpg) repeat-x;} body, input, select, textarea { font-family: "Arial", Verdana, sans-serif; font-size: 11px; color: #004091;} a {color: #eb6e0e;} .mentions {font-size: 10px;} /*************************************************************************************************************/ /* Formulaires */ /*************************************************************************************************************/ #colCentre fieldset { border: 1px #5ebfee dotted; margin-bottom: 10px; padding: 10px;} #colCentre legend {padding: 0 10px; font-weight: bold; font-size: 14px; color: #29abdf;} #colCentre .lineForm { margin-bottom: 10px; } #colCentre label {display: block; text-align: right; padding-right: 4px; float: left;} .btnForm { border: 0; background-color: #156cab; color: #fff; font-size: 12px; text-align: center; padding: 2px 10px; font-weight: bold;} .btnOK { width: 32px; height: 18px; color: #fff; padding-bottom: 2px; background: transparent url(../../images/btnOk.gif) no-repeat; font-size: 11px; text-align: center; font-weight: bold; border: 0;} .noSize { width: auto !important; border: 0 !important; } .erreur { border: 1px #D71343 solid; color: #D71343; background-color: #fff; padding: 0 4px; text-align: center; font-weight: bold;} /*************************************************************************************************************/ /* Structure générale et entete */ /*************************************************************************************************************/ #allContent { width: 980px; margin: 0 auto; position: relative;} #enTete { width: 980px; height: 165px; position: relative;} #enTete #logo {border: 0; padding-top: 20px; background-color: #fff;} #enTete #zoneFlash {width: 790px; height: 140px;} #enTete #logo, #enTete #zoneFlash {float: left;} #enTete #versions {position: absolute; left: 5px; top: 5px;} #enTete #versions #btnFR, #enTete #versions #btnUK {display: block; width: 16px; height: 14px; text-indent: -5000px; overflow: hidden; float: left;} #enTete #versions #btnFR {background: transparent url(../../images/btnFR.gif) no-repeat; margin-right: 5px;} #enTete #versions #btnUK {background: transparent url(../../images/btnUK.gif) no-repeat;} #decompte { width: 215px; height: 17px; position: absolute; right: 0; top: 0; background: transparent url(../../images/bgDecompte.png) no-repeat; text-align: center; font-size: 11px; color: #f4d7c1;} #decompte strong {color: #fff;} #dateDepart {display: none;} #navigation { list-style: none; width: 790px; height: 25px; position: absolute; right: 0; bottom: 0; z-index: 5;} #navigation li { float: left; position: relative;} #navigation li a { display: block; height: 25px; text-indent: -5000px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;} #navigation li a:hover, #pageAccueil #navigation li#btnA a, .pageCourse #navigation li#btnB a, .pageActualites #navigation li#btnC a, .pageMultimedia #navigation li#btnD a, .pageSkippers #navigation li#btnE a, #pageVillages #navigation li#btnF a, #pageRP #navigation li#btnG a, .pagePartenaires #navigation li#btnH a, .pagePartenaires #navigation li#btnI a, .pagePenduick #navigation li#btnH a { background-position: 0 -25px; } #navigation li a span { display: none; } #navigation li#btnA a { background-image: url(../../images/btnA.gif); width: 66px; } /* accueil */ #navigation li#btnB a { background-image: url(../../images/btnB.gif); width: 76px; } /* la course */ #navigation li#btnC a { background-image: url(../../images/btnC.gif); width: 83px; } /* actualités */ #navigation li#btnD a { background-image: url(../../images/btnD.gif); width: 84px; } /* multimedia */ #navigation li#btnE a { background-image: url(../../images/btnE.gif); width: 82px; } /* marins */ #navigation li#btnF a { background-image: url(../../images/btnF.gif); width: 68px; } /* villages */ #navigation li#btnG a { background-image: url(../../images/btnG.gif); width: 29px; } /* rp */ #navigation li#btnH a { background-image: url(../../images/btnH.gif); width: 131px; } /* banque postale */ #navigation li#btnI a { background-image: url(../../images/btnI.gif); width: 92px; } /* partenaires */ #navigation li#btnJ a { background-image: url(../../images/btnJ.gif); width: 79px; } /* penduick */ /*********** sous nav */ #navigation li ul { list-style: none; border: 1px #8acfee solid; background-color: #fff; width: 180px; padding: 10px; position: absolute; left: 0; top: 24px;} #navigation li ul li { border-top: 1px #5ebfee dotted; float: none;} #navigation li ul li a { text-decoration: none; text-indent: 0; background-image: none !important; color: #004091; width: 180px !important; font-size: 11px; height: auto; padding: 4px 0;} #navigation li ul li a:hover { font-weight: bold; } #navigation li ul#sousNavJ {width: 150px; left: -93px;} #navigation li#btnI #sousNavI { width: 180px; background-color: #fff; padding: 6px; z-index: 7000; position: absolute; left: -23px; top: 24px; border: 1px #8acfee solid;} #navigation li#btnI #sousNavI a { width: 50px; height: 50px; padding: 4px; display: block; text-indent: 0; text-align: center; background-image: none; float: left;} #navigation li#btnI #sousNavI img {border: 0; width: 50px; height: 50px;} #mainContent {width: 980px;} #colGauche, #colCentre, #colDroite { float: left; } #colGauche { width: 180px; padding-left: 10px; padding-top: 20px; background-color: #fff;} #colCentre { width: 570px; padding: 20px 0 0 10px;} #colDroite { width: 200px; padding: 10px 0 0 10px;} #footer { clear: both; text-align: center; height: 18px; line-height: 18px; background: transparent url(../../images/bgFooter.jpg) repeat-y; margin: 20px 0;} #footer a { color: #004091;} /*************************************************************************************************************/ /* Modules des colonnes gauche et droite */ /*************************************************************************************************************/ #logoPenduick {border: 0; margin: 0 0 25px 8px; } #logoBP {margin: 0 0 25px 25px; border: 0;} #blocPartenaires { width: 170px; height: 127px; background: transparent url(../../images/bgBlocPartenaires.gif) no-repeat; text-align: center; padding-top: 6px; margin-bottom: 5px;} #blocPartenaires img { width: 120px; border: 0; } /******************** Bloc sondage */ #blocSondage { width: 170px; padding-top: 30px; border: 0; margin-bottom: 10px; background: transparent url(../../images/titreBlocSondage.gif) no-repeat;} #blocSondage legend {display: none;} #blocSondage .zoneContent { border-left: 1px #c0e0f5 solid; border-right: 1px #c0e0f5 solid; border-bottom: 1px #c0e0f5 solid; background: #deeffa url(../../images/bgBloc.gif) repeat-x; padding: 0 7px;} #blocSondage .questSond { font-size: 12px; color: #eb6e0e; font-weight: bold; margin-bottom: 5px;} #blocSondage ul {list-style: none;} #blocSondage ul li input {float: left; margin: 0 5px 5px 0;} #blocSondage ul li label {display: block; float: left; width: 130px; padding-bottom: 5px;} #blocSondage #btnVoter { width: 54px; height: 22px; text-transform: uppercase; color: #fff; background: transparent url(../../images/btnVoter.gif) no-repeat; padding-bottom: 6px; font-size: 11px; text-align: center; font-weight: bold; border: 0; float: right;} #blocSondage .pds-vote {padding: 5px 0 !important;} #blocSondage .pds-vote-button, #blocSondage .pds-links {float: left;} #blocSondage .pds-links {padding: 0 !important;} #blocSondage .pds-vote-button {margin: 0 10px 0 0 !important;} #blocSondage .pds-view-results {margin-top: 2px;} /********************** Transat virtuelle */ #btnTransatVirtuelle { display: block; width: 170px; height: 103px; background: transparent url(../../images/btnTransatVirtuelle.gif) no-repeat; margin-bottom: 5px; text-indent: -5000px; overflow: hidden;} #blocNewsletter { background: transparent url(../../images/titreBlocNewsletter.gif) no-repeat; width: 170px; padding-top: 25px; border: 0; margin-bottom: 10px;} #blocNewsletter legend {display: none;} #blocNewsletter .zoneContent { border-left: 1px #c0e0f5 solid; border-right: 1px #c0e0f5 solid; border-bottom: 1px #c0e0f5 solid; background: #deeffa url(../../images/bgBlocNews.gif) repeat-x; padding: 0 7px;} #blocNewsletter input#votreEmail {width: 115px; border: 1px #c0e0f5 solid; margin-right: 2px;} #blocNewsletter a {font-size: 10px; color: #5ebfee; display: block; clear: both; text-decoration: none; padding: 5px 0 5px 0;} #services {list-style: none; width: 150px; padding: 10px; background: transparent url(../../images/bgServices.jpg) repeat-x; margin-bottom: 15px;} #services li {padding: 5px 0; border-top: 1px #5ebfee dotted;} #services li.borderBottom {border-bottom: 1px #5ebfee dotted;} #services li a {width: 150px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;} #services #btnBoutique {background: transparent url(../../images/btnBoutique.gif) no-repeat;} #services #btnAccesPresse {background: transparent url(../../images/btnAccesPresse.gif) no-repeat;} #services #btnContacts {background: transparent url(../../images/btnContacts.gif) no-repeat;} #services #btnRss {background: transparent url(../../images/btnRss.gif) no-repeat;} #blocSuivezNous { width: 200px; height: 50px; padding-top: 20px; background: transparent url(../../images/bgSuivezNous.gif) no-repeat;} #blocSuivezNous p {display: none;} #blocSuivezNous a {display: block; width: 48px; height: 50px; float: left; margin-right: 25px; text-indent: -5000px; overflow: hidden;} #blocSuivezNous a#btnTwitter {background: transparent url(../../images/btnTwitter.gif) no-repeat;} #blocSuivezNous a#btnFacebook {background: transparent url(../../images/btnFacebook.gif) no-repeat;} #blocPartage { width: 308px; height: 40px; padding-left: 262px; clear: both; background: transparent url(../../images/bgBlocPartage.gif) no-repeat;} #blocPartage p {display: none;} #blocPartage ul {list-style: none; float: right; margin-top: 7px;} #blocPartage ul li {float: left; padding-right: 5px;} #blocPartage ul li a { display: block; width: 18px; height: 18px; text-indent: -5000px; overflow: hidden;} #blocPartage ul li a#facebook {background: transparent url(../../images/facebook.gif) no-repeat;} #blocPartage ul li a#twitter {background: transparent url(../../images/twitter.gif) no-repeat;} #blocPartage ul li a#favori {background: transparent url(../../images/favori.gif) no-repeat; margin-left: 238px;} /***** Colonne droite */ #blocAgenda {width: 200px; margin-bottom: 15px;} #blocAgenda h3 { width: 200px; height: 42px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/titreBlocAgenda.gif) no-repeat;} #blocAgenda .zoneContent { width: 180px; border-left: 1px #c0e0f5 solid; border-right: 1px #c0e0f5 solid; border-bottom: 1px #c0e0f5 solid; background: #deeffa url(../../images/bgBlocAgenda.gif) repeat-x; padding: 0 9px 6px 9px;} #blocAgenda ul {list-style: none; width: 180px;} #blocAgenda ul li {font-size: 10px; margin-bottom: 5px; line-height: 11px;} #blocAgenda .date { color: #eb6e0e; font-weight: bold; height: 16px; padding-left: 18px; background: transparent url(../../images/pictoDate.png) no-repeat; line-height: 16px;} #blocAgenda #jourPrecedent, #blocAgenda #toutAgenda, #blocAgenda #jourSuivant { display: block; float: left; height: 18px; text-decoration: none; font-weight: bold; text-align: center; line-height: 18px;} #blocAgenda #jourPrecedent, #blocAgenda #jourSuivant { width: 40px; font-size: 14px; color: #5ac4f0; background: transparent url(../../images/btnJour.gif) no-repeat;} #blocAgenda #toutAgenda {/*width: 100px;*/width: 100%; color: #004091;} #blocVacationsLive { display: block; width: 170px; height: 190px; margin-bottom: 15px; background: transparent url(../../images/blocVacationsLive.gif) no-repeat;} #blocVacationsLive span {display: none;} #blocCartographie { display: block; width: 190px; height: 32px; background: transparent url(../../images/bgCartographie.png) no-repeat; padding: 30px 0 0 10px; text-decoration: none; margin-bottom: 10px; color: #004091; line-height: 12px;} #blocMeteo { display: block; width: 190px; height: 17px; background: transparent url(../../images/blocMeteo.png) no-repeat; padding: 30px 0 0 10px; text-decoration: none; margin-bottom: 10px; color: #fff; font-weight: bold; line-height: 12px;} #blocMediatheque { width: 170px; margin-bottom: 15px; background: #000 url(../../images/bgMediatheque.jpg) repeat-x;} #blocMediatheque h3 {display: none;} #blocMediatheque ul { list-style: none; width: 170px; height: 30px;} #blocMediatheque ul li {float: left;} #blocMediatheque ul li a {display: block; height: 30px;} #blocMediatheque ul li a span { display: none; } #blocMediatheque ul li#lnkVideos a { background: transparent url(../../images/ongletVideo.gif) no-repeat; width: 56px;} #blocMediatheque ul li#lnkPhotos a { background: transparent url(../../images/ongletPhoto.gif) no-repeat; width: 57px;} #blocMediatheque ul li#lnkAudios a { background: transparent url(../../images/ongletAudio.gif) no-repeat; width: 57px;} #blocMediatheque ul li a.selected {background-position: 0 -30px !important;} #tousMedias {width: 170px; height: 18px !important; list-style: none; background-color: #aa3041;} #tousMedias li {float: left; width: 56px !important;} #tousMedias li a { width: 56px !important; height: 18px !important; color: #fff; line-height: 18px; font-size: 10px; text-decoration: none; text-align: center;} .apercuMediatheque { width: 170px; text-align: center; font-size: 10px; line-height: 10px; padding-top: 8px;} .apercuMediatheque img { margin: 0 auto 5px auto; border: 0;} .apercuMediatheque p {color: #fff; text-align: center;} .apercuMediatheque .lnkVacation { text-align: left; padding: 0 0 5px 0; width: 150px; border-bottom: 1px #afb0b2 solid; margin-bottom: 5px;} .apercuMediatheque .lnkVacation a { display: block; color: #e85875; text-decoration: none; margin-bottom: 5px;} #blocMediatheque .apercuMediatheque .lnkVacation span { display: block; color: #fff;} #blocMediatheque #calque1 { width: 154px; padding: 8px 5px;} #blocMediatheque #calque2 p { padding: 10px; } #blocMediatheque #calque3 {padding: 5px 10px; width: 150px;} #blocMediatheque .apercuMediatheque .toutesVideos { display: block; text-align: right; padding: 0 5px 0 0 !important; font-weight: bold; text-decoration: none; margin-top: 10px; background: transparent url(../../images/flecheSuite.gif) no-repeat 35px 1px;} #blocClassement, #blocPalmares, #blocPrologue {width: 200px; margin-bottom: 10px;} .titreClass { display: block; width: 200px; height: 30px; text-indent: -5000px; overflow: hidden;} #blocClassement .titreClass {background: transparent url(../../images/titreBlocClassement.png) no-repeat;} #blocPalmares .titreClass {background: transparent url(../../images/titreBlocPalmares.png) no-repeat;} #blocPrologue .titreClass {background: transparent url(../../images/titreBlocPrologue.png) no-repeat;} #blocClassement .zoneContent, #blocPalmares .zoneContent, #blocPrologue .zoneContent { border-left: 1px #c0e0f5 solid; border-right: 1px #c0e0f5 solid; border-bottom: 1px #c0e0f5 solid; background: #deeffa url(../../images/bgClassement.gif) repeat-x; padding: 0 7px 5px 7px;} #blocClassement h4, #blocPalmares h4, #blocPrologue h4 {color: #eb6e0e; font-size: 12px;} #blocClassement ul, #blocPalmares ul, #blocPrologue ul {list-style: none; margin-bottom: 5px;} #blocClassement ul li, #blocPalmares ul li, #blocPrologue ul li {border-bottom: 1px #5ebfee dotted; padding: 2px 0;} #blocClassement ul li a, #blocPalmares ul li a, #blocPrologue ul li a {color: #004091; text-decoration: none; font-size: 10px;} #blocClassement ul li a strong, #blocPalmares ul li a strong, #blocPrologue ul li a strong { display: block; float: left; width: 50px; font-size: 11px; text-align: right; padding-right: 10px;} .btnSuiteMini { font-family: "Tahoma", Arial, sans-serif; display: block; text-align: right; font-size: 10px; color: #004091; text-decoration: none; font-weight: bold;} /*************************************************************************************************************/ /* Zone centrale */ /*************************************************************************************************************/ #animVacations {margin-bottom: 15px;} #zoneTicker { width: 570px; height: 25px; margin-bottom: 10px; background: transparent url(../../images/bgTicker.jpg) no-repeat;} #ticker { padding-top: 3px; color: #fff; font-weight: bold; width: 570px; height: 23px;} #ticker * { margin: 0; border: 0;} #ariane {list-style: none; width: 570px; height: 15px; line-height: 20px;} #ariane li {float: left; padding-right: 10px; padding-left: 16px; font-size: 10px;} #ariane li a {color: #004091;} #ariane li {background: transparent url(../../images/flecheAriane.gif) no-repeat 0 7px;} #ariane li a:hover {color: #eb6e0e;} /********************************** titres de pages */ #colCentre h1 {width: 570px; height: 40px; margin-bottom: 15px; text-indent: -5000px; overflow: hidden;} #pageAccueil h1 {width: auto; height: auto; text-indent: 0; margin-bottom: 10px !important;} /***** la course */ #pageHistorique #colCentre h1 {background: transparent url(../../images/titreHistorique.gif) no-repeat;} #pagePresentation #colCentre h1 {background: transparent url(../../images/titrePresentation.gif) no-repeat;} #pageParcours #colCentre h1 {background: transparent url(../../images/titreParcours.gif) no-repeat;} /***** multimédia */ #pagePhotos #colCentre h1 {background: transparent url(../../images/titrePhotos.gif) no-repeat;} #pageVideos #colCentre h1 {background: transparent url(../../images/titreVideos.gif) no-repeat;} #pageAudios #colCentre h1 {background: transparent url(../../images/titreAudios.gif) no-repeat;} /***** pen duick */ #pageOrganisateur #colCentre h1 {height: 57px; background: transparent url(../../images/titreOrganisateur.gif) no-repeat;} #pageOrganisation #colCentre h1 {background: transparent url(../../images/titreOrganisation.gif) no-repeat;} .pageSkippers #colCentre h1 {background: transparent url(../../images/titreSkippers.gif) no-repeat;} .pageAgenda #colCentre h1 {background: transparent url(../../images/titreAgenda.gif) no-repeat;} .pageContact #colCentre h1 {background: transparent url(../../images/titreContacts.gif) no-repeat;} #pageNewsletter #colCentre h1 {background: transparent url(../../images/titreNewsletter.gif) no-repeat;} #pageAudios #colCentre h1 {background: transparent url(../../images/titreAudios.gif) no-repeat;} .pageMultimedia #colCentre h1 {background: transparent url(../../images/titreMultimedia.gif) no-repeat;} #pagePhotos #colCentre h1 {background: transparent url(../../images/titrePhotos.gif) no-repeat;} #pageVideos #colCentre h1 {background: transparent url(../../images/titreVideos.gif) no-repeat;} .pageFluxRSS #colCentre h1 {background: transparent url(../../images/titreRss.gif) no-repeat;} .pageMentionsLegales #colCentre h1 {background: transparent url(../../images/titreMentions.gif) no-repeat;} #pageFigaro #colCentre h1 {background: transparent url(../../images/titreFigaro.gif) no-repeat;} #pageClassement #colCentre h1 {background: transparent url(../../images/titreClassement.gif) no-repeat;} .pageClassFinal #colCentre h1 {background: transparent url(../../images/titreClassementFinal.gif) no-repeat !important;} .pageClassPrologue #colCentre h1 {background: transparent url(../../images/titreClassementPrologue.gif) no-repeat !important;} #pageAllClassements #colCentre h1 {background: transparent url(../../images/titreHistoClassements.gif) no-repeat;} #pageVillages #colCentre h1 {background: transparent url(../../images/titreVillages.gif) no-repeat;} #pageRP #colCentre h1 {background: transparent url(../../images/titreRP.gif) no-repeat;} .pagePartenaires #colCentre h1, .pageActualites #colCentre h1 { width: 562px; height: 25px; text-transform: uppercase; text-indent: 0; font-weight: normal; padding: 15px 0 0 8px; font-size: 18px;} .pageActualites #colCentre h1 {background: transparent url(../../images/titreActualites.gif) no-repeat;} .pagePartenaires #colCentre h1 {background: transparent url(../../images/titrePartenaires.gif) no-repeat;} /********************* éléments de mise en page */ #colCentre h4 {font-size: 14px; color: #29abdf; margin-bottom: 5px;} #colCentre h5 {font-size: 12px; color: #eb6e0e; margin-bottom: 5px;} #colCentre p, #colCentre ul { margin-bottom: 10px; } .zoneTexte {padding-bottom: 10px;} .zoneTexte ul {list-style: square; margin-left: 30px;} #colCentre ul.liste {list-style: none; margin-left: 20px; padding-right: 20px;} #colCentre ul.liste li {background: transparent url(../../images/flecheAriane.gif) no-repeat 0 4px; padding-left: 18px;} ul.listePdf {list-style: none;} ul.listePdf li {background: transparent url(../../images/pdf.gif) no-repeat; padding-left: 20px; padding-bottom: 10px;} .retour { float: right; text-decoration: none; padding-left: 16px; color: #004091; font-size: 10px; margin-top: 4px; background: transparent url(../../images/flecheRetour.gif) no-repeat 0 4px;} .download { background: transparent url(../../images/flecheDownload.gif) no-repeat 0 4px; } /****** tableaux */ table { border-collapse: collapse; width: 100%; margin-bottom: 10px; border-bottom: 1px #5ebfee dotted;} table td, table th { border-top: 1px #5ebfee dotted; padding: 2px 4px;} table th { background-color: #e2f2fb; text-align: left;} table td a { text-decoration: none; font-weight: bold; } table td a:hover { color: #000; } /********************** Pagination */ .pagination { position: relative; width: 570px; font-weight: bold; text-align: center; clear: both;} .pagination a {text-decoration: none; color: #004091; font-weight: normal;} .pagination a:hover {text-decoration: underline;} .pagination a#btnPrecedent { position: absolute; left: 0; top: 0; background: transparent url(../../images/flecheRetour.gif) no-repeat 0 4px; padding-left: 18px;} .pagination a#btnSuivant { position: absolute; right: 0; top: 0; background: transparent url(../../images/flecheAriane.gif) no-repeat 90px 4px; padding-right: 18px;} #pageToutesActualites .pagination a#btnSuivant, #pagePhotos .pagination a#btnSuivant, #pageAudios .pagination a#btnSuivant { background-position: 70px 4px; } #pagePhotos .pagination {margin-top: 20px;} /****************** Sous navigation */ ul.sousNavigation { height: 25px; list-style: none;} ul.sousNavigation li { float: left; border-left: 1px #2eade0 dotted; font-weight: bold; padding: 0 10px;} ul.sousNavigation li a { color: #2eade0; font-size: 14px; text-decoration: none;} ul.sousNavigation li.borderRight {border-right: 1px #2eade0 dotted;} ul.sousNavigation li a:hover {color: #eb6e0e;} /****************** Date */ .date { color: #eb6e0e; font-family: "Tahoma", Arial, sans-serif; font-size: 10px; font-weight: bold; display: block; margin-bottom: 3px;} /************************** A la une */ #blocCommunique { margin-bottom: 10px; border-bottom: 1px #8bcbec solid; width: 570px; background: transparent url(../../images/bgCommunique.gif) repeat-y;} #blocCommunique h1 a { color: #004091; font-size: 14px; display: block; text-decoration: none;} #blocCommunique .lnkTexteCom {display: block; font-size: 12px; color: #004091; text-decoration: none; padding-bottom: 10px;} #blocCommunique img {float: right; border: 0; margin: 0 10px;} .zoneCommunique { padding-left: 40px; background: transparent url(../../images/titreBlocCommunique.jpg) no-repeat;} /************************** En bref... */ #blocBreves {width: 200px; margin-bottom: 10px;} #blocBreves h2 { background: transparent url(../../images/titreEnBref.png) no-repeat; width: 200px; height: 10px; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} .breve {border-bottom: 1px #5ebfee dotted; padding-bottom: 5px; margin-bottom: 5px;} .breve a.lnkBreve { display: block; text-decoration: none; font-weight: bold; line-height: 14px; color: #004091; } .breve .detailBreve {display: block; color: #004091; text-decoration: none; padding-top: 5px;} .breve .detailBreve img {float: left; margin-right: 10px; border: 0 } /************************** Actualités des classes */ #blocActuClasses { padding-left: 30px; width: 540px; background: transparent url(../../images/bgActusClasses.gif) no-repeat;} .actuClasse { width: 260px; float: left; margin-left: 10px; margin-bottom: 10px; border-top: 1px #5ebfee dotted; padding-top: 5px;} #colCentre .actuClasse .type a { color: #32a3dc; text-transform: uppercase; margin-bottom: 8px; font-family: "Tahoma", Arial, sans-serif; font-size: 10px; text-decoration: none;} #colCentre .actuClasse h2 {margin-bottom: 8px;} #colCentre .actuClasse h2 a {font-size: 12px; color: #004091; text-decoration: none;} .actuClasse .date {margin-bottom: 3px !important;} .actuClasse .lnkTexteClasse {color: #004091; text-decoration: none;} .actuClasse .lnkTexteClasse img {border: 0; float: left; margin-right: 10px;} .actuClasse .btnSuiteMini {text-align: left; padding-top: 5px;} /**************** Pages actualités */ .actu { border-bottom: 1px #5ebfee dotted; margin-bottom: 10px;} .actu h2 {margin-bottom: 10px;} .actu h2 a, .actu h2 {font-size: 14px; line-height: 15px; text-decoration: none; color: #004091;} .actu img {float: right; margin: 0 0 5px 10px; border: 0;} .actu .btnSuiteMini {padding-bottom: 5px; text-align: left; } #pageDetailActualites #colCentre h2 { font-size: 20px; line-height: 22px; margin-bottom: 15px;} #pageDetailActualites #colCentre img {float: right; margin: 0 0 20px 20px;} #pageDetailActualites #colCentre .zoneTexte {font-size: 12px;} /**************** Pages présentation */ #pagePresentation #colCentre h2 {color: #29abdf; font-size: 18px; font-weight: normal; margin-bottom: 5px;} #pagePresentation #colCentre h3 {font-size: 12px; margin-bottom: 5px; text-transform: uppercase; color: #29abdf;} #pagePresentation #colCentre dl {border-top: 1px #29abdf dotted;} #pagePresentation #colCentre dl dt {font-weight: bold; width: 160px;} #pagePresentation #colCentre dl dd {width: 410px;} #pagePresentation #colCentre dl dt, #pagePresentation #colCentre dl dd {float: left; height: 20px; line-height: 20px; border-bottom: 1px #29abdf dotted;} .margeBasse {margin-bottom: 20px;} .margeBasseBis {margin-bottom: 10px;} .margeHaute {margin-top: 20px;} #pagePresentation #colCentre dl.listeDouble {width: 285px; float: left;} #pagePresentation #colCentre dl.listeDouble dt {width: 120px;} #pagePresentation #colCentre dl.listeDouble dd {width: 165px;} /**************** Pages historique */ #pageHistorique #colCentre h2 {font-size: 20px; margin-bottom: 10px; font-weight: normal;} #pageHistorique #colCentre h3 {font-size: 16px; margin-bottom: 10px; color: #2eade0;} #pageHistorique #colCentre .classe { font-weight: bold; text-transform: uppercase; background-color: #2eade0; color: #fff;} /**************** Pages agenda */ .pageAgenda #colCentre dl dt, .pageAgenda #colCentre dl dd {float: left; margin-bottom: 10px; padding-top: 10px; border-top: 1px #5ac4f0 dotted;} .pageAgenda #colCentre dl dt {width: 200px; font-weight: bold; color: #eb6e0e;} .pageAgenda #colCentre dl dd {width: 370px;} .pageAgenda #colCentre dl .noBorder {border: 0;} /**************** Pages village / RP */ #pageVillages #colCentre h2 {color: #29abdf; font-size: 18px; font-weight: normal; margin-bottom: 5px;} #pageVillages #colCentre h3 {font-size: 12px; margin-bottom: 5px; text-transform: uppercase; color: #29abdf;} #pageVillages #colCentre img {float: right; margin-left: 15px;} #pageRP #colCentre h3 {font-size: 12px; margin-bottom: 5px; text-transform: uppercase; color: #29abdf;} /******************* Page Animations */ #pageAnimations #colCentre h2 { color: #D71343 } #pageAnimations #colCentre h4 { color: #409FFE; font-size: 14px; margin-bottom: 5px; } #pageAnimations #colCentre th { background-color: #ECF6FF; } #pageAnimations #colCentre .alignRight { text-align: right; width: 120px; } #pageAnimations #colCentre .horaires { width: 90px; } #pageAnimations #colCentre .lieu { width: 65px; } /**************** Pages pen duick */ .pagePenduick #colCentre h2 {font-size: 20px; margin-bottom: 10px; font-weight: normal; color: #2eade0;} .pagePenduick #colCentre h3 {font-size: 16px; margin-bottom: 10px; } #urlPenduick { display: block; border: 1px #5ebfee dotted; padding: 10px; background: #fff url(../../images/miniPenduick.gif) no-repeat 445px 6px; } #urlPenduick a { color: #5ebfee; } /**************** 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;} .blocVacation {border-bottom: 1px #5ebfee dotted; margin-bottom: 15px; } .blocVacation h2 {font-size: 14px;} .blocVacation img {float: left; margin-right: 10px; width: 70px;} .blocVacation p strong {display: block;} .blocVacation p strong.nomBateau {text-transform: uppercase; padding-bottom: 5px; color: #29abdf;} .ecouterAudio { display: block; height: 12px; float: right; background: transparent url(../../images/pictoAudios.gif) no-repeat; padding-left: 20px; text-decoration: none; font-weight: bold; color: #004091;} .voirVideo { display: block; float: right; background: transparent url(../../images/pictoVideos.gif) no-repeat right; padding-right: 18px; text-decoration: none; font-weight: bold; color: #004091;} .downloadAudio { display: block; float: right; background: transparent url(../../images/pictoAudios.gif) no-repeat; padding-left: 20px; text-decoration: none; font-weight: bold; color: #004091;} /*** Photos */ ul.listeMedias { clear: both; padding-top: 10px; list-style: none;} ul.listeMedias li { width: 182px; padding: 5px 0 5px 0; 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 0 auto;} .pageSkippers ul.listeMedias {width: 530px;} .pageSkippers ul.listeMedias li {width: 176px;} /*** Audios */ .lecteurAudio { float: right; } /****** zoom */ #pageZoom { margin: 10px;} #pageZoom #contentZoom { text-align: center; background-color: #fff; padding: 10px;} #pageZoom #flvPlayer { 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; border: 0;} /******************* Skippers */ /**** Liste des skippers par classe */ .blocClasses {clear: both; height: 20px;} .blocClasses h3, .blocClasses ul {float: left;} .blocClasses h3 { text-transform: uppercase; width: 100px; font-size: 11px; margin-bottom: 3px; height: 18px; background: transparent url(../../images/flecheAriane.gif) no-repeat 82px 5px;} .blocClasses ul {list-style: none; margin-left: 0 !important; width: 450px; padding-right: 0 !important; height: 18px;} .blocClasses ul li {float: left; padding-right: 10px; height: 18px;} .blocClasses ul li a {color: #004091;} #pageListeSkippers #colCentre table {background-color: #fff;} #pageListeSkippers #colCentre h2 {font-size: 20px; color: #eb6e0e; margin-bottom: 15px;} #pageListeSkippers #colCentre h5 {text-transform: uppercase; font-size: 11px; color: #004091;} .blocSkipper { width: 250px; height: 110px; float: left; padding-right: 10px; padding-top: 10px; position: relative; border-bottom: 1px #000 dotted; margin: 0 10px;} .blocSkipper img {border: 0; 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;} /****** Liste des skippers par classe */ #pageClassesSkippers .classeBateau { margin-bottom: 10px; padding-bottom: 10px;} #pageClassesSkippers .classeBateau img { background-color: #fff; border: 1px #669BC8 solid; padding: 3px; float: left; margin: 0 10px 0 0; } #pageClassesSkippers .classeBateau .sponsor { float: right; } #pageClassesSkippers .classeBateau ul { float: left; } #pageClassesSkippers .classeBateau ul li.nomSkipper { font-weight: bold; font-size: 14px; } /***** fiche skipper */ #portrait {position: relative; width: 570px; height: 280px; padding-bottom: 10px;} #portrait h2 { font-size: 24px; margin: 0 0 5px 0;} #portrait h4 { font-size: 18px; color: #a3498f;} #portrait img { margin: 0 10px 0 0; float: left; width: 166px; overflow: hidden;} #portrait img.sponsor { float: right; margin: 10px 0 10px 10px; width: 120px; height: 120px;} #portrait #infos {width: 384px; float: left; } #portrait #infos h3 {text-transform: uppercase; font-size: 11px; margin-bottom: 10px;} /**** infos plus */ #lstInfos {list-style: none;} /**** sous nav skippers */ #sousNavSkipper { width: 563px; height: 25px; z-index: 2; list-style: none; position: absolute; left: 0; top: 320px;} #sousNavSkipper li { float: left;} #sousNavSkipper li a { display: block; height: 25px; background-repeat: no-repeat;} #sousNavSkipper li a span { display: none; } #sousNavSkipper li#btnPalmares a { width: 177px; background-image: url(../../images/btnPalmares.gif); } #sousNavSkipper li#btnBateau a { width: 107px; background-image: url(../../images/btnBateau.gif); } #sousNavSkipper li#btnDernInfos a { width: 146px; background-image: url(../../images/btnDernInfos.gif); } #sousNavSkipper li#btnStatistiques a { width: 127px; background-image: url(../../images/btnStatistiques.gif); } #pagePalmares #sousNavSkipper li#btnPalmares a, #pageBateau #sousNavSkipper li#btnBateau a, #pageDernInfos #sousNavSkipper li#btnDernInfos a, #pageStatistiques #sousNavSkipper li#btnStatistiques a, #sousNavSkipper li a:hover { background-position: 0 -25px; z-index: 5;} #sousNavSkipper li#btnPalmares, #sousNavSkipper li#btnBateau, #sousNavSkipper li#btnDernInfos {margin-right: 2px;} #contentSkippers {position: relative;} #zoneSkippers { width: 538px; padding: 15px; border: 1px #c0e0f5 solid; background: transparent url(../../images/bgZoneSkippers.jpg) repeat-x;} #blocPalmares .sousTitreOrange, .pageSkippers h4 { font-size: 14px !important; font-weight: bold; color: #D71343; margin-bottom: 5px;} #blocSpecsSkipper {list-style: none; width: 530px; height: 50px; margin: 0 0 20px 0 !important;} #blocSpecsSkipper li { float: left; width: 265px; border-bottom: 1px #5ebfee dotted; padding-bottom: 3px; margin-bottom: 3px;} /***** palmarès */ #blocPalmaresSkipper {padding-top: 15px;} #pagePalmares #blocSpecsSkipper { height: 60px; } #pagePalmares #colSkipper { float: right; width: 270px; background-color: #c2e3f7; margin: 15px 0 10px 10px;} #pagePalmares .contactSkipper { padding: 10px 10px 0 10px; margin-bottom: 10px;} #pagePalmares .contactSkipper h4 { border-bottom: 1px #004091 dotted; font-size: 14px !important; margin-bottom: 5px; color: #004091;} #pagePalmares .visuelBateau { float: right; border: 0; margin:0 10px 10px 0;} /***** bateau */ #pageBateau #blocSpecsSkipper { height: 100px; } /***** dernières infos */ #pageDernInfos #colCentre h4, #pageBateau #colCentre h4, #pageStatistiques #colCentre h4 {background-color: #eb6e0e; color: #fff; padding: 1px 5px; margin-bottom: 10px;} /*** envoyer un message au skipper */ #pageEnvoiMessage #colCentre fieldset { border-color: #BBDDF6; } #pageEnvoiMessage #colCentre label {width: 200px;} #pageEnvoiMessage #colCentre input, #pageEnvoiMessage #colCentre textarea { width: 200px; } #pageEnvoiMessage #colCentre .margeForm { margin-left: 204px; } /******************* page contact */ .pageContact #colCentre label, .pageContact #colCentre .lineForm input, .pageContact #colCentre .lineForm select, .pageContact #colCentre .lineForm textarea, .pageContact .inptxt { width: 180px; } .pageContact #searchMail input { margin-right: 10px; } .pageContact .margeForm, .pagePresse .margeForm {text-align: center;} .listeRadios {list-style: none; height: 20px;} .listeRadios li {float: left; margin-right: 10px; } .pageContact .bloc { border: 1px #5ebfee dotted; margin: 0 15px 10px 0; padding: 10px;} .pageContact .bloc h2 { font-size: 12px !important; line-height: 13px; margin-bottom: 5px;} .pageContact .bloc ul { margin-bottom: 0 !important; list-style: none;} .pageContact .bloc ul li {text-align: left; width: 250px; float: left; } .merci #colCentre, .pageFluxRSS #colCentre {font-size: 12px;} .pageFluxRSS #colCentre ul li {margin-bottom: 15px;} /************** Classements */ #pageClassement #colCentre h3 { width: 560px; height: 23px; margin-bottom: 15px; background: transparent url(../../images/titreClassement.gif) no-repeat;} .pageClassFinal #colCentre h3 { width: 560px; height: 23px; margin-bottom: 15px; background: transparent url(../../images/titreClassementFinal.gif) no-repeat !important;} .pageClassPrologue #colCentre h3 { width: 560px; height: 23px; margin-bottom: 15px; background: transparent url(../../images/titreClassementPrologue.gif) no-repeat !important;} #pageClassement #colCentre h2 {margin-bottom: 10px;} /*#lnkClassements, #pageClassement ul.sousNavigation { float: left; }*/ #lnkClassements { margin-bottom: 10px; list-style: none; float: right;} #lnkClassements li {border-bottom: 1px #000 dotted; list-style: none;} #lnkClassements li a { color: #000; display: block; text-decoration: none; font-weight: bold; } #lnkClassements li.excel a { background: transparent url(../../images/pictoExcel.png) no-repeat; padding-left: 20px; height: 22px; line-height: 20px;} #lnkClassements li.histo a { background: transparent url(../../images/pictoClock.png) no-repeat 0 2px; padding-left: 20px; height: 22px; line-height: 22px;} #lnkClassements li.maxSea {background: transparent url(../../images/pictoMaxSea.gif) no-repeat 0 4px; padding-left: 50px; height: 22px; line-height: 22px;} .hautPage { float: right; text-decoration: none; display: block; height: 40px; background: transparent url(../../images/flecheHaut.gif) no-repeat 65px 4px; padding-right: 12px; font-family: "Tahoma", Verdana, sans-serif; font-size: 10px; color: #2eade0;} #pageClassement .cellA { width: 35px; text-align: center; } #pageClassement .cellB { width: 195px } #pageClassement .cellB span { display: block; color: #666;} #pageClassement .cellC { width: 60px; text-align: center;} #pageClassement ul.sousNavigation {width: 264px;} #pageClassement ul.sousNavigation li {width: 130px;} #pageAllClassements #colCentre h3 { width: 560px; height: 23px; margin-bottom: 15px; background: transparent url(../../images/titreHistoClassements.gif) no-repeat;} #pageAllClassements #colCentre ul.listeClassHistos {list-style: none;} #pageAllClassements #colCentre ul.listeClassHistos li {border-bottom: 1px #666 dotted; padding: 2px 0;} /*************************************************************************************************************/ /* Espace Presse */ /*************************************************************************************************************/ .pagePresse #colCentre h3 { width: 560px; height: 23px; margin-bottom: 15px; background: transparent url(../../images/titrePresse.gif) no-repeat;} .pagePresse label { width: 200px; } #loginPresse .btnOK {float: right; margin: -40px 60px 0 0;} .pagePresse #urlPenduick { padding: 55px 0 10px 0; height: 65px; text-align: center; background-position: 40px 0;} #contactPresse {float: right; width: 200px; border: 1px #000 dotted; padding: 10px 10px 0 10px;} /*************************************************************************************************************/ /* Vainqueur */ /*************************************************************************************************************/ #vainqueur { background-color: #fff; padding: 0 20px 0 20px;} #vainqueur h1 { color: #eb6e0e; line-height: 20px; font-size: 20px; margin: 10px 0 10px 0 !important;} #vainqueur p { margin-bottom: 10px; } /*************************************************************************************************************/ /* Statistiques */ /*************************************************************************************************************/ #pageStatistiques #colCentre h4 {background-color: #888; margin-bottom: 10px; padding-left: 5px; padding: 2px 5px; color: #fff;} #positionnement { margin-bottom: 20px;} .position { background-color: #666666; color: #fff; height: 16px; line-height: 16px;} .position span { display: block; background: url(../../images/bgPosition.gif) no-repeat; float: left; margin-right: 5px; width: 16px; height: 16px; text-align: center; color: #fff; padding-right: 5px;} .select { font-weight: bold; background-color: #ac76a4; } .select span { background: transparent url(../../images/bgPositionSelect.gif) no-repeat; } .distance { height: 34px; line-height: 34px; color: #000; padding-left: 16px;} .moins { background: transparent url(../../images/distanceVerte.png) no-repeat 5px 0; } .plus { background: transparent url(../../images/distanceRouge.png) no-repeat 5px 0; }