.btn-close {
display: none;
background-color: black;
color:white;
height:50px;
width: 50px;
border-radius: 50%;
z-index: 9999;
font-size: 25px;
line-height: 50px;
text-align: center;
left:calc(50% - 25px);
cursor:pointer;
top:600px;
position: fixed;
}
.map-frame {
display: none;
position: fixed;
width: 80%;
min-width: 300px;
height: 400px;
z-index: 9999;
margin-top: 50px;
margin-bottom: 50px;
top:80px;
left: 50%;
transform: translateX(-50%);
transition: all;
}
.black-filter {
display: none;
z-index: 9999;
width: 100%;
height: 100%;
background-color: black;
opacity: 70%;
position: fixed;
top:0;
right: 0;
left:0;
bottom: 0;
}
.container-admin {
margin-left: 60px;
margin-top: 80px;
position: relative;
}
.icone-web {
width: 50px;
height: 50px;
margin-top: 10px;
margin-bottom: 10px;
transition: all;
margin-left: auto;
margin-right: auto;
display: block;
}
.icone-map {
width: 35px;
height: 35px;
margin-top: 15px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
display: block;
transition: all;
}
@keyframes pulse {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
.icone-map:hover,.icone-web:hover,.btn-close:hover {
animation: pulse 0.5s alternate infinite ease-in;
}
.tool-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.activity-tools {
cursor:pointer;
background-color: #AAD922;
display: inline-flex;
justify-content: center;
line-height: 50px;
margin-left: 15px;
margin-right: 15px;
border-radius: 50%;
color:white;
margin-top: 10px;
margin-bottom: 10px;
width: 70px;
height: 70px;
text-align: center;
font-size: 18px;
opacity: 1!important;
}
.activity-img:hover {
transform: scale(1.1);
}
.activity-img {
object-fit: cover;
width: 100%;
height: 200px;
transition: transform 1.5s ease;
}
.cadre {
overflow: hidden;
background-color: #FFFCFF;
border-radius: 8px;
margin-top: 15px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.banner-activity {
border-radius: 5px;
text-align: center;
background-color: #62C370;
color: white;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
padding-top: 20px;
padding-bottom: 20px;
margin-top: -22px;
}
.activity-title {
margin-top:-2px;
text-align: center;
font-size: 1.5em;
position: relative;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
margin-left: auto;
margin-right: auto;
width: 100%;
color:white;
background-color: #62C370;
padding-left:12px;
padding-right:12px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.btn-distance {
background-color: #AAD922;
height:60px;
width: 70px;
border-bottom-right-radius: 40%;
color:white;
text-align: center;
line-height:60px;
font-size: 20px;
position: absolute;
top: 15px;
left:15px;
}
.tooltip > .tooltip-inner 
{
background-color: #62C370!important;
color:white;
}
.tooltip > .tooltip-arrow 
{ 
border-bottom-color: #62C370!important;
}
.vignette_locatif {
margin-bottom: 35px;
background: #fff;
border: 1px solid #e8e8e8;
border-top: 3px solid #e7ad44;
padding: 30px 20px 30px 20px!important;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-box-shadow: 1px 4px 16px 3px rgba(199,197,199,1);
-moz-box-shadow: 1px 4px 16px 3px rgba(199,197,199,1);
box-shadow: 1px 4px 16px 3px rgba(199,197,199,1);
border-top: 3px solid #fd7444;
}
.activity-container
{
padding-bottom:25px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px; }
@media (min-width:1200px){
.auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
.auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
.auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
.auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
.auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
.auto-clear .col-md-1:nth-child(12n+1){clear:left;}
.auto-clear .col-md-2:nth-child(6n+1){clear:left;}
.auto-clear .col-md-3:nth-child(4n+1){clear:left;}
.auto-clear .col-md-4:nth-child(3n+1){clear:left;}
.auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
.auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
.auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
.auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
.auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
.auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
.auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
.auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
.auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
.auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
.auto-clear .col-xs-6:nth-child(odd){clear:left;}
}