/*----- GENERAL -----*/
::selection {color: white;background: #F06225;} /* old d61515  */
::-moz-selection {color: white;background: #F06225;}
body {padding-top: 130px;}
nav{margin-top:0px;}
div{/*border:1px solid red!important;*/}
a {transition:all 0.25s;}
a:hover {transition:all 0.25s;}
.selector-for-some-widget{box-sizing: content-box;}
.ao_sous_texte{width: 60px;}
.disabled{cursor: not-allowed !important;}
.input-group-text{width:45px;}
*{border-radius: 0!important;}
/* Cet élément block le script injecté dans l'iframe. On le cache */
#fb-root { display: none; }  /* on redéfini la taille du contenu */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
.grecaptcha-badge{visibility: hidden;}

/*----- HEADER -----*/
.ao_logo{width:142px;height:90px;-webkit-filter: drop-shadow(1px 1px 0px #222 );filter: drop-shadow(1px 1px 0px #222);border:none;}
.ao_slogan{color:white;font-size:12px;text-shadow:1px 1px 0px #222;}
.navbar-brand{display:block;transition: 0.2s all ease-in-out;}
.navbar-brand:hover{opacity: .8;}
.ao_bg_navbar{background-color:black;}

/*----- Effets CSS -----*/
.fadein {animation: fadein 0.8s;-moz-animation: fadein 0.8s;-webkit-animation: fadein 0.8s;-o-animation: fadein 0.8s;}
@keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes fadein {from {opacity:0;}to {opacity:1;}}
@-o-keyframes fadein {from {opacity:0;} to {opacity: 1;}}
.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes bounceInLeft {0% {opacity: 0;-webkit-transform: translateX(-2000px);} 60% {opacity: 1;-webkit-transform: translateX(30px);} 80% {-webkit-transform: translateX(-10px);} 100% {-webkit-transform: translateX(0);}}
@keyframes bounceInLeft { 0% {opacity: 0;transform: translateX(-2000px);} 60% {opacity: 1;transform: translateX(30px);} 80% {transform: translateX(-10px);} 100% {transform: translateX(0);}}

/*----- Slider marques Page accueil -----*/
.slider { height: 100px; position: relative; width: 100%; display: grid;place-items: center;overflow: hidden;}
.slider::before, .slider::after{position:absolute; content:''; height:100%;width:25%; z-index:2;pointer-events:none;}
.slider::before{left:0;top:0;}
.slider::after{right:0;top:0;transform:rotateZ(180deg);}
.slide-track {width: calc(150px * 40); display: flex; animation: scroll 40s linear infinite; justify-content: space-between;}
.slide_marques {width: 150px;height: 100px;display: grid;place-items: center;transition:0.5s;}
@keyframes scroll {0% {transform: translateX(0px);} 100% {transform: translateX(calc(-150px * 20));}}
@media screen and (max-width: 768px){.slide-track { width: calc(80px * 80);}.slide_marques {width: 80px;}@keyframes scroll {0% {transform: translateX(0px);} 100% {transform: translateX(calc(-80px * 40));}}}


/*----- Carousel-----*/
#carouselwithIndicators .carousel-item img {object-fit: contain;object-position: center;overflow: hidden;height:400px;max-height:400px;}
@media screen and (max-width: 768px){#carouselwithIndicators .carousel-item img {object-fit: contain;object-position: center;overflow: hidden;height:300px;max-height:300px;}}
.carousel-hs-zoom {-webkit-animation: zoom 20s; animation: zoom 20s;}
@-webkit-keyframes zoom {from { -webkit-transform: scale(1, 1);} to { -webkit-transform: scale(1.5, 1.5);}}
@keyframes zoom {from {transform: scale(1, 1);} to { transform: scale(1.5, 1.5);}}
.carousel-hs-dezoom {-webkit-animation: dezoom 30s; animation: dezoom 30s;}
@-webkit-keyframes dezoom {from { -webkit-transform: scale(1.5, 1.5);} to { -webkit-transform: scale(1, 1);}}
@keyframes dezoom {from {transform: scale(1.5, 1.5);} to { transform: scale(1, 1);}}
.carousel-caption_pages{position:absolute;left: 0; top:0;right: 0; margin-left: auto; margin-right: auto;}

/*----- Ombre vignettes annonces -----*/
.ao_shadow_annonce{transition: box-shadow 0.5s;}
.ao_shadow_annonce:hover{box-shadow: 1px 1px 6px gray;transition: box-shadow 0.5s;}

/*----- Plugin responsive Facebook Page accueil -----*/
#fb-root { display: none; } 
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
	
/*----- Adaptation ".badge-light" (texte en couleur bleue semblable à .btn-sample) -----*/
.badge-light {color: #F06225!important;}
.btn-sample:hover .badge-light {color: #E7825C!important;} /* old E7825C*/

/*----- Adaptation ".badge-secondary" pour menu header -----*/
.badge-secondary {color: white!important;background-color: #797979!important;}
.ao_nav-link-badge:hover .badge-secondary:not(.ao_badge_active)  {background-color: #aaaaaa!important;}
.ao_badge_active {background-color: white!important;color: black!important;}

/*----- Carte intégrée Coogle Map responsive -----*/
.map-responsive{overflow:hidden;padding-bottom:50%;position:relative;height:0;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

/*----- reCaptcha invalide -----*/
.is-invalid-recaptcha {border: 1px solid #dc3545;padding-right: calc(1.5em + 0.75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right calc(0.375em + 0.1875rem) center;background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}

.text-primary, .card-link {color:#F06225!important;}
a{color:#F06225;}
a:hover{color:#E7825C;}
.prix{color:white!important;background-color:#F06225!important;}
.oney{color:white!important;background-color:#81BC00!important;padding:8px!important;}

.btn-sample { 
  color: #FFFFFF; 
  background-color: #F06225; 
} 
 
.btn-sample:hover, 
.btn-sample:focus, 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  color: #FFFFFF; 
  background-color: #E7825C; 
} 
 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  background-image: none;
border:color:  #F06225; 
} 
 
.btn-sample.disabled, 
.btn-sample[disabled], 
fieldset[disabled] .btn-sample, 
.btn-sample.disabled:hover, 
.btn-sample[disabled]:hover, 
fieldset[disabled] .btn-sample:hover, 
.btn-sample.disabled:focus, 
.btn-sample[disabled]:focus, 
fieldset[disabled] .btn-sample:focus, 
.btn-sample.disabled:active, 
.btn-sample[disabled]:active, 
fieldset[disabled] .btn-sample:active, 
.btn-sample.disabled.active, 
.btn-sample[disabled].active, 
fieldset[disabled] .btn-sample.active { 
  background-color: #F06225; 
} 
 
.btn-sample .badge { 
  color: #F06225; 
  background-color: #FFFFFF; 
}

.btn-sample:focus, .btn-sample.focus {box-shadow: 0 0 0 0.2rem rgba(214, 21, 21, 0.5)!important;}
.btn-sample:not(:disabled):not(.disabled):active:focus, .btn-sample:not(:disabled):not(.disabled).active:focus,
.show > .btn-sample.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(214, 21, 21, 0.5)!important;border-color: #F06225!important;}
.form-control:focus {box-shadow: 0 0 0 0.2rem rgba(214, 21, 21, 0.5)!important;border-color: #F06225!important;}

[slider] {
  position: relative;
  height: 14px;
  text-align: left;
  margin: 45px 0 10px 0;
}

[slider] > div {
  position: absolute;
  left: 13px;
  right: 15px;
  height: 14px;
}

[slider] > div > [inverse-left] {
  position: absolute;
  left: 0;
  height: 14px;
  background-color: #f4f7f9;
  margin: 0 7px;
}

[slider] > div > [inverse-right] {
  position: absolute;
  right: 0;
  height: 14px;
  background-color: #f4f7f9;
  margin: 0 7px;
}

[slider] > div > [range] {
  position: absolute;
  left: 0;
  height: 14px;
  background-color: #E9ECEF;
}

[slider] > div > [thumb] {
  position: absolute;
  top: -7px;
  z-index: 2;
  height: 28px;
  width: 28px;
  text-align: left;
  margin-left: -11px;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  background-color: #FFF;
  outline: none;
}

[slider] > input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 3;
  height: 14px;
  top: -2px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

div[slider] > input[type=range]::-ms-track {
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

div[slider] > input[type=range]::-moz-range-track {
  -moz-appearance: none;
  background: transparent;
  color: transparent;
}

div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}

div[slider] > input[type=range]:focus {
  outline: none;
}

div[slider] > input[type=range]::-ms-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
}

div[slider] > input[type=range]::-moz-range-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
}

div[slider] > input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
  -webkit-appearance: none;
}

div[slider] > input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}

div[slider] > input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}

div[slider] > input[type=range]::-ms-tooltip {
  display: none;
}

[slider] > div > [sign] {
  opacity: 1;
  position: absolute;
  margin-left: -21px;
  top: -40px;
  z-index:3;
  background-color: #E9ECEF;
  color: #495057;
  width: 50px;
  height: 25px;
  border:1px solid #CED4DA;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}



[slider] > div > [sign] > span {
  font-size: 12px;
  font-weight:500;
}