:root { --bs-primary: #414b56; --bs-secondary: #9c9083; --bs-light: #beb4a9; --bs-vtt-primary: #833e29; --bs-vtt-secondary: #623528; --bs-vtt-light: #99533e; --bs-vr-primary: #2c4d46; --bs-vr-secondary: #263b36; --bs-vr-light: #457370; --bs-vtc-primary: #b87823; --bs-vtc-secondary: #9b6424; --bs-vtc-light: #d8a135; --bs-vg-primary : #286573; --bs-vg-secondary : #264d56; --bs-vg-light : #048b9a; } body {font-family: "Century Gothic", CenturyGothic, "Avant Garde", Avenir, "Futura", sans-serif; /*background: black; */margin: 8px; background-repeat: no-repeat; background-position: center center; background-attachment:fixed !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a{color:#000;} h5 {font-size:14px;} h6 {font-size:13px;} textarea{font-family: "Century Gothic", CenturyGothic, "Avant Garde", Avenir, "Futura", sans-serif;} /*td{vertical-align:top;}*/ /* *{box-sizing:border-box;}*/ .model { visibility: hidden; } a img {border: none !important;} .bg2 {width: 100%; height: 100%; position: fixed; top: 0;left:0;background-repeat: no-repeat;background: url(../img/bg-filtre-page.png) no-repeat 50% 0;} .bg1 {width: 100%; height: 100%; position: fixed; top: 0;left:0;background-repeat: no-repeat;background-position: 50% 0;background-size: cover;} .uppercase{text-transform:uppercase;} .h1Table{border-collapse: collapse;width:100%;} .tdIco{width:72px;padding:0;} /* nav{position:absolute;right:0px;top:60px;width:200px;height:180px;z-index:5;} */ .strtoupper { text-transform: uppercase !important; } #odep h2 {margin:18px !important;} #album-abo div.resume { font-size: 0.8em; margin-bottom: 8px; } #login_result, #album-abo_result, #clogin_result, #rlogin_result, #register_result, #login_lost_result { color: red; font-size: 14px;margin:10px 0 10px 0; } #contact_result p.success { color: green !important; } #contact_result p.error { color: red !important; } #content-center {width:100%;border:solid 1px transparent;/* hack ne pas effacer*/} #content-holder {max-width:1200px;margin:210px auto 30px auto;} .vzBreadCrumb {width: 100%;color:white;font-size: 12px;background: none;margin: 0 0 10px 0; padding: 0 0 15px 15px; text-shadow: 1px 1px 3px #000;} .vzBreadCrumb a {color:white;text-decoration:none; text-shadow: 1px 1px 3px #000;} .vzBreadCrumb a:hover {text-decoration:underline;color:#fff;} ul.vzBreadCrumb li {list-style:none;display:inline-block;content:"azd";} ul.vzBreadCrumb li:nth-child(n+2):before { content: " » ";margin-left:5px; } .actu-content {background: rgba(255, 255, 255, 0.95);width: 560px; padding:1% 1% 1% 1%; margin: 0 0 20px 0;border-radius: .75em; } .actu-content .ico-big {float:left;margin-right:15px;height: 72px; width: 72px;background: url('../img/picto-actus-noir.webp');background-position: 0 0;} .actu-content h1 {text-transform: uppercase; font-family: 'DosisFont','Comfortaa', cursive; margin: 8px 0 0 10px;} .actu-content fieldset { border: none;} .actu-content fieldset.dest .ico-big span {display: block; width: 100%; margin: 1.15em 0 0; font-size: 160%; text-align: center; font-style: normal; /*font-weight: bold;*/} #mediaNav{float: left;} .actu-content fieldset.dest p { margin: 19px 0 0 0; font-size: 0.85em; color: #666; text-transform: uppercase;} .actu-content fieldset.dest ul { margin: 4px 0 0 0; padding:0; color: #666; text-transform: uppercase;} .actu-content fieldset.dest ul li {display: inline-block;} .actu-content fieldset.dest ul li.active { font-size: 120%; font-weight: bold;} .actu-content fieldset.dest ul li.depart {color: #612d1b;} .actu-content fieldset.dest ul li a {color: #666; text-decoration: none; font-size: 0.85em;} .actu-content fieldset.dest ul li a:hover, .actu-content fieldset.dest ul li.active a {color: #000; opacity: 1.0;} #actualites .ui-effects-wrapper { overflow: auto !important; } #actualites article {position:relative;cursor:pointer; border-radius:5px;background: white;width: 21%;padding:0.5% 0.5% 0.5% 0.5%;margin-right:4%;margin-bottom:14px;display: block; float: left; -webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;} #actualites article:nth-child(4n+4) { margin-right:0 !important;} #actualites article .titre {color:white;padding: 10px 0 8px 0;text-align: center; position: absolute;z-index:10;min-height:45px;width:95.5%;} article .titre a{text-decoration:none;} h2.titreActuSingle{display:inline;margin:0 10px 0 0;} header.headerActu{margin:30px 0 30px 0;} #actualites article .titre span {color: #fff; margin: .5em; opacity: .5; line-height: 6px !important; } #actualites article .titre h2 {color:white; margin: 0 !important;font-size: 120%;font-family: 'Comfortaa', cursive;font-weight: normal;text-transform: uppercase;} #actualites article .titre p {margin-bottom: 0;} #actualites article img {position:absolute;left:50%;top:50%;border: 0 !important;margin-top:-65px;margin-left:-127px;max-width:255px;padding:0;width:700px!important;height:170px!important;z-index:1;} #actualites article .smcontent { background-color: #e4e4e4; height: 230px; position: relative; overflow: hidden;} #actualites article .summup{ position: absolute; top: 100px; left: 0; }/*, #actualites article .visu */ #actualites article .summup p { font-size: .85em; padding: 2%;} #actualites article .bg-bg { opacity: 0.3; } #content-actualites .ico-big { margin-top: -18px !important; } #content-actualites h1 { text-transform: uppercase; font-weight: normal; font-size: 2.2em; } #content-actualites h1 i { margin: 5px 0 0 0; } #content-actualites h1 span { padding: 0 !important;} #content-actualites h2.titre { text-transform: uppercase; } #content-actualites .nav-actu {display: block; width: 100%; margin: 2em 0 .5em -2.7em;} #content-actualites .nav-actu li {display: block; float: left; font-weight: normal;} #content-actualites .nav-actu li a {font-weight: normal;} #content-actualites header p { display: block; } #content-actualites img.newsItem { float: left; margin: 0 15px 15px 0;} .content {background: rgba(255, 255, 255, 0.95);width: 98%; padding:1% 1% 20px; 1%; margin: 0 auto;border-radius: .75em;} .content h1 {font-family: 'Comfortaa', cursive;/*margin-top:0 !important;margin-bottom:0;*/margin:10px 0 10px 10px;font-weight:bold;font-size: 165%; padding: 0; text-transform: uppercase;} h1.videoH1 {font-size: 120% ; text-transform: none;} h1.videoH1 span {line-height: 2em; font-size: 155% ; text-transform: uppercase;} #carte-monde { overflow: hidden !important; height: 400px; width: 55%;display: inline-block;z-index:1; position: relative;} .monde #carte-monde, .france #carte-monde { height: 360px;} #carte-circuit { overflow: hidden !important; height: 345px; width: 325px;display: inline-block;z-index:1; position: relative; margin-top: 26px ; margin-left: 8px;} /* Filtre de recherche voyages */ #searchFormHolder {float:right;display: inline-block;margin-top: 10px; margin-bottom: 20px !important;width:42%;} #destBlock{width:100%;} #searchFormHolder h1 {font-family: 'Comfortaa', cursive;text-rendering: optimizelegibility;word-wrap: normal;} #destIco{float: left;width:85px;} #destBlockText{float: left;margin-top:10px;} #searchFormHolder .ico-big {background-position: 0px -700px;padding-top:3px;display: block;width: 72px;height: 72px;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;} .ico-big span {display: block;width: 100%;margin: 0.85em 0 0;font-size: 150%;text-align: center;font-style: normal;} #destTitle {color: #666;text-transform: uppercase;font-size: .85em;line-height: 140%;} #searchFormHolder ul {color: #666;text-transform: uppercase;margin:0;padding:0;} #searchFormHolder ul li {font-size: .85em;} #searchFormHolder ul.ddlist {color: #666;text-transform: uppercase;} #searchFormHolder ul.ddlist li {display: inline-block;float:left;} #searchFormHolder ul li.active a {text-decoration: none;color: #000;font-weight: bold;} #searchFormHolder ul li a {color: #666; text-decoration: none;} #searchFormHolder ul li.depart a {text-decoration: none;} #searchFormHolder li a:hover {opacity: 0.5;} #searchFormPadder{padding:20px 10px 0 0;} #form_filter {width: 100%;margin:0 15px 0 -10px;border: none;} #introFilter,#introFilter2{padding-top:10px;font-size:14px;color:#666;} #introFilter2{display:none;} #vr #sliders{margin:25px 0 0 0;} #sliders .sliderCaption{position:relative;width:100%; height:20px;} #sliders .sliderCaption label{position:absolute;top:8px;color:#000;margin:0 0 10px 0;font-size: 12px;} #sliders .sliderCaption .caption{position:absolute;right:0;margin: .5em 0 0;white-space:nowrap;width:100%;text-align:center;} #form_filter .slidebar{position:relative;} #form_filter .at1 {color:#666; font-size:7px!important;font-weight:0;margin-top:-2px !important;margin-left: 33.33333333333333% !important;position: absolute;z-index: 1;} #form_filter .at2 {color:#666; font-size:7px!important;font-weight:0;margin-top:-2px !important;margin-left: 66.66666666666666% !important;position: absolute;z-index: 1;} #form_filter .date {margin: 0 0 2em;} #form_filter .date span {display: block; width: 50%; float: left;} #form_filter .date label {width: auto; margin: 1em 1em 0 0; float: left; font-size:0.85em;} #form_filter .date input {display: inline-block;height: 20px;padding: 4px 6px;font-size: 12px;line-height: 20px;color: #555555;vertical-align: middle;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 60%; background-position: 102% -1246px;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;} #vtc #form_filter .date{display:none;} #form_filter .dure {font-size: .85em;color:#666;clear: both; margin: 0 0 30px; position: relative;} #form_filter .dure span {width: 20%; margin: 0 0 0 12%; float: left;} #form_filter .niv-phy span {width: 35px !important;height: 16px;margin: 0 auto 0 auto; font-size: .85em;display: block;} #form_filter .captionItem{width:33%;float:left;position:relative;} .roue {width: 35px !important;height: 16px;background-position: -385px -300px;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;text-align:center;} .roue.r2 {background-position: -490px -300px;} .roue.r3 {background-position: -600px -300px;} #form_filter .niv-tech {clear: both; margin: 0 0 30px 2px; position: relative; } #form_filter .niv-tech span {width: 50px !important;height: 20px;margin: 0 auto 0 auto; display: block;} #range-nivt {margin-top: 5px;} #form_filter .niv-tech span.g1 {margin: 0 0 0 50%;} #vtc #form_filter .niv-tech {display:none;} #vr #form_filter .niv-tech {display:none;} #form_filter .elec {clear: both; margin: 20px 0 10px 2px; position: relative; } #form_filter .elec label{font-size:13px;} #vr #form_filter .elec {display:none;} #form_filter .prix {clear: both; margin: 0 0 3.5em 2px; position: relative;font-size: 80%; color: #666; } #form_filter .prix label {margin: .5em 0 0; width: 106%;white-space:nowrap;width:100%;} #form_filter .prix label span {width: 13%; margin: 10px 0; float: left;} #form_filter .prix span.p600 {margin: 10px 20% 0 5%;} #form_filter .prix span.p1000 {margin: 10px 10% 0 0;} #form_filter .prix span.p2000 {float:right;width: auto;margin-top:10px; margin-left: -6px;} #form_filter .pmax{color:black;font-size:13px;margin-left: -14px;} #sele {height:30px; margin-top: 20px; font-size: 85%; color: #666; font-size: .85em;} #sele span, #sele label {display: block; width: 100%;margin:0 0 10px 0;} #sele label{color:#000;} #sele span.check {width: 50%; float: left;margin-left: -4px;} #sele span.check input { margin-right: 5%; float: left;} #sele span.check label {width: 80%;} #vtc #sele{display:none;} #vr #sele_enduro{display:none;} #themeCircuit {height:30px; margin-top: 20px; font-size: 85%; color: #666; font-size: .85em;} /*#themeCircuit span, #themeCircuit label {display: block; width: 100%;margin:0 0 10px 0;}*/ /*#themeCircuit label{color:#000;}*/ #themeCircuit span.check {width: 50%; float: left;margin-left: -4px;} #themeCircuit span.check input { margin-right: 5%; float: left;} #themeCircuit span.check label {width: 80%;} fieldset.opti{border:none;} .sele { margin-top: 30px; } .album-abo {border-top: 1px dotted #191919; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .album-abo div {padding: 5px 15px; height: 100%;} .album-abo a{display: block; height: 100%;} .album-abo .btnAlbums{height: 100%; display: flex; align-items: center; gap: 10px;} .ico-media{background-image: url(../img/pictos-albums-photos.webp)} .ico-media.i-media-nouveaute {display: block; width: 32px; height: 32px; background-position: 0 -50px;} .ico-media.i-media-creer-ablum {display: block; width: 32px; height: 32px; background-position: 0 -100px;} .ico-media.i-media-abo-news {display: block; width: 32px; height: 32px; background-position: 0 0;} .album-abo p, .album-abo a{font-size: 0.8rem; color: #666; text-decoration: none; text-transform: uppercase;} .album-abo p span, .album-abo a span {font-size: 0.7rem;} #range-dure, #range-nivp, #range-nivt, #range-prix {border: none !important;} #formules{display:none;margin:10px 0 0 0;} #vtc #formules{display:block;} #filtreGravel{display:none;margin:10px 0 0 0;} #vr #filtreGravel{display:block;} #formules label{display:block;font-size:13px;margin-bottom:5px;} #formules button{background: #d3cac2;border-radius: 6px;padding: 7px 15px 7px 15px;cursor:pointer;border:none;color: #424242;margin:0 10px 25px 0;text-transform:uppercase;} #formules button:nth-child(n+4){margin-right:0;} #formules button.active{background: #ae822b;color:#fff;} #formules button:hover{background: #ae822b;color:#fff;} #sele_liberte,#sele_enduro{display:inline;} #filtreGravel label{display:block;font-size:13px;margin-bottom:5px;} #filtreGravel button{background: #d3cac2;border-radius: 6px;padding: 7px 15px 7px 15px;cursor:pointer;border:none;color: #424242;margin:0 10px 25px 0;text-transform:uppercase;} #filtreGravel button:nth-child(n+4){margin-right:0;} #filtreGravel button.active{background: #6e773e;color:#fff;} #filtreGravel button:hover{background: #6e773e;color:#fff;} button.NiceButton{ border:none; border-radius:6px; padding: 11px 15px 11px 10px; margin-left: -10px; text-transform: uppercase; } button.NiceButton:hover{ box-shadow: 0 0 14px rgba(0, 0, 0, .6); } #vtt button.NiceButton{background: #904127;color:#fff;} #vtt button.NiceButton.active{background: #904127;color:#fff;} #vtt button.NiceButton:hover{background: #904127;color:#fff;} #vr button.NiceButton{background: #6e773e;color:#fff;} #vr button.NiceButton.active{background: #6e773e;color:#fff;} #vr button.NiceButton:hover{background: #6e773e;color:#fff;} #vtc button.NiceButton{background: #ae822b;color:#fff;} #vtc button.NiceButton.active{background: #ae822b;color:#fff;} #vtc button.NiceButton:hover{background: #ae822b;color:#fff;} button.resetAll{ float: right; border:none; border-radius:20px; padding: 7px 8px 7px 28px; margin-right: 10px; color: #000; background: url('../repeat.png') 6px 6px / 20px 20px no-repeat; } button.resetAll:hover{ box-shadow: 0 0 14px rgba(0, 0, 0, .6); } #pays-center .prixMax {font-size:16px;} #pays-center .roue {bottom: 45px;right:10px;position:absolute; z-index:55;background-position: -600px -400px !important;} #pays-center .guid {bottom: 45px;right:40px;position:absolute; z-index:55;background-position: -600px -450px !important;} .guid {width: 47px !important;height: 18px;background-position: -400px -350px;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;} .guid.g2 {background-position: -500px -350px;} .guid.g3 {background-position: -600px -350px;} .ui-slider {position: relative; height: 5px; background: #e5e5e5;} .ui-slider .ui-widget-header { border: none !important; background: none !important;} .ui-slider-range {position: relative; height: 5px; background: #fff;} .ui-slider-handle {border: none !important; position: absolute; z-index: +1; top: -10px; display: block; width: 26px; height: 26px; background-position: -397px -547px; background-color: transparent !important;} .ui-slider a.ui-slider-handle.last {background-position: -497px -597px;outline-style:none;} .ui-slider-handle {background-position: -497px -547px;} .slider {background:#eee; height:3px; position:relative; cursor:pointer; border:1px solid #ccc; width:95%; clear:both; margin:10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:inset 0 0 8px #000; } .ui-slider-handle, input.submit:before {background-image: url(../img/sprite-icones-v2.png) !important; border: none; background-repeat: no-repeat; background-position: 0 0;} .submit{cursor:pointer;} .ui-slider, fieldset.avan {width: 95%;} .ui-slider{width: 95%;} .ui-slider-handle.first {background-position: -497px -547px;outline-style:none;} /* version tactile */ #touchFilters label.mainLabel{width:30%;text-align:right;padding-right:5px;display:inline-block;} #touchFilters .select-block{font-size: .85em;clear: both; margin: 0 0 10px; position: relative;} #touchFilters .dd-container{display:inline-block;vertical-align:middle;} #touchFilters .dd-pointer {margin: -3px 0 0 0 !important;width: 0 !important;} #touchFilters .dd-selected{padding:4px !important;display:inline-block;text-transform:uppercase;font-weight:normal!important;} #touchFilters .dd-option{display:block;height:20px;} #touchFilters .dd-option label{text-align:left !important;} #touchFilters .dd-option-image, .dd-selected-image{float:none !important;margin-right:8px;} #touchFilters .dd-options{left:0;top:44px;} #touchFilters .selectPadder{width:65%;display:inline-block;} #touchFilters #sele{margin-bottom:15px;} #content-holder .introDeparts{padding:20px 35px 0 15px;font-weight:bold;font-size:16px;} #content-holder .imgPap{margin:0 0 0 15px;} a.more-opt span {margin-right:20px;display: block;font-weight: normal;font-size: 70%;} a.more-opt {text-decoration:none;display: block;width: 100%;margin: 20px 5px 0 0;color: #000;font-weight: bold;text-align: right;text-transform: uppercase;line-height: 100%;border-top: 1px dotted #000; } .ico-med {float: right;width: 30px;height: 30px;margin: -.75em -10px 0 0;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;} /*#pays-center span {font-size:70%;}*/ #pays-center .right {float:right; color:#999;font-size: 68%;} #pays-center {font-size:90%;width: 100%;margin: 15px auto 0 auto;position:relative; z-index:1;/*white-space: nowrap;*/} #pays-center article {cursor:pointer; border-radius:5px;background: white;width: 21%;padding:0.5% 0.5% 0.5% 0.5%;margin-right:4%;margin-bottom:14px;display: block; float: left; -webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;position:relative;} #pays-center article:nth-child(4n+4) { margin-right:0 !important;} #pays-center article .titre {color:white;padding: 10px 0 8px 0;text-align: center; position: absolute;z-index:10;min-height:45px;width:95.5%;z-index:13;} #pays-center article .titre h2 {padding: 0 5px; text-align: center; color:white;margin: 0 !important;font-size: 125%;font-family: 'Comfortaa', cursive;font-weight: normal;text-transform: uppercase;} #pays-center article .titre p.t_circuits {margin: 0; padding: 0; position: absolute; bottom:5px; width: 100%; text-align: center; } #pays-center article .titre p {margin-bottom: 0;} /*#pays-center article img {border: 0 !important;margin-bottom: 0 !important;width:100%;}*/ #pays-center article img{position:absolute;left:50%;top:50%;border: 0 !important;margin-top:-65px;margin-left:-127px;max-width:255px;padding:0;height:170px!important;}/*width:700px!important;*/ /*#pays-center article div.niv { white-space: nowrap; width: 70px; height: 25px; position: absolute; top:195px; right:30px; background-color: transparent;text-align:right;}*/ #pays-center article div.formula { white-space: nowrap; width: auto; height: 25px; position: absolute; bottom:7px; right:0px; color:#fff;text-align:right;z-index:10;padding:4px 10px 0px 10px;z-index:13;} #vtt div.formula{background: #612d1b;} #vr div.formula{background: #6e773e;} #vtc div.formula{background: #ae822b;} .niv{float:right;} #pays-center article div.niv { white-space: nowrap; height: 18px; background-color: transparent;text-align:right;float:right;} .bgPos{position:relative;width:100%;height:225px;overflow:hidden;top:0;} .smContent .bgPos{top:22px;} .bg-bg {opacity:1;position:absolute;display:none;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;background-position: 0 -1200px;width: 72px;height: 72px;left: 50%;margin-left: -36px;z-index:10;} /*.bg-bg2 {opacity:1;position:absolute;display:none;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;background-position: -17px -1295px;width: 40px;height: 40px;left: 50%;margin-left: -20px;z-index:12;}*/ .bg-bg2 {background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;background-position: -17px -1295px;width: 40px;height: 40px;margin:6px auto 0 auto;opacity:0;} .bg-pays {opacity:1;position:absolute;display:none;background:rgba(0,0,0,.5);color:#fff;box-sizing:border-box;width: 100%;height: 155px;left: 50%;margin-left: -50%;padding:20px 15px 0 15px;text-align:center;bottom:7px;z-index:11;} .bg-video {opacity:1;position:absolute;display:block;background-image: url(../img/yplay.png);background-repeat: no-repeat;width: 72px;height: 72px;left: 50%; top: 45%; margin-left: -36px;z-index:1;} .cartoucheFiche, .cartoucheDepart{width:100%;} .cartoucheHolder{position: relative;height:45px;} .cartoucheFiche .duree{position: absolute; left: 0; top: 0px;font-size: 14px; } .cartoucheFiche .prix{position: absolute; left: 0; top: 20px;font-size: 14px; } .cartoucheFiche .ref{position: absolute; right: 0; top: 20px;font-size: 14px; color: #999;} .cartoucheDepart .pays{position: absolute; left: 0; top: 2px; font-size: 14px; line-height:16px;} .cartoucheDepart .prix{position: relative;float:right; top: 0;font-size: 14px; line-height:16px;} .cartoucheDepart .date{position: absolute; left: 0; top: 22px;font-size: 12px; } .cartoucheDepart .ref{position: absolute; right: 0; top: 22px;font-size: 14px; color: #999;} .departsEtPrix{border-width: 1px;width:320px;} .departsEtPrix th{font-weight:bold;text-align:center;border: solid 1px #CAC1B7;padding: 5px;} .departsEtPrix td{border:2px solid ;text-align:center;padding:3px 6px 3px 6px;border: solid 1px #CAC1B7;padding: 5px;} #vtt .departsEtPrix td, #vtt .departsEtPrix th{border-color:#904127;} #vtc .departsEtPrix td, #vtc .departsEtPrix th{border-color:#ae822b;} #vr .departsEtPrix td, #vr .departsEtPrix th{border-color:#6e773e;} a.insc span.ref {position: absolute; right: .75em; bottom: .75em; font-size: 80%; font-weight: bold;} a.depart_et_prix { cursor: pointer;} a.insc {text-decoration:none;display: block; width: 250px !important; margin: 15px 0 10px; padding: 15px 15px 30px 15px; text-align: left; text-transform: uppercase; font-size: 130%; font-weight: bold; line-height: 90%; text-shadow: none; border-radius: 0; border-top: 1px dotted #000; border-bottom: 1px dotted #000; box-shadow: none; background-color: #e5e5e5;} a.insc:hover {opacity: 0.9} a.insc span {display: block; font-size: 85%; font-weight: normal;margin-top:20px;} a.insc .ico-big, a#btnInsc .ico-big {height:72px;width:72px;float:left;margin-right:10px;background-image: url(../img/sprite-icones-v2.png);} /* footer {text-align: center;margin: 50px auto 50px auto;font-size: 15px;color: #fff;text-decoration: none; clear: both;max-width:1170px;} footer a {color: #fff;text-decoration: none;font-size:15px;} footer a:hover {text-shadow:0.1px 1px 5px #666;text-decoration:underline;} footer .right {float: right;font-weight: bold;text-transform: none;} */ .hide {display: none;} .hidePanel {padding:30px 0 0 0;} #menu-nav { position: relative;} #nav-fiche{margin-top:40px;border-bottom: 1px solid #999;} #menu-fiche{padding: 0 !important;margin:0;cursor:pointer;max-width:95%;float:left;} #utils{margin:0 0 0 8px;} #utils > a{display:block;float:left;width:auto;margin-right:15px;font-weight:bold; color:#666;} #utils .download {background-image: url(../img/sprite-icones-v2.png) !important;width: 30px !important;height: 30px !important;background-position: -400px -100px !important;display:inline-block;vertical-align:middle;} #utils .print {background-image: url(../img/sprite-icones-v2.png) !important;width: 30px !important;height: 30px !important;background-position: -500px -100px !important;display:inline-block;vertical-align:middle;} #utils .share {background-image: url(../img/sprite-icones-v2.png) !important;width: 30px !important;height: 30px !important;background-position: -595px -100px !important;display:inline-block;vertical-align:middle;margin-right:6px;} /* Début de la page voyages-vtc-fiche */ #menu-fiche a {text-decoration: none;} #gmap.embed a.full-screen {text-decoration:none;position: relative; float:left;bottom: 36px; left: 5px; z-index: +10; padding: .5em; border-radius: 5px; background: #fff;} #menu-fiche > li {margin-left:5px;list-style:none;float:left;padding: 8px; font-size: 15px; font-weight: bold; text-shadow: 2px 2px 0 #fff; border: 1px solid #999; border-bottom-color: #999; border-top-left-radius: 6px; border-top-right-radius: 6px; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 72%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(72%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 72%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 72%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 72%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 72%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ } #content-fichez { max-width: 1170px; margin: 0 auto 50px auto;padding:1em 1em 3em 1em;font-size: 0.85em;border-radius: 1em;min-height: 50px;min-width: 50px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(211,202,194,.7)), to(rgba(211,202,194,.9)), color-stop(.6,rgba(211,202,194,1))); /*safari4*/ background-image:-webkit-linear-gradient(top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.7) 100px,rgba(211,202,194,.9) 250px,rgba(211,202,194,1) 500px); background-image: -moz-linear-gradient(top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.7) 100px,rgba(211,202,194,.9) 250px,rgba(211,202,194,1) 500px); background-image: -ms-linear-gradient(top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.7) 100px,rgba(211,202,194,.9) 250px,rgba(211,202,194,1) 500px); background-image: -o-linear-gradient(top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.7) 100px,rgba(211,202,194,.9) 250px,rgba(211,202,194,1) 500px); background-image: linear-gradient(from top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.7) 100px,rgba(211,202,194,.9) 250px,rgba(211,202,194,1) 500px); } #content-actualites,#content-ml { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(211,202,194,.9)), to(rgba(211,202,194,1)), color-stop(.6,rgba(211,202,194,1))); /*safari4*/ background-image:-webkit-linear-gradient(top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.9) 100px,rgba(211,202,194,1) 250px,rgba(211,202,194,1) 500px); background-image: -moz-linear-gradient(top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.9) 100px,rgba(211,202,194,1) 250px,rgba(211,202,194,1) 500px); background-image: -ms-linear-gradient(top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.9) 100px,rgba(211,202,194,1) 250px,rgba(211,202,194,1) 500px); background-image: -o-linear-gradient(top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.9) 100px,rgba(211,202,194,1) 250px,rgba(211,202,194,1) 500px); background-image: linear-gradient(from top,rgba(211,202,194,.4) 0px,rgba(211,202,194,.9) 100px,rgba(211,202,194,1) 250px,rgba(211,202,194,1) 500px); margin: 0 auto 50px auto; padding:1.5em 1em 3em 1em; border-radius: 1em; min-height: 50px; min-width: 50px; } #content-actualites { font-size: .85em; } #content-ml p { font-size: .9em; } #oprog,#oinfo,#overs,#olib,#oinsc,#oavis{display:none;} #divNiveaux{margin-top:25px;} #divNiveaux ul{margin-bottom:45px;} .velo_electrique,.velo_electrique_exclusif{background-repeat: no-repeat;width: 18px; height: 18px;margin-left:6px;display:inline-block;display: inline-block;vertical-align:middle;} .velo_electrique{background-image: url(../img/circuit-velo-electrique.png);} .velo_electrique_exclusif{background-image: url(../img/circuit-exclusivement-velo-electrique.png);} .electricDiv{display:inline-block;border-radius:4px;background-color:white;padding:4px 6px 4px 6px;margin-top:10px;} /* icones niveaux */ .r1,.r2,.r3,.r1l,.r2l,.r3l,.r1f,.r2f,.r3f,.g1,.g2,.g3,.g1l,.g2l,.g3l,.g1f,.g2f,.g3f{ background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;width: 35px; height: 18px;margin-left:6px;display:inline-block;display: inline-block;vertical-align:middle; } /* version argent */ .r1{background-position: -400px -300px;width: 16px;} .r2{background-position: -500px -300px;width: 26px;} .r3{background-position: -600px -300px;width: 35px;} .g1{background-position: -400px -350px;width: 23px;} .g2{background-position: -500px -350px;width: 35px } .g3{background-position: -600px -350px;width: 44px} /* version claire */ .r1l{background-position: -400px -400px;width: 16px;} .r2l{background-position: -500px -400px;width: 26px;} .r3l{background-position: -600px -400px;width: 35px;} .g1l{background-position: -400px -450px;width: 23px;} .g2l{background-position: -500px -450px;width: 35px;} .g3l{background-position: -600px -450px;width: 44px;} /* version flat */ .r1f{background-position: -400px -200px;width: 16px;} .r2f{background-position: -500px -200px;width: 26px;} .r3f{background-position: -600px -200px;width: 35px;} .g1f{background-position: -400px -250px;width: 23px;} .g2f{background-position: -500px -250px;width: 35px;} .g3f{background-position: -600px -250px;width: 44px;} /* #pays-center article div.niv span.r1{width: 16px !important;} #pays-center article div.niv span.r2{width: 26px !important;} #pays-center article div.niv span.r3{width: 35px !important;} #pays-center article div.niv span.g1{width: 23px !important;} #pays-center article div.niv span.g2{width: 35px !important;} #pays-center article div.niv span.g3{width: 44px !important;}*/ #pays-center article div.niv span.edit,#pays-center article div.niv span.delete{background-image: url(../img/sprite-actions.png);background-repeat: no-repeat;width: 16px; height: 16px;display: inline-block;margin: 5px 0 0 5px !important;} #pays-center article div.niv span.edit {margin-left: 30px !important;background-position: 0 -512px !important;} #pays-center article div.niv span.delete {background-position: 0 -432px !important;} ul.photo-tools { margin: 10px 0 0 0px; padding: 0; width: 220px; float: right; /*border: solid 1px red;*/} ul.photo-tools li a {display: block; line-height: 90%; text-transform: uppercase;text-decoration: none;} #content-fichez .span1 h1 {font-family: 'Comfortaa', cursive;font-weight: normal;text-transform: uppercase;font-size: 180%;margin: 0 0 .5em;text-align:left;font-style: normal;} #content-fichez .span1, #content-fichez .span1 p {text-align: justify;font-size: 110%;font-style: italic;line-height: 160%; min-height: 130px;font-weight: normal; } ul.photo-tools li {display: block; float: left; width: 50%; text-align: left; font-size: 75%} ul.photo-tools li a:hover {opacity: 0.7;} ul.photo-tools li a span {display: block; font-weight: normal;} ul.photo-tools li a .ico-med {margin: 0 4px 0 0px;float:left;} .fiche-left{float:left;width:30%;} .fiche-right{float:right;width:60%;} .fiche-right-padder{padding:0 15px 0 15px;} .fiche-right-padder h2{margin-top:40px;} .fiche-right ul{padding:0;} .fiche-right li{list-style-position: inside;} li > a:hover {opacity: 0.85;} #gmap iframe {margin-top: 20px !important;border: 3px solid #fff;margin:0 auto 0 auto;} #texte-recherche{padding:0 10px 5px 10px;} #gmap.embed a.full-screen:hover {opacity: .8;} #gmap.embed a.full-screen i {margin: .25em .25em 0 0;background-position: -456px -144px;display: inline-block;width: 14px;height: 14px;line-height: 14px;vertical-align: -15%; background-image: url("../img/glyphicons-halflings.png");} #gmap-center{margin:0 0 30px 0; } .fiche-desc {line-height: 210%;} .fiche-desc h2 {font-family: 'Comfortaa', cursive;font-size: 140%;text-transform: uppercase;font-weight: bold;} .fiche-desc h3 {font-size: 1em;} .italic {font-style: italic;font-size: 110%;} .left {margin-left:8px;} .progLeft {float:left;max-width: 292px;margin-left:8px;} .left span {color: #666;font-size: 15px;font-family: 'Comfortaa', cursive;margin:0 !important;padding:0 !important;font-weight: bold;text-transform: uppercase;} .bullets li {list-style-image:url('../img/list.png');} .menu2 { list-style-type: none; padding-left:0;} .menu2 li {width: 100%;position: relative; display: block;padding:5px 5px 0 5px;border-top: 1px solid #d3cac2;border-bottom: 1px solid #d3cac2;} .page fieldset.important{padding: 1em 0 1em 1em;margin-top: 1em;background: #e1dbd6;} .page fieldset {width: 98%;padding: 1em 0;margin: 10px 0 1em;border-bottom: 1px dotted #191919;border-top: 1px dotted #191919;border-left: 0px; border-right: 0px;} .p50 {width: 46%;display: inline-block;} .p50 label {margin: 0 35px 0 0 !important;} .menu2 li h3 {text-transform: uppercase;width:33%;display: inline-block; margin: 0 !important; color: #666; vertical-align: top;} .menu2 li span a {text-decoration: none;} .menu2 li span { display: inline-block; width: 67%;} .menu2 li.white{background: white;} .menu2 li.gray{background: #e1dbd6;} .menu3 { list-style-type: none; padding: 0 !important;margin:5px 0 20px 0;} .menu3 li {min-width:203px;position: relative; display: block;padding:5px 5px 0 5px;border-top: 1px solid #d3cac2;border-bottom: 1px solid #d3cac2;} .menu3 li h3 {vertical-align: top;padding-bottom:20px;font-size:95%;text-transform: uppercase;width:33%;display: inline-block; margin: 0 !important; color: #666;} .menu3 li span {font-weight:normal !important;display: inline-block;width:65%;font-size:90%; text-transform: none;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Avant Garde", Avenir, "Futura", sans-serif;} .menu3 li span a {text-decoration: none;} .menu3 li.whitez{background: #f7f7f7;} .menu3 li.grayz{background: #e4e4e4;} #les_btn {width:100%;height:50px;} #les_btn .btn {float:right;} .page {width: 100%;height: 100%;} .page-left {width: 25%;position: relative;} .pad {padding-left: 25%;margin-top: 10px;} .pad2 {padding-left: 25%;margin: 40px 0 40px 0;} .page-left ul a {text-decoration: none;} .page-left ul a li {text-decoration: none;margin: 0 0 .5em;padding: .5em;font-weight: bold;width: 80%;text-transform: uppercase;border: 1px dashed #7b3721;border-radius: 6px;background: #fff;list-style:none;} .page-left ul a li:hover, .page-left ul a.active li {background-color: #7b3721;text-decoration: none;color: #fff !important;} .page-left ul {margin:0 !important;padding:0 !important;} .page-left ul li .ico-med {width: 18px;height: 18px;margin: 0;background-position: -598px -47px;} .day {padding: 1.5em 30% 1.5em 1.5em;border-top:1px solid gray} .day:first-child {border:0 !important;} .day p {text-align:justify;margin-left: 30px;font-style: italic;font-size: 110%;} .day li {font-size: 110%;} .day h3, #prog .day h6, #odep h5 {color: #7b3721;margin: 0 0 1em;line-height: 120%;} #progBlocsHolder h6, #progBlocsHolder h3, #odep h5{font-size: 16px !important;font-weight: bold;} #progBlocsHolder h2, #odep h2 {font-size: 1.1em; font-weight: 700;} #oinfo .white, #oinfo .gris, #olib .white, #olib .gris {background-image:none!important;} #oinfo .day, #olib .day{padding: 1.5em 5% 1.5em 1.5em !important;} #oinfo table {border-collapse: collapse;margin-bottom:50px;} #vtt table a,#vtt .html a {color: #904127;text-decoration:none;} #vtc table a,#vtc .html a {color: #ae822b;text-decoration:none;} #vr table a,#vtc .html a {color: #6e773e;text-decoration:none;} .rating-container .filled-stars {text-shadow: none !important;} #vtt .rating-container .filled-stars {color:#904127 !important;} #vtc .rating-container .filled-stars {color:#ae822b !important;} #vr .rating-container .filled-stars {color:#6e773e !important;} .rating-sm {font-size: 2.0em !important;} .rating-xs {font-size: 1.5em !important;} #oinfo table caption {margin: 1em 0 1em !important;font-size:120%;} #oinfo table tr {border-top: 2px solid #d3cac2;border-bottom: 2px solid #d3cac2;padding: 10px 0 10px 0;} #oinfo table p {text-align: left;margin-left: 0;font-style: normal;margin-right:10px;} #oinfo table td {vertical-align: top;width: auto;padding:1em;} div.white { background: white;background: #fff url(../img/bg-prog2.png) no-repeat 100% 50%; } div.gris { background: #e1dbd6 url(../img/bg-prog1.png) repeat-y 90% 0; } #sticky {margin-top: 50px;margin-left: 50px;} .genreH1, .ficheTitre{display:block;font-size:20px;font-style:italic;margin:6px 0 6px 0;} .ficheSSTitre{display:block;font-size:22px;margin:6px 0 6px 0;text-transform: none;} #oinsc .large { width: 78% !important; } /* Mise à jour des fiches circuits déc. 2020 */ /* ----------------------------------------- */ @font-face { font-family: "Diavlo MEDIUM"; src: url(Diavlo_MEDIUM_II_37.otf); } .mainTitleCircuit { /* position: relative; margin-top: -100px; z-index: 500;*/ /*width: 300px;*/ /*font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/ position: relative; float: left; height: 300px; margin-top:-300px; padding-left: 11px; padding-left: 15px; width: 100%; } .mainTitleCircuit h1 { position: absolute; bottom: 0px; left: 16px; width: 97%; vertical-align: text-bottom; font-family: "Diavlo MEDIUM"; /*font-family: "Century Gothic", CenturyGothic, "Avant Garde", Avenir, "Futura", sans-serif;*/ font-weight: bold; font-size: 2.5em; color: #fff; } #sideNavInfo h2 { font-size: 1em; font-weight: bold; } #sideNavInfo li { font-size: 1em; font-weight: bold; } .pad h3 { font-size: 1em; font-weight: bold; } .pad p { font-size: 1em; } @media only screen and (max-width: 850px) { .mainTitleCircuit h1 { font-size: 1.5em; } } @media only screen and (max-width: 500px) { .mainTitleCircuit h1 { font-size: 1em; } } /* ----------------------------------------- */ /* inscription */ .page-left a {text-decoration: none;} .page-left.insc {font-size: 11px;} .page-left.left.insc ul {margin-top: 20px !important;} .page-left.left.insc li {list-style: none;color: #904127;font-size: 130%;margin-top: 10px;cursor: pointer;} .page-left.left.insc li.activez {font-weight: bold;color: #fff !important;} .pad .right {line-height: 120%;text-align:right;float: right;font-size: 80%;width: 100%;} .pad hr {border-bottom:0;border-right: 0;border-left: 0;border-top:1px dotted #191919;margin-top: 50px;} .pad .right .btn,.insc .btn {margin-left:10px;float:right;display: inline-block;padding: 4px 12px;margin-bottom: 0;font-size: 14px;line-height: 16px;color: #333333;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;background-color: #f5f5f5;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border: 1px solid #bbbbbb;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color: #a2a2a2;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);text-decoration: none;} .pad .right .btn .ico-med,.insc .btn .ico-med {width: 18px;height: 18px;float: left;padding-right: 15px;margin-top: -0px;} .insc .btn.next {margin-left: .5em;padding: 10px 20px 10px;font-size: 15px;text-transform: uppercase;float: right;} .insc .btn.next .ico-med { width: 26px; height: 26px;margin-top: -4px;} .insc .btn.save .ico-med { width: 18px; height: 18px;} .pad.insc span {color: #7b3721;padding-bottom: 5px;display: block;} .pad.insc select {outline:none;margin-right:10px;display: inline-block;width: 45%;border-radius:5px;padding:5px;border: 1px solid #ccc;box-shadow: inset 2px 2px 2px #ccc !important;} /* , input[type=text], input[type=password], textarea */ .pad.insc span.red {color: #7b3721;margin-left: -25px;display: inline-block;} .pad.insc p.w50 {display: inline-block;font-weight: bold;} .pad.insc label {display: inline-block;margin-left: 40px;} .pad.insc .input0,.input1 {width: 47%; display: inline-block;} .ul_insc {margin-left: 200px;} .ul_insc li{padding-right: 140px;display: inline;font-weight: bold;} table {resize: vertical;width: 100%;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Avant Garde", Avenir, "Futura", sans-serif;font-size: 0.9em;line-height: 140%;color: #000;} table input {outline:none;display: inline-block;border-radius:5px;padding:5px !important;border: 1px solid #ccc;box-shadow: inset 2px 2px 2px #ccc !important;} .smaller { font-size: 85%;width: 50%;line-height: 120%;} .fiche-desc .btn{ display: inline-block;padding: 4px 12px;margin-bottom: 0;font-size: 14px;line-height: 20px;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;background-color: #f5f5f5;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border: 1px solid #bbbbbb;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color: #a2a2a2;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} .fiche-desc .btn.download,.fiche-desc .btn.print { font-size: 110%;font-weight: bold;margin-right: .5em;text-decoration: none;} .fiche-desc .btn.download .ico-med {float: left;margin-top: -1px;height: 22px;margin-right: -7px !important;} .fiche-desc .btn.print .ico-med {float: left;margin-top: 1px;height: 20px;} .absolute {position: absolute;} .lien_page {text-decoration: none;} .rights {margin-left: 46.5%;} #menu-insc li {list-style-type: none;cursor:pointer;padding:5px 0 5px ;} #menu-insc li:hover{text-decoration: underline;} /*Changement de couleurs VR */ #vr #getEmailDialog .span-toggle-link, #vr #loginDialog .span-toggle-link, #vr #registerDialog .span-toggle-link, #vr #sprite-album-abo .span-toggle-link { color: #6e773e; } #vr #page_content a { color: #6e773e; } #vr #content-actualites a, #vr #content-actualites h2.titre { color:#6e773e; } #vr .infos-pratiques h2, #vr .infos-pratiques h3, #vr .infos-pratiques a { color:#6e773e; } #vr #content-holder article.list .titre {background: #6e773e;} #vr #content-holder article.list .gravelTitre {background: #a2b05a; !important;} #vr #content-holder article.alaune .titre {background: #6e773e !important;} #vr #actualites article .summup p {color: #6e773e;} #vr .ui-slider a.ui-slider-handle.last {background-position: -597px -597px;} #vr .ui-slider-handle {background-position: -597px -547px;} #vr .more-opt .ico-med {background-position: -597px -647px !important;} #vr #searchFormHolder ul li.depart a {color: #6e773e;} /*#vr #carte-link { background-color: #6e773e;}*/ #vr .nav-page span {color:white;} #vr .fiche-desc .btn {color: #6e773e;} #vr #menu-fiche a {color: #caccbd;} #vr .page-left a {color: #6e773e;} #vr .lien_page {color: #6e773e;} #vr #gmap.embed a.full-screen {color: #6e773e;} #vr #menu-fiche > li {color: #caccbd;} #vr ul.photo-tools li a {color: #6e773e;} #vr a.insc span.ref {color: #6e773e;} #vr a.insc {color:#6e773e;} #vr a.insc .ico-big, #vr a#btnInsc .ico-big{background-position: 0 -1000px;} #vr .menu2 li span a {color:#6e773e; font-weight:bold;} #vr ul.photo-tools li a.video .ico-med {background-position: -600px -900px;} #vr ul.photo-tools li a.full-screen .ico-med {background-position: -600px -850px;} #vr ul.photo-tools li a.photo-more .ico-med{background-position: -600px -950px;} #vr .photo-tools span {color:#6e773e;} #vr .photo-tools a {color:#6e773e !important;} #vr #menu-fiche .active a, #vr #menu-fiche a:hover{color: #6e773e} #vr .fiche-desc .btn.download .ico-med {background-position: -600px -1000px;} #vr .fiche-desc .btn.print .ico-med {background-position: -600px -1050px;} #vr .menu3 h3, #vr .menu3 span {color:#666;} #vr .left span {color:#666;} #vr .menu2 span {color:#666!important;} #vr .page-left ul a li:hover {color: #fff; background-color: #6e773e; border: 1px dashed #6e773e;} #vr .page-left ul a li:hover, #vr .page-left ul a.active li {background-color: #6e773e;} #vr .page-left ul a li {color: #6e773e; border: 1px dashed #6e773e;} #vr .content-fichez span {color: #6e773e;} #vr #menu-insc li {color: #6e773e;} #vr .insc .btn.next .ico-med {background-position: -600px -1150px;} #vr .insc .btn.save .ico-med {background-position: -600px -1100px;} #vr .bg1 {background-image: url(../img/bg-fiche.jpg);} #vr .pagination ul li a { color: #6e773e; } #vr .pagination ul li a:hover { color: #6e773e; } #vr #reservation h2 {color: #6e773e;} /*Changement de couleurs VG */ #vg #getEmailDialog .span-toggle-link, #vg #loginDialog .span-toggle-link, #vg #registerDialog .span-toggle-link, #vg #sprite-album-abo .span-toggle-link { color: #6e773e; } #vg #page_content a { color: #6e773e; } #vg #content-actualites a, #vg #content-actualites h2.titre { color:#6e773e; } #vg .infos-pratiques h2, #vg .infos-pratiques h3, #vg .infos-pratiques a { color:#6e773e; } #vg #content-holder article.list .titre {background: #6e773e;} #vg #content-holder article.list .gravelTitre {background: #a2b05a; !important;} #vg #content-holder article.alaune .titre {background: #6e773e !important;} #vg #actualites article .summup p {color: #6e773e;} #vg .ui-slider a.ui-slider-handle.last {background-position: -597px -597px;} #vg .ui-slider-handle {background-position: -597px -547px;} #vg .more-opt .ico-med {background-position: -597px -647px !important;} #vg #searchFormHolder ul li.depart a {color: #6e773e;} /*#vg #carte-link { background-color: #6e773e;}*/ #vg .nav-page span {color:white;} #vg .fiche-desc .btn {color: #6e773e;} #vg #menu-fiche a {color: #caccbd;} #vg .page-left a {color: #6e773e;} #vg .lien_page {color: #6e773e;} #vg #gmap.embed a.full-screen {color: #6e773e;} #vg #menu-fiche > li {color: #caccbd;} #vg ul.photo-tools li a {color: #6e773e;} #vg a.insc span.ref {color: #6e773e;} #vg a.insc {color:#6e773e;} #vg a.insc .ico-big, #vg a#btnInsc .ico-big{background-position: 0 -1000px;} #vg .menu2 li span a {color:#6e773e; font-weight:bold;} #vg ul.photo-tools li a.video .ico-med {background-position: -600px -900px;} #vg ul.photo-tools li a.full-screen .ico-med {background-position: -600px -850px;} #vg ul.photo-tools li a.photo-more .ico-med{background-position: -600px -950px;} #vg .photo-tools span {color:#6e773e;} #vg .photo-tools a {color:#6e773e !important;} #vg #menu-fiche .active a, #vg #menu-fiche a:hover{color: #6e773e} #vg .fiche-desc .btn.download .ico-med {background-position: -600px -1000px;} #vg .fiche-desc .btn.print .ico-med {background-position: -600px -1050px;} #vg .menu3 h3, #vg .menu3 span {color:#666;} #vg .left span {color:#666;} #vg .menu2 span {color:#666!important;} #vg .page-left ul a li:hover {color: #fff; background-color: #6e773e; border: 1px dashed #6e773e;} #vg .page-left ul a li:hover, #vg .page-left ul a.active li {background-color: #6e773e;} #vg .page-left ul a li {color: #6e773e; border: 1px dashed #6e773e;} #vg .content-fichez span {color: #6e773e;} #vg #menu-insc li {color: #6e773e;} #vg .insc .btn.next .ico-med {background-position: -600px -1150px;} #vg .insc .btn.save .ico-med {background-position: -600px -1100px;} #vg .bg1 {background-image: url(../img/bg-fiche.jpg);} #vg .pagination ul li a { color: #6e773e; } #vg .pagination ul li a:hover { color: #6e773e; } #vg #reservation h2 {color: #6e773e;} /*Changement de couleurs VTC */ #vtc #getEmailDialog .span-toggle-link, #vtc #loginDialog .span-toggle-link, #vtc #registerDialog .span-toggle-link, #vtc #sprite-album-abo .span-toggle-link { color: #ae822b; } #vtc #page_content a { color: #ae822b; } #vtc #content-actualites a, #vtc #content-actualites h2.titre { color:#ae822b; } #vtc .infos-pratiques h2, #vtc .infos-pratiques h3, #vtc .infos-pratiques a { color:#ae822b; } #vtc #content-holder article.list .titre {background: #ae822b;} #vtc #content-holder article.alaune .titre {background: #6e773e !important;} #vtc #actualites article .summup p {color: #ae822b;} #vtc .ui-slider a.ui-slider-handle.last { background-position: -497px -597px; } #vtc .ui-slider-handle {background-position: -497px -547px; } #vtc li.depart a {color: #ae822b !important;} #vtc #menu-fiche a {color: #97826f;} #vtc .lien_page {color: #7b3721;} /*#vtc #menu-fiche > li.active {color: #7b3721;}*/ #vtc #gmap.embed a.full-screen {color: #ae822b;} #vtc #menu-fiche > li {color: #97826f;} #vtc ul.photo-tools li a {color: #ae822b;} #vtc .menu2 li span a {color:#ae822b;} #vtc a.insc span.ref {color: #666;} #vtc a.insc {color:#ae822b;} #vtc a.insc .ico-big, #vtc a#btnInsc .ico-big {background-position: 0 -900px;} #vtc .page-left a {color: #ae822b;} #vtc ul.photo-tools li a.video .ico-med {background-position: -500px -900px;} #vtc ul.photo-tools li a.full-screen .ico-med {background-position: -500px -850px;} #vtc ul.photo-tools li a.photo-more .ico-med{background-position: -500px -950px;} #vtc .photo-tools span {color:#ae822b;} #vtc .photo-tools a {color:#ae822b !important;} #vtc #menu-fiche .active a, #vtc #menu-fiche a:hover{color: #ae822b !important;} #vtc .fiche-desc .btn.download .ico-med {background-position: -500px -1000px;} #vtc .fiche-desc .btn.print .ico-med {background-position: -500px -1050px;} #vtc .page-left ul a li:hover {color: #fff; background-color: #ae822b; border: 1px dashed #ae822b;} #vtc .page-left ul a li:hover, #vtc .page-left ul a.active li {background-color: #ae822b;} #vtc .page-left ul a li {color: #ae822b; border: 1px dashed #ae822b;} #vtc .page-left a {color: #ae822b;} /*#vtc h3 {color: #ae822b;}*/ #vtc #menu-insc li {color: #ae822b;} #vtc .insc .btn.next .ico-med {background-position: -500px -1150px;} #vtc .insc .btn.save .ico-med {background-position: -500px -1100px;} #vtc .fiche-desc .btn {color: #ae822b;} #vtc .bg1 {background-image: url(../img/bg-fiche.jpg);} #vtc .more-opt .ico-med {background-position: -497px -647px;} #vtc #searchFormHolder ul li.depart a {color: #ae822b;} /*#vtc #carte-link { background-color: #ae822b;}*/ #vtc .pagination ul li a { color: #ae822b; } #vtc .pagination ul li a:hover { color: #ae822b; } #div_resa h2 { color: #904127; } #vtc #reservation h2 {color: #ae822b;} /*Changement de couleurs VTT */ #vtt #getEmailDialog .span-toggle-link, #vtt #loginDialog .span-toggle-link, #vtt #registerDialog .span-toggle-link, #vtt #sprite-album-abo .span-toggle-link { color: #904127; } #vtt #page_content a { color: #904127; } #vtt #content-actualites a, #vtt #content-actualites h2.titre { color: #904127; } #vtt .infos-pratiques h2, #vtt .infos-pratiques h3, #vtt .infos-pratiques a { color: #904127;} #vtt #searchFormHolder ul li.depart a {color: #904127;} /*#vtt #carte-link { background-color: #612d1b;}*/ #vtt #content-holder article.list .titre {background: #6f4030;} #vtt #content-holder article.alaune .titre {background: #99523c !important;} #vtt #content-holder article.list:hover .titre {background: #612d1b;} #vtt #content-holder article.alaune:hover .titre {background: #904127 !important;} #vtt #actualites article .summup p {color: #612d1b;} #vtt .ui-slider a.ui-slider-handle.last {background-position: -397px -597px;} #vtt .ui-slider-handle {background-position: -397px -547px;} #vtt .nav-page span {color:white;} #vtt .fiche-desc .btn {color: #904127;} #vtt #menu-fiche a {color: #97826f;} #vtt a.insc .ico-big, #vtt a#btnInsc .ico-big {background-position: 0 -800px;} #vtt .page-left a {color: #904127;} #vtt .lien_page {color: #904127;} #vtt #gmap.embed a.full-screen {color: #904127;} #vtt #menu-fiche > li {color: #97826f;} #vtt ul.photo-tools li a {color: #904127;} #vtt a.insc span.ref {color: #904127;} #vtt a.insc {color:#904127;} #vtt .menu2 li span a {color:#904127; font-weight:bold;} #vtt ul.photo-tools li a.video .ico-med {background-position: -400px -900px;} #vtt ul.photo-tools li a.full-screen .ico-med {background-position: -400px -850px;} #vtt ul.photo-tools li a.photo-more .ico-med{background-position: -400px -950px;} #vtt .photo-tools span {color:#904127;} #vtt .photo-tools a {color:#904127 !important;} #vtt #menu-fiche .active a, #vtt #menu-fiche a:hover{color: #904127} #vtt .fiche-desc .btn.download .ico-med {background-position: -400px -1000px;} #vtt .fiche-desc .btn.print .ico-med {background-position: -400px -1050px;} #vtt .menu3 h3, #vtt .menu3 span {color:#666;} #vtt .left span {color:#666;} #vtt .menu2 h3, #vtt .menu2 span {color:#666!important;} #vtt .page-left ul a li:hover {color: #904127;} /*#vtt h3 {color: #904127;}*/ #vtt #menu-insc li {color: #904127;} #vtt .content-fichez span {color: #904127;} #vtt .page-left a {color: #904127;} #vtt .insc .btn.next .ico-med, .insc .btn.next .ico-med {background-position: -400px -1150px;} #vtt .insc .btn.save .ico-med, .insc .btn.save .ico-med {background-position: -400px -1100px;} #vtt .insc .btn.before .ico-med, .insc .btn.before .ico-med {background-position: -400px -1284px;} #vtt .bg1 {background-image: url(../img/bg-fiche.jpg);} #vtt .more-opt .ico-med {background-position: -397px -647px;} #vtt .pagination ul li a { color: #904127; } #vtt .pagination ul li a:hover { color: #904127; } /* Fin de la page voyages-vtc-fiche */ #vtt #reservation h2 {color: #904127;} /* Navigation page */ #nav-left, #nav-right{font-family: 'Comfortaa', cursive;font-weight: normal;font-size: 160%;line-height: 20px;position:absolute;} #nav-left {text-align:left; top: 45%;left:50px;z-index:13000;} #nav-right {text-align:right; top: 45%;right:50px;z-index:13000;} #nav-left a,#nav-right a {display: block;position: relative;padding: 0;color: #fff;cursor: pointer;text-decoration:none;list-style:none; text-shadow: 1px 1px 3px #000; } #nav-left a:hover,#nav-right a:hover {opacity: 0.8;text-decoration: none;} #nav-left span,#nav-right span {display: block;font-size: 70%;} #nav-left .ico-med, #nav-right .ico-med {width: 49px;height: 36px;background-position: -200px -800px;display: block;float: left;clear: both;margin: -40px 0 0;} #nav-left .ico-big, #nav-right .ico-big{background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;position: absolute;top: 5px;left: 0;width: 36px;height: 50px;margin: 0;background-position: -198px -600px;} #nav-right .ico-med {background-position: -200px -900px;width: 32px;height: 30px;float: right;} #nav-right .ico-big {left: 100%;background-position: -198px -700px;float: right;margin-left:10px;} #nav-left .ico-big {margin-left:-40px;} #nav-left .ico-med {background-position: -200px -1200px;width: 49px;height: 36px;} #nav-right .ico-med {background-position: -200px -1100px !important;height:32px;width:32px;} .voyages #nav-left .ico-med {background-position: -200px -800px; width: 49px;height: 36px;} .voyages #nav-right .ico-med {background-position: -200px -900px !important;height:32px;width:32px;} .albums #nav-left .ico-med {background-position: -200px -1200px; width: 49px;height: 36px;} .albums #nav-right .ico-med {background-position: -200px -1100px !important; height:32px;width:32px;} .actus #nav-left .ico-med {background-position: -200px -900px; width: 49px;height: 36px;} .actus #nav-right .ico-med {background-position: -200px -1200px !important; height:32px;width:32px;} .lieu {display: block;position: absolute;margin: -40px 1px 0 0;padding: .5em;width: 609px;font-size: 130%;text-transform: uppercase;z-index: 1;letter-spacing: 0.1em;background: #612d1b;} .lieu ul li.first-lieu {font-size: 70%;vertical-align:10%;padding-left:15px;} .lieu ul {letter-spacing: 0.1em; margin: 0;padding:0;color:white;font-size:80%;} .lieu ul li {display:inline-block;} .lieu ul .ico-med {width: 24px;height: 18px;margin-top:0;float:left;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;background-position: -500px 0;} /* Carousel fiche */ /*on a remplacé image 302x200 par 592x592 */ #DISABLEDcarousel-fiche {float:none;width: 100%;overflow: hidden;height:/*440*/530px;max-width:fit-content;} .DISABLEDcarousel-inner {position: relative;overflow: hidden;text-align: right; width: /*675px*/975px;height:/*440*/530px; margin: 0 auto 0 12%; /* margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: 18%;*/ padding: /*20*/6px; max-width:fit-content; } /*.carousel-inner img {padding: 3px;margin-right: 15px;width: 333px; max-width:fit-content;}*/ /*.carousel-inner img {padding: 3px;margin-right: 15px;width: 623px; max-width:fit-content;}*/ @media screen and (max-width: 750px) { /* Pour écran de moins de XX px de large */ #DISABLEDcarousel-fiche {height:240px;} .DISABLEDcarousel-inner {width: 400px;height:240px;} .DISABLEDcarousel-inner img {width:auto; height:200px;} } .coin-slider { overflow: hidden; zoom: 1; position: relative;width:370px;height:245px;float:right;margin-bottom:10px;margin-right:8px;border: 3px solid #fff;box-shadow: 2px 2px 6px #666;} .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { width: 100px; padding: 10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next {width: 30px; height: 30px; font-size: 80%; border: none; background-color: transparent; background-image: url(../img/sprite-icones-v2.png); background-repeat: no-repeat;} .cs-next {background-position: -490px -47px;position: absolute !important;top: 130px !important;right: 200px !important;z-index: 10001 !important;line-height: 30px !important;opacity: 0.7 !important;} .cs-prev {margin-left:10px;background-position: -400px -47px} div.pagination {width: 100%; text-align: center; opacity: .8;} div.pagination:hover {opacity: 1;} .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color: #999999; cursor: default; background-color: transparent; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .telConseillers{cursor:pointer;} /** Mentions Legales **/ #content-ml a { color: #904127; } #vtt #content-ml a { color: #904127; } #vtc #content-ml a { color: #ae822b; } #vr #content-ml a { color: #6e773e; } #content-ml .ico-big { margin-top: 10px !important; } #content-ml h1 { text-transform: uppercase; font-weight: normal; font-size: 2.2em; margin-top:0;width:100%;} #content-ml h1 i { margin: 5px 0 0 0; } #content-ml h1 span { padding: 0 !important;margin-top:20px;display:inline-block;line-height:28px;} #content-ml h2.titre { text-transform: uppercase; } .gauche { float: left; margin: 10px 0; } .droite { float: right; margin: 10px 0; } img.responsive{width:100% ;height:auto;} .infos-pratiques .gauche { width: 44% !important; } .infos-pratiques table.infos { width: 48% !important; float: left; margin-bottom: 8px; font-size: 0.9em !important } .infos-pratiques table.infos:nth-child(2n+1) { padding-left: 4%;} .infos-pratiques table.infos:nth-child(2n+2) { clear: both;} .infos-pratiques table.infos td.image { width: 200px; } .infos-pratiques table.infos td.image img { margin: 0 8px 0 0; border: 5px solid #fff; box-shadow: 2px 2px 5px #666; } .infos-pratiques h2 { font-family: 'Comfortaa', cursive; font-weight: normal; text-transform: uppercase; } .infos-pratiques h3 { font-family: 'Comfortaa', cursive; font-weight: normal; text-transform: none; font-style: italic; font-size: 1.1em; } .infos-pratiques .half { width: 44% !important; } .infos-pratiques h3.ssassurance { font-size: 0.9em; } .infos-pratiques table.roues, .infos-pratiques table.guidons { border-collapse: collapse; border-spacing: 0; border-color: grey; } div.achatBlock { font-size: 0.85em; } div.achatBlock:nth-child(odd) { margin-right: 115px; } .gauche img.microtpl, .achat img { float: left; margin: 0 12px 12px 0; border: 5px solid #fff; box-shadow: 2px 2px 5px #666; } .gauche h3.microtpl, .droite h3.microtpl { margin: 0; } .infos-pratiques table.roues td, .infos-pratiques table.guidons td { vertical-align: top; padding: 10px; } .infos-pratiques td.libelle { width: 22%; } .infos-pratiques td.data { width: 78%; } .infos-pratiques tr.row1 { background-color: #f9f9f9; border-bottom: 1px solid #dddddd;} .infos-pratiques tr.row2 { background-color: #E8E4E0;} table.infos td { vertical-align: top !important; } table.infos td .suite { display: none; margin: 12px 0 0 0; } table.infos td h3 { margin: -3px 0 5px 0; } table.infos a.more { cursor: pointer; } table.infos a.more:before { content: " » ";margin-left:5px; cursor: pointer; } .ico-infp { background-position: -100px -1200px; } #ml-header { clear: both; } #ml-header .droite { width: 45%; } #ml-bloc-1 .titre, #ml-bloc-2 .titre, #ml-bloc-3 .titre { font-weight: bold; margin-bottom: 8px; } #ml-bloc-1 p, #ml-bloc-2 p, #ml-bloc-3 p { margin: 3px 0; } .gauche, .droite{width: 44% !important;} input.submit-covoiturage { position: relative; display: block; width: 90%; margin: 1em 0; padding: 30px 15px 30px 80px; font-size: 115%; text-align: left; text-transform: uppercase; border-top: 1px dotted #000; border-bottom: 1px dotted #000; box-shadow: none !important; background: #e5e5e5; border-left: none; border-right: none; } /** Jquery ui patch **/ .ui-widget { font-size: 0.9em !important; } /** Album ADD **/ .content-edit .ico-big {height:72px;width:72px;float:left;margin-top:-15px;margin-right:10px;background-image: url(../img/sprite-icones-v2.png);} .content-edit {background: rgba(255, 255, 255, 0.95); width: 98%; padding:1% 1% 0 1%; margin: 0 auto;border-radius: .75em;} .content-edit h1 {font-family: 'Comfortaa', cursive;margin-top:20px !important;margin-bottom:0;font-weight:bold;font-size: 180%; padding: 0; text-transform: uppercase;} .content-edit-text { width: 90%; margin: 30px auto; font-size: 90%; clear: both;} .content-edit-text ul {padding: 0 0 0 0px; list-style: none;} .content-edit-text ul li {float: left; width: 50%; margin: 0 0 1em;} .content-edit-text ul li a {color: #000; text-transform: uppercase; line-height: 90%; padding: 0 1em 0 0; text-decoration: none;} .content-edit-text ul li a:hover { text-decoration: underline;} .content-edit-text ul li a .ico-med {float: left; margin: -5px 1em 0 0;} .content-edit-text ul li.albu a .ico-med {background-position : -200px -350px;} .content-edit-text ul li.retour a .ico-med {background-position : -200px -250px;} #content-holder article.vtt .titre {background: #6f4030;} #content-holder article.vr .titre {background: #6e773e;} #content-holder article.vtc .titre {background: #ae822b;} #content-holder article.newone .titre { background: grey; } #voyages p img { margin: 3px 3px 3px 3px; } .ico-album { background-position: 0px -200px !important; } .album-abo fieldset.links { border: none; margin-top: 20px; } .album-abo fieldset.links ul {padding: 0 0 0 0px;} .album-abo fieldset.links ul li {float: left; width: 50%; margin: 0 0 1em;list-style-type: none;} .album-abo fieldset.links ul li a {color: #000; text-transform: uppercase; line-height: 90%; padding: 0 1em 0 0;} .album-abo fieldset.links ul li a .ico-med {float: left; margin: 0 1em 0 0;} .album-abo fieldset.links ul li.abon a .ico-med {background-position : -200px -250px;} .album-abo fieldset.links ul li.conc a .ico-med {background-position : -200px -300px;} .album-abo fieldset.links ul li.albu a .ico-med {background-position : -200px -350px;} .album-abo fieldset.links ul li a span {display: normal; font-size: 80%;} .album-abo fieldset.links ul li a:hover, .album-abo fieldset.links ul li a:hover .ico-med, .album-abo fieldset.links ul li a:hover span {opacity: 0.8;} #vframe { color: #fff; width: 100%;height:auto;max-width:850px; margin: 0 auto;} #vframe h1 { color: #fff; width:90%;} #vframe p { color: #fff; text-align: justify; margin-top: 8px; } #emvForm #FOCUS_VTT_FIELD, #emvForm #FOCUS_VTC_FIELD, #emvForm #FOCUS_VR_FIELD, #emvForm #FOCUS_CAMELEON_FIELD { width: 10% !important; } #emvForm input { margin-bottom: 10px !important; } #emvForm input[type=radio]{width:auto;} #emvForm input[type=text]{width: 100%;} #emvForm { margin: 0 auto; width: 60%; } #emvForm td { text-align: center; } #progBlocsHolder,#infoBlocsHolder,#libBlocsHolder{position:relative;} .progBloc,.infoBloc,.libBloc{position:relative;} .fixedNav{position: fixed;top: 0;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfix{display:inline-block;} .clearfix{display:block;zoom:1;} img{max-width:100%;height:auto;} .error{color:red;} .error a{color:red !important;text-decoration:underline;} .success{color:green;} .video-content{background-color: black;border-radius: 1em;margin: 0 auto 50px;min-height: 50px;min-width: 50px;padding: 1.5em 1em 3em;} .videoH1{color:white;} .pswp{z-index:20000 !important;} #fullScreenBtn{cursor:pointer;} .blacklink,.blacklink:hover,.blacklink:visited{color:#000 !important;} /* Recherche */ #searchForm{margin:15px 0 25px 0;} #pagePadder{margin:0 20px 0 20px;} #resultats .highlight_word{font-weight:bold;color:#904127;} #resultats .searchResult{margin:20px 0 30px 0;} #resultats .searchResult p{margin:2px 0 2px 0;} #resultats .searchResult h3{margin:0 0 5px 0;} #resultats .resultLink {font-size:14px;} #searchSubmit{height:36px;font-size:16px;box-sizing:border-box;} #searchLocation{height:36px;padding:0 15px;font-size:16px;box-sizing:border-box;margin-right:0;border-radius: 0;} #resultats .pagination{margin:15px auto 15px auto;padding:0;text-align:center;width:90%;} #resultats .pagination li{display:inline-block;} .pointer{cursor:pointer;} .commentaire a{color:#fff;} /* Footer */ /* Bandeau newsletter */ /* footer a:hover {text-shadow: none;} #bande-footer-newsletter{padding:20px 10px 20px 10px;margin:10px 0 0 0;width: 100%; border-top-left-radius: .75em;border-top-right-radius: .75em;box-sizing:border-box;background-image:url('../img/home-v2/fond-home-vtt-medium.jpg');} #veloBloc{display:block;width:30%;min-width:194px;height:113px;float:left;text-align: center;} #newsletterBloc{float:left;width:70%;text-align:left;padding:0 0 0 10px;box-sizing:border-box;} #newsletterBloc h2{font-family: "Century Gothic", CenturyGothic, "Avant Garde", Avenir, "Futura", sans-serif;font-weight: normal;text-transform: uppercase;margin:0 0 5px 0} #nlInput{border: solid 1px black;background-color: #fff;max-width:350px;padding:0;box-sizing:border-box;border-collapse: collapse;float:left;} #newsletterform .inputtext {border:none;box-sizing:border-box;height: 33px;padding: 4px 8px 4px 8px;width:100%;margin:0;font-size:16px;box-shadow:none !important;} #newsletterButton {border: none;box-sizing:border-box;background-color: #000;color: #fff !important;cursor: pointer;display: block;height: 33px;width: 50px;line-height: 32px;margin: 0;padding: 0;text-align:center;text-decoration: none;font-weight:bold;font-size:16px;} #newsletterform td.nlSecond{width:50px;padding:1;} #nlCheck{float:left;display:inline-block;margin-left:20px;padding:7px 0;font-size:18px;} .nlCheckItem{display:inline-block;text-transform:uppercase;margin-left:15px;text-transform: uppercase;} #nlComment,#nlUnsubscribe{clear:both;display:block;width:100%;font-size:14px;padding:10px 0 0 0;} #nlComment a, #nlUnsubscribe a{text-transform:uppercase;font-size:14px;cursor:pointer;text-decoration:underline;} #nlUnsubscribe{display:none;} #nlConfirmation{font-weight:bold;font-size:16px;display:block;clear:both;} #nlConfirmation p{margin:10px 0 0 0;} */ /*bandeau sur le depart*/ /* #bande-footer-departs{padding:15px 25px 15px 25px;margin:0;width: 100%; background: rgba(255, 255, 255, 0.95);color:#000 !important;text-align:left;box-sizing:border-box;} #bande-footer-departs a{color:#000 !important;} #bande-footer-departs a:hover{color:#000 !important;text-decoration:underline;} #bande-footer-departs h2 {margin:0 0 10px 0;margin:0 0 0;} #vtt #bande-footer-departs h2 a{color: #904127 !important;} #vr #bande-footer-departs h2 a{color: #6f783d !important;} #vtc #bande-footer-departs h2 a{color: #af8329 !important;} #vtt #bande-footer-departs h2 .departf {background-position: -393px -1319px;} #vr #bande-footer-departs h2 .departf {background-position: -597px -1319px;} #vtc #bande-footer-departs h2 .departf {background-position: -495px -1319px;} #footer-departs{margin-top:15px;} #footer-departs .blocDepartFooter{width:47% !important;display: block;float:left;margin:0 5% 0 0;padding:3px 0 3px 0;border-top:dotted 1px black;box-sizing:border-box;} #footer-departs .blocDepartFooter:nth-child(2n+2){margin-right:0;} #footer-departs .blocDepartSepFooter{width:47% !important;display: block;float:left;margin:0 5% 0 0;border-top:dotted 1px black;box-sizing:border-box;height:3px} #footer-departs .blocDepartSepFooter:nth-child(2n+2){margin-right:0;} #footer-departs .paysDepart{font-weight:bold;}#footer-departs .departImgHolder{position: relative;width: 100px;height: 75px;overflow: hidden;top: 0;vertical-align:top;} #footer-departs .departTxtHolder{padding:0 0 0 15px;vertical-align:middle;} #footer-departs .blocDepartFooter img{position:absolute;left:50%;bottom:0%;border: 0 !important;margin-top:0px;margin-left:-50px;max-width:150px;padding:0;width:100px!important;height:auto!important;} #lienDepartsFooter{margin-left:52%;width:47%;height:30px;float:left;background: #fff;box-sizing:border-box;padding:7px;} #lienDepartsFooter a{width:100%;font-weight:bold;} #lienDepartsFooter a.btn-vz{height:30px;} #lienDepartsFooter .btn-vz-txt{width:auto;} #vtt #lienDepartsFooter a{color: #904127 !important;} #vr #lienDepartsFooter a{color: #6f783d !important;} #vtc #lienDepartsFooter a{color: #af8329 !important;} #vtt #lienDepartsFooter btn-vz-txt{color: #904127 !important;} #vr #lienDepartsFooter btn-vz-txt{color: #6f783d !important;} #vtc #lienDepartsFooter btn-vz-txt{color: #af8329 !important;} #vtt .i-eye {background-position: -395px -1367px;} #vtc .i-eye {background-position: -395px -1398px;} #vr .i-eye {background-position: -395px -1432px;max-width:40px;} */ /*bandeau liens*/ /* #bande-footer-links{padding:25px 25px 15px 25px;margin:0 0 10px 0;color:#000;width: 100%; border-bottom-left-radius: .75em;border-bottom-right-radius: .75em;box-sizing:border-box;text-align:left;background:#964429;} .round-top{border-top-left-radius: .75em;border-top-right-radius: .75em;} #vtt #bande-footer-links{background:#964429;} #vr #bande-footer-links{background:#7b8a4c;} #vtc #bande-footer-links{background:#d9a337;} a.btn-vz {margin:0 10px 15px 0;height: 40px; color:#000;display:table;font-weight:normal;height:40px !important;} .vz-ico-holder{display:table-cell;padding-right:10px;} .btn-vz-ico {display:block;height:40px;width:40px;min-width:40px;background: url('../img/sprite-icones-v2.png');background-position: -199px 0px;background-repeat: no-repeat;color:#000;} .vz-ico-big{width:75px;min-width:75px;height:75px;padding-right:15px;} .vz-ico-small{height:30px;} .vz-txt-big{padding-top:20px !important;} .single-lined{padding-top:10px !important;} .btn-vz-txt {display:table-cell;width:220px;text-transform:uppercase;font-size:16px;line-height:16px;margin:0;padding:0;vertical-align:top;} .btn-vz-txt span{font-weight:bold;font-size:18px;display:block;} .i-qsn{background-position: -302px -95px;} .i-esprit{background-position: -304px -149px;} .i-actuf{background-position: -304px -200px;} .i-france{background-position: -300px -397px;} .i-monde{background-position: -300px -587px;} .i-medias{background-position: 0px -200px;} .i-catalogue{background-position: -306px -248px;} .i-info{background-position: -306px -298px;} .i-resa{background-position: -306px -348px;} .table{display:table;} .row{display:table-row;} .cell{display:table-cell;vertical-align:top;} .center{margin:0 auto 0 auto !important;display:inline-block;} #footer-col-left{width:25%;min-width:220px;display:table-cell;vertical-align:top;} #footer-col-right{width:25%;min-width:220px;display:table-cell;vertical-align:top;} #footer-col-center{width:50%;display:table-cell;vertical-align:top;} .fcc-pad{margin-top:10px; } footer .frise{background: url('../img/frise.png');background-repeat:repeat-x;width:100%;height:13px;margin:10px 0 10px 0;} #listePays a{color:#000;font-size:12px;} #listePays a:after{content: " - ";} #listePays a:last-child:after{content: "";} .oneHalf{display:inline-block;width:45%;vertical-align:top;margin-right:4%;margin-bottom:20px;} .oneThird{display:inline-block;width:30%;vertical-align:top;margin-right:3%;margin-bottom:20px;} .twoThirds{display:inline-block;width:63%;vertical-align:top;margin-right:3%;margin-bottom:20px;} footer .fullWidth{display:block;width:100%;vertical-align:top;margin-right:4%;margin-bottom:20px;text-align:center;} footer .oneHalf:first-child{text-align:right;} footer .oneHalf:last-child{margin-right:0;} #coord a{color:#000 !important; font-size:14px !important;} #coord {font-size:14px !important;font-weight:bold;} #coord .copyright{text-transform:uppercase;} a.up{font-size:13px;} a.btn i{display:inline-block;margin-right:10px;} */ /* avis */ .avisPane{margin:20px 8px 40px 8px;} .noteMoyenne{float:left; width:370px;margin-bottom:20px;} .rating-container{display:inline;} .noteStat{display:inline-block;height:25px;margin-left:15px;font-weight:bold;font-size:16px;vertical-align:text-bottom;} .avisSingle{background:#e1dbd6;border-radius: 8px;padding:15px 15px 20px 15px;margin-bottom:25px;} .avisHead{font-weight:bold;font-size: 14px;} .avisHeadFirst,.avisHeadLast{display:inline;} .avisComment{font-style:italic;margin-top:8px;} .avisHeadLast{margin-left:10px;vertical-align:middle;} .avisReponseHead{margin:20px 0 15px 0px;font-weight:bold;} .avisReponseBody{font-weight:bold;font-style:italic;} .pagerCenter{display:block;width:300px;margin:0 auto 0 auto;text-align:center;} .pagerIntro, .pagerNumbers{margin: 20px 0;display:inline-block;} #avisOutput ul{margin:0;margin-left: -40px;} #avisOutput li{margin:0 4px;} .pagerNumbers li{display:inline;} .pagerNumbers li a{text-decoration:underline;cursor:pointer;background-color: rgba(211,202,194,1);} .pagerNumbers li a.active{font-weight:bold;text-decoration:none;} /*white-space: nowrap;*/ #cartoucheFiche{margin:20px 0 10px 0;} #cartoucheHeadFiche{font-size:15px;background: #808080; border: 1px #000;border-radius: 8px;margin:0 15px 15px 6px;padding:15px 15px 20px 15px;margin-bottom:25px;max-width:480px;color:#fff;display:block;float:left;} #vtt #cartoucheHeadFiche a{color:#904127;font-weight:bold;} #vr #cartoucheHeadFiche a{color: #b3c263;font-weight:bold;} #vg #cartoucheHeadFiche a{color: #b3c263;font-weight:bold;} #vtc #cartoucheHeadFiche a{color: #e4aa38;font-weight:bold;} #cartoucheHeadFiche .fa-star{ text-shadow: none; } #cartoucheHeadFiche .cartouchePrix{display:block;} #cartoucheHeadFiche .cPrix{font-size:20px;font-weight:bold;} #cartoucheHeadFiche .cartoucheL3{display:block;margin:10px 0 10px 0;} #cartoucheHeadFiche .cartoucheDuree{display:inline;} #cartoucheHeadFiche .cartoucheNiveaux{display:inline;} #cartoucheHeadFiche .cartoucheAvis{display:block;} #cartouchePhone{float:left;color:#666;margin:10px 15px 15px 0;padding:0;max-width:350px;font-weight:bold;text-align:center;font-size:15px;} #cartouchePhone a{color:#666;} #cartouchePhone a.tel{font-size:20px;} #cartouchePhone .phone{display:block;} #cartouchePhone .phoneIcon, #phoneDialog .phoneIcon{cursor:pointer;display:inline-block;margin-right:12px;background-image: url('../img/sprite-menu-2-3.png');background-repeat: no-repeat; height: 38px; width: 20px;background-position: -158px -585px;vertical-align: middle;} #cartouchePhone .phoneDesc a{text-decoration:underline;} #btnInsc, .vzBtn { background: #434343; background-image: linear-gradient(to bottom, #808080, #5c5c5c); border-radius: 8px; box-shadow: 0px 2px 6px #666666; margin: 10px 0 10px 20px; font-size: 20px; position:relative; display:inline-block; float:left; padding: 15px 15px 15px 15px; text-decoration: none; display:block; width:250px; top:0px; text-transform: uppercase; font-size: 20px; font-weight: bold; line-height: 20px; border: 1px #000; color:#fff !important; } .vzBtn{margin:0;padding: 10px 15px 15px 15px;cursor:pointer;} #btnInsc:hover, .vzBtn:hover { text-decoration: none; box-shadow: 0px 0px 2px #666666; animation-duration: .5s; animation-name: slidein; animation-fill-mode: forwards; } /*#vtt #btnInsc {color: #904127;}*/ #btnInsc .btnText, .vzBtn .btnText{display:inline-block;margin-top:15px;max-width:130px;} #btnInsc .ico-big, .vzBtn .ico-big{display:inline-block;margin-top:0px;} #btnInsc .btnText span, .vzBtn .btnText span{display: block;font-size: 85%;font-weight:normal;} @keyframes slidein { from { padding-left: 15px; } to { padding-left: 20px; } } .icoVzBtn{font-size:30px;margin:10px 15px 10px 15px;} .moneticoBtn{background:rgba(255,255,255,.8);padding: 10px;margin:0 0 0 20px;border-radius:5px;display:inline-block;float:right;} .cnil{padding:10px 0 0 0;} #fm_notification, #fm_notification span{display:block;} /* sharing panel */ #share-pane{display:inline-block;width:auto;} #pop_ctrl:hover {cursor:pointer;text-decoration:underline;} #share-pane, .popr-item{font-weight: bold !important;color: #666 !important;} .popr-box a{width:200px;display:block;float:none;} .icon-twitter, .icon-facebook, .icon-google, .icon-mail{background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;margin-right:6px;display:inline-block;display: inline-block;vertical-align:middle;} .icon-twitter{background-position: -433px -155px;width: 30px; height: 20px;} .icon-facebook{background-position: -401px -155px;width: 30px; height: 20px;} .icon-google{background-position: -506px -155px;width: 30px; height: 20px;} .icon-mail{background-position: -471px -155px;width: 30px; height: 20px;} .popr-item:hover {background-color: #ebebeb !important;} /* Mon Vélorizons */ #loginDialog, #registerDialog{background: url('../img/fond-cycliste.png') rgba(255, 255, 255, 0.95) center top !important;background-repeat: no-repeat;} #loginDialog #myVzDesc, #registerDialog #myVzDescReg,.dialogHilight {font-weight:bold;font-size:15px !important; font-style: italic;text-align:justify;display: block;margin:30px 0 0 0;color:#904127 !important;font-family:"Century Gothic", CenturyGothic, "Avant Garde", Avenir, "Futura", sans-serif;} .dialogHilight {margin-bottom:15px;} #loginDialog #myVzDesc li, #registerDialog #myVzDescReg li{color:#904127;} #loginDialog .border, #registerDialog .border{border-radius:10px;border:solid 1px #333;padding:0 15px 0 15px;margin:0;width:46%;background: rgba(255, 255, 255, 0.5);} #loginDialog a:hover,#registerDialog a:hover{text-decoration: underline;} #mon_velorizons h2{text-transform: uppercase;font-size:22px;font-weight:bold;} #mon_velorizons h3{color:#904127;} #mon_velorizons .myVzFolder{margin:0 0 40px 0;} #mon_velorizons .myVzFolderHead{background-color: #fff;padding:10px 15px 10px 15px;border-top-left-radius: 10px;border-top-right-radius: 10px;} #mon_velorizons .myVzFolderHead h4{font-size:20px;} #mon_velorizons .myVzFolderHead h4 a{font-size:20px;color:#904127;} #mon_velorizons .myVzFolderBody{background-color: #e1dbd6;padding:15px 15px 15px 15px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} #mon_velorizons .myVzFolderBody p{font-weight:bold;} #my_tours .imgShow img{border:solid 6px #fff !important; -moz-box-shadow: 5px 5px 5px 0px #c0c0c0; -webkit-box-shadow: 5px 5px 5px 0px #c0c0c0; -o-box-shadow: 5px 5px 5px 0px #c0c0c0; box-shadow: 5px 5px 5px 0px #c0c0c0; filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=5); } #my_tours .imgShow{text-align:center;} #my_tours .imgShow a{display:block;} #my_tours .simpleFolderStatus{padding:0 15px 0 15px;font-size:15px;} #my_tours .extendedFolderStatus{padding:0 15px 0 15px;font-size:15px;} .myVzPad{padding:20px 30px 40px 30px;} #mon_velorizons .whiteBtn{border-radius:5px;background-color:#fff;color:#904127;font-weight:bold;padding:5px;border:none;position:relative;top:0;margin:0 0 0 0; -moz-box-shadow: 1px 1px 2px 0px #656565; -webkit-box-shadow: 1px 1px 2px 0px #656565; -o-box-shadow: 1px 1px 2px 0px #656565; box-shadow: 1px 1px 2px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=2);} #mon_velorizons .whiteBtn:active{top:2px; -moz-box-shadow: inset 1px 1px 3px 0px #656565; -webkit-box-shadow: inset 1px 1px 3px 0px #656565; -o-box-shadow: inset 1px 1px 3px 0px #656565; box-shadow: inset 1px 1px 3px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=3);} #mon_velorizons .whiteBtn:focus{outline:0;} #mon_velorizons .whiteBtnPad{margin-top:10px;} #mon_velorizons .whiteBtnPay{padding:2px 10px 2px 10px;} .hidden {display:none;} .orange {color: #ff7a19;} .red {color: #ba1010;} .green {color: #1aaa2b;} #mon_velorizons h5{display:inline-block;font-size:16px;margin:5px 0 5px 0;text-decoration:underline;} #mon_velorizons table{font-size:14px;} #mon_velorizons .montant{font-size:16px;color: #904127;font-weight:bold;} #mon_velorizons .table>tbody>tr>td, #mon_velorizons .table>tbody>tr>th, #mon_velorizons .table>tfoot>tr>td, #mon_velorizons .table>tfoot>tr>th, #mon_velorizons .table>thead>tr>td, #mon_velorizons .table>thead>tr>th{padding:4px;} #mon_velorizons .table {background-color:#e4e4e4;} #mon_velorizons .tabs-participants li a{padding:4px 7px 4px 7px;font-size:13px; margin-left:5px;list-style:none;float:left;font-weight: bold; text-shadow: 2px 2px 0 #fff; border: 1px solid #999; border-bottom-color: #999; border-top-left-radius: 6px; border-top-right-radius: 6px; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 72%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(72%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 72%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 72%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 72%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 72%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */} #mon_velorizons .tabs-participants li a{color: #97826f !important;} #mon_velorizons .tabs-participants li.active a, #mon_velorizons .tabs-participants li a:hover{color: #904127 !important;} #mon_velorizons .tab-pane{padding-top:0;} #mon_velorizons .myVzBloc{border:solid 1px #4d4d4d;padding:10px;border-radius: 8px;margin:0 0 20px 0;} #mon_velorizons .infoBlock{margin:0 0 20px 0;} #mon_velorizons table.priceTable{width:auto;max-width:600px !important;} #mon_velorizons .colHead{text-align:right;min-width:150px;width:40%;max-width:200px;vertical-align:middle;} #mon_velorizons .colPrice{text-align:left;padding:4px 0 0 8px;vertical-align:middle;} #mon_velorizons .colPay{padding:0 0 0 20px;width:50%;vertical-align:middle;} #mon_velorizons .myVzFicheLink{font-size:14px !important; float:right; font-weight:normal;vertical-align:bottom;} #mon_velorizons .myVzFicheLink a{font-size:14px !important; font-weight:bold;} a.register-link{cursor:pointer;} #register_result a.lost-password,#register_result a.lost-password:visited{color:red;text-decoration:underline;} .whiteBg{background-color:rgba(255, 255, 255, 0.1);} .tdh3{color:#904127;font-size:16px;font-weight:bold;} .tdgrey{color:#904127;font-size:14px;font-weight:bold;} .subtleSpacer{display:inline-block;width:30px;} .warnEscales{color:#904127;font-size:14px;padding:0 5px 0 5px;} /* RESPONSIVE STYLES */ @media screen and (max-width: 1443px) { #nav-left {top: 120px;left:30%;} #nav-right {top: 120px;right:38%;} } @media screen and (max-width: 1200px) { .lieu ul {font-size:70%;} .lieu {width:491px;margin-top:-35px;} .ui-datepicker {padding:.8em;} #pays-center article .titre h2 { font-size: 100%; } ul.photo-tools {padding: 0; float: right;} ul.photo-tools li a {font-size: 75%; line-height: 100%;} .italic { font-size: 90%; } #content-fichez .span1 p { font-size: 100%; } #gmap iframe { width: 210px; height: 195px;} .download{font-size: 10px !important;} .smaller {width: 100%;} .form5 input {width: 100% !important;} /*#content-fichez { width: 900px;}*/ .menu3 li h3 { font-size: 75%;} .cartoucheDepart .ref{display:none;} /* home v1*/ .content-slider {width:800px;} .content-slider .one { margin-left: 0; } .content-slider .two { margin-left: 12%; } .content-slider .three { margin-left: 23%; } .sequence-prev,.sequence-next {top:40% !important;} #coord .copyright{text-transform:uppercase;margin-top:0;} .noteStat{height:20px;} } @media screen and (max-width: 1153px) { #btnInsc {clear:both;margin: 20px auto 10px auto;float:none;display:block;} #cartouchePhone{float:right;} #mon_velorizons .myVzFicheLink{margin:10px 0 10px 0;} } @media screen and (max-width: 882px) { #cartouchePhone,#cartoucheHeadFiche {clear:both;margin: 20px auto 40px auto;float:none;display:block;} } /* @media screen and (min-width: 450px) { #vtt #bande-footer-newsletter{background-image:url('../img/home-v2/fond-home-vtt-medium.jpg');} #vtc #bande-footer-newsletter{background-image:url('../img/home-v2/fond-home-vtc-medium.jpg');} #vr #bande-footer-newsletter{background-image:url('../img/home-v2/fond-home-vr-medium.jpg');} } */ @media screen and (max-width: 1080px) { .cartoucheHolder{height:55px;} } @media screen and (max-width: 1000px) { #loginDialog .oneHalf{width:100%;margin-right:0;} #loginDialog .border,#registerDialog .border{width:91%;margin-right:0;} } @media screen and (max-width: 980px) { .lieu {width:679px;} .ui-datepicker {width: 195px;} #searchFormHolder { width: 100%; margin: 50px 0 0 0; clear: both;} #searchFormPadder{padding:0 0 0 25px;} #carte-monde { width: 100%; clear: both;} #carte-circuit { width: 100%; clear: both;} .sele { margin-top: 30px; } #pays-center article { border-radius:5px; width: 28%;padding:1% 1% 1% 1%; margin-right: 5%;} #pays-center article:nth-child(4n+4) { margin-right:5% !important;} #pays-center article:nth-child(3n+3) { margin-right:0 !important;} #actualites article { border-radius:5px; width: 28%;padding:1% 1% 1% 1%; margin-right: 5%;} #actualites article:nth-child(4n+4) { margin-right:5% !important;} #actualites article:nth-child(3n+3) { margin-right:0 !important;} .fiche-desc { width: 65%; } .fiche-desc h3 { font-size: 0.80em;} .pad {padding-left:32% !important;} .day { padding: 1.5em} /*#content-fichez { width: 95%;}*/ /*#carousel-fiche { float:none;width:100%;} .carousel-inner {margin:0 auto 0 auto;}*/ #nav-fiche{border: none;} #menu-fiche li {border-radius: 6px; margin-bottom: 5px; } #nlCheck{margin-left:0;} } @media screen and (max-width: 900px) { #footer-col-left{width:100%;display:block;} #footer-col-left a.btn-vz{display:inline-block;clear:both;} #footer-col-right{width:100%;display:block;clear:both;} #footer-col-right a.btn-vz{display:inline-block;clear:both;} #footer-col-center{width:100%;display:block;min-height:250px;} } @media screen and (max-width: 780px) { .fiche-left{float:none;width:100%;} .fiche-right{float:none;width:100%;clear:both;padding-top:20px;} #gmap iframe { width:345px; height:325px;} #gmap-center{margin:0 auto 60px auto; width:345px; height:325px;} #nav-left {display: none;} #nav-right {display: none;} #content-holder {top: 260px; } .social_btn { display: none; } .lieu { width:99%; padding:10px 0 10px 1%;position: relative;} .lieu li:nth-child(n+3) {display:none !important;} #searchFormHolder { padding: 0 1%; width: 98%; margin:20px 0 0 0; clear: both; float: left !important;} .content h1 { font-size: 110%;padding: 5px;} /* nav{top:60px;width:290px;height:110px;left:50%;margin-left:-145px;} */ #getEmailDialog, #loginDialog, #sprite-album-abo, #registerDialog, #lostPasswordDialog {top:20%;margin-left:-200px;width:400px;} .vzBreadCrumb { display: none;} .page-left { display: none !important; } .pad { padding-left: 0 !important; padding-top: 25px;} .pad2{padding-left:20px;} .gauche{width:100% !important;} .droite{width:100% !important;} .infos-pratiques .gauche {width: 100% !important;} table.infos{width:100% !important;} table.infos:nth-child(2n+1){padding:0;} /* home v1*/ /*#btn-center{ width: 98%;} .content-slider {width:600px; } #btn-univers .ico-big {display: none;} .content-slider .one { margin-left: 0; } .content-slider .two { margin-left: 0; } .content-slider .three { margin-left: 0; }*/ #pagePadder{margin:0 10px 0 10px;} #footer-departs .blocDepartFooter{width:100% !important;margin:0;} #footer-departs .blocDepartSepFooter{width:100% !important;margin:0;} #footer-departs .blocDepartSepFooter:last-of-type{display:none;} #lienDepartsFooter{margin-left:0;width:100%;} } @media screen and (max-width: 700px) { #veloBloc{display:none;} #newsletterBloc{width:100%;} .oneThird{width:100%;margin-right:0;} footer .oneHalf:first-child{text-align:left;} .moneticoBtn{float:none;margin:20px 0 20px 0;} } @media screen and (max-width: 630px) { #pays-center article { border-radius:5px; width: 46%;padding:1% 1% 1% 1%; margin-right:4%;} #pays-center article:nth-child(3n+3) { margin-right:4% !important;} #pays-center article:nth-child(2n+2) { margin-right:0 !important;} #actualites article { border-radius:5px; width: 46%;padding:1% 1% 1% 1%; margin-right:4%;} #actualites article:nth-child(3n+3) { margin-right:4% !important;} #actualites article:nth-child(2n+2) { margin-right:0 !important;} .actu-content{height:auto;width:100%;} .day p{margin-left:0;} #content-fichez{width:100%;} } @media screen and (max-width: 570px) { #toped{display:none;} #menu-fiche{max-width:100%;} #nav-left,#nav-right {display:none;} #content-holder {top: 160px; } #footer .right {float:none !important;} .content-slider{ display: none;} .cartoucheHolder{height:55px;} #footer-col-center a.btn-vz, #footer-col-center .row,#footer-col-center .cell{display:inline-block;height:80px;} #footer-col-center .table{display:inline-block;height:165px;} /*#footer-col-center a.center{display:none;}*/ /* home v1*/ /* #content-center,#btn-univers{width:100%;} #btn-univers a{display:block;width:80%;margin:0 auto 0 auto;} #btn-univers a:last-child{margin:0 auto 0 auto;} #btn-center {position:relative;bottom:0;width:100%;height:auto;margin-top:20px;} .sequence-prev, .sequence-next{display:none !important;} #btn-univers .btn {border-bottom:1px dashed white;border-radius:10px ; opacity: 0.7;margin-bottom:15px;}*/ } @media screen and (max-width: 450px) { #gmap iframe { width:300px; height:225px;} #gmap-center{margin:0 auto 0 auto; width:300px; height:225px;margin-bottom:40px;} .ref{display:none;} #destIco{display:none;} #destTitle{display:none;} #destBlockText{margin:0 0 20px 0;} #destBlock{margin:10px 0 0 -10px;} .actu-content .dest .ico-big{display:none;} #form_filter .date span{width:100%;} #touchFilters label.mainLabel{display:block;width:100%;text-align:left;} #touchFilters .selectPadder{display:block;width:100%;} table.infos td{display:inline;width:100%;text-align:justify;} table.infos td img{margin: 0 0 15px 0 !important;} table.infos {margin-top:20px;} .gauche img.microtpl, .achat img{width:95%;float:none;} #content-ml h1 span{font-size:20px;font-weight:bold;} .cartoucheDepart .prix{display:none;} #pagePadder{margin:0 5px 0 5px;} /* #vtt #bande-footer-newsletter{background-image:url('../img/home-v2/fond-home-vtt-big.jpg');} #vtc #bande-footer-newsletter{background-image:url('../img/home-v2/fond-home-vtc-small.jpg');} #vr #bande-footer-newsletter{background-image:url('../img/home-v2/fond-home-vr-small.jpg');} */ #newsletterBloc{float:none;width:100%;} .noteMoyenne{width:100%;text-align:center;} .noteStat{margin-left: 0;} .avisHead{text-align:center;} .pagerCenter{width:100%;} .myVzPad{padding:0;} #mon_velorizons #tabs li{width:100%;margin-bottom:5px;} #mon_velorizons .extendedFolderStatus{padding:0;} #mon_velorizons .simpleFolderStatus{padding:0;} #mon_velorizons .twoThirds{width:100%;} #mon_velorizons .oneThird{width:100%;} #mon_velorizons .myVzFicheLink{display:block;} #mon_velorizons .disclaimer{display:inline-block;margin:10px 0 0 0;} } @media screen and (max-width: 400px) { .lieu {width: 363px;} a.more-opt {width:99% } #getEmailDialog, #loginDialog, #sprite-album-abo, #registerDialog, #lostPasswordDialog {top:20%;margin-left:-175px;width:350px;} #searchFormHolder {margin:0 auto 0 auto; clear: both;} /*.carousel-inner {width:281px;height:auto;left:-20px;}*/ #btnInsc {font-size:18px} /*#carousel-fiche, .sudo-box{width:95% !important;} .carousel-inner img { width: 200px; height: 150px;}*/ } div.specialMessage{ font-size:1em; color: #fff; border-radius: 4px; margin-left: 6px; margin-right: 6px; margin-bottom: 20px; padding: 10px; } #vtt div.specialMessage{ background: #612d1b; } #vr div.specialMessage{ background: #6e773e; } #vtc div.specialMessage{ background: #ae822b; } /* POUR LES CHECKBOXES DES THEMES CIRCUIT */ /* https://la-cascade.io/astuces-css-avec-checkbox/ */ /* -------------------------------------- */ /*.fancyChkbxContainer{*/ #themeCircuit { box-sizing: border-box; /*font: 1em/1 'Comfortaa', cursive;*/ color: #000; /*position: absolute;*/ /*top: 50%; left: 50%; transform: translate(-50%, -50%); */ } input.fancyChkbx { box-sizing: border-box; position: absolute; left: -9999px; } label.fancyChkbx { box-sizing: border-box; display: inline-block; position: relative; margin: 10px 10px 2px 0px; padding: 6px 12px 6px 12px; border-radius: 6px; /*Rayon des bords des boutons*/ background-color: #d3cac2; /*quand pas coché au début*/ white-space: nowrap; cursor: pointer; user-select: none; transition: background-color .2s, box-shadow .2s; } label.fancyChkbx img { margin: 0; padding: 0; vertical-align: middle; width: 36px; height: 36px; } label.fancyChkbx:hover { box-shadow: 0 0 14px rgba(0, 0, 0, .6); } input.fancyChkbx:focus + label.fancyChkbx { /*box-shadow: 0 0 20px rgba(0, 0, 0, .6);*/ background-color: #d3cac2; /*quand décoché*/ color: #000; } /* Couleurs des boutons en fonctions de l'activité */ input.fancyChkbx:checked + label.fancyChkbx { background-color: #6e773e; /*Quand coché*/ color: #fff; } #vtt input.fancyChkbx:checked + label.fancyChkbx { background-color: #904127; /*Quand coché*/ color: #fff; } #vtc input.fancyChkbx:checked + label.fancyChkbx { background-color: #ae822b; /*Quand coché*/ color: #fff; } #vr input.fancyChkbx:checked + label.fancyChkbx { background-color: #6e773e; /*Quand coché*/ color: #fff; } /* --- */ input.fancyChkbx:checked { background-color: white; /*Fond du rond à gauche quand coché*/ } span.fancyInfo { display: inline-block; transform: translate(-10px,-9px); } span.fancyInfo a:link, span.fancyInfo a:visited, span.fancyInfo a:hover, span.fancyInfo a:active { text-decoration: none; font-weight: bold; color: #cccccc; } span.fancyInfo a:hover { text-decoration: underline; } div.themeInfoContain { display: inline; } input[type=checkbox].fancyElec { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; } input[type=checkbox].fancyElec { border-radius: 4px; height: 18px; width: 18px; /*background: #fff;*/ border: 2px solid #ccc; vertical-align: middle; } #vtt input[type="checkbox"].fancyElec:checked { background: #904127; } #vr input[type="checkbox"].fancyElec:checked { background: #6e773e; } #vtc input[type="checkbox"].fancyElec:checked { background: #ae822b; } input[type="checkbox"].fancyElec:hover { box-shadow: 0 0 14px rgba(0, 0, 0, .6); } img.fancyElec { margin: 0px 4px 0px 4px ; vertical-align: middle; } /* Page inspirations */ @font-face { font-family: 'broadcast_matterregular'; src: url('/mf_websites/main/templates/fonts/broadcast_matter-webfont.woff2') format('woff2'), url('/mf_websites/main/templates/fonts/broadcast_matter-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } #content-ml .bloc-inspirations { width: 100%; max-width: 1168px; margin-top: 30px; } #content-ml .bloc-inspirations:not(:last-child) { margin-bottom: 70px; } #content-ml .bloc-inspirations .title { margin-bottom: 30px; width: 100%; border-radius: 10px; overflow: hidden; position: relative; } #content-ml .bloc-inspirations .title .background-pic { position: relative; width: 100%; overflow: hidden; display: flex; } #content-ml .bloc-inspirations .title .background-pic img { max-width: unset; } #content-ml .bloc-inspirations .title .pattern { position: absolute; width: 72px; background-image: url("/mf_websites/main/templates/img/pattern-type-b.png"); background-repeat: repeat; z-index: 0; top: 0; } #content-ml .bloc-inspirations .title .text { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; position: absolute; top: 0; } #content-ml .bloc-inspirations .title .text h2 { font-family: 'broadcast_matterregular'; text-align: center; color: #FFF; font-size: 120px; letter-spacing: 4px; text-transform: unset; margin-top: 60px; line-height: 1em; padding: 0 30px; font-weight: normal; width: 100%; } #content-ml .bloc-inspirations .title .text.long h2 { line-height: 60px; font-size: 75px; } #content-ml .bloc-inspirations .content-inspirations { display: flex; } #content-ml .bloc-inspirations .content-inspirations:not(:first-child) { margin-bottom: 40px } #content-ml .bloc-inspirations .content-inspirations .text { flex: 1; } #content-ml .bloc-inspirations .button { display: inline-block; box-shadow: 1px 2px 2px #00000077; margin-top: 40px; } #content-ml .bloc-inspirations.vtt .button { background: var(--bs-vtt-primary); } #content-ml .bloc-inspirations.vtc .button { background: var(--bs-vtc-primary); } #content-ml .bloc-inspirations.vdr .button { background: var(--bs-vr-primary); } #content-ml .bloc-inspirations .button a { color: #FFF !important; text-decoration: none; font-weight: bold; display: block; padding: 12px 6px; } @media screen and (max-width: 639px) { #content-ml .bloc-inspirations .content-inspirations .picture { display: none; } #content-ml .bloc-inspirations .title .pattern { display: none; } #content-ml .bloc-inspirations .title { height: 300px; } #content-ml .bloc-inspirations .title .text h2 { font-size: 90px; } } @media screen and (min-width: 640px) { #content-ml .bloc-inspirations .title .pattern { height: 350px; } #content-ml .bloc-inspirations .title { height: 350px; } #content-ml .bloc-inspirations .content-inspirations div:last-child { margin-left: 50px; } #content-ml .bloc-inspirations .content-inspirations .picture img { border-radius: 0 10px 0 0; } } /* Page qui-sommes-nous */ #content-ml .bloc-members { width: 100%; max-width: 1168px; } #content-ml .bloc-member { width: 50%; box-sizing: border-box; margin-bottom: 40px; } #content-ml .bloc-member .picture { display: flex; justify-content: center; } #content-ml .bloc-member .infos .name { font-weight: bold; } #content-ml .bloc-member .infos .position { font-weight: bold; font-style: italic; } @media screen and (max-width: 639px) { #content-ml .bloc-member { width: 100%; } } @media screen and (min-width: 640px) { #content-ml .bloc-members { display: flex; flex-wrap: wrap; } #content-ml .bloc-member:nth-child(2n+1) { padding-right: 20px; } #content-ml .bloc-member:nth-child(2n) { padding-left: 20px; } } /* Leaflet */ div.leaflet-popup-content { text-align: center; } /* DROPDOWN BTN CHANGEMENT LANGUE */ .dropbtn { background-color: transparent; color: white; padding: 0px 5px; border: none; cursor: pointer; } .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 0px 5px; text-decoration: none; display: block; } .dropdown-checkbox { display: none; } .dropdown-checkbox:checked ~ .dropdown-content { display: block; }