/********* COULEURS ************/
	.bg_orange{ background-color:#fe942d; }
    .bg_orange_clair_iti { background-color: #ffbf80; }
	.bg_vert{ background-color:#76ab2a; }
	.bg_vert_olive{ background-color:#727b0b; }
	.bg_rose{ background-color:#d211a7; }
	.bg_rose_clair{ background-color:#e564c8; }
	.bg_bleu{ background-color:#00c8bc; }
	.bg_bleuFonce { background-color:#298eaf; }
    .bg_bleu_clair_iti { background-color:#83fff8; }
	.bg_vert_clair{ background-color:#afb942; }
    .bg_vert_clair_iti{ background-color:#afd47a; }
    .bg_vert_clair_iti_pl{background-color:#d7de8f;}
	.bg_noir{ background-color:#000000;  }
	.bg_noir_degrade{ background: linear-gradient(0deg, black, #323232); }
	.bg_violet{ background-color: #82579f; }
	.bg_violet_clair{background-color: #680452;}
    .bg_violet_clair_iti{background-color:#ff72e1;}
    .bg_violet_clair_iti_agenda{background-color:#d79bff;}
	.bg_violet_fonce{background-color: #482d59;}
	.bg_cyan{ background-color: #9f007d; }
	.bg_marron_clair{ background-color: #561e19; }
	.bg_blanc{ background-color: #ffffff; }
	.bg_vert_fonce{ background-color: #064e40; }
	.bg_rouge { background-color: #f03838; }
    .bg_services{ background-color: #00c8bc; }
    .bg_services_sombre{ background-color: #03534d; }
    .bg_services_valider{ background-color: #084659; }
    .bg_orange_sang{ background-color: #e23c2a;}
    .bg_orange_sang_fonce{background-color:#a52011;}
    .bg_chaineInfo{background-color:#15b7b9;}

	.orange{ color:#fe942d; }
	.vert{ color:#76ab2a; }
	.rose{ color:#d211a7; }
	.bleu{ color:#00c8bc; }
	.bleuFonce { color:#298eaf; }
	.vert_clair{ color:#afb942; }
	.violet{ color:#82579f }
	.blanc{ color:#ffffff; }
	.cyan{ color: #9f007d; }
	.marron{ color: #2c0b08; }
	.vert_fonce{ color: #064c3e; }
	.violet_fonce{ color: #4f033e; }
	.violet_sombre{ color: #2e1b3a; }
	.rouge { color: #f03838; }
    .couleur_services{ color: #00c8bc; }
    .couleur_services_fonce{ color: #084659; }
    .orange_sang{color:#e23c2a;}
    .orange_sang_fonce{color:#a52011;}
    .chaineInfo{color:#15b7b9;}


    .border_service{ border-color: #00c8bc!important; background-color:#2ed0c6; }
    .border_restaurant{ border-color:#fe942d!important; background-color:#ffa044 ; }
    .border_produit_local{ border-color:#afb942!important; background-color:#b6be61; }
    .border_hebergement{ border-color:#9f007d!important; background-color:#a21784; }
    .border_a_faire{ border-color:#e23c2a!important; background-color:#e64938; }
    .border_a_voir{ border-color:#afb942!important; background-color:#b6be61; }

/*#nextSlide{
    z-index: 6000000 !important;
	position: absolute !important;
	width: 100px;
	height: 100px;
}*/

.elementor-cta__bg{
	background-position-y: 10% !important;
}


@media (max-width: 700px) {
	.elementor-widget-wrap {padding: 0px !important;}
.elementor-location-header{
	z-index: 9998 !important;
	}}

/* veille */
#logo {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 50vw;  /* Vous pouvez changer la largeur */
  z-index: 1000;
}

.hidden {
  display: none;
}

#screensaver {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 41, 81, 0.9);
  z-index: 9999;
}

#slider {
  text-align: center;
  height: 100%;
}

.newSlide {
  width: 80%;
    height: 28vh;
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#dots {
  text-align: center;
  position: absolute;
  bottom: 30%;
  left: 50%;
  transform: translateX(-50%);
}

.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.chaineInfoContent .active, #screensaver .active{
  background-color: #717171;
}

/*----------*/



/* Chaine info */
#ecranVeille {
	  display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
      justify-content: center;
      align-items: center;
	  flex-direction : column;
    }
    
    /* Style pour le contenu du modal */
    #ecranVeille .modal-content {
      width: 30vw;
      height: 15vh;
      background-color: white;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	  margin: 0.5rem;
	  background-color: #192951;
	  color: #BFA226;
	  font-size: 2rem;
	  display: flex;
		
    }
	
.modal-text {
	    color: #BFA226;
    text-align: center;
	margin:auto;
	line-height: 3rem;
	font-size : 2vh;
}

	.modal-line {
		display: flex;
		justify-content: center;
		flex-direction: row;
	}
#menuBorne{
		cursor: pointer;
		height: 4vh;
    width: 7vw;
		align-items: center;
		border-radius: 50%;
		color: #BFA226;
		background-color: #192951;
		border-color :  #192951;
		border-width: 1px;
		top: 39%;
    position: fixed;
    z-index: 9999;
    right: 1%;
	
	}

@media (orientation: portrait) { // css borne
	

	#bloc-anim {
		width: 100% !important;
	}
	
	#chaineInfoContent .carouselActuPhotos,
	#veille .carouselActuPhotos,
	#chaineInfoContent .video-photo{ 
		position: absolute;
    width: 80%;
    height: 28vh;
    bottom: 18%;
    left: 10%;
    /* right: 40px; */
    overflow: hidden;
	}
	
	.chaine-info-footer{
	position: absolute;
	bottom: 1vh;
	width: 100%;
}
	
	.elementor-48172 .elementor-element.elementor-element-da66472 .dt-product-gallery:before {padding-bottom : 0px !important;height:36vh}
	#pointureContainer{margin:auto}
	#chaineInfoContent #dateDay {display: none;}
	
	
	.footerActu{  
        position: relative; 
        /*height: 150px; */
        width:100%;
    }
        .footerActu .thumbnailActu,
        .footerActu .thumbnailActu
        { width: 125px; height: 110px; float: left; background-color: #000;
        }

        .footerActu .txtActu,
        .footerActu .txtActu
        { background-color: rgba(0,0,0,0.8);
    color: #fff;
    height: 9vh;
    width: 100%;
    float: left;
        }
	.footerActu .txtActu .actuHeader {
		height: 3vh;
	}
	.footerActu .txtActu .actuBottom {
		height: 6vh;
	}
            .footerActu .txtActu .titleActu
            {     font-family: 'HelveticaNeueLTPro77BdCn', sans-serif;
    font-size: 3vh;
    line-height: 6vh;
    margin-left: 10px;
    text-transform: uppercase;
            }
            .footerActu .txtActu .surtitleActu{     font-size: 2vh;
    font-family: 'Cantarell', sans-serif;
    line-height: 1;
    padding-top: 1vh;
    padding-left: 15px;
				height: 3vh;
            }

        .footerActu .continuActu{ font-family: 'HelveticaNeueLTPro77BdCn', sans-serif;
    color: #fff;
    text-align: center;
    background-color: #db0c0c;
    height: 3vh;
    width: 25%;
    float: left;
    line-height: 3vh;
    margin-right: 10px;
	font-size: 1.4vh;
        }

        .footerActu .contentActu{ color:#000; background-color: #fff; font-family: 'HelveticaNeueLTPro67MdCn', sans-serif; font-size: 2vh; line-height: 3vh;width: 100%; float: left; height: 3vh; overflow: hidden; padding-left:12px;
        }
        .footerActu .contentActu p{ white-space: nowrap; width: 100%; display: inline-table;line-height: 100%;
        }
        .footerActu .contentActu p.defil{ animation: linear marqueelike 70s infinite ;
        }
	
	#chaineInfoContent .carousel__control-buttons {
    display: none;
}
	
}
@media (max-width: 1079px) {
	#menuBorne {display: none !important;}
    #screensaver {display:none !important}
	#ecranVeille {display: none;}
}

@media (orientation: landscape) { 
	
	#menuBorne {display: none;}
    #screensaver {display:none !important}
	#ecranVeille {display: none;}
	#bloc-anim {
		/*height: 701px !important;*/
		/*height: 100%;*/
		width: 80% ;
	}

.chaine-info-footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
}
	
	#chaineInfoContent #dateDay{ position: absolute; top: 10px; left: 30px; height: 72px; width: 107px; display: block; display: flex; flex-direction: column
}
	
	#chaineInfoContent .carouselActuPhotos,
#veille .carouselActuPhotos,
#chaineInfoContent .video-photo{ position: absolute; width: 600px; height: 300px; top: 0; right: 75px; overflow: hidden;
}
	
	.footerActu{  
        position: relative; 
        height: 150px; 
        width:100%;
    }
        .footerActu .thumbnailActu,
        .footerActu .thumbnailActu
        { width: 125px; height: 110px; float: left; background-color: #000;
        }

        .footerActu .txtActu,
        .footerActu .txtActu
        { background-color: rgba(0,0,0,0.8); color: #fff; height: 100px; width: 100%; float: left;
        }
            .footerActu .txtActu .titleActu
            { font-family: 'HelveticaNeueLTPro77BdCn', sans-serif; font-size: 30px; margin-top: 30px; margin-left: 10px; text-transform: uppercase;
            }
            .footerActu .txtActu .surtitleActu{ font-size: 18px; font-family: 'Cantarell', sans-serif; line-height:1; padding-top: 12px; padding-left: 15px;
            }

        .footerActu .continuActu{ font-family: 'HelveticaNeueLTPro77BdCn', sans-serif; color: #fff; text-align: center; background-color:#db0c0c; height: 45px; width: 180px; float:left; padding-top: 9px; margin-right: 10px;
        }

        .footerActu .contentActu{ color:#000; background-color: #fff; font-family: 'HelveticaNeueLTPro67MdCn', sans-serif; font-size: 21px; width: 100%; float: left; height: 30px; overflow: hidden; padding-left:12px;
        }
        .footerActu .contentActu p{ white-space: nowrap; width: 100%; display: inline-table;
        }
        .footerActu .contentActu p.defil{ animation: linear marqueelike 70s infinite ;
        }
	
	#chaineInfoContent .carousel__control-buttons {
    width : 30%;
    position: absolute;
    right: 300px;
    bottom: 300px;
    display: flex;
    justify-content: right;
}
	
}
#stopVideo{
	display: none;
    position: absolute;
    top: 25%;
    left: 5%;
    padding-top: 10px;
    z-index: 5000000;
	cursor: pointer;
}

#playVideo{
    top: 25%;
    left: 40%;
    padding-top: 10px;
    z-index: 5000000;
	cursor: pointer;
	position: absolute;
	filter: brightness(0) invert(1);
}

#chaineInfoContent #popUp{ display: none;
}

#chaineInfoContent{ z-index: 15; height:100%; float: right; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 0; margin: 0;
}


#chaineInfoContent #dateDay .date-hour {
background-color: rgb(59 130 246);
    color: white;
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding: 4px 16px;
    text-align: center;
}

#chaineInfoContent #dateDay .date-direct {
	color: white;
    background-color: rgb(220 38 38 );
    text-align: center;
}

#chaineInfoContent #dateDay span{ color: #fff; display: block; font-family: 'Raleway', sans-serif; text-align: center; line-height: 45px;
}

    #chaineInfoContent #dateDay span:nth-child(1){ font-weight: normal; font-size: 22px;}
    #chaineInfoContent #dateDay span:nth-child(2){ font-weight: bold; font-size: 60px; }
    #chaineInfoContent #dateDay span:nth-child(3){ font-weight: bold; font-size: 25px; }

#chaineInfoContent .boutonHeader{ right: 43%;
}
#chaineInfoContent .fermer i{ color:#fff; margin-top: 13px; margin-left: 14px;
}

#footerChaine{ 
    position: relative; 
    width: 330px; 
    left: 0; 
    bottom: 20px; 
    background-color: rgba(255,0,0,0.7); 
    height: 180px; 
    z-index: 5;
}

#chaineInfoContent #carouselActu{ 
    position: absolute; 
    top: 1px; 
    left: 0;
    bottom: 20px; 
    width: 100%;
	height: 100%;
    z-index: 1;
}

#chaineInfoContent .carousel-control{ 
    position: relative;
    opacity: 1; 
    background-image: none; 
    top: auto;
    margin: 10px;
}

#chaineInfoContent .right.carousel-control{ padding: 17px 25px 0 0; 
}
#chaineInfoContent .left.carousel-control{ padding: 17px 0 0 20px; 
}

    #chaineInfoContent .right.carousel-control span,
    #chaineInfoContent .left.carousel-control span{ display: inline-block; text-transform: uppercase; font-size: 11px; font-family: 'HelveticaNeueLTPro67MdCn', sans-serif; line-height: 13px; text-shadow: none;
    }

    #chaineInfoContent .right.carousel-control span{ text-align: left;
    }
    #chaineInfoContent .left.carousel-control span{ text-align: left;
    }

    #chaineInfoContent .right.carousel-control span:before{ width: 15px; height: 1px; background-color: #fff; content: ''; position: absolute; transform:rotate(-135deg); right: 10px; top: 22px;
    }
    #chaineInfoContent .right.carousel-control span:after{ width: 15px; height: 1px; background-color: #fff; content: ''; position: absolute; transform:rotate(-45deg); right: 10px; top: 33px;
    }

    #chaineInfoContent .left.carousel-control span:before{ width: 15px; height: 1px; background-color: #fff; content: ''; position: absolute; transform:rotate(135deg); left: 5px; top: 22px;
    }
    #chaineInfoContent .left.carousel-control span:after{ width: 15px; height: 1px; background-color: #fff; content: ''; position: absolute; transform:rotate(45deg); left: 5px; top: 33px;
    }

#chaineInfoContent .carousel-inner{ display: block; height: 100%;}

@media(max-width: 1440px) and (orientation: landscape){
#chaineInfoContent .carouselActuPhotos,
#veille .carouselActuPhotos,
#chaineInfoContent .video-photo{ position: absolute; width: 500px; height: 250px; top: 0; right: 40px; overflow: hidden;
}
}

@media(max-width: 1200px) and (orientation: landscape){
#chaineInfoContent .carouselActuPhotos,
#veille .carouselActuPhotos,
#chaineInfoContent .video-photo{ position: absolute; width: 400px; height: 200px; top: 0; right: 20px; overflow: hidden;
}
}

@media(max-width: 800px) and (orientation: landscape){
#chaineInfoContent .carouselActuPhotos,
#veille .carouselActuPhotos,
#chaineInfoContent .video-photo{ position: absolute; width: 300px; height: 150px; top: 0; right: 5px; overflow: hidden;
}
}


#chaineInfoContent .imgBg,
.imgBg { background-repeat: no-repeat; background-position: center; background-size: cover;
}

#chaineInfoContent .carouselActuPhotos .actuPhotosContent,
#veille .actuPhotosContent
{ height: 100%; margin: 0; padding: 0; 
}

#veille .carouselActuPhotos {
    margin-top: 100px;
}
#chaineInfoContent .carouselActuPhotos .imgBg,
#veille .carouselActuPhotos .imgBg
{ width: 700px !important; height: 100%; float: left;
}

#nameChaine{ width: 330px; height: 180px; background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; padding: 42px 0;
}
    #nameChaine #titleChaine{ color: #fff; width: 200px; height: 45px; text-transform: uppercase;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#79000e+0,d10006+100 */
    background: #79000e; /* Old browsers */
    background: -moz-linear-gradient(left, #79000e 0%, #d10006 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #79000e 0%,#d10006 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #79000e 0%,#d10006 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79000e', endColorstr='#d10006',GradientType=1 ); /* IE6-9 */
    margin: 0 auto;
    -ms-transform: rotate(30deg) skewY(150deg); /* IE 9 */
    -webkit-transform: rotate(30deg) skewY(150deg); /* Safari 3-8 */
    transform: rotate(30deg) skewY(150deg);
    padding-top: 8px;
    font-family: 'HelveticaNeueLTPro67MdCn', sans-serif;
    font-size: 27px;
    }
    #nameChaine #surtitleChaine{ font-family: 'HelveticaNeueLTPro47LtCn', sans-serif; font-size: 65px; color: #c9c8c8; font-style: italic; line-height: 65px; padding-top: 2px;
    }

#chaineInfoContent .item{ height: 100%;
}



    #chaineInfoContent .learnMore{ color: #fff; border: 4px solid #15999b; height: 40px; width: 125px; position: absolute; right: 357.5px; top: 480px; font-family: 'HelveticaNeueLTPro67MdCn', sans-serif; font-size: 17px; padding-left: 17px; padding-top: 7px; display: block;
    }
    #chaineInfoContent .learnMore:after{ position: absolute; content: '+'; font-family: 'HelveticaNeueLTPro67MdCn', sans-serif; font-size: 17px; top: 5px; right: 15px;
    }


    #chaineInfoContent #leaChaine{ position: absolute; bottom: 60px; left: 185px;
    }

#chaineInfoContent .test{ width: 35%; position: absolute; left: 0; height: 520px; background-color: red;
}

#chaineInfoContent .carousel-indicators,
#chaineInfoContent #audioConvers{ display: none;
}


#contact-keyboard-container,
#newsletter-keyboard-container {
	position: absolute;
	width: 70%;
	left: 15%;
	top: 10px;
	z-index: 1000;
}

#contact-keyboard-text-area,
#newsletter-keyboard-text-area{
	display: none !important;
}


@keyframes marqueelike{
    0%  {
        transform:translateX(0%);
    }

    100%  {
        transform:translateX(-100%);
    }
}

.lifAdvisorFairguest{ padding: 35px 10px;
}
    .lifAdvisorFairguest .FairGuest{ margin-bottom: 30px;
    }
    .lifAdvisorFairguest .noteFaireGuest{ width: 100px; text-align: center; height: 75px; margin-bottom: 0; display: inline-block; font-family: 'HelveticaNeueLTPro77BdCn', sans-serif; font-size: 20px; color: #fff; padding-top: 8px;
    }
        .lifAdvisorFairguest .noteFaireGuest span{ font-size: 40px;
        }
            .lifAdvisorFairguest .nbAvis { display: inline-block; font-family: 'HelveticaNeueLTPro67MdCn', sans-serif; font-size: 16px; color: #000; margin-left: 15px; vertical-align: bottom; margin-bottom: -5px; line-height: 1.2;
            }

.lifAdvisorFairguest .lifadvisor .lifadvisorTitle{ font-family: 'HelveticaNeueLTPro77BdCn', sans-serif; font-size: 20px;
}
.lifAdvisorFairguest .lifadvisor .lifadvisorTitle::after{ content: ''; width: 260px; height: 25px; background-image: url(/wp-content/themes/vitrine/img/formeLifadvisor.png); display: block; background-repeat: no-repeat; margin-top: 10px;
}
.lifAdvisorFairguest .lifadvisor .lifadvisorTxt{ font-family: 'HelveticaNeueLTPro57Cn', sans-serif; font-size: 20px; color: #000; margin-bottom: 2px; text-transform: capitalize;
}

div.active { display : inline}
div.inactive {display : none}