@font-face{
	font-family:Quicksand-Regular;
	src: url('../fonts/Quicksand-Regular.ttf');
}
@font-face{
	font-family: gotham-xlight;
	src: url('../fonts/Quicksand-Bold.ttf');
}
@font-face{
	font-family: Quicksand-Light;
	src: url('../fonts/Quicksand-Light.ttf');
}
@font-face{
	font-family: Quicksand-SemiBold;
	src: url('../fonts/Quicksand-SemiBold.ttf');
}
@font-face{
	font-family: Quicksand-Medium;
	src: url('../fonts/Quicksand-Medium.ttf');
}
@font-face{
	font-family: stentiga;
	src: url('../fonts/stentiga.otf');
}

:root{

	--ble:#17314F;
	--text:#D64625;
	--btn:#F5A362;

}

body{position: relative;background-image: url('../img/bg.png');  background-size: contain; background-repeat: no-repeat;    background-position-y: 37px; }
.container-80{width: 80%;margin: auto;}

a:hover{color: #F5A362 !important; text-decoration: none !important;}


.header .container-80{width: 90%;margin: unset;margin-left: auto !important;padding-right: 0px;    z-index: 999;}
.header{position: relative;background-image: url('../img/bg-header.png');  background-size: cover; background-repeat: no-repeat;    padding: 40px 0px 0px;margin-top: 21px;}
.header:after{content: "";position:absolute;right: 0;top:-21px;background-image: url('../img/img-hder.png'); height:769px; width:789px;    background-size: contain; background-repeat: no-repeat;z-index:13 }
.header:before{content: "";position:absolute;left: 0;top:-21px;background-image: url('../img/after-hdr.png'); height:200px; width:200px;    background-size: contain; background-repeat: no-repeat;z-index:9 }


.navbar-nav{    align-items: flex-end;}
.navbar-nav li {margin:0px 10px }
.navbar-nav li a{ color:var(--ble) !important; font-family:Quicksand-Regular;    font-size: 16px; }
.navbar-nav li i{ color: #EC5F66}
.navbar{    justify-content: space-between !important;}
.navbar-collapse{    flex-grow: unset !important; width: fit-content;}
.btn-inscrir{position: relative ;z-index: 999;color:var(--ble);z-index: 9999;background-color: var(--btn);border-radius: 50px 0px 0px 50px;height: 50px ; width: 200px ;display: flex; padding-left: 12px; justify-content: flex-start; align-items: center;bottom: 0px;top :0px;margin: auto;}
.btn-inscrir .nav-link{display: flex;align-items: center;}
.header  a:hover{color:var(--ble) !important;}
.btn-inscrir i{color: white; font-size: 20px;color: var(--btn)!important;  font-size: 30px;  border-radius: 50%; background-color: white;  width: 35px; margin-right: 20px;height: 35px;justify-content: center; display: inline-flex; align-items: center;  }


.content-header{padding-top: 60px}
.content-header h1{font-family: Quicksand-Light;font-size: 50px}
.content-header h1 span{font-family: Quicksand-SemiBold;color: #75B999;}
.content-header h2{font-family: Quicksand-Regular;font-size: 30px}
.content-header h2 span{font-family: Quicksand-SemiBold;color: #75B999}
.content-header h2 span:last-child{font-family: Quicksand-SemiBold;color: #D64625 !important;}
.btn-formul{color: white;font-family: Quicksand-Light; height: 40px; width: 200px;background-color:var(--btn);    padding-left: 37px; border-radius: 10px;display: flex;  justify-content: space-around; align-items: center;    margin: 20px 0px;}
.btn-formul i{color: white !important;     margin-right: -6px;font-size: 19px;  border-radius: 50%; background-color: #FBCEAA;  width: 25px; height: 25px;justify-content: center; display: inline-flex; align-items: center;  }
.content-header .sper {margin: 40px 10px 0px}
.sper {margin: 40px 10px }
.sper i{font-size: 30px ;margin: 0px 5px ;color:#FBC633; }
.sper i:first-child{color: #75B999}
.sper i:last-child{color: var(--btn);}





.pedag{position: relative;background-image: url('../img/bg-header.png');  background-size: cover; background-repeat: no-repeat;    padding: 130px 0px 70px;margin-top: 0px;}
.pedag:after{content: ""; position: absolute; left: -28px;top: 12%; height: 100%; width: 15%; background-image: url(../img/bg-after-cycrl.png); background-size: cover; background-repeat: no-repeat; margin: auto;}




.service h1, .pedag h1{font-family:Quicksand-Regular;font-size: 17px; color: var(--ble);padding-bottom: 80px    z-index: 999999; position: relative;}
.footer h1 i, .service h1 i, .pedag h1 i{font-size: 10px; margin: 0px 20px;}
.service h1 span, .pedag h1 span{color: #75B999; }
.pedag-content{position: relative;z-index: 9999}
.pedag-content h3{font-family:Quicksand-SemiBold;font-size:39px; color:#75B999; }

.pedag-content p{width: 85%; text-align: justify; line-height: 1.5; font-size: 17px;color: var(--ble);}
.pedag .sper{margin-left: 0px }
.pedag .sper i{font-size: 20px}

.pedag-content ul{ list-style: none;font-family:Quicksand-Medium;color:var(--ble); }
.pedag-content ul i{    font-size: 14px;margin-right: 10px}

.btn-cycles{width: 300px ; height: 73px;  font-size: 40px; font-family:Quicksand-Light;text-align:center; color: white  !important;border-radius: 5px;margin-top: 20px}

.cycles{display: flex; flex-direction: column; align-items: center;position: relative;z-index:999; }
.cycles h3{font-family:Quicksand-SemiBold;font-size:39px; color:var(--ble); text-align: center;}

.cyrcle{position: relative;}
.cyrcle:before{content: ""; position: absolute; left: 0; right: 0; top: -89px; height: 70%; width: 77%; background-color: white; border-radius: 50%; margin: auto; z-index: 11; opacity: 0.8;}

.pedag-serv{position: relative;background-image: url('../img/bg-header.png');  background-size: cover; background-repeat: no-repeat;    padding: 70px 0px 70px;margin-top: 0px;}
.pedag-serv:after{content: ""; position: absolute; left: -28px;top: 12%; height: 86%; width: 23%; background-image: url(../img/bg-bf-serv.png); background-size: cover; background-repeat: no-repeat; margin: auto;}
.pedag-serv:before{content: ""; position: absolute; left: 0;bottom: 0; height: 90%; width: 100%; background-color:white; border-radius: 100% 100% 0 0 ; margin: auto;z-index: 8; opacity: 0.8;}
.pedag-serv-ftr{position: relative;}
.pedag-serv-ftr:before{content: ""; position: absolute; left: 0;bottom: 0; height: 90%; width: 100%; background-color:white; border-radius: 100% 100% 0 0 ; margin: auto;z-index: 8; opacity: 0.8;}

.service{position: relative;   padding: 70px 0px 70px;margin-top: 0px;}
.service:after{content: ""; position: absolute; right: 0;bottom: 0; height: 415px; width: 396px; background-image: url(../img/bg-bf-pedag.png); background-size: cover; background-repeat: no-repeat; margin: auto;    z-index: 8;}

.img-serv{width: 200px; height: 200px ; border-radius: 50%;background: var(--btn);text-align: center;z-index: 9999}
.img-bottom{align-items: flex-end;justify-content: center;display: flex;}
.img-serv img{width: 190px; height: 190px ; border-radius: 50%;}
.mar-top{margin-top: 50px}





.horair h4{color: #D64625; font-size: 30px;font-family:stentiga;margin-bottom:20px }
.vac h3, .horair h3{color: #D64625; font-size: 30px;font-family:Quicksand-SemiBold;color:var(--ble); }
.horair h3 span{color:#F5A362 }
.info{position: relative;z-index: 9999;padding-top: 100px}
.info:before{content: ""; position: absolute; right: 0;  top: 22%; height: 312px; width: 184px; background-image: url(../img/flesh2.png); background-size: cover; background-repeat: no-repeat; margin: auto;}
.info .sper{    margin: 9px 0px;}
.info .sper i{ font-size: 15px;}
.wek{    display: flex;}
.wek  h5{position: relative;}
.wek  div:first-child{padding-right: 20px}
.wek  div:last-child{padding-left: 20px}
.wek  div:first-child{position: relative;}
.wek  div:first-child:before{position: absolute;content: ""; right: 0px ; width: 2px; height: 60% ;background-color: var(--ble);top: 0;bottom: 0;margin: auto;}
.wek  h5{color: var(--ble);font-family:Quicksand-Regular;font-size:17px;    margin-bottom: 0px; }
.wek  h4{color: var(--ble);font-family:Quicksand-SemiBold;font-size:20px ;    margin-bottom: 6px;}
.vac p{ font-size:22px; font-family:Quicksand-Regular; }
.vac p span{font-family:Quicksand-SemiBold}
.img-separ{height: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: center;}
.img-separ img{width: 50%}
.img-stylo{height: 76%; display: flex; flex-direction: column;     justify-content: flex-end; align-items: center;}
.img-stylo img{width: 30%}

.esp{margin-bottom: 30px}
.esp h4{color: #75B999; font-size: 25px;font-family:stentiga;margin-bottom:20px }
.expl h4{color: #F5A261; font-size: 25px;font-family:stentiga;margin-bottom:20px }
.esp p{ font-size:18px; font-family:Quicksand-Regular; color: var(--ble);}
.expl ul{ list-style: none;font-family:Quicksand-Medium;color:var(--ble);padding:0px !important }
.expl ul li {padding: 0px 5px}
.expl ul i {margin-right: 5px}


.ftr{position:relative;}
.ftr:after{content: ""; position: absolute; right: 0;  top: 0; z-index: -1; height: 100%; width: 100%; background-color:white; margin: auto;}
.footer{margin-top: -165px;position: relative;background-image: url('../img/bg-footer.png');  background-size: cover; background-repeat: no-repeat;    padding: 70px 0px 70px;}
.footer:after{content: ""; position: absolute; right: 0;  top: 22%; z-index: -1; height: 349px; width: 316px; background-image: url(../img/bg-after-footer.png); background-size: cover; background-repeat: no-repeat; margin: auto;}
.footer:before{content: ""; position: absolute; right: 0;  top: -22px; z-index: -1; height: 269px; width: 184px; background-image: url(../img/bg-info-after.png); background-size: cover; background-repeat: no-repeat; margin: auto;}

.footer h1{font-family:Quicksand-Regular;font-size: 17px; color: white;margin: 200px 0px 150px ;position: relative;}
.ftr-h1{position: relative;}
.ftr-h1:before{content: ""; position: absolute; right: 22px;  top: -22px;height: 94px; width: 108px; background-image: url(../img/logo/logo.png); background-size: cover; background-repeat: no-repeat; margin: auto;}

.footer h1 span{color: #F5A362}
.btn-frm{width: 250px;height: 50px;color: white;font-family:Quicksand-Regular;background-color:#F5A362;display: flex; align-items: center; justify-content: center; border-radius: 10px;font-size: 20px;margin-bottom: 40px} 
.contact input{ border-radius:0px ; height:50px; font-family:Quicksand-Regular;padding-right: 20px;    margin-bottom: 8px;width:100%;}
.contact label, .contact .mauticform-row span {color:white; font-size:14px;font-family:Quicksand-Light;}
.footer .btn-footer{font-family:Quicksand-Regular;color: white;border-radius: 0px;background: #75B999;    padding: 6px 20px;margin-top: 20px}
.s-logo{height: 77%;display: flex; align-items: flex-end;justify-content: flex-end;}
.souslogo{width: 67%}




.footer-bottom h1{font-family:Quicksand-Regular;font-size: 17px; color: white;margin: 200px 0px 150px ;text-align: left;}
.footer-bottom h1 span{color: white;}
.footer-bottom h1 i{font-size: 10px; margin: 0px 20px;color: white;}
.footer-bottom h2{font-family:  Quicksand-Medium;font-size: 30px;color: #D64625;margin-bottom: 40px}
.footer-bottom a, .footer-bottom p {color: white;font-family:Quicksand-Regular;font-size: 16px;text-decoration:none; }
.adresse-footer  i,.info-footer i{margin-bottom: 15px !important;background-color: #F5A362;width: 30px ; height: 30px ;border-radius: 50%; color: white;display: inline-flex; align-items: center; justify-content: center; margin: auto;     margin-right: 12px;}
.maps{margin: 30px 0px }
.recrut{display: flex;width: fit-content;margin-bottom: 20px}
.disp{text-align: left;}
.disp h4{margin-bottom: 3px; color: white;font-family:  Quicksand-Medium;font-size: 20px;}

.merci { height: 70px; width: 80%; background-color: #F5A262; display: flex; align-items: center; justify-content: center; color: white; margin: 298px 0px;     padding: 10px;}


footer{position: relative;z-index:99;}
footer:before{content: ""; position: absolute; right: 0;  bottom: 0; z-index: -1; height: 100px; width: 150px; background-image: url(../img/bg-b-ftr.png); background-size: cover; background-repeat: no-repeat; margin: auto;}


.fixed{display: flex; border-radius: 0px 20px 20px 0px; font-size: 29px; color: white; width: 40px; height: 101px; background-color: #D64625; position: fixed; left: 0; top: 40%; justify-content: center; align-items: center;    flex-direction: column;z-index: 9999}
.fixed a{color: white;}

@media screen and (max-width: 1880px) {



	
}

@media screen and (max-width: 1690px) {
	.avis, .pack {width: 100%}
}

@media screen and (max-width: 1590px) {



	.presta-content h1 {font-size: 52px;}


}

@media screen and (max-width: 1440px) {

	.navbar-nav li {margin: 0px 3px;font-size: 16px;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0px; padding-left: 0px; }
	.text{padding-bottom: 0px}
	.text:before{width: 29%; height: 18%}
	.presta-content {margin-top: -28px;}
	.presta {padding: 0px 0px 60px;}

	.sec-packs{padding: 50px 0px;}
	.sec-packs:after {height: 443px; width: 352px;}
	.sec-avis .container-80, .sec-packs .container-80{width: 92%}
	.ftr-h1:before { top: -117px; }
	
	.product img { width: 164px;}
	.btn-prod { width: 164px;}


	
	}



@media screen and (max-width: 1302px) {

	.navbar { width: 98%;}
	.slid-content { margin: 100px 0px;}
	.img-slid {left: 0px;bottom: 0}
    .ftr-h1:before {display:none; }


}
@media screen and (max-width: 1030px) {
.header:before { height: 100px; width: 100px;}
}

@media screen and (max-width: 1024px) {


	.navbar{width: 100%;padding-top: 10px}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0px; padding-left: 0px; }
	.navbar-nav li {margin: 0px 3px;font-size: 14px;}
		.header{padding-top:0px;}
	.header:after {height: 482px; width: 558px;}
	.content-header { padding-top: 8px; }
	.content-header h1 {font-size: 37px}
	.content-header h2 {font-size: 25px}

	.pedag {    padding: 60px 0px 70px;}
    .pedag h1{position:relative;z-index:99;}
    .cyrcle:before{height: 35%;width: 87%;}
    



	.pedag-serv {    padding: 34px 0px 70px;}
	.pedag-serv:after{height: 64%; width: 36%;}
	.pedag:after {height: 45%; width: 15%;}
	.pedag h1{padding-bottom: 28px}
	.pedag-content ul {padding: 0px !important}
	.pedag-content p {width: 95%}

	
	.btn-cycles {width: 100%}
	.info{ padding-top: 26px;}
	.footer:after {display: none;}

	 .footer h1 {    margin: 20px 0px 15px;}
	 .footer-bottom h1{    margin: 50px 0px 15px;}
	 .souslogo{width: 100%}
	 .maps iframe{width: 80%}
	 .info-footer .ofst{display: none;}










	



}

@media screen and (max-width: 990px) {

		.navbar-collapse{ background: white; padding: 10px; margin-bottom: 0px; border-radius: 5px; width: 50%; }
	    .navbar-nav li{margin: 0px 3px; border-bottom: 1px solid #cfc9c9; width: 100%; font-size: 14px;}
	    .btn-inscrir { border-radius: 50px; width: 150px; height: 40px; margin-top: 12px; }
	
	
	.horair h4 {font-size: 24px}
	.vac h3, .horair h3 {font-size: 24px}
	.vac p, .esp p {font-size: 17px}


	

}
@media screen and (max-width: 979px) {

		.header .container-80{margin: auto;z-index: 99}
		.navbar-light .navbar-toggler{z-index: 999;background-color: white!important;}
		.btn-inscrir{border-radius:50px; width: 150px}
	
	
}

@media screen and (max-width: 800px) {
	.presta .container-80 {width: 95% }
	.slid-content h1 {font-size: 24px;}
	.slid-content h2 {font-size: 24px;}
	.text:before {display: none;}
	.presta-content h1 span, .presta-content h1 {font-size: 30px;}
	.sec-packs:after{  display: none;}


	.slid .carousel-inner:after {height: 391px;}
	.img-slid {bottom: 0}


}

@media screen and (max-width: 769px) {

    
	.navbar{z-index:900;}
	.text{    padding: 81px 0px 50px;}
	.presta .row{ display:grid; }
	.presta .col-md-4{order: 2;text-align: center;}
	.presta-content h1 span, .presta-content h1, .presta-content p {color: white !important;}
	.img-presta {width: 52%;margin-top: 30px}
	.presta-content {margin-left: 0px; padding: 0px 30px}
	.presta .slid-btn{margin: auto;}
	.equips:before{display: none;}
	.product{display: flex;flex-direction: column;align-items: center;}
    .header:after {height: 454px;width: 413px;}

	.info-footer h1 {font-size: 27px;}
	

	.reserv h1 {font-size: 27px;}
	.footer .container-80 { width: 90%;}
	.formul {width: 100%}
	.form-check-label{width: 100%}
	.btn-form img {width: 80%;}
	.equips h1 {font-size: 27px;margin-bottom: 20px}

}

@media screen and (max-width: 737px) {
    .pedag-serv, .service {padding-top:0px;}
    .service .col-md-2{display: flex; justify-content: center;}
}

@media screen and (max-width: 570px) {
    
    
   	.slid-content {margin: 0px 0px;padding-bottom: 69px;margin-left: 24px;}
	.slid .carousel-inner:after {display: none;}
	.presta .row{margin-right:0px; margin-left: 0px }
	.sec-avis .col-md-12, .sec-packs .col-md-12{    display: flex;justify-content: center;}
    .sec-avis .avis, .sec-packs .pack{width: 80%}
    .cyrcle:before, .ftr-h1:before, .info:before, .pedag:after, .header:after {display:none;}
    
    .mar-top {margin-top:0px;}
   
    .service .col-md-2{margin-top:30px;}
    .pedag-serv:before{right: 0px;  height: 94%; width: 100%;    border-radius: 100% 0px 0px 100%;}
    .pedag-serv:after { height: 48%; width: 100%; }
  

    


}
@media screen and (max-width: 425px) {




.pedag-content h3 {  font-size: 27px; }
	.text:before{display: none;}
	
	.sec-packs:before{display: none;}
	.s-logo{    margin-top: 20px;}


}

@media (min-width:768px) and (max-width:1024px) {
  .info-footer .col-md-3, .pedag .col-md-4{width: 50% !important;flex: unset !important;max-width: unset;}
}

@media (min-width:768px) and (max-width:990px) {
   .info .col-md-4{width: 50% !important;flex: unset !important;max-width: unset;}
}