/*------------------------------------------------------***Style for Dev 2***------------------------------------------------------*/




/**************************map ville********/
/* .jvectormap-container {
    height: 800px!important
}

.jvectormap-container svg {
    height: auto!important
} */
jvectormap-region.jvectormap-element {
    fill: #d4d954 !important;
    font-size: 14px !important;
}
body .version_mobile .fusion-column-wrapper{ min-height:unset !important; }
#contenair_map {
/*     height: 800px!important; */
    background-size: 100% 650px!important
}

.wonderplugincarousel-container {
    padding: 10px 0 35px 10px!important
}

/* #wonderplugincarousel-1 .amazingcarousel-next {
    right: 50%!important
}

#wonderplugincarousel-1 .amazingcarousel-prev {
    left: 50%!important
} */

.vmaps {
    display: none
}

.vmapsshow {
    display: block
}

#listemandataire {
    display: none
}

.mandataire {
    margin-top: 60px!important
}

.amazingcarousel-item-container {
/*     padding: 5px 5px!important */
}

.map-container {
    height: 800px
}

.jvmap-smart {
    width: 100%;
    height: 100%
}

.clearfix,
.map-container:after {
    display: block;
    content: '';
    clear: both
}



@media only screen and (min-width:576px) {
    .map-container {
        height: 350px
    }
}

@media only screen and (min-width:768px) {
    .map-container {
        height: 400px
    }
}

@media only screen and (min-width:992px) {
    .map-container {
        height: 600px
    }
}

@media only screen and (max-width:1300px) {
/*     .amazingcarousel-image {
        display: none!important
    } */
    .amazingcarousel-item-container {
        display: flex!important;
        flex-direction:column !important

    }
    .amazingcarousel-text>div {
        text-align: center!important
    }
    .amazingcarousel-text {
        width: 100%!important;
        margin: 5px!important
    }
    #contenair_map {
        background-image: none!important;
/*         background-color: #f7f7f7!important */
    }
}

@media only screen and (min-width:1200px) {
    .map-container {
        height: 600px
    }
}

@media only screen and (max-width:800px) {
	body .all_cards{margin:0 auto !important;}
/* 	div#contenair_map .fusion-column-wrapper.fusion-flex-column-wrapper-legacy ul.value-list{display:none !important;} */
/* 	div#contenair_map .fusion-column-wrapper.fusion-flex-column-wrapper-legacy{min-height:unset !important} */
	
    .mandataire {
        margin-top: 0px!important
    }
	
/* 	div#contenair_map .fusion-builder-row.fusion-row{
		display:flex;
		flex-direction:column-reverse;
	} */
	
	body ul.value-list li{color:white !important;}
/* 	.version_mobile{
		display: none;
	} */
    .version_desktop {
    display: none;
}
    #listemandataire {
        display: block
    }
    #select_tags_dep {
        max-width: 300px;
        margin-left: calc(50% - 150px)
    }
    .amazingcarousel-image,
    .wonderplugincarousel .amazingcarousel-image-fix-wrapper {
        display: block!important
    }
    .amazingcarousel-text {
        width: 55%!important
    }
    .amazingcarousel-image {
        height: 100px!important;
        margin-top: 20px
    }
    .amazingcarousel-image img {
        height: 110px!important
    }
	
	.all_cards .amazingcarousel-image img {
		object-fit: cover !important;
	}
	
	a.rej_btn, button.fire.wpp-btn-blue-medium{margin: 0 auto !important}
	
	.amazingcarousel-image {
		margin-bottom: 15px !important;
	}
}

li.amazingcarousel-item {
    width: auto!important
}

@media only screen and (max-width:497px) {
    .amazingcarousel-text {
        width: 100%!important
    }
    div[id^="wonderplugincarousel-container-"] .amazingcarousel-next,
    div[id^="wonderplugincarousel-container-"] .amazingcarousel-prev {
        margin-right: 15px!important
    }
}


/*CUSTOM CARDS*/
.all_cards {    max-width: 670px !important;width:100% !important;margin:auto !important;margin-right: 10px !important;}
.all_cards .amazingcarousel-item-container {  align-items:center !important;  text-align: center;    padding: 4px;    background-color: #fff;    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);    border-radius: 10px;    padding: 10px 20px;    margin: 8px 15px 15px 15px !important;    display: flex;    justify-content: space-around;}
/* .all_cards .amazingcarousel-image img {  max-width: 270px;   } */
.all_cards .amazingcarousel-image img {  
	max-width: 270px;  
	width: 235px;
	height: 300px;
    max-height: 300px;
    object-fit: cover;
}
.all_cards .amazingcarousel-title {    font-weight: bold;    color: #333; font-size: 22px !important;}
.all_cards .amazingcarousel-description {    font-size: 15px;}
.all_cards .amazingcarousel-description .num.nomPub {    font-size: 18px !important; font-weight: bold;}
.all_cards .amazingcarousel-text {    text-align: left !important; }
.all_cards .amazingcarousel-button {    padding-top: 10px !important;}
button.fire{cursor: pointer !important;}

.card_notResult{  align-items:center !important;  text-align: center;    padding: 4px;    background-color: #fff;    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);    border-radius: 10px;    padding: 10px 20px;    margin: 8px 15px 15px 15px !important;    display: flex;    justify-content: space-around;     font-weight: 800 !important;
    font-size: 18px;}


.lightbox-opened {
  background-color: rgb(51 51 51 / 75%) !important;
/*   background-color: rgba(#333, 0.9) !important; */
  cursor: pointer !important;
  height: 100% !important;
  left: 0 !important;
  overflow-y: scroll !important;
  padding: 24px !important;
  position: fixed !important;
  text-align: center !important;
  top: 0 !important;
  width: 100% !important;
	z-index: 99999 !important;
}

.lightbox-opened:before{
	background-color: #333 !important;
    background-color: rgba(#333, 0.9) !important;
    color: #eee !important;
    content: "x" !important;
    font-family: sans-serif !important;
    padding: 6px 12px !important;
    position: fixed !important;
    text-transform: uppercase !important;
}

.lightbox-opened img {
    box-shadow: 0 0 6px 3px #333 !important;
	max-width: 35%;
	background: #fff;
  }

.no-scroll {
  overflow: hidden !important;
}



.rejoignez_nous {
    /*max-width: 300px;*/
    background: #fff;
    padding: 10px 20px;
    border-radius: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    max-width: 390px !important;
    margin: auto;
    margin-top: 50px;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}
.rej_img {
    width: 130px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}
.rej_btn a {
    background: #103051;
    display: inline-block;
    color: #fff !important;
    padding: 6px 15px;
    border-radius: 3px;
    font-size: 14px;
}
.rej_btn a:hover {background:#3f5973 !important;}




/* .lds-hourglass {  display: inline-block;  position: relative;  width: 80px;  height: 80px;}
.lds-hourglass:after {  content: " ";  display: block;  border-radius: 50%;  width: 0;  height: 0;  margin: 8px;  box-sizing: border-box;  border: 32px solid #E31E25;  border-color: #E31E25 #fff #E31E25 #fff;  animation: lds-hourglass 1.2s infinite;}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
} */

.lds-grid {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-grid div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}


.all_cards button{
    background: #072c50;
}
.mandataire {    margin-top: 60px!important;    height: 500px !important;    overflow-y: auto !important;    text-align: center !important;}
div#filtre-elements {    display: flex;    flex-direction: column-reverse;    justify-content: center;    align-items: center;    /* flex: 1 !important; */}

.mandataire::-webkit-scrollbar {    background-color:inherit !important;    width:8px}
/* background of the scrollbar except button or resizer */
.mandataire::-webkit-scrollbar-track { background-color:inherit !important;}
/* scrollbar itself */
.mandataire::-webkit-scrollbar-thumb {    background-color:#8b99a5;    border-radius:16px;    border:2px solid #f7f7f7}
/* set button(top and bottom of the scrollbar) */
.fixed_search::-webkit-scrollbar-button {display:none}
a.rej_btn, button.fire.wpp-btn-blue-medium {       outline: 0 !important;
    border: none; display: block !important;    background: #E30713;    color: #fff !important;   padding: 10px 10px;   font-size: 14px;   font-weight: normal;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;    width: 100%;    width: 172.25px;    text-align: center !important;margin: 0 auto 0 0 !important;}
a.rej_btn:hover, button.fire.wpp-btn-blue-medium:hover {   background: #000 !important}

.mobile_filter .form{position:relative;width:18rem;margin-top:8vh}.mobile_filter .chosen-value,.mobile_filter .value-list{position:absolute;top:0;left:0;width:100%}.mobile_filter .chosen-value{text-transform:uppercase;font-weight:600;letter-spacing:4px;height:4rem;font-size:1rem;padding:1rem;background-color:#fafcfd;border:3px solid transparent;transition:.3s ease-in-out}.mobile_filter .chosen-value::-webkit-input-placeholder{color:#333}.mobile_filter .chosen-value:hover{background-color:#103051;color:#fff;cursor:pointer}.mobile_filter .chosen-value:hover::-webkit-input-placeholder{color:#333}.mobile_filter .chosen-value.open,.mobile_filter .chosen-value:focus{box-shadow:0 5px 8px 0 rgba(0,0,0,.2);outline:0;background-color:rgba(16,48,81,.75);color:#fff}.mobile_filter .chosen-value.open::-webkit-input-placeholder,.mobile_filter .chosen-value:focus::-webkit-input-placeholder{color:#000}.mobile_filter .value-list{list-style:none;z-index:9999999 !important;margin-top:4rem;box-shadow:0 5px 8px 0 rgba(0,0,0,.2);overflow:hidden;max-height:0;transition:.3s ease-in-out}.mobile_filter .value-list.open{max-height:320px;overflow:auto;padding-left:0!important}
.mobile_filter .value-list li{position:relative;height:4rem;padding:1rem;background-color:black;font-size:1.1rem;display:flex;align-items:center;cursor:pointer;transition:background-color .3s;opacity:1}
.mobile_filter .value-list li:hover{background-color:#103051;color:#fff}.mobile_filter .value-list li.closed{max-height:0;overflow:hidden;padding:0;opacity:0}
@media only screen and (min-width: 801px) {
    .version_mobile{display:none !important}
}
@media only screen and (max-width: 801px) {
.version_mobile {   min-height: 100px;}
    .mandataire{margin-top:0 !important}
}
@media only screen and (max-width:480px) {
    .mobile_filter .chosen-value{font-size:14px !important}
}

.page-contact-5 input[type="text"], 
.page-contact-5 input[type="email"], 
.page-contact-5 input[type="text"], 
.page-contact-5 input[type="tel"], 
.page-contact-5 textarea {
    color: #000 !important;
    font-weight: bold !important;
    padding: 12px 10px !important;
    border: solid 1px #000 !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    height: auto !important;
}
.cp-modal-popup-container input[type="checkbox"] {
    display: inline-block !important;
    width: unset !important;
	margin: 12px 0 12px 0 !important;
}

@media only screen and (max-width: 800px){
	a.rej_btn, button.fire.wpp-btn-blue-medium {
		margin: 0 auto !important;
	}
/* 	.pre-f .fusion-column-wrapper.fusion-flex-column-wrapper-legacy{
		padding: 25px 43px 70px !important;
	} */
}


@media only screen and (max-width: 480px){
/* 	.pre-f .fusion-column-wrapper.fusion-flex-column-wrapper-legacy{
		padding: 25px 43px 35px !important;
	} */
}


@media only screen and (max-width: 480px){
/* 	.pre-f .fusion-column-wrapper.fusion-flex-column-wrapper-legacy {
    padding: 25px 43px 20px !important;} */
}





.bloc1 .fb_iframe_widget iframe {
    border-radius: 23px !important;
	box-shadow: 0px 2px 0px 9px #E3000F, 0px -3px 0px 15px #E3000F!important;
	text-align:center !important
}


.likeBox:after {
    background: url(https://demos.coherence-dev.fr/weformation/wp-content/uploads/2021/10/sitename-tony-gregoire-traiteur-Groupe-36.png);
    position: absolute;
    bottom: -30px;
    width: 120px;
    height: 90px;
    content: "";
    left: 40px;
    z-index: 1;
    background-size: cover;
    background-position: center;
}



.afterBefore:after {
    background: #e3000f;
    width: 200px;
    height: 200px;
    content: "";
    position: absolute;
    right: -101px;
    top: 0;
    transform: rotate(45deg);
}
.eframe_cover4{min-height:500px !important;}
/* .afterBefore:before {
    background: url(https://www.promovil.fr/wp-content/uploads/2021/10/Union-1.png) no-repeat;
    width: 250px;
    height: 250px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: contain;
	-webkit-animation: scale-in-center 2s linear infinite alternate-reverse both;
	        animation: scale-in-center 2s linear infinite alternate-reverse both;
} */
/* .blocMotif:before {
    background: url(https://www.promovil.fr/wp-content/uploads/2021/10/Rectangle-358.png) no-repeat;
    width: 300px;
    height: 300px;
    content: "";
    position: absolute;
    left: -250px;
    top: 28%;
    background-size: contain;
	-webkit-animation: scale-in-center 1s linear infinite alternate-reverse both;
	        animation: scale-in-center 1s linear infinite alternate-reverse both;
} */
.afterBefore {
    overflow: hidden;
}

@media only screen and (max-width:800px){
	.blocMotif:before,.afterBefore:before,.afterBefore:after{display:none;}
	.fusion-logo img{margin-top: -25px !important;}
	.fusion-footer .menu li a:after{display:none !important;}
}
/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
