#editorial ul {
    list-style-type: disc;
    padding-left: 1em;
       
}
#editorial ul.B_crumbBox {
    list-style-type: none;
    padding-left: 1em;
       
}

#editorial ul li{
	margin-bottom: 0.5em;
}
 #editorial ul.pagination{
	 list-style-type:none;
 }
 #editorial ul li{
 	 padding: 0;
 }

.page-link{
	    color: #AF0074;
}
header{
	z-index: 9000;
	top:0;
	width: 100%;
}

.tooltip{
	z-index: 90000;
}
 

.B_crumbBox {
    display: flex;
        list-style-type: none;
        flex-wrap: wrap;
        padding: 1em;
}
.B_crumb,
.B_homeCrumb,
.B_currentCrumb{
	margin: 0 .2em 0 .2em
 
}
.B_crumbBox a{
	color:#555;
}
#editorial ul {
    list-style-type: disc;
    padding-left: 1em;
       
}
#editorial ul.B_crumbBox {
    list-style-type: none;
    padding-left: 1em;
       
}

#editorial ul li{
	margin-bottom: 0.5em;
}
 
 #editorial p {
/*	font-size: 1em;
	text-align:justify;*/
	line-height: 1.2em;
	 
} 
.page .grid a {
    color: #AF0074;
}

.bg-rose{
	background-color: #AF0074;
}
.modal{
	z-index: 10050;
}

 
.modal-backdrop {
 
    z-index: 10040;
   }
hr {
    width: 100%;
    display: block;
}

img{
	
    max-width: 100%;
    height: auto;

}
.introText{
	max-width: 70%;
}
#visit_choice div {
    display: flex;
    flex-direction: column;
}


#editorial div.row{
	display: block;
}
#editorial  div.row.grid{
	display: flex;
}

#widget-overlay h3,
 #widget-recherche-partenaire h3{
	    font-size: .8em!important;
	        line-height: 2.5em;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: flex;
    }
    
    #theCarouselActu .carousel-control-next, 
      #theCarouselActu .carousel-control-prev{
	     width: 3% !important;
	     }

element.style {
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.btn-link {
     color: #AF0074;
  }
  
  .accordion .card:first-of-type{
		border-bottom: 1px solid rgba(0,0,0,.125);	  
  }
  
  
    #theCarouselActu .card-img-overlay{
 	opacity: 0;
 		 display: flex;
	-webkit-transition: all .5s; /* Safari */1
	transition: all .5s;
}

/*-ms-filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);*/

#theCarouselActu	.card:hover .card-img-overlay{
	opacity: 1;

	 background: -moz-linear-gradient(-90deg, rgba(0,0,0,.6) 0,  rgba(0,0,0,.95) 100%) ;
	 background: -webkit-linear-gradient(-90deg,  rgba(0,0,0,.6) 0, rgba(0,0,0,.95) 100%); 
	 background:  linear-gradient(180deg,  rgba(0,0,0,.6) 0, rgba(0,0,0,.95) 100%); 
	 	-webkit-transition: all .5s easein;  
	 	transition: all.5s;
 }
 


.img-responsive {
    max-width: 100%;
    height: auto;
}
.text-work {
	font-family: 'Work Sans', sans-serif !important;
}
.bandeau{
	    position: relative;
/*  	max-height: unset; */
}


.bandeau::after{
	content: " ";
	position: absolute;
	top:0; bottom:0;
	left: 0; right: 0;
	z-index: 90;
 
	
background: -moz-radial-gradient(0% 82%, ellipse cover, rgba(0,0,0,.7) 3%, rgba(255,255,255,0) 64%);/* FF3.6+ */
background: -webkit-radial-gradient(0% 82%, ellipse cover, rgba(0,0,0,.7) 3%, rgba(255,255,255,0) 64%);/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(0% 82%, ellipse cover, rgba(0,0,0,.7) 3%, rgba(255,255,255,0) 64%);/* Opera 11.10+ */
background: -ms-radial-gradient(0% 82%, ellipse cover, rgba(0,0,0,.7) 3%, rgba(255,255,255,0) 64%);/* IE10+ */
background: radial-gradient(0% 82%, ellipse cover, rgba(0,0,0,.7) 3%, rgba(255,255,255,0) 64%);/* W3C */
	
	
	}



 .slide-wrapper {
 

	     position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: calc(100vh - 150px);
 	    pointer-events: none;
	    overflow: hidden;
 }
  .slide-wrapper  .carousel-item{
	  width: 100%;
	  height: 100%;
	   background-position: center center;
	 background-size: cover;
	 background-repeat: no-repeat;
  }
 

 .vimeo-wrapper {
 background-image: url(../img/commun/bg_wait_video2.jpg);
	 background-position: center center;
	 background-size: cover;
	 background-repeat: no-repeat;

	     position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
/* 	    height: calc(100vh - 150px); */
height: 100vh;
 	    pointer-events: none;
	    overflow: hidden;
 }
  .vimeo-wrapper::before{
	  content:" ";
	  display: block;

	 
	  background-image: url(../img/commun/waiting.gif);
	 background-position: center center;
	 background-size:auto;
	 background-repeat: no-repeat;

	    mix-blend-mode: color;
	 position:absolute;
	 top:0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 z-index: 1;
	 

	  
  }
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 2;
   transform: translate(-50%, -50%);
}

/* The animation code */
@keyframes bounceScroll {
      50% {   margin-bottom:.5em;}
     55% {   margin-bottom:0;}
     60% {   margin-bottom:.5em;}
     65% {   margin-bottom:0;}      
     70% {   margin-bottom:.5em;}
}

#vimeo_scroll{
	position: absolute;
	z-index: 900;
	left: 50%;
	bottom:0.5em;
	margin-bottom:  .5em;
 	
	animation-name: bounceScroll;
	animation-duration: 4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	

	-webkit-animation-name: bounceScroll;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	
	-moz-animation-name: bounceScroll;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;


}



#souvenirs{
-ms-filter:saturate(70%);
-webkit-filter: saturate(70%);
-moz-filter: saturate(70%);
-o-filter: saturate(70%);
filter: saturate(70%);
}

#souvenirs:hover{
-ms-filter:saturate(170%);
-webkit-filter: saturate(170%);
-moz-filter: saturate(170%);
-o-filter: saturate(170%);
filter: saturate(170%);
}

#secondMenu .d-block h3 {
    font-size: 1.1em;
}
#secondMenu > .btn {
    /* font-weight: 700; */
    color: #404040;
  text-transform: normal; 
    font-size: 1em;
        font-size: 1.4em;
    letter-spacing: -.05em;
    padding: 5px;
}

/*
#secondMenu   button.btn.lvl_1:nth-of-type(1):hover{ 	color: #af0074; 	}
#secondMenu   button.btn.lvl_1:nth-of-type(2):hover{ 	color: #00a4e8; 	}
#secondMenu   button.btn.lvl_1:nth-of-type(3):hover{ 	color: #d38900; 	}

#secondMenu   button.btn.lvl_1:nth-of-type(4):hover{ 	color: #d38900; 	}
#secondMenu   button.btn.lvl_1:nth-of-type(5):hover{ 	color: #c02414; 	}

#secondMenu   button.btn.lvl_1:nth-of-type(1)[aria-expanded="true"]{ 	background-color: #af0074 !important; 	color:#FFF;	}
#secondMenu   button.btn.lvl_1:nth-of-type(2)[aria-expanded="true"]{ 	background-color: #00a4e8 !important; 	color:#FFF;	}
#secondMenu   button.btn.lvl_1:nth-of-type(3)[aria-expanded="true"]{ 	background-color: #d38900 !important; 	color:#FFF;	}
#secondMenu   button.btn.lvl_1:nth-of-type(4)[aria-expanded="true"]{ 	background-color: #d38900 !important; 	color:#FFF;	}

#secondMenu   button.btn.lvl_1:nth-of-type(5)[aria-expanded="true"]{ 	background-color: #c02414 !important; 	color:#FFF;	}


#secondMenu  .dropdown-menu:nth-of-type(1) {     background-color: #af0074; }
#secondMenu  .dropdown-menu:nth-of-type(2) {     background-color: #00a4e8; }
#secondMenu  .dropdown-menu:nth-of-type(3) {     background-color: #d38900; }
#secondMenu  .dropdown-menu:nth-of-type(4) {     background-color: #d38900; }

#secondMenu  .dropdown-menu:nth-of-type(5) {     background-color: #c02414; }
*/



/*

#secondMenu   button.btn.lvl_1:nth-of-type(1):hover{ 	color: #7C0042; 	}
#secondMenu   button.btn.lvl_1:nth-of-type(2):hover{ 	color: #AECD6B; 	}
#secondMenu   button.btn.lvl_1:nth-of-type(3):hover{ 	color: #006d7e; 	}

#secondMenu   button.btn.lvl_1:nth-of-type(4):hover{ 	color: #d38900; 	}
#secondMenu   button.btn.lvl_1:nth-of-type(5):hover{ 	color: #ef93b4; 	}

#secondMenu   button.btn.lvl_1:nth-of-type(1)[aria-expanded="true"]{ 	background-color: #7C0042 !important; 	color:#FFF;	}
#secondMenu   button.btn.lvl_1:nth-of-type(2)[aria-expanded="true"]{ 	background-color: #AECD6B !important; 	color:#FFF;	}
#secondMenu   button.btn.lvl_1:nth-of-type(3)[aria-expanded="true"]{ 	background-color: #006d7e !important; 	color:#FFF;	}
#secondMenu   button.btn.lvl_1:nth-of-type(4)[aria-expanded="true"]{ 	background-color: #d38900 !important; 	color:#FFF;	}

#secondMenu   button.btn.lvl_1:nth-of-type(5)[aria-expanded="true"]{ 	background-color: #ef93b4 !important; 	color:#FFF;	}


#secondMenu  .dropdown-menu:nth-of-type(1) {     background-color: #7C0042; }
#secondMenu  .dropdown-menu:nth-of-type(2) {     background-color: #AECD6B; }
#secondMenu  .dropdown-menu:nth-of-type(3) {     background-color: #006d7e; }
#secondMenu  .dropdown-menu:nth-of-type(4) {     background-color: #d38900; }

#secondMenu  .dropdown-menu:nth-of-type(5) {     background-color: #ef93b4; }



#secondMenu  .grid a:hover{	background: #000; }

#secondMenu  .grid  h3 a:hover {	background: #FFF; }

#secondMenu .dropdown-menu:nth-of-type(1) h3 a,
#secondMenu .dropdown-menu:nth-of-type(3) h3 a,
#secondMenu .dropdown-menu:nth-of-type(5) h3 a{
	color: #FFF;
}
#secondMenu .dropdown-menu:nth-of-type(1) h3 a:hover,
 #secondMenu .dropdown-menu:nth-of-type(3) h3 a:hover,
  #secondMenu .dropdown-menu:nth-of-type(5) h3 a:hover{
	  color: #000;
  }

*/

     #secondMenu .dropdown-menu {
    background: #FFF !important;
}
#secondMenu .dropdown-menu  h3 a,
     #secondMenu a.text-white  {
    color: #000!important;
}

#secondMenu .dropdown-menu  h3 a:hover,
     #secondMenu a:hover.text-white  {
    color: #fff!important;
        background-color: #000 !important;
}


#secondMenu button.btn.lvl_1[aria-expanded="true"]{
    
    color:  black !important;
    background-color: rgba(255,255,255,0.8) !important;
}
#secondMenu button.btn.lvl_1:hover{
 color:  black !important;
     background-color: rgba(255,255,255,1) !important;

}


.material-symbols-outlined.size-1 { font-size: 1em; }
 .material-symbols-outlined.size-2 { font-size: 2em; }
 .material-symbols-outlined.size-3 { font-size: 3em; }

#acces_rapides1 a{
 
    display: flex;
    align-items: center;
}

#acces_rapides2 a{ 
 line-height: 1;
  
}

/* #item2 .dropdown-menu, #item183 .dropdown-menu, #item289 .dropdown-menu, #item425 .dropdown-menu, #item538 .dropdown-menu */


/*

.rowclass *{
		    -ms-flex-item-align: start!important;
    align-self: flex-start!important;
}
 
 .dropdown-menu.show   {
	display: flex !important;

}
.dropdown-menu.show .rowclass  {
	display: flex !important;

}
.dropdown-menu .rowclass  .rowclass  {
	display: flex !important;
	
}
.dropdown-menu .dropdown-menu{
	display: block;
	
	position: relative !important;
	-ms-flex-item-align: start!important;
    align-self: flex-start!important;
}
.dropdown-menu .dropdown-menu .rowclass  {
	display: flex !important;
     -ms-flex-direction: column!important;
    flex-direction: column!important;
        -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.dropdown-menu .dropdown-menu .rowclass{
	position: relative;
	    font-size: .8em;
}
a.lvl3 {
    padding: 0 !important;
}
*/


.barre{
	display: inline-block;
	width: 4em;
	height: .8em;
	background-color: white;
	margin-bottom: .5em;
}

.bg-white-alpha{
	background-color:rgba(255,255,255,.8);
}
.bg-black{
	background: #000;
}

.ombre{
	display: block; 	position: absolute;
	top:0;
	left: 0;
	bottom:0;
	right: 0;
	    box-shadow: 0em -15em 10em rgba(0,0,0,.5) inset;
}
.ombre::after{
	content: " ";
	display: block; 
	position: absolute;
	top:0;
	left: 0;
	bottom:0;
	right: 0;
	 box-shadow: 0em  5em 5em rgba(0,0,0,.5) inset;

}
i.weather {
    color: #333;
   }
.navbar a.btn-outline-light{
	border: none;
}

/*
.fa-facebook, .fa-youtube, .fa-flickr, .fa-instagram{
	font-size: unset;
}
*/
.fa-twitter {
    transform: unset;
    font-size: unset;
}

#reseaux a.btn:hover{
	background-color:#FFF;
}

#reseaux a.btn:hover{  			color:#333;  		}

#reseaux a.btn:nth-of-type(1):hover{  			color:#3f5898;  		}
#reseaux a.btn:nth-of-type(2):hover{  			color:#ff2e34;  		}
#reseaux a.btn:nth-of-type(3):hover{  			color:#d30007;  		}
#reseaux a.btn:nth-of-type(4):hover{  			color:#04b0f0;  		}
#reseaux a.btn:nth-of-type(5):hover{  			color:#ff7d1b;			}
#reseaux a.btn:nth-of-type(6):hover{  			color:#ef0290;  		}


#weather {
	color: #FFF;
}




.page h2{
	text-transform: unset;
}













#ce_que_arles_a_a_offrir .card a {
		overflow: hidden;
	     width: 0;
    height: 100%;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0 0 0 100%; 	     
}
#ce_que_arles_a_a_offrir .card a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

#ce_que_arles_a_a_offrir .card a{
	cursor: pointer;
}
#ce_que_arles_a_a_offrir .card a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}





 



footer a i {
    height: 2.5em;
    width: 2.5em;
    text-align: center;
    vertical-align: middle;
    }
 

footer a:hover::before, footer a:focus::before {
  display: none;}
























/* Shine */
.hover14 figure {19
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}







@media  (max-width: 1200px){
	#secondMenu > .btn{
		font-size: 1em;
	}
}