*{
    padding:0;
    margin:0!important;
}

.div{
    display: flex!important;
    justify-content: center!important;
}
#name{
    padding-left:1em!important;
}

#telephone{
    padding-left:1em!important;
}
#namebodruch{
    padding-left:1em!important;
}

#telephonebodruch{
    padding-left:1em!important;
}
input[type="checkbox"] + label:before, input[type="radio"]:checked + label:before{
    background: rgba(144, 144, 144, 0.075);
    border-radius: 0!important;
    border: solid 1px #8dcca9!important;
    content: ''!important;
    display: inline-block!important;
    height: 1.65em!important;
    left: 0!important;
    line-height: 1.58125em!important;
    position: absolute!important;
    text-align: center!important;
    top: 0!important;
    width: 1.65em!important;
} 

input[type="checkbox"] + label:before, input[type="radio"]:checked + label:before{
    -moz-osx-font-smoothing: grayscale!important;
    -webkit-font-smoothing: antialiased!important;
    font-family: FontAwesome!important;
    font-style: normal!important;
    font-weight: normal!important;
    text-transform: none !important;
}

input[type="checkbox"] + label:before, input[type="radio"]:checked + label:before{
    text-decoration: none!important;
    color: #0d614d!important;
    cursor: pointer!important;
    display: inline-block!important;
    font-size: 1em!important;
    font-weight: 400!important;
    padding-left: 2.4em!important;
    padding-right: 0.75em!important;
    position: relative!important;
}

input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before{
    background-color: #ffb100!important;
    border-color: #FFF!important;
    color: #ffffff!important;
    content: '\f00c'!important;
}

#code{
    padding-left:1em!important;
 background:#fff1c8!important;
}

#code1{
    padding-left:1em!important;
 background:#fff1c8!important;
}

#code2{
    padding-left:1em!important;
 background:#fff1c8!important;
}

#codes{
 background:#fff1c8!important;
}
#codebodruch{
    padding-left:1em!important;
 background:#fff1c8!important;
}
#codes1{
 background:#fff1c8!important;
}

#codex{
 background:#fff1c8!important;
}


#date{
    padding-left:1em!important;
}
#datebodruch{
    padding-left:1em!important;
}
#datebodruche{
    padding-left:1em!important;
}
#message{
    padding-left:1em!important;
}
#messagebodruch{
    padding-left:1em!important;
}
#name1{
    padding-left:1em!important;
}

#telephone1{
    padding-left:1em!important;
}

#date1{
    padding-left:1em!important;
}

#message1{
    padding-left:1em!important;
}
#name2{
    padding-left:1em!important;
}

#telephone2{
    padding-left:1em!important;
}

#date2{
    padding-left:1em!important;
}
#bouton{
color:#fff!important;
font-size:2em!important;
}

.btn-close{
color:#fff!important;
}
#message2{
    padding-left:1em!important;
}

label{
    font-size:1em!important;
    color:#b7b4b6e3;
    padding-left:0.5em!important;
    padding-bottom: 0.4em!important;
    width: max-content;
}
input{
    width:22em!important;
    color:#086922!important;
    border-top:0px !important;
    border-left:0px!important;
    border-right:0px !important;
    border-radius: 0px!important;
    font-size:1em!important;
    padding-left:0.5em!important;
    
}
#datebodruch{
    width:13em!important; 
    padding-left:1em!important; 
}
#datebodruche{
    width:13em!important; 
    padding-left:1em!important; 
}
#date{
    width:13em!important; 
    padding-left:1em!important; 
}
#date1{
    width:13em!important;
    padding-left:1em!important;   
}
#date2{
    width:13em!important; 
    padding-left:1em!important;  
}
select{
    border-top:0px !important;
    border-left:0px!important;
    border-right:0px !important;
    border-radius: 0px!important;
}

input:focus{
    border-color:#086922!important;
    box-shadow:none!important;
    outline: none!important;
}
select:focus{
    border-color:#086922!important;
    box-shadow:none!important;
    outline: none!important;
}
::placeholder{
    font-size:15px!important;
}
button{
    /* background-color: #0c6b50!important; */
    width:22em!important;
}
.selection1{
    width:70% !important;
    display: flex;
    justify-content: center;
    height: 100% !important;
}
.selection2{
    width:85% !important;
    justify-content: center;
    height: 100% !important;
}
li.active .section-title h2{
    transform: rotateX(0deg)!important;
    text-align: center;
    display: flex;
    text-justify:auto;
}
.select.selection1{
    transform: rotate(-90deg)!important;
}
.container-fluid{
    background: #38B293;
    padding:0!important;
    margin: 0;
    
}
.container-fluid .accordions-wrapper{
    padding: 0 0px;
}
.container-fluid.accordions  {
    margin-bottom: 20px;
    cursor:pointer;
}
.container-fluid .accordions.active .accordions-heading{
    background: #38B293;
}
.container-fluid .accordions.active .accordions-content{
    display: block;
    background-color: #221E20;

}
.container-fluid .accordions-heading{
    display:flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    background: #38B293;
    width: 100%!important;
    height: 150px;
    color:#FFFFFF;
    padding: 15px 20px;
    cursor: pointer;
}
.container-fluid .accordions-content{
    padding:15px 20px;
    background-color: #38B293;
    border-top:0px;
    animation: animate 0.2s linear backwards;
    line-height: 2;
    transform-origin: top;
    display:none;
    width:100%;
}
div.texte{
    background-color: #0c6b50!important;
}
texte1{
    color:#0c6b50!important;
}
p{
 margin:0px!important;
 padding:0px!important;
}

@keyframes animate{
    0%{
        transform: scaleY(0);
    }
}

@media (max-width:768px) {
    *{padding:0px;
    margin:0px;
    }
    label{
        font-size:1.8em!important;
    }
    .span1{
    bottom:-0.2em!important;
    left:2em!important;
    }
    .accordion{
    display: none!important;
    }
   
    .accordion1{
    display: block!important;
    background-color: #38B293!important;
    padding:0px!important;
    }
    img{
        max-width: 100%;
    }

    main{
    width:90%;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    }
    input[type="checkbox"]{
        font-size:1em!important;
    }
    input {
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;
    padding-left:1.5em!important;
    }

    select {
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;
    padding-left:1.5em!important;
    }
    ::placeholder{
    font-size:1em!important;
    }
    p{
    font-size:1.2em!important;
    }
    button{
    font-size:3em!important;
     width:7em!important;
    }
    
}

@media screen and (min-device-width:250px)and (max-device-width:768px){
    *{padding:0px;
    margin:0px;
    }
     .g-recaptcha {
    /*width: 650px !important;*/
    transform: scale(2);
    /*transform-origin: 0 0;*/
    margin-bottom: 50px !important;
     }
.accordion{
    display: none!important;
    }
   
    .accordion1{
    display: block!important;
    background-color: #38B293!important;
    }
    img{
        max-width: 100%;
    }
    .span1{
        bottom:-0.7em!important;
        left:2em!important;
    }
   label{
    font-size:1.8em!important;
   }
    main{
     width:90%;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    }
    input{
     height:3.5em!important;
     width:27em!important;
     font-size:1.5em!important;
    padding-left:1.5em!important;
    }
    select{
     height:3.5em!important;
     width:27em!important;
     font-size:1.5em!important;
    padding-left:1.5em!important;
    }
    ::placeholder{
    font-size:1em!important;
    }

    p{
    font-size:2.5em!important;
    }
    .maquilleuse_checkbox{
 	padding-top:0.6em!important;
	padding-bottom:0.6em!important;

     }
    button{
    font-size:3em!important;
    width:13em!important;
    }
}
@media screen and (min-device-width:768px)and (max-device-width:968px){
*{padding:0px;
  margin:0px;
 }
     .g-recaptcha {
    /*width: 650px !important;*/
    transform: scale(2);
    /*transform-origin: 0 0;*/
    margin-bottom: 50px !important;
     }
.accordion{
    display: none!important;
    }
   
    .accordion1{
    display: block!important;
    background-color: #38B293!important;
    }
    img{
        max-width: 100%;
    }
      .span1{
bottom:-0.7em!important;
left:2em!important;
}
   label{
    font-size:1.8em!important;
   }
    main{
     width:90%;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    }
    input{
     height:3.5em!important;
     width:27em!important;
     font-size:1.5em!important;
    padding-left:1.5em!important;
    }
    select{
     height:3.5em!important;
     width:27em!important;
     font-size:1.5em!important;
    padding-left:1.5em!important;
    }
    ::placeholder{
    font-size:1em!important;
    }

    p{
    font-size:2.5em!important;
    }
    .maquilleuse_checkbox{
 	padding-top:0.6em!important;
	padding-bottom:0.6em!important;

     }
    button{
    font-size:3em!important;
    width:13em!important;
    }
}

@media (max-width:250px) {
*{padding:0px;
  margin:0px;
 }
 
   label{
    font-size:1.8em!important;
   }
   .span1{
bottom:-0.4em;
left:2em!important;
}
    .accordion{
    display: none!important;
    }
   
    .accordion1{
    display: block!important;
    background-color: #38B293!important;
    padding:0px!important;
    }
    img{
        max-width: 100%;
    }
input[type="checkbox"]{
	font-size:1em!important;
}
    main{
    width:90%;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    }
    input{
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;
     margin:auto!important;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
    padding-left:1.5em!important;
    }

    select{
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;
     margin:auto!important;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
    padding-left:1.5em!important;
    }
    ::placeholder{
    font-size:1em!important;
    }
    p{
    font-size:1.2em!important;
    }
    button{
    font-size:3em!important;
     width:7em!important;
    }
    
}

@media screen and (min-device-width:150px)and (max-device-width:250px){
*{padding:0px;
  margin:0px;
 }
     .g-recaptcha {
   /* width: 650px !important;*/
    transform: scale(2);
    /*transform-origin: 0 0;*/
    margin-bottom: 50px !important;
     }
   .span1{
bottom:-0.2em;
left:2em!important;
}
.accordion{
    display: none!important;
    }
   label{
    font-size:1.8em!important;
   }   
    .accordion1{
    display: block!important;
    background-color: #38B293!important;
    }
    img{
        max-width: 100%;
    }
input[type="checkbox"]{
	font-size:1em!important;
}
    main{
     width:90%;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;

    }
    input{
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;     
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    padding-left:1.5em!important;
    }

    select{
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;     
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    padding-left:1.5em!important;
    }
    ::placeholder{
    font-size:1em!important;
    }
    p{
    font-size:1.2em!important;
    }
    button{
    font-size:3em!important;
     width:7em!important;
    }
}

@media (max-width:150px) {
*{padding:0px;
  margin:0px;
 }

   .span1{
bottom:-0.2em;
left:2em!important;
}
   label{
    font-size:1.8em!important;
   }   
    .accordion{
    display: none!important;
    }
   input[type="checkbox"]{
	font-size:1em!important;
}
    .accordion1{
    display: block!important;
    background-color: #38B293!important;
    padding:0px!important;
    }
    img{
        max-width: 100%;
    }

    main{
    width:90%;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    }
    input{
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    padding-left:1.5em!important;
    }

    select{
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    padding-left:1.5em!important;
    }
    ::placeholder{
    font-size:1em!important;
    }
    p{
    font-size:1.2em!important;
    }
    button{
    font-size:3em!important;
     width:7em!important;
    }
    
}

@media screen and (min-device-width:100px)and (max-device-width:150px){
*{padding:0px;
  margin:0px;
 }
     .g-recaptcha {
    /*width: 650px !important;*/
    transform: scale(2);
    /*transform-origin: 0 0;*/
    margin-bottom: 50px !important;
     }
   .span1{
bottom:-0.2em;
left:2em!important;
}
   label{
    font-size:1.8em!important;
   }
.accordion{
    display: none!important;
    }
input[type="checkbox"]{
	font-size:1em!important;
}
    .accordion1{
    display: block!important;
    background-color: #38B293!important;
    }
    img{
        max-width: 100%;
    }
    main{
     width:90%;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    }
    input{
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
     padding-left:1.5em!important;
    }

    select{
     height:2.5em!important;
     width:15em!important;
     font-size:1.5em!important;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
     padding-left:1.5em!important;
    }
    ::placeholder{
    font-size:1em!important;
    }
    p{
    font-size:1.2em!important;
    }
    button{
    font-size:3em!important;
     width:7em!important;
    }
}

@media (max-width:1400px){
  *{padding:0px;
       margin:0px;
    }

   #heures{
     width:6.5em!important;
   }
   #heures11{
     width:6.5em!important;
   }
   #heures12{
     width:6.5em!important;
   }
   #heuresbodruch{
     width:6.5em!important;
   }
   #heuresbodruche{
    width:6.5em!important;
  }
}


@media (max-width:1050px){
  *{padding:0px;
       margin:0px;
    }
   #heuresbodruch{
     width:4em!important;
   }
   #heuresbodruche{
    width:4em!important;
  }
   #heures{
     width:4em!important;
   }
   #heures11{
     width:4em!important;
   }
   #heures12{
     width:4em!important;
   }
#date{
    width:8em!important;  
}
#datebodruch{
    width:8em!important;  
}
#datebodruche{
    width:8em!important;  
}
#date1{
    width:8em!important;   
}
#date2{
    width:8em!important;   
}
   label{
    font-size:0.9em!important;
   }

#bouton1{
	right:-10%!important;
}
#bouton2{
	right:-10%!important;
}
#bouton3{
	right:-10%!important;
}
#bouton8{
	right:-10%!important;
}
}


@media (max-width:1315px){
  *{padding:0px;
       margin:0px;
    }
   #heuresbodruch{
     width:5.5em!important;
   }
   #heuresbodruche{
     width:5.5em!important;
   }
   #heures{
     width:5.5em!important;
   }
   #heures11{
     width:5.5em!important;
   }
   #heures12{
     width:5.5em!important;
   }
#datebodruch{
    width:10em!important;  
}
#datebodruche{
    width:10em!important;  
}
#date{
    width:10em!important;  
}
#date1{
    width:10em!important;   
}
#date2{
    width:10em!important;   
}
#bouton1{
	right:-15%!important;
}
#bouton2{
	right:-15%!important;
}
#bouton3{
	right:-15%!important;
}
#bouton8{
	right:-15%!important;
}
#texte3{
	width:210px!important;
}
#test1{
	width:210px!important;
}
#test3{
	width:210px!important;
}
#texte8{
	width:210px!important;

}
}


@media (max-width:999px){
  *{padding:0px;
       margin:0px;
    }
   #heuresbodruch{
     width:4.6em!important;
   }
   #heuresbodruche{
     width:4.6em!important;
   }
   #heures{
     width:4.6em!important;
   }
   #heures11{
     width:4.6em!important;
   }
   #heures12{
     width:4.6em!important;
   }

#datebodruch{
    width:9em!important;  
}
#datebodruche{
    width:9em!important;  
}
#date{
    width:9em!important;  
}
#date1{
    width:9em!important;   
}
#date2{
    width:9em!important;   
}
#bouton1{
	right:-10%!important;
}
#bouton2{
	right:-10%!important;
}
#bouton3{
	right:-8%!important;
}
#bouton8{
	right:-8%!important;
}

}


@media (max-width:1140px){
  *{padding:0px;
       margin:0px;
    }
   #heuresbodruch{
     width:4.5em!important;
   }
   #heuresbodruche{
     width:4.5em!important;
   }
   #heures{
     width:4.5em!important;
   }
   #heures11{
     width:4.5em!important;
   }
   #heures12{
     width:4.5em!important;
   }
#datebodruch{
    width:8em!important;  
}
#datebodruche{
    width:8em!important;  
}
#date{
    width:8em!important;  
}
#date1{
    width:8em!important;   
}
#date2{
    width:8em!important;   
}
#bouton1{
	right:-10%!important;
}
#bouton2{
	right:-10%!important;
}
#bouton3{
	right:-8%!important;
}
#bouton8{
	right:-8%!important;
}
}

@media (max-width:959px){
*{padding:0px;
  margin:0px;
 }

   #heuresbodruch{
     width:4.1em!important;
   }
   #heuresbodruche{
     width:4.1em!important;
   }
   #heures{
     width:4.1em!important;
   }
   #heures11{
     width:4.1em!important;
   }
   #heures12{
     width:4.1em!important;
   }
#datebodruch{
    width:8em!important;  
}
#datebodruche{
    width:8em!important;  
}
#date{
    width:8em!important;  
}
#date1{
    width:8em!important;   
}
#date2{
    width:8em!important;   
}

   label{
    font-size:0.7em!important;
   }


}

@media (max-width:849px){
*{padding:0px;
  margin:0px;
 }
   #heuresbodruch{
     width:4.1em!important;
   }
   #heuresbodruche{
     width:4.1em!important;
   }
   #heures{
     width:4.1em!important;
   }
   #heures11{
     width:4.1em!important;
   }
   #heures12{
     width:4.1em!important;
   }
#datebodruch{
    width:8em!important;  
}
#datebodruche{
    width:8em!important;  
}
#date{
    width:8em!important;  
}
#date1{
    width:8em!important;   
}
#date2{
    width:8em!important;   
}
#bouton1{
	right:-7%!important;
}
#bouton2{
	right:-7%!important;
}
#bouton3{
	right:-3%!important;
}
#bouton8{
	right:-3%!important;
}
   label{
    font-size:0.95em!important;
   }
.span1{
top:-0.3em!important;
}

}

@media screen and (min-device-width:250px)and (max-device-width:768px){
*{padding:0px;
  margin:0px;
 }

.accordion{
    display: none!important;
    }
      .span1{
bottom:-0.7em!important;
left:2em!important;
}
    .accordion1{
    display: block!important;
    background-color: #38B293!important;
    }
    img{
        max-width: 100%;
    }
   label{
    font-size:1.8em!important;
   }
    main{
     width:90%;
     display:flex!important;
     justify-content:center!important;
     align-items:center!important;
     margin:auto!important;
    }
    input{
     height:3.5em!important;
     width:27em!important;
     font-size:1.5em!important;
    padding-left:1.5em!important;
    }
    select{
     height:3.5em!important;
     width:27em!important;
     font-size:1.5em!important;
    padding-left:1.5em!important;
    }
    ::placeholder{
    font-size:1em!important;
    }

    p{
    font-size:2.5em!important;
    }
    button{
    font-size:3em!important;
    width:13em!important;
    }
}