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

@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;
}
@font-face {
  font-family: "DosisFont";
  src: url("../fonts/Dosis-VariableFont_wght.ttf") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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;
}
button{
  cursor: pointer;
}

/* nav {
  position: absolute;
  right: 0px;
  top: 60px;
  width: 200px;
  height: 180px;
  z-index: 5;
} */

.content-center {
  width: 95vw;
  max-width: 1200px;
  margin: 0 auto 0 auto;
}

html{font-size: 100%;}
/* @media screen and (max-width: 1300px) {html{font-size: 80%;}}
@media screen and (max-width: 1000px) {html{font-size: 80%;}}
@media screen and (max-width: 800px) {html{font-size: 80%;}} */


#content-center {width:100%;border:solid 1px transparent;}
#content-holder {max-width:1200px;margin:20px auto 30px auto;}

.vzBreadCrumb {color:white;font-size: 0.8rem;line-height: 1.5rem; background: none;margin: 0 0 10px 0;text-shadow: 1px 1px 3px #000; }
ul.vzBreadCrumb{padding: 0;}
.vzBreadCrumb a {color:white;text-decoration:none; padding: 10px 0;}
.vzBreadCrumb a:hover {text-decoration:underline;color:#fff;}
.vzBreadCrumb a:visited {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; }

.content {background: rgba(255, 255, 255, 0.95);width: 98%; padding:1% 1% 20px 1%; margin: 0 auto;border-radius: .75em;}
.video-content {background-color: #000;}
.content h1 {font-family: 'Comfortaa', cursive;/*margin-top:0 !important;margin-bottom:0;*/margin:10px 0 10px 10px;font-weight:bold;font-size: 1.3rem; padding: 0; text-transform: uppercase;}

/* -------------------------------------------- */
/* ------------------ HEADER ------------------ */
/* -------------------------------------------- */

header.header-common{
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "logo nav-tools"
    "logo nav-activites";
  align-items: center;
}
/* .navs{
  display: flex;
  flex-direction: column;
} */

.logo {
  grid-area: logo;
}
nav.nav-tools{
  grid-area: nav-tools;
  justify-self: end;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  margin-bottom: 5px;
  gap: 15px;
}
.nav-tools-subsection{
  display: flex;
  flex-direction: row;
  gap: 4px;
}

nav.nav-activites{
  grid-area: nav-activites;
  justify-self: end;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  margin-bottom: 10px;
  gap: 5px;
}
nav.nav-activites .nav-activites-two-act{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
}
nav.nav-activites .nav-activites-two-act div{
  margin-left: 5px;
}
@media (max-width: 500px) {
  header.header-common {
    grid-template-columns: auto auto;
    grid-template-areas:
      "logo nav-tools"
      "nav-activites nav-activites";
  }
  .nav-activites {
    justify-self: center;
    /* margin-top: 10px; */
  }
  .nav-tools {
    justify-self: end;
  }
  header.header-common .logo img{width: 25vw;min-width: 80px;}
}

/* ----------- Lien mymy ----------- */
.myVzHolder{z-index:10998;right: 0;top:10px;text-align:right;}
.myVzHolder a, .myVzHolder a:visited, .myVzHolder .sprite8{font-family: 'DosisFont'; display:inline-block;color:#fff !important;text-decoration:none;opacity:0.75;font-size: 1.3rem;}
.myVzHolder .sprite8{opacity:1;vertical-align:middle; margin-right: 5px;}
.myVzHolder a:hover{text-decoration:underline;opacity:1;color:#fff;}
.sprite8{cursor:pointer;background-image: url('../img/sprite-icones-big-menu_web.webp');background-repeat: no-repeat;vertical-align:middle;}
.sprite8 {opacity:0.75;height: 32px; width: 32px;background-position: 0 -450px;}
.myVzHolder .myVzUserTitle{font-family: 'Comfortaa', cursive;font-weight: bold;}


/* ----------- DROPDOWN BTN CHANGEMENT LANGUE ----------- */
.dropbtn {
  background-color: transparent;
  color: white;
  padding: 0px 5px;
  border: none;
  cursor: pointer;
}
.dropdown {
  position: relative;
  display: inline-block;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 0px 5px;
  text-decoration: none;
  display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
}

.dropdown-checkbox {
  display: none;
}

.dropdown:has(label .dropdown-checkbox:checked) > .dropdown-content{
  display: block;
  position: absolute;
  z-index: 20000;
}

#ghost {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; display: none;opacity: 0.6; z-index: 13000;}



/* ------------------ SPRITE MENU ------------------ */
.sprite4,.sprite5,.sprite6,.sprite9{cursor:pointer;background-image: url('../img/sprite-menu-2025.png');background-repeat: no-repeat;z-index:10998;}

/* VTT */
.sprite4 {border-radius: 100px;width: 80px;height: 80px; right: 262px;top:15px;}
.sprite4.fr {background-position: -100px 0;}
.sprite4.en, .sprite4.de, .sprite4.it, .sprite4.es {background-position: -200px 0;}
/* Hover */
.sprite4:hover { filter: drop-shadow(0 0 4px black);}
.sprite4.fr:hover {background-position: -100px -100px;}
.sprite4.en:hover, .sprite4.de:hover, .sprite4.it:hover, .sprite4.es:hover  {background-position: -200px -100px;}

/* selected */
#vtt .sprite4.fr, #vtt .sprite4.en, #vtt .sprite4.de,#vtt .sprite4.it,#vtt .sprite4.es {background-position: 0 -100px;}

/* VR */
/* .sprite5 {border-radius: 100px;width: 80px;height: 80px;right: 87px;top:15px;} */
.sprite5 {border-radius: 100px;width: 80px;height: 80px;right: 175px;top:15px;}
.sprite5.fr {background-position: -100px -400px;}
.sprite5.en {background-position: -200px -400px;}
.sprite5.de {background-position: -300px -400px;}
.sprite5.es {background-position: -400px -400px;}
.sprite5.it {background-position: -500px -400px;}
/* Hover */
.sprite5:hover { filter: drop-shadow(0 0 4px black);}
.sprite5.fr:hover {background-position: -100px -500px;}
.sprite5.en:hover {background-position: -200px -500px;}
.sprite5.de:hover {background-position: -300px -500px;}
.sprite5.es:hover {background-position: -400px -500px;}
.sprite5.it:hover {background-position: -500px -500px;}
/* selected */
#vr .sprite5.fr,#vr .sprite5.en,#vr .sprite5.de,#vr .sprite5.it,#vr .sprite5.es {background-position: 0 -500px;}

/* VG */
.sprite9 {border-radius: 100px;width: 80px;height: 80px;right: 0px;top:15px;}
.sprite9.fr, .sprite9.en, .sprite9.de, .sprite9.it, .sprite9.es {background-position: -100px -600px;}
/* Hover */
.sprite9:hover { filter: drop-shadow(0 0 4px black);}
.sprite9.fr:hover, .sprite9.en:hover, .sprite9.de:hover, .sprite9.it:hover, .sprite9.es:hover {background-position: -100px -700px;}
/* selected */
#vg .sprite9.fr, #vg .sprite9.en, #vg .sprite9.de, #vg .sprite9.it, #vg .sprite9.es {background-position: 0 -700px;}


/* VTC */
/* .sprite6 {border-radius: 100px;width: 80px;height: 80px;right: 0px;top:15px;} */
.sprite6 {border-radius: 100px;width: 80px;height: 80px;right: 87px;top:15px;}
.sprite6.fr {background-position: -100px -201px;}
.sprite6.en {background-position: -199px -200px;}
.sprite6.de {background-position: -300px -200px;}
.sprite6.it {background-position: -400px -200px;}
.sprite6.es {background-position: -500px -200px;}
/* Hover */
.sprite6:hover { filter: drop-shadow(0 0 4px black);}   /* VTC */
.sprite6.fr:hover {background-position: -100px -301px;}
.sprite6.en:hover {background-position: -200px -301px;}
.sprite6.de:hover {background-position: -300px -301px;}
.sprite6.it:hover {background-position: -400px -301px;}
.sprite6.es:hover {background-position: -500px -301px;}
/* selected */
#vtc .sprite6.fr,#vtc .sprite6.en,#vtc .sprite6.de,#vtc .sprite6.it,#vtc .sprite6.es {background-position: 0 -301px;}



/* -------------------------------------------- */
/* ------------------ FOOTER ------------------ */
/* -------------------------------------------- */
hr{border: 0;border-top: 1px solid #fff;}

/* ------------------ SECTION NEWSLETTER ------------------ */
#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; display: flex; align-items: center; color: #fff;}
#bande-footer-newsletter {background-color: var(--bs-primary);}
#vtt #bande-footer-newsletter{background-color:var(--bs-vtt-primary);}
#vtc #bande-footer-newsletter{background-color:var(--bs-vtc-primary);}
#vr #bande-footer-newsletter{background-color: var(--bs-vr-primary);}
#vg #bande-footer-newsletter{background-color: var(--bs-vg-primary);}
#veloBloc{display:block; margin: 0 30px;}
#newsletterBloc{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}
#newsletterform #nlInput{ display: flex; gap: 5px;align-items: stretch;}
#newsletterform .inputtext {border:none;box-sizing:border-box;padding: 8px 16px;display: block; width:220px;margin:0;font-size:1rem;}
#newsletterButton {background-color: #000;color: #fff;cursor: pointer;text-align:center;text-decoration: none;font-weight:bold;font-size:16px; display: inline-block; padding: 10px 15px;}

#vtt #newsletterButton{background-color: var(--bs-vtt-light);}
#vtc #newsletterButton{background-color: var(--bs-vtc-light);}
#vr  #newsletterButton{background-color: var(--bs-vr-light);}
#vg  #newsletterButton{background-color: var(--bs-vg-light);}

#newsletterform{display: flex; flex-wrap: wrap; align-items: center;}
#newsletterform #nlCheck{margin: 0 15px; height: 100%;}
#newsletterform table{width: auto;}
.nlCheckItem{text-transform:uppercase;margin-left:15px;}
#newsletterBloc p{font-size: 0.8rem;}

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

@media only screen and (max-width: 1110px) {
  #veloBloc {
    display: none;
  }
}

/* ------------------ SECTION PAP ------------------ */
#bande-footer-departs{padding:15px 25px 15px 25px;margin:0;background: rgba(255, 255, 255, 0.95);color:#000;}
#bande-footer-departs a{color:#000; text-decoration:none}
#bande-footer-departs a:hover{color:#000;text-decoration:underline;}
#bande-footer-departs h2 {margin:0; font-size:1.8rem; font-weight: bold;}

.btn-vz{display: flex;align-items: center; gap: 10px;}
#bande-footer-departs .btn-vz {font-family: 'DosisFont';}
/* #bande-footer-departs #footer-departs {font-family: 'CenturyGothic';} */
/* .btn-vz-ico {display: block; height:40px;width:40px;background: url('../img/sprite-icones-v2.png');background-position: -199px 0px;background-repeat: no-repeat;} */
.btn-vz-ico {display: block; height:40px;width:40px;background: url('../img/sprite-icones-big-menu_web.webp');background-position: -199px 0px;background-repeat: no-repeat;}
/* #vtt #bande-footer-departs h2 .departf {background-position: -393px -1319px;}
#vr #bande-footer-departs h2 .departf {background-position: -597px -1319px;}
#vg #bande-footer-departs h2 .departf {background-position: -597px -1319px;}
#vtc #bande-footer-departs h2 .departf {background-position: -495px -1319px;} */

#vtt #bande-footer-departs h2 .departfcolor { width: 72px; height: 72px; background-position: -350px -100px;}
#vtc #bande-footer-departs h2 .departfcolor { width: 72px; height: 72px; background-position: -350px -300px;}
#vr #bande-footer-departs h2 .departfcolor { width: 72px; height: 72px; background-position: -350px -200px;}
#vg #bande-footer-departs h2 .departfcolor { width: 72px; height: 72px; background-position: -350px 0;}
#bande-footer-departs h2 .departf {display: none;}


.btn-vz-txt {text-transform:uppercase;margin:0;padding:0;}
/* .btn-vz-txt span{font-weight:bold;display: block;} */
#vtt #bande-footer-departs .btn-vz-txt{color: var(--bs-vtt-primary);}
#vr #bande-footer-departs .btn-vz-txt{color: var(--bs-vr-primary);}
#vg #bande-footer-departs .btn-vz-txt{color: var(--bs-vg-primary);}
#vtc #bande-footer-departs .btn-vz-txt{color: var(--bs-vtc-primary);}

#footer-departs{margin-top:15px; display: flex; flex-wrap: wrap;justify-content: space-between;}
#footer-departs .blocDepartFooter{width:47%;padding:3px 0;display: flex;align-items: center;gap:10px}
#lienDepartsFooter{display: flex;justify-content: end;margin: 10px 0 0 0 ; font-size: 1.3rem; font-weight: bold;}
@media only screen and (max-width: 1110px) {
  #footer-departs .blocDepartFooter {width: 100%;}
  #lienDepartsFooter{justify-content: start;}
}
.vz-ico-small{height:30px;}
/* #vtt .i-eye {background-position: -395px -1367px;}
#vtc .i-eye {background-position: -395px -1398px;}
#vr .i-eye {background-position: -395px -1432px;max-width:40px;}
#vg .i-eye {background-position: -395px -1432px;max-width:40px;} */
.i-eye{display: none;}
/* ------------------ SECTION LINKS ------------------ */
#bande-footer-links{color: #fff;}
#bande-footer-links a{color: #fff;}

#bande-footer-links{padding:15px 25px 15px 25px;margin:0 0 10px 0;border-bottom-left-radius: .75em;border-bottom-right-radius: .75em;}
.round-top{border-top-left-radius: .75em;border-top-right-radius: .75em;}
#bande-footer-links.btn-vz-txt {color: #fff;}
#bande-footer-links{background-color: var(--bs-secondary);}
#vtt #bande-footer-links{background: var(--bs-vtt-light);}
#vr #bande-footer-links{background:  var(--bs-vr-light);}
#vg #bande-footer-links{background:  var(--bs-vg-light);}
#vtc #bande-footer-links{background: var(--bs-vtc-secondary);}
.vz-ico-big{width:75px;height:75px;}

.i-qsn{background-position: -300px -400px; width: 32px; height: 32px;}
a:hover .i-qsn{ background-position: -350px -400px;}
.i-esprit{background-position: -300px -250px;  width: 32px; height: 32px;}
.i-matos{background-position: -300px -300px;  width: 32px; height: 32px;}
.i-actuf{background-position: -100px -100px; width: 71px; height: 71px;}
.i-france{background-position: -99px -374px; width: 72px; height: 72px;}
.i-monde{background-position: -99px -299px; width: 72px; height: 72px;}
.i-medias{background-position: -100px -200px; width: 71px; height: 71px;}
.i-magz{background-position: -100px 0; width: 71px; height: 71px;}
.i-catalogue{background-position: -300px -200px;width: 32px; height: 32px;}
.i-info{background-position: -300px 0;width: 32px; height: 32px;}

.picto--small{transform: scale(0.8); transform-origin: top left;}
#footer-pages-media-links .vz-ico-holder {height: 57px; width: 57px;}

/* .i-resa{background-position: -306px -348px;} */

/* #bande-footer-links #listeWebsiteLinks{
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  font-family: 'DosisFont';
}
#listeWebsiteLinks #footer-pages-voyages-links  {grid-area: 1/2/4/4;}
#listeWebsiteLinks #footer-pages-media-links    {grid-area: 1/4/5/5;}
#listeWebsiteLinks #footer-pages-info-links     {grid-area: 1/1/5/2;}
#listeWebsiteLinks #footer-pages-rsociaux-links {grid-area: 4/2/5/4;} */


#bande-footer-links #listeWebsiteLinks{
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  font-family: 'DosisFont';
}
#listeWebsiteLinks #footer-pages-voyages-links  {grid-area: 1/2/3/4;}
#listeWebsiteLinks #footer-pages-media-links    {grid-area: 1/4/4/5;}
#listeWebsiteLinks #footer-pages-info-links     {grid-area: 1/1/4/2;}
#listeWebsiteLinks #footer-pages-rsociaux-links {grid-area: 3/2/4/4;}

#listeWebsiteLinks #footer-pages-voyages-links  {display: flex; flex-direction: row; justify-content: space-evenly;}
#listeWebsiteLinks #footer-pages-voyages-links .link-voyage-holder{display: flex; flex-direction: column; align-items: center; text-align: center;gap: 8px; font-size: 1.3rem;font-weight: bold;}
#listeWebsiteLinks #footer-pages-voyages-links .link-voyage-holder span{display:block;font-size: 1rem;font-weight: normal;}
#listeWebsiteLinks #footer-pages-media-links    {display: flex; flex-direction: column; justify-content: space-between; gap: 5px;}
#listeWebsiteLinks #footer-pages-media-links span{display:block;}
#listeWebsiteLinks #footer-pages-info-links     {display: flex; flex-direction: column; justify-content: space-between; gap: 5px;}
#listeWebsiteLinks #footer-pages-rsociaux-links {display: flex; justify-content: center; align-items: center; text-transform: uppercase; gap: 8px; margin: 0 10px;}
#listeWebsiteLinks #footer-pages-rsociaux-links p {margin: 0;}

/* #bande-footer-links #footer-col-left{display: flex; flex-direction: column; justify-content: space-evenly;}
#bande-footer-links #footer-col-right{display: flex; flex-direction: column; justify-content: space-evenly;}
#bande-footer-links #footer-col-center{display: flex; flex-direction: column; justify-content: space-evenly; align-items: stretch;gap: 15px;}
#bande-footer-links #footer-col-center .myRow{display: flex; flex-direction: row; justify-content: space-evenly;gap: 15px;flex-wrap: wrap;} */

@media only screen and (max-width: 1000px) {
  #bande-footer-links #listeWebsiteLinks{display: flex; flex-direction: column;}
  #listeWebsiteLinks #footer-pages-voyages-links{flex-direction: row; flex-wrap: wrap; justify-content: space-around; gap: 5px;}
  #listeWebsiteLinks #footer-pages-voyages-links .link-voyage-holder{flex-direction: row; text-align: start;}
  #listeWebsiteLinks #footer-pages-media-links{flex-direction: row;}
  #listeWebsiteLinks #footer-pages-info-links{flex-direction: row; flex-wrap: wrap;}
  /* #listeWebsiteLinks #footer-pages-media-links{gap: 0;} */
  /* #bande-footer-links .cell{margin: 5px 0;} */

  /* #bande-footer-links #footer-col-left{order: 2; flex-direction: row; flex-wrap: wrap; gap: 20px;}
  #bande-footer-links #footer-col-right{order: 3; flex-direction: row; flex-wrap: wrap; gap: 20px;}
  #bande-footer-links #footer-col-center{order: 1;} */
}

@media only screen and (max-width: 850px) {
  #bande-footer-links #listeWebsiteLinks{display: flex; flex-direction: column;}
  #listeWebsiteLinks #footer-pages-voyages-links{flex-direction: column;}
  /* #listeWebsiteLinks #footer-pages-voyages-links .link-voyage-holder{flex-direction: column;} */
  #listeWebsiteLinks #footer-pages-media-links{flex-direction: column;margin-left: 6px;}
  #listeWebsiteLinks #footer-pages-info-links{flex-direction: column;margin-left: 18px;}
}

#bande-footer-links #listePays .flexBetween{width: 100%; display: flex; flex-direction: column; gap: 10px;align-items: center;}
#bande-footer-links #listePays {display: flex; justify-content: flex-end;}
#bande-footer-links .listeLinks { display: flex; flex-wrap: wrap; align-items: center;justify-content: center;width: 100%; gap: 5px 10px;background: none;}
#bande-footer-links .listeLinks a{display: block; font-size: 0.8rem;}
#bande-footer-links a{text-decoration:none;}
#bande-footer-links a:hover{text-decoration:underline;}

#coord { text-align: center;}
#coord .oneHalf{line-height: 2rem;}
#coord {font-size:0.8rem;font-weight:bold;}
#coord .copyright{text-transform:uppercase;}
#coord  .oneHalf a{flex: 1;  padding: 10px;}

/* ------------------ SECTION REtour en haut ------------------ */
.right {text-align: end;}
#back-to-top{all: unset; cursor: pointer; color: #fff; font-size: 0.8rem; font-weight: bold;}