/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}


/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}


/* header -------------------------------------------------------------------- */



@font-face {
  font-family:AvenirNextLTPro;
  src: url("/assets/site/fonts/AvenirNextLTPro-Regular.otf");
}

body{
font-family:AvenirNextLTPro;	
}

a{
cursor:pointer;
}

button:focus{
outline: none !important;
}

button:hover{
cursor:pointer !important;
}



.part-fixe{
position: fixed;
width: 100%;
top:0;
z-index: 999;
}

.fixe-bar-top-2{
position: fixed !important;
width: 100% !important;
top: 35px !important;
}


.part-fixe .toggle-btn{
width:30px;
height:30px;
float:right;
margin-right:20px;
position:relative;
cursor:pointer;
}

.part-fixe .toggle-btn span{
width:100%;
height:4px;
background:#019a74;
position:absolute;
top:20px;
left:0;
}

.part-fixe .toggle-btn span::before{
content:"";
width:100%;
height:4px;
background:#019a74;
position:absolute;
top:10px;
left:0;
}

.part-fixe .toggle-btn span::after{
content:"";
width:100%;
height:4px;
background:#019a74;
position:absolute;
top:-10px;
left:0;
}

.part-fixe .menu-mobile{
height:1000px;
width:400px;
background:#fff;
position: relative;
}

.part-fixe .menu-mobile li a{
color:#000;
display:inline-block;
padding-top:30px;
padding-right:15px;
text-decoration:none;
font-size: 18px;
}

.part-fixe .nav{
margin-left:-350px;
height:0px;
transition-duration:0.1s;
}

.part-fixe .nav-open{
margin-left:0px;
height:1000px;
transition-duration:0.1s;
}

.part-fixe .bar-blanc{
background:#ffffff;
padding:10px;
box-shadow: 0px 0px 25px #ccc;
}

.menu-mobile ul{
padding-left:25px;
}

.slider-home{
background:url("/assets/site/images/header-image.png");
width:100%;
background-repeat:no-repeat;
background-size: 100% 100%;

}

header .fa{
font-size:16px;
color:#019a74;
padding-right:10px;
padding-left:10px;
}


.header-contact .fa{
font-size:16px;
color:#019a74;
padding-right:10px;
padding-left:10px;
}

.top-header{
padding-top:50px;
padding-bottom:50px;
}

@media screen and (min-width:768px){
.top-header{
padding:80px;
}
}



.contenu-slider{
padding-top:50px;
padding-bottom:100px;
}

@media screen and (min-width:768px){
.contenu-slider{
padding-top:200px;
padding-bottom:200px;
}
}




.bar-navigation{
width: 100%;
background: #fff;
border-radius: 50px;
box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.4);
}


.size-16{
font-size: 16px !important;
}



.connexion{
text-align: center;
background: #019a74;
border-top-right-radius:50px;
border-bottom-right-radius: 50px;
padding-top:25px;
}

.connexion a{
color:#fff;
}

.connexion a:hover{
color:#fff;
text-decoration:none;
}



.logo{
padding-top: 10px;
padding-bottom:10px;
position: relative;
}

.logo img{
	width: auto;
    height: 59px;
}

.texte-slider{
font-size:52px;
color:#fff;
text-align:left;
}

.black{
color:#000;
}
.green{
	color:#309255;
	}


.texte-2-slider{
font-size:28px;
color:#fff;
text-align:left;
}


.padding-bouton-slider{
padding-top: 20px;
margin-bottom: -40px;
}







.btn-1 img{
margin-right:10px;
}

.menu-mobile img{
margin-right:10px;
}





.right{
float:right;
}

.texte-logo{
display: inline-block;
position: absolute;
content: "";
right: 43px;
top: 25px;
font-weight: 500;
font-size: 20px;
text-align: right;
}

.modal-content {
background:0;
border:0 !important;
}

.modal-dialog {
margin:0 !important;
}

@media (min-width: 576px){
.modal-dialog {
max-width:100% !important;
margin:0 !important;
}
}


.modal-body {
padding: 0 !important;
}

.modal-open .modal {
padding-right: 0 !important;
}

.close {
color: #fff !important;
opacity:1 !important;
font-size:22px !important;
margin-right:20px;
}

.top-header-1 a {text-decoration: none;}
.top-header-1 h1 {
	font-size: 40px;
  	font-weight: 700;
	margin-bottom: 20px;
  	margin-top: 20px;
}

.top-header-1 .ul-reset {
padding-left: 0;
margin-top: 0;
margin-right: -15px;
margin-bottom: 0;
list-style: none;
position: relative;
}



/* #Navigation Styles

–––––––––––––––––––––––––––––––––––––––––––––––––– */
.top-header-1 nav {
	background: #fff;
	font-size: 0;
}


.top-header-1 nav > ul > li:first-child {margin-left: 0;}
.top-header-1 nav > ul > li:last-child {
margin-right: 0;
position: absolute;
right: 0;
}

@media screen and (min-width:1200px){
.top-header-1 nav > ul > li > a {
	color: #000;
  	display: block;
  	position: relative;
  	padding: 25px 8px;
	line-height:29px;
}
}

@media screen and (min-width:1300px){
.top-header-1 nav > ul > li > a {
	color: #000;
  	display: block;
  	position: relative;
  	padding: 25px 12px;
	line-height:29px;
}
}

@media screen and (min-width:1400px){
.top-header-1 nav > ul > li > a {
	color: #000;
  	display: block;
  	position: relative;
  	padding: 25px 7px;
	line-height:29px;
}
}

@media screen and (min-width:1500px){
.top-header-1 nav > ul > li > a {
	color: #000;
  	display: block;
  	position: relative;
  	padding: 25px 10px;
	line-height:29px;
}
}

@media screen and (min-width:1600px){
.top-header-1 nav > ul > li > a {
	color: #000;
  	display: block;
  	position: relative;
  	padding: 25px 16px;
	line-height:29px;
}
}

@media screen and (min-width:1700px){
.top-header-1 nav > ul > li > a {
	color: #000;
  	display: block;
  	position: relative;
  	padding: 25px 23px;
	line-height:29px;
}
}

@media screen and (min-width:1800px){
.top-header-1 nav > ul > li > a {
	color: #000;
  	display: block;
  	position: relative;
  	padding: 25px 28px;
	line-height:29px;
}
}

@media screen and (min-width:1900px){
.top-header-1 nav > ul > li > a {
	color: #000;
  	display: block;
  	position: relative;
  	padding: 25px 33px;
	line-height:29px;
}
}

.top-header-1 nav > ul > li > a:hover {
	color: #fff;
	text-decoration:none;
	background:#000;
}

.mega-menu + li > a {
	color: #fff !important;
	text-decoration:none !important;
	background:#000 !important;
}



.top-header-1 nav > ul > li:nth-child(6) > a:hover {
	color: #fff;
	text-decoration:none;
	background:none !important;
}


nav > ul > li:nth-child(6):hover a:after{
	content: '';
	position: absolute;
	left:5%;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

nav > ul > li:nth-child(6):hover a:before{
	content: '';
	display: block;  
	position: absolute;
	right:80%;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}


.top-header-1 nav > ul > li:hover > a:before{
	content: '';
	position: absolute;
	left:25%;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 12px solid #000;
	border-top: 12px solid transparent;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

.top-header-1 nav > ul > li:hover > a:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	z-index:9;
	height: 0;
	border-bottom: 12px solid transparent;
	border-top: 12px solid #000;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}


.top-header-1 nav > ul > li:hover > a{
	background:#000 !important;
	color:#fff !important;
}




.top-header-1 nav > ul > li:hover + nav > ul > li a:before{
	content: '';
	position: absolute;
	left:20%;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.top-header-1 nav > ul > li:hover + nav > ul > li a:after{
	content: '';
	display: block;  
	position: absolute;
	left: 55%;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}






/* #Mega Menu Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.top-header-1 .mega-menu {
	background: rgba(255, 255, 255, 0.9);
  	display: none;
  	left: 0;
  	position: absolute;
  	text-align: left;
  	width: 100%;
}
.top-header-1 .mega-menu h3 {color: #444;}
.top-header-1 .mega-menu ul {
	float: left;
  	margin-bottom: 20px;
  	margin-right: 40px;
}
.top-header-1 .mega-menu ul:last-child {margin-right: 0;}
.top-header-1 .mega-menu a {
  	color: #000;
  	display: block;
  	padding: 10px 0px;
	font-weight: 700;
}
.top-header-1 .mega-menu a:hover {color: #000; text-decoration:none;}



/* #Droppable Class Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.top-header-1 .droppable:hover .mega-menu {display: block;}



/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.top-header-1 .cf:before,
.top-header-1 .cf:after {
	content: " "; /* 1 */
   display: table; /* 2 */
}
.cf:after {clear: both;}

.top-header-1{
padding-top: 55px;
padding-bottom: 55px;
position: fixed;
left: 10%;
right: 10%;
z-index: 9;
}


@media screen and (min-width:1250px){
.top-header-1{
padding-top: 55px;
padding-bottom: 55px;
position: fixed;
left: 10%;
right: 10%;
z-index: 9;
}
}

.top-header-contact{
padding: 55px 0px;
margin-right: -60px;
margin-left: -60px;
margin-top:-40px;
}


.top-header-1 .bar-navigation{
width: 100%;
background: #fff;
border-radius: 50px;
box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.4);
}






.top-header-1 .connexion{
text-align: center;
background: #019a74;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
padding-top:25px;
padding-left:7px;
}

.top-header-1 .connexion a{
color:#fff;
font-size:11px;
}

@media screen and (min-width:1400px){
.top-header-1 .connexion a{
color:#fff;
font-size:18px;
}
}

.top-header-1 .connexion a:hover{
color:#fff;
text-decoration:none;
}

.top-header-1 .connexion-modal{
padding-top: 4px;
}

.top-header-1 .connexion-modal a:before{
position:absolute;
content:"";
background:url("/assets/site/images/icon-1-connexion.png");
width: 26px;
height: 18px;
left:10%;
top:20%;

}

.top-header-1 .connexion-modal a:after{
position:absolute;
content:"";
background:url("/assets/site/images/icon-2-connexion.png");
width: 26px;
height: 18px;
right:15%;
bottom:20%;
}


.top-header-contact .connexion-modal a:before{
position:absolute;
content:"";
background:url("/assets/site/images/icon-1-connexion.png");
width: 26px;
height: 18px;
left:10%;
top:10%;

}

.top-header-contact .connexion-modal a:after{
position:absolute;
content:"";
background:url("/assets/site/images/icon-2-connexion.png");
width: 26px;
height: 18px;
right:15%;
bottom:18%;
}


.top-header-1 .texte-logo{
display:inline-block;
float:right;

}


.sub-menu{
display:none;
font-size: 9px;
}

.up-mobile.fa{
display:none;
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}

.down-mobile{
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}



.sub-menu-2{
display:none;
font-size: 9px;
}

.up-mobile-2.fa{
display:none;
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}

.down-mobile-2{
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}


.size-14{
font-size:14px !important;
}

.size-13{
font-size:13px !important;
}

.size-12{
font-size:12px !important;
}

.size-9{
font-size:9px !important;
}

.sub-menu-3{
display:none;
font-size: 9px;
}

.up-mobile-3.fa{
display:none;
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}

.down-mobile-3{
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}


.sub-menu-4{
display:none;
font-size: 9px;
}

.up-mobile-4.fa{
display:none;
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}

.down-mobile-4{
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}

.sub-menu-5{
display:none;
font-size: 9px;
}

.up-mobile-5.fa{
display:none;
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}

.down-mobile-5{
background: #019a74;
color: #fff !important;
padding: 3px !important;
font-size: 10px !important;
border-radius: 50%;
}

.sub-menu-6{
display:none;
font-size: 9px;
}

.up-mobile-6.fa{
display:none;
background: #019a74;
color: #fff !important;
padding: 4px !important;
font-size: 10px !important;
border-radius: 50%;
}

.down-mobile-6{
background: #019a74;
color: #fff !important;
padding: 4px !important;
font-size: 10px !important;
border-radius: 50%;
}

.sub-menu-7{
display:none;
font-size: 9px;
}

.up-mobile-7.fa{
display:none;
background: #019a74;
color: #fff !important;
padding: 4px !important;
font-size: 10px !important;
border-radius: 50%;
}

.down-mobile-7{
background: #019a74;
color: #fff !important;
padding: 4px !important;
font-size: 10px !important;
border-radius: 50%;
}

.sub-menu-8{
display:none;
font-size: 9px;
}

.up-mobile-8.fa{
display:none;
background: #019a74;
color: #fff !important;
padding: 4px !important;
font-size: 10px !important;
border-radius: 50%;
}

.down-mobile-8{
background: #019a74;
color: #fff !important;
padding: 4px !important;
font-size: 10px !important;
border-radius: 50%;
}

.sub-menu-9{
display:none;
font-size: 9px;
}

.up-mobile-9.fa{
display:none;
border:1px solid #019a74;
color: #019a74 !important;
padding: 3px !important;
font-size: 8px !important;
border-radius: 50%;
}

.down-mobile-9{
border:1px solid #019a74;
color: #019a74 !important;
padding: 3px !important;
font-size: 8px !important;
border-radius: 50%;
}

.sub-menu-10{
display:none;
font-size: 9px;
}

.up-mobile-10.fa{
display:none;
border:1px solid #019a74;
color: #019a74 !important;
padding: 3px !important;
font-size: 8px !important;
border-radius: 50%;
}

.down-mobile-10{
border:1px solid #019a74;
color: #019a74 !important;
padding: 3px !important;
font-size: 8px !important;
border-radius: 50%;
}

.sub-menu-11{
display:none;
font-size: 9px;
}

.up-mobile-11.fa{
display:none;
border:1px solid #019a74;
color: #019a74 !important;
padding: 3px !important;
font-size: 8px !important;
border-radius: 50%;
}

.down-mobile-11{
border:1px solid #019a74;
color: #019a74 !important;
padding: 3px !important;
font-size: 8px !important;
border-radius: 50%;
}


/* block-service --------------------------------------------------------------------------------------    */




.block-service{
background:#000;
position:relative;
border-bottom:16px solid #019a74;
transition-duration:0.5s;
}

.block-service:hover{
background:#019a74;
position:relative;
border-bottom:16px solid #000;
}

.block-service:hover .block-titre{
color:#000;
transition-duration:0.5s;
}

.block-service--active{
background: #019a74;
position: relative;
border-bottom: 15px solid #000;
transform: scaleY(1.2);
transition-duration:0.5s;
}

.block-service--active:hover{
background: #000;
position: relative;
border-bottom: 15px solid #019a74;
transform: scaleY(1.2);
}

.block-service--active:hover .block-titre--active{
color:#019a74;
transition-duration:0.5s;
}

.fixe-bar-top{
padding-top:0;
padding-bottom: 55px;
position: fixed;
left: 10%;
right: 10%;
top:0;
z-index: 9;
}

.block-work{
padding:15px 10px;
}

.block-titre{
text-align:center;
margin-bottom:20px;
margin-top:20px;
color:#019a74;
font-size:30px;
font-weight:bold;
transition-duration:0.5s;
}

.block-titre--active{
text-align:center;
margin-bottom:20px;
margin-top:20px;
color:#000;
font-size:30px;
font-weight:bold;
transition-duration:0.5s;
}



.block-texte{
font-size:15px;
color:#fff;
}

.majus{
text-transform: uppercase;
font-weight:500;
}


.block-button{
background:#000;
padding:5px;
color:#fff;
text-align:center;
display:none;
}

/* carousel-slider --------------------------------------------------------------------------------------    */

.carousel-slider{
overflow:hidden;
}

.carousel-slider .block-service{
background:#000;
position:relative;
border-bottom:0;
overflow:hidden;
}




.carousel-slider .block-work{
padding:15px 10px 5px 10px;
color:white;
}

.carousel-slider .block-work img{
margin-right:15px;
}

.text-1-slider-responsive{
font-size:13px;
margin-bottom: 5px;
}

.text-2-slider-responsive{
font-size:11px;
}


.carousel-slider .carousel-control {
	display:none;
}




.carousel-slider .carousel-indicators li.active{
background-color:white;
width:12px;
height:12px;
border-radius:50%;
}
.carousel-slider .carousel-indicators li{
background-color:#ccc;
width:12px;
height:12px;
border-radius:50%;
}

.carousel-slider .carousel-indicators{
top:40px;
left: 80%;
margin-right: 0;
margin-left: 0;
}



.block-icon{
text-align:center;
}

.top-{
margin-top:-90px;
}



/* carousel-service --------------------------------------------------------------------------------------    */

.carousel-service{
overflow: hidden;
padding-bottom: 50px;
}

.carousel-service .block-service{
background:#019a74;
position:relative;
border-bottom:0;
}




.carousel-service .block-work{
padding:15px 10px;
}

.carousel-service .block-titre{
text-align:center;
margin-bottom:20px;
margin-top:20px;
color:#000;
font-size:30px;
font-weight:bold;
}

.carousel-service .carousel-control {
	display:none;
}




.carousel-service .carousel-indicators li.active{
background-color:green;
width:12px;
height:12px;
border-radius:50%;
}
.carousel-service .carousel-indicators li{
background-color:#ccc;
width:12px;
height:12px;
border-radius:50%;
}

.carousel-service .carousel-indicators{
bottom:-45px !important;
}



/*  definition formation ------------------------------------------------------- */

.block-formation-titre{
font-size: 36px;
}
.uppercase{
	text-transform: uppercase;
}
.block-formation-titre span{
font-size:36px;
color:#019a74;
font-weight:700;
}

@media screen and (min-width:768px){
.block-formation-titre{
font-size: 48px;
}
}


@media screen and (min-width:768px){
.block-formation-titre span{
font-size:48px;
color:#019a74;
font-weight:900;
}
}

.block-formation-texte {
font-size:14px;
}
.formation .block-formation-titre.titre1{
	margin-top: 320px;
}

@media screen and (min-width:768px){
.block-formation-texte {
font-size:16px;
}
}

.block-formation-green{
color:#019a74;
}

.margin-def{
margin-top:70px;
}

@media screen and (min-width:768px){
.margin-def{
margin-top:100px;
}
}

/* contact -------------------------------------------------------------------- */

.block-contact{
background: url(/assets/site/images/contact-bg-mobile.png);
padding-top: 100px;
padding-bottom: 40px;
text-align: center;
background-size: 100% 100%;
margin-top: 40px;
}

@media screen and (min-width:768px){
.block-contact{
background: url(/assets/site/images/contact-bg.png);
padding-top: 160px;
background-size:cover;
background-position: top center;
padding-bottom: 40px;
text-align: left;
margin-top: -45px;
}
}
.contact-titre{
font-size:27px;
}

.contact-texte{
font-size:18px;
color:#fff;
}


.btn-1 button:hover{
box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.4);
cursor:pointer;
}

.bouton-espace-personnel  button:hover{
box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.4);
cursor:pointer;
}

input{
outline:none !important;
}

.block-souvenir-de-moi input{
outline:none !important;
}

.btn-1 button{
position:relative;
padding:10px 20px;
font-weight: 600;
color:white;
font-size:14px;
border:0;
border-radius:20px;
}

@media screen and (min-width:1200px){
.btn-1 button{
position:relative;
padding:10px 25px;
font-weight: 600;
color:white;
font-size:18px;
border:0;
border-radius:20px;
}
}




.btn-1 button:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 12px solid #000;
	border-top: 12px solid transparent;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

@media screen and (min-width:768px){
.btn-1 button:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 15px solid #000;
	border-top: 15px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
}

.btn-1 button:before{
	content: '';
	display: block;  
	position: absolute;
	right: 50px;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 12px solid transparent;
	border-top: 12px solid #000;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

@media screen and (min-width:768px){
.btn-1 button:before{
	content: '';
	display: block;  
	position: absolute;
	right: 50px;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 15px solid transparent;
	border-top: 15px solid #000;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
}

.btn-1--couleur{
background:#000;
}


@media screen and (min-width:768px){
.p-top{
padding-top:40px;
}
}



/* formation -------------------------------------------------------------------- */

.block-formation-glob{
background:#f6f6f6;
padding-top:50px;
}



.image-formation{
background:#019a74;
}

.image-formation img{
width:100%;
-webkit-transition: 0.3s ease-in-out;
}



.block-formation:hover .image-formation img{
opacity:0.4;
}

.block-formation:hover .texte-image{
display:block;
}

.texte-image{
position: absolute;
top: 25%;
left: 18%;
display: none;
color: #fff;
}

@media screen and (min-width:500px){
.texte-image{
position: absolute;
top: 25%;
left: 18%;
display: none;
color: #fff;
}
}



@media screen and (min-width:768px){
.texte-image{
position: absolute;
top: 43%;
left: 15%;
display: none;
color: #fff;
}
}

.duree-prix{
display:inline;
font-size:11px;
margin-left:0px;
}
 
 
@media screen and (min-width:992px){
.duree-prix{
display:inline;
font-size:14px;
margin-left:0px;
}
}

@media screen and (min-width:1200px){
.duree-prix{
display:inline;
font-size:18px;
margin-left:0px;
}
}

@media screen and (min-width:991px){
.texte-image{
position: absolute;
top: 40%;
left: 15%;
display: none;
color: #fff;
}
}

.block-duree-prix{
bottom:0;
}
 
@media screen and (min-width:768px){
.block-duree-prix{
bottom:0;
padding-top:55px;
padding-left:20px;
}
}

@media screen and (min-width:992px){
.block-duree-prix{
bottom:0;
padding-top:100px;
}
}

.block-formation .fa{
display:inline;
font-size:14px;
margin-right:5px;
}

@media screen and (min-width:992px){
.block-formation .fa{
display:inline;
font-size:20px;
}
}

.titre-formation:after{
position: absolute;
content: "";
background: url(/assets/site/images/after-image-formation.png);
width: 57px;
height: 30px;
right: 7%;
top: 30px;
}


.titre-formation:before{
position: absolute;
content: "";
background: url(/assets/site/images/before-image-formation.png);
width: 57px;
    height: 30px;
left: 7%;
top: -30px;
}

.titre-formation{
font-size:13px;
text-align:center;
position:relative;
}


@media screen and (min-width:992px){
.titre-formation{
font-size:19px;
text-align:center;
position:relative;
}
}

.icon-formation{
padding-bottom:20px;
padding-left:0px;
}

.icon-formation-2{
text-align: right;
padding-right:0px;
padding-bottom: 10px;
}

@media screen and (min-width:992px){
.icon-formation-2{
text-align: right;
padding-right:0px;
padding-bottom: 50px;
}
}


/* carousel-formation ------------------------------------------------------ */

.carousel-formation{
padding-bottom:50px;
padding-top:50px;
overflow:hidden;
}

.carousel-formation .fa{
color:#019a74;
}

.texte-carousel-formation{
background:#019a74;
text-align:center;
color:#fff;
padding:20px 50px;
}

.assistante-carousel{
border-bottom:1px solid #fff;
}

.temps-duree-carousel{
padding-top:10px;
}


.carousel-formation .carousel-control {
	display:none;
}


.image-carousel-formation img{
width:100%;
}


.carousel-formation .carousel-indicators li.active{
background-color:green;
width:12px;
height:12px;
border-radius:50%;
}
.carousel-formation .carousel-indicators li{
background-color:#ccc;
width:12px;
height:12px;
border-radius:50%;
}

.carousel-formation .carousel-indicators{
bottom:-45px !important;
}

/* solution ------------------------------------------------------ */


.solution{
background: url(/assets/site/images/solution-bg-mobile.png);
background-size: 100% 100%;
margin-top: 20px;
}

@media screen and (min-width:768px){
.solution{
background:url(/assets/site/images/solution-bg.png);
background-size:100% 100%;
background-position: top center;
margin-top: 0px;
}
}

.solution-titre{      
font-size: 30px;
line-height: 45px;
padding-top: 90px;
text-align:center;
}

@media screen and (min-width:768px){
.solution-titre{      
font-size: 24px;
line-height: 45px;
padding-top: 150px;
text-align:left;
}
}

@media screen and (min-width:992px){
.solution-titre{      
font-size: 37px;
line-height: 50px;
padding-top: 150px;
text-align:left;
}
}

.solution-texte{      
color: #fff;
padding-top: 150px;
font-size: 19px;
line-height: 25px;
}
}

@media screen and (min-width:768px){
.solution-texte{      
font-size: 17px;

}
}



.btn-2 .fa{
margin-right:15px;
font-size:20px;
}

.btn-2 button:hover{
box-shadow: 0px 0px 25px rgba(1,154,116, 0.4);
cursor:pointer;
}

.btn-2 button{
position:relative;
padding:10px 20px;
color:white;
font-size:14px;
border:0;
border-radius:20px;
}

@media screen and (min-width:1200px){
.btn-2 button{
position:relative;
padding:10px 35px;
color:white;
font-size:18px;
font-weight:600;
border:0;
border-radius:20px;
}
}




.m-t-moin{
margin-top:-35px;
}


.btn-2 button:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 12px solid #019a74;
	border-top: 12px solid transparent;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

@media screen and (min-width:768px){
.btn-2 button:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 15px solid #019a74;
	border-top: 15px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
}

.btn-2 button:before{
	content: '';
	display: block;  
	position: absolute;
	right: 50px;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 12px solid transparent;
	border-top: 12px solid #019a74;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

@media screen and (min-width:768px){
.btn-2 button:before{
	content: '';
	display: block;  
	position: absolute;
	right: 50px;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 15px solid transparent;
	border-top: 15px solid #019a74;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
}

.btn--vert{
background:#019a74;
}

.solution--white{
color:#fff;
}

/* actualite ------------------------------------------------------ */

.block-actualite{
position:relative;
}


.block-actualite img {
width:100%;
}

.date-actualite{
text-align:center;
background:#000;
}

.date-actualite p{
color:#fff;
font-size:12px;
-webkit-transition: 0.3s ease-in-out;
}

.block-actualite:hover .date-actualite p{
opacity:0;
}





.texte-layer-actualite{
 position: absolute;
left: -100%;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
color:white;
z-index: 1;
-webkit-transition: 1.3s ease-in-out;
padding:0;
text-align:center;
display:none;
}

@media screen and (min-width:768px){
.texte-layer-actualite{
 position: absolute;
left: 0;
bottom: 100%;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
color:white;
z-index: 1;
-webkit-transition: 1.3s ease-in-out;
padding:0;
text-align:center;
display:none;
}
}

.globale-carousel-actualite{
position: relative;
overflow:hidden;
}

.globale-carousel-actualite:hover .texte-layer-actualite{
 position: absolute;
left: 0;
bottom: 0;
padding:70px 15px 10px 15px;
display:block;
}


.block-actualite:hover .texte-layer-actualite{
 position: absolute;
left: 0;
bottom: 0;
padding:20px 15px 10px 15px;
display:block;
}



.texte-layer-actualite p{
font-size:12px;
}

@media screen and (min-width:1200px){
.texte-layer-actualite p{
font-size:14px;
}
}

.definition-actualite{
font-size:14px;
text-align:center;
padding:0px 15px;
}


.solution-petit-button a{
background:#019a74;
border-radius:50%;
padding:5px 8px;
color:white;
}


/* carousel-actualite ------------------------------------------------------ */

.carousel-actualite{
padding-bottom:50px;
padding-top:50px;
overflow:hidden;
}


.globale-carousel-actualite:hover .date-carousel-actualite p{
opacity:0;
transition: 0.4s;
}


.carousel-actualite .date-carousel-actualite{
background:#000;
color:#fff;
padding:0px 15px;
}


.carousel-actualite .carousel-control {
	display:none;
}


.image-carousel-actualite img{
width:100%;
}


.carousel-actualite .carousel-indicators li.active{
background-color:green;
width:12px;
height:12px;
border-radius:50%;
}
.carousel-actualite .carousel-indicators li{
background-color:#ccc;
width:12px;
height:12px;
border-radius:50%;
}

.carousel-actualite .carousel-indicators{
bottom:-45px !important;
}


/*  newsletter ---------------------------------------------------------- */

.newsletter{
text-align:center;
}

@media screen and (min-width:768px){
.newsletter{
text-align:left;
}
}


.image-newsletter .fa{
display:inline-block;
margin-left:3px;
margin-right:3px;
color:white;
padding:10px 11px;
font-size:12px;
background:#019a74;
border-radius:50%;
}

.image-newsletter .fa:hover{
background:#000;
}



.newsletter input {
    display: inline-block !important;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #019a74;
    font-size: 20px;
	outline:none;
}

.padding-fa{
padding-left: 13px !important;
padding-right: 12px !important;
}

.form-newsletter a {
border-bottom: 1px solid #019a74;
padding-bottom: 11px;
}

.buton-newsletter {
background: url(/assets/site/images/btn-newsletter.png);
width: 22px;
height: 18px;
border: 0;
}

.newsletter--green{
color:#019a74;
}
.presentation{
	margin-top: 100px;
}
.newsletter-titre{
font-size:18px;
    margin-top: 25px;
}
.title-description{
	
		font-size: 59px;
		line-height: 0.9em;
	}
	.description-description{
		
			color: rgba(255, 255, 255, 0.86);
			font-size: 28px;
			line-height: 1.4em;
			text-align: center;
		
	}
.presentation-description{
	 background: url(/assets/site/images/presentation-3-3.png);
	 padding: 100px;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-size: 100%;
}

.title-description {
    font-size: 59px;
    line-height: 0.9em;
    text-align: center;
    margin: 50px;
    color: #fff;
    margin-bottom: 100px;
}


/* parlent-de-nous ------------------------------------------------------ */

.parlent-de-nous{
background: url(/assets/site/images/back-parlent-nous.png);
padding-bottom: 90px;
background-size: 100% 100%;
padding-top: 150px;
overflow:hidden;
}

.parlent-de-nous .carousel-control .fa{
color:#000;
font-weight:bold;
font-size:20px;
}

.parlent-de-nous .carousel-item{
background:#fff;
border-radius:150px;
}

.parlent-de-nous .carousel-control {
	width: 30px;
	height: 30px;
	top:40%;
}

.parlent-de-nous .left{
left:10px;
}


.parlent-de-nous .right{
right:10px;
}


.parlent-de-nous .box-img{
width:75px;
}


.parlent-de-nous .carousel-indicators li.active{
background-color:transparent;
width:0px;
height:0px;
}
.parlent-de-nous .carousel-indicators li{
background-color:transparent;
width:0px;
height:0px;
}


.parlent-de-nous .image-carousel{
position: relative;
content: "";
left: 41%;
top: -52px;
width:150px;
height:130px;
}



.parlent-de-nous .image-carousel img{
position: absolute;
content: "";
top: 0px;
left: 3px;
width: 126px;
height: 123px;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 50% 100%, 0% 50%);
}

.parlent-de-nous .nom-client-carousel{
position: absolute;
content: "";
top: 44%;
left: 30%;
font-size:20px;
}

.parlent-de-nous .star-rating p{
font-size:28px;
width:90%;
padding-top:20px;
}

.parlent-de-nous .list-inline{
margin-left:-40px;
font-size:13px;
}


@media screen and (min-width:992px){
.parlent-de-nous .list-inline{
margin-left:-90px;
font-size:13px;
}
}


.parlent-de-nous .list-inline .fa{
font-size:13px;
color:#019a74;
}

/* ----------------------------------------------------------------------------- */


.parlent-de-nous .globale-carousel{
position:relative;
text-align:center;
}


.parlent-de-nous .grande-titre span:before{
background: url(env.png);
position: absolute;
content: "";
width: 30px;
height: 21px;
left: -30px;
top: 6%;
}





.parlent-de-nous .grande-titre span:after{
background: url(env.png);
position: absolute;
content: "";
width: 30px;
height: 21px;
right: -30px;
top: 47%;
}


.parlent-de-nous .carousel-item:before{
	content: '';
	display: block;  
	position: absolute;
	right: 20%;
	top: 100%;
	width: 0;
	height: 0;
	border-top: 60px solid #fff;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}


.parlent-de-nous .carousel-item:after{
    background: url(/assets/site/images/icon-parlent-nous.png);
    width: 79px;
    height: 59px;
	content: '';
	display: block;  
	position: absolute;
	right: 16%;
	top:-28px;
}

.parlent-de-nous .carousel-inner:before{
background: url(/assets/site/images/icon-parlent-nous.png);
width: 80px;
height: 60px;
content: '';
position: absolute;
right: 19%;
z-index: 99;
top: -25px;
}


/* parlent-de-nous top-moins ------------------------------------------------------ */

.parlent-de-nous-top-moins{
background: url(/assets/site/images/back-parlent-nous.png);
padding-bottom: 160px;
background-size: 100% 100%;
padding-top: 200px;
margin-top: -200px;
z-index: 1;
position: relative;
overflow:hidden;
}


.parlent-de-nous-top-moins .carousel-control .fa{
color:#000;
font-weight:bold;
font-size:20px;
}

.parlent-de-nous-top-moins .carousel-item{
background:#fff;
border-radius:150px;
}

.parlent-de-nous-top-moins .carousel-control {
	width: 30px;
	height: 30px;
	top:40%;
}

.parlent-de-nous .left{
left:10px;
}


.parlent-de-nous-top-moins .right{
right:10px;
}


.parlent-de-nous-top-moins .box-img{
width:120px;
}


.parlent-de-nous-top-moins .carousel-indicators li.active{
background-color:transparent;
width:0px;
height:0px;
}
.parlent-de-nous-top-moins .carousel-indicators li{
background-color:transparent;
width:0px;
height:0px;
}


.parlent-de-nous-top-moins .image-carousel{
position: absolute;
content: "";
left: 41%;
top: -52px;
}

.parlent-de-nous-top-moins .nom-client-carousel{
position: absolute;
content: "";
top: 44%;
left: 30%;
font-size:20px;
}

.parlent-de-nous-top-moins .star-rating p{
font-size:28px;
width:90%;
padding-top:20px;
}

.parlent-de-nous-top-moins .list-inline{
margin-left:-40px;
font-size:13px;
}


@media screen and (min-width:992px){
.parlent-de-nous-top-moins .list-inline{
margin-left:-90px;
font-size:13px;
}
}


.parlent-de-nous-top-moins .list-inline .fa{
font-size:13px;
color:#019a74;
}

/* ----------------------------------------------------------------------------- */


.parlent-de-nous-top-moins .globale-carousel{
position:relative;
text-align:center;
}


.parlent-de-nous-top-moins .grande-titre span:before{
background: url(env.png);
position: absolute;
content: "";
width: 30px;
height: 21px;
left: -30px;
top: 6%;
}





.parlent-de-nous-top-moins .grande-titre span:after{
background: url(env.png);
position: absolute;
content: "";
width: 30px;
height: 21px;
right: -30px;
top: 47%;
}


.parlent-de-nous-top-moins .carousel-item:before{
	content: '';
	display: block;  
	position: absolute;
	right: 15%;
	top: 100%;
	width: 0;
	height: 0;
	border-top: 50px solid #fff;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}


.parlent-de-nous-top-moins .carousel-item:after{
    background: url(icon-parlent-nous.png);
    width: 79px;
    height: 59px;
	content: '';
	display: block;  
	position: absolute;
	right: 16%;
	top:-28px;
}




/* responsive-parlent-de-nous ------------------------------------------------------ */

.responsive-parlent-de-nous{
background: url(/assets/site/images/back-parlent-nous.png);
background-size: cover;
padding-bottom: 120px;
background-position: center center;
overflow: hidden;
}





.responsive-parlent-de-nous .carousel-control {
	width: 0px;
	height:0px;
	display:none;
}

.responsive-parlent-de-nous .left{
left:10px;
}


.responsive-parlent-de-nous .right{
right:10px;
}


.responsive-parlent-de-nous .box-img{
width:100px;
}


.responsive-parlent-de-nous .carousel-indicators li.active{
background-color:green;
width:12px;
height:12px;
border-radius:50%;
}
.responsive-parlent-de-nous .carousel-indicators li{
background-color:#ccc;
width:12px;
height:12px;
border-radius:50%;
}

.responsive-parlent-de-nous .carousel-indicators{
bottom:-90px !important;
}






.responsive-parlent-de-nous .star-rating p{
width: 90%;
position: absolute;
content: "";
top: 160px;
left: 12%;
font-size: 13px
}


.responsive-parlent-de-nous .list-inline{
position: absolute;
content: "";
left: 5%;
top: 144px;
}


.responsive-parlent-de-nous .list-inline .fa{
font-size:13px;
color:#019a74 !important;
}


.responsive-parlent-de-nous .image-carousel{
width: 150px;
height: 131px;
position: absolute;
top: 60px;
}

.responsive-parlent-de-nous .image-carousel img{
position: absolute;
content: "";
top: 0px;
left: 3px;
width: 126px;
height: 123px;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 50% 100%, 0% 50%);
}

.responsive-parlent-de-nous .nom-client-carousel{
position: absolute;
content: "";
top:190px;
left:15%;
font-size:13px;
}


.commentaire-client{
position: absolute;
content: "";
top: 227px;
font-size: 20px;
left: 14%;
}

.carousel-inner{
overflow:visible !important;
}

.responsive-parlent-de-nous .carousel-item{
padding-bottom:200px;
}


.responsive-parlent-de-nous .carousel-inner:before{
background: url(/assets/site/images/icon-parlent-nous.png);
width: 80px;
height: 60px;
content: '';
position: absolute;
right:8%;
z-index: 99;
top:14%;
}




/* ----------------------------------------------------------------------------- */


.responsive-parlent-de-nous .globale-carousel{
position:relative;
text-align:center;
}


.responsive-parlent-de-nous .grande-titre span:before{
background: url(env.png);
position: absolute;
content: "";
width: 30px;
height: 21px;
left: -30px;
top: 6%;
}





.responsive-parlent-de-nous .grande-titre span:after{
background: url(env.png);
position: absolute;
content: "";
width: 30px;
height: 21px;
right: -30px;
top: 47%;
}



/* maps ------------------------------------------------------ */


.carte-maps{
background:#019a74;
}

.bg-black{
background:#000;
}


@media screen and (max-width:767px){
.maps{
text-align:center;
}
.slider-home{
	background:url("/assets/site/images/header-image.png");
	width:100%;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	min-height: 1130px;
	}
}

.maps{
color:#fff;
}

.info{
padding-left:20px;
padding-bottom:15px;
font-size:17px;
}



@media screen and (min-width:768px){
.info .fa{
color:#019a74;
margin-right:10px;
display:inline-block !important;
font-size:20px;
}
}

.info p{
display: inline-block;
font-size: 14px;
line-height: 20px;
color:#fff;
}

.margin-phone{
margin-top:20px;
}

.padding-btn-actualite{
padding-top:15px;
}


@media screen and (min-width:992px){
.padding-btn-actualite{
padding-top:30px;
}
}


@media screen and (min-width:1200px){
.padding-btn-actualite{
padding-top:15px;
}
}


@media screen and (min-width:768px){
.margin-phone{
margin-top:50px;
}
}


.phone-email{
padding-left:20px;
}

.phone-email .fa{
color:#019a74;
display:inline-block;
font-size:20px;
}

.phone-email p{
display:inline-block;
margin-bottom:5px;
}

.siege-social p{
margin-bottom:5px;
font-size:17px;
}

.siege-social{
padding-left:20px;
padding-bottom:15px;
}


.p-top-maps{
padding-top:20px;
padding-bottom: 70px;
}


@media screen and (min-width:768px){
.p-top-maps{
padding-top: 150px;
z-index: 0;
position: relative;
padding-bottom: 100px;
}
}

.titre-maps{
position:absolute;
content:"";
font-size:24px;
color:#fff;
left:15%;
top:45%;
}

@media screen and (min-width:992px){
.titre-maps{
position:absolute;
content:"";
font-weight:bold;
font-size:36px;
color:#fff;
left:25%;
top:40%;
}
}

.texte-maps{
position:absolute;
content:"";
font-size:18px;
color:#fff;
left:15%;
top:55%;
}

@media screen and (min-width:992px){
.texte-maps{
position: absolute;
content: "";
font-size: 21px;
color: #fff;
left: 25%;
top: 50%;
}
}

.primary-color{
color:#019a74;
}

/* footer ----------------------------------------------------------- */


footer {
background: url(/assets/site/images/back-footer-mobile.png);
z-index: 1;
margin-top: -80px;
background-size: 100% 100%;
position: relative;
}


.icon-scroll{
text-align: right;
padding-top: 60px;
padding-bottom: 30px;
}







/* espace client --------------------------------------------------------------------------------------------------------------------------- */



.arriere-espace-client{
background:#019a74;
}

.espace-client{
padding-top:70px;
}

@media screen and (min-width:768px){
.espace-client{
padding-top:130px;
}
}


.padding-bottom{
padding-bottom:100px;
}

.espace-client .titre-espace-client{
font-size:27px;
color:#fff;
font-weight:400;
}

@media screen and (min-width:768px){
.espace-client .titre-espace-client{
font-size:44px;
color:#fff;
font-weight:400;
}
}

.espace-client .bouton-espace-client button{
position:relative;
padding:7px 10px;
background:#000;
color:white;
font-size:14px;
border:0;
border-radius:30px;
font-weight:500;
}

@media screen and (min-width:1200px){
.espace-client .bouton-espace-client button{
position:relative;
padding:10px 30px;
background:#000;
color:white;
font-size:18px;
border:0;
border-radius:30px;
font-weight:500;
}
}

.espace-client .bouton-espace-client button:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000;
	border-top: 8px solid transparent;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

@media screen and (min-width:768px){
.espace-client .bouton-espace-client button:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 15px solid #000;
	border-top: 15px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
}

.espace-client .bouton-espace-client button:before{
	content: '';
	display: block;  
	position: absolute;
	right: 50px;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 8px solid transparent;
	border-top: 8px solid #000;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

@media screen and (min-width:768px){
.espace-client .bouton-espace-client button:before{
	content: '';
	display: block;  
	position: absolute;
	right: 50px;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 15px solid transparent;
	border-top: 15px solid #000;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
}


.divider{
background: url("/assets/site/");
background-repeat: no-repeat;
background-position: right;
padding-right:30px;
}

@media screen and (min-width:768px){
.divider{
background: url("/assets/site/menu-divider.png");
background-repeat: no-repeat;
background-position: right;
padding-right:30px;
}
}



/* espace personnel -------------------------------------------------------------------------------------------------------------------------  */




.espace-personnel{
padding-top:70px;
}

@media screen and (min-width:768px){
.espace-personnel{
padding-top:130px;
padding-bottom: 200px;
}
}


#exampleModal-2 .espace-personnel{
padding-top:40px;
padding-bottom:135px;
}

@media screen and (min-width:768px){
#exampleModal-2 .espace-personnel{
padding-top:50px;
padding-bottom: 150px;
}
}


.padding-bottom{
padding-bottom:50px;
}

.espace-personnel .titre-espace-personnel{
font-size:27px;
color:#fff;
font-weight:400;
}

@media screen and (min-width:768px){
.espace-personnel .titre-espace-personnel{
font-size:44px;
color:#fff;
font-weight:400;
}
}

.espace-personnel .bouton-espace-personnel button{
position:relative;
padding:10px;
background:#000;
color:white;
font-size:14px;
margin-bottom:82px;
border:0;
border-radius:30px;
font-weight:500;
}

@media screen and (min-width:1200px){
.espace-personnel .bouton-espace-personnel button{
position:relative;
padding:10px 30px;
background:#000;
color:white;
font-size:18px;
border:0;
border-radius:30px;
font-weight:500;
}
}

.espace-personnel .bouton-espace-personnel button:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000;
	border-top: 8px solid transparent;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

@media screen and (min-width:768px){
.espace-personnel .bouton-espace-personnel button:after{
	content: '';
	display: block;  
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 15px solid #000;
	border-top: 15px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
}

.espace-personnel .bouton-espace-personnel button:before{
	content: '';
	display: block;  
	position: absolute;
	right: 50px;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 8px solid transparent;
	border-top: 8px solid #000;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

@media screen and (min-width:768px){
.espace-personnel .bouton-espace-personnel button:before{
	content: '';
	display: block;  
	position: absolute;
	right: 50px;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 15px solid transparent;
	border-top: 15px solid #000;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
}


.divider-espace-personnel{
background: url("/assets/site/");
background-repeat: no-repeat;
background-position: right;
padding-left:30px;
}

@media screen and (min-width:768px){
.divider-espace-personnel{
background: url("/assets/site/images/menu-divider.png");
background-repeat: no-repeat;
background-position: left;
padding-left:30px;
}
}




.input-espace-personnel input,
.input-espace-personnel select  {
overflow: visible;
border-radius: 30px;
padding: 8px 20px;
border: 0;
width: 280px;
font-size: 18px;
outline: none;
}
select::placeholder {
	color: #75757E;
  }
  .input-espace-personnel select {
	color: #75757E;
  }
.block-souvenir-de-moi{
color:#fff;
font-size:13px;
}

.block-souvenir-de-moi a{
color:#fff;
text-decoration:underline;
margin-left:25px;
}
a.login {
    position: absolute;
    left: 140px;
    text-decoration: underline !important;
    padding: 0;
}
a.inscrire {
    text-decoration: underline !important;
}


.input-espace-personnel select:focus {
    color: #000;
}
.input-espace-personnel select:focus-visible {
    color: #000;
}
.input-espace-personnel select:focus-within {
    color: #000;
}
.input-espace-personnel select:visited {
    color: #000;
}


.message-inscription{
	font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-top: 25px;
    
}

.espace-personnel label {
  display:inline-block;
  cursor: pointer;
}

.espace-personnel input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.espace-personnel input[type="checkbox"]+span {
  font-size:13px;
  color: #fff;
}
.espace-personnel input[type="checkbox"]+span:before {
  font: 16pt FontAwesome;
  content: '\00f096';
  display: inline-block;
  width: 16pt;
  padding: 2px 0 0 3px;
  margin-right:10px;
}
.espace-personnel input[type="checkbox"]:checked+span:before {
  content: '\00f046';
}
.espace-personnel input[type="checkbox"]:focus+span:before {
  outline: 1px dotted #aaa;
}
.espace-personnel input[type="checkbox"]:disabled+span {
  color: #999;
}
.espace-personnel input[type="checkbox"]:not(:disabled)+span:hover:before {
  text-shadow: 0 1px 2px #77F;
}


/* lieu formation  ----------------------------------------------------------------------------------------------------------------     */

.arriere-espace-personnel{
background:#019a74;
}

.arriere-espace-personnel .lieu-formation{
padding-top:70px;
}

@media screen and (min-width:768px){
.arriere-espace-personnel .lieu-formation{
padding-top:130px;
}
}

.date-formation{
color:#fff;
font-size:36px;
font-weight:500;
}


.titre-lieu-formation{
color:#000;
font-weight:700;
font-size:30px;
margin-bottom:0;
}

@media screen and (min-width:768px){
.titre-lieu-formation{
color:#000;
font-weight:700;
font-size:36px;
margin-bottom:0;
}
}

.texte-lieu-formation{
color:#fff;
font-size:16px;
}

@media screen and (min-width:768px){
.texte-lieu-formation{
color:#fff;
font-size:21px;
}
}


.largeur-maps-lieu-formation{
width:100% !important;
height:350px !important;
}

@media screen and (min-width:768px){
.largeur-maps-lieu-formation{
width:600px !important;
height:350px !important;
}
}

/*  contact formation  ---------------------------------------------------------------------------------------------------------------------- */

/* hedaer contact  -----------------------------------------------------------------------------------  */

.header-contact{
background:none;
margin-top:0px;
/*padding-top:50px;
padding-bottom:50px; */
}

@media screen and (min-width:1200px){
.header-contact{
background: url(/assets/site/images/back-header-contact.png);
position: fixed;
left: 0;
right: 0;
padding-bottom: 153px;
z-index:999;
}
}

/* block1 contact  -----------------------------------------------------------------------------------  */

.nom-page{
background:#f6f6f6;
box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.3);
padding: 10px 0px;
font-size: 18px;
top:73px;
z-index: 2;
width: 100%;
position: fixed;
}


@media screen and (min-width:1200px){
.nom-page{
background: #f6f6f6;
box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.3);
padding: 10px 0px;
font-size: 18px;
position: fixed;
right: 0;
left: 0;
top:215px;
z-index:2;
}
}

.nom-page span{
color:#019a74;
}

.padding-fixed{
padding-top:100px;
}

@media screen and (min-width:1200px){
.padding-fixed{
padding-top:300px;
}
}


/* ------------ -----------------------------------------------------------------------  */

.titre-contact{
color:#019a74;
font-weight:bold;
font-size:34px;
}

@media screen and (min-width:1200px){
.titre-contact{
color:#019a74;
font-weight:bold;
font-size:40px;
}
}
.back-black{
background:#000;
}


.back-green{
background:#019a74;
}

.info-contact{
padding:50px 60px;
}


@media screen and (min-width: 768px){
.info-contact{
padding:50px 15px;
}
}

@media screen and (min-width: 1200px){
.info-contact{
padding:100px 40px 100px 200px;
}
}

.text-1-contact{
color:#019a74;
font-size:24px;
font-weight:700;
}

.text-2-contact{
color:#fff;
font-size:16px;
font-weight:500;
}

.maps-contact{
background:#019a74;
width:350px;
height:250px;
border-radius:45px;
}

.phone-email{
color:#fff
}

.phone-email p{
display: inline-block;
margin-left: 20px;
font-size:17px;
}

.num-tel-contact{
font-size:25px;
font-weight:bold;
}

.email-contact{
font-size:20px;
}


.partie-contact input, .partie-contact textarea {
overflow: visible;
border-radius: 30px;
padding: 12px;
border: 0;
width:300px;
box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.6);
outline:none;
font-size: 18px;
    color: #757575;
}

.formulaire-contact{
padding-top:50px;
padding-bottom:50px;
}

@media screen and (min-width:768px){
.formulaire-contact{
padding-top:50px;
padding-bottom:250px;
}
}

.texte-message{
color:#fff;
font-size:13px;
}




/*   details formation -------------------------------------------------------------------------------------------------------------------    */



.bordure{
background: url(iamges/bordure.png);
border-radius: 50%;
width: 170px;
height: 185px;
margin: 0 auto;
padding-top: 13px;	
}

.back-icon{
width: 135px;
height: 135px;
margin-left: 15px;
margin-top: 10px;
background: #000;
border-radius: 50%;
position: relative;
}
.padding-fixed .bordure input#imgavatar{
	position: absolute;
    top: 10px;
    width: 160px;
    height: 160px;
    opacity: 0;
    cursor: pointer;
}
.icon-details-espace-client img{
	position: absolute;
	  border-radius: 50%;  
	  width: 90%;
	  height: 90%;
	  right: 5%;
	  top: 5%;
  }
  .padding-fixed input{
	width: 250px;
  }
  button#updateProfil {
    cursor: pointer;
    font-size: 16px;
    margin-top: 25px;
    text-align: center;
    color: #019a74;
    display: block;
    margin: 30px auto;
    border-radius: 10px; 
    padding: 15px 30px; 
    font-weight: 600;
}
.editform .titre-details{
margin-bottom: 15px;
}
  .editform .contenu-details{
	float: right;
  }
  #showform{
	cursor: pointer;
    font-size: 24px;
    margin-top: 60px;
    text-align: center;
    color: #019a74;
  } 
  #showform:after {
    content: "";
    display: block;
    border-bottom: 2px solid #019a74;
   
    width: 299px;
  
    position: relative;
    left: 122px;
}
.icon-details{
text-align: center;
padding-top: 40px;
}



.icon-details-espace-client{
text-align: center;
padding-top: 25px;	
}

.texte-bordure{
text-align:center;
font-size:30px;
font-weight: 500;
}

@media screen and (min-width:992px){
.texte-bordure{
text-align:center;
font-size:36px;
font-weight: 500;
}
}


.texte-bordure span{
color:#019a74;
}


.info-formation{
background: #019a74;
border-radius: 50px;
text-align: center;
color:#fff;
z-index:1;
position:relative;
}

.prochaine-session img{
margin-top:-4px;
}


.prochaine-session{
padding:15px 5px;
font-size:15px;
}

@media screen and (min-width:992px){
.prochaine-session{
padding:25px 5px 15px 5px;
font-size:20px;
}
}

.prochaine-session img {
padding-right:20px;
}

.date-details{
font-size:18px;
font-weight:500;
margin-bottom:0;	
}

.date-lieu-details{
padding:17px 0px;	
}

.date-lieu-details a:hover{
color:#fff;
font-size:10px;
text-decoration:underline;	
}

.date-lieu-details a{
color:#fff;
font-size:10px;
text-decoration:underline;	
}

.date-lieu-details .fa{
color:#fff;
font-size:15px;
margin-right:10px;
}

.back-opacity{
background: #ffffff3d;
padding:20px 0px;	
}

.block-description-titre{
font-weight:600;
color:#019a74;
font-size:24px;
}

@media screen and (min-width:768px){
.block-description-titre{
font-weight:900;
color:#019a74;
font-size:30px;
}
}

.block-details-formation-texte p{
display:inline;
}

.block-details-formation-texte{
font-size:16px;
line-height:22px;
}
	
@media screen and (min-width:768px){
.block-details-formation-texte{
font-size:20px;
line-height:24px;
}
}



.padding-paragraphe{
padding-top:20px;	
}



@media screen and (min-width:992px){
.padding-paragraphe{
padding-top:40px;	
}
}


@media screen and (max-width:767px){
.centrer{
text-align:center !important;	
}	
.slider-home{
	background:url("/assets/site/images/header-image.png");
	width:100%;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	min-height: 1130px;
	}
}	


	
.btn-2 img{
margin-right:15px;
}	

.localisation {
padding: 50px;
}

@media screen and (min-width:768px){	
.localisation {
padding: 50px 50px 200px 50px;
}
}

.titre-lieu-details-formation{
font-size: 45px;
color: #019a74;
}

@media screen and (min-width:870px){
.titre-lieu-details-formation{
font-size: 60px;
color: #019a74;
}
}

.adresse-localisation{
color:#fff;	
font-size:20px;
}

@media screen and (min-width:768px){
.adresse-localisation{
color:#fff;	
font-size:21px;
}
}

	
.localisation .maps .fa{
color:white;
font-size:80px;	
}	
	
.localisation .maps{
padding-top:30px;
padding-bottom:30px;
}	
	
	
/* details-espace-client --------------------------------------------------------------------------------------------     */

.titre-details{
font-weight:500;
font-size:18px;
text-align:center;
margin-right:8px;
}

@media screen and (min-width:768px){
.titre-details{
font-weight:500;
font-size:22px;
display:inline-block;
margin-right:8px;
text-align:left;
}
}	

.contenu-details{
font-size:18px;
color:#019a74;
text-align:center;
}

@media screen and (min-width:768px){	
.contenu-details{
display:inline-block;
font-size:18px;
color:#019a74;
text-align:left;
}
}		

.titre-formation-details{
font-size: 13px;
color: #000;
padding:16px;
text-align: center;
}	
	
@media screen and (min-width:992px){	
.titre-formation-details{
font-size: 16px;
color: #000;
padding:20px;
text-align: center;
}
}	

.titre-formation-details span{
display:block;
font-weight:400;
color:#fff;
font-size:15px;
}

@media screen and (min-width:992px){	
.titre-formation-details span{
display:block;
font-weight:400;
color:#fff;
font-size:20px;
}	
}

.bouton-solution-details-espac-client {
background: #f6f6f6;
border-radius: 50px;
padding:30px;
margin-top: -40px;
z-index: 0;
position: relative;
}

	
.poop-formation{
text-align: center;
display:none;
padding:50px;	
}	
.poop-formation a{
	text-decoration: none;
}

.poop-formation-2{
text-align: center;
display:none;
padding:50px;	
}

.poop-formation-details img{
width:100%
}
	
	
.bouton-solution-details-espac-client .btn-2 button{
	position: relative;
    display: flex;
    padding: 13px 35px;
    color: white;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    width: 250px;
    border-radius: 20px;
    box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.2);
    margin-left: 110px;
    align-items: center;
}

@media screen and (min-width:1200px){
.bouton-solution-details-espac-client .btn-2 button{
position:relative;
padding:13px 35px;
color:white;
font-size:14px;
font-weight:400;
border:0;
width:250px;
border-radius:20px;
box-shadow: 0px 0px 25px rgba(25, 29, 56, 0.2);
}
}	
	
	
.plus{
width: 25px;
height: 25px;
background:#019a74;
position: absolute;
left: 50%;
bottom:-42px;
border-radius: 50px;
margin-top: -19px;
}	
	
	
.moins{
width: 25px;
height: 25px;
background:#019a74;
position: absolute;
left: 50%;
bottom:-42px;
border-radius: 50px;
margin-top: -19px;
display:none;
}		
	
.moins .fa, .plus .fa{
color: white;
text-align: center;
padding: 7px 0px 0px 7px;
font-size: 15px;
} 	

	
.plus-2{
width: 25px;
height: 25px;
background:#019a74;
position: absolute;
left: 50%;
bottom:-42px;
border-radius: 50px;
margin-top: -19px;
}	
	
	
.moins-2{
width: 25px;
height: 25px;
background:#019a74;
position: absolute;
left: 50%;
bottom:-42px;
border-radius: 50px;
margin-top: -19px;
display:none;
}		
	
.moins-2 .fa, .plus-2 .fa{
color: white;
text-align: center;
padding: 7px 0px 0px 7px;
font-size: 15px;
} 	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* #Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav {
	background: #fff;
	font-size: 0;
}

nav > ul > li {
	display: inline-block;
  	font-size: 12px;
  		margin:0px;
		font-weight: bold;
}

@media screen and (min-width:1400px){
nav > ul > li {
	display: inline-block;
  	font-size: 15px;
  		margin:0px;
		font-weight: bold;
}
}


.mega-menu li {
		font-weight: 100 !important;
}

nav > ul > li:first-child {padding-left: 0;}
nav > ul > li:last-child {padding-right: 0;}



nav > ul > li > a:hover {
	color: #fff;
	text-decoration:none;
	background:#000;
}










/* #Mega Menu Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mega-menu {
	background: #ffffff87;
  	display: none;
  	left: 0;
  	position: absolute;
  	text-align: left;
  	width: 100%;
}
.mega-menu h3 {color: #444;}
.mega-menu ul {
	float: left;
  	margin-bottom: 20px;
  	margin-right: 40px;
  	width: 100%;
}
.mega-menu ul:last-child {margin-right: 0;}
.mega-menu a {
  	color: #000;
  	display: block;
  	padding: 10px 0px;
	font-weight: 700;
}
.mega-menu a:hover {color: #000; text-decoration:none;}



/* #Droppable Class Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.droppable {position: static;}

.droppable:hover .mega-menu {display: block;}

.mega-menu img{
margin-right:9px;
}

/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cf:before,
.cf:after {
	content: " "; /* 1 */
   display: table; /* 2 */
}
.cf:after {clear: both;}

	
	
	
	
	
	
	
	
	
	
	



.copyright{
font-size:13px;	
color:#7d7a7a;
font-weight:600;
padding-top:70px;
}

/***cards acceuil**/
.articles .card {
	
		color: #fff;
		display: grid;
		place-items: center;
		width: 100%;
		/* max-width: 21.875rem; */
		height: 360px;
		overflow: hidden;
		border-radius: 0.625rem;
		box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
	
  }
  
  .articles  .card > * {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
  }
  
  .articles  .card__background {
	object-fit: cover;
	max-width: 100%;
	height: 36.125rem;
  }
  
  .articles .card__content {

    --flow-space: 0.9375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-end;
    height: 55%;
    padding: 0 1.25rem 1.875rem;
	background: linear-gradient( 180deg, hsla(0, 0%, 0%, 0) 0%, hsl(130.65deg 100% 4.8% / 61%) 10%, hsl(0, 0%, 0%) 100% );
	width: 100%;
}
  
  .articles .card__content--container {
	--flow-space: 1.25rem;
  }
  
  .articles .card__title {
    position: relative;
    FONT-SIZE: 16PX;
    width: fit-content;
    width: -moz-fit-content;
    MARGIN-BOTTOM: 10PX;
}
  
  .articles  .card__title::after {
	content: "";
	position: absolute;
	height: 0.3125rem;
	width: calc(100% + 1.25rem);
	bottom: calc((1.25rem - 0.5rem) * -1);
	left: -1.25rem;
	background-color: var(--brand-color);
  }
  
  .articles .card__button {
	padding: 0.75em 1.6em;
	width: fit-content;
	width: -moz-fit-content; /* Prefijo necesario para Firefox  */
	font-variant: small-caps;
	font-weight: bold;
	border-radius: 0.45em;
	border: none;
	background-color: var(--brand-color);
	font-family: var(--font-title);
	font-size: 1.125rem;
	color: var(--black);
  }
  
  .articles .card__button:focus {
	outline: 2px solid black;
	outline-offset: -5px;
  }
  
  @media (any-hover: hover) and (any-pointer: fine) {
	.articles .card__content {
	  transform: translateY(62%);
	  transition: transform 500ms ease-out;
	  transition-delay: 500ms;
	  width: 100%;
	}
  
	.articles .card__title::after {
	  opacity: 0;
	  transform: scaleX(0);
	  transition: opacity 1000ms ease-in, transform 500ms ease-out;
	  transition-delay: 500ms;
	  transform-origin: right;
	}
  
	.articles .card__background {
	  transition: transform 500ms ease-in;
	}
  
	.articles .card__content--container > :not(.card__title),
	.articles .card__button {
	  opacity: 0;
	  transition: transform 500ms ease-out, opacity 500ms ease-out;
	}
  
	.articles .card:hover,
	.articles .card:focus-within {
	  transform: scale(1.05);
	  transition: transform 500ms ease-in;
	}
  
	.articles .card:hover .card__content,
	.articles .card:focus-within .card__content {
	  transform: translateY(0);
	  transition: transform 500ms ease-in;
	}
  
	.articles .card:focus-within .card__content {
	  transition-duration: 0ms;
	}
  
	.articles .card:hover .card__background,
	.articles .card:focus-within .card__background {
	  transform: scale(1.3);
	}
  
	.articles .card:hover .card__content--container > :not(.card__title),
	.articles .card:hover .card__button,
	.articles .card:focus-within .card__content--container > :not(.card__title),
	.articles .card:focus-within .card__button {
	  opacity: 1;
	  transition: opacity 500ms ease-in;
	  transition-delay: 1000ms;
	}
  
	.articles .card:hover .card__title::after,
	.articles .card:focus-within .card__title::after {
	  opacity: 1;
	  transform: scaleX(1);
	  transform-origin: left;
	  transition: opacity 500ms ease-in, transform 500ms ease-in;
	  transition-delay: 500ms;
	}
  } 
  .articles-page-acceuil{
	margin-top: 100px;
	margin-bottom: 50px;

  }
  .articles-page-acceuil .block-formation-titre {
	margin-bottom: 50px;
	
  }
.formation-acceuil{
	margin-top: 100px;
	margin-bottom: 150px;
}
.formation-acceuil .block-formation-titre{
	margin-bottom: 50px;
}
  /**card-formation-acceuil**/
  .color-mentor-bg-1 {
    background: #d8f9e6;
    padding: 30px;
    border-radius: 20px;
    position: relative;
}
.color-mentor-bg-2 {
	background: #019A74;
    padding: 30px;
    border-radius: 20px;
    position: relative;
}
.color-mentor-bg-2.student-mentor.cube-instuctor a{
	color: #d4ffe6;
}
.mentor-img img{
	width: 100%;
}
.color-mentor-bg-2.student-mentor.cube-instuctor .mentor-img img{
	width: 80%;
}
.color-mentor-bg-2.student-mentor.cube-instuctor .top-instructors p {
    font-size: 18px;
    margin-bottom: 0;
    margin-bottom: 40px;
    color: #fff;
}
.student-mentor h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
}
.elementor a {
    box-shadow: none;
    text-decoration: none;
}
.top-instructors p {
    font-size: 18px;
    margin-bottom: 0;
    margin-bottom: 40px;
}
.student-mentor.cube-instuctor a{
	color: #019A74;
	text-decoration: none;
}
.single-courses:hover {
    border-color: #309255;
}

.single-courses {
    margin-top: 30px;
    border: 1px solid rgba(48,146,85,0.2);
    border-radius: 15px;
    padding: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-courses .courses-images {
    position: relative;
}
.single-courses .courses-images a {
    display: block;
	cursor: default;
}
.single-courses .courses-images a img {
    width: 100%;
    border-radius: 15px;
}
.single-courses .courses-content {
    padding-top: 25px;
}
.single-courses .courses-content .courses-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.single-courses .courses-content .courses-author .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-courses .courses-content .courses-author .author .author-thumb a {
    display: block;
}
.single-courses .courses-content .courses-author .author .author-thumb a img {
    width: 50px;
    border-radius: 50%;
}
.single-courses .courses-content .courses-author .author .author-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 12px;
}
.single-courses .courses-content .courses-author .author .author-name .name {
    color: #52565b;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.single-courses .courses-content .courses-author .tag a {
    width: 100px;
    height: 35px;
    line-height: 35px;
    background-color: #e7f8ee;
    border-radius: 5px;
    font-size: 14px;
    color: #309255;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 0 10px;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}
.single-courses .courses-content .courses-author .tag a:hover {
    background-color: #309255;
	transition: all 0.3s ease 0s;
    color: #fff;
}
.single-courses .courses-content .courses-author .tag a {
    width: 100px;
    height: 35px;
    line-height: 35px;
    background-color: #e7f8ee;
    border-radius: 5px;
    font-size: 14px;
    color: #309255;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 0 10px;
}
.single-courses .courses-content .title a {
	margin-bottom: 0.5rem;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #1d2733;
    font-size: 16px;
    font-weight: 500;
    color: #212832;
    margin-top: 13px;
    display: inline-block;
    line-height: 1.4;
	text-decoration: none;
}
.single-courses:hover .courses-content .title a {
	margin-bottom: 0.5rem;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #309255;
    font-size: 16px;
    font-weight: 600;
   
    margin-top: 13px;
    display: inline-block;
    line-height: 1.4;
	text-decoration: none;
	cursor: default;
}
.single-courses .courses-content .courses-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
	padding-top: 10px;
    font-family: "Montserrat",sans-serif;
}
.single-courses .courses-content .courses-meta span i {
    color: #309255;
    margin-right: 5px;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
}
.single-courses .courses-content .courses-meta span {
    font-size: 14px;
    font-weight: 400;
    color: #52565b;
    margin-right: 20px;
    display: inline-block;
    line-height: 1;
}
.single-courses .courses-content .courses-price-review {
    background-color: #eefbf3;
    padding: 15px 20px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
.single-courses .courses-content .courses-price-review .courses-price {
    white-space: nowrap;
}
.single-courses .courses-content .courses-price-review .courses-price .sale-parice {
	font-size: 18px;
    color: #309255;
    margin-right: 5px;
    font-weight: bold;
    font-family: "Montserrat",sans-serif;
}
.single-courses .courses-content .courses-price-review .courses-review {
    white-space: nowrap;
}
.single-courses .courses-content .courses-price-review .courses-review .rating-count {
    font-size: 15px;
    font-weight: 500;
    color: #212832;
    margin-right: 2px;
}
.single-courses .courses-content .courses-price-review .courses-review .rating-star {
    position: relative;
}
.single-courses .courses-content .courses-price-review .courses-review .rating-star:before {
    content: "\f000\f000\f000\f000\f000";
    font-family: IcoFont;
    color: #d0d0d0;
    font-size: 14px;
    letter-spacing: 2px;
}
.formation-acceuil .single-courses .courses-content .courses-price-review .courses-review .rating-star .rating-bar:before {
    content: "\f000\f000\f000\f000\f000";
    font-family: IcoFont;
    color: #ffba00;
    font-size: 14px;
    letter-spacing: 2px;
}
/* .formation-acceuil .courses-btn {
    margin-top: 40px;
}
.formation-acceuil .courses-btn .btn {
    border: 1px solid #309255;
    line-height: 58px;
}
.formation-acceuil .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
.formation-acceuil .courses-btn .btn {
    border: 1px solid #309255;
    line-height: 58px;
}

.formation-acceuil .btn-secondary {
    color: #309255;
}
.formation-acceuil .btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.formation-acceuil .btn-hover-primary:hover:before {
    background-color: #309255;
}
.formation-acceuil .btn:hover:before {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}
.formation-acceuil .btn:before {
    width: 300px;
    height: 300px;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transition: 0.4s all linear;
    transition: 0.4s all linear;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    border-radius: 50%;
} */
.formation-acceuil .btn{
	
		
		font-size: 18px;
		background-color: #e7f8ee;
		padding: 20px 60px;
		border-radius: 15px;
		color: #309255;
		border: 1px solid;
	
}
.articles-page-acceuil{
	margin-top: 100px;
}
.articles{
	margin-top: 50px;
}
.formation-acceuil .formation-acceuil {
    margin-top: 100px;
    margin-bottom: 150px;
}
.formation-acceuil .courses-btn{
	margin-top: 50px;
}
.formation-acceuil .btn:hover{
	background-color:#309255 ;
	color: #fff;
	border: 1px solid #fff;
	border-color: #fff;
}
.formation-acceuil .btn:before {
    width: 300px;
    height: 300px;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transition: 0.4s all linear;
    transition: 0.4s all linear;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    border-radius: 50%;
}
.formation-acceuil .btn{
background-color: #e7f8ee;
}
.gallery {
	display: flex;
	padding: 2px;
	transition: .3s;
}

.gallery:hover .gallery__image {
	filter: grayscale(1);
}

.gallery__column {
	display: flex;
	flex-direction: column;
	width: 25%;
}

.gallery__link {
	margin: 2px;
	overflow: hidden;
}

.gallery__link:hover .gallery__image {
	filter: grayscale(0);
}

.gallery__link:hover .gallery__caption {
	opacity: 1;
}

.gallery__thumb {
	position: relative;
}

.gallery__image {
	display: block;
	width: 100%;
	transition: .3s;
}

.gallery__image:hover {
	transform: scale(1.1);
}

.gallery__caption {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px 15px 15px;
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: white;
	opacity: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%);
	transition: .3s;
}


figcaption.gallery__caption {
	display: none;
}

video {
	width: 100%;
}

.section-video {
	margin-top: 100px;
	margin-bottom: 100px;
}
#dtBasicExample td{
	padding: 15px;
}
#dtBasicExample thead{
    background-color: #3eb295;
    color: #fff;
}
.table.table-striped.table-bordered thead th {
    border-bottom-width: 2px;
    padding: 10px 15px;
    font-size: 16px;
}
.table.table-striped.table-bordered {
	background-color: #fff;
}
.titre-table-seances{
	
		font-size: 24px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 25px;
	}
	.poop-formation tbody{
		font-size: 14px;
	}
	.poop-formation td a {
		text-decoration: none;
		color: #01946f;
	}
	
	.profil-tabulation .table-container {
		max-height: 200px; 
		/* Ajustez la hauteur maximale selon vos besoins */
		overflow-y: auto;
		/* Activation de la barre de défilement */
		font-size: 16px;
	  }
  
	 .profil-tabulation table {
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 20px;
		display: none;
		background-color: #fff;
	  }
  
	 .profil-tabulation th,
	  .profil-tabulation td {
		border: 1px solid #ddd;
		padding: 8px;
		text-align: center;
	  }
  
	  .profil-tabulation th {
		background-color: #f2f2f2;
	  }
  
	  /* Affiche la table cible lorsque son lien est ciblé */
	  .profil-tabulation table:target {
		display: table;
		width: 100%;
		
	  }
  
	  .profil-tabulation caption {
		text-align: center;
	  }
  
	  .profil-tabulation a.tabulation1 {
		text-decoration: none;
		text-align: center;
		display: block;
		padding: 25px 25px;
		background: #019a74;
		color: #fff;
		border: 1px solid;
		margin-bottom: 50px;
		transition: all 0.5s;
	  }
  
	  .profil-tabulation a.tabulation1:hover {
		cursor: pointer;
		font-size: 18px;
		transition: all 0.5s;
	  }
	  .profil-tabulation a.tabulation1:active {
		cursor: pointer;
		font-size: 18px;
		transition: all 0.5s;
	  }
	  a.tabulation1:target {
		font-size: 18px;
		transition: font-size 0.5s ease-in-out; /* Ajoute une transition pour smooth effect */
	  }
@media screen and (min-width:768px){
.copyright{
font-size:15px;	
color:#7d7a7a;
font-weight:600;
padding-top:70px;
padding-bottom:10px;
}
}








@media screen and (max-width:767px){
	.maps{
	text-align:center;
	}
	.slider-home{
		background:url("/assets/site/images/header-image.png");
		
		background-repeat:no-repeat;
		background-size: contain;
		
		}
		header{
			max-height: 300px;
		}
		#showform:after{
			left: 45px;
		}
		.bouton-solution-details-espac-client .btn-2 button{
			margin-left: auto;
			margin-right: auto;
		}
		.poop-formation{
			padding: 0px;
		}
		.commentaire-client{
			font-size: 18px;
			top: 244px;
		}
		.color-mentor-bg-1{
			margin-bottom: 25px;
		}
		.editform .titre-details {
			margin-bottom: 15px;
			display: inline-block;
			font-size: 16px;
			width: 25%;
			margin-bottom: 20px;
		}
		.info-contact{
			padding: 30px;
		}
		.texte-maps {
			position: absolute;
			content: "";
			font-size: 18px;
			color: #fff;
			left: 0px;
			top: 55%;
		}
		.titre-maps {
			position: absolute;
			content: "";
			font-size: 24px;
			color: #fff;
			top: 45%;
			text-align: center;
			left: 50px;
		}
		.info{
			padding: 0px;
			text-align: center;
		}
		.siege-social {
			 padding-left: 0px; 
			padding-bottom: 15px;
			text-align: center;
		}
		.responsive-parlent-de-nous .carousel-indicators {
			bottom: -115px !important;
		}
		.presentation-description {
			background: url(/assets/site/images/presentation-3-3.png);
			padding: 30px;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: 100% 100%;
		}
		.title-description {
			font-size: 26px;
			line-height: 0.9em;
			text-align: center;
			margin: 20px;
			color: #fff;
			margin-bottom: 25px;
			line-height: 32px;
		}
		.description-description {
			color: rgba(255, 255, 255, 0.86);
			font-size: 19px;
			line-height: 1.4em;
			text-align: center;
		}
		.presentation {
			margin-top: 50px;
		}
		.maps-contact {
			background: #019a74;
			width: 100%;
			height: 100%;
			border-radius: 45px;
		}
	}