body{
  margin:0;
  padding:0;
  font-family: eceb-regular;
}

@font-face {
  font-family: eceb-title;
  src: url("../fonts/Cinzel-Regular.otf") format('opentype'); 
}

@font-face {
  font-family: eceb-Regular;
  src: url("../fonts/SpartanMB-Regular.otf") format('opentype');
}

@font-face {
  font-family: eceb-Light;
  src: url("../fonts/SpartanMB-Light.otf") format('opentype');
}



@font-face {
  font-family: eceb-Bold;
  src: url("../fonts/SpartanMB-Bold.otf") format('opentype');
}


@font-face {
  font-family: eceb-Black;
  src: url("../fonts/Cinzel-Bold.otf") format('opentype');
}
 


.section-loading{
  display: block;
  color: transparent;
  background-image: url(./../../public/files/logo_header_eceb.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  min-height: 400px;
  padding: 0;
  position: relative;
  margin: auto;
  float: none;
  text-align: center;
  animation: loading_waiting 2.5s linear infinite; 
}


.content-section-bannier{
      position: relative;
margin-top: 0px;
display: block;
padding:0;
padding-left: 10px;
padding-right: 11px;

} 


.content-section-bannier .grid-bannier{
position: relative;
background: white;
padding: 0;
list-style: none;
box-shadow: 0px 0px 0px 10px black;
height:460px;
width:100%;
}

 

.content-section-bannier .grid-bannier li{
position:absolute; 
width:100%;
height:100%;
padding:0;  
overflow: hidden;
opacity:0;
transition:0.5s;
background-position: center center;
}

.content-section-bannier .grid-bannier li.active{
opacity: 1;
transition:0.5s;
}



.content-section-bannier .grid-bannier li .imgBX{
position: relative;
display: block;
width: 100%;
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
height: 100%;
transition:0.3s;
}

.content-section-bannier .grid-bannier li:hover > .imgBX{
 background-size: 110%;
 transition:0.3s;
}

.content-section-bannier .grid-bannier li .contentBX{
text-align: center;
left: 0;
right: 0;
top: 30%;
bottom: 0;
position: absolute;
padding: 0;
}

.content-section-bannier .grid-bannier li .contentBX .titleBX{
position: relative;
display: inline-block;
font-family: eceb-title;
font-weight: initial;
font-size: 50px;
color: white;
text-decoration: none;
font-variant: all-petite-caps;
text-shadow: 0px 1px 0px black;
}

/*.content-section-bannier .grid-bannier li .contentBX .titleBX:before{
content:'';
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
}*/

.content-section-bannier .grid-bannier li .contentBX .textBX{
position: relative;
display: block;
font-family: eceb-Light;
font-size: 20px;
color: white;
text-decoration: none;
text-shadow: 0px 1px 0px black;
} 


.content-section-bannier .grid-bannier .actionBX{
  bottom:  0px;
position: absolute;
display: block;
text-align: center;
left: 0;
right: 0;
background-image: linear-gradient(transparent ,#fff);
padding-top: 30px;
}


.content-section-bannier .grid-bannier  .actionBX .btnBX{
  position: relative;
display: inline-block;
color: white;
background:#FF6161;
font-family: eceb-regular;
font-size: 24px;
border:none;
box-shadow: 0px 0px 0px 4px #ff1a1a;
padding: 10px;
cursor:pointer; 
margin-bottom:10px;
margin-bottom: 20px;
text-decoration:none;
}

 
.content-section-bannier .grid-bannier .actionBX .btnBX:hover , .content-section-bannier .grid-bannier li .contentBX .actionBX .btnBX:focus{
  position: relative;
display: inline-block;
color: white;
background:#BF3636;
font-family: eceb-regular;
font-size: 24px;
border: none;
box-shadow: 0px 0px 0px 4px #ff1a1a;
padding: 10px;
cursor:pointer; 
margin-bottom:10px;
margin-bottom: 20px;
text-decoration:none;
}




.content-section-bannier .grid-bannier .actionBX  .btnMoreBX{
display: block;
color: black;
font-family: eceb-regular;
font-size: 16px;
border: none;
padding: 5px;
cursor:pointer;

font-weight: bold;
}

.content-section-bannier .grid-bannier .actionBX  .btnMoreBX:hover , .content-section-bannier .grid-bannier .actionBX  .btnMoreBX:focus{
display: block;
color: black;
font-family: eceb-regular;
font-size: 16px;
border: none;
padding: 5px;
cursor:pointer;
text-decoration: underline;
font-weight: bold;
}


.content-section-bannier .grid-bannier .controlsBX{
 
position: absolute;
right:0;
top:50%;
transform:translateY(-50%);
width: 80px;

}

.content-section-bannier .grid-bannier .controlsBX .btn-controlXB{
 
position:relative;
display:flex;
justify-content: center;
align-items: center;
width:80px;
height:80px;
text-align:center;
background:#f5deb3;
cursor: pointer;
}

.content-section-bannier .grid-bannier .controlsBX .btn-controlXB:hover{
 cursor: pointer;
background:black;
}

.content-section-bannier .grid-bannier .controlsBX .btn-controlXB:before{
 content:'';
 position: absolute;
 width:20px;
 height:20px;
 border-left:3px solid #fff;
 border-bottom:3px solid #fff;
 transform:rotate(45deg);
}

.content-section-bannier .grid-bannier .controlsBX .btn-controlXB:nth-child(2):before{
 
 transform:rotate(225deg);
}
 
/* END SECTION */

/* START SECTION */


.section-flach-ecole{
  position: relative;
margin-top: 80px;
display: block; 
background: wheat; 
padding: 0;
}

.section-flach-ecole .content-flach-ecole{
position: relative;
display: block;
text-align: center;
overflow:hidden;
height: 40px;
}

 

 .section-flach-ecole .content-flach-ecole span{
  position:relative;
  display: inline-block;
  font-size:28px;
  font-family:eceb-bold;
  font-variant: all-petite-caps;
  color:black;
  width: 100%;
position: absolute;
display: ruby;
text-align: center;
margin: auto;
left: 0;
right: 0;
align-items: center;
transform: translateX(-100%);
animation: flache 15s linear infinite; 

}

 .section-flach-ecole .content-flach-ecole span:after{
/*  content: '';
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: wheat;
width: 0%;
transition: 0.8s;
width: 100%;
-webkit-animation: flache 2s linear infinite;
    -moz-animation: flache 2s linear infinite;
    animation: flache 2s linear infinite;*/
}











.section-introductions-ecole{
  position: relative;
margin-top: 80px;
display: block;
padding: 20px; 
background: black;
padding-bottom: 40px;
padding-top: 60px;
}


.section-introductions-ecole .title-introductions-ecole{
display: block;
position: relative;
text-align: center;
background: transparent;
float: none;
margin: auto;
font-size: 40px;
color: white;
font-family: eceb-title;
font-variant: all-petite-caps;
}

.section-introductions-ecole .parag-introductions-ecole{
position: relative;
display: block;
width: 100%;
float: none;
color: whitesmoke;
font-family: eceb-Light;
text-align: center;
margin-bottom: 20px;
font-variant: normal;
line-height: 1.8;
font-size: 20px;
padding-left: 50px;
padding-right: 50px;
}


.section-introductions-ecole .grids-formations-introductions{
position: relative;
display: block;
margin-top: 30px;
}

.section-introductions-ecole .grids-formations-introductions .grid-formation-intro{
position:relative;
}

.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .box-formation-intro {
  position: relative;
  display: block;
  background: transparent;
  height: 340px;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: cover !important;
  background-position: center center !important;
  box-shadow: 0px 0px 0px 10px #bebebe;
  transition: 0.3s;
  cursor: pointer;
}

.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .box-formation-intro::before {
  content: '';
  position: absolute;
  display: block;
  text-align: center;
  margin: auto;
  float: none;
  width: 100%;
  background: #e70d32;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 10px;
  opacity: 0;
  transition: 0.3s;
  overflow: hidden !important;
}

.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .box-formation-intro:hover:before{
    content: '';
    position: absolute;
display: block;
text-align: center;
margin: auto;
float: none;
width: 100%;
background:#e70d32;
top:50%;
bottom: 0;
left: 0;
right: 0;
padding: 20px 10px;
opacity:0.8;
transition:0.3s;
overflow: hidden !important;
}

.section-introductions-ecole .grids-formations-introductions .grid-formation-intro  .box-formation-intro:hover, .section-introductions-ecole .grids-formations-introductions .grid-formation-intro .box-formation-intro:focus{
 position: relative;
display: block;
background: transparent;
height: 340px; 
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-size: cover !important;
background-position: center center !important;
box-shadow: 0px 0px 0px 10px red;
transition:0.3s;
cursor:pointer;
overflow: hidden !important;
}
 


.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .wallpaper-coiffure, .section-introductions-ecole .grids-formations-introductions .grid-formation-intro .wallpaper-coiffure:hover, .section-introductions-ecole .grids-formations-introductions .grid-formation-intro .wallpaper-coiffure:focus{
    background: url(../files/wallpaper-coiffure.jpg);
    overflow: hidden !important;
}
.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .wallpaper-esthetique, .section-introductions-ecole .grids-formations-introductions .grid-formation-intro .wallpaper-esthetique:hover, .section-introductions-ecole .grids-formations-introductions .grid-formation-intro .wallpaper-esthetique:focus{
  background: url(../files/wallpaper-esthetique.jpg);
  overflow: hidden !important;
}




.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .box-formation-intro .action-formation {
  position: absolute;
  display: block;
  text-align: center;
  margin: auto;
  float: none;
  width: 100%;
  background: transparent;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 10px;
}

.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .box-formation-intro .action-formation::before {
  content: '';
  position: absolute;
  display: block;
  text-align: center;
  margin: auto;
  float: none;
  width: 100%;
  background: #e70d32;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 10px;
  opacity: 0;
  transition: 0.3s;
}

.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .box-formation-intro .action-formation .icon-formation {
  position: relative;
  display: block;
  padding: 5px; 
  float: none;
  margin: auto;
  left: 0;
  right: 0;
  top: 30%;
  opacity: 1;
  color: white;
  font-variant: all-petite-caps;
  font-size: 20px;
  text-align: center;  
  background-color: transparent;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}

.section-introductions-ecole .grids-formations-introductions .grid-formation-intro .box-formation-intro .action-formation .titre-formation {
  position: relative;
  display: block;
  padding: 4px;
  opacity: 1;
  color: white;
  font-variant: initial;
  font-family: eceb-title;
  font-size: 20px;
  text-align: center;
  font-size: 30px;
  font-variant: all-small-caps;
}


 

/* END SECTION */


/* START SECTION */

.section-five-infos{
  position: relative; 
display: block;
padding:0 !important;
margin-top: 40px;
margin-bottom: 40px;
}

.section-five-infos .title-five-infos{
  display: block;
position: relative;
text-align: center;
background: black;
float: none;
margin: auto;
font-size: 40px;
font-weight: initial;
color: wheat;
font-family: eceb-title;
font-variant: all-small-caps;
margin-bottom:10px;
margin-bottom: 40px;
margin-top: 60px; 
}


.section-five-infos  ul{
list-style:none;
padding:0;
display:block;
text-align:center;
padding-left:0;
}

.section-five-infos  ul li{
list-style:none;
display:block;
text-align:center;
padding: 5px 10px;
}

.section-five-infos ul li span{
  position: relative;
display: inline-block;
font-size: 20px;
font-family: eceb-bold;
color: black;
text-align: center;
margin: auto;
text-decoration:none;
transition:0.3s;
scale:1;
}

.section-five-infos ul li span:hover , .section-follow-us-all ul li span:focus{
  position: relative;
display: inline-block;
font-size: 20px;
font-family: eceb-bold;
color: wheat;
text-align: center;
margin: auto;
text-decoration:none;
transition:0.3s;
scale:1.1;
}



/* END  SECTION */


/* START SECTION */


.section-follow-us-all{
position: relative; 
display: block;
padding:0 !important;
margin-top: 80px;
margin-bottom: 20px;
}

.content-follow-us{
position: relative;
/*padding:0;*/
margin:0;
width:50%;
float: left;
background: wheat;
padding-bottom: 68px;
min-height: 700px;
}

.title-follow-us{
  display: block;
position: relative;
text-align: center;
background: transparent;
float: none;
margin: auto;
font-size: 40px;
font-weight: initial;
color: black;
font-family: eceb-title;
font-variant: all-small-caps;
margin-bottom:10px;
margin-bottom: 20px;
margin-top: 40px;
}

.video-bx{
  position:relative;
  display:block;
  height:280px;
  width:100%;
  padding:0; 
  margin-top: 0;
  background:black;
}


.video-bx video{
 position:absolute;
 width:100%;
 height:100%;
 display: block;
 z-index: 1;

}

.content-icons-follow-us {
position: relative;
padding: 0;
margin: 0; 
display: flex;
text-align: center;
margin-top: 30px;
height: 100px;
margin-bottom: 30px;
}


.icon-facebook{
background-image:url('../../public/files/Facebook_logo.svg') !important;;

}
 .icon-instagram{
background-image:url('../../public/files/Instagram_logo.svg') !important;;

}
 



.content-icons-follow-us .icon-Follow-us{
position: relative;
width: 80px;
height: 100px;
color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
text-align: center;
margin: auto;
}


.miniature-video{
position:relative;
display: block;
margin:0;
padding:0;
}

.miniature-video .slider-miniature-video{
position: relative;
display: flex;
width: 100%;
height: 100px;
overflow-x: scroll !important;
overflow-y: hidden !important;
}

.miniature-video .slider-miniature-video::-webkit-scrollbar{
  display: none !important;
}

.miniature-video .slider-miniature-video .vd-miniature{

position: relative;
display:block;
z-index:1
}


.miniature-video .slider-miniature-video .vd-miniature:before{
content:'';
position: absolute;
display:block;
width: 100%;
height: 100%;
background: transparent; 
background-image:url('../../public/files/ico-lecture-video.svg');
background-repeat:no-repeat;
background-position: center;
background-size: 30%; 
z-index:2; 
opacity:0.8;
cursor:pointer;
}




.miniature-video .slider-miniature-video .vd-miniature video{
position:relative;
width: 140px;
height: 100px;
background: black;
box-shadow: 0 0 0 1px black; 
z-index:1;
cursor:pointer;
}



/*.miniature-video .slider-miniature-video .vd-miniature video:before{
content:'';
position: absolute;
display:block;
width: 100%;
height: 100%;
background: black;
background:transparent;
background-image:url(./public/files/ico-lecture-video.svg);
background-repeat:no-repeat;
background-position: center;
background-size: cover; 
z-index:2; 
opacity:0.6;
}*/

 


.section-follow-us-all .content-nos-diplome{
position: relative;
/*padding:0;*/
margin:0;
width:50%;
float: left;
background: black;
padding-bottom: 40px;
min-height: 700px;
}

.section-follow-us-all .content-nos-diplome ul{
list-style:none;
padding:0;
display:block;
text-align:left;
padding-left:30px;
}

.section-follow-us-all .content-nos-diplome ul li{
list-style:none;
display:block;
text-align:left;
}

.section-follow-us-all .content-nos-diplome a{
  position: relative;
display: inline-block;
font-size: 20px;
font-family: eceb-bold;
color: white;
text-align: center;
margin: auto;
text-decoration:none;
transition:0.3s;
scale:1;
}

.section-follow-us-all .content-nos-diplome a:hover , .section-follow-us-all .content-nos-diplome a:focus{
  position: relative;
display: inline-block;
font-size: 20px;
font-family: eceb-bold;
color: wheat;
text-align: center;
margin: auto;
text-decoration:none;
transition:0.3s;
scale:1.1;
}

/* END SECTION */


/* START SECTION */

.section-find-us{
 position: relative; 
display: block;
padding:0 !important;
margin-top: 80px;
margin-bottom: 20px;
}

.title-find-us{
  display: block;
position: relative;
text-align: center;
background: transparent;
float: none;
margin: auto;
font-size: 40px;
font-weight: initial;
color: black;
font-family: eceb-title;
font-variant: all-small-caps;
margin-bottom:10px;
margin-bottom: 60px;
margin-top: 40px;
}


.section-find-us .content-maps{
  position:relative;
  display:block;
  height:250px;
  width:50%;
  padding:0;
  float:left;
}

.section-find-us .content-maps iframe{
  position:relative; 
 
}

 


.section-find-us .content-infos-maps{
position: relative;
padding: 0;
  padding-left: 0px;
width: 50%;
float: left;
padding-left: 15px;
height:250px;
background: black;
}


 
.section-find-us .content-infos-maps .text-find-us i{
 color: wheat !important; 
}


.section-find-us .content-infos-maps .text-find-us{
position: relative;
display: block;
width: 100%;
float: none;
text-align: left;
color: white;
font-size: 22px;
font-family: eceb-Bold;
text-align: left;
margin-bottom: 20px;
font-variant: all-petite-caps;
line-height: 1.3;
padding-top: 15px;
}





.section-find-us .content-infos-maps .btn-find-us{
position: relative;
display: inline-block;
color: black;
background: wheat;
font-family: eceb-Bold;
font-size: 20px;
border: none;
box-shadow: 0px 0px 0px 4px wheat;
padding: 10px;
cursor: pointer;
transition: 0.3s;
left: 0;
margin: auto;
width: auto;
text-decoration:none;
}

 
.section-find-us .content-infos-maps .btn-find-us:hover , .section-find-us .content-infos-maps .btn-find-us:focus{
position: relative;
display: inline-block;
color: wheat;;
background: black;
font-family: eceb-Bold;
font-size: 20px;
border: none;
box-shadow: 0px 0px 0px 4px wheat;
padding: 10px;
cursor: pointer;
transition: 0.3s;
left: 0;
margin: auto;
width: auto;
text-decoration:none;
}

/* END SECTION */




/* START SECTION */

.section-badge-confiance{
margin-top: 100px;
margin-bottom: 20px;
}


.section-badge-confiance .grid-badge{
position:relative;
}

.section-badge-confiance .grid-badge .icon-badge{
    width: 100px;
height: 100px;
background: transparent ;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
position: relative;
background-size: contain;
background-repeat: no-repeat;
display: block;
background-position: center center;
margin: 0; 
margin: auto;
}

.section-badge-confiance .grid-badge .title-badge{
text-align: center;
display: block;
font-size: 17px;
font-family: eceb-bold;
font-variant: all-petite-caps;
color: black;
}

/* END SECTION*/



/* START SECTION */


.section-partenaires{
   position:relative;
 display: block;
 margin:auto;
 margin-top:100px;
 text-align: center;
}

.section-partenaires .title-partenaires-all{
  display: block;
  background: transparent;
  width: 100%;
  font-size: 40px;
  text-align: center;
  padding: 0 20px;
  font-weight: initial;
  font-variant: initial;
  color: black;
  font-family: eceb-title;
  font-variant:all-small-caps;
}

.section-partenaires .grids-partenaires{
  display: inline-block;
  position:relative;
  margin:0;
  padding:0;
  text-align:center;
  float:none;
  margin:auto;
  margin-top: 20px;
}


.section-partenaires .grids-partenaires li { 
   display:block;  
   float:left;
margin-right:15px;
}

.section-partenaires .grids-partenaires li .icon-partenaire{
display: block;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
width:200px;
   height:140px;
  box-shadow:0px 0px 0px 2px wheat;
}


/* END SECTION */

.section-formations-all{
  position: relative;
/*margin-top: 10px;*/
display: block;
padding: 20px; 
background: #fff9f7;
padding-bottom: 60px;
z-index: 2;
}

.section-formations-all .box-wallpaper-esthetique{
background-size: cover;
background-repeat: no-repeat;
display: block;
background-position: center center;
height: 400px;
margin-bottom: 40px;
background-image: url(./public/files/wallpaper-esthetique.jpg);
}

.box-wallpaper-coiffure{
  background-size: cover;
background-repeat: no-repeat;
display: block;
background-position: center center;
height: 400px;
margin-bottom: 40px;
background-image: url(./public/files/wallpaper-coiffure.jpg);
}


.section-formations-all .box-wallpaper-formations::before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../files/logo-eceb-white.svg);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
}

.section-formations-all .title-formations-eecb{
  display: block;
  position: relative;
  text-align: center;
  background: transparent;
  float: none;
  margin: auto;
  font-size: 50px;
  color: #025aa2;
  font-family: eceb-title;
  font-variant: all-small-caps;
}


.section-formations-all .descr-formations-all{
position: relative;
display: block;
width: 100%;
float: none;
color: #1c1c1c;
font-family: eceb-Light;
text-align: center;
margin-bottom: 20px;
font-variant: normal;
line-height: 1.8;
font-size: 22px;
}

.section-formations-all .section-programme-details{
position:relative;
display: block;
margin-top:20px;
background: transparent;
}

.section-formations-all .section-programme-details .grid-programme-details{
position: relative;
padding: 15px;
max-height: 600px;
overflow: scroll;
height: 600px;
}


.section-formations-all .section-programme-details .grid-programme-details:nth-child(1){
background: #FF6161;
box-shadow: 0 0 0 8px #FF6161;
}

.section-formations-all .section-programme-details .grid-programme-details:nth-child(2){
background: #fff6f2; 
box-shadow: 0 0 0 8px #FF6161;
}

.section-formations-all .section-programme-details .grid-programme-details .title-programme-details{
position:relative;
display: block;
font-family: eceb-title;
font-size: 30px; 
background: transparent;
color: white;
border-bottom: 2px solid white;
margin-bottom: 25px;
}

.section-formations-all .section-programme-details .grid-programme-details .desc-programme-details{
text-align: left;
font-variant: initial;
font-size: 20px;
color: white;
position: relative;
display: block;
font-family: eceb-Light;
  text-transform:  initial;
}

/* END SECTION */
 
/* START SECTION */

.section-galerie-formation{
   position: relative;
margin-top: 30px;
display: block;
padding: 20px; 
background: transparent;
padding-bottom: 60px;
}

.section-galerie-formation .title-galerie-formation{
  display: block;
position: relative;
text-align: center;
background: transparent;
float: none;
margin: auto;
font-size: 40px;
color: black;
color: black;
font-family: eceb-title;
font-variant: all-small-caps;
margin-bottom: 40px;
}

.section-galerie-formation ul{
position: relative;
width: 100%;
height: auto;
list-style: none;
display: block;
margin: 0;
padding:0;
}
.section-galerie-formation ul li{
position: relative;
display:block;
padding:0;
margin-bottom:15px;
}

.section-galerie-formation ul li .box-pic-formation{
position: relative;
width: 140px;
height:140px;
float: left; 
overflow: initial;
cursor:pointer; 
}


.section-galerie-formation ul li .box-pic-formation:after{
content: '';
position: absolute; 
background: transparent;
left: 0;
right: 0;
top: 0; 
bottom: 0;
transition:0.3s;
z-index: 2
}

.section-galerie-formation ul li .box-pic-formation:hover:after{
content: '';
position: absolute; 
background: transparent;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition:0.3s;
box-shadow: 0px 0px 0px 10px #ff1a1a;
z-index: 2
border-radius:50%;
}

.section-galerie-formation ul li .box-pic-formation .pic-formation{
position: absolute;
width: 140px;
height:140px !important;
float: left;
height: auto;  
  background: url(../files/ecole-wallpaper.jpg) ; 
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important; 
cursor:pointer;
overflow: initial;
border-radius:50%;
}








/* END SECTION */


/* START SECTION */

.section-nos-formations{
position:relative;
padding:0;

}

.section-nos-formations .title-nos-formations{
  display: block;
  position: relative;
  text-align: center;
  background: transparent;
  float: none;
  margin: auto;
  font-size: 50px;
  color: black;
  font-family: eceb-title;
  font-variant: all-small-caps;
  margin-top: 40px;
}

.section-nos-formations .ul-nos-formation-view{
  position: relative;
width: 100%;
height: 100%;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
min-height: 1000px;
padding: 0;
}

.section-nos-formations .ul-nos-formation-view li{
position: relative;
width: 100%;
height: auto;
list-style: none;
display: block;
background: transparent;
text-align: center;
border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
/*border-bottom: 4px solid #ebebeb;*/
margin:auto;
padding:10px 0;
cursor:pointer;
}
  
.section-nos-formations .ul-nos-formation-view li .container-nos-formation-view{

position:relative;
display:block;
min-height:300px;    
max-height:360px;

}




.section-nos-formations .content-formation-view{
position:relative;
display:block;
   background-size: 80% !important;
    background-color: transparent !important;
background-repeat: repeat !important;
background-position:center center !important;
width: 100%;
height: 300px;
display: block;
margin:auto;
transition:0.3s;
cursor:pointer;
}


.section-nos-formations .content-formation-view::before {
    position: absolute;
    content: '';
    top: 20px;
    bottom: 20px;
    background: transparent;
    right: 20px;
    left: 20px;
    float: none;
    margin: auto;
    opacity:1;
    box-shadow: 0px 0px 0px 10px #e70d32;
    box-shadow:none;
    transition:0.3s;
}
.section-nos-formations .container-nos-formation-view:hover .content-formation-view::before{
position: absolute;
    content: '';
    top: 20px;
    bottom: 20px;
    background: transparent;
    right: 20px;
    left: 20px;
    float: none;
    margin: auto;
    opacity:1;
    box-shadow: 0px 0px 0px 10px #e70d32; 
    transition:0.3s;
}



.section-nos-formations .container-nos-formation-view:hover .content-formation-view{
position:relative;
display:block;
   background-size: 120% !important;
    background-color: transparent !important;
background-repeat: repeat !important;
background-position:center center !important;
width: 100%;
height: 300px;
display: block;
margin:auto;
transition:0.3s;
cursor:pointer;
/*border-radius:0 50px;*/
}

.section-nos-formations .container-nos-formation-view:hover .action-formation-view{
scale:1.3;
}

.section-nos-formations .container-nos-formation-view:hover .extension-formation-view{
position: relative;
display: block;
text-align: center;
margin-top: 30px;
height: 240px;
padding: 20px;
box-shadow: 0px 0px 0px 10px white,0px 0px 0px 20px #e70d32;
background: #fff;
border: 0;
border-radius: 0px;
font-size: 20px;
font-variant: all-petite-caps;
color: white;
overflow: scroll;
padding: 15px;
transition:0.3s;
 background: #e70d32;

}




 .wallpaper-formation-coiffure{
background: url(../files/wallpaper-coiffure.jpg) !important;
/*border-radius: 0 50px;*/
}
 .wallpaper-formation-esthetique{
background: url(../files/wallpaper-esthetique.jpg) !important;
  
}
 .wallpaper-formation-microblading{
background: url(../files/wallpaper-microblading.jpg) !important;
  
}
  .wallpaper-formation-ongulaire{
background: url(../files/wallpaper-ongulaire.jpg) !important;
  
}

 .wallpaper-formation-makeup{
background: url(../files/wallpaper-makeup.jpg) !important;
  
}

.wallpaper-formation-extension-de-cils{
  background: url(../files/wallpaper-extension-de-cils.jpg) !important;
}

.wallpaper-formation-microneedling{
   background: url(../files/wallpaper-microneedling.jpg) !important;
}

.wallpaper-formation-levres{
  
   background: url(../files/wallpaper-levres.jpg) !important;
}

.wallpaper-formation-rehaussement-de-cils{
  
   background: url(../files/wallpaper-rehaussement-de-cils.jpg) !important;
}

 
 
.section-nos-formations .action-formation-view{
position:absolute;
display: block;
left:0;
right:0;
bottom: 0;
top:40%;
transition:0.3s;
}


.section-nos-formations .icon-formation-view{

    background-size: contain !important;
    background-color: transparent !important;
background-repeat: no-repeat !important;
width: 60px;
height: 60px;
display: block;
margin:auto;
}

.icon-formation-coiffure{
        background: url(../files/icon-coiffure.svg);
}
.icon-formation-esthetique{
        background: url(../files/icon-esthetique.svg);
}

.icon-formation-microblading{
        background: url(../files/icon-microblading.svg);
}
.icon-formation-microneedling{
   background: url(../files/icon-microneedling.svg);
}
.icon-formation-levres{
   background: url(../files/icon-levres.svg);
}
.icon-formation-ongulaire{
        background: url(../files/icon-ongulaire.svg);
}
.icon-formation-makeup{
        background: url(../files/icon-makeup.svg);
}

.icon-formation-rehaussement-de-cils{
        background: url(../files/icon-rehaussement-de-cils.svg);
}







.section-nos-formations .title-formation-view{
font-size: 20px;
font-variant: all-petite-caps;
font-family: eceb-regular;
color:  white;
display: block;
margin: auto;
position:relative;
}




.extension-formation-view{
position: relative;
display: block;
text-align: center; 
margin:auto;
margin-top: 30px;
height: 240px;
padding: 20px;
box-shadow: 0px 0px 0px 10px black; 
background: #fff;
border: 0; 
font-size: 20px;
font-variant: all-petite-caps;
color: black;
transition:0.3s;
overflow: scroll;
padding: 15px;
}
 

/* END SECTION */



 








































.section-formations{
    position: relative;
margin-top: 10px;
display: block;
padding:20px;

background: #fff9f7;
padding-bottom: 60px;
}

.section-formations .title-formations-all{
    display: block;
position: relative;
text-align: center;
background: white;
width: max-content;
float: none;
margin: auto;
font-size: 20px;
font-weight: bold;
font-variant: all-petite-caps;
color: #e70d32;
font-family: eceb-medium;
}

.section-formations .title-ecole-all{
display: block;
position: relative;
text-align: center;
background: transparent;
float: none;
margin: auto;
font-size: 40px; 
color: #025aa2;
font-family: eceb-title;
font-variant: all-small-caps;
}

 
.section-formations .desc-ecole-all i{
 color: #FF6161 !important; 
}


.section-formations .desc-ecole-all{
position: relative;
display: block;
width: 100%;
float: none;
text-align: left;
color: #4b4b4b;
font-size: 22px;
font-family: eceb-Light;
text-align: center;
margin-bottom: 20px;
font-variant: all-petite-caps;
}


.section-formations .intro-ecole-all{
position: relative;
display: block;
width: 100%;
float: none;
color: #1c1c1c;
font-family: eceb-Light;
text-align: center;
margin-bottom: 20px;
font-variant: normal;
line-height: 1.8; 
font-size: 20px;
padding-left: 50px;
padding-right: 50px;

}

.wallpaper-presentation{
  background-image: url(../files/ecole-wallpaper.jpg);
background-size: cover;
background-repeat: no-repeat;
display: block;
background-position: center center;
height: 400px;
margin-bottom: 40px;
}

.wallpaper-presentation::before{
      content: '';
      position:relative;
      display:block;
      width:100%;
      height:100%;
      left:0;
      right:0;
      top:0;
      bottom:0;
      background-image: url(../files/logo-eceb-white.svg);
background-size: 70%;
background-repeat: no-repeat; 
background-position: center center;
}

.section-formations .title-formations-all::before{
display: block;
background: red;
width: 100%;
height: 1px;
z-index: 1;
position: absolute;

}

.section-formations .description-formations-all{
    position: relative;
display: block;
width: 100%;
float: none;
text-align: left;
color: #3e3e3e;
font-size: 14px;
text-align: center;
}

.section-formations .grids-formations-all{
position: relative;
display: block;
margin-top: 30px;
}



.section-formations .grids-formations-all .action-formation{
    position: absolute;
display: block;
text-align: center;
margin: auto;
float: none;
width: 100%;
background:transparent;
bottom: 0;
left: 0;
right: 0;
padding: 20px 10px;
}

.section-formations .grids-formations-all .action-formation::before{
    content: '';
    position: absolute;
display: block;
text-align: center;
margin: auto;
float: none;
width: 100%;
background:#e70d32;
top:0;
bottom: 0;
left: 0;
right: 0;
padding: 20px 10px;
opacity:0;
transition:0.3s;
}

 

.section-formations .grids-formations-all .icon-formation{
position: relative;
display: block;
padding: 5px;
background: transparent;
float: none;
margin: auto;
left: 0;
right: 0;
top: 30%;
opacity: 1;
color: white;
font-variant: all-petite-caps;
font-size: 20px;
text-align: center; 
    background-color: rgba(0, 0, 0, 0);
    background-repeat: repeat;
background-color: transparent;
background-repeat: no-repeat;
width: 60px;
height: 60px;
}
.section-formations .grids-formations-all .icon-coiffure, .section-formations .grids-formations-all .icon-coiffure:hover, .section-formations .grids-formations-all .icon-coiffure:focus{
background: url(../files/icon-coiffure.svg);
}



.section-formations .grids-formations-all .icon-esthetique ,.section-formations .grids-formations-all .icon-esthetique:hover, .section-formations .grids-formations-all .icon-esthetique:focus{
background: url(../files/icon-esthetique.svg);
}

.section-formations .grids-formations-all .titre-formation{
    position: relative;
display: block;
padding: 4px;
opacity: 1;
color: white;
font-variant: initial;
font-family:eceb-title;
font-size: 20px;
text-align: center;
font-size: 30px;
font-variant:all-small-caps;
}
.section-formations .grids-formations-all .box-formation{
 position: relative;
display: block;
background: transparent;
height: 340px; 
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-size: cover !important;
background-position: center center !important;
box-shadow: 0px 0px 0px 10px #bebebe;
transition:0.3s;
cursor:pointer;
}

.section-formations .grids-formations-all .box-formation::before{
    content: '';
    position: absolute;
display: block;
text-align: center;
margin: auto;
float: none;
width: 100%;
background:#e70d32;
top:100%;
bottom: 0;
left: 0;
right: 0;
padding: 20px 10px;
opacity:0;
transition:0.3s;
overflow: hidden !important;
}

.section-formations .grids-formations-all .box-formation:hover:before{
    content: '';
    position: absolute;
display: block;
text-align: center;
margin: auto;
float: none;
width: 100%;
background:#e70d32;
top:50%;
bottom: 0;
left: 0;
right: 0;
padding: 20px 10px;
opacity:0.8;
transition:0.3s;
overflow: hidden !important;
}



.section-formations .grids-formations-all .box-formation:hover, .section-formations .grids-formations-all .box-formation:focus{
 position: relative;
display: block;
background: transparent;
height: 340px; 
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-size: cover !important;
background-position: center center !important;
box-shadow: 0px 0px 0px 10px #e70d32;
transition:0.3s;
cursor:pointer;
overflow: hidden !important;
}

.section-formations .grids-formations-all .wallpaper-coiffure, .section-formations .grids-formations-all .wallpaper-coiffure:hover, .section-formations .grids-formations-all .wallpaper-coiffure:focus{
    background: url(../files/wallpaper-coiffure.jpg);
    overflow: hidden !important;
}
.section-formations .grids-formations-all .wallpaper-esthetique, .section-formations .grids-formations-all .wallpaper-esthetique:hover, .section-formations .grids-formations-all .wallpaper-esthetique:focus{
  background: url(../files/wallpaper-esthetique.jpg);
  overflow: hidden !important;
}



.section-presentation-school{
     position: relative;
margin-top: 40px;
display: block; 
width:100%;
margin-bottom: 30px;
}

.section-presentation-school .box-wallpaper-school{
  position:relative;
  width:80%;
  height:360px;
  padding:20px;
  background: url(../files/ecole-wallpaper.jpg);
  position: relative;
width: 80%;
height: 360px;
padding: 20px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent; 
/*border-radius:50px 0;*/
box-shadow: 0px 0px 0px 10px #bebebe;
border-radius: 0 0 0 50px;
border-radius:0;
}

.section-presentation-school .box-action-school{
position: absolute;
top: 0;
right: 0;
text-align: left;
background:transparent;
margin-top: 60px;
width: 500px;
padding: 10px 20px;
color: white;
max-height: 240px;
overflow: hidden;
text-overflow: ellipsis;
height: 240px; 
border-radius:50px 0;
border-radius:0;
box-shadow: 0px 0px 0px 10px #e70d32;
}

.section-presentation-school .box-action-school::before{
content: '';
position: absolute;
background: #e70d32;
width: 100%;
height: 100%;
opacity: 0.7;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.section-presentation-school .box-action-school span{
  position: relative;
font-variant: full-width;
font-size: 20px;
color: white;
background: transparent;
font-family: eceb-Light;
font-variant: all-petite-caps;
margin-bottom: 20px;
text-transform: capitalize;
text-shadow: 0px 2px 4px #860017;
}






.section-digitals{
  position:relative;
 display: block;
 margin:auto;
 margin-top:20px;
}

.section-digitals .title-digitals-all{
display: block;
background: transparent;
width: 100%;
font-size: 30px;
text-align: center;
padding: 0 20px;
font-weight: initial;
font-variant: initial;
color: #e70d32;
font-family: eceb-deco;
}


.section-digitals .description-digitals-all{
display: block;
background: transparent;
width: 100%;
color:#424242;
font-size:16px;
font-variant:all-petite-caps;
font-family: eceb-regular;
text-align: center;padding:0 20px; 
}

.section-digitals .grids-digitals-all{
position:relative;
display:block;
margin:20px;
}

.section-digitals .grids-digitals-all .grid-digital-video iframe{
width: 100%;
height: auto;
min-height: 240px;
}


.section-digitals .grids-digitals-all .grid-digital-photos{
width: 100%;
height: auto;
min-height: 240px;
}
.section-digitals .grids-digitals-all .grid-digital-photos ul{
position: relative;
width: 100%;
height: auto;
list-style: none;
display: block;
margin: 0;
}

.section-digitals .grids-digitals-all .grid-digital-photos li{
position: relative;
display:block;
width:50%;
float: left;
height: auto;
min-height: 120px;

  background: url(../files/ecole-wallpaper.jpg) ; 
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important; 
overflow:hidden;
cursor:pointer;
}

/*.section-digitals .grids-digitals-all .grid-view-pictures{
position: absolute;
height: 240px;
background-color: red;
display: block;
z-index: 99999;
width: 100%;
top: 0;
box-shadow: 50px 0px 0px 0px #e70d32; 

}*/

.section-digitals .grids-digitals-all .grid-digital-photos li:hover .grid-view-pictures{
position: absolute;
height: 240px;
background-color: white !important;
display: block;
z-index: 99999;
width: 100%;
top: 0;
box-shadow: 50px 0px 0px 0px #e70d32;
display:none;

}


.section-digitals .grids-digitals-all .grid-digital-photos li::after{
    content:'';
position: absolute;
display:block;
width:100%;
float: left;
height: auto;  
}

/*.section-digitals .grids-digitals-all .grid-digital-photos li:hover:after {
     content:'';
     
    position:fixed;
    width:50%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 999; 
    float:left; 
    box-shadow: 0px 0px 0px 10px #e70d32;
    opacity:1;
    background-color:#fff !important;
  background: url(../files/ecole-wallpaper.jpg) ; 
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important; 
}*/

/*{
    position: absolute;
display:block;
width:100%;
text-align:center;
left:0;
right:0;
 
bottom:-50%;
cursor:pointer;
background:  #e70d32;
padding:15px;
color:#fff;
text-decoration: none;
font-size:16px;
font-variant:all-petite-caps;
font-family: eceb-regular;
}*/

.section-digitals .grids-digitals-all .grid-digital-photos li:hover span{

position: absolute;
display:block;
width:100%;
text-align:center;
left:0;
right:0;
/*top:0;*/
bottom:0%;
cursor:pointer;
background:  #e70d32;
padding:15px;
color:#fff;
text-decoration: none;
font-size:16px;
font-variant:all-petite-caps;
font-family: eceb-regular;

}


 






.section-digitals .grids-digitals-all .grid-digital-photos span{
position: absolute;
display:block;
width:100%;
text-align:center;
left:0;
right:0;
/*top:0;*/
bottom:-50%;
cursor:pointer;
background:  #e70d32;
padding:15px;
color:#fff;
text-decoration: none;
font-size:16px;
font-variant:all-petite-caps;
font-family: eceb-regular;
transition:0.3s;
}


.view-full-screen{
    position: fixed;
width: 100%;
left: 0;
top: 0;
background:transparent;
height: 100%;
bottom: 0;
right: 0;
display: block;
z-index: 9999;
}

.view-full-screen::before{
content:'';
position:absolute;
width:100%;
height:100%;
background: black;
opacity:0.8;
}

.picture-view{
    max-width: 500px;
position: absolute;
max-height: 700px;
background-color: black !important;
float: none;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
  background: url(../files/ecole-wallpaper.jpg) ; 
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important; 
}
.close-picture-view{
    position: absolute;
display: inherit;
margin: auto;
    margin-top: auto;
float: none;
left: 0;
right: 0;
font-size: 20px;
color: white;
width: min-content;
margin-top: 40px;
cursor:pointer;
display: block;
width: 100%;
text-align: center;
z-index:1;
}

.close-picture-view:hover , .close-picture-view:focus{
    position: absolute;
display: inherit;
margin: auto;
    margin-top: auto;
float: none;
left: 0;
right: 0;
font-size: 20px;
color: white;
width: min-content;
margin-top: 40px;
cursor:pointer;
display: block;
width: 100%;
text-align: center;
z-index:1;
}


/* PAGE RENDEZ-VOUS */

.section-rendez-vous {
display:block;
position:relative;
margin:auto;
padding:0;
}

.section-rendez-vous .title-rendez-vous-all{
position: relative;
background: transparent;
display:block;
text-align:center;
width: 100%;  
margin:auto;
text-align:center;
color: #e70d32;
font-size:20px;
font-weight:bold;
font-variant: all-small-caps;

}

.section-rendez-vous  .description-rendez-vous-all{
position: relative;
background: transparent;
display:block; 
width: 100%;  
margin:auto;
text-align:center;
color: #424242;
font-size:16px; 
font-variant: all-small-caps;
margin:auto;
margin-bottom:30px;
}

.content-form-rendez-vous{
  display: block;
position: relative;
padding: 40px 20px;
background: transparent;
}

.content-form-rendez-vous .icon-form{
display: block;
position: relative;
width: 80px;
height: 80px;
background: white;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
margin: auto;
float: none;
text-align: center;
left: 0;
right: 0;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../files/logo_header_eceb.svg);
border-radius: 50px;
padding: 0;
box-shadow:0px 0px 0px 5px #e70d32;
}
.content-form-rendez-vous  .title-form{
display: block;
position: relative;
width: 100%;
text-align: center;
font-size: 17px;
font-variant: all-petite-caps;
font-weight: bold;
color: #424242;
margin:10px auto;
margin-bottom:20px;
padding:0;
padding-bottom:20px;
border:none;
border-bottom:1px solid #cecece;
}

.content-form-rendez-vous .section-detail-rendez-vous{
display:block;
position:relative;
margin:auto;
min-height: 160px;
/*border-bottom:1px solid #cecece;*/
}

.grid-rendezvous-detail{
  position:relative;
  margin-bottom:

}

.section-detail-rendez-vous .title-detail-rendez-vous{
display: block;
position: relative;
margin: auto;
text-align: left;
padding: 10px 0 0 0;
font-weight: initial;
font-size: 15px;
color: #424242;
font-weight: inherit;
}


.section-detail-rendez-vous .valeur-detail-rendez-vous{
display: block;
position: relative;
margin: auto;
text-align: left;
padding: 10px 0 0 0;
font-weight: initial;
font-size: 15px;
color: #e70d32;
font-weight: bold;
}

.section-detail-rendez-vous .section-select-formation{
  position:relative;
  display:block;
  margin-bottom: 40px;
  min-height:360px;

}

.section-detail-rendez-vous .section-select-formation .title-formation-selected{
  display: block;
position: relative;
margin: auto;
text-align: left;
padding: 10px 0 0 0;
font-weight: initial;
font-size: 15px;
color: #424242;
font-weight: inherit;
}

.section-detail-rendez-vous .section-select-formation .valeur-formation-selected{
display: block;
position: relative;
margin: auto;
text-align: left;
font-size: 15px;
color: #3e3e3e;
font-weight: bold;
width: 100%;
padding: 15px;
    padding-right: 15px;
background: #f7f7f7;
padding-right: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-shadow: 0px 7px 0px #e70d32;  
transition:0.3s;
cursor:pointer;
}

 

.section-detail-rendez-vous .section-select-formation .valeur-formation-selected:hover{
display: block;
position: relative;
margin: auto;
text-align: left;
font-size: 15px;
color: white;
font-weight: bold;
width: 100%;
padding: 15px;
    padding-right: 15px;
background: #e70d32;
padding-right: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-shadow: 0px 7px 0px #e70d32;  
transition:0.3s;
cursor:pointer;
}
 

.section-detail-rendez-vous .icon-formation-selected{
position: absolute;
width: 100px;
height: auto;
min-height: 60px;
background-color: red;
display: block;
margin-top: 0;
background-color:black;
  background: url(../files/wallpaper-coiffure.jpg) ; 
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important; 
right:0;
top:0;
 
bottom:0;
margin:auto;
float:right; 
}

.section-detail-rendez-vous .section-select-formation .label-formation-selected{
  display: block;
position: relative;
margin: auto;
text-align: left;
padding: 10px 0 0 0;
font-weight: initial;
font-size: 15px;
color: #424242;
font-weight: inherit;
}

.section-detail-rendez-vous .section-select-formation .ul-choose-formation{
width: 100%;
padding: 0;
list-style: none;
position: relative;
margin: 0;
top: 0;
left: 0;
right: 0;
background: transparent;
transition: 0.3s;
height: 0 !important;
}


/*.section-detail-rendez-vous .section-select-formation .ul-formation-hover{
transition: 0.3s;
height: auto !important;
}*/
 



.section-detail-rendez-vous .section-select-formation .ul-choose-formation .li-choose-formation{
  padding:0;
position: relative;
display: block;
transition:0.3s;
margin-bottom:2px;
}

.section-detail-rendez-vous .section-select-formation .ul-choose-formation .li-choose-formation:hover .span-choose-formation{
 box-shadow: 0px 0px 0px 4px #e70d32;  
 z-index:999;
 background-color:transparent;
}

.section-detail-rendez-vous .section-select-formation .ul-choose-formation .formation-chosed{
background-color: #e70d32 !important;
color: white !important;
}

.section-detail-rendez-vous .section-select-formation .ul-choose-formation .li-choose-formation .span-choose-formation{
  font-size: 15px;
  position:relative;
font-variant: all-petite-caps;
font-weight: initial;
color: white;
text-align: center;
display: block;
cursor:pointer;
scale:1;
transition:0.3s;
 padding: 10px;
 text-align: left;
color: #3e3e3e;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/*box-shadow: 0px 7px 0px #e70d32;  */
min-height: 60px;
background: #f7f7f7;
color: #3e3e3e;
text-align: left;
line-height: 2.5;
height: 60px;
font-weight: bold;
overflow: inherit;

}

.section-detail-rendez-vous .section-select-formation .ul-choose-formation .li-choose-formation .formation-chosed i{
  position: absolute !important;
left: -30px !important;
top: 20px !important;
color: #e70d32;
}

.section-detail-rendez-vous .section-select-formation .ul-choose-formation .li-choose-formation .span-choose-formation .btn-savoir-plus{
  position: absolute;
display: inline-block;
top: 0;
right: 0;
bottom: 0;
color: white;
z-index: 99999;
text-align: right;
padding: 10px;
font-size: 14px;
line-height: 2.5;
text-decoration:none;
padding-right:5px;
transition:0.3s;
}


.section-detail-rendez-vous .section-select-formation .ul-choose-formation .li-choose-formation .span-choose-formation .btn-savoir-plus:hover{
  position: absolute;
display: inline-block;
top: 0;
right: 0;
bottom: 0;
color: white;
z-index: 99999;
text-align: right;
padding: 10px;
font-size: 14px;
line-height: 2.5;
text-decoration:underline;
padding-right:5px;
transition:0.3s;
}

/*.section-detail-rendez-vous .section-select-formation .ul-choose-formation .li-choose-formation .span-choose-formation:hover{
 font-weight: bold;
 transition:0.3s;
   padding: 10px;
}
*/
 .section-form-detail .grids-form{
 display: block;
width: 100%;
position: relative;
min-height: 80px;
}


.section-form-detail .title-section-form-detail{
    font-size: 20px;
font-variant: all-petite-caps;
font-family: eceb-regular;
color: #424242;
text-align: left;
display: block;
padding: 5px 0;
    padding-left: 0px;
margin-bottom: 0;
padding-left: 20px;
}

.section-form-detail .grids-form .succes-span {
    display: block;
    margin: auto;
        margin-top: auto;
        margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-bottom: 15px;
    box-shadow: none;
    width: 100%;
    color: #fff;
    text-shadow: none;
    background: #81aa7c;
    padding: 30px 20px;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    border-radius: 50px;
}



.section-form-detail .grids-form .succes-span i, .incorrect-span i {
    color: white !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 15px !important;
}

.section-form-detail .grids-form .incorrect-span {
    display: block;
    margin: auto;
        margin-top: auto;
        margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-bottom: 15px;
    box-shadow: none;
    width: 100%;
    color: #fff;
    text-shadow: none;
    background: #f56060;
    padding: 30px 20px;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    border-radius: 50px;
}

.section-form-detail .grids-form i {
    position: absolute;
    top: 15px;
    font-size: 25px;
    color: #3e3e3e;
    z-index: 99;
    left: 25px;
}

.section-form-detail .grids-form input[type="text"] {
    width: 100%;
    padding: 15px 20px 15px 60px;
    background: #f7f7f7;
    color: #3e3e3e;
    font-family: "eceb-regular";
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    font-size: 17px;
    transition: 0.3s;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    position: absolute;
    border-radius: 50px 50px 50px 50px;
    border-radius:0;
    float: none;
    margin: auto;
    left: 0;
    z-index: 10;
    top: 0;
}

.section-form-detail .grids-form input[type="text"]::before {
      position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    background: transparent;
    right: 0;
    left: 0;
    float: none;
    margin: auto;
    opacity:1;
    box-shadow: 0px 0px 0px 10px #e70d32; 
    transition:0.3s;
    z-index:9999;
}

.section-form-detail .grids-form .required-slide {
    display: block;
    background: #e70d32;
    float: none;
    margin: auto;
    color: #d74a4a;
    text-align: left;
    font-size: 16px;
    transition: 0.3s;
    position: absolute;
    opacity: 1;
    left: 0;
    width: 100%;
    font-family: "eceb-regular";
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    z-index: 3;
    border-radius: 0 0 50px 50px;
    border-radius:0;
    top: 30px;
    padding: 4px 55px;
    animation-duration: 1.5s;
}


.section-form-detail .grids-form .required-i {
    color: #ffb8b8 !important;
}

.section-form-detail .grids-form .required-input {
    color: #d74a4a !important;
    background: #fff5f5 !important;
}

.section-form-detail .grids-form .required-span {
    background: #d74a4a !important;
    color: #fff5f5 !important;
    padding: 30px 55px 10px 55px !important;
    animation-duration: 1.5s !important;
}

.section-form-detail .grids-form textarea {
    width: 100%;
    padding: 15px 20px 15px 60px;
    background: #f7f7f7;
    color: #3e3e3e;
    font-family: "eceb-regular";
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    font-size: 17px;
    transition: 0.3s;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    position: absolute;
    border-radius: 50px 50px 50px 50px;
    border-radius:0;
    float: none;
    margin: auto;
    left: 0;
    z-index: 10;
    top: 0;
    height: 160px;
    max-height: 160px;
    min-height: 160px;
    max-width: 100%;
    min-width: 100%;
}

.section-form-detail .grids-form .placeolderDescription{
position: absolute;
left: 60px;
top: 15px;
z-index: 99;
font-variant: all-petite-caps;
color: #424242;
font-size: 17px;
font-weight: bold;
opacity: 0.6;
display: block;
}
 

.section-form-detail .grids-form .btn-save {
    font-size: 20px;
    font-family: "eceb-regular";
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    transition: 0.3s;
    text-decoration: none;
    cursor: pointer;
    background:  #e70d32;
    color: white;
    padding: 20px;
    display: block;
    border-radius: 50pc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.section-form-detail .grids-form .btn-save i {
    font-size: 20px;
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
    color: white;
}

.section-form-detail .grids-form .btn-spin {
    font-size: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    transition: 0.3s;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    color: white;
    padding: 20px;
    display: block;
    border-radius: 24px;
    z-index: 4;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 70px;
    opacity: 0.8;
    cursor: progress;
    cursor: wait;
}

.section-form-detail .grids-form .btn-spin i {
    display: block;
    margin: auto;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    color: #242424;
    font-size: 24px;
    -webkit-animation: spin 0.7s linear infinite;
    -moz-animation: spin 0.7s linear infinite;
    animation: spin 0.7s linear infinite;
    text-align: center;
}

/* PAGE RENDEZ-VOUS */

/* PAGE FORMATIONS */



/* PAGE FORMATIONS */

/* PAGE EVENEMENTS */
.time-galerie-events{
    display: block;
position: absolute;
margin: auto;
text-align: right;
color: #8a8a8a;
font-variant: all-petite-caps;
font-size: 11px;
line-height: 1.2;
font-weight: bold;
margin: auto;
padding: 0; 
right:16px;
top:0;
}
.title-galerie-events{
    display: block;
position: relative;
margin: auto;
margin: auto; 
text-align: left;
color: #e70d32;
font-variant: all-petite-caps;
font-weight: bold;
font-size: 20px;
margin-top: 0;
}
.descr-galerie-events{
    display: block;
position: relative;
margin: auto;
text-align: left;
color: #484848;
font-variant: all-petite-caps;
font-size: 15px;
line-height: 1.2;
}

.ul-galerie-events{
    display: block;
position: relative;
line-height: normal;
padding: 0;
margin-top:20px;
}
.li-galerie-events{
    list-style: none;
position: relative;
display: inline-block;
}

.ico-galerie-events{
    position: relative;
width: 140px;
height: 120px;
display: block;
/*background: red;*/ 
  background-size: cover !important;
    background-color: transparent !important;
background-repeat: no-repeat !important;
background: url(../files/wallpaper-esthetique.jpg);
}

.ico-galerie-events::before {
    position: absolute;
    content: '';
    top: 10px;
    bottom: 10px;
    background: transparent;
    right: 10px;
    left: 10px;
    float: none;
    margin: auto;
    opacity:1;
    box-shadow: 0px 0px 0px 10px transparent; ;
    transition:0.3s; 
    cursor:pointer;
}

.ico-galerie-events:hover:before {
    position: absolute;
    content: '';
    top: 10px;
    bottom: 10px;
    background: transparent;
    right: 10px;
    left: 10px;
    float: none;
    margin: auto;
    opacity:1;
    box-shadow: 0px 0px 0px 10px #e70d32; ;
    transition:0.3s; 
    cursor:pointer;
}


 

/* PAGE EVENEMENTS */


/* PAGE CONTACT */

.content-contact{
display: block;
width: 100%;
background: black;
padding: 30px 0 30px 0px;
box-shadow: 0px -16px 0 0px wheat;
}


.content-contact .section-maps-contact{

}

.section-form-contact{
  background: black;
position: relative;
display: block;
padding: 20px 15px;
}

.section-maps-contact iframe{
border: 0;
height: 600px;
}

.content-contact .title-section-contact{
text-align: left;
display: block;
font-size: 20px;
font-weight: initial;
color: wheat;
font-family: eceb-title;
font-variant: all-small-caps;
}

.content-contact .section-form-commandes{
display: block;
position: relative;
margin: auto;
background: white;
padding: 0 15px;
}

.content-contact .section-form-contact .grids-form{
 display: block;
width: 100%;
position: relative;
min-height: 80px;
}

.section-form-contact .grids-form .succes-span {
 display: block;
margin: auto;
  margin-top: auto;
  margin-bottom: auto;
margin-top: auto;
margin-bottom: 15px;
box-shadow: none;
width: 100%;
color: black;
text-shadow: none;
background: wheat;
padding: 30px 20px;
font-size: 16px;
text-align: left;
font-weight: normal;
font-style: normal;
border-radius: 0;
font-family: eceb-Bold;
font-variant: all-small-caps;
}

.section-form-contact .grids-form .succes-span i{
 color: black !important;
position: relative !important;
left: 0 !important;
top: 0 !important;
font-size: 15px !important;
}



.section-form-contact .grids-form .succes-span i, .incorrect-span i {
    color: white !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 15px !important;
}

.section-form-contact .grids-form .incorrect-span {
    display: block;
    margin: auto;
        margin-top: auto;
        margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-bottom: 15px;
    box-shadow: none;
    width: 100%;
    color: #fff;
    text-shadow: none;
    background: #f56060;
    padding: 30px 20px;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    border-radius: 50px;
}

.section-form-contact .grids-form i {
  position: absolute;
top: 15px;
font-size: 25px;
color: wheat;
z-index: 99;
left: 25px;
}



.section-form-contact .grids-form input[type="text"] {
    width: 100%;
    padding: 15px 20px 15px 60px;
    background: black;
    color: white;
    font-family: "eceb-regular";
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    font-size: 17px;
    transition: 0.3s;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    position: absolute;
    border-radius: 50px 50px 50px 50px;
    border-radius:0;
    float: none;
    margin: auto;
    left: 0;
    z-index: 10;
    top: 0;
}

.section-form-contact .grids-form .required-slide {
    display: block;
    background: wheat;
    float: none;
    margin: auto;
    color: black;
    text-align: left;
    font-size: 16px;
    transition: 0.3s;
    position: absolute;
    opacity: 1;
    left: 0;
    width: 100%;
    font-family: "eceb-regular";
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    z-index: 3;
    border-radius: 0 0 50px 50px;
    border-radius:0;
    top: 30px;
    padding: 4px 55px;
    animation-duration: 1.5s;
}


.section-form-contact .grids-form .required-i {
    color: #ffb8b8 !important;
}

.section-form-contact .grids-form .required-input {
    color: #d74a4a !important;
    background: #fff5f5 !important;
}

.section-form-contact .grids-form .required-span {
    background: #d74a4a !important;
    color: #fff5f5 !important;
    padding: 30px 55px 10px 55px !important;
    animation-duration: 1.5s !important;
}

.section-form-contact .grids-form textarea {
    width: 100%;
    padding: 15px 20px 15px 60px;
    background: black;
    color: white;
    font-family: "eceb-regular";
    font-weight: bold;
    font-variant: normal;
    font-stretch: extra-condensed;
    font-size: 17px;
    transition: 0.3s;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    position: absolute;
    border-radius: 50px 50px 50px 50px;
    border-radius:0;
    float: none;
    margin: auto;
    left: 0;
    z-index: 10;
    top: 0;
    height: 160px;
    max-height: 160px;
    min-height: 160px;
    max-width: 100%;
    min-width: 100%;
}

.section-form-contact .grids-form .placeolderDescription{
position: absolute;
left: 60px;
top: 15px;
z-index: 99;
font-variant: all-petite-caps;
color: white;
font-size: 17px;
font-weight: bold;
opacity: 0.6;
display: block;
}
 

.section-form-contact .grids-form .btn-save {
 font-size: 20px;
font-family: "eceb-bold";
font-weight: bold;
font-variant: all-small-caps;
font-stretch: extra-condensed;
transition: 0.3s;
text-decoration: none;
cursor: pointer;
background: wheat;
color: black;
padding: 20px;
display: block;
border-radius: 50pc;
border-radius: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
}

.section-form-contact .grids-form .btn-save :hover{
    font-size: 20px;
    font-family: "eceb-bold";
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    transition: 0.3s;
    text-decoration: none;
    cursor: pointer;
    background:  wheat;
    color: black;
    padding: 20px;
    display: block;
    border-radius: 50pc;
    border-radius:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.section-form-contact .grids-form .btn-save i {
 font-size: 20px;
text-align: center;
position: relative;
left: 0;
top: 0;
color: black;
}

.section-form-contact .grids-form .btn-spin {
font-size: 20px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: bold;
font-variant: all-small-caps;
font-stretch: extra-condensed;
transition: 0.3s;
text-decoration: none;
background: black;
color: white;
padding: 20px;
display: block;
z-index: 4;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 70px;
opacity: 0.9;
cursor: wait;
border-radius: 0;
}

.section-form-contact .grids-form .btn-spin i {
display: block;
margin: auto;
width: 100%;
position: relative;
left: 0;
top: 0;
color: wheat;
font-size: 30px;
-webkit-animation: spin 0.7s linear infinite;
-moz-animation: spin 0.7s linear infinite;
animation: spin 0.7s linear infinite;
text-align: center;
opacity: 1;
}










.content-section-categorie{

    width: 100%;
    height: 500px;
    background: whitesmoke;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    background-position: center center;
    margin: auto; 
    transition:0.3s;
    overflow: hidden;
}

.content-section-categorie::before{
    content:'';
    width: 100%;
    height: 10px;
    background: whitesmoke; 
    position: absolute; 
    display: block;
    margin: auto;
    left:0;
    right:0;
    bottom:0;
    transition:0.3s;
    overflow: hidden;
}
.content-section-categorie::after{
    content:'';
    width: 1%;
    height: 10px;
    background: #e70d32;; 
    position: absolute; 
    display: block;
    margin: none;
    left:0;
    right:0;
    bottom:0;
    float:left;
    transition:0.3s;
    overflow: hidden;
}

.content-section-categorie .section-infos {
position: absolute;
width: 40%;
background: transparent;
height: 500px;
opacity: 1;
left: 0;
top: 0;
z-index: 1;
}

.content-section-categorie .section-infos .bg-shadow{
    position: absolute;
    width: 100%;
    background: black;
    height: 500px;
    opacity: 0.5; 
    top: 0;
    z-index: 1;
   

}

.content-section-categorie .bg-move-left{
    animation-name:move_bannier;
animation-duration:2s; 
}

.content-section-categorie .content-move-left {
    animation-name:move_bannier;
animation-duration:3s;
}

.content-section-categorie .bg-move-right{
    animation-name:move_bg_right;
animation-duration:2s;
left:auto;
right:0;
}

.content-section-categorie .content-move-right {
    animation-name:move_action_right;
animation-duration:3s;
left:auto;
right:0;
}

.content-section-categorie .section-infos .title-info-image{
position: absolute;
font-size: 30px;
font-family: eceb-title;
font-variant: all-petite-caps;
color: white;
width: 100%;
background: transparent;
height: auto;
opacity: 1;
top: 0;
padding: 40px 20px 20px 20px;
z-index: 2;
text-align: left;  
}

.content-section-categorie .section-infos .grid-action-image{
    position: absolute;
width: 100%;
background: transparent;
height: auto;
opacity: 1;
bottom: 0;
padding: 0;
z-index: 3;
text-align: center; 
}

.content-section-categorie .section-infos .btn-savoir-plus{
position: relative;
font-size: 20px;
font-family: eceb-Light;
font-variant: initial;
color: white;
background: #e70d32;
height: auto;
opacity: 1;
left: 0;
bottom: 40px;
padding: 40px 20px 20px 20px;
z-index: 2;
text-align: left;
cursor: pointer;
display: block;
margin: 0;
top: 0; 
}

.content-section-categorie .section-infos .more-info-image{
position: relative;
font-size: 14px;
font-family: eceb-regular;
font-variant: all-petite-caps;
color: white;
background: transparent;
height: auto;
opacity: 1;
left: 0;
bottom: 0;
padding: 20px;
z-index: 2;
display: block;
width: 100%;
margin: 0;
top: 0;
text-align: left;
cursor:pointer;
}








 

/*MOBILE RESPONSIVE*/
@media screen and (max-width:767px){

.content-posting{
    padding:20px 0;
}

.section-follow-us-all .content-nos-diplome ul li {
  list-style: none;
  display: block;
  text-align: left;
  text-align: center;
}

 .section-flach-ecole .content-flach-ecole span{
  position:relative;
  display: inline-block;
  font-size:28px;
  font-family:eceb-bold;
  font-variant: all-petite-caps;
  color:black;
  width: 100%;
position: absolute;
display: ruby;
text-align: center;
margin: auto;
left: 0;
right: 0;
align-items: center;
transform: translateX(-100%);
animation: flache_mobile 15s linear infinite; 

}
 


.content-section-bannier .grid-bannier {
  position: relative;
  background: white;
  padding: 0;
  list-style: none;
  box-shadow: 0px 0px 0px 10px #FFF9F7;
  height: 460px;
  width: 100%;
}

.content-section-bannier .grid-bannier li .imgBX {
  position: relative;
  display: block;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 43% !important;
  height: 100%;
  transition: 0.3s;
}


.content-section-bannier .grid-bannier .controlsBX {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
}

.content-section-bannier .grid-bannier .controlsBX .btn-controlXB {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #025aa2;
  cursor: pointer;
}

.content-section-bannier .grid-bannier .controlsBX .btn-controlXB::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
}



 .content-follow-us {
  position: relative;
  margin: 0;
  width: 100%;
}

.section-follow-us-all .content-nos-diplome {
  position: relative;
  margin: 0;
  width: 100%;
  background: black;
  padding-bottom: 40px;
}



.section-find-us .content-maps {
  position: relative;
  display: block;
  height: 200px;
  width: 100%;
  padding: 0;
  float: left;
}


.section-introductions-ecole .grids-formations-introductions .grid-formation-intro {
  position: relative;
  margin-top: 40px !important;
}


.section-find-us .content-infos-maps {
  position: relative;
  padding: 0;
    padding-left: 0px;
  padding-left: 0px;
  width: 100%;
  float: left;
  padding-left: 15px;
  height: 250px;
  background: black;
  text-align: center;
}

.section-find-us .content-infos-maps .text-find-us {
position: relative;
display: block;
width: 100%;
float: none;
text-align: left;
color: white;
font-size: 22px;
font-family: eceb-bold;
text-align: left;
margin-bottom: 20px;
font-variant: all-petite-caps;
line-height: 1.3;
padding-top: 15px;
text-align: center;
}

.section-partenaires .grids-partenaires {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  float: none;
  margin: auto;
    margin-top: auto;
  margin-top: 20px;
  text-align: center;
}

.section-partenaires .grids-partenaires li {
  display: block;
  float: left;
  margin-right: 15px;
  margin: auto;
    margin-bottom: auto;
  float: none;
  margin-bottom: 20px;
}







.section-nos-formations .ul-nos-formation-view li {
  position: relative;
  width: 100%;
  height: auto;
  list-style: none;
  display: block;
  background: transparent;
  text-align: center;
  border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  margin: auto;
  padding: 20px 0;
  cursor: pointer; 
  height: 630px;
}

.section-nos-formations .ul-nos-formation-view li .container-nos-formation-view {
  position: relative;
  display: block;
  height: 600px;
}

.section-nos-formations .content-formation-view {
  position: relative;
  display: block;
  background-size: cover !important;
  background-color: transparent !important;
  background-repeat: repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 300px;
  display: block;
  margin: auto;
  transition: 0.3s;
  cursor: pointer;
}

.section-nos-formations .content-formation-view::before {
  position: absolute;
  content: '';
  top: 20px;
  bottom: 20px;
  background: transparent;
  right: 20px;
  left: 20px;
  float: none;
  margin: auto;
  opacity: 1;
  transition: 0.3s;
  box-shadow: 0px 0px 0px 10px #e70d32;
}

.extension-formation-view {
  position: relative;
  display: block;
  text-align: center;
  margin: auto;
    margin-top: auto;
  height: 300px;
  border: 0;
  font-size: 20px;
  font-variant: all-petite-caps;
  transition: 0.3s;
  overflow: scroll;
  padding: 15px;
  margin-top: 0;
  background: #e70d32;
  color: white;
  box-shadow: none;
}

 

.section-nos-formations .container-nos-formation-view:hover .extension-formation-view{
position: relative;
display: block;
text-align: center;
margin-top: 0;
height: 300px;
padding: 20px;
box-shadow: none;
background: #fff;
border: 0;
border-radius: 0;
font-size: 20px;
font-variant: all-petite-caps;
color: white;
overflow: scroll;
padding: 15px;
transition:0.3s;
 background: #e70d32;

}



































.title-categories-items span {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #e70d32;
    font-size: 20px;
    font-variant: all-petite-caps;
    font-weight: bold;
    text-decoration-style: dotted;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom-style: dotted;
    border-bottom-width: 10px;
    border-bottom-color: #424242;
    margin: auto;
}

.directory-up-produits{
    margin-bottom:20px;
}

.details-items-produits{
    padding: 20px 0 !important;
}

.details-items-produits .section-infos-products {
    padding: 10px;
    border:none;
}


.notif-succees-panier {
    font-size: 12px;
    font-variant: all-petite-caps;
    background: transparent;
    padding: 10px;
    position: absolute;
    left: 0;
    top: -30px;
    margin: 0;
}


.content-table-commandes .section-tables-commandes .ul-values-table li .input-quantite {
    min-width: 60px;
    padding: 10px 10px;
    background: #ffe5e5;
    color: #3e3e3e;
    font-family: "eceb-regular";
    font-weight: bold;
    font-variant: all-small-caps;
    font-stretch: extra-condensed;
    font-size: 17px;
    transition: 0.3s;
    border: none;
    position: relative;
    border-radius: 50px 50px 50px 50px;
    float: none;
    margin: auto;
    left: 0;
    z-index: 10;
    top: 0;
    max-width: 60px;
}


.content-contact .title-section-contact {
  text-align: left;
  display: block;
  font-size: 30px;
  font-weight: initial;
  color: wheat;
  font-family: eceb-title;
  font-variant: all-small-caps;
  margin-top: 20px;
  text-align: center;
}


.section-maps-contact iframe{
border: 0;
height: 300px;
}

.section-badge-confiance .grid-badge{
position:relative;
margin-bottom:40px;
}

.content-section-categorie .section-infos {
    position: absolute;
    width: 100%;
    background: transparent;
    height: auto;
    opacity: 1;
    left: 0;
    bottom: 0;
    z-index: 1;
    top: auto;
}
.content-section-categorie .section-infos .bg-shadow {
    position: absolute;
    width: 100%;
    background: black;
    height: auto;
    opacity: 0.5;
    /*left: 0;*/
    bottom: 0;
    z-index: 1; 
}
.content-section-categorie .section-infos .title-info-image {
    position: relative;
    font-size: 30px;
    font-family: eceb-title;
    font-variant: all-petite-caps;
    color: white;
    width: 100%;
    background: transparent;
    height: auto;
    opacity: 1;
    left: 0;
    top: 0;
    padding: 20px;
    z-index: 2;
    text-align: left;
    display: block;
}
.content-section-categorie .section-infos .grid-action-image {
    position: relative;
    width: 100%;
    background: transparent;
    height: auto;
    opacity: 1;
    left: 0;
    bottom: 0;
    padding: 0;
    z-index: 3;
    text-align: center;

}

.bg-image {
    width: 100%;
    height: 300px;
    background: white;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    background-repeat: no-repeat;
    display: block;
    background-position: center center;
    margin: auto;
    background-image: url(./public/files/vehicule.png);
    background-size: contain;
    position: relative;
    background-size: contain;
    position: relative;
}

 



}

@keyframes loading_waiting{
  from{ transform: scale(1); opacity: 1; }  
  50%{  transform: scale(0.8); opacity: 0; }
  to{ transform: scale(1); opacity: 1; }  
  
} 

 @keyframes move_bannier{
  from{ opacity:0;left: -100%;  }  
  to{  opacity:0.5;left: 0; }
}


@keyframes move_bg_left{
  from{ opacity:0;left: 20%;  }  
  to{  opacity:0.5;left: 0; }
}
@keyframes move_action_left{
  from{ opacity:0;left: 40%;  }  
  to{  opacity:1;left: 0; }
}


@keyframes move_bg_right{
  from{ opacity:0;right: 20%;  }  
  to{  opacity:0.5;right: 0; }
}
@keyframes move_action_right{
  from{ opacity:0;right: 40%;  }  
  to{  opacity:1;right: 0; }
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


@keyframes flache{
  from{ transform: translateX(100%);  }  
  to{  transform: translateX(-145%); }
}

@keyframes flache_mobile{
  from{ transform: translateX(100%);  }  
  to{  transform: translateX(-375%); }
}