:root {
	--bs-primary: #414b56;

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

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ------------------------ GENERAL ------------------------ */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* 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%;}} */
/* @media screen and (max-width: 1300px) {html{font-size: 83%;}}
@media screen and (max-width: 1000px) {html{font-size: 75%;}}
@media screen and (max-width: 800px) {html{font-size: 65%;}} */

.zoneRecherche{display:block;}

#home-v2{padding:0;margin:0;color:#fff;}
header.headerMain nav{display:none;}
/* header.headerMain .myVzHolder{display:block;} */
h1.main{font-family: 'Comfortaa', cursive;}
h2{font-family: 'Comfortaa', cursive;text-transform:uppercase;font-size:20px;}
#intro-area{height: 100vh; background:var(--bs-primary);padding:0;}
footer {background:var(--bs-primary);padding: 30px 0; text-align: center;}
.photos{width:80%;max-width:389px;height:auto;display:block;margin:15px auto 0 auto;}

a{color:#fff;text-decoration:none;}
a:hover{text-decoration:underline;}
hr.dashed1{border:0;border-bottom:dashed 1px white;margin:60px 0 30px 0;}
hr.dashed2{border:0;border-bottom:dashed 1px white;margin:30px 0 60px 0;}

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

@media screen and (max-width: 580px) {
    #intro-area .logo{left:50%;margin-left:-60px;}
    #intro-area .social_btn2 { display: block; left:0%; }
}
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------- SECTION FOOTER -------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.btnContactDialog {background: none;border: none;color: #fff;text-decoration: none;cursor: pointer;padding: 5px;}
.btnContactDialog:hover{text-decoration: underline;}

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

.topBarHome .flexCenter{height: 100%; display: flex; flex-direction: row; justify-content:center;margin: 0; padding: 0;}

.topBarHome .colLeftLogo {height: 100%;}
.topBarHome .colLeftLogo a {height: 100%; display: flex; justify-content: center;align-items: center;}
.topBarHome .colLeftLogo a img {max-height: 90%; max-width: 80%;}

.topBarHome .colCenter{width: 100%;display: flex; justify-content: center;align-items: center;}
.topBarHome .colCenter p{font-family: 'broadcast_matterregular'; text-align: center; margin: 0; width: 100%;}

.topBarHome .btnTopRight{padding: 8px 0 0 0; position: absolute; width: 100%; display: flex; flex-direction: row; justify-content: end;}
.topBarHome .btnTopRight .myVzHolder {position: static; margin:0 15px 0 5px;}

.topBarHome {height: 25vh;}
.topBarHome .colLeft  {width: 25%;height: 100%;}
.topBarHome .colCenter{width: 50%;height: 100%;}
.topBarHome .colRight {width: 25%;}
.topBarHome .colCenter p{font-size: 5.5rem; padding: 20px 10px 0 10px;}

/* layout-horizontal */
@media screen and ((max-height : 600px) or ((max-width: 1300px) and (min-width: 1000px)))
{
  .topBarHome {height: 30vh;}
  .topBarHome .colCenter{height: 30vh;}
  .topBarHome .colLeft  {width: 25%;}
  .topBarHome .colCenter{width: 50%;}
  .topBarHome .colRight {width: 25%;}
  .topBarHome .colCenter p{font-size: 5rem;}
}
/* layout-vertical-tablette */
@media screen and (max-width: 1000px) and (min-height : 600px){
  .topBarHome {height: 25vh;}
  .topBarHome .colCenter{height: 100%;}
  .topBarHome .colLeft  {width: 25%;}
  .topBarHome .colCenter{width: 50%;}
  .topBarHome .colRight {width: 25%;}
  .topBarHome .colCenter p{font-size: 4.3rem;}
}
/* layout-vertical-smartphone */
@media screen and (max-width: 800px) and (min-height : 600px) {
  .topBarHome {height: 25vh;}
  .topBarHome .colCenter{height: 100%;}
  .topBarHome .colLeft  {width: 25%;}
  .topBarHome .colCenter{width: 50%; }
  .topBarHome .colRight {width: 25%;}
  .topBarHome .colCenter p{font-size: 3.7rem;}
}
/* layout-vertical-smartphone */
@media screen and (max-width: 700px) and (min-height : 600px) {
  .topBarHome {height: 22vh;}
  .topBarHome .colCenter{height: 100%;}
  .topBarHome .colLeft  {width: 25%;}
  .topBarHome .colCenter{width: 75%;}
  .topBarHome .colRight {width: 0%;}
  .topBarHome .colCenter p{font-size: 4rem; padding: 30px 10px 0 10px;}
}
/* layout-vertical-smartphone */
@media screen and (max-width: 500px) and (min-height : 600px) {
  .topBarHome .colCenter{width: 75%; justify-content: start;}
  .topBarHome .colCenter p{font-size: 3rem; padding: 50px 10px 0 10px;}
}
/* layout-vertical-smartphone */
@media screen and (max-width: 400px) and (min-height : 600px) {
  .topBarHome .colCenter{width: 75%; justify-content: start;}
  .topBarHome .colCenter p{font-size: 2.8rem;}
}


/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------- SECTION ACCUEIL ------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */


/* ----- Est-ce que les activités sont en ligne ou en carré ----- */
#activites{display:flex; flex-direction: row; justify-content:center; height: 100%; width: 100%;}
/* layout-horizontal */
@media screen and ((max-height : 600px) or ((max-width: 1300px) and (min-width: 1000px))) 
    {#activites{flex-direction: row;}}
/* layout-vertical-tablette */
@media screen and (max-width: 1000px) and (min-height : 600px)
    {#activites{flex-direction: column;}}
/* layout-vertical-smartphone */
@media screen and (max-width: 800px) and (min-height : 600px)
    {#activites{flex-direction: column;}}

.two-activites{display:flex; flex-direction: row; justify-content:center; height: 100%; width: 100%;}

/* ----- Si les activités sont en mode banière ----- */
.compartiment{width: 50%; display: flex; flex-direction: column; overflow: hidden; position: relative; /* Nécessaire pour positionner le logo */}
#compartiment-vtt{background:var(--bs-vtt-primary);width:50%;}
#compartiment-vtc{background:var(--bs-vtc-primary);width:50%}
#compartiment-vr{background:var(--bs-vr-primary);width:50%;}
#compartiment-vg{background:var(--bs-vg-primary);width:50%}

/* .compartiment{
    --triangle-height: calc(100vw / 11);
    clip-path: polygon(0 0,100% 0,100% calc(100% - var(--triangle-height)),50% 100%,0 calc(100% - var(--triangle-height)));
} */
.compartiment-motif-inf {flex: 1; width: 100%; mask-image: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 35%); transform: rotate(180deg);  background-position: center top;}
#compartiment-vtt .compartiment-motif-inf{background-image:url('../img/home-v2/motif-vtt-1200.png');}
#compartiment-vr .compartiment-motif-inf{background-image:url('../img/home-v2/motif-vr-web.png');mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 35%);}
#compartiment-vg .compartiment-motif-inf{background-image:url('../img/home-v2/motif-gravel-web.png'); background-size: 45px;}
#compartiment-vtc .compartiment-motif-inf{background-image:url('../img/home-v2/motif-vtc-1200.png');}


/* ----- Si les activités ne sont pas en mode banière mais en carré ----- */

/* n'est pas layout-motif */
@media screen and ((max-height : 600px) or (max-width: 1300px)) 
{
    .compartiment{clip-path: none;}
    .compartiment-motif-inf{mask-image: none;}
    #compartiment-vtt .compartiment-motif-inf{background-image: none;}
    #compartiment-vr .compartiment-motif-inf {background-image: none;}
    #compartiment-vg .compartiment-motif-inf {background-image: none;}
    #compartiment-vtc .compartiment-motif-inf{background-image: none;}
}
.compartiment-content {position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.compartiment-content .logo-container {position: relative; max-height: 90%; width: 70%; height: 40vh; overflow: hidden; margin-top: 10vh;}
.compartiment-content .logo-container picture {display: block; width: 100%; height: 100%;}
.compartiment-content .logo-container img {width: 100%;height: 100%;object-fit: contain;display: block;}

/* ----- Gestion de l'axe vertical (placement + taille police) ----- */

#slogan{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; margin: auto; padding: 0 5px 0 5px;}
#slogan h1, #slogan p{text-align: center;margin: 0;line-height: 2rem;}
#slogan p{font-size: 1.3rem; }

/* ------------- Proportions de l'axe vertical ------------- */
/* Ordinateur */
#intro-area #activites      {height: 84vh;}
#intro-area #slogan         {height: 16vh;}
#header-space{position:absolute; width: 100%; z-index: 2;}


/* Tablettes horizontales - layout-horizontal */
@media screen and ((max-height : 600px) or ((max-width: 1300px) and (min-width: 1000px)))
{
    .compartiment-content .logo-container {margin-top: 0}
    #header-space{position: static;}

    #header-space{display: block; width: 100%;   height: 30vh;}
    #intro-area #activites                      {height: 50vh;}
    #intro-area #slogan                         {height: 20vh;}
    #intro-area #activites {border-top: white solid 3px; border-bottom: white solid 3px;}
    #slogan h1              {font-size: 1.1rem; font-weight: bold;}
    #slogan p               {font-size: 1rem; margin-top: 0; line-height: 1rem;}
}
/* Tablettes vertical - layout-vertical-tablette */
@media screen and (max-width: 1000px) and (min-height : 600px)  {
    .compartiment-content .logo-container {margin-top: 0}
    #header-space{position: static;}
    #header-space{display: block; width: 100%;   height: 25vh;}
    #intro-area #activites                      {height: 55vh;}
    #intro-area #slogan                         {height: 20vh;}
    #intro-area #activites {border-top: white solid 2px; border-bottom: white solid 2px;}
    #slogan h1              {font-size: 1.1rem; font-weight: bold;}
    #slogan p               {font-size: 1rem; margin-top: 0; line-height: 1rem;}
    .compartiment-content .univers-pic{ max-height: 90%;}
}
/* Smartphone vertical - layout-vertical-smartphone */
@media screen and (max-width: 500px) and (min-height : 600px) {
    .compartiment-content .logo-container {margin-top: 0}
    #header-space{position: static;}
    #header-space{display: block; width: 100%;   height: 25vh;}
    #intro-area #activites                      {height: 60vh;}
    #intro-area #slogan                         {height: 15vh;}
    #intro-area #activites {border-top: white solid 2px; border-bottom: white solid 2px;}   
    #slogan              {padding: 0 30px;}
    #slogan h1              {font-size: 1rem; font-weight: bold;}
    #slogan p               {font-size: 1rem; margin-top: 0; line-height: 1rem;}
    .compartiment-content .univers-pic{ max-height: 90%; width: auto; max-width: 95%;}
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ---------------- SECTION SOUS ACCUEIL ------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

#infos-contact{display: flex; flex-direction: column; justify-content:center; align-items: center; margin: 10px 0 10px 0;}
#infos-contact h2, #infos-contact address{text-align: center;margin: 0;}
/* #infos-contact  {height: 8vh;} */

#infos-contact h2       {font-size: 1.2rem; font-weight: bold;}
#infos-contact address  {font-size: 1rem; margin-top: 0.5rem;}

#introText{font-size: 1rem; background-color: var(--bs-primary);text-align:center;padding:10px 15% 60px 15%;}

#introText .btn-vz-txt span{display: inline; font-weight: normal;}

.flexCenter{display: flex;justify-content: center; align-items: center;}
.btn-vz-ico {display:block;height:40px;width:40px;min-width:40px;background: url('../img/sprite-icones-v2.png');background-repeat: no-repeat;color:#fff;}
.i-qsn{background-position: -302px -95px;}

.qsm-link{margin-top: 15px; gap:10px}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ----------------- SECTIONS PAR ACTIVITE ----------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* {padding: auto; width:95%;max-width:1200px;} */

#vtt{position:relative;min-height:1600px;background:var(--bs-vtt-primary);padding:20px 0 100px 0;}
#vtc{position:relative;min-height:1600px;background:var(--bs-vtc-primary);padding:20px 0 100px 0;}
#vr{position:relative;min-height:1600px;background:var(--bs-vr-primary);padding:20px 0 100px 0;}
#vg{position:relative;min-height:1600px;background:var(--bs-vg-primary);padding:20px 0 100px 0;}




/* --------------------------------------------------------- */
/* ------------------- ACTIVITE - BANDES ------------------- */
/* --------------------------------------------------------- */


/* --------- Général --------- */
.content-center{width: 95vw;max-width:1200px;margin:0 auto 0 auto; }
p{margin: 0;}
a p:hover{border:none !important}
a span:hover{border:none !important}
.titreFlex{display: flex; justify-content: start; align-items: center; gap: 13px;}
.ico-depart{background-position: 0px 0px;}
.ico-home  {height: 72px;width: 72px;background-image: url(../img/home-v2/ico-home.png);   margin:-5px 10px;display:inline-block;}
.ico-home2 {height: 72px;width: 72px;background-image: url(../img/home-v2/ico-depart2.png);margin:-5px 10px;display:inline-block;}
.ico-depart2{background-size: cover;}
.ico-search{background-position: 0px -80px;}
.ico-infos{background-position: -74px -107px;}
.ico-velo{background-position: 0px -160px;}
.ico-eye{background-position: -80px -4px;height: 28px;width: 38px;background-image: url(../img/home-v2/ico-home.png);display:inline-block;}
/* .ico-download{background-position: -74px -35px;} */

/* .ico-reserv{background-position: -74px -179px;} */
/* .ico-world{background-position: 0px -240px;} */
/* .ico-car{background-position: -134px -35px;} */
/* .ico-gear{background-position: -74px -246px;} */

/* --------- Head-band --------- */

.headBand{position:relative;height:300px;}
.imagesBand{position:relative;height:300px;z-index:8;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.sectionHead{width:100%;}
#vtt .bg{background:url('../img/home-v2/motif-vtt-2000.png');height:235px;width:100%;z-index:1;bottom:0px;position:absolute;}
#vtc .bg{background:url('../img/home-v2/motif-vtc-2000.png');height:235px;width:100%;z-index:1;bottom:0px;position:absolute;}
#vr .bg{background:url('../img/home-v2/motif-vr-web.png');height:234px;width:100%;z-index:1;bottom:0px;position:absolute;opacity: .3;background-position: center;}
#vg .bg{background:url('../img/home-v2/motif-gravel-web.png');height:234px;width:100%;z-index:1;bottom:0px;position:absolute;opacity: .75}

#titre-vtt{width:168px;height:188px;margin:0 0 15px 0;}
#titre-vtc{width:172px;height:200px;margin:0 0 20px 0;}
#titre-vr{width:168px;height:188px;margin:0 0 25px 0;}
#titre-vg{width:168px;height:188px;margin:0 0 25px 0;}

/* Tablettes horizontales - layout-horizontal */
@media screen and ((max-height : 600px) or ((max-width: 1300px) and (min-width: 1000px)))
{
    .headBand, .imagesBand, .imagesBand .ambiance{height:220px;}
    #vtt .bg{height:172px;}
    #vr .bg{height:180px;}
    #vtc .bg{height:180px;}
    #vg .bg{height:180px;}
    #titre-vtt{width:125px;height:140px;}
    #titre-vtc{width:120px;height:140px;}
    #titre-vr{width:117px;height:140px;}
    #titre-vg{width:117px;height:140px;}
}
/* Tablettes vertical - layout-vertical-tablette */
@media screen and (max-width: 1000px) and (min-height : 600px)  {
    .headBand, .imagesBand, .imagesBand .ambiance{height:220px;}
    #vtt .bg{height:172px;}
    #vr .bg{height:180px;}
    #vtc .bg{height:180px;}
    #vg .bg{height:180px;}
    #titre-vtt{width:125px;height:140px;}
    #titre-vtc{width:120px;height:140px;}
    #titre-vr{width:117px;height:140px;}
    #titre-vg{width:117px;height:140px;}
}
/* Smartphone vertical - layout-vertical-smartphone */
@media screen and (max-width: 500px) and (min-height : 600px) {
    .headBand, .imagesBand, .imagesBand .ambiance{height:150px;}
    #vtt .bg{height:118px;}
    #vr .bg{height:130px;}
    #vtc .bg{height:130px;}
    #vg .bg{height:130px;}

    #titre-vtt{width:84px;height:94px;}
    #titre-vtc{width:81px;height:94px;}
    #titre-vr{width:78px;height:94px;}
    #titre-vg{width:78px;height:94px;}
}


/* --------- Bande 1 --------- */
.bande1{text-align:center;padding:30px 15% 30px 15%;}
.bande1 p{margin: 0;}
#vtt .bande1{background-color: var(--bs-vtt-secondary);}
#vtc .bande1{background-color: var(--bs-vtc-secondary);}
#vr  .bande1{background-color: var(--bs-vr-secondary);}
#vg  .bande1{background-color: var(--bs-vg-secondary);}

/* --------- Bande 2 --------- */
.bande2{padding-top: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.bande2 .entete {width: 33%;}
.bande2 .articles{width: 66%;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
.bande2 article{width: 350px;margin-top: 10px;}
.bande2 .infos{width: 66%;display: flex;justify-content: space-between;align-items: stretch; }
.bande2 .infos .info{width: 350px; border: 1px dotted #fff;margin-top: 10px; display: flex; align-items: center;min-height: 80px;}
.bande2 .infos .info p{padding:15px;font-style: italic;margin: 0;}

.btnVzLink{text-transform: uppercase;font-weight: bold;width: 350px; border: 1px dotted #fff;margin-top: 10px; display: flex; align-items: center;padding: 1px;min-height: 80px; color: #fff; box-sizing: content-box; font-size: 1rem;}
.btnVzLink:hover{text-decoration: underline; border: solid 2px #fff !important;padding: 0;}
.btnBgVtt{background-color:var(--bs-vtt-light);}
.btnBgVtc{background-color:var(--bs-vtc-light);}
.btnBgVr{background-color: var(--bs-vr-light);}
.btnBgVg{background-color: var(--bs-vg-light);}
.btnVzLink .titreFlex{margin-left: 10px;}

.blocDepart{border:solid 2px #a0a0a0;opacity: 1;transition: opacity 0.3s ease 0s;}
.blocDepart:hover{border:solid 2px #fff;opacity: 0.9;}
.blocDepart a{color:#fff;text-decoration:none;}
/* .blocDepart .photoHolder{display:block;width:100%;height:236px;overflow:hidden;} */
.departImgHolder{position: relative;width: 100%;height: 197px;overflow: hidden;top: 0;}

.blocDepart img{width: 100%;object-fit: cover;}

/* .blocDepart img{position:absolute;left:50%;bottom:0%;} */
.titreDepart{padding:15px 12px 15px 12px;text-transform:uppercase;z-index:2;}
.dateDepart{padding:15px 12px 15px 12px;position:relative;bottom:0px;height:40px;z-index:2;}

#vtt .titreDepart{background:var(--bs-vtt-secondary);}
#vtt .dateDepart{background-color: rgba(0,0,0,0.2);}
#vtt a.btnBgVtt .btnVz{height:100px}
#vtt a.btnBgVtt .btnVz span, #vtc a.btnBgVtc .btnVz span, #vr a.btnBgVr .btnVz span, #vg a.btnBgVr .btnVz span{font-size:16px !important;}

#vtc .titreDepart{background:var(--bs-vtc-secondary);}
#vtc .dateDepart{background-color:var(--bs-vtc-secondary);}
#vtc a.btnBgVtc .btnVz{height:100px}

#vr .titreDepart{background:var(--bs-vr-secondary);}
#vr .dateDepart{background-color: rgba(0,0,0,0.2);}
#vr a.btnBgVr .btnVz{height:100px}

#vg .titreDepart{background:var(--bs-vg-secondary);}
#vg .dateDepart{background-color: rgba(0,0,0,0.2);}
#vg a.btnBgVg .btnVz{height:100px}

/* Tablettes horizontales - layout-horizontal */
@media screen and ((max-height : 600px) or ((max-width: 1300px) and (min-width: 1000px)))
{
    .bande2 .entete {width: 100%;}
    .bande2 .articles, .bande2 .infos{width: 100%; justify-content: space-around; flex-wrap: wrap;}
}
/* Tablettes vertical - layout-vertical-tablette */
@media screen and (max-width: 1000px) and (min-height : 600px)  {
    .bande2 .entete {width: 100%;}
    .bande2 .articles, .bande2 .infos{width: 100%; justify-content: space-around; flex-wrap: wrap;}
}
/* Smartphone vertical - layout-vertical-smartphone */
@media screen and (max-width: 500px) and (min-height : 600px) {
    .bande2 .entete {width: 100%;}
    .bande2 .articles, .bande2 .infos{width: 100%; justify-content: space-around; flex-wrap: wrap;}
}



/* --------- Bande 4 --------- */
.bande4 {
    background-color: rgba(0,0,0,0.2);
    margin-top: 30px;
   
    /* width: 100%; */
}
.bande4 .content-center{
    padding: 30px 0 15px 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap-reverse;
    gap: 20px;
}
.bande4 .destinations{flex: 2;}
.bande4 .colRecherche{flex: 1;}
.bande4 .destinations{display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
.bande4 .destinations .oneHalf{margin: 5px 0 5px 0;}
.bande4 .destinations .pays2Cols{width: 350px;}
.bande4 .colRecherche{width: 33%;display: flex; justify-content: end;}

/* Tablettes horizontales - layout-horizontal */
@media screen and ((max-height : 600px) or ((max-width: 1300px) and (min-width: 1000px)))
{.bande4 .destinations{flex: 1;}    .bande4 .colRecherche{flex: 1;justify-content: center;width: auto;}}
/* Tablettes vertical - layout-vertical-tablette */
@media screen and (max-width: 1000px) and (min-height : 600px)  
{.bande4 .destinations{flex: 1;}    .bande4 .colRecherche{flex: 1;justify-content: center;width: auto;}}
/* Smartphone vertical - layout-vertical-smartphone */
@media screen and (max-width: 500px) and (min-height : 600px) 
{.bande4 .destinations{flex: 1;}    .bande4 .colRecherche{flex: 1;justify-content: center;width: auto;}}


.bande4 .mon,.bande4 .fra, .bande4 .elec {opacity: 1;transition: opacity 0.3s ease 0s;max-width:370px;height: 308px;width:100%;text-align:center;border:solid 2px #a0a0a0;background: url(../img/bg-menu-vtt-fra.jpg) no-repeat 50% 50%;box-sizing: border-box;padding: 80px 0 0 0;font-weight: bold;font-size: 26px;text-transform: uppercase;text-shadow: 1px 1px 3px #000;}
.bande4 .mon :hover,.bande4 .fra:hover, .bande4 .elec :hover{border:solid 2px #fff}
#vtt .bande4 .mon{background: url(../img/bg-menu-vtt-mon.jpg) no-repeat 50% 50%;}
#vtc .bande4 .mon{background: url(../img/bg-menu-vtc-mon.jpg) no-repeat 50% 50%;}
#vtc .bande4 .fra{background: url(../img/bg-menu-vtc-fra.jpg) no-repeat 50% 50%;}
#vr .bande4 .mon{background: url(../img/bg-menu-vr-mon.jpg) no-repeat 50% 50%;}
#vr .bande4 .fra{background: url(../img/bg-menu-vr-fra.jpg) no-repeat 50% 50%;}
#vg .bande4 .mon{background: url(../img/bg-menu-vg-mon.jpg) no-repeat 50% 50%;}
#vg .bande4 .fra{background: url(../img/bg-menu-vg-fra.jpg) no-repeat 50% 50%;}

.bande4 ul{margin: 0; padding: 0;column-count: 2; height: 100%;}
.bande4 li{list-style-type: none; padding: 5px 0 5px 0;}

.btnVz{text-transform: uppercase;font-weight: bold;width: 350px;display: flex; align-items: center;padding: 1px;min-height: 80px;}
.btnVz:hover{text-decoration: underline; border: solid 2px #fff !important;padding: 0;}
.searchLocation{width:100%;padding:5px 15px 5px 15px;font-size:14px;box-sizing: border-box;height:40px;}

/* --------- Bande 5 --------- */
.bande5{padding-top: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.bande5 .entete {width: 33%;}
.bande5 .articles{width: 66%;display: flex;justify-content: space-around;align-items: center;margin-top: 10px; flex-wrap: wrap;}

.bande5 .blocActu{width: 350px; margin-top: 15px;}
.blocActu .blocActuContent{width: 100%;display: flex; justify-content: start; align-items: center;}
.blocActu .blocActuImgImg{width: 60%;}
.blocActu p{width: 40%;margin: 0 0 0 10px;}

/* Tablettes horizontales - layout-horizontal */
@media screen and ((max-height : 600px) or ((max-width: 1300px) and (min-width: 1000px)))
{
    .bande5 .entete {width: 100%;}
    .bande5 .articles, .bande5 .infos{width: 100%; justify-content: space-around; flex-wrap: wrap;}
}
/* Tablettes vertical - layout-vertical-tablette */
@media screen and (max-width: 1000px) and (min-height : 600px)  {
    .bande5 .entete {width: 100%;}
    .bande5 .articles, .bande5 .infos{width: 100%; justify-content: space-around; flex-wrap: wrap;}
}
/* Smartphone vertical - layout-vertical-smartphone */
@media screen and (max-width: 500px) and (min-height : 600px) {
    .bande5 .entete {width: 100%;}
    .bande5 .articles, .bande5 .infos{width: 100%; justify-content: space-around; flex-wrap: wrap;}
}

/* --------------------------------------------------------- */
/* ------------------- FOOTER - HOME ----------------------- */
/* --------------------------------------------------------- */

.footer-home{text-transform: uppercase;}
.footer-home a, .footer-home button{font-size: 1rem;}