/* Fichier de style des fiches détail sit */

.section{width:100%; float:left}
.fiche-detail h1{/*color: var(--sit-principal-color)*/}
.fiche-detail h2{color: var(--sit-secondary-color)}
.fiche-detail h3{color: var(--sit-terciary-color)}

.lei-container {max-width: 1460px; margin:0 auto;float: none;  width: 100%;  padding: 5px 0; position:relative}

/*.main_SIT{display: grid;}*/
/* Partie fil ariane SIT */
.header_SIT{ width:100%; float:left; font-size:90%;background-color: var( --e-global-color-2089d16 ); padding-top:25px}
#breadcrumbs{padding:0 15px; margin:0}
#breadcrumbs i{ font-size:80%; margin:0 5px;color: #222;}
#breadcrumbs a{ color: var( --e-global-color-text ) !important;}
/* Fin Partie fil ariane lei */


/* Partie diaporama */
/*diapo fiche*/
.lei-diaporama{ width: 100%; display: flex;height: calc(-64px + 62vh) !important; min-height: calc(-64px + 40vh) !important; margin:10px 0}
.diaporama-rslides {position: relative;z-index: 1; margin:0 auto;width: 50%;  height:100% ; overflow: hidden}
.rslides {list-style: outside none none;margin: 0 !important;
  overflow: hidden;padding: 0;/*! position: relative; */}
.rslides li { position: initial !important;}
.rslides a {display: block;text-align: center;}
.rslides img {height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
.rslides_nav {  font-size: 70px; text-decoration:none !important; position: absolute; top:40%; z-index: 6;}
.rslides_nav.prev {left: 1%;}
.rslides_nav.next {right: 1%;}
.rslides_tabs {bottom: 0;left: 0;margin: 0 !important;padding: 5px 0 !important;position: absolute;width: 100%;z-index: 5;}
.rslides_tabs, .rslides_tabs li {list-style-type: none;margin: 0;padding: 0;text-align: center;}
.rslides_tabs li {display: inline-table;font-size: 0;margin: 4px;overflow: hidden;}
.rslides_tabs li a {opacity:0.8; background: #ffffff none repeat scroll 0 0;border-radius: 15px; color: transparent !important;display: block;height: 12px;text-indent: -1000px; width: 12px;}
.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover {opacity:1;background: #fff none repeat scroll 0 0;}
.rslides_nav.prev, .rslides_nav.next{opacity:0}
.lei-diaporama:hover .rslides_nav {opacity:0.8; color:#fff;}
.rslides_nav.prev:hover, .rslides_nav.next:hover {opacity:1;}
.fiche-slider-thumbnails{ width: 50% ;display: flex !important; align-content:stretch; align-items:stretch;
justify-content: space-between; flex-wrap:wrap; overflow:hidden}
.fiche-slider-thumbnails a{height: 50% !important;width: 50% !important;
padding-left: 8px !important; display: inline-block; position:relative; }
.fiche-slider-thumbnails img{height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
.img-one {position: relative;z-index: 1; margin:0 auto;width: 50%;  height:100% ; overflow: hidden;}
.bloc-img-one {list-style: outside none none;margin: 0 !important;  overflow: hidden;padding: 0;}
.bloc-img-one a {display: block;text-align: center;}
.bloc-img-one img {height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
.lei-diaporama-thumbnails{ width: 50% ;display: flex !important; align-content:stretch; align-items:stretch;
justify-content: space-between; flex-wrap:wrap; overflow:hidden}
.lei-diaporama-thumbnails a{height: 50% !important;width: 50% !important;
padding-left: 8px !important; display: inline-block; position:relative; }
.lei-diaporama-thumbnails img{height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
/* Fin Partie diaporama */


/* Partie Diaporama Circuits*/
.zone-carto .zone-flex{ width: 100%; display: flex;height: calc(-64px + 62vh) !important; min-height: calc(-64px + 40vh) !important; margin:0; max-height:510px; margin-bottom:10px}
.bloc-one {position: relative;z-index: 1; margin:0 auto;width: 60%;  height:100% ; overflow: hidden;}
.bloc-one #mapCircuit{ max-height: 100% !important;}
.bloc-two{ width: 40% ;display: flex !important; align-content:stretch; align-items:stretch;
justify-content: space-between; flex-wrap:wrap; overflow:hidden}
.bloc-two .img-one {width: 100%;  height:100% ; }
.bloc-two *{ padding:0; margin:0; display: block}
.bloc-two > div{height: 50% !important;width: 100% !important;
padding-left: 8px !important; display: inline-block; position:relative; }
.bloc-img a{ display: block; width: 100%; height:100%; border-radius:15px; overflow: hidden; margin: 5px; }
.bloc-img img{height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;}
.profil-altimetrique{text-align: center; /*! display: flex; */ /*! align-items: center */}
.profil-altimetrique > div{text-align: center; display: flex; align-items: center; height: 100% }
.profil-altimetrique img{ margin: auto}

.info-circuit > div{ float:left; background: var(--sit-principal-color); margin-top:10px}
.picto-circuit {float:left;display: flex; font-weight: 500; align-items: center; padding:6px 10px; margin:2px 4px; color:#ffffff}
.picto-circuit img{height:22px; margin:0 5px}

.info-circuit {  float: right;  margin: 25px 0;}
.bandeau-circuit {  position: relative;   float: left;  width: 100%; }
.bandeau-circuit .affichage.trajet{display: none}
.zone-img-circuit .bloc-img{  position: relative;  width: 100%; display:flex; aspect-ratio:  initial}
.zone-img-circuit .bloc-img a{ max-width:33%; aspect-ratio: 300/220; display: inline-block ; position: relative}
.fiche-detail-circuit .lien-photos{/*! width: 66.66666667% !important; */ /*! position: relative; */   /*! float: left; */}
.carte-bloc{ padding:0 0 15px 0;}
.bandeau-circuit #mapCircuit{border-radius:15px; margin-top: 25px ; z-index:1; min-height:55vh}
.bandeau-circuit .lien-photos{/*! display:none */}

/* Partie Diaporama Réduit */
.fiche_slider_reduit {  width: 100%;  display: flex;  height: calc(-64px + 62vh) !important; min-height: calc(-64px + 40vh) !important;  margin: 10px 0;}
.lei-diaporeduit {  width: 100%;  display: flex !important;  align-content: stretch;  align-items: stretch; justify-content: space-between;  flex-wrap: wrap;  overflow: hidden;}
.lei-diaporeduit-img {  height: 100% !important;  width: 33.3% !important;  padding-left: 8px !important; display: inline-block;  position: relative;}
.lei-diaporeduit-img img {  height: 100%;  left: 0;  object-fit: cover;  position: absolute; top: 0;  width: 100%;  padding: 5px;}
@media (max-width:641px) {
    .lei-diaporeduit-img{ width:50% !important; height: 39% !important;} 
    .lei-diaporeduit-img:first-child{ width:100% !important;height: 62% !important;} 
}
.lei-diaporama {   height: calc(-64px + 72vh) !important;  min-height: calc(-64px + 50vh) !important; padding:5px; position: relative}
.zone-photos{ position: relative; width:100%; float:left}

.img-one{ width:100%;border-radius:15px;overflow:hidden; }
.bloc-img-one img{padding:0}
.lei-diaporama-thumbnails{ display: none !important;}


/* Partie carte sur fiche détail */
.fiche-detail .leaflet-control-layers-toggle {  background-image: url(images/layers.png); background-size:32px auto}
.fiche-detail .leaflet-control-fullscreen a {  background: #fff url(images/fullscreen.png) no-repeat 0 0;
    background-position-x: 0px;    background-position-y: 0px;    background-image: url(images/fullscreen.png);
    background-size: auto;  background-size: 26px 26px;}

.fiche-detail .leaflet-touch .leaflet-control-layers, .fiche-detail .leaflet-touch .leaflet-bar {
  border: none; box-shadow: 1px 1px 5px 3px rgba(0,0,0,.2); border-radius: 0;}
.fiche-detail .leaflet-bar a, .fiche-detail .leaflet-bar a:hover{ color:var(--sit-principal-color); font-weight:700}

/* Circuits */
.infos-circuits{ background: #fff; padding:10px 20px; text-align: center; border-radius:40px; margin:10px 0;
    display: flex ; justify-content: center; align-items:center}
.infos-circuits *{color:var(--sit-principal-color);}
.infos-circuits span {  display: inline-block;  margin: 0 10px;  font-size: 95%;  }
.infos-circuits img {  display: inline-block;  margin-right: 5px;  max-height: 24px; border-radius:0 !important}

.niveau-difficulte{ width: 100%; display: flex; text-align: center}
.niveau-difficulte div{padding:10px 20px; text-align: center; border-radius:40px; margin:10px auto;
    display: inline-block ;}
.niveau-facile{background:#62AA68; }
.niveau-intermediaire{background:#6090DA;}
.niveau-sportif{background:#DD5229;}
.niveau-expert{background:#000;}

/* manifestations */
.bandeau-manif {  position: relative;   float: left;  width: 100%; }

/* Partie Orpheline */
.fiche-detail .bouton-360{margin:.5em 0}
/* Fin Partie Orpheline */

/* GE - Si une section est n'a pas d'enfants, elle est masquée */
.sit_section_title:only-child{
    display: none;
    margin: 0px 0;
}

.sit_section:not(:has(.bloc-crit:not(:empty))) .sit_section_title {
    display: none;
}

.fiche-detail{float:left;width: 100%; line-height: 1.3;}
.fiche-detail h1{/*font-size:280%;  margin:0; font-weight: 900*/}
.fiche-detail h2{margin-top: 1.5rem;margin-bottom: .8rem; font-weight: 900;font-family: "City Birds", Sans-serif; color: var(--sit-principal-color) !important; width:100%; /* font-size: 2.2em  !important;*/}
.fiche-detail h3{display:block; width:100%; font-size: 150%; font-weight: 700; margin-top: .8rem;margin-bottom: .5rem; color: var(--sit-terciary-color) !important;}
.fiche-detail h5{color:#202020;display:inline-block;text-transform: uppercase; font-size:110%; font-weight:700}


.fiche-titre{ margin:10px 0}
.fiche-titre > *{ display:inline; /*vertical-align:middle;*/ margin-right:10px; }
.fiche-titre > div{display:inline-block; margin:0 5px}
.fiche-titre .pictoLEI{margin: 5px;}
.fiche-titre .pictoLEI img{max-height:30px; width:auto }


.fiche-titre .sit_default img{
    height: var(--sit-img-carre-height);
    width: var(--sit-img-carre-width);
}
.fiche-titre .sit_carre img{
    height: var(--sit-img-carre-height);
    width: var(--sit-img-carre-width);
}
.fiche-titre .sit_drapeau img{
    height: var(--sit-img-drapeau-height);
    width: var(--sit-img-drapeau-width);
}
.fiche-titre .sit_rectangle img{
    height: var(--sit-img-rectangle-height);
    width: var(--sit-img-rectangle-width);
}

.fiche-titre .partenaire-OT img{max-height:54px; width:auto }
.fiche-titre .unesco img{max-height:54px; width:auto }
.fiche-titre .label-bio img{max-height:56px; width:auto }

.accroche{color: var(--sit-principal-color);font-size: 120%; font-weight: 700;display: block}
#fiche-presentation > div.descriptif{font-size: 110%; }
#fiche-presentation > div{ display: block; margin:10px 0; width:100%; float:left}
#fiche-presentation > div > div{ display: block; margin:5px 0; width:100%; float:left}
.fiche-detail .btn{ /*! background: var(--sit-principal-color); */ /*! color:#fff; */ width:100%; /*! text-align: center; */ /*! text-transform: uppercase; */ /*! font-weight: 700; *//*! border: none; */padding: 15px; padding:10px 15px;}
.fiche-detail .btn:hover{ background: var( --e-global-color-primary ); color:#fff;}

.btn.btn-gris{background-color:#7c6e6e; color:#fff !important; }


/* Partie conseil d'expert */
.avis-expert{ padding:1em;  margin:1em 0; background-color:#E4E0D7;}
.avis-expert h3{white-space:nowrap; margin:auto 20px; }
.avis-expert blockquote{margin:auto; font-weight: 500 }
.avis-expert .auteur{ background: url(../images/ombre-sep-verti.png) no-repeat right center; padding:0 20px; min-height: 64px;}
.avis-expert .auteur-img{ width:100px; height:100px; overflow:hidden; border-radius:50%;}

.auteur{text-align:center;}
.auteur span{display:block; font-weight: 500 }
/* Fin Partie conseil d'expert */

/* Partie "Plus de photos */
.zone-carto{position:relative}
.fiche-photo-block{position: relative}
.lien-photos{ font-weight: 700; position:absolute; bottom:40px; right:40px; z-index:10}
.bandeau-circuit .lien-photos{position: relative; bottom:auto; right:auto; margin:10px 0; }
.bandeau-circuit .lien-photos div{ display:flex; justify-content:flex-end; }
.bandeau-circuit .lien-photos a{border:1px solid var(--sit-principal-color); display: inline-block}
.lien-photos.col-md-12{ padding-left: 0;padding-right: 0;}
.lien-photos span{ font-weight: 700; margin:0 5px; }
.lien-photos a{ display:flex; justify-content:flex-end; width: auto; align-items: center; background: #fff; border-radius:25px;
padding:5px 15px}
.lien-photos .img{ width: 40px; height:40px; display:flex; text-align: center; border-radius:0}
.lien-photos a:hover{ background: var(--e-global-color-primary); color:#fff !important;}
.lien-photos .img img{ margin: auto; }
.lien-photos a:hover img{filter: brightness(900%);}
/* Fin Partie "Plus de photos */

.fiche-detail h2.sit_section_title{block; width:100%; float: left;}
.fiche-detail h3.sit_section_title, .fiche-detail dl dt{display:inline-block; width:auto; font-size: 100%; font-weight: 700; margin-top: auto;margin-bottom: auto; }
#fiche-presentation > div.sit_section{display:inline; width:100%; float: left; line-height: 135%;}
.bloc-crit{block; width:100%; float: left; margin:5px 0}

/* Fin Partie Fiche détail générale */


/* Partie Colonne de droite*/

 #detail-infos-condensees{float:right; margin:25px 0;}

@media(max-width:768px){
	#detail-infos-condensees{/*! margin-top: -170px; */ }
	.fiche-detail-hebergements #detail-infos-condensees {margin-top: -40px !important; }
	.fiche-detail-par-defaut  #detail-infos-condensees {/*! margin-top: -200px !important; */ }
	
	.fiche-detail-hebergements .mySwiper {display: none ;}
	.illico-swipper-body .swiper-pagination {margin: 10px 0px !important;}
	
	/*Btn carte trajet*/
	.trajet form input {font-size: 16px !important;;}
}
.fiche-detail-circuit #detail-infos-condensees, .fiche-detail-manif #detail-infos-condensees{float:left; margin:5px 0 }
.fiche-detail .btn.btn-reserver{ margin:0; padding:15px 15px; font-size:110%; display: block}
.bloc-vert{ width:100%; float:left; background-color: var(--sit-principal-color);padding:20px 8%; margin:15px 0; position:relative; z-index:10;
border-radius:15px}
.bloc-vert *{color:#fff}
.bloc-vert .picto-rando{color: var(--sit-principal-color);}

/* date */
.bloc-date{  width:100%; float:left; margin:10px 0}
.bloc-date i{ margin:0 10px; color:var( --e-global-color-55e7097 )}
/* prix */
.fiche-detail-hebergements .fiche-prix{  width:100%;float:left; background: var( --e-global-color-2089d16 ); padding: 20px 8%;  margin: 15px 0;
  position: relative;  border-radius: 15px; color: var( --e-global-color-primary ); font-weight:700; text-align:center;
font-size:130%}
.fiche-detail-manif .fiche-prix{  width:100%;float:left;margin: 15px 0;  position: relative; border-bottom:1px solid #fff;
padding-bottom:15px}
.montant{ margin-left:10px}

.bandeau-manif {  position: relative;   float: left;  width: 100%; }

.bloc-doc{text-align: center; width:100%; margin:10px 0}
.bloc-doc a{ color:#fff !important;; border: 2px solid var( --e-global-color-55e7097 );  border-radius: 30px 30px 30px 30px; margin:5px;
display: inline-block; width:auto !important}
.fiche-detail .bloc-doc .btn:hover{background:#fff; color: var( --e-global-color-primary )  !important;}
.fiche-detail .bloc-doc .btn:hover *{background:#fff; color: var( --e-global-color-primary )  !important ;}

.bloc-lien{text-align: center; width:100%; margin:10px 0 }
.bloc-lien a{ color:#fff !important;; border: 2px solid #fff;  border-radius: 30px 30px 30px 30px; margin:5px;
display: inline-block; width:auto !important}
.fiche-detail .bloc-lien .btn:hover{background:#fff; color: var( --e-global-color-primary ) !important;;}
.fiche-detail .bloc-lien .btn:hover *{background:#fff; color: var( --e-global-color-primary );}

/* Partie calendrier des disponibilités */
#fiche-dispos{ margin:5px 0}
#widgetdispos { width: 100%; display: block; vertical-align: top;background-color: #EDEDED;padding: 10px 15px;}
.GroupeCalendrier.col-md-6{ width: 100% !important; padding:0; display:flex; float: none; flex-wrap: wrap}
.GroupeCalendrier.col-md-6 h2{display: none}
.CalendrierCours{  display: inline-block; }
.CalendrierLegende{  display: inline-block; padding:5px 10px; }
.CalendrierTitreLegende{ font-weight:900; font-size:120%; margin:10px 0; display: block}
.CalendrierLegende ul, .CalendrierLegende li{ padding:0; margin: 0; list-style-type: none}
.CalendrierLegende li{ margin: 5px 0}
.CalendrierLegende li span{ margin: 5px}
#widgetdispos .ui-widget.ui-widget-content{ border: none; border-radius:0; padding:0}
.dateMaxMaj{display:block; width:100%}

/* Partie Propriétaire */
.bloc-adresse{ width:100%; float:left; margin:10px 0}
.bloc-adresse *{color:#fff}

.fiche-proprietaire-infos{ display:flex; justify-content: flex-start; align-items: center}
.fiche-proprietaire-infos img{ display: inline-block;  margin:0 10px; border-radius:50%; max-height:120px; }
.fiche-proprietaire-infos > div{ display: inline-block; }

.organisateur{text-transform: uppercase}

.adresse{ padding:5px 0; }
.adresse span{margin-right:6px}

.fiche-proprietaire-contact{ word-wrap: break-word; display: flex; padding:10px 0; align-items: center; align-content: center; flex-wrap: wrap }
.fiche-proprietaire-contact a{ display: block; width:100%;margin:5px 0; font-weight: 700; padding:10px 15px ;text-align:center; cursor:pointer; color:var(--sit-principal-color);}
.fiche-proprietaire-contact > span{ display: flex; margin:5px 20px 5px 0; font-weight: 700; text-align:center; cursor:pointer;border-radius:10px}
.fiche-proprietaire-contact span:hover img{filter: invert(0.5) brightness(400) !important;}
.fiche-proprietaire-contact svg{ height:30px; display: inline-block; max-width:38px; margin:0 6px 0 0; border-radius:0 !important}
.fiche-proprietaire-contact path {fill: var(--e-global-color-accent)}
.fiche-proprietaire-contact i{color: var(--e-global-color-accent); margin:5px; font-size:120%}
.bloc-vert .fiche-proprietaire-contact a{ color:#fff; text-align: left; padding: 0}
.bloc-vert .fiche-proprietaire-contact a:hover{ color:var(--e-global-color-accent)}
.bloc-vert .fiche-proprietaire-contact span:hover *{ color:var(--e-global-color-accent)}

.fiche-proprietaire-contact span{display: flex; align-items: center}
.fiche-proprietaire-contact > div > span{margin-right:6px}
.fiche-detail-manif .fiche-proprietaire-contact > span{border:1px solid #fff; padding:5px 10px; border-radius:25px; margin: 5px 15px 5px 0;}
.fiche-detail-manif .fiche-proprietaire-contact path {fill: #fff}

.social-links{ width:100%; background-color: var(--e-global-color-2089d16); border-radius:15px}
.social-links{ display: flex; width: 100%;align-items:stretch; justify-content: space-between; align-content: center}
.social-links h5{ padding:10px 5px 10px 20px; margin:auto 0; }

.icons-social{display:inline-block; }
.icons-social a{display:inline-block;margin:2px; background: var(--sit-principal-color); color:#ffffff; 
    width:52px; height:52px; line-height:52px; text-align: center; border-radius:15px }
.icons-social a:hover{background: #000; color:#ffffff; }
.icons-social a i{ font-size: 22px; line-height:52px;color:#ffffff;}

.amenagement{ padding:15px 0; font-weight: 700; text-align: center}
.amenagement img{ max-width:32px; margin:0 10px; display:inline-block;}
.amenagement span{display:inline-block;}
.amenagement span span{ display: block}

/* Partie Cartographie */
.carte-detail{ position: relative}
#map{width:100% !important; position: relative;z-index: 1; margin:15px 0; border-radius:15px}
.carte-detail #map{height: 50vh !important; min-height:220px}
.affichage.trajet{ position: absolute; right:0; bottom:0; left:0; z-index: 3; background:rgba(255,255,255,.7); }
.affichage.trajet form{ width:100%;display:flex;align-items:stretch; justify-content: space-between; align-content: center}
.affichage.trajet label{ display: none}
.affichage.trajet form *{ width: auto;}
.affichage.trajet input{border:none;border-radius: 0; background: none; color:#202020}
.affichage.trajet input[type="submit"]{ border:none; background: var(--sit-principal-color); color: #ffffff; border-radius:15px 0 15px 15px}
.affichage.trajet input[type="submit"]:hover{ background: #000;color: #ffffff;}
/* Fin Partie Cartographie */

.avis{ width:100%; float: left; text-align: center; margin:20px 0}
.cdsROW .cdsLocName a{ margin:10px 0; display: block}
.cdsROW.narrow{margin: 0 auto; width: 100% !important;}
.cdsROW {  font-family: inherit;  font-size: 18px !important; text-decoration: none !important;}
.cdsROW a, .cdsROW a:hover {  text-decoration: none !important;}
.cdsROW .cdsRating .ui_bubble_rating {  font-size: 14px !important;}

/* Fin Partie Colonne de droite*/

/* Partie liste de critères / modalités*/
.fiche-detail dl{margin:5px 0; }
.fiche-detail .disabled{text-decoration: line-through; opacity:.4;}
.fiche-detail dl dd span{ display:block}
.fiche-detail dl.inline, .span-modalite, .fiche-detail dl dd{display: inline-block; margin:0 10px 0 0; position: relative;
    float:none; width: auto ; vertical-align:  top;}
.span-modalite::before, .fiche-detail dl dd.span-modalite::before, .fiche-detail dl dd.bloc-crit::before{ content:" - "; margin-left:4px}
/* Fin Partie liste de critères / modalités*/
.Horaires dl{margin:0; padding:10px 15px}
.Horaires .horaire:nth-child(2n+1){ background: var( --e-global-color-2089d16 ); }
.Horaires dl dt {	display: table-cell;padding-right: 30px;font-weight: 700;width: 350px; white-space:nowrap;}
.Horaires dl dd{display:table-cell; padding-right:12px}
.voirplus a {  width: 100%;  display: block;  background: var( --e-global-color-primary ); color: #fff;
  text-align: center;  padding: 10px 10px;  text-transform: uppercase;  font-weight: 700;}
.fiche-detail dl:empty, .fiche-detail dd:empty{display: none}

/* Partie Produits associés */
.list-produits-associes {  display: flex;  width: 102%;  flex-direction: row;  flex-wrap: wrap; align-items: stretch; justify-content:center; margin-left:-1%}
.Produits_associe_detail { position: relative; overflow: hidden;  margin: 5px .5% 5px .5%;width: 98%;
  display: flex;  flex-direction: column;  flex-wrap: wrap;  align-items: stretch; padding-bottom:20px }
@media (min-width: 720px) {
    .Produits_associe_detail{ width:24%}
}
.list-produits-associes .infos-ppal{padding:0 8%;}
.fiche-detail h3.Produits_associe_detail_nom {  color: var(--sit-principal-color) !important;  font-size: 130%;  text-transform: uppercase;
  margin: .6em 0 .5em 0;  font-weight: 700;  letter-spacing: normal;}
  .list-produits-associes .lei-img-fiche{position:relative; height:0; overflow:hidden; padding-top:63%}
img.Produits_associe_detail_img{  height: 100%;  left: 0;  object-fit: cover;  position: absolute;
  top: 0;  width: 100%;}
/* Fin Partie Produits associés */


/* diapo swiper*/
.illico-swipper-body {   position: relative; height: 100%; margin: 0; padding: 0; float: left;  width: 100%;
 padding-bottom:25px}
.swiper {  width: 100%;   height: 100%; }
.swiper-slide {  text-align: center; background-size: cover; background-position: center;  
justify-content: center;  align-items: center; border-radius: 15px;  overflow: hidden; }
.illico-swipper-body .mySwiper2 .swiper-slide {  display: block; width:100% !important; margin:0 !important;}
 .swiper-slide img {   display: block;   width: 100%;    height: 100%;   object-fit: cover;    }
.swiper { width: 100%; min-height: 210px; margin-left: auto; margin-right: auto; height: 38vh;   }
.mySwiper2 {width: 100%; float: none; padding-bottom:10px !important;
height: calc(-20px + 78vh) !important;  min-height: calc(-20px + 50vh) !important;}
.mySwiper {box-sizing: border-box; padding: 10px 0 0 0 !important;; }
.mySwiper .swiper-slide { opacity: 1;  aspect-ratio: 320/320;  }
.mySwiper .swiper-slide-thumb-active { opacity: 1; }
.swiper-slide img {    display: block; width: 100%; height: 100%; object-fit: cover;    }
.illico-swipper-body .swiper-button-next, .illico-swipper-body .swiper-button-prev{color:#fff}
.illico-swipper-body .swiper-pagination{ position: relative; top:auto; margin:15px 0}
.illico-swipper-body .swiper-pagination-bullet-active {  background: var(--e-global-color-text);}

.sit_section{ width: 100%; float:left}

/* onglets - ancres */
.sit_personnalisation_header{ display: block;  margin: 10px 0;  width: 100%;  float: left;}
.sit_bloc_header{ border: 1px solid var(--e-global-color-text); padding:10px 20px; border-radius: 40px; display: inline-block;}
@media(max-width: 768px){
	.sit_bloc_header{display: flex; flex-wrap: wrap; justify-content: center;}
}
.sit_bloc_header > div{display: inline-block; }
.sit_bloc_header a{display:inline-block; padding:5px 15px; border-left: 1px solid var(--e-global-color-text); color:var(--e-global-color-text); text-transform:uppercase}
.sit_bloc_header a:first-child{border:none !important;}
.sit_bloc_header a:active, .sit_bloc_header a:visited, , .sit_bloc_header a:focus{ font-weight:700}

.video-1{text-align:center; margin-top: 20px; }
/* .resp-container {   position: relative;   overflow: hidden;   padding-top: 56.25%; } */
/* .resp-container iframe {   position: absolute;   top: 0;   left: 0;  */
  /* width: 100%;   height: 100%;   border: 0; } */
  
.resp-container {   position: relative;   overflow: hidden; height:50vh; max-height:58vh; min-height:30vh; background-color: var( --e-global-color-2089d16 );}
.resp-container iframe { width: auto;   height: 100%;   border: 0; }


.sit_bloc_header:empty, .sit_bloc_header a:empty{  display: none;}

/* Partie taille d'écran */
@media (max-width: 1024px){
	.mySwiper2 {height: calc(-20px + 56vh) !important;  min-height: calc(-20px + 42vh) !important;}
    .swiper {  height: 28vh; min-height: 180px}
}
@media (max-width: 991px) and (min-width: 801px){
    .fiche-slider {clear: none;}
	#detail-infos-condensees {width: 100%;}
}

@media (min-width: 801px) {
    #fiche-presentation > div > div.avis-expert{display: flex;}
    .col-md-8 > div > div.avis-expert{display: flex;}
}
@media (max-width: 800px){
    .infos-pictos{ width:100%; display: block}
    .infos-pictos > div > div{display: inline-block; margin:5px 10px; width: auto}
	.infos-pictos > div > div span{display: inline-block; margin-left:5px}

    #detail-infos-condensees{float:left; width:100% !important; position:relative; z-index:1}

    .fiche-detail h1 {  font-size: 250%;}  
}
@media (max-width: 720px) {

}

@media (max-width: 640px) {

    .fiche-detail {  display: block;  width: 100%; float:left}
    .fiche-detail h1 {  font-size: 220%;}
    .fiche-detail h2 {  font-size: 200%; margin-top: 1.2rem;  margin-bottom: .6rem;}
    .lei-diaporama{ display: block;height: calc(-44px + 61vh) !important; min-height: calc(-44px + 54vh) !important;}
    .img-one{ width: 100%; /*! height:50% */}
    .lei-diaporama-thumbnails{ width: 100%; height:50%}
	.mySwiper2 {height: calc(-20px + 50vh) !important;  min-height: calc(-20px + 38vh) !important;}
    .swiper {  height: 26vh; min-height: 180px}
}


@media (max-width:480px) {    
    .infos-ppal {  padding: 0 5%;}
    .lei-img-fiche{height:250px; }
    .fiche-detail h1 {  font-size: 200%;}
    .fiche-detail h2 {  font-size: 180%; margin-top: 1rem;  margin-bottom: .4rem;}
    .fiche-titre > * {margin-right: 6px;}
    .langues-parlees span {margin: 3px;}
    .langues-parlees img {  height: 20px; }
}
@media (max-width:450px) {
    .fiche-detail dl dt{display: block; width: 100% !important; padding: 0px; white-space: break-spaces;}
    .affichage.trajet form * {  width: inherit; font-size: 90%}
    .affichage.trajet input[type="submit"]{ max-width: 110px; padding: 10px;}
}
@media (max-width:400px) {
    .lei-img-fiche{height:210px; }
}

/* bouton retour */
.sit-goBack {padding-left: 15px;  padding-right: 15px; margin-bottom:15px}
.sit-goBack a{ position: relative; border:1px solid var( --e-global-color-primary ); border-radius:15px; padding:4px 15px !important;}
    .sit-goBack a:hover{ background:  var( --e-global-color-primary ); color:#FFF}
.fiche-detail .sit-goBack a.btn{ width:auto}
.sit-goBack a::before{ /*! font: normal normal normal 12px/1 FontAwesome; */content: "\f060"; 
    font-size: 13px !important; padding-right:10px;  font-size: inherit;  text-rendering: auto;
    content: "\e879";  font-family: elementskit !important;  speak: none; font-style: normal;  font-weight: 400;
  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}

/* GE - A partir de la pas vérifié */
/*-------BOOTSTRAP--------*/
* {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}

audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print  {   *,
  *:before,  *:after {  background: transparent !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important;  }
  a,  a:visited {    text-decoration: underline;  }
  a[href]:after {    content: " (" attr(href) ")";  }
  abbr[title]:after {    content: " (" attr(title) ")";  }
  a[href^="#"]:after,  a[href^="javascript:"]:after {    content: "";  }
  pre, blockquote {    border: 1px solid #999;    page-break-inside: avoid;  }
  thead {    display: table-header-group;  }
  tr,  img {    page-break-inside: avoid;  }
  img {    max-width: 100% !important;  }
  p,  h2,  h3 {    orphans: 3;    widows: 3;  }
  h2,  h3 {    page-break-after: avoid;  }
  .navbar {    display: none;  }
  .btn > .caret,  .dropup > .btn > .caret {    border-top-color: #000 !important;  }
  .label {    border: 1px solid #000;  }
  .table {    border-collapse: collapse !important;  }
  .table td,  .table th {    background-color: #fff !important;  }
  .table-bordered th,  .table-bordered td {    border: 1px solid #ddd !important;  } }

.row  { margin-left: -15px; margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  {   position: relative;  min-height: 1px;  padding-left: 15px;  padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  {   float: left;}
.col-xs-12 {  width: 100% !important;}
.col-xs-11 {  width: 91.66666667% !important;}
.col-xs-10 {  width: 83.33333333% !important;}
.col-xs-9 {  width: 75% !important;}
.col-xs-8  {   width: 66.66666667% !important; }
.col-xs-7  {   width: 58.33333333% !important; }
.col-xs-6  {   width: 50% !important; }
.col-xs-5  {   width: 41.66666667% !important; }
.col-xs-4  {   width: 33.33333333% !important; }
.col-xs-3  {   width: 25% !important; }
.col-xs-2  {   width: 16.66666667% !important; }
.col-xs-1  {   width: 8.33333333% !important; }

@media (min-width: 768px)  {   
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  {     float: left; }
    .col-sm-12  {     width: 100% !important; }
    .col-sm-11  {     width: 91.66666667% !important; }
    .col-sm-10  {     width: 83.33333333% !important; }
    .col-sm-9  {     width: 75% !important; }
    .col-sm-8  {     width: 66.66666667% !important; }
    .col-sm-7  {     width: 58.33333333% !important; }
    .col-sm-6  {     width: 50% !important; }
    .col-sm-5  {     width: 41.66666667% !important; }
    .col-sm-4  {     width: 33.33333333% !important; }
    .col-sm-3  {     width: 25% !important; }
    .col-sm-2  {     width: 16.66666667% !important; }
    .col-sm-1  {     width: 8.33333333% !important; }
 }
@media (min-width: 992px) {  
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12  {     float: left; }
    .col-md-12  {     width: 100% !important; }
    .col-md-11  {     width: 91.66666667% !important; }
    .col-md-10  {     width: 83.33333333% !important; }
    .col-md-9  {     width: 75% !important; }
    .col-md-8  {     width: 66.66666667% !important; }
    .col-md-7  {     width: 58.33333333% !important; }
    .col-md-6  {     width: 50% !important; }
    .col-md-5  {     width: 41.66666667% !important; }
    .col-md-4  {     width: 33.33333333% !important; }
    .col-md-3  {     width: 25% !important; }
    .col-md-2  {     width: 16.66666667% !important; }
    .col-md-1  {     width: 8.33333333%  !important; }
}