@import url(https://fonts.googleapis.com/css?family=Comfortaa);

/* -------------------------------------------- */
/* ----------------- Général ------------------ */
/* -------------------------------------------- */
.roue {
  display: inline-block;
  width: 23px !important;
  height: 23px;
  background-position: 0 0;
  background-image: url(../img/sprite-icones-niveaux.webp);
  background-repeat: no-repeat;
  text-align: center;
  margin: 0 0 0 5px;
}
.roue.r2 {
  width: 30px !important;
  background-position: -100px 0;
}
.roue.r3 {
  width: 39px !important;
  background-position: -200px 0;
}
.roue.r1dark {
  width: 23px !important;
  background-position: -300px 0;
}
.roue.r2dark {
  width: 31px !important;
  background-position: -400px 0;
}
.roue.r3dark {
  width: 39px !important;
  background-position: -500px 0;
}
.guid {
  display: inline-block;
  width: 32px !important;
  height: 11px;
  background-position: 0 -100px;
  background-image: url(../img/sprite-icones-niveaux.webp);
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.guid.g2 {
  height: 17px;
  background-position: -100px -100px;
}
.guid.g3 {
  width: 21px !important;
  background-position: -200px -100px;
}
.guid.g1dark {
  background-position: -300px -100px;
}
.guid.g2dark {
  height: 17px;
  background-position: -400px -100px;
}
.guid.g3dark {
  width: 21px !important;
  background-position: -500px -100px;
}

@media only screen and (max-width: 1100px) {
 
}

.note {display: inline-block;font-size: 1.8rem;line-height: 1;}
.star-container {display: inline-block;position: relative;color: #e0e0e0; /* étoile vide */}
.star-fill {color: #ffc107; position: absolute; top: 0; left: 0; overflow: hidden; width: 0%;}
.star {display: inline-block;}
#vtt .star-fill{color: var(--bs-vtt-primary);}
#vtc .star-fill{color: var(--bs-vtc-primary);}
#vr  .star-fill{color: var(--bs-vr-primary);}
#vg  .star-fill{color: var(--bs-vg-primary);}

/* -------------------------------------------- */
/* --------------- Head Fiche ----------------- */
/* -------------------------------------------- */

/* Arrive de style.css */

#content-fichez {
/* max-width: 1170px; */
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-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; }
#vr .content-fichez span {color: var(--bs-vr-primary);}
#vg .content-fichez span {color: var(--bs-vg-primary);}
#vtt .content-fichez span {color: var(--bs-vtt-primary);}

.genreH1, .ficheTitre{display:block;font-size:20px;font-style:italic;margin:6px 0 6px 0;}

@font-face {
  font-family: "Diavlo MEDIUM";
  src: url(Diavlo_MEDIUM_II_37.otf);
}
.mainTitleCircuit {
  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-weight: bold;
  font-size: 2.5em;
  color: #fff;
}



/* --------------- Lien plus de photo ----------------- */

.photo-tools {width: 100%; margin: 10px 0 0 0px; padding: 0; display: flex; justify-content: end; gap: 15px;}
.photo-tools a {display: flex;  }
/* .photo-tools {display: block; float: left; width: 50%; text-align: left; font-size: 75%} */
.photo-tools a:hover {opacity: 0.7;}
.photo-tools a .ico-med {margin: 0 4px 0 0px;float:left;}
.photo-tools a p{font-size: 0.8rem; line-height: 90%;text-transform: uppercase;text-decoration: none; margin: 0;}
.photo-tools a p span {display: block; font-weight: normal;}

.ico-media-photo{background-image: url(../img/sprite-icones-big-menu_web.webp); background-position: -199px -349px; width: 35px; height: 34px;}
.ico-media-video{background-image: url(../img/sprite-icones-big-menu_web.webp); background-position: -249px -349px; width: 35px; height: 34px;}
a.photo-more, a.video-more {display: flex; align-items: center; gap: 5px;text-decoration: none;}
a.photo-more p, a.video-more p {font-family: 'DosisFont';  font-size: 1rem; margin: 0 10px 0 0;}

/* --------------- Texte Description ----------------- */

.ficheSSTitre{display:block;font-size:1.2rem;margin:6px 0 6px 0;text-transform: none;}
#content-fichez .span1, #content-fichez .span1 p {text-align: justify;font-size: 1rel;font-style: italic;line-height: 160%; min-height: 130px;font-weight: normal; }

/* --------------- CartoucheFiche ----------------- */
/* .cartoucheFiche, .cartoucheDepart{width:100%;}

.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;} */

#cartoucheFiche{margin:20px 0 10px 0; display: flex; justify-content: space-around; gap: 20px 10px; flex-wrap: wrap;align-items: center;}
@media only screen and (max-width: 1100px) {
 /* #cartoucheFiche{justify-content: space-around;} */
 /* #cartoucheFiche #cartoucheHeadFiche{flex: 0 0 100%;} */
}
#cartoucheHeadFiche{font-size:15px;background: #808080; border: 1px #000;border-radius: 8px;padding:15px 15px 20px 15px;max-width:480px;color:#fff;
display: flex; flex-direction: column; gap: 8px;}
#vtt #cartoucheHeadFiche a{color:var(--bs-vtt-primary);font-weight:bold;}
#vr #cartoucheHeadFiche a{color: var(--bs-vr-primary);font-weight:bold;}
#vg #cartoucheHeadFiche a{color: var(--bs-vg-primary);font-weight:bold;}
#vtc #cartoucheHeadFiche a{color: var(--bs-vtc-primary);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:flex; justify-content: start; align-items: center;gap: 5px; flex-wrap: wrap;}
#cartouchePhone{color:#666;padding:0;max-width:350px;font-weight:bold;text-align:center;font-size:0.9rem; margin: 0;}
#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-icones-big-menu_web.webp');background-repeat: no-repeat;
    height: 35px; width: 35px;background-position: -250px -450px;vertical-align: middle;}
#cartouchePhone .phoneDesc a{text-decoration:underline;}

#btnInsc {
    background: var(--bs-primary);
    border-radius: 8px;
    font-size: 20px;
    display:flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color:#fff !important;
}
#vtt #btnInsc{background-color: var(--bs-vtt-primary);}
#vtc #btnInsc{background-color: var(--bs-vtc-primary);}
#vr  #btnInsc{background-color: var(--bs-vr-primary);}
#vg  #btnInsc{background-color: var(--bs-vg-primary);}

#btnInsc .inscr-ico-holder{width: 57px; height: 57px;}
i.ico-big-inscr{display: block; background-image: url('../img/sprite-icones-big-menu_web.webp');background-position: 0 -374px; width: 72px; height: 72px;transform: scale(0.8);
  transform-origin: top left;}
#btnInsc .btnText {font-family: 'DosisFont'; font-size: 1.2rem;}

.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;}*/
.vzBtn .btnText{display:inline-block;max-width:130px;}
/* 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);}
#vr a.insc .ico-big, #vr a#btnInsc .ico-big{background-position: 0 -1000px;}
#vg a.insc .ico-big, #vg a#btnInsc .ico-big{background-position: 0 -1000px;}
#vtc a.insc .ico-big, #vtc a#btnInsc .ico-big {background-position: 0 -900px;}
#vtt a.insc .ico-big, #vtt a#btnInsc .ico-big {background-position: 0 -800px;} */

.vzBtn .ico-big{display:inline-block;margin-top:0px;}
.vzBtn .btnText span{display: block;font-size: 85%;font-weight:normal;}
.icoVzBtn{font-size:30px;margin:10px 15px 10px 15px;}

/* --------------- Utils ----------------- */

#utils{ display: flex; justify-content: start;gap: 15px;}
#utils > a{display:block;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;}
#utlis #share-pane{display:inline-block;width:auto;}
#utils #share-pane, .popr-item{font-weight: bold !important;color: #666 !important;}

/* --------------- menu-fiche ----------------- */

#nav-fiche{margin-top: 15px;}
#menu-fiche{padding: 0 !important;margin:0;cursor:pointer;width: 100%;
  display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; border-bottom: 1px solid #999}
#menu-fiche > li {display: block; list-style:none; font-size: 1rem; 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;
  color: #aaa;
  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 */
}
#menu-fiche a {text-decoration: none;color: #aaa; padding: 5px;}

#vr #menu-fiche a.active , #vr #menu-fiche a:hover{color: var(--bs-vr-primary)}
#vg #menu-fiche a.active , #vg #menu-fiche a:hover{color: var(--bs-vg-primary)}
#vtc #menu-fiche a.active , #vtc #menu-fiche a:hover{color: var(--bs-vtc-primary);}
#vtt #menu-fiche a.active , #vtt #menu-fiche a:hover{color: var(--bs-vtt-primary)}



/* icones niveaux */
.r1l,.r2l,.r3l,.g1l,.g2l,.g3l{
    background-image: url(../img/sprite-icones-niveaux.webp);background-repeat: no-repeat;width: 35px; height: 18px;margin-left:6px;display:inline-block;display: inline-block;vertical-align:middle;
}

.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;}


/* -------------------------------------------- */
/* ------------- Contenu onglets -------------- */
/* -------------------------------------------- */


/* #oprog,#oinfo,#overs,#olib,#oinsc,#oavis{display:none;} */
#odesc .dflex,#oprog .dflex,#oped .dflex,#oinfo .dflex,#olib .dflex{display: flex; justify-content: space-around; gap: 10px; flex-wrap: wrap;}
p{font-size: 0.9rem;}
li{font-size: 0.9rem;}
.day:first-child{border: 0 !important;}
/* ------------- Onglet Descriptif -------------- */
/* - left - */
/* - left - */

.fiche-left{max-width: 390px; display: flex; flex-direction: column; align-items: center;gap: 20px;}
#carte-circuit { overflow: hidden !important; height: 345px; width: 390px;display: inline-block;z-index:1; margin-top: 15px; }
@media screen and (max-width: 1100px) {
    /* #carte-monde { width: 100%;} */
    #carte-circuit { max-width: 648px; width: 100%;}
    .fiche-left{max-width: 650px;}
}

/* .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;}
.menu2 { list-style-type: none; padding-left:0;}
.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;} */
.left span {color: #666;font-size: 15px;font-family: 'Comfortaa', cursive;margin:0 !important;padding:0 !important;font-weight: bold;text-transform: uppercase;}
.fiche-desc h2 {font-family: 'Comfortaa', cursive;font-size: 140%;text-transform: uppercase;font-weight: bold;}
.bullets li {list-style-image:url('../img/list.png'); margin: 5px 0;}

.menu3 { list-style-type: none; padding: 0 !important;margin:5px 0 20px 0;}
.menu3 li {min-width:203px;position: relative; display: block;padding:5px;border-top: 1px solid #d3cac2;border-bottom: 1px solid #d3cac2;}
.menu3 li h3 {vertical-align: top;font-weight:normal ;padding-bottom:20px;font-size:0.8rem;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:0.8rem; text-align: left; 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;}
.italic {font-style: italic;font-size: 0.9rem;}

/* - right - */
.fiche-right{max-width: 650px;}
.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;}
@media screen and (max-width: 1100px) {
   .fiche-right-padder h2{margin-top:20px;}
}
.menu2 li {width: 100%;
   /* position: relative; */
  display: block;
  padding: 5px;
  border-top: 1px solid #d3cac2;
  border-bottom: 1px solid #d3cac2;list-style:none;}
.menu2 li h3 {font-weight: normal; text-transform: uppercase;width:33%;display: inline-block; margin: 0 !important; color: #666; font-size: 0.8rem; vertical-align: top;}
.menu2 li span {font-weight: normal; text-align: left;  display: inline-block; width: 67%;color: #666; line-height: 1.3rem;vertical-align: top;}
.menu2 li span a {font-weight: bold; text-decoration: none;}
.menu2 li.white{background: white;}
.menu2 li.gray{background: #e1dbd6;}


/* ------------- Onglet Programme -------------- */
#progBlocsHolder h6, #progBlocsHolder h3{font-size: 16px !important;font-weight: bold;}
#progBlocsHolder h2{font-size: 1.1em; font-weight: 700;}

#progBlocsHolder .sideNavProg{
  height: 100%;
  display: flex;
  align-items: stretch
}
#progBlocsHolder .progBloc .page-left {width: 25%;}
#progBlocsHolder .pad {width: 75%;}
#progBlocsHolder .progBloc .progLeft {position: sticky; top: 15px;} 

#progBlocsHolder .page-left ul li {margin: 0 0 .5em;width: 80%;border: 1px dashed var(--bs-primary);border-radius: 6px;background: #fff;list-style:none;}
#progBlocsHolder .page-left ul li a {display: block;padding: .5em; text-decoration: none;font-weight: bold;text-transform: uppercase;}
#progBlocsHolder .page-left ul li:hover,#progBlocsHolder .page-left ul li.active {background-color: var(--bs-primary);text-decoration: none;color: #fff !important;}
#progBlocsHolder .page-left ul li:hover a,#progBlocsHolder .page-left ul li.active a{text-decoration: none;color: #fff !important;}
#progBlocsHolder .page-left ul {margin:0 !important;padding:0 !important;}
#progBlocsHolder .page-left ul li .ico-med {width: 18px;height: 18px;margin: 0;background-position: -598px -47px;}
#progBlocsHolder .day {padding: 1.5rem 30% 1.5rem 1.5rem;border-top:1px solid gray}
#progBlocsHolder .day:first-child {border:0 !important;}
#progBlocsHolder .day p {text-align:justify;margin-left: 30px;font-style: italic;font-size: 110%;}
#progBlocsHolder .day li {font-size: 110%;}
#progBlocsHolder .day h3,#progBlocsHolder #prog .day h6 {color: var(--bs-primary);margin: 0 0 1em;line-height: 120%;}

#vtt #progBlocsHolder .page-left ul li {border-color: var(--bs-vtt-primary);}
#vtt #progBlocsHolder .page-left ul li:hover,#vtt #progBlocsHolder .page-left ul li.active{background-color: var(--bs-vtt-primary);}
#vtt #progBlocsHolder .day h3, #vtt #progBlocsHolder #prog .day h6{color: var(--bs-vtt-primary);}

#vtc #progBlocsHolder .page-left ul li {border-color: var(--bs-vtc-primary);}
#vtc #progBlocsHolder .page-left ul li:hover,#vtc #progBlocsHolder .page-left ul li.active{background-color: var(--bs-vtc-primary);}
#vtc #progBlocsHolder .day h3, #vtc #progBlocsHolder #prog .day h6{color: var(--bs-vtc-primary);}

#vr #progBlocsHolder .page-left ul li {border-color: var(--bs-vr-primary);}
#vr #progBlocsHolder .page-left ul li:hover,#vr #progBlocsHolder .page-left ul li.active{background-color: var(--bs-vr-primary);}
#vr #progBlocsHolder .day h3, #vr #progBlocsHolder #prog .day h6{color: var(--bs-vr-primary);}

#vg #progBlocsHolder .page-left ul li {border-color: var(--bs-vg-primary);}
#vg #progBlocsHolder .page-left ul li:hover,#vg #progBlocsHolder .page-left ul li.active{background-color: var(--bs-vg-primary);}
#vg #progBlocsHolder .day h3, #vg #progBlocsHolder #prog .day h6{color: var(--bs-vg-primary);}



#progBlocsHolder div.white	 { background: white;background: #fff url(../img/bg-prog2.png) no-repeat 100% 50%; }
#progBlocsHolder div.gris { background: #e1dbd6 url(../img/bg-prog1.png) repeat-y 90% 0; }

#progBlocsHolder .pad2 {padding-left: 25%;margin: 40px 0 40px 0;}

@media screen and (max-width: 900px) {
  #progBlocsHolder{height: 100%; flex-direction: column;align-items: center}
  #progBlocsHolder .progBloc .page-left {display: none;}
  #progBlocsHolder .pad {width: 100%;}
  #progBlocsHolder .day {padding: 1rem;}
  #progBlocsHolder .pad2 {padding-left: 0;}
}


/* ------------- Onglet Depart et prix -------------- */
#odep h2 {font-size: 1rem; font-weight: 700;margin: 20px 0 10px 10px;} 
#odep h5{font-size: 1rem !important;font-weight: bold;color: var(--bs-primary);margin: 0 0 1em;line-height: 120%;}

.strtoupper {text-transform: uppercase !important;}
#odep div.white{background: #fff url(../img/bg-prog2.png) no-repeat 100% 50%;}
#odep div.gris {background: #e1dbd6 url(../img/bg-prog1.png) repeat-y 90% 0;}
#odep .day {padding: 1.5em 30% 1.5em 1.5em;  border-top: 1px solid gray;}
#odep .day p {text-align: justify; margin-left: 30px; font-style: italic; font-size: 110%;}

#odep table {resize: vertical; font-family: "Century Gothic", CenturyGothic, AppleGothic, "Avant Garde", Avenir, "Futura", sans-serif; font-size: 0.9em; line-height: 140%; color: #000;}
#odep .departsEtPrix{max-width:320px;}
#odep .departsEtPrix th{font-weight:bold;text-align:center;padding: 5px;}
#odep .departsEtPrix td{text-align:center;padding:3px 6px 3px 6px;padding: 5px;}

#vtt .departsEtPrix td, #vtt .departsEtPrix th{border-color:var(--bs-vtt-primary);}
#vtc .departsEtPrix td, #vtc .departsEtPrix th{border-color:var(--bs-vtc-primary);}
#vr .departsEtPrix td, #vr .departsEtPrix th{border-color:var(--bs-vr-primary);}
#vg .departsEtPrix td, #vg .departsEtPrix th{border-color:var(--bs-vg-primary);}
#vtt #odep h5 {color: var(--bs-vtt-primary);}
#vtc #odep h5 {color: var(--bs-vtc-primary);}
#vr #odep h5 {color: var(--bs-vr-primary);}
#vg #odep h5 {color: var(--bs-vg-primary);}

.prestaSupp {margin-left: 5%; width: 95%;}
.prestaSuppLib{width:80%;}
.prestaSuppPrix{width: 20%; padding-left: 7%; vertical-align:middle;}
@media screen and (max-width: 900px) {
  #odep .day {padding: 1rem;}
}
@media screen and (max-width: 576px) {
  .prestaSupp {margin-left: 0;width: 100%;}
  .departsEtPrix td, .departsEtPrix th{border: none}
  .departsEtPrix td.lastCell, .departsEtPrix th.lastCell{border-bottom: solid 1px gray}
}
/* ------------- Onglet Infos pratiques -------------- */
#infoBlocsHolder {
  height: 100%;
  display: flex;
  align-items: stretch
}
#infoBlocsHolder #infoBloc {width: 25%;}
#infoBlocsHolder .pad {width: 75%;}
#infoBlocsHolder #infoBloc #sideNavInfo {position: sticky; top: 15px;} 
#infoBlocsHolder h2{font-size: 1.1em; font-weight: 700;}

#infoBlocsHolder .page-left ul li {margin: 0 0 .5em;width: 80%;border: 1px dashed var(--bs-primary);border-radius: 6px;background: #fff;list-style:none;}
#infoBlocsHolder .page-left ul li a {display: block;padding: .5em; text-decoration: none;font-weight: bold;text-transform: uppercase;}
#infoBlocsHolder .page-left ul li:hover,#infoBlocsHolder .page-left ul li.active {background-color: var(--bs-primary);text-decoration: none;color: #fff !important;}
#infoBlocsHolder .page-left ul li:hover a,#infoBlocsHolder .page-left ul li.active a{text-decoration: none;color: #fff !important;}
#infoBlocsHolder .page-left ul {margin:0 !important;padding:0 !important;}
#infoBlocsHolder .page-left ul li .ico-med {width: 18px;height: 18px;margin: 0;background-position: -598px -47px;}

#infoBlocsHolder div.white{background-color: #fff;}
#infoBlocsHolder div.gris {background-color: #e1dbd6;}
#infoBlocsHolder .day {padding: 1.5rem;  border-top: 1px solid gray;}
#infoBlocsHolder .day p {text-align: justify; margin-left: 30px; font-style: italic; font-size: 110%;line-height: 140%;}
#infoBlocsHolder .day h3 {font-size: 1rem; font-weight: bold;color: var(--bs-primary); margin: 0 0 1em; line-height: 120%;}
#infoBlocsHolder .day h4 {font-size: 1rem; font-weight: normal; margin: 0 0 1em; line-height: 120%;}
#infoBlocsHolder .day h5 {font-size: 1rem; font-weight: normal; margin: 0 0 1em; line-height: 120%;}
#infoBlocsHolder .day h5 {font-size: 0.9rem; font-weight: normal; margin: 0 0 1em; line-height: 120%;}
#infoBlocsHolder .day h6 {font-size: 0.9rem; font-weight: normal; margin: 0 0 1em; line-height: 120%;}

#vtt #infoBlocsHolder .day h3{color: var(--bs-vtt-primary);}
#vtc #infoBlocsHolder .day h3{color: var(--bs-vtc-primary);}
#vr #infoBlocsHolder .day h3{color: var(--bs-vr-primary);}
#vg #infoBlocsHolder .day h3{color: var(--bs-vg-primary);}

#vtt #infoBlocsHolder .page-left ul li {border-color: var(--bs-vtt-primary);}
#vtt #infoBlocsHolder .page-left ul li:hover, #vtt #infoBlocsHolder .page-left ul li.active{background-color: var(--bs-vtt-primary);}

#vtc #infoBlocsHolder .page-left ul li {border-color: var(--bs-vtc-primary);}
#vtc #infoBlocsHolder .page-left ul li:hover, #vtc #infoBlocsHolder .page-left ul li.active{background-color: var(--bs-vtc-primary);}

#vr #infoBlocsHolder .page-left ul li {border-color: var(--bs-vr-primary);}
#vr #infoBlocsHolder .page-left ul li:hover, #vr #infoBlocsHolder .page-left ul li.active{background-color: var(--bs-vr-primary);}

#vg #infoBlocsHolder .page-left ul li {border-color: var(--bs-vg-primary);}
#vg #infoBlocsHolder .page-left ul li:hover, #vg #infoBlocsHolder .page-left ul li.active{background-color: var(--bs-vg-primary);}


@media screen and (max-width: 900px) {
  #infoBlocsHolder{height: 100%; flex-direction: column;align-items: center}
  #infoBlocsHolder #infoBloc  {display: none;}
  #infoBlocsHolder .pad {width: 100%;}
  #infoBlocsHolder .day {padding: 1rem;}
}

/* ------------- Onglet Version Liberté -------------- */

#libBlocsHolder {
  height: 100%;
  display: flex;
  align-items: stretch
}
#libBlocsHolder #libBloc {width: 25%;}
#libBlocsHolder .pad {width: 75%;}
#libBlocsHolder #libBloc #sideNavLib {position: sticky; top: 15px;} 
#libBlocsHolder h2{font-size: 1.1em; font-weight: 700;}

#libBlocsHolder .page-left ul li {margin: 0 0 .5em;width: 80%;border: 1px dashed var(--bs-primary);border-radius: 6px;background: #fff;list-style:none;}
#libBlocsHolder .page-left ul li a {display: block;padding: .5em; text-decoration: none;font-weight: bold;text-transform: uppercase;}
#libBlocsHolder .page-left ul li:hover,#libBlocsHolder .page-left ul li.active {background-color: var(--bs-primary);text-decoration: none;color: #fff !important;}
#libBlocsHolder .page-left ul li:hover a,#libBlocsHolder .page-left ul li.active a{text-decoration: none;color: #fff !important;}
#libBlocsHolder .page-left ul {margin:0 !important;padding:0 !important;}
#libBlocsHolder .page-left ul li .ico-med {width: 18px;height: 18px;margin: 0;background-position: -598px -47px;}

#libBlocsHolder div.white{background-color: #fff;}
#libBlocsHolder div.gris {background-color: #e1dbd6;}
#libBlocsHolder .day {padding: 1.5rem;  border-top: 1px solid gray;}
#libBlocsHolder .day p {text-align: justify; margin-left: 30px; font-style: italic; font-size: 110%;line-height: 140%;}
#libBlocsHolder .day h3 {font-size: 1rem; font-weight: bold;color: var(--bs-primary); margin: 0 0 1em; line-height: 120%;}
#libBlocsHolder .day h4 {font-size: 1rem; font-weight: normal; margin: 0 0 1em; line-height: 120%;}
#libBlocsHolder .day h5 {font-size: 1rem; font-weight: normal; margin: 0 0 1em; line-height: 120%;}
#libBlocsHolder .day h5 {font-size: 0.9rem; font-weight: normal; margin: 0 0 1em; line-height: 120%;}
#libBlocsHolder .day h6 {font-size: 0.9rem; font-weight: normal; margin: 0 0 1em; line-height: 120%;}


#vtt #libBlocsHolder .day h3{color: var(--bs-vtt-primary);}
#vtc #libBlocsHolder .day h3{color: var(--bs-vtc-primary);}
#vr #libBlocsHolder .day h3{color: var(--bs-vr-primary);}
#vg #libBlocsHolder .day h3{color: var(--bs-vg-primary);}

#vtt #libBlocsHolder .page-left ul li{border-color: var(--bs-vtt-primary);}
#vtt #libBlocsHolder .page-left ul li:hover, #vtt #libBlocsHolder .page-left ul li.active{background-color: var(--bs-vtt-primary);}

#vtc #libBlocsHolder .page-left ul li{border-color: var(--bs-vtc-primary);}
#vtc #libBlocsHolder .page-left ul li:hover, #vtc #libBlocsHolder .page-left ul li.active{background-color: var(--bs-vtc-primary);}

#vr #libBlocsHolder .page-left ul li{border-color: var(--bs-vr-primary);}
#vr #libBlocsHolder .page-left ul li:hover, #vr #libBlocsHolder .page-left ul li.active{background-color: var(--bs-vr-primary);}

#vg #libBlocsHolder .page-left ul li{border-color: var(--bs-vg-primary);}
#vg #libBlocsHolder .page-left ul li:hover, #vg #libBlocsHolder .page-left ul li.active{background-color: var(--bs-vg-primary);}

@media screen and (max-width: 900px) {
  #libBlocsHolder{height: 100%; flex-direction: column;align-items: center}
  #libBlocsHolder #libBloc  {display: none;}
  #libBlocsHolder .pad {width: 100%;}
  #libBlocsHolder .day {padding: 1rem;}
} 

/* ------------- Onglet 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: -30px;}
#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;}

#vr #page_content a { color: var(--bs-vr-primary); }
#vg #page_content a { color: var(--bs-vg-primary); }
#vtc #page_content a { color: var(--bs-vtc-primary); }
#vtt #page_content a { color: var(--bs-vtt-primary); }