* { margin: 0; padding: 0; } .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} sup {line-height: 80%; font-size: 70% !important;} body, input, select, textarea { font-family: "Arial", Trebuchet MS, Verdana, sans-serif; font-size: 12px; color: #555;} a {color: #dc021b;} a:hover {color: #222;} body { background: #475258 url(/ml/s00_commun/images/bgBody.jpg) no-repeat top; line-height: normal; color: #475258;} #allContent {width: 980px; margin: 0 auto;} .centerZone {width: 980px; margin: auto;} #content {width: 970px; margin-left: 10px;} .bloc { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2); box-shadow: 0 2px 3px rgba(0,0,0,.2);} .contentBloc {padding: 15px 10px;} #mainContent {padding: 20px 0;} #pageAccueil #mainContent {padding: 0;} /*********** Annule styles bootstraps */ ul, ol {margin: 0;} p {line-height: 14px; font-size: 12px; font-family: "Arial", Trebuchet MS, Verdana, sans-serif; margin: 0 0 10px 0;} .form-horizontal .control-label {width: 180px;} .form-horizontal .controls {margin-left: 200px;} input, textarea, select, .uneditable-input {width: 300px;} input, textarea, select, .uneditable-input {padding: 2px 4px; margin-bottom: 0;} select, input[type="file"] { height: 23px; line-height: 24px;} #multiSlider {margin-bottom: 20px; position: relative; padding: 10px 0;} #multiSlider .tab-content {margin-left: 110px; width: 590px; height: 393px;} #multiSlider .nav-tabs { margin-left: 0; width: 140px; height: 393px; border: 0; margin-top: 10px; position: absolute; left: -10px; top: 0; z-index: 1000;} #multiSlider .nav-tabs li {margin: 0; float: none;} #multiSlider .nav-tabs li a {display: block; width: 140px; height: 75px; padding: 0; border: 0; text-indent: -4000px; overflow: hidden;} #multiSlider .nav-tabs li a#navSlideA {background-position: 0 0;} #multiSlider .nav-tabs li a#navSlideB {background-position: 0 -78px;} #multiSlider .nav-tabs li a#navSlideC {background-position: 0 -156px;} #multiSlider .nav-tabs li a#navSlideD {background-position: 0 -312px; height: 93px;} #multiSlider .nav-tabs li.active a#navSlideA {background-position: -280px 0;} #multiSlider .nav-tabs li.active a#navSlideB {background-position: -280px -78px;} #multiSlider .nav-tabs li.active a#navSlideC {background-position: -280px -156px;} #multiSlider .nav-tabs li.active a#navSlideD {background-position: -280px -312px;} #multiSlider .nav-tabs li:hover a#navSlideA {background-position: -140px 0;} #multiSlider .nav-tabs li:hover a#navSlideB {background-position: -140px -78px;} #multiSlider .nav-tabs li:hover a#navSlideC {background-position: -140px -156px;} #multiSlider .nav-tabs li:hover a#navSlideD {background-position: -140px -312px;} .gv_galleryWrap {background-color: transparent !important; padding: 0 !important;} .gv_navPrev, .gv_navNext {width: 20px !important; height: 53px !important;} .gv_navPrev { position: absolute; left: 0 !important; bottom: 0; background: transparent url(/ml/s00_commun/images/prevSlider.png) no-repeat !important;} .gv_navNext { position: absolute; right: 0 !important; bottom: 0; background: transparent url(/ml/s00_commun/images/nextSlider.png) no-repeat !important;} .gv_navPlay {display: none !important;} .gv_filmstripWrap {width: 530px !important; left: 30px !important; z-index: 201;} .gv_navWrap { width: 590px !important; text-align: right !important;} .gv_thumbnail {} .gv_thumbnail img {width: 80px\9; height: 45px\9;/* Cible IE9 et toutes les versions inférieures */} #zoneCarto {width: 590px; height: 402px; background-color: #fff;} #rA {padding: 30px 5px;} #rC {padding: 0 10px 0 20px;} #rC .blocVacation {width: 550px; float: none; min-height: 90px; padding: 10px 10px 0 10px; margin-bottom: 10px;} #rC .blocVacation img {position: absolute; left: 10px; top: 10px;} #rC .blocVacation .lnkDownload {display: block; position: absolute; right: 10px; bottom: 10px; text-align: right;} #rC .blocVacation .zoneTexte {margin-bottom: 0; width: auto;} #rD ul {list-style: none; width: 590px; height: 35px;} #rD ul li {float: left; width: 245px; margin: 0 25px;} #rD ul li a { font-weight: bold; font-size: 14px; line-height: 35px; /*text-shadow: rgba(0,0,0,0) 0 0 0;*/ padding: 0 10px; display: block; height: 35px; position: relative;} #rD ul li a em {font-style: normal; font-weight: normal; text-transform: none; display: block; font-size: 11px;} #rD ul li a span {height: 35px; display: block; position: absolute; right: 8px; top: 0; z-index: 50;} #rD ul li#btnLiveCarto, #rD ul li#btnLiveMag {margin-top: 15px;} #rD ul li#btnLiveCarto a {} #rD ul li#btnLiveMag a {line-height: 14px; padding: 5px 8px 0 8px; height: 30px;} #rD ul li#btnLiveCarto a span {width: 25px; background: transparent url(/ml/s00_commun/images/pictoLiveCarto.png) no-repeat;} #rD ul li#btnLiveMag a span {width: 26px; background: transparent url(/ml/s00_commun/images/pictoLiveMag.png) no-repeat;} #rD ul li#btnLiveVac {display: none;} #rD ul li a.noActif {cursor: default; color: rgba(255, 255, 255, 0.5);} #rD ul li#btnLiveCarto a:hover, #rD ul li#btnLiveMag a:hover {text-decoration: none;} #rD ul li#btnLiveCarto a:hover span, #rD ul li#btnLiveMag a:hover span {background-position: 0 -35px;} #zoneJournal {position: relative;} #zoneJournal a img {border: 0;} .legendeSlider { position: absolute; left: 0; bottom: 20px; background-color: rgba(30, 39, 44, 0.9); padding: 10px 15px 15px 15px; width: 560px; color: #fff; font-size: 12px;} .legendeSlider h2 {font-size: 24px; line-height: 24px;margin-bottom: 5px;} .legendeSlider h2 span {display: block; text-transform: uppercase; font-size: 18px; font-weight: normal;} .legendeSlider .gros {font-size: 14px;} .btnLive { display: block; width: 142px; height: 58px; background: transparent url(/ml/s00_commun/images/btnLive.png) no-repeat; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; float: right; font-size: 22px; padding: 18px 60px 0 10px; line-height: 26px; font-weight: 400; margin: 5px 0 0 30px; text-shadow: 0 1px 1px rgba(0,0,0,.35);} .btnLive span {display: block; font-weight: 700;} .btnLive:hover {color: #fff; text-decoration: none;} #pageDailyMotion, #pageDailyMotion a {color: #fff;} /**************************************/ .validation-advice, div.validation-failed, #errMsg { display: block; font-weight: bold; background-color: #DC021B; padding: 2px 10px; color: #fff; margin-top: 10px;} /**************************************/ #pageAccueil ul#navigation li#btnAccueil a, .pageCourse ul#navigation li#btnNavA a, .pageSkippers ul#navigation li#btnNavB a, .pageActualites ul#navigation li#btnNavC a, .pageMediatheque ul#navigation li#btnNavD a, #pageInfosPratiques ul#navigation li#btnNavE a, #zoneNavigation li a:hover, ul#navHisto li a.selected, ul#navHisto .active a, ul#navHisto li a:hover, ul#tabSkippers li a.selected, ul#tabSkippers .active a, ul#tabSkippers li a:hover, ul#tabAnimations li a.selected, ul#tabAnimations .active a, ul#tabAnimations li a:hover, .degRouge { background-color: #dc021b; /* bordure du haut et bordure du bas */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.21), rgba(0,0,0,0) 90%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.21), rgba(0,0,0,0) 90%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.21), rgba(0,0,0,0) 90%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.21), rgba(0,0,0,0) 90%); background-image: linear-gradient(to top, rgba(0,0,0,.21), rgba(0,0,0,0) 90%); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15); box-shadow: 0 2px 3px rgba(0,0,0,.15); color: #fff; border: 0;} .degGris { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #abb0b5; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15); box-shadow: 0 2px 3px rgba(0,0,0,.15); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0)); background-image: linear-gradient(to bottom, rgba(255,255,255,.7), rgba(255,255,255,0));} .degGrisFonce { background-color: #475258; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0)); background-image: linear-gradient(to bottom, rgba(255,255,255,.7), rgba(255,255,255,0));} .onglet {-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font-size: 16px; padding: 0 7px;} .bouton {display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .googleFont {font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.35);} .titreBloc {font-size: 18px; height: 35px; line-height: 35px; padding: 0 10px;} .btnToutes { position: absolute; right: 6px; top: 10px; z-index: 1; font-size: 11px; color: #fff; text-decoration: none;} #colA .bloc .btnToutes {font-size: 12px; padding-top: 5px;} /******************************************************************************************/ /* Entete */ /******************************************************************************************/ #entete {background-color: #fff; height: 120px;} #entete #topEntete {height: 90px; position: relative;} #entete img {border: 0;} #entete #logo {position: absolute; left: 0; top: 30px; z-index: 2;} #entete em {font-size: 18px; font-family: "Times New Roman", serif; color: #DC021B;} #entete #logoFigaro {position: absolute; right: 220px; top: 28px; text-align: center; border: 0;} #infosTime {position: absolute; left: 205px; top: 30px; text-transform: none; text-shadow: 0 0 0 rgba(0,0,0,.35); font-size: 16px; font-weight: 300;} #infosTime span {display: inline-block; font-size: 20px; color: #fff; margin-left: 5px; padding: 0 10px;} #infosTime span#depart {} #infosTime span#decompte {} #zoneNavigation { background-color: #475258; height: 30px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 15px rgba(255,255,255,.15); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 15px rgba(255,255,255,.15); box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 15px rgba(255,255,255,.15); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0)); background-image: linear-gradient(to bottom, rgba(255,255,255,.4), rgba(255,255,255,0));} #zoneNavigation .centerZone {position: relative;} #zoneNavigation ul#navigation {list-style: none; padding-left: 176px; width: 804px; height: 30px;} #zoneNavigation ul#navigation li {float: left;} #zoneNavigation ul#navigation li a { display: block; padding: 0 10px; height: 30px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 18px; font-weight: 300; text-shadow: 0 1px 1px rgba(0,0,0,.5);} #zoneNavigation ul#navigation li#btnAccueil a {font-family: FontAwesome; font-size: 20px;} #zoneNavigation ul#navigation ul { background-color: #465157; height: 30px; list-style: none; padding: 10px 15px; position: absolute; top: 30px; z-index: 500;} #zoneNavigation ul#navigation ul li {} #zoneNavigation ul#navigation ul li a { height: auto; line-height: auto; text-transform: none; font-size: 16px; background-color: transparent !important; text-shadow: rgba(0,0,0,0) 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #zoneNavigation ul#navigation ul li a:hover {background-color: rgba(255, 255, 255, 0.3) !important;} #zoneNavigation ul#navigation li#btnNavA ul {left: 213px;} #versions { width: 45px; height: 66px; list-style: none; position: absolute; left: -45px; top: 5px; background: transparent url(/ml/s00_commun/images/bgVersions.png) no-repeat; padding: 11px 0 0 12px;} #versions li {margin-bottom: 3px;} #versions li a {display: block; width: 24px; height: 22px; text-indent: -5000px; overflow: hidden;} #versions li#fr a {background: transparent url(/ml/s00_commun/images/fr.gif) no-repeat;} #versions li#uk a {background: transparent url(/ml/s00_commun/images/uk.gif) no-repeat;} #versions li#es a {background: transparent url(/ml/s00_commun/images/es.gif) no-repeat;} /******************************************************************************************/ /* Etapes */ /******************************************************************************************/ #zoneEtapes { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3); background-image: -webkit-linear-gradient(bottom, #dadcde, #fff); background-image: -moz-linear-gradient(bottom, #dadcde, #fff); background-image: -o-linear-gradient(bottom, #dadcde, #fff); background-image: -ms-linear-gradient(bottom, #dadcde, #fff); background-image: linear-gradient(to top, #dadcde, #fff);} #zoneEtapes .centerZone {height: 100px;} #etapes { width: 710px; height: 60px; float: left; list-style: none; margin: 25px 0 0 10px; background: transparent url(/ml/s00_commun/images/bgEtapes.png) no-repeat;} #etapes li {float: left; font-family: 'Oswald', sans-serif;} #etapes li {text-align: center;} #etapes li a { display: block; font-size: 18px; text-shadow: 0 1px 1px rgba(0,0,0,.5); margin-top: 5px; color: #475258; font-family: "Oswald", sans-serif; font-weight: 300; padding: 3px 0;} #etapes li a span {display: block; color: #fff; font-size: 13px; font-weight: 400; text-transform: uppercase;} #etapes li a:hover, #etapes li a.selected { background-color: rgba(255, 255, 255, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-decoration: none;} #etapes li a:hover {background-color: rgba(255, 255, 255, 0.2);} #etapes li#etape1 {width: 218px; margin-right: 10px; margin-left: 40px;} #etapes li#etape2 {width: 223px; margin-right: 10px;} #etapes li#etape3 {width: 174px;} #lnkCarto { display: block; width: 230px; height: 60px; padding-left: 10px; font-family: "Arial", Verdana, sans-serif; font-size: 11px; float: right; position: relative; margin-top: 25px; line-height: 20px; text-decoration: none;} #lnkCarto span {display: block; font-size: 24px; margin-top: 13px;} #lnkCarto em { display: block; background: transparent url(/ml/s00_commun/images/bgBtnCarto.png) no-repeat right top; position: absolute; right: 0; top: 0; width: 143px; height: 60px;} #lnkCarto:hover {color: #444} #filInfo { width: 690px; height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; color: #ccc; margin-bottom: 20px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-color: #2E3539; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3); box-shadow: 0 2px 5px rgba(0,0,0,.3);} .colFbk, .colAgda, .colMet {float: left;} .colFbk, .colMet {width: 240px;} .colAgda {width: 200px;} .colFbk, .colAgda {margin-right: 15px;} /******************************************************************************************/ /* Commun */ /******************************************************************************************/ #ariane {list-style: none; height: 20px; margin-bottom: 20px;} #ariane li {float: left; font-size: 11px; padding-right: 3px;} #ariane li a {text-decoration: none;} #ariane li a:hover {color: #333;} .btnRetour {float: right; color: #444; font-size: 11px; text-decoration: none; margin-top: 5px;} .zoneTexte p {margin-bottom: 10px;} .zoneTexte ul, .zoneTexte ol {list-style-position: inside; margin-bottom: 10px;} .zoneTexte table {border-collapse: collapse; margin-bottom: 10px; width: 100%;} .zoneTexte table td, .zoneTexte table th {border: 1px #ddd solid; padding: 2px 4px;} .zoneTexte table p {margin-bottom: 0;} #colA, #colB {float: left;} #colA {width: 710px; margin-right: 20px;} #colB {width: 240px;} .bloc.avecMarges {width: 670px !important; padding: 20px;} #colA h1, #pageDetailActualite #colA h2, #pageFicheSkipper #colA h2, #pageFichePartenaire #colA h2 { font-size: 26px; color: #dc021b; text-shadow: 0 1px 1px rgba(0,0,0,.25); font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase;} #pageDetailActualite #colA h1, .jsNewsContainer h1 { text-transform: none !important; margin-bottom: 10px !important; font-family: "Arial", Trebuchet MS, Verdana, sans-serif !important; font-weight: normal !important; font-size: 28px !important; line-height: 30px;} #lnkEspacePresse, #lnkAgenda, #blocTweets, .blocFacebook, .blocMeteo, #blocClassement, .lnkMeteo, #blocBreves, .blocAgenda {margin-bottom: 20px;} #lnkAgenda {padding: 5px 10px;} /*************************** Bloc météo */ .blocMeteo { background-color: #f5f5f3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3); background-image: -webkit-linear-gradient(left, #2c2152, #2d3866 52%, #1491be); background-image: -moz-linear-gradient(left, #2c2152, #2d3866 52%, #1491be); background-image: -o-linear-gradient(left, #2c2152, #2d3866 52%, #1491be); background-image: -ms-linear-gradient(left, #2c2152, #2d3866 52%, #1491be); background-image: linear-gradient(to right, #2c2152, #2d3866 52%, #1491be);} .blocMeteo img {border: 0; margin: 0 10px;} .blocMeteo a.txtMeteo {display: block; padding: 5px 10px 10px 10px; text-decoration: none; color: #fff;} .blocMeteo a.txtMeteo:hover {color: #ABCADF;} .lnkMeteo { display: block; width: 240px; height: 88px; background: transparent url(/ml/s00_commun/images/lnkMeteo.png) no-repeat; text-indent: -5000px; overflow: hidden; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3);} #pageAccueil #colA .blocMeteo {width: 240px;} #pageAccueil #colB .blocMeteo {display: none;} /*************************** Bloc classement */ #blocClassement {position: relative;} #blocClassement .date {font-size: 11px; color: #dc021b;} #blocClassement select { border: 1px #B3B3B3 solid; color: #333; font-size: 10px; text-transform: uppercase; width: 220px; margin-bottom: 12px;} #blocClassement ul.tabRank {list-style: none;} #blocClassement ul.tabRank li {margin-bottom: 8px; position: relative; padding-left: 22px;} #blocClassement ul.tabRank li a {color: #333; text-decoration: none; font-size: 11px; line-height: 12px;} #blocClassement ul.tabRank li a span {display: block; color: #444; font-weight: bold;} #blocClassement ul.tabRank li a strong { width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; left: 0; top: 0;} #blocClassement ul.tabRank li a:hover, #blocClassement ul.tabRank li a:hover span {color: #DC021B;} #blocClassement .btnToutes {top: 15px;} ul#navRank {list-style: none; border: 0; margin: 0 0 10px 0;} ul#navRank li {float: left; margin: 0; line-height: auto;} ul#navRank li a { display: block; width: 55px; height: 20px; padding: 0; color: #fff; font-size: 11px; line-height: 21px; border: 0; font-weight: bold; text-decoration: none; text-align: center; margin: 0; background: transparent url(/ml/s00_commun/images/bgTabs.gif) no-repeat; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} ul#navRank li a.selected, ul#navRank .active a, ul#navRank li a:hover {background-position: 0 -20px;} ul#navRank li a:focus {outline: 0;} .tab-content a.bouton {text-align: center; padding: 2px;} /*************************** Bloc partenaires */ #slides {margin-bottom: 5px; position: relative; height: 118px;} #slides strong {position: absolute; text-indent: -5000px; overflow: hidden;} a.lnkPart {display: block; text-align: right; font-size: 11px; color: #fff; margin-bottom: 10px;} .slides_container { width: 180px; height: 118px; overflow: hidden; position: relative; display: none;} .slides_container, #slides .next, #slides .prev {float: left;} #slides .slide {width: 180px; height: 118px; display: block;} #slides .next, #slides .prev { width: 30px; height: 118px; display: block; text-indent: -5000px; overflow: hidden;} #slides .next {background: transparent url(/ml/s00_commun/images/nextPart.png) no-repeat;} #slides .prev {background: transparent url(/ml/s00_commun/images/prevPart.png) no-repeat;} #slides .slide a {display: block; text-align: center;} #slides .slide a img {margin: 9px auto; width: 100px; height: 100px;} #slides .pagination {display: none;} .pager .indicPages {line-height: 30px;} /*************************** Bloc breves */ #blocBreves {position: relative;} #blocBreves ul {list-style: none;} #blocBreves ul li {border-bottom: 1px #ccc solid; padding-bottom: 8px; margin-bottom: 8px; line-height: 13px;} #blocBreves ul li a { display: block; text-decoration: none; font-size: 11px; color: #555; padding-right: 10px; background: transparent url(/ml/s00_commun/images/flecheRose.png) no-repeat right bottom;} #blocBreves ul li a span {display: block; color: #dc021b;} #blocBreves ul li a:hover, #blocBreves ul li a:hover span {color: #DC021B;} #blocBreves .btnToutes {top: 15px;} /*************************** Live skipper */ #btnJeu { display: block; width: 241px; height: 105px; text-indent: -5000px; overflow: hidden; background: transparent url(/ml/s00_commun/images/live_skipper_pub_web.jpg) no-repeat; margin-bottom: 10px; display: none;} /*************************** Bloc agenda */ .blocAgenda {position: relative;} .blocAgenda ul {list-style: none;} .blocAgenda ul li {border-bottom: 1px #ddd solid; padding-bottom: 8px; margin-bottom: 8px; line-height: 13px; font-size: 11px;} .blocAgenda ul li strong, .blocAgenda ul li em {display: block; font-style: normal;} .blocAgenda ul li strong {font-size: 12px; padding-bottom: 5px; font-size: 11px;} .blocAgenda ul li em {color: #DC021B; font-weight: bold;} .blocAgenda .btnToutes {top: 15px;} #pageAccueil #colA .blocAgenda .btnToutes {font-size: 11px; top: 10px;} #pageAccueil #colB .blocAgenda {display: none;} /*************************** Bloc twitter */ #blocTweets h3 {height: 40px; line-height: 40px; margin-bottom: 1px; position: relative;} #blocTweets h3 span.zozio { display: block; width: 39px; height: 28px; position: absolute; left: 128px; top: 6px; background: transparent url(/ml/s00_commun/images/twitterZozio.png) no-repeat;} #blocTweets .contentBloc {padding-top: 0;} .twtr-tweet-text { margin-left: 0 !important; padding: 10px 0 0 0; border-bottom: 1px #ddd solid;} .twtr-tweet-text p {font-size: 11px;} .twtr-tweet-text em {display: block;} .twtr-ft div, .twtr-hd {padding: 1px 0 0 0 !important;} .twtr-ft div a, .twtr-hd a, .twtr-hd h3 {display: none;} /*************************** Bloc facebook */ .blocFacebook {background-color: #fff; padding-bottom: 8px;} #pageAccueil #colB .blocFacebook {display: none;} /******************************************************************************************/ /* Elements de formulaire */ /******************************************************************************************/ .intro {margin-bottom: 15px;} button.degRouge {margin-left: 200px; padding: 5px 10px; font-size: 16px;} /*fieldset {border: 0;} .lineForm, .lineCheck, .lineRadio, .lineText {margin-bottom: 10px;} .lineSubmit {text-align: center;} .btnForm { background-color: #ee7f00; color: #fff; padding: 0 5px; font-weight: bold; border: 0; margin-left: 5px; cursor: pointer;} */ .noBorder {border: 0;} .obligatoire {font-weight: bold; font-size: 11px; margin-bottom: 10px;} .mentions {font-size: 10px; line-height: 11px;} /******************************************************************************************/ /* Footer */ /******************************************************************************************/ #footer .centerZone {width: 970px; padding-left: 10px;} #zoneBoutons { background-color: #fff; padding: 20px 0; height: 70px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3); background-image: -webkit-linear-gradient(bottom, #dadcde, #fff); background-image: -moz-linear-gradient(bottom, #dadcde, #fff); background-image: -o-linear-gradient(bottom, #dadcde, #fff); background-image: -ms-linear-gradient(bottom, #dadcde, #fff); background-image: linear-gradient(to top, #dadcde, #fff);} #zoneLnks {background-color: #2e3539;} #colFootA, #colFootB {float: left; margin: 20px 0;} #colFootA {width: 130px; border-right: 1px #4D5357 solid;} #colFootB {width: 270px; font-weight: 300; font-size: 16px; padding-left: 25px; border-right: 1px #4D5357 solid; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #fff;} #colFootA a { font-family: "Oswald", sans-serif; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 300; display: block;} ul.share {list-style: none;} ul.share li {float: left; width: 32px;} ul.share li a {display: block; width: 32px; height: 32px;} ul.share li.dailymotion a {background: transparent url(/ml/s00_commun/images/dailymotion.png) no-repeat;} ul.share li.facebook a {background: transparent url(/ml/s00_commun/images/facebook.png) no-repeat;} ul.share li.rss a {background: transparent url(/ml/s00_commun/images/rss.png) no-repeat;} ul.share li.twitter a {background: transparent url(/ml/s00_commun/images/twitter.png) no-repeat;} #entete .share {position: absolute; right: 130px; top: 25px;} #entete .share li {width: 42px; margin-left: 5px;} #entete .share li a {padding: 5px; text-indent: -5000px; overflow: hidden; background-position: 5px 5px;} #penduickEntete {position: absolute; right: 0; top: 10px;} #footer ul.share {width: 280px; margin-top: 5px;} #footer ul.share li {float: left; width: 140px; height: 38px; line-height: 32px; } #footer ul.share li a {padding-left: 40px; width: 140px; text-transform: none; color: #fff; text-transform: none; font-size: 14px;} #penduick {float: right; margin-top: 20px;} #zonePartners {background: #fff url(/ml/s00_commun/images/bgZonePartners.gif) repeat-x;} #zonePartners img {border: 0;} /*************************** Boutons agenda, boutique */ #lnkEspaceCourse, #lnkEspacePresse, #lnkShop { font-size: 24px; line-height: 26px; font-weight: 300; float: left; width: 220px; padding-right: 10px; padding-top: 9px; height: 61px; margin-right: 20px; text-decoration: none;} #lnkShop {width: 230px; margin-right: 0;} #lnkEspaceCourse span, #lnkEspacePresse span, #lnkShop span {display: block; width: 104px; height: 70px; float: left; margin-right: 10px; margin-top: -9px;} #lnkShop span {width: 114px;} #lnkEspaceCourse span {background: transparent url(/ml/s00_commun/images/btnEspaceCourse.png) no-repeat;} #lnkEspacePresse span {background: transparent url(/ml/s00_commun/images/btnEspacePresse.png) no-repeat;} #lnkShop span {background: transparent url(/ml/s00_commun/images/btnBoutique.png) no-repeat;} #lnkEspaceCourse em, #lnkEspacePresse em, #lnkShop em {font-style: normal; display: block; background: transparent url(/ml/s00_commun/images/flecheBouton.png) no-repeat right; font-weight: 400;} #lnkShop em {font-size: 18px;} #lnkEspaceCourse:hover, #lnkEspacePresse:hover, #lnkShop:hover {color: #2E3539;} /*************************** Bloc newsletter */ #blocNewsletter {float: left; width: 210px; height: 70px; margin-right: 20px;} #blocNewsletter h3 {margin-bottom: 10px; font-size: 14px; padding: 0 0 0 7px;} #blocNewsletter p {margin-left: 10px;} #blocNewsletter input { width: 150px; margin: 0 0 0 15px; border: 1px #ccc solid; float: left; -webkit-border-radius: 5px 0 0 5px; height: 16px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;} #blocNewsletter button { border: 0; padding: 2px 5px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; font-size: 14px; margin-left: 0;} #lnkLePhare {display: block; float: right; font-size: 10px; color: #fff; text-decoration: none; margin: 10px 0;} #lnkLePhare img {border: 2px #fff solid; margin-left: 5px;} /******************************************************************************************/ /* Actualites */ /******************************************************************************************/ #blocActualites {position: relative; margin-bottom: 20px;} #blocActualites h3 {margin-bottom: 20px;} #blocActualites .uneActu {width: 330px; float: left; margin-left: 15px;} #blocActualites .actuLeft {} .uneActu {margin-bottom: 10px; border-bottom: 1px #ccc solid; padding-bottom: 15px;} .uneActu .date, #pageDetailActualite .date {color: #dc021b; font-size: 11px; margin-bottom: 5px;} .uneActu h2 {font-size: 20px !important; line-height: 20px; font-weight: normal; margin-bottom: 10px; font-family: "Arial", Verdana, sans-serif !important; text-transform: none !important;} .uneActu h2 a {text-decoration: none; color: #475258 !important;} .uneActu img {float: right; margin: 0 0 5px 15px; border: 0;} .uneActu .zoneTexte {clear: both;} .uneActu .zoneTexte a, .uneActu .jsResumeActu a {color: #666; text-decoration: none;} .uneActu .zoneTexte a:hover, .uneActu h2 a:hover, .uneActu .jsResumeActu a:hover {color: #CA0F6B;} .uneActu .btnSuite {display: block; border-bottom: 1px #ddd solid; text-align: right; padding-bottom: 5px;} a.sponsor { display: block; border: 1px #D9DADB solid; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: right; margin: 0 0 10px 10px;} .uneActu a.sponsor {width: 35px; height: 35px;} #pageDetailActualite #colA a.sponsor, .uneActu .jsNewsContainer a.sponsor {width: 80px; height: 80px; float: left; margin: 0 10px 10px 0;} #pageDetailActualite .zoneTexte img {float: right; margin: 0 0 15px 15px;} #pageDetailActualite #chapo {margin-bottom: 10px; display: block;} #autresActus {margin-bottom: 15px;} #titreAutres { font-size: 20px; color: #444; border-bottom: 1px #ccc solid; padding-top: 20px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; margin-bottom: 15px;} #pageDetailActualite .uneActu img {margin: 0 0 0 15px;} #pageDetailActualite .fb-like {float: right; width: 55px; overflow: hidden;} /******************************************************************************************/ /* Espace Course */ /******************************************************************************************/ .unDoc {margin-bottom: 10px; border-bottom: 1px #ccc solid; padding-bottom: 10px; position: relative;} .unDoc .date {color: #DC021B; font-size: 11px;} .unDoc h2 {font-size: 14px !important; line-height: 14px; font-weight: normal; margin-bottom: 5px; font-family: "Arial", Verdana, sans-serif !important; text-transform: none !important;} .unDoc h2 a {text-decoration: none; color: #444 !important;} .unDoc h2 a:before {content: "?"; font-family: "FontAwesome"; font-size: 16px; margin-right: 5px;} .unDoc .zoneTexte {clear: both;} .unDoc .zoneTexte a.lnkDownload {position: absolute; right: 0; bottom: 10px; font-size: 11px;} .unDoc .zoneTexte a.lnkDownload:hover {color: #444;} .unDoc h2 a:hover {color: #CA0F6B;} #pageLoginEspaceCourse .form-horizontal fieldset {margin-top: 20px;} #pageLoginEspaceCourse .form-horizontal .control-label {width: 150px;} #pageLoginEspaceCourse .form-horizontal .controls {margin-left: 160px;} #pageLoginEspaceCourse button.btn {margin-left: 160px;} #pageLoginEspaceCourse .error {color: #DC021B !important;} /******************************************************************************************/ /* Publicité */ /******************************************************************************************/ #pubs {position: absolute; left: 0; bottom: 15px; z-index: 1;} .actuPub { -moz-box-shadow: 0 0 5px #011736; -webkit-box-shadow: 0 0 5px #011736; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); float: left; margin-top: 15px;} #encartBompard, #actuMarine {margin-right: 25px;} .actuPub {width: 310px; padding: 10px; min-height: 95px;} .actuPub img {float: left !important; margin: 0 10px 0 0 !important;} .actuPub h3 {font-family: 'Oswald', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: 400;} .actuPub a {color: #333; font-size: 11px; display: block; float: left; width: 225px;} .actuPub a strong.titrePub {font-size: 14px; color: #0065ab;} #actuMarine h3 {color: #fa0241;} #actuGmf img {border: 0; margin: 5px 0 0 15px !important;} #actuGmf {} /******************************************************************************************/ /* Agenda */ /******************************************************************************************/ #pageAgenda .accordion-group {border: 0;} #pageAgenda .accordion-group h2 { font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 400; margin-bottom: 5px; } #pageAgenda .accordion-group h2 a {color: #fff; text-transform: none; } #pageAgenda .accordion-heading .accordion-toggle {padding: 0 10px; line-height: 20px;} #pageAgenda .accordion-inner {border: 0; font-size: 11px; line-height: 13px; padding: 5px 10px;} #pageAgenda .accordion-inner h3 { color: #444; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px; line-height: 15px; margin-bottom: 5px;} #pageAgenda .accordion-inner p {line-height: 13px; font-size: 11px; margin-bottom: 5px} /******************************************************************************************/ /* Contactez-nous */ /******************************************************************************************/ legend { font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase;} /******************************************************************************************/ /* Partenaires */ /******************************************************************************************/ #pageFichePartenaire #colA h1 {font-size: 26px; color: #333; line-height: 22px; margin-bottom: 5px;} #pageListePartenaires #colA h2 { font-size: 20px; color: #444; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; margin-bottom: 15px;} #logoFiche { border: 0; background-color: #fff; padding: 10px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: right; margin: 0 0 20px 20px;} #lnkPart {display: block; margin-bottom: 20px;} .listePart {list-style: none; padding-left: 13px;} .listePart li { float: left; background-color: #fff; width: 80px; -moz-box-shadow: 0 0 5px #000000; padding: 10px; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); margin: 0 22px 22px 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .listePart li img {width: 80px; height: 80px;} /******************************************************************************************/ /* Skippers */ /******************************************************************************************/ #pageListeSkippers #colA h2 { font-size: 20px; color: #444; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 26px; margin-bottom: 15px;} #searchSkipper, #searchAudio, #filtre, .jcarousel-container { padding: 8px 10px; margin-bottom: 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #searchSkipper label, #searchAudio label { display: block; width: 250px; margin-right: 5px; float: left; text-align: right; color: #333; height: 22px; line-height: 22px; margin-bottom: 0;} #searchSkipper input { border: 1px #B5B5B5 solid; width: 260px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: left; padding: 2px 4px; margin-right: 10px;} #searchSkipper button, #searchAudio button {float: left; padding: 3px 10px; font-size: 14px; margin-left: 0;} #searchAudio select {float: left; margin-right: 10px;} #filtre select {border: 1px #B3B3B3 solid; color: #333; font-size: 10px; text-transform: uppercase; width: 250px;} #filtre .pager {margin-bottom: 0;} #filtre .pager li {line-height: 20px !important; padding: 0 2px; font-size: 11px;} #filtre .pager li a { padding: 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #333;} #listeSkippers {list-style: none; margin-left: 12px;} #listeSkippers li { float: left; background-color: #fff; width: 150px; height: 200px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin: 0 15px 15px 0; line-height: 14px;} #listeSkippers li:nth-child(4), #listeSkippers li:nth-child(8), #listeSkippers li:nth-child(12), #listeSkippers li:nth-child(16), #listeSkippers li:nth-child(20), #listeSkippers li:nth-child(24), #listeSkippers li:nth-child(28), #listeSkippers li:nth-child(32), #listeSkippers li:nth-child(36), #listeSkippers li:nth-child(40), #listeSkippers li:nth-child(44), #listeSkippers li:nth-child(50), #listeSkippers li:nth-child(54), #listeSkippers li:nth-child(58), #listeSkippers li:nth-child(62), #listeSkippers li:nth-child(68), #listeSkippers li:nth-child(72) {margin-right: 0;} #listeSkippers li .masque { display: block; width: 130px; height: 110px; overflow: hidden; margin-bottom: 8px;} #listeSkippers li img {border: 0;} #listeSkippers li a { display: block; text-decoration: none; color: #DC021B; font-size: 11px; padding: 10px; position: relative; height: 180px;} #listeSkippers li a em {display: block; font-style: normal; font-size: 11px; color: #333;} #listeSkippers li a span {display: block; font-size: 9px; color: #888; text-transform: uppercase;} #listeSkippers li a:hover { background-color: #F8F8F8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #zoneFiche { background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #zoneFiche .tabbable, #zoneFiche .tab-content, #zoneFiche .tab-pane {width: 670px;} #pageFicheSkipper #colA #blocSkipper h1 {font-size: 26px; color: #333; line-height: 22px; margin-bottom: 20px;} #pageFicheSkipper #colA #blocSkipper h1 span {display: block; font-size: 18px; color: #0065ad;} #blocSkipper, #blocSponsor {float: left;} #blocSkipper {width: 400px; border-right: 1px #ddd solid; position: relative;} #blocSponsor {width: 248px; padding-left: 20px;} #blocSkipper img {float: left; margin-right: 20px;} #blocSkipper ul {float: left; list-style: none; width: 230px; position: absolute; right: 0; bottom: 0;} #blocSkipper ul li {margin-top: 3px; color: #333;} #blocSkipper ul li a {color: #DC021B;} #skipperRank { position: absolute; right: 20px; top: 0; border: 1px #ddd solid; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #skipperRank h3, #skipperRank .bleuRelief {float: left;} #skipperRank h3 {font-size: 17px; text-transform: uppercase; color: #333; line-height: 16px; width: 80px;} #skipperRank h3 span {font-size: 9px; font-weight: normal; display: block; letter-spacing: 1px;} #skipperRank .bleuRelief {font-size: 18px; text-align: center; width: 40px; height: 30px; line-height: 30px; color: #fff;} #blocSponsor img { border: 0; background-color: #fff; padding: 10px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 24px;} #blocSponsor #contactPresse {color: #333; font-size: 11px;} #blocSponsor #contactPresse strong {display: block; font-size: 12px; margin-bottom: 3px;} #blocSponsor #contactPresse a {color: #DC021B;} ul#tabSkippers {list-style: none; height: 32px; border-bottom: 5px #AF0215 solid; margin-top: 30px; margin-bottom: 20px;} ul#tabSkippers li {float: left; margin-right: 2px;} ul#tabSkippers li a { display: block; padding: 0 10px; height: 30px; line-height: 30px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 16px; text-decoration: none; text-align: center; text-transform: uppercase; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border: 0;} ul#tabSkippers li a.selected, ul#tabSkippers .active a, ul#tabSkippers li a:hover {height: 32px; line-height: 30px; -webkit-box-shadow: 0 0 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 0 rgba(0,0,0,.15); box-shadow: 0 0 0 rgba(0,0,0,.15);} ul#tabSkippers li a:focus {outline: 0;} .tab-pane h3 { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; color: #444; margin-bottom: 5px; line-height: 20px; margin-bottom: 10px;} .tab-pane .zoneTexte {margin-bottom: 25px; color: #333;} .tab-pane .zoneTexte ul {list-style: none;} .tab-pane #zonePalmFig, .tab-pane #zonePalmSkip {float: left; width: 50%;} .tab-pane .btnToutes {position: relative; float: right; right: 0; top: 0; color: #666;} #panelA img {max-width: 200px; float: left; margin-right: 15px;} /******************************************************************************************/ /* Médiatheque */ /******************************************************************************************/ /************** Audios */ .blocVacation { float: left; background-color: #fff; width: 305px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); margin: 0 20px 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 10px; font-size: 11px; position: relative; min-height: 130px;} .blocVacation:nth-child(2), .blocVacation:nth-child(4), .blocVacation:nth-child(6), .blocVacation:nth-child(8), .blocVacation:nth-child(10), .blocVacation:nth-child(12), .blocVacation:nth-child(14), .blocVacation:nth-child(16), .blocVacation:nth-child(18), .blocVacation:nth-child(20) {margin-right: 0;} .blocVacation .lnkDownload {display: block; position: absolute; right: 10px; bottom: 8px; color: #DC021B; text-align: right;} .blocVacation img {position: absolute; right: 220px; top: 10px; margin-right: 10px;} .blocVacation .date {font-size: 10px; color: #333; display: block; margin-bottom: 5px;} .blocVacation h2, .blocVacation h3 {font-family: "Arial", Verdana, sans-serif !important; font-weight: bold !important;} .blocVacation h2 {font-size: 12px !important; line-height: 13px; color: #DC021B; text-transform: uppercase; } .blocVacation h3 {color: #333; font-size: 11px; line-height: 12px; margin-bottom: 5px; text-transform: none !important;} .blocVacation .legende {font-size: 11px; display: block; margin: 5px 0;} .blocVacation .zoneTexte {width: 210px; padding-left: 90px;} .tab-pane .blocVacation {width: 280px; } .tab-pane .blocVacation .zoneTexte {width: 190px;} .tab-pane .blocVacation img {position: absolute; right: 200px;} #pageFicheSkipper .jcarousel-container-horizontal { width: 590px; padding: 10px 40px;} /************** Photos */ .jcarousel-container {} .jcarousel-direction-rtl {direction: rtl;} .jcarousel-container-horizontal { width: 685px; padding: 10px 40px;} .jcarousel-clip {overflow: hidden;} .jcarousel-clip-horizontal { width: 245px; /*height: 75px;*/} .jcarousel-item {width: 115px; height: 115px; font-size: 10px; line-height: 11px; text-align: center; text-transform: uppercase;} .jcarousel-item a {color: #333;} .jcarousel-item img {border: 0; display: block; margin: 5px auto 0 auto;} .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px;} .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0;} .jcarousel-item-placeholder { background: #fff; color: #000;} .jcarousel-next-horizontal, .jcarousel-prev-horizontal {position: absolute; top: 35px; width: 32px; height: 65px; cursor: pointer;} .jcarousel-next-horizontal { right: 5px; background: transparent url(/ml/s00_commun/images/next-horizontal.png) no-repeat 0 0;} .jcarousel-prev-horizontal { left: 5px; background: transparent url(/ml/s00_commun/images/prev-horizontal.png) no-repeat 0 0;} .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(/ml/s00_commun/images/prev-horizontal.png);} .jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:focus {background-position: -32px 0;} .jcarousel-next-horizontal:active {background-position: -64px 0;} .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:focus, .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;} .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(/ml/s00_commun/images/next-horizontal.png);} .jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:focus {background-position: -32px 0;} .jcarousel-prev-horizontal:active {background-position: -64px 0;} .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:focus, .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0;} #pageAlbums #colA h2 { font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 22px; line-height: 22px; margin-bottom: 10px; color: #444;} #album li{ float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 115px; height: 115px; list-style: none outside none; margin: 0 10px 10px 0; padding: 3px; line-height: 115px; position: relative; text-align: center; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);} #album li:nth-child(5), #album li:nth-child(10), #album li:nth-child(15), #album li:nth-child(20), #album li:nth-child(25), #album li:nth-child(30), #album li:nth-child(35), #album li:nth-child(40), #album li:nth-child(45), #album li:nth-child(50), #album li:nth-child(55), #album li:nth-child(60), #album li:nth-child(65), #album li:nth-child(70), #album li:nth-child(75), #album li:nth-child(80), #album li:nth-child(85), #album li:nth-child(90), #album li:nth-child(95), #album li:nth-child(100) {margin-right: 0;} #video_player { padding: 3px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); margin-bottom: 20px;} .blocVideo { float: left; width: 110px; height: 170px; border: 0; text-align: center; margin: 0 8px 15px 7px; padding: 5px; position: relative; font-size: 11px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);} .blocVideo img {display: block; margin: 0 auto 5px auto; float: none; width: 110px; height: 82px;} .blocVideo p {text-align: left; font-size: 11px;} .blocVideo .voirVideo {position: absolute; right: 6px; bottom: 4px;} .blocVideo .voirVideo:hover {color: #666;} .blocVideo:nth-child(5), .blocVideo:nth-child(5), .blocVideo:nth-child(10), .blocVideo:nth-child(15), .blocVideo:nth-child(20), .blocVideo:nth-child(25), .blocVideo:nth-child(30), .blocVideo:nth-child(35), .blocVideo:nth-child(40), .blocVideo:nth-child(45), .blocVideo:nth-child(50), .blocVideo:nth-child(55), .blocVideo:nth-child(60), .blocVideo:nth-child(65), .blocVideo:nth-child(70), .blocVideo:nth-child(75), .blocVideo:nth-child(80), .blocVideo:nth-child(85), .blocVideo:nth-child(90), .blocVideo:nth-child(95), .blocVideo:nth-child(100) {margin-right: 0;} /******************************************************************************************/ /* Mentions légales */ /******************************************************************************************/ #pageMentions #colA h2, #pagePlanSite #colA h2 { font-size: 16px; color: #444; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 26px;} #pagePlanSite #colA h2 {font-size: 16px;} #pagePlanSite #colA ul, #pageMentions #colA ul {list-style: none; margin-bottom: 15px;} #pagePlanSite #colA ul li a {color: #555;} ul.liste {margin-left: 30px; list-style-type: square;} ul.liste li {line-height: 13px; margin-bottom: 10px;} .colPlan {width: 33%; float: left;} /******************************************************************************************/ /* Pen Duick */ /******************************************************************************************/ #pagePenduick #colA h2 { font-size: 20px !important; color: #444; line-height: 22px; margin-bottom: 5px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; clear: both; padding-top: 20px;} #pagePenduick #colA h3 { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 16px; color: #444; margin-bottom: 5px;} #pagePenduick dl, #pagePenduick dt, #pagePenduick dd {line-height: 16px;} #pagePenduick dl {margin-bottom: 0;} #pagePenduick dt, #pagePenduick dd {margin: 0 0 5px 0; float: left; width: 33%; border-bottom: 1px #ddd solid; padding-bottom: 3px; height: 17px;} #pagePenduick dl {border-top: 1px #ddd solid; padding-top: 5px;} #pagePenduick dt.double, #pagePenduick dd.double {height: 35px;} #pagePenduick dd.uneLigne {width: 66%;} /******************************************************************************************/ /* La Course */ /******************************************************************************************/ #pageHistoire #colA h2, #pagePresentation #colA h2 { font-size: 18px !important; color: #444; line-height: 22px; margin-bottom: 5px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; clear: both; padding-top: 20px;} #pageHistoire #colA h3 { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 16px; color: #444; margin-bottom: 0;} #pageHistoire .tab-pane h3 {font-size: 18px !important;} #pagePresentation #colA h2 {margin-bottom: 15px;} ul#navHisto {list-style: none; width: 674px; border-bottom: 1px #AF0215 solid; margin-bottom: 0;} ul#navHisto li {float: left; margin-right: 0;} ul#navHisto li a { display: block; padding: 0 5px 0 4px; height: 20px; line-height: 20px; margin-right: 1px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 13px; border: 0; text-decoration: none; text-align: center; text-transform: uppercase; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} ul#navHisto li a.selected, ul#navHisto .active a, ul#navHisto li a:hover {height: 22px; -webkit-box-shadow: 0 0 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 0 rgba(0,0,0,.15); box-shadow: 0 0 0 rgba(0,0,0,.15);} ul#navHisto li a:focus {outline: 0;} #pageHistoire #colA .tab-content {border-bottom: 1px #AF0215 solid; width: 674px; margin-bottom: 30px;} #pageHistoire #colA .tab-pane {padding: 15px; background-color: #eee; font-size: 12px; border-left: 1px #AF0215 solid; border-right: 1px #AF0215 solid;} #pageHistoire #colA .tab-pane h3 {margin-bottom: 5px;} /******************************************************************************************/ /* Appli mobile */ /******************************************************************************************/ #pageMobile #colA h2 { font-size: 18px; color: #444; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 26px;} #recapMobile {margin-left: 20px;} #recapMobile li {line-height: 14px; margin-bottom: 5px;} ul#applisSmart {list-style: none; height: 236px; margin-right: 20px; float: right; margin-left: 20px;} ul#applisSmart li {float: left; } ul#applisSmart li a {display: block; width: 170px; height: 236px; text-decoration: none; text-transform: uppercase; color: #fff; } ul#applisSmart li a span.degGrisFonce { display: block; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 18px; height: 28px; line-height: 28px; padding: 0 10px; text-shadow: rgba(0,0,0,0.6) 1px 1px 0;} ul#applisSmart li a span.degRouge { display: block; font-size: 12px; width: 106px; height: 21px; line-height: 21px; padding: 0 10px; margin: 160px 0 0 22px;} ul#applisSmart li a span.degRouge em { display: block; float: right; width: 10px; height: 8px; position: relative; top: 7px; background: transparent url(/ml/s00_commun/images/flecheDownload.png) no-repeat;} ul#applisSmart li#btnIphone {margin-right: 10px;} ul#applisSmart li#btnIphone a {background: transparent url(/ml/s00_commun/images/btnIphone.png) no-repeat 0 28px;} ul#applisSmart li#btnAndroid {margin-right: 10px;} ul#applisSmart li#btnAndroid a {background: transparent url(/ml/s00_commun/images/btnAndroid.png) no-repeat 0 28px;} /******************************************************************************************/ /* Les étapes */ /******************************************************************************************/ #pageEtapes #colA h2 {clear: both;} #pageEtapes #colA h2 { font-size: 24px; color: #444; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 26px;} #pageEtapes #colA h2 span {padding: 0 10px; font-size: 18px; font-weight: 400; float: left; margin-right: 10px;} #pageEtapes #colA h3 { font-size: 16px; color: #444; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight: 400;} #pageEtapes #colA img.visuelEtape { float: right; border: 5px #fff solid; width: 340px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); margin: 0 10px 15px 20px;} /******************************************************************************************/ /* Le bateau */ /******************************************************************************************/ #pageBateau #colA h2 { font-size: 20px; color: #444; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 26px;} #pageBateau #colA img#logoFigaro {margin: 0 15px 15px 0; float: left;} #pageBateau #colA img#bateau {float: right; margin-right: 30px;} /******************************************************************************************/ /* Infos pratiques */ /******************************************************************************************/ .filet {border-top: 1px #ddd solid; padding-top: 10px; clear: both;} #pageInfosPratiques #colA h2 { font-size: 20px; color: #444; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 26px; margin-top: 5px;} #pageInfosPratiques #colA .colInfo {float: left; width: 320px;} #pageInfosPratiques #colA img { float: left; margin: 5px 20px 20px 0; -moz-box-shadow: 0 0 5px #011736; -webkit-box-shadow: 0 0 5px #011736; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border: 2px #fff solid;} #pageInfosPratiques #colA .colInfo .mentions {padding-top: 5px; display: block;} #pageInfosPratiques #colA h3 {color: #DC021B; font-size: 16px; line-height: 18px; height: 24px; font-family: "Oswald", sans-serif; font-weight: 400;} #pageInfosPratiques #colA h3 span {display: block;} #pageInfosPratiques #colA h3 span.degRouge {float: left; margin-right: 5px; width: 15px; height: 15px; padding: 2px;} #pageInfosPratiques #colA h3 span.acces {background: transparent url(/ml/s00_commun/images/acces.png) no-repeat 2px 2px; width: 15px; height: 15px;} #pageInfosPratiques #colA h3 span.village {background: transparent url(/ml/s00_commun/images/village.png) no-repeat 2px 2px; width: 15px; height: 15px;} #pageInfosPratiques #colA h3 span.numeros {background: transparent url(/ml/s00_commun/images/numeros.png) no-repeat 2px 2px; width: 15px; height: 15px;} /******************************************************************************************/ /* Animations */ /******************************************************************************************/ #pageAnimations h2 { font-size: 14px; color: #444; line-height: 14px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; margin-bottom: 5px;} .tabbable ul {margin-bottom: 20px; list-style: none;} ul#tabAnimations {list-style: none; height: 32px; border-bottom: 5px #AF0215 solid; margin-bottom: 20px;} ul#tabAnimations li {float: left; margin-right: 2px;} ul#tabAnimations li a { display: block; padding: 0 10px; height: 30px; line-height: 30px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 16px; text-decoration: none; text-align: center; text-transform: uppercase; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border: 0;} ul#tabAnimations li a.selected, ul#tabAnimations .active a, ul#tabAnimations li a:hover {height: 32px; line-height: 30px; -webkit-box-shadow: 0 0 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 0 rgba(0,0,0,.15); box-shadow: 0 0 0 rgba(0,0,0,.15);} ul#tabAnimations li a:focus {outline: 0;} /******************************************************************************************/ /* Classements */ /******************************************************************************************/ .logosRanks {list-style: none;} .logosRanks li {float: left; margin-left: 15px;} .pageClassements .table .center {text-align: center;} .pageClassements .table th, .pageClassements .table td {font-size: 11px; line-height: 13px;} .pageClassements .table th a, .pageClassements .table th em {display: block;} .pageClassements .table th a {font-weight: normal;} .pageClassements .table th em {font-style: normal; color: #999;} .pageClassements .table td a span {display: block; color: #444;} #timelineRanks {list-style: none; width: 940px; height: 50px; margin: 20px 0; background: transparent url(/ml/s00_commun/images/bgRanks.jpg) no-repeat;} #timelineRanks li { float: left; height: 50px; line-height: 16px; font-size: 14px; margin-left: -10px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase;} #timelineRanks li a {display: block; height: 42px; color: #fff; padding: 8px 0 0 20px; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.5);} #timelineRanks li a span {display: block; color: #ced1d3;} #timelineRanks li:first-child {margin-left: 0;} #timelineRanks li:first-child a {padding-left: 10px;} #timelineRanks li#rankStep2 a, #timelineRanks li#rankStep4 a, #timelineRanks li#rankStep6 a {font-size: 24px; padding: 0 0 0 30px; height: 50px; line-height: 50px;} #timelineRanks li#rankStep1 {width: 140px;} #timelineRanks li#rankStep2 {width: 125px;} #timelineRanks li#rankStep3 {width: 106px;} #timelineRanks li#rankStep4 {width: 125px;} #timelineRanks li#rankStep5 {width: 149px;} #timelineRanks li#rankStep6 {width: 125px;} #timelineRanks li#rankStep7 {width: 105px;} #timelineRanks li#rankStep8 {width: 135px;} #timelineRanks li a:hover, #timelineRanks li a.active, #timelineRanks li a.passed {background: transparent url(/ml/s00_commun/images/bgRankStep.png) no-repeat;} #timelineRanks li#rankStep1 a:hover, #timelineRanks li#rankStep1 a.active {background-position: 0 0;} #timelineRanks li#rankStep2 a:hover, #timelineRanks li#rankStep2 a.active {background-position: 0 -50px;} #timelineRanks li#rankStep3 a:hover, #timelineRanks li#rankStep3 a.active {background-position: 0 -100px;} #timelineRanks li#rankStep4 a:hover, #timelineRanks li#rankStep4 a.active {background-position: 0 -150px;} #timelineRanks li#rankStep5 a:hover, #timelineRanks li#rankStep5 a.active {background-position: 0 -200px;} #timelineRanks li#rankStep6 a:hover, #timelineRanks li#rankStep6 a.active {background-position: 0 -250px;} #timelineRanks li#rankStep7 a:hover, #timelineRanks li#rankStep7 a.active {background-position: 0 -300px;} #timelineRanks li#rankStep8 a:hover, #timelineRanks li#rankStep8 a.active {background-position: 0 -350px;} #timelineRanks li#rankStep1 a.passed {background-position: -150px 0;} #timelineRanks li#rankStep2 a.passed {background-position: -150px -50px;} #timelineRanks li#rankStep3 a.passed {background-position: -150px -100px;} #timelineRanks li#rankStep4 a.passed {background-position: -150px -150px;} #timelineRanks li#rankStep5 a.passed {background-position: -150px -200px;} #timelineRanks li#rankStep6 a.passed {background-position: -150px -250px;} #timelineRanks li#rankStep7 a.passed {background-position: -150px -300px;} #timelineRanks li#rankStep8 a.passed {background-position: -150px -350px;} #timelineRanks li a.passed {color: #C08188;} #timelineranks li a.passed span {color: #A16A71;} #timelineRanks li#rankStep8 a {font-size: 17px; line-height: 18px;} /********* Classement general */ .pageClassements #colA {margin-right: 0; width: 940px !important; float: none;} .pageClassements #colA h2 { font-size: 22px; color: #444; margin-bottom: 15px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 26px;} .pageClassements #colA h2 span {display: inline-block; color: #888F95;} .pageClassements #colA img.pull-right {margin: 0 0 20px 20px;} .pageClassements #colA h3 { font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 18px; margin-bottom: 10px;} a.excel { float: right; padding: 0 10px; height: 25px; line-height: 25px; display: block; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} a.excel span { display: inline-block; text-indent: -5000px; overflow: hidden; width: 16px; height: 16px; position: relative; top: 4px; background: transparent url(/ml/s00_commun/images/excel.png) no-repeat;} a.excel:hover {color: #222;} /******************************************************************************************/ /* Page 404 */ /******************************************************************************************/ #page-404 #allContent { width: 710px; padding: 0; text-align: center; background-color: #fff; margin-top: 10px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} #entete404 {width: 710px; height: 130px;} #entete404 a {display: block; width: 710px; height: 130px; text-indent: -5000px; overflow: hidden;} #page-404 h1 { font-size: 40px; color: #DC021B; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; margin-bottom: 10px;} #page-404 h2 { font-size: 20px; color: #444; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; margin-bottom: 20px;} #zone404 {width: 640px; padding: 20px; margin: 0 5px 0 5px;} #zone404 p {margin-bottom: 15px;} /* hack Chrome / Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { h3.googleFont, #colA h1, #pageDetailActualite #colA h2, #pageFicheSkipper #colA h2, #pageFichePartenaire #colA h2, #pageListeClassements #colA h3, #pageListeClassements #colA h2, .pageClassements #colA h2, #pageHistoire #colA h2, #pagePresentation #colA h2, #pageHistoire #colA h3, #pageEtapes #colA h2, #pageEtapes #colA h2 span, #pageListeSkippers #colA h2, .tab-pane h3, #pageInfosPratiques #colA h2, #pageInfosPratiques #colA h3, #pageMobile #colA h2, #pageListePartenaires #colA h2, #pagePenduick #colA h2, #pagePenduick #colA h3, #pageMentions #colA h2, #pagePlanSite #colA h2, #pageAnimations h2, .pageClassements #colA h3 {font-weight: bold;} }