@charset "UTF-8";

/*
Theme Name: Academy
Theme URI: #
Author: hay2
Author URI: #
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: academydom

*/



@import url('https://fonts.googleapis.com/css2?family=Andika:wght@400;700&display=swap');
/*text-align*/
.center{text-align: center !important;}
.justify{text-align: justify !important;}
.left{text-align: left !important;}
.right{text-align: right !important;}
/*text-transform*/
.upper{text-transform: uppercase !important;}
.lower{text-transform: lowercase !important;}
/*margin*/
.mb{margin-bottom: 0px !important}
.mt{margin-top: 0px !important}
.mb10{margin-bottom: 10px !important}
.mt10{margin-top: 10px !important}
.mb20{margin-bottom: 20px !important}
.mt20{margin-top: 20px !important}
.mb30{margin-bottom: 30px !important}
.mt30{margin-top: 30px !important}
/*padding*/
.pb{padding-bottom: 0px !important}
.pt{padding-top: 0px !important}
.pb10{padding-bottom: 10px !important}
.pt10{padding-top: 10px !important}
.pb20{padding-bottom: 20px !important}
.pt20{padding-top: 20px !important}
.pb30{padding-bottom: 30px !important}
.pt30{padding-top: 30px !important}
body {font-family: 'Andika', sans-serif !important;}
body h1{
	font-family: 'Andika', sans-serif !important;
	font-size : 64px;font-weight : 700;color :#333333
}
body h2{
	font-family: 'Andika', sans-serif !important;
	font-size : 56px;font-weight : 700;color :#333333
}

body h3{
	font-family: 'Andika', sans-serif !important;
	font-size : 40px;font-weight : 700;color :#333333
}
body p, ul {font-size : 14px;color : rgb(51 51 51 / 50%);font-family: 'Andika', sans-serif !important;}

/*******************************************************************header************************************************************************/

#mainMenu{margin-bottom : unset}


/* css header */

header.header-wrapper {
	display: flex;
	flex-direction: column;
}

.main-header {
	position: absolute;
    top: 15px;
    z-index: 9;
    width: 1200px;
    margin: 0 auto;
    right: 0;
    left: 0;
    max-width: 100%;
	background : #FFFFFF;border-radius : 16px;padding : 15px 40px;box-shadow : 0px 8px 16px rgb(0 0 0 / 16%)
}

.main-header .row-wrapper{
	display: flex;
	justify-content: space-between;
}

.header-logo {
	display: inline-block;
	max-width: 160px;
}

.header-logo img {
	width: 100%;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;max-width : 100%;
    padding-bottom: 25px;
    padding-top: 25px;z-index : 9
}
.sticky  .main-header{background : rgb(255 255 255 / 92%)}
nav.header-nav.nav-desktop {
	display: inline-flex;
}

li.menu-item {
	display: inline-block;
	padding: 15px 5px;
	position: relative;
}

li.menu-item a{
	padding: 5px;
	font-family: 'Andika', sans-serif ;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: var(--black);
	transition: all .3s ease;
}

li.menu-item:hover > a,
li.menu-item.current-menu-item > a{
	color: var(--color1);
}

.menu-main-menu-container {
	display: inline-flex;
	align-items: center;
}

ul.sub-menu {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	width: max-content;
	background: #ffffff;
	z-index: 9999;
	padding: 10px;
}

.menu-menu-container {
	display: flex;
	align-items: center;
}

ul.sub-menu li.menu-item {
	display: block;
	padding: 8px 6px;
}

.main-header li.menu-item:hover > ul.sub-menu {
	display: block;
}

li.menu-item-has-children:after {
	content: "\f0d7";
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	text-align: center;
	font-family: 'FontAwesome';
	font-size: 16px;
	line-height: 25px;
}

li.menu-item-has-children {
	padding-right: 12px;
}

/* breadcrumb */
.home .bloc-breadcrumb {
    display: none;
}
.bloc-breadcrumb {
    font-family: var(--font-1);
    font-weight: 600;
    font-size: 14px;
	padding: 15px 0;
	width: 1200px;
    max-width: 100%;
    margin: 0 auto;
	color : #333333
}
.bloc-breadcrumb i {
   display : none
}
.bloc-breadcrumb a {
    color:#333333;
}
.bloc-breadcrumb a:hover {
    color: var(--black);
}

section.section-bloc.nbr-icon p {
    margin: 5px 0px;
    font-family: 'Hind';
    font-size: 14px;
	line-height: 22px;
}


/*********************************************************************************home banner**************************************************/
/* banner site */

section.banner-site {
	position: relative;
	color: #333333;
	background: linear-gradient(77.61deg, rgba(254, 225, 209, 0.5) 0%, rgba(216, 130, 105, 0.5) 100%), linear-gradient(0deg, rgba(239, 175, 140, 0.25), rgba(239, 175, 140, 0.25));
}
.model-nos-formations section.banner-site{padding-top : 8%}
.model-nos-formations .row-banner{padding-top : unset}
.row-banner {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	z-index: 3;
	max-width: 100%;
	justify-content: center;
	width: 1200px;
    margin: 0 auto;
	padding-top : 65px;padding-bottom : 15px
}

.banner-site-txt h4 {font-size: 40px;line-height: 40px;text-transform: uppercase;color: #FFFFFF;}

.banner-site-txt {width: 100%;position: relative;}

.banner-site-txt-wrapper {width: 580px;max-width : 100%;margin-left: auto;margin-right: auto;padding: 30px;padding-right: 10%;}

.banner-site-img {width: 90%;padding-top: 40px;position: relative;margin-bottom : 10%}
.template_academie .banner-site-img{margin-bottom : unset}

.cta-banner {margin-top: 60px;}

.banner-site-txt .cta-banner a.btn-blk{margin-bottom : 30px}

.template_formations section.bloc-tarifs{padding : 3% 15px 0% 15px}
.template_formations section.bloc-tarifs .row{width : 800px;max-width : 100%;margin : 0 auto}

/*  Elements  */

a.btn-acdmy {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: 8px 24px;
	border-radius: 0rem;    
	font-family: var(--font-2);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	transition: all .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	position : relative;overflow : hidden;background : #D88269;
}
a.btn-acdmy:before, .cta-download:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a.btn-acdmy:hover:before, a.btn-acdmy:focus:before, a.btn-acdmy:active:before, .cta-download:hover:before, .cta-download:focus:before, .cta-download:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
a.btn-acdmy:hover, a.btn-acdmy:active, a.btn-acdmy:focus {
	color: #D88269;box-shadow :0px 8px 16px rgb(0 0 0 / 8%)
}
a.btn-acdmy > *, .cta-download > *{z-index : 1}
a.btn-blk {
	color: #FFFFFF;
	border-radius : 18px;display : flex;align-items : center;gap : 10px;justify-content :center;font-size : 16px;width : 338px;max-width : 100%;padding : 20px 25px 20px 25px
}
.cta-download {color: #D88269;background : #FFFFFF;border-radius : 18px;display : flex;align-items : center;gap : 10px;justify-content :center;font-size : 16px;width : 338px;max-width : 100%;padding : 20px 25px 20px 25px;margin-bottom : -50px;box-shadow : 0px 8px 16px rgb(0 0 0 / 8%);position :relative;overflow : hidden}

.cta-download:before {background : #D88269}
.cta-download:hover {
	color: #fff;
}
.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

body .slick-dots{display: flex;align-items: center;gap: 20px;justify-content: center;}
body .slick-dots li button {width: 32px;height: 8px;background: #333333;border-radius : 100px;opacity : 15%}
body .slick-dots li.slick-active button {opacity : 1}
body .slick-dots li button:before {font-size: 0px;height: 8px;}
/***************************************************************les_thematique*********************************************************/
section.les_thematique {
    padding: 8% 15px 4% 15px;
}

section.les_thematique .row.flex-column {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto;
}
section.les_thematique .div-title{padding : 0px 40px}

section.les_thematique .slick-list{padding : 0px 0px 4% 0px}
section.les_thematique .items-wrapper {
    display: flex !important;
    align-items: center;
    gap: 10px;
    justify-content: center;padding : 0px 15px
}

section.les_thematique .wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 568px;
    max-width: 100%;
    padding: 15px;
    box-shadow: 0px 8px 32px rgb(0 0 0 / 8%);border-radius : 18px
}

section.les_thematique .wrapper h4{font-size : 16px}section.les_thematique .wrapper p{font-size : 14px}
/***************************************************************les_thematique*********************************************************/
section.academie_management{padding : 3% 0px}
section.academie_management .row{width : 1170px;max-width : 100%;margin : 0 auto;align-items : center}


section.academie_management .col-img {padding: 7% 0px;background-image : url('inc/images/bg.png');background-size: contain;background-position: top center;background-repeat: no-repeat;}
section.academie_management .col-img, section.academie_management .col-txt{width : 50%}

section.academie_management .content {
    width: 368px;
    max-width: 100%;
    background: #fff;
    padding: 30px 20px;
    border-radius: 18px;
    box-shadow: 0px 8px 32px rgb(0 0 0 / 8%);
    text-align: center;
	margin-left : 14%
}
section.academie_management .content img{margin-bottom : 15px}

section.academie_management a.btn-blk{width : 271px}

section.academie_management .col-txt ul{list-style :disc}
/***************************************************************formations_management*********************************************************/
section.formations_management{padding : 3% 0px}

section.formations_management .row{width : 1170px;max-width : 100%;margin : 0 auto;align-items : center}

section.formations_management .div-title.text-left.mb-3 {display: flex;align-items: center;justify-content: space-between;}

section.formations_management .acdmy-section-formastion{margin : 0px 15px}

section.formations_management .wrapper {
    width: 368px;
    max-width: 100%;
    background: #fff;
    padding: 30px 32px;
    border-radius: 28px;
    box-shadow: 0px 8px 32px rgb(0 0 0 / 8%);
    text-align: left;
	display : flex;
	flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

section.formations_management .wrapper img{margin : 0 auto 15px auto;border-radius : 14px}

a.btn-more {
    font-size: 16px;
    color: #8C9E9C;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}
a.btn-more:hover{color : #D88269}

section.formations_management .wrapper h4.title_h4{font-size: 16px}

section.formations_management .slick-track{padding : 15px 0px 3% 0px}

/***************************************************************les_thematique*********************************************************/

section.equipe_academie {padding : 3% 0px}

section.equipe_academie .row{width : 1170px;max-width : 100%;margin : 0 auto;align-items : center}

.equipe_academie .div-title.text-center.mb-3 {
    width: 740px;
    max-width: 100%;
    margin: 0 auto;
}
section.equipe_academie  .equipe_display {
    position: relative;
	margin-bottom : 30px;
}
section.equipe_academie .equipe_display .items-wrapper{text-align : center}
section.equipe_academie  a.btn-blk{margin : 0 auto}



/*************************************************************************template lacademie*****************************************************************/


.template_academie .banner-img-wrapper {text-align: right;}
.template_academie .banner-site-txt-wrapper{padding : unset }
.template_academie section.academie_management .col-img {padding: 7% 0px;background-image : url('inc/images/bg2.png');background-size: contain;background-position: top center;background-repeat: no-repeat;}




/**************************************bloc formations*****************************************/
section.bloc_formations {padding: 3% 15px;background: #8C9E9C;}

.bloc_formations .items {display: flex;align-items: center;justify-content: space-around;width: 1200px;max-width: 100%;margin: 15px auto 15px auto;flex-wrap : wrap;gap : 30px}

.bloc_formations .item {display: flex;align-items: center;gap: 15px;}

.bloc_formations .item span {display: block;font-family: 'Andika', sans-serif;color : #fff}

.bloc_formations .item span.span-nbr{font-size:  40px;font-weight : 700}

.bloc_formations .item span.span-title{font-size:  16px;font-weight : 400}
.bloc_formations .slick-dots{display : none !important}

/********************************************academie_management********************************/
.template_academie  .academie_management .div-title{width: 1200px;max-width: 100%;margin: 0 auto;text-align : center}

.template_academie  section.academie_management .content{margin : 0 auto;border-radius: 48px;padding: 25px;}
.template_academie section.academie_management .content img{margin-bottom : unset;border-radius : 25px}
.template_academie section.academie_management .col-txt{padding : 0px 35px}

.notre_equipe{position :relative;padding : 15px 15px 10% 15px}
.notre_equipe:before{content :'';position :absolute;bottom : 0;left : 0;width : 100%;height : 75%;z-index : -1;background-color : rgb(216 130 105 / 9%)}

.notre_equipe .div-title {width: 550px;max-width: 100%;margin: 0 auto;text-align: center;}
.notre_equipe .row {width: 1200px;max-width: 100%;margin: 0 auto;}

.notre_equipe .items {    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3%;}

section.notre_equipe .item {
    max-width: 100%;
    background: #fff;
    padding: 30px 32px;
    border-radius: 28px;
    box-shadow: 0px 8px 32px rgb(0 0 0 / 8%);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:  30.33%;
    margin: 0px auto 3% auto;
}
section.notre_equipe .item span{font-size : 24px;font-weight : 700; font-family: 'Andika', sans-serif}
section.notre_equipe .item .div-content {text-align : center}
section.notre_equipe .item img{margin : 0 auto 15px auto;border-radius : 14px}
.wisywg {font-family: 'Andika', sans-serif}
/******************************************************************************************/
.valeurs-equipe,.bloc-engagement{padding: 3% 15px;}
.valeurs-equipe{margin-top : -11%}
.valeurs-equipe .h3-title,.valeurs-equipe  .wisywig p{color : #fff}
.valeurs-equipe .wisywig p {margin-bottom : 10px;font-size : 20px}
.valeurs-equipe span{font-weight : 700;font-size : 14px;text-transform : uppercase}
.valeurs-equipe .div-bg{width: 1200px;max-width: 100%;margin: 0 auto;text-align : center;background-image: url('assets/images/block.png');border-radius: 19px;padding: 3% 15px;background-size: cover;background-position: top center;}

.valeurs-equipe .items-valeurs {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 650px;max-width: 100%;margin: 0 auto;}
.valeurs-equipe .valeur {width: 33.33%;}

/*******************************************************************************************/
.bloc-engagement .div-title{width: 740px;max-width: 100%;margin: 0 auto;text-align : center}
.bloc-engagement .wisywig p {margin-bottom : 35px;}

.bloc-engagement .items-engagement {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 1200px;max-width: 100%;margin: 0 auto;gap : 2%}
.bloc-engagement .engagement {
	width: 31.33%;
    background: rgb(216 130 105 / 9%);
    border-top: 3px solid #D88268;
    padding: 15px;
    border-radius: 16px;margin-bottom: 35px
}
.bloc-engagement .engagement p{margin-bottom : unset}

/*****************************************************************page formations**********************************************************/

/* list formastions css */
.model-nos-formations .banner-site-txt{width : 100%}

.model-nos-formations .banner-site-txt-wrapper{max-width : 100%;text-align : center;padding : 30px 10%; width: fit-content;}
.model-nos-formations .wisywyg{color : rgb(51 51 51 / 50%)}
.acdmy-section-list-formastions {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}

.acdmy-section-formastion {width: calc(33% - 20px);padding: 20px;width: 368px;max-width: 100%;background: #fff;padding: 30px 32px;border-radius: 28px;box-shadow: 0px 8px 32px rgb(0 0 0 / 8%);text-align: left;display: flex;flex-direction: column;height: 100%;justify-content: space-between;}

.img-formation {height: 152px;overflow: hidden;}

.img-formation img {width: 100%;transition: all .5s ease;height: 100%;object-fit: cover;border-radius: 19px;}

.img-formation:hover img {filter: brightness(.7);}

h3.acdmy-section-title {font-size: 16px;line-height: 24px;margin: 15px 0px;}

.section-formations{padding : 3% 15px}
.section-public{background : rgb(216 130 105 / 8%)}
.section-public .acdmy-section-list-formastions {justify-content : center}



/************************************************************Single formation*****************************************************************************/
.color-6a1d56 {
  color: #6a1d56 !important;
}

.color-6e6863 {
  color: #6e6863 !important;
}

.color-77595b {
  color: #77595b !important;
}

.color-bc972c {
  color: #bc972c !important;
}

.color-565656 {
  color: #565656 !important;
}

.formation-generale{padding : 3% 15px}
.formation-generale-option {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}
.formation-generale-option.lay-1 .formation-generale-option-cnt {
  width: 100%;
}
.formation-generale-option.lay-2 .formation-generale-option-cnt {
  width: calc(50% - 30px);
  margin: 0 15px;
}
.formation-generale-option.lay-3 .formation-generale-option-cnt {
  width: calc(33.3% - 30px);
  margin: 0 15px;
}
.formation-generale-option.lay-4 .formation-generale-option-cnt {
  width: calc(25% - 15px);
  margin: 0 7px;
}
.formation-generale-option .grnd-title {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.formation-generale-option .grnd-title h2 {
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0px;
  color: var(--fr-color-bg);
  position: relative;
}
.formation-generale-option .grnd-title h2::after {
  content: "";
  position: absolute;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 15px);
  width: 100vw;
  background-color: var(--fr-color-bg);
}
.formation-generale-option .grnd-title h2::before {
  content: "";
  position: absolute;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 15px);
  width: 100vw;
  background-color: var(--fr-color-bg);
}
.formation-generale-option-cnt{width : 100%}
.formation-generale-option-cnt .body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;width : 100%
}
.formation-generale-option .body .body-cnt-item {
  margin-bottom: 30px;
	display: flex;
    align-items: center;
	padding : 15px;
    gap: 10px;
    width: calc(49% - 30px);
	border-radius: 16px;
	border-top: 3px solid transparent;
	transition : box-shadow, background, border-top-color 0.3s ease-in-out
}
.formation-generale-option .body .body-cnt-item:hover{
	background: rgb(216 130 105 / 9%);
    border-top-color: #D88268;
	box-shadow: 0px 8px 16px 0px #DC70B929;
}
.formation-generale-option .body .body-cnt-item:hover   a {
/*   text-decoration: underline !important; */
	gap : 25px
}
.formation-generale-option .cnt-content{width : 80%}
.formation-generale-option span.icone{width: 20%;
	    position: relative;
    font-size: 42px;
    color: #fff;
    text-align: center;
    line-height: inherit;
    font-weight: 700;
}
.formation-generale-option span.icone img{
	position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.formation-generale-option .body .body-cnt-item span.acdmy-section-title {
  font-size: 14px;
  color: #333333;text-transform : uppercase
}
.formation-generale-option .body .body-cnt-item h3.acdmy-section-title .sous_titre {
  font-weight: 400;
  color: var(--fr-color-bg);
}
.formation-generale-option .body .body-cnt-item h3.acdmy-section-title .icone {
  width: 24px;
  height: 24px;
  margin: 0 5px;
  border: 1px solid var(--fr-color-bg);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.formation-generale-option .body .body-cnt-item h3.acdmy-section-title .icone img {
  width: 95%;
  height: 95%;
  -o-object-fit: cover;
     object-fit: cover;
}
.formation-generale-option .body .body-cnt-item a {
  margin-top: 20px;
  display: block;
	color :#D88269 ;
	display: flex;
    align-items: center;
    gap: 15px;
    line-height: normal;
	transition : all .5s;
}

.formation-generale .descr{
	font-size: 14px;
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}
.formation-generale .descr p,
.formation-generale .descr ul{
	color : #000000cf;
}
.formation-generale .descr ul{
	list-style : disc;
}

.formation-generale .descr ul li{
	font-family: 'Andika', sans-serif !important;
}

.grnd-title h3{margin-bottom : 30px; text-align : center;}
.grnd-title h3 span{
	display : block;
}
.grnd-title h3 .sous_titre{
	color : #33333380;
	font-size : 24px;
	margin-top : 15px
}

@media screen and (max-width: 767px) {
  .formation-generale-option.lay-1 .formation-generale-option-cnt, .formation-generale-option.lay-2 .formation-generale-option-cnt, .formation-generale-option.lay-3 .formation-generale-option-cnt, .formation-generale-option.lay-4 .formation-generale-option-cnt {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
/**********************************************************************single programm*********************************************************************/
section.section-programme {
    padding: 3% 15px;
}
.programme-single .section-public{background : unset}

.programme-single.model-nos-formations .banner-site-txt-wrapper{padding : 30px 0px}
.programme-single .formation-generale-option{display : block !important}
.programme-single .formation-generale-option .body .body-cnt-item{width : 100%}
.section-programme .row {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
body section.section-programme .col-jours{width : calc(100% - 33.33%) }
.div-jour {
    background: rgb(216 130 105 / 9%);
    box-shadow: 0px 8px 16px 0px #DC70B929;
    margin-bottom: 30px;
    padding: 20px 15px;
    border-radius: 16px;
    border-top: 3px solid #D88268;
}
body section.section-programme .col-dates {
    width: 33.33%;
   
}
.col-dates .div-date{
	 background: rgb(216 130 105 / 9%);
    box-shadow: 0px 8px 16px 0px #DC70B929;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 16px;
}
.programme-single section.bloc_formations{background : #fff}
.programme-single .bloc_formations .item {
    justify-content: center;
    text-align: center;
}
.programme-single .bloc_formations .item span.span-titre,.col-jours .div-title,.col-dates .div-title{
	color: #333333;
    font-weight: 700;
    font-size: 16px;
}
.programme-single .bloc_formations .item span.span-texte{color : rgb(51 51 51 / 50%)}
.section-programme ul {
    padding-left: 25px;
    color: #333333;
    font-weight: 400;
    font-size: 16px;
    list-style: disc;
    margin-top: 10px;
}
.section-programme ul li{font-family: 'Andika', sans-serif !important; margin-bottom: 5px;}
.section-programme li::marker{font-size : 10px;   }

.section-programme .div-dates {display: flex;align-items: center;gap: 30px;}
.col-dates ul {margin: unset;}
.section-programme .div-btn{margin-top : 20px}
/*********************************************************************page contact********************************************************************************/
.template-contact.model-nos-formations .banner-site-txt-wrapper{padding : 30px 0px}
.template-contact .blc-1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.template-contact .blc-1  .item-form{width : 800px;max-width : 100%;margin : 0 auto}
.template-contact .blc-1 .item-left {
  width: 60%;
}
.template-contact .blc-1 .item-right {
  width: 36%;
  margin-top: 40px;
}
.template-contact .blc-1 .item-right p {
  color: #565656;
  margin-bottom: 10px;
}
.template-contact .blc-1 .item-right a {
  color: #565656;
  margin-bottom: 10px;
  display: block;
}
.template-contact .blc-1 .item-right a:hover {
  text-decoration: underline !important;
}
.template-contact .blc-1 .item-right .infos i {
  margin-right: 10px;
}
.template-contact .blc-2 {
  margin-top: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
	background : #8C9E9C;padding : 8% 15px;border-radius : 24px
}

.template-contact .blc-2 .row{
	width : 800px;
	   max-width: 100%;
    margin: 0 auto;
    align-items: center;
}
.template-contact .blc-1 .contact-form .material-textfield {
  position: relative;
    width: 44%;
    float: left;
    margin: 0px 15px;
}
.template-contact .blc-1 .contact-form .material-textarea{width :  96%}
.template-contact .blc-1 .contact-form .material-textfield br {
  display: none;
}
.template-contact .blc-1 .contact-form label {
  font-size: 16px;
  color: #77595b;
  transition: 0.1s ease-out;
  pointer-events: none;
  display: block;
}
.template-contact .blc-1 .contact-form input {
  font-size: 17px;
  outline: none;
	border: unset;
  border-bottom: 1px solid #333333;
  padding: 6px 10px;
  color: #77595b;
  transition: 0.1s ease-out;
  width: 100%;
}
.template-contact .blc-1 .contact-form textarea {
  font-size: 17px;
  outline: none;
	border: unset;
  border-bottom: 1px solid #333333;
  padding: 6px 10px;
  color: #77595b;
  transition: 0.1s ease-out;
  width: 100%;
	height : 120px
} 
.template-contact .blc-1 .contact-form input.submit {

    color: #FFFFFF;
    background: #D88269;
    border-radius: 18px;
	border : 1px solid #D88269;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-size: 16px;
    width: 338px;
    max-width: 100%;
    padding: 19px 24px 19px 24px;margin: 0 auto
}
.template-contact .blc-1 .contact-form input.submit:hover{color: #D88269;background: #fff;}
.template-contact .blc-2 .contact-form textarea {
  width: 100%;
  font-size: 17px;
  outline: none;
  color: #77595b;
  border: 1px solid gray;
}
.template-contact .blc-2 .item-left {
  width: 50%;
}
.template-contact .blc-2 .item-left p{color : #fff;font-size : 16px}
.template-contact .blc-2 .item-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#map{border-radius : 12px}
.template-contact .blc-3{padding : 4% 0px}
.template-contact .blc-3 .item-right .prox {
  max-width: 100%;
  width: 800px;
	margin : 30px auto 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
}
.template-contact .blc-3 .item-right .prox .item-prox {
  width: 384px;max-width : 100%;
  margin-bottom: 30px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.template-contact .blc-3 .item-right .prox .item-prox .img {
  width: 250px;
  height: 250px;
}
.template-contact .blc-3 .item-right .prox .item-prox .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
	border-radius : 14px
}
.template-contact .blc-3 .item-right .prox .item-prox .title {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
  margin: 0;
  padding: 0.7em 0px;
  text-align: left;
}
.template-contact .blc-2 .item-right .prox .item-prox .info {
  background: #000;
  color: #fff;
  font-size: 12px;
  width: 250px;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 9;
  top: -100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.template-contact .blc-2 .item-right .prox .item-prox .info p {
  width: 80%;
  text-align: center;
  margin-bottom: 5px;
}
.template-contact .blc-2 .item-right .prox .item-prox .info p.sup {
  margin-top: 5px;
  font-size: 13px;
}
.template-contact .blc-2 .item-right .prox .item-prox:hover .info {
  top: 0;
  opacity: 1;
  visibility: visible;
}
/*******************************************************************************************************************************/
.model-taxonomy .breadcrumb{background : transparent}
.model-taxonomy .breadcrumb ul {
    display: flex;
    align-items: center;
    gap: 10px;
   
}
.model-taxonomy .breadcrumb ul li{
	 color: #333333;
    font-family: var(--font-1) !important;
    font-weight: 600;
    font-size: 14px;
}
.model-nos-formations.model-taxonomy  .banner-site-txt-wrapper{padding: 30px 0%;}
/***************************************************************footer*********************************************************/
footer .row-footer{background : #8C9E9C;padding: 5% 15px 9%;}
footer .col-footer-two{width: 100%;background : #8C9E9C;}
footer .row-footer{width : 1170px;max-width : 100%;margin : 0 auto;display  : flex;align-items : flex-start;}
footer .col-left {width: 50%;display: flex;align-items: flex-start;}footer .col-right {width: 50%;display: flex;align-items: flex-start;justify-content : space-between;}
.footer .col-right .div-pages{width : 30%}
.footer .col-right .footer-info{width : 50%}

.div-logo > a{display : block;margin-bottom : 15px}
.div-adress, .div-tel > *, .div-formation li a, .div-pages li {font-size: 16px;margin-bottom: 8px;color : #333333 !important}
.div-formation li a:hover, ul#footer-menu li.menu-item a:hover, ul#footer-menu li.menu-item a:hover, ul#footer-left-nav li.menu-item a:hover {text-decoration : underline !important;color : #fff !important}
#footer-left-nav, ul#footer-formation, ul#footer-menu{display : flex;align-items : flex-start;flex-direction : column}ul#footer-left-nav li.menu-item{padding : unset !important;margin-bottom : 8px;text-align : left}
ul#footer-left-nav li.menu-item a, ul#footer-menu li.menu-item a{color : #333333 !important;font-size : 16px !important}
ul#footer-formation li.menu-item, ul#footer-menu li.menu-item{padding : 5px 0px}
ul#footer-formation li.menu-item:nth-child(1){padding : 0px 0px 5px 0px}

.div-pages li {padding-top: 0 !important;margin-bottom: 0;}
.div-tel{margin-bottom : 8px}
.div-tel > * {display : inline}.div-tel a:hover {text-decoration : underline}
.div-reseaux a {font-size: 22px;font-weight: 700;background: rgb(51 51 51 / 8%);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: #333333;}
.div-reseaux a:hover{background :#D88269 ;color : #fff !important}

.footer .footer-info{
	display: flex;
	align-items :center;
	justify-content : space-between;
	width: 1170px;
    max-width: 100%;
    margin: 0 auto;
	padding : 0 15px;
	margin-bottom : 30px;
}
.footer .footer-info .logo-afap{
	width : 20%;
	max-width: 100%
}


@media screen and (max-width: 1200px) {
	body h1{font-size : 50px}
	body h2{font-size : 36px}
	body h3{font-size : 30px}
	
	.main-header{width : 95%}
	
	.banner-site-txt, .banner-site-img{width : 50%}
	.banner-img-wrapper{text-align : center}
	.banner-img-wrapper img{width: 490px;margin: 0 auto;}
	.banner-site-img{padding-top: 20px}
	.banner-site-txt-wrapper{padding: 0px 15px;}
	.cta-banner {margin-top: 30px;}
	.banner-site-img {margin-bottom: 35px;}
	
/****************************************************************************************/
	.template_academie .banner-site{padding : 0px 15px}
	.template_academie .row-banner{padding-bottom : 30px}
	.template_academie .banner-img-wrapper{text-align : center}
}

@media screen and (max-width: 1100px) {
	.main-header .row-wrapper{flex-direction: column;justify-content: center;align-items: center;}
	.row-banner{padding-top : 12%}
	
/****************************************model-nos-formations****************************************************/
	.model-nos-formations section.banner-site {padding: 145px 15px 6% 15px;}

}
@media screen and (max-width: 970px) {
	.row-banner{padding-top  : 0px}
	
	.bloc_formations .item{margin-bottom : 15px}
/****************************************model-nos-formations****************************************************/
	.model-nos-formations section.banner-site {padding: 5% 15px 6% 15px;}
	.acdmy-section-list-formastions {justify-content: center;}
	.model-nos-formations .row-banner{padding-bottom : 20px}
}
@media screen and (max-width: 900px) {
	.sticky{padding : 15px 0px ;background : #fff}
	button.btn-menu-mobile img{width : 30px}
	section.academie_management .content{margin-left : 4%}

	section.notre_equipe .items .slick-slide {padding : 15px 15px 1% 15px;}
	section.notre_equipe .item{padding: 20px}
	
/****************************************model-nos-formations****************************************************/
	
	.section-formations .slick-slide{padding : 15px}
	.acdmy-section-formastion{padding : 20px}
	.section-formations a.btn-blk{margin : 0 auto}
	
}
@media screen and (max-width: 800px) {
	body h1 {font-size: 55px;}
  .banner-site-txt-wrapper{width: fit-content;}
	.row-banner{flex-direction : column-reverse;padding-bottom : 150px}
	.banner-site-txt, .banner-site-img {width: 100%;}
	
	
	section.les_thematique .wrapper{flex-direction : column}
	
	section.academie_management .row{flex-direction : column;gap : 35px}
	section.academie_management .col-img, section.academie_management .col-txt{width : 100%}
	section.academie_management .content{margin : 0 auto}
	
	section.formations_management .div-title.text-left.mb-3 {align-items: flex-start;flex-direction: column;}
	section.formations_management .wrapper{width  : 335px;margin : 0 auto}
	
	.items-wrapper.wrapper3{display : none}
	
	footer .row-footer{flex-direction : column}
	footer .row-wrapper{margin : unset}
	footer .col-left{margin-bottom : 35px}
	footer .col-left,footer .col-right{width : 100%;justify-content : space-around}
	footer .div-pages ul{padding-left : unset}
/**********************************************************************************************/
	.bloc-engagement .engagement {width: 40%;}
	
/****************************************************************************************************/
	
	.formation-generale-option .body .body-cnt-item {width: calc(100% - 30px);}
	
/***********************************************************************************************************/
	
	.section-programme .row{flex-direction : column}
	body section.section-programme .col-jours, body section.section-programme .col-dates{width : 100%}
	
	.bloc_formations .items{justify-content: flex-start;}
	.bloc_formations .item {flex: 1 300px;}
	.formation-generale .formation-generale-option-cnt {width : 100%}
	.formation-generale .formation-generale-option .grnd-title{justify-content: flex-start;padding: 15px 0px;border-bottom: 1px solid #D88269;width: 100%;}
	.formation-generale .formation-generale-option .grnd-title h3{text-align : left; margin-bottom : 20px}
	.grnd-title h3 .sous_titre{font-size : 16px}
	.collapsible {cursor: pointer;}
	.formation-generale-option-cnt .body.content {display: none;overflow: hidden;padding : 15px 0px}
	footer .footer-right-logo{width: 30%;}
}


@media screen and (max-width: 600px) {
	.template-contact .blc-1 .contact-form .material-textfield{width : 95%;float : unset;max-width : 100%}
	.template-contact .blc-2 .row{flex-direction : column}
	.template-contact .blc-2 .item-left, .template-contact .blc-2 .item-right, .template-contact .blc-3 .item-right .prox .item-prox{width : 100%}
	.footer .footer-info {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 15px;
    }
	.footer .footer-info .logo-afap{width : 100%; display : block}
	footer .footer-right-logo{width : 100%; display : block}
	footer .tel-adresse{ display : block; text-align : center; width: 90%}	
	.footer .footer-info .logo-afap{
    width: 50%;
    max-width: 100%;
    margin: 0 auto;
	}
	.footer .footer-info .logo-afap .image{
		width : 90%
	}
	footer .footer-right-logo {
    width: 50%;
    display: block;
    margin: 0 auto;
	}
	
}
@media screen and (max-width: 498px) {
	body h1 {font-size: 40px;}
	body h2{font-size : 24px}
	body h3{font-size : 24px}
	
	button.btn-menu-mobile {width: 30px;height: 50px;}
	
	
	.banner-site a.btn-blk{margin : 0 auto}
	.banner-site .cta-download{margin : 0 auto}
	.bloc-breadcrumb{display : none}
	
	section.formations_management .wrapper{margin : 0 auto}
	.grnd-title h3 .sous_titre{font-size : 14px}
	
	.items-wrapper.wrapper1, .items-wrapper.wrapper4, .items-wrapper.wrapper6{display : none}
	.items-wrapper.wrapper0 {left: unset;transform: unset;right: 30px;}
	.items-wrapper.wrapper5 {left: 50%;align-items: center;}
	
	footer .col-left,footer .col-right{flex-direction : column;text-align : center !important;gap : 30px;align-items: center;}
	footer .col-left{margin-bottom: 30px}
	footer .div-reseaux a{margin : 0 auto}
	#footer-left-nav{align-items : center;padding-left : unset}
	.div-formation ul{padding-left : unset }
  ul#footer-formation li.menu-item, ul#footer-menu li.menu-item{width: 100%;}
/*****************************************************************************************/
	.template_academie section.academie_management .container-fluid{padding : 30px 15px !important}
	.template_academie .div-title{text-align : left}
	.template_academie section.academie_management .col-txt{padding : unset}
	.template_academie section.academie_management .row{flex-direction : column-reverse}
	.template_academie section.notre_equipe .item{box-shadow: unset}
	.template_academie section.notre_equipe .items .slick-slide{padding : 15px 0px}
	.notre_equipe .items{padding : unset}
	.valeurs-equipe .div-bg{padding : 8% 15px}
	.valeurs-equipe .items-valeurs{flex-direction : column;align-items : flex-start;padding-left : 20%}
	.valeurs-equipe .valeur {width: 100%;text-align: left;margin-bottom: 15px}
	.bloc-engagement .engagement {width: 100%;}
/******************************************************************************************************/
	.formation-generale-option .body .body-cnt-item{width : 100%}
	.formation-generale-option span.icone{width : 25%}
	.formation-generale-option .cnt-content {width: 75%;}


}

/********************************/