/********************************************
 * ****************  COLORS  *****************
 * ******************************************/
.backwhite{background:#FFFFFF}
.backorange{background: #fd8a46}
.backgrey{background: #eeeeee}
.backgrey1{background: #FAFAFA}
.backred{background: #FF0000}
.backgreen{background: #92D050}
.backblue{background: #007FFF}

.fillwhite{fill:#FFFFFF;}

.fillgreen {
  fill: #92D050;
}
.fillblue {
  fill: #007FFF;
}
/* 
•   Gris clair #eeeeee
•   Jaune #FFFF
*/ 

 /********************************************
 * ****************  FIELDS * ****************
 * ******************************************/
 input, textarea, select{  border: 1px dashed;
  border-radius: 5px;
  padding: 10px;}

input.fieldoutline, select{box-shadow: 0px 0px 3px 1px rgba(107, 108, 108, 0.58);padding: 10px;border:2px solid #fff;border-radius:10px;} 

input.fieldoutline.active{border:2px solid #00B0F0; background: #DEEBF7} 
input.fieldoutline.error, select.error{border:2px solid #FF0000; background: #DEEBF7} 

label.radiofield input:checked ~ .checkmark {
    background-color: #000000;
}
label.radiofield input:checked ~ .checkmark {
    background-color: #2ED693;
}

label.checkfield input:checked ~ .checkmarkbox::before {
    content:"\f00c";
    color: #2ED693;
}
label.radiofield .checkmark::before {
    border: 2px solid #1B243F;
}
label.radiofield input.on_error ~ .checkmark::before {
    border: 2px solid #e36360;
}
label.radiofield input:checked ~ .checkmark::after {
    background: #1B243F;
}
label.radiofield.radiofieldgreen input:checked ~ .checkmark::after {
    background: #2ED693;
}
.blocField.on_error{
  border: 2px solid #FF9696;
  background: #FFD9D9;
}

input.fieldoutline1{padding: 10px;border:2px solid #96C9FC;border-radius:10px;} 
.number-wrapper:after,
.number-wrapper:before{
    background: #fff;
}

.select-wrapper:after {
    color: #2ED693;
    content: "\25BC";
}
.number-wrapper:after  {
  color: #2ED693;
  content: "\25B2";
}

.number-wrapper:before {
    color: #2ED693;
    content: "\25BC";
}
.blocField.on_error .number-wrapper::after,.blocField.on_error .number-wrapper::before{
  background: #FFD9D9;
}
.blocField.on_error .select-wrapper::after {
    background: #FFD9D9;
}



 /********************************************
 * ****************  BORDERS * ***************
 * ******************************************/
.borderGreen{border-color: #2ED693;}

 /********************************************
 * ******************  FONT * ****************
 * ******************************************/
.ftwhite{color: #FFFFFF;}
.ftorange{color: #fd8a46;}
.ftblue{color: #007FFF;}
.ftblack{color: #000000;}
.ftblackL{color: #8B8B8B;}
.ftgrey{color: #7F7F7F;}
.ftgrey1{color: #BABABA;}
.ftgreyB1{color: #1E1E1E;}
.ftgreyB{color: #4B4B4B;}
.ftgreyB2{color: #797C80;}
.ftred{color: #FF3000;}

.ftmstr{font-family: "montserratregular", arial, sans-serif;}
.ftmstm{font-family: "montserratmedium", arial, sans-serif;}
.ftmstb{font-family: "montserratbold", arial, sans-serif;}

a{text-decoration: none; word-wrap: break-word;}
h2{font-size:2.2rem;font-weight: 700;}
h3{font-size:2rem;color:#007FFF;font-weight: 700;}

 /********************************************
 * ******************  CTA  ******************
 * ******************************************/
.CTA{border-radius: 22px;padding: 10px 20px!important;}
.CTA,.CTA1:focus-visible{outline: none;}
.CTA1{border-radius: 22px;padding: 7px 10px!important;}
.CTA2{border-radius: 4px;padding: 10px!important; transition: all .2s }

.CTABlue{border: 2px solid #007FFF!important; background: #007FFF!important; color: #FFFFFF}
.CTABlue:hover{opacity: .8;color: #FFFFFF}

.CTAGreen{border: 2px solid #92D050; background: #92D050; color: #FFFFFF}
.CTAGreen:hover{background: #FFFFFF!important; color: #92D050;text-decoration: none;}

.CTAGrey{border: 2px solid #7F7F7F!important; background: #7F7F7F!important; color: #FFFFFF}
.CTAGrey:hover{opacity: .8;color: #FFFFFF}

.CTAWhiteOutline{border: 1px solid #FFFFFF; background: transparent; color: #FFFFFF}
.CTAWhiteOutline:hover{opacity: .8;color: #FFFFFF}

 /********************************************
 * ****************  ACCORDION  *****************
 * ******************************************/
.accordion-item{border: none;  box-shadow: 0px 0px 3px 1px rgba(107, 108, 108, 0.58);padding: 10px; text-align: center;}
.accordion-button:not(.collapsed), .accordion-button.collapsed {
  color: #7F7F7F;
  background-color: #FFFFFF;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
  font-size: 1.6rem;
}
.accordion-item:first-of-type .accordion-button{ }
.accordion-body {
  font-size: 1.6rem;
  color: #7F7F7F;
}
 /********************************************
 * ****************  SWIPER  *****************
 * ******************************************/
.swiper-slide{text-align: center;padding:20px}
.swiper-slide:not(.swiper-slide1) img{box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.09);}
.swiper-button-prev {
    left: 0 !important;
    background-image: url(/content/static/fleche_prev_white.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: center;
    border-radius: 0 20px 20px 0;
    width: 40px !important;
}

.swiper-button-prev::after {
  display: none;
}
.swiper-button-next {
    right: 0 !important;
    background-image: url(/content/static/fleche_next_white.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: center;
    width: 40px !important;
}

.swiper-button-next::after {
  display: none;
}
.swiper-pagination{bottom: -20px!important;}

.swiper-pagination-bullet{width:15px;height:15px;}
.swiper-pagination-bullet-active{
    background: #FF7D60;
}


 /********************************************
 * ****************  ELEMENT  ****************
 * ******************************************/
.wrapper{position: relative; height:calc(100vh - 80px) }
header{z-index: 1000; }
footer{z-index: 990;min-height: 75px;}

section{position: relative;}
.contentseparatormarge{margin: 10px 0;min-height: 20px;}
.contentseparator{margin: 40px 0;background: #CCC;height:2px}
img{max-width: 100%}
.iframe_container{text-align: center;position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;padding-right: 20px}
.iframe_container iframe{}
.btndate{box-shadow: 0px 0px 3px 1px rgba(107, 108, 108, 0.58);margin-top:20px;padding: 10px;border:2px solid #fff;border-radius:10px;}
.btndate:hover,.btndate.active{ border:2px solid #00B0F0; background: #DEEBF7}
.btndate label{font-size: 1.8rem;color:#999}
.temoignage{background: #fff;padding: 10px;border-radius: 10px;margin-bottom: 10px;position:relative;display:flex}
.avis1:before{content: " ";
background: url('/content/static/avis1.png') transparent repeat-x center center / 55px;
object-fit: contain;display: inline-block;
width: 55px;min-width:55px;
height: 55px;margin-right: 10px;
}
.avis2:before{content: " ";
background: url('/content/static/avis2.png') transparent repeat-x center center / 55px;
object-fit: contain;display: inline-block;
width: 55px;min-width:55px;
height: 55px;margin-right: 10px;
}
.avis3:before{content: " ";
background: url('/content/static/avis3.png') transparent repeat-x center center / 55px;
object-fit: contain;display: inline-block;
width: 55px;min-width:55px;
height: 55px;margin-right: 10px;
}
.note{position:relative;display:flex;align-items: center;justify-content: space-between;}
.note p{margin:0}
.note:after{content: " ";
background: url('/content/static/star.png') transparent repeat-x center center / 20px;
object-fit: contain;
width: 97px;min-width: 97px;
height: 20px;
}
.faq{
    background: url('/content/static/question.png') transparent no-repeat center center / contain;
    min-height: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.step1:before{
display: flex;
width: 40px;
height: 40px;
background: orange;
color: #fff;
border-radius: 50px;
position: relative;
top: 0;
margin: auto;
align-items: center;
justify-content: center;
margin-bottom:5px;
font-weight: bold;
border:1px solid #666;
}
.step2:before{
display: flex;
width: 40px;
height: 40px;
background: orange;
color: #fff;
border-radius: 50px;
position: relative;
top: 0;
margin: auto;
align-items: center;
justify-content: center;
margin-bottom:5px;
font-weight: bold;
border:1px solid #666;
}
.step3:before{
display: flex;
width: 40px;
height: 40px;
background: orange;
color: #fff;
border-radius: 50px;
position: relative;
top: 0;
margin: auto;
align-items: center;
justify-content: center;
margin-bottom:5px;
font-weight: bold;
border:1px solid #666;
}

.bloceligible{display:inline-block;border:2px solid #ffffff;border-radius:10px;padding: 10px;}

.titled:after{
    content: " ";
    height: 5px;
    width: 20%;
    background: #007FFF;
    display: block;
    margin-top: 15px;
}


.blocTarif{
    background: #F3F3F3;
    border-radius: 10px;
    transition: all .2s;
}
.blocTarif.activ{
    background: #F2F8FF;
    box-shadow: 10px 10px 10px 1px rgba(107, 108, 108, 0.18);
    scale: 1.1;
    z-index: 1;
}

.specialback{
    background: #007FFF url('/../content/bdd/fond.png') no-repeat ;
    background-size: cover;
}


 /**************************************************
 * ****************  media queries  ****************
 * ************************************************/
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
  }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .margT60-md{margin-top: 60px}

}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    section:not(.footer) .btn.btn-default,section:not(.footer) .ancrebtn{margin: auto;display: table;}
} 

/*X-Small devices (portrait phones, less than 576px)*/
 @media (max-width: 575.98px) {


}

@media (min-width: 992px) {
}

 @media (min-width: 576px) {
}