@font-face{
font-family:'ranille';
src:url('/font/ranille/RanilleNormal-Regular.woff2') format('woff2'),
url('/font/ranille/RanilleNormal-Regular.woff') format('woff');
font-weight:normal;
font-style:normal;
font-display:swap;
}

/*---------------------------------------- */
/* MISE EN FORME GENERALE */
/*---------------------------------------- */
*{padding:0;margin:0;box-sizing:border-box;outline:none!important;scroll-behavior:smooth}
li{list-style:none}
a{text-decoration:none;transition:all .4s ease-in-out;color:#000}
body{font-family:"Poppins",sans-serif;color:#FFF3E0;font-weight:400}
html{scroll-padding-top:20px}
li{list-style:square;margin-left:15px}
strong{font-weight:600}
ul{color:#333}
::selection{background-color:#F8B542;color:#fff}
::target-text{background:transparent;color:inherit;text-decoration:none}
.bnw{filter:grayscale(1)}
.center{text-align:center}
.d-flex{display:flex}
.d-flexCB{display:flex;align-items:center;justify-content:space-between}
.darkblue{color:#253778}
.hidden,.mobile{display:none}
.show{display:block}
.btn_{background-color:#C41918;color:#FFF3E0;font-size:16px;font-weight:500;padding:13.5px 35px;border-radius:4px;transition:all .4s ease-in-out}
.btn_:hover{background-color:#F8B542}
.legaldate{font-size:12px!important;margin-top:-15px!important}
.link{color:#C41918;font-weight:500}
.mobile{display:none}
.nomargin{margin:0!important}
.portrait{margin:35px 0}
.red{color:#C41918}
.small{font-size:14px!important}
.title__{color:#253778;font-weight:500;font-family:'Poppins'}
.uppercase{text-transform:uppercase}
.wrapper{min-width:90%;max-width:1400px;margin:auto;padding:0 20px}

/*---------------------------------------- */
/* PAGE COMMING SOON */
/*---------------------------------------- */
#coming-soon{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;font-family:"Jost", sans-serif}
#compteur .d-flex{justify-content:center}
#coming-soon::before,#home .banner::before{content:'';background-color:#000;opacity:0.2;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
#coming-soon video,#home .banner video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100vh;transform:translate(-50%, -50%);object-fit:cover;z-index:0}
#coming-soon .overlay-content{position:relative;z-index:2;color:#fff;text-align:center;min-height:516px}
#coming-soon .logo_{width:250px;display:block;margin:0 auto 30px}
#coming-soon h1{margin-bottom:50px}
#coming-soon .heading-title{font-size:18px;font-weight:300;line-height:24px;display:block;margin-bottom:30px}
#coming-soon .btn__{display:none;background-color:transparent;letter-spacing:0.1em;font-size:14px;line-height:56px;margin-top:55px;border:1px solid #FFFFFF61;transition:all .4s ease-in-out;display:inline-block;color:#fff;padding:0 35px}
#coming-soon .btn__:hover{background-color:#FFFFFF;color:#222222}
#compteur{opacity:0;transition:opacity 1s ease;justify-content:space-between}
#compteur.show{opacity:1}
#compteur div{color:#FFFFFF;font-size:18px;text-transform:lowercase;line-height:48px;margin:0 40px}
#compteur span{display:block;font-size:56px;font-weight:300}
#coming-soon p,#coming-soon a,#coming-soon span{font-family:"Jost", sans-serif}

.coming header{display:none}

/*------------------------------------------
++   	            Header 	        	  ++
/*-----------------------------------------*/
#header .head{transition:.1s all ease-in-out}
#header .wrapper{height:170px;padding-top:25px;align-items:normal}
#header .logo img{width:258px;object-fit:contain;transition:.3s all ease-in-out;transform:translate(-32px,-13px)}
#header nav{margin-top:16px}
#header .head.header-sticky nav{margin-top:0;display:flex;align-items:center}
#header nav ul{display:flex;gap:40px}
#header nav ul li{list-style:none}
#header nav a{font-family:"Poppins", sans-serif;font-size:16px;font-weight:500;color:#FFF3E0;position:relative}
#header nav a:hover{color:#F8B542}
#header nav a.active{color:#F8B542}
#header .head{position:fixed;width:100%;top:0;left:0;z-index:999;animation-duration:0.4s;animation-name:header;transition:all 0.4s ease-in-out}
@keyframes header{from{transform:translateY(-100%)}to{transform:translateY(0%)}}
#header:not(.down) .head.header-sticky{transform:translateY(-100%)}
#header .head.header-sticky{background:#253778}
#header .head.header-sticky .wrapper{height:70px;margin-top:0;padding-top:0}
#header .head.header-sticky .logo img{width:150px;height:auto;transform:translateX(-18px)}
#menu_mob{display:none}

/*------------------------------------------
++   	     Home page :Banner 		  ++
/*-----------------------------------------*/
#home{background:#fff3e0}
#home .banner{position:relative;width:100%;background-repeat:no-repeat;background-size:cover;height:800px;display:flex;overflow:hidden}
#home .caption{position:relative;z-index:1;max-width:1100px;margin:auto;color:#253778;text-align:center;font-size:20px;margin-top:85px;justify-content:center;column-gap:12.4%}
#home .caption .title{margin-top:-60px}
#home .caption h1{color:#FFF3E0;font-size:64px;font-family:'ranille';font-weight:400}
#home .caption h1 strong{font-weight:400}
#home .caption h1 span:first-child{margin-bottom:20px;font-family:'Poppins';font-weight:500}
#home .caption h1 span{display:block;font-size:24px;font-weight:400}
#home .caption h1 span:nth-child(2){font-family:'ranille';font-size:32px}
#home .caption h1 span:last-child{margin-top:15px;font-family:'Poppins';font-weight:500}
#home .caption .texte{max-width:527px}
#home .caption .texte div{background:#fff3e054;border-radius:12px;border-top-left-radius:50%;border-top-right-radius:50%;padding:65px 30px 50px;border:2px solid #F8B542}
#home .caption .texte div span{color:#253778;font-size:42px;font-weight:600;margin-bottom:63px;line-height:56px}
#home .caption .texte div .date{color:#F8B542;font-size:32px;font-weight:600;margin-bottom:10px}
#home .caption .texte div p{margin-bottom:22px;color:#FFF3E0;font-size:17px}
#home .caption .texte div .cta_{padding-top:21px}
#home #cours{padding-top:170px;padding-bottom:100px;background:url(../images/ligne-spirale-verticale.svg);background-size:cover;background-repeat:no-repeat;background-position:-35px -90px}
#home #cours h2.title__{line-height:46px;font-size:38px;margin-bottom:45px}
#home .photo_texte{display:flex;align-items:center;column-gap:12.4%;justify-content:space-between}
#home .photo_texte.even{column-gap:6.2%;justify-content:normal;padding-top:84px}
#home .photo_texte.even .photo img{transform:translateX(135px)}
#home .photo_texte .texte{width:550px;max-width:100%;text-align:left}
#home .photo_texte .photo{width:550px;max-width:100%}
#home .photo_texte .photo img{width:80%;display:block;border-radius:12px}
#home .photo_texte h2,#home .photo_texte h3{font-family:'ranille';font-weight:normal;font-size:48px;color:#C41918}
#home .photo_texte p{font-weight:400;font-size:16px;line-height:29px;color:#333;margin:25px 0}
#home #section2{padding:235px 0;margin-top:-50px;margin-bottom:-132px;background:url(../images/brush.svg);background-size:cover;background-repeat:no-repeat;background-position:center}
#home #section2 h2{text-align:center;font-size:38px;font-weight:500;margin:20px 0 10px}
#home .programme_{align-items:normal;max-width:1365px;padding:30px 20px}
#home .programme_ div{text-align:center}
#home .programme_ p{font-size:18px;line-height:26px;font-weight:400;color:#FFF3E0}
#home .programme_ strong{display:block;font-family:'ranille';font-size:22px;font-weight:400}
#home .programme_ div span{display:block;color:#F8B542;font-weight:600;padding-top:15px}
#home .programme_ div em{display:block}
#home .programme_ div b{font-weight:600}
#home #consultation{margin-top:55px}
#home #consultation a{color:#FFF3E0;border:1px solid #fff3E0;border-radius:3px;padding:13px 25px;font-weight:normal;font-size:16px}
#home #qui-suis-je{position:relative;padding-top:100px}
#home #qui-suis-je .photo_texte{column-gap:7.8%;padding-top:40px;padding-bottom:40px}
#home #qui-suis-je .photo_texte .texte{width:682px}
#home #qui-suis-je .photo_texte .texte img{width:48px;display:block;margin:40px auto 30px}
#home #qui-suis-je .photo_texte h2{color:#253778;font-weight:500;font-family:'Poppins'}
#home #qui-suis-je::before{content:'';background:url(../images/separation-qui-suis-je.svg);position:absolute;width:100%;height:31px;background-size:cover;top:70px}
#home #qui-suis-je::after{content:'';background:url(../images/separation-qui-suis-je.svg);position:absolute;width:100%;height:31px;background-size:cover;bottom:-30px}
#home #rates{padding-top:100px}
#home #section6{text-align:center;padding:255px 0 70px;background:url(../images/brush-2.svg);background-size:cover;background-repeat:no-repeat;background-position:center top;position:relative;z-index:1;}
#home #section6::after{content:'';position:absolute;width:100%;height:220px;display:block;background:#F8B542;z-index:-1;bottom:0;}
#home #section6 .info_ a{font-size:30px;color:#FFF3E0;text-wrap:nowrap}
#home #section6 .info_ p:nth-child(2) img{height:1px;width:100%;object-fit:cover}
.whatsapp_Fr,.whatsapp_Vn{position:relative}
.whatsapp_Fr::before{content:'';background:url('../images/tel-fr.svg');display:inline-block;background-size:contain;background-repeat:no-repeat}
#home #section6 .info_ .whatsapp_Fr::before{background:url('../images/tel-fr.svg');width:24px;height:24px;margin-right:17px}
#home #section6 .info_ p:nth-child(2){margin:25px 0 45px;display:flex;flex-wrap:nowrap;overflow:hidden;column-gap:83px;justify-content:space-between;align-items:baseline}
#home #section6 .info_ a img{margin:0 15px;width:40px}
#newsletter p:first-child{margin-top:25px;font-family:'ranille';font-size:21px;}
#newsletter p:first-child #mail{border:0;padding:0 10px;line-height:30px;border-radius:3px;font-family:'POPPINS';width:350px;margin-top:10px;margin-left:28px;}
#newsletter button{font-family:'Poppins';border:0;background:#C41918;color:#fff;border-radius:3px;padding:0 5px;height:24px;transform:translateX(-37px);cursor:pointer;}
#newsletter p:last-child{font-size:10pt;text-align:left;margin:auto;width:350px;margin-top:15px;}
#newsletter #optin{margin-right:5px;transform:translateY(1px);position:inherit;display:inline-block;width:14px;height:14px;}
#newsletter button img{width:18px;margin-bottom:-4px}

/*------------------------------------------
++                  Blog                   ++
/*-----------------------------------------*/
#actu{padding:100px 0;position:relative}
#actu .title{display:block;margin-bottom:57px;color:#253778;font-weight:500;font-size:48px;text-align:left !important;text-transform:uppercase}
#actu .subtitle{color:#253778b5;font-size:14px;text-transform:uppercase;line-height:17px;display:block;font-weight:400}
#actu .title,#actu .subtitle{text-align:center}
#actu .subtitle{margin-bottom:80px}
#actu .blog_{overflow:hidden;justify-content:space-between}
#actu .item_blog{max-width:28%}
#actu .item_blog .photo{overflow:hidden;border-radius:6.44px}
#actu .item_blog img{width:100%;height:476.33px;max-height:100%;display:block;object-fit:cover;filter:grayscale(1);transition:700ms cubic-bezier(0.17,0.67,0,1.01)}
#actu .cat{color:#253778;display:inline-block;margin:20px 0 25px;font-size:9pt;font-weight:600;text-transform:uppercase;transition:700ms cubic-bezier(0.17,0.67,0,1.01);text-decoration:underline;text-decoration-color:#C41918;text-decoration-thickness:4px;text-underline-offset:6px}
#actu .cat:hover{text-decoration-color:#253778}
#actu .blog_ h2 a{font-size:20px;font-weight:600;color:#253778}
#actu .blog_ p{color:#253778b5;font-weight:400;margin:10px 0 20px;line-height:26px}
#actu .blog_ .voirPlus{color:#C41918;border-bottom:1px solid #e0e0e0;display:inline-block;line-height:28px}
#actu .item_blog:hover img{filter:grayscale(0%);transform:scale(1.05)}
#actu .item_blog:hover .cat{color:#253778}
#actu .item_blog .voirPlus:hover{border-color:#C41918}
#actu .cta_{margin:92px auto 0;text-align:center}
#actu .btn_{color:#FFF3E0}
#blogCats a{color:#fff;line-height:35px}
#blogLeft{flex:0 0 25%;height:calc(100% - 70px);text-align:center;position:relative}
#blogLeft:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;z-index:1;background:#00000030}
#blogLeft a:hover{text-decoration:underline}
#blogLeft img{object-fit:cover;margin-bottom:-4px;filter:grayscale(100%)}
#blogLeft .overall{position:absolute;left:0;top:0;width:100%;text-align:center;z-index:10}
#blogRight{flex:0 0 75%;height:calc(100vh - 70px);overflow-y:auto;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;padding-top:10px}
#blogRight::-webkit-scrollbar{display:none}
#blogSearch img{position:absolute;right:14%;top:31px;width:24px;height:auto}
#blogSearch input{width:80%;border:0;border-radius:30px;padding:10px 20px;margin:25px 0;font-size:11pt}
#faq div{padding:20px;border:1px solid #C41918;border-radius:6px;margin-bottom:20px}
#faq div p{display:none}
#faq div p:last-child{margin-bottom:0}
.blog h1.home{margin-top:35px}
.blog #content,.blogcat #content{padding-top:70px}
.blogCat{margin:25px 0!important;text-transform:uppercase;font-size:9pt}
.blogCat a{text-decoration:underline;text-decoration-color:#eee;text-decoration-thickness:4px;text-underline-offset:6px}
.blogCat a:hover{text-decoration-color:#333}
.blogColumn{display:flex;flex-direction:column;flex:1}
.blogDate{margin:25px 0!important;color:#253778b5;text-transform:uppercase;font-size:8pt}
.blogGrid{display:flex;margin-top:50px}
.blogImage{overflow:hidden}
.blogImage img{width:100%;height:auto;filter:grayscale(1);transition:700ms cubic-bezier(0.17,0.67,0,1.01);display:block;object-fit:cover}
.blogItem{padding:50px;box-sizing:border-box;border-right:1px solid #ddd;border-top:1px solid #ddd}
.blogItem:hover img{filter:grayscale(0);transform:scale(1.05)}
.blogNoPost{margin-top:130px}
.blogNoPost img{margin-bottom:-20px}
.blogReadMore{margin-top:25px}
.blogSingle{padding:0 100px 100px}
.blogSingle h2{position:relative;font-size:16pt;;padding:50px 0 35px}
.blogSingle h2:after{content:"";position:absolute;bottom:25px;left:0;display:block;background:#C41918;width:50px;height:2px}
.blogSingle h3{font-size:12pt;margin-bottom:25px}
.blogSingle #faq h3{margin-bottom:0}
.blogSingle nav{line-height:35px}
.blogSingle nav a:after{content:"";position:absolute;bottom:-1px;left:0;display:block;background:#C41918;width:0;height:2px;transition:700ms cubic-bezier(0.17,0.67,0,1.01)}
.blogSingle nav a:hover:after{width:100%}
.blogSingle nav li{position:relative;display:table}
.blogSingle p{margin-block-start:1em;margin-block-end:1em;line-height:25px}
.blogSingle main p a{position:relative;font-weight:500}
.blogSingle main p a:after{content:"";position:absolute;bottom:-2px;left:0;display:block;background:#C41918;width:30px;height:2px;transition:700ms cubic-bezier(0.17,0.67,0,1.01)}
.blogSingle main p a:hover:after{width:100%}
.blogSingle ul{margin-bottom:25px}
.blogSingle ul li{margin:10px 0 10px 17px;list-style:circle;line-height:25px}
.blogSingle .blogImage img:hover{filter:grayscale(0);transform:scale(1.05)}
.blogSummary{line-height:26px;color:#253778}
.blogTitle a:hover{text-decoration:underline}
.voirPlus_{position:relative;transition:.3s ease-in-out;margin:0;font-size:16px;float:right;color:#253778}
.voirPlus_:hover{color:#C41918}
.voirPlus_::before{content:'';display:inline-block;background:url(../images/arrowCase.svg);width:13px;height:13px;transform:translate(-5px,1px);transition:.3s ease-in-out;background-size:contain;background-repeat:no-repeat}

/*------------------------------------------
++           CONTACT           ++
/*-----------------------------------------*/
#contact{padding-top:100px}
#contact .d-flexCB{margin:auto;align-items:start;justify-content:space-between}
#contact .title__{font-size:48px;margin-bottom:57px}
#contact .photo{max-width:410.53px}
#contact .photo img{width:100%;display:block}
#contact .formulaire{max-width:62%}
#contact input[type=text],#contact input[type=number],#contact input[type=tel],#contact input[type=email]{font-family:'Poppins';border:1px solid #aaa;font-size:16px;padding-left:10px;height:48px;color:#333;-webkit-appearance:none;width:100%;margin-bottom:33px;background:transparent;border-radius:3px}
#contact input[type=text]:focus,#contact input[type=number]:focus,#contact input[type=tel]:focus,#contact input[type=email]:focus{border:1px solid #F8B542!important}
#contact input[type=text]::placeholder,input[type=tel]::placeholder,input[type=email]::placeholder{color:#253778}
#contact label{position:relative;padding-left:25px;margin:0 8px}
#contact textarea{font-family:'Poppins';border:1px solid #aaa;overflow:auto;font-size:16px;color:#333;width:100%;resize:none;margin-bottom:22px;padding:15px 10px;border-radius:3px;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;height:150px}
#contact textarea::placeholder{color:#888}
#contact textarea:focus{border:1px solid #F8B542}
#contact .btn_{cursor:pointer;margin:30px auto 45px;display:table;border:none;padding:12.5px 35px}
#contact .btn_ span{color:#FFF3E0;font-family:'Poppins';font-size:16px;font-weight:500}
#contact .fiftyL{float:left;width:calc(50% - 10px)}
#contact .fiftyR{float:right;width:calc(50% - 10px)}
#contact .fiftyL,#contact .fiftyR{position:relative;padding-top:20px}
#contact .fiftyL.full{width:100%!important;max-width:100%!important}
#contact .fiftyL label,#contact .fiftyR label{position:absolute;left:0;top:-5px;z-index:2;background:transparent;line-height:20px;font-size:16px;padding:0;color:#253778;border-top-left-radius:6px;border-top-right-radius:6px;margin:0}
#contact .fiftyL input:focus,#contact .fiftyR input:focus,#contact select:focus,#contact textarea:focus{background-color:transparent!important}
#phone::placeholder{color:#888}
#contact .formulaire p, #contact .formulaire p a{line-height:20px;font-size:10pt;padding:0;color:#253778;}
#contact .wrapCGS{margin-top:18px;}
#contact .wrapCGS label{margin-left:25px!important;}
#contact #cgs{margin-right:8px;transform:translateY(1px);}
input[type=checkbox]{position:absolute;top:-1px;left:0;cursor:pointer;width:17px;height:17px;padding:0;border-radius:0.25em;display:block;background-repeat:no-repeat;background-color:transparent;border:1px solid #FFF3E0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}
input[type=checkbox]:checked{background:#253778;border-color:#253778;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E")}
#contact input[type=checkbox]{border:1px solid #253778;}
#contact .clearfix,#contact .wrap_{clear:both;}

/*------------------------------------------
++           FOOTER           ++
/*-----------------------------------------*/

#footer_bottom{font-size:14px;font-weight:300;line-height:24px;padding:30px 0;background-color:#253778}
#footer_bottom p{color:#FFF3E0}
#footer_bottom a,#cookiego{color:#FFF3E0;margin-left:22px;font-weight:300}
#footer_bottom a:hover,#cookiego:hover{color:#F8B542}
#cookiego{cursor:pointer}

/*------------------------------------------
++           COOKIES           ++
/*-----------------------------------------*/
#cookiePopup{text-align:left}
#cookiePopup img{float:right;width:47%;max-width:100%}
#cookiePopup span{font-size:14pt;display:block}
#cookiePopup p.h1{font-size:18pt;float:none;font-family:'ranille';color:#253778;margin:10px 0 22px}
#cookiePopup p{font-size:12pt;float:left;width:100%;color:#101010;font-weight:400;line-height:26px}


/*------------------------------------------
++                 Legal                   ++
/*-----------------------------------------*/
#tempPage{margin:150px 0 130px}
#tempPage a{font-weight:600}
#tempPage a:hover{text-decoration:underline;text-decoration-color:#253778;text-decoration-thickness:3px;text-underline-offset:4px}
#tempPage li{list-style:circle;margin-left:17px;margin-block-start:1em;margin-block-end:1em;line-height:24px;color:#333}
#tempPage h1{font-size:28pt;margin-top:10px;margin-bottom:15px;word-wrap:break-word;color:#253778;text-align:center}
#tempPage .subtitle{text-align:center}
#tempPage .subtitle p{color:#333;text-transform:uppercase;letter-spacing:2px}
#tempPage h2{font-size:18pt;position:relative;margin-bottom:35px;color:#253778}
#tempPage h2:after{content:"";position:absolute;bottom:-9px;left:0;display:block;background:#C41918;width:50px;height:2px}
#tempPage h2 span{display:block;text-transform:none;margin-bottom:0!important}
#tempPage h3{font-size:14pt;margin-top:10px;margin-bottom:25px;font-weight:600;position:relative;color:#000}
#tempPage h3 span{display:block;text-transform:none;margin-bottom:0!important}
#tempPage h4{font-size:12pt;margin-top:10px;margin-bottom:25px;font-weight:600;text-transform:uppercase;position:relative}
#tempPage h4 span{display:block;text-transform:none;margin-bottom:0!important}
#tempPage hr.line{background-color:#888888;height:2px;width:80px;margin:auto}
#tempPage p{font-weight:400;font-size:16px;line-height:29px;color:#333;margin-block-start:1em;margin-block-end:1em}
#tempPage .blockTitle{margin-top:45px}
#tempPage .subtitle{margin-bottom:30px}
#tempPage .textzone .center{text-align:center}
#tempPage .textzone ul{margin-left:35px}
#tempPage .textzone ul li{list-style:circle;margin:10px 0}