#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;
}
 
 .card-body ul{
     padding-left:1em;
     margin-bottom:0;
 }
 
.tooltip-arrow,
.tooltip > .tooltip-inner {background-color: #FFF;
	color: #000;}
	
 
.bs-tooltip-top .arrow::before {
    border-color: white transparent;
}

.leaflet-popup-content-wrapper{
	border-radius: 0;
}
.leaflet-popup-content-wrapper  .leaflet-popup-content {
	margin: 0;
} 
.leaflet-popup-content-wrapper  .leaflet-popup-content .card{
	border: none;
}
.leaflet-popup-content-wrapper  .leaflet-popup-content button.localiserSurLaCarte{ 
		display: none;
}
 
 #cookies {
    width: 100%;
    /* height: 70px; */
    position: fixed;
    background: rgba(255,255,255,.9);
    bottom: 0;
    color: #000;
    line-height: 1;
     text-align: center;
    padding: 10px 0;
     box-shadow: 0 0 5px #000;
    z-index: 901;
}
#ce_que_arles_a_a_offrir .card-columns{
/*
	margin-right: 0;
    margin-left: 0;
*/
    column-gap: 0.75rem;
}
#ce_que_arles_a_a_offrir .card-deck .card:first-child{
	margin-right: 0;
}
#ce_que_arles_a_a_offrir .card-deck .card:last-child{
	margin-left: 0;
}
#ce_que_arles_a_a_offrir .card-deck .card:nth-child(2){
	margin-left: 15px;
}
/*
#ce_que_arles_a_a_offrir .card-deck{
	
    margin-right: -15px;
    margin-left: -15px;
}
 
*/
 
#ce_que_arles_a_a_offrir .card-columns .card {
/*     margin-bottom:0; */
}

#ce_que_arles_a_a_offrir .card-columns,
#ce_que_arles_a_a_offrir .card-deck{
margin-bottom: 0.75rem!important
}
 
#ce_que_arles_a_a_offrir div[data-format="format100prcent"]{
	margin-bottom: 0.75rem!important
/*
	margin-right: -15px;
    margin-left: -15px;
*/

} 
#ce_que_arles_a_a_offrir div[data-format="format100prcent"] img{
	width: 100%;
	
}

 .map-scroll:before {
content: 'Utilisez "Ctrl + Scroll" pour zoomer sur le plan';
position: absolute;
top: 20vh;
left:10%;
z-index: 999;
font-size: 2em;
text-align: center;
color: #FFF;
width: 80%;
font-family: menlo;
 }
 
 .material-symbols-outlined.size-1 { font-size: 1em; }
 .material-symbols-outlined.size-2 { font-size: 2em; }
 .material-symbols-outlined.size-3 { font-size: 3em; }

.iso_grid .card-footer img {
    max-height: 40px;
}
.listeLabels  img {
    max-height: 80px;
    margin-bottom: 1em;
}

 .fancybox-opened{
	 z-index: 20000;
 }
 .map-scroll:after {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
content: '';
background: #00000061;
z-index: 998;
}

.dropdown-menu.show{
	z-index: 9000;
}
.lobster{
	font-family: 'Lobster', cursive;
} 
 
.card_element h5{
    min-height: 3.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-around;}

.card_element.item.focus .card .card-body{
	background-color: rgba(175,0,116,1);
		color: #FFF;

}
.card_element.item.focus .card .card-body h5{
	color: #FFF;
}


#map .leaflet-control-container::after{
	content:" ";
	display: block;
	background-image: url('https://www.arlestourisme.com/assets/img/commun/logomap.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom left;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 90000;
	width: 30%;
	height: 60px;
}

.fa-facebook::before,
.fa-facebook-square::before{
	content: " ";
	width: 1em;
	height: 1em;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;	      background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%2273%200%20267%20266.9%22%20enable-background%3D%22new%2073%200%20267%20266.9%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22Blue_1_%22%20fill%3D%22%23157DC3%22%20d%3D%22M321.1%2C262.3c7.9%2C0%2C14.2-6.4%2C14.2-14.2V18.8c0-7.9-6.4-14.2-14.2-14.2H91.8%0A%09C84%2C4.6%2C77.6%2C11%2C77.6%2C18.8v229.3c0%2C7.9%2C6.4%2C14.2%2C14.2%2C14.2H321.1z%22%2F%3E%0A%3Cpath%20id%3D%22f%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M255.4%2C262.3v-99.8h33.5l5-38.9h-38.5V98.8c0-11.3%2C3.1-18.9%2C19.3-18.9l20.6%2C0V45%0A%09c-3.6-0.5-15.8-1.5-30-1.5c-29.7%2C0-50%2C18.1-50%2C51.4v28.7h-33.6v38.9h33.6v99.8H255.4z%22%2F%3E%0A%3C%2Fsvg%3E");

}
.fa-youtube::before{
	content: " ";
	width: 1em;
	height: 1em;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;	      background-image: url("data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22external-icon%22%20viewBox%3D%220%200%2028.57%20%2020%22%20focusable%3D%22false%22%20style%3D%22pointer-events%3A%20none%3B%20display%3A%20block%3B%20width%3A%20100%25%3B%20height%3A%20100%25%3B%22%3E%0A%20%20%3Csvg%20viewBox%3D%220%200%2028.57%2020%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M27.9727%203.12324C27.6435%201.89323%2026.6768%200.926623%2025.4468%200.597366C23.2197%202.24288e-07%2014.285%200%2014.285%200C14.285%200%205.35042%202.24288e-07%203.12323%200.597366C1.89323%200.926623%200.926623%201.89323%200.597366%203.12324C2.24288e-07%205.35042%200%2010%200%2010C0%2010%202.24288e-07%2014.6496%200.597366%2016.8768C0.926623%2018.1068%201.89323%2019.0734%203.12323%2019.4026C5.35042%2020%2014.285%2020%2014.285%2020C14.285%2020%2023.2197%2020%2025.4468%2019.4026C26.6768%2019.0734%2027.6435%2018.1068%2027.9727%2016.8768C28.5701%2014.6496%2028.5701%2010%2028.5701%2010C28.5701%2010%2028.5677%205.35042%2027.9727%203.12324Z%22%20fill%3D%22%23FF0000%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M11.4253%2014.2854L18.8477%2010.0004L11.4253%205.71533V14.2854Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fsvg%3E%0A%3C%2Fsvg%3E");}
.fa-instagram-square::before,
.fa-instagram::before{
	content: " ";
	width: 1em;
	height: 1em;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;	      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%221.464%22%20x2%3D%2214.536%22%20y1%3D%2214.536%22%20y2%3D%221.464%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFC107%22%2F%3E%3Cstop%20offset%3D%22.507%22%20stop-color%3D%22%23F44336%22%2F%3E%3Cstop%20offset%3D%22.99%22%20stop-color%3D%22%239C27B0%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M11%200H5a5%205%200%200%200-5%205v6a5%205%200%200%200%205%205h6a5%205%200%200%200%205-5V5a5%205%200%200%200-5-5zm3.5%2011c0%201.93-1.57%203.5-3.5%203.5H5c-1.93%200-3.5-1.57-3.5-3.5V5c0-1.93%201.57-3.5%203.5-3.5h6c1.93%200%203.5%201.57%203.5%203.5v6z%22%2F%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%225.172%22%20x2%3D%2210.828%22%20y1%3D%2210.828%22%20y2%3D%225.172%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFC107%22%2F%3E%3Cstop%20offset%3D%22.507%22%20stop-color%3D%22%23F44336%22%2F%3E%3Cstop%20offset%3D%22.99%22%20stop-color%3D%22%239C27B0%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M8%204a4%204%200%201%200%200%208%204%204%200%200%200%200-8zm0%206.5A2.503%202.503%200%200%201%205.5%208c0-1.379%201.122-2.5%202.5-2.5s2.5%201.121%202.5%202.5c0%201.378-1.122%202.5-2.5%202.5z%22%2F%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2211.923%22%20x2%3D%2212.677%22%20y1%3D%224.077%22%20y2%3D%223.323%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFC107%22%2F%3E%3Cstop%20offset%3D%22.507%22%20stop-color%3D%22%23F44336%22%2F%3E%3Cstop%20offset%3D%22.99%22%20stop-color%3D%22%239C27B0%22%2F%3E%3C%2FlinearGradient%3E%3Ccircle%20cx%3D%2212.3%22%20cy%3D%223.7%22%20r%3D%22.533%22%20fill%3D%22url(%23c)%22%2F%3E%3C%2Fsvg%3E");

}
.fa-flickr::before{
	content: " ";
	width: 1em;
	height: 1em;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	      background-image: url("data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%22256%22%20height%3D%22256%22%20viewBox%3D%220%200%20256%20256%22%20xml%3Aspace%3D%22preserve%22%3E%0A%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cg%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%200%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20none%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22translate%281.4065934065934016%201.4065934065934016%29%20scale%282.81%202.81%29%22%20%3E%0A%09%3Ccircle%20cx%3D%2270.318%22%20cy%3D%2244.998%22%20r%3D%2219.688%22%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%201%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20rgb%28236%2C64%2C122%29%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22%20%20matrix%281%200%200%201%200%200%29%20%22%2F%3E%0A%09%3Ccircle%20cx%3D%2219.688%22%20cy%3D%2244.998%22%20r%3D%2219.688%22%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%201%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20rgb%2825%2C118%2C210%29%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22%20%20matrix%281%200%200%201%200%200%29%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");

}
.fab::before{
	display: inline-block;
}
.fa-2x::before{
	width: 2em;
	height: 2em;
}


.card figure{
/*      height: 25vh; */
height: 12vw;
    overflow: hidden;
    position: relative;
}

.page-item.active .page-link{
	    background-color: #af0074;
    border-color: #af0074;
}


.card figure button:hover:before{
/*     content: "\f00e"; */
  content: "\e8ff";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: calc(50% - 1em);
z-index: 999;
    font-size: 2em;
    color: #FFF;
    text-align: center;
/*     font-family: "Font Awesome 5 Free"; */
font-family: 'Material Symbols Outlined';
    font-weight: 900;
	
}
.card figure button:hover:after {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
content: '';
background: #00000061;
z-index: 998;
}


.btn-primary {
    color: #fff;
    background-color: #7C0042;
    border-color: #7C0042;
}

.btn-primary:hover{
    color: #fff;
    background-color:#a00357;
    border-color: #7C0042;
   }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #a00357;
    border-color: #7C0042;
   }
   
   
   
   
   @media screen and (min-width:1200px){
	  header{
		  position:absolute;
		  }
/*
	  #cards {
		    height: 100vh;
		    overflow: scroll;
		}
*/
#map,
	 #mapWrapper,
#loadingMap{
	height: 100vh;
}
	  }
   
 @media screen and (max-width:1200px){
	 #map,
	 #mapWrapper,
#loadingMap{
	height: 50vh;
}
	 #cards {
	    height: auto;
	    overflow: scroll;
	}
	 .card figure{
/*      height: 25vh; */
height:18vw;
 }  
 .h2, h2 {
    font-size: 1.5em;
}


}

 @media screen and (max-width:780px){
	 .card figure{
	    min-height: 33vw;
	}
}