/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Belle Allure CM Epais by JBFoundry
 * URL: https://www.myfonts.com/collections/belle-allure-font-jbfoundry
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */


  
 @font-face {
	font-family: "BelleAllureCMEpais";
	src: url('webFonts/BelleAllureCMEpais/font2.woff2') format('woff2'), url('webFonts/BelleAllureCMEpais/font2.woff') format('woff');
  }

/********COLOR*********/
/*
#0C6980; BLEU FONCÉE
#b1d4e0: BLEU CLAIR
#FDB774; ORANGE

*/

/********GENERAL*********/
#primary-menu {
	display: unset !important;
}

p{
	line-height: 40px !important;
	color: black;
	text-transform: initial;
	text-align: justify;
}
.h6_single-banner{
	padding-top: 0px;
    padding-bottom: 0px;
}
.belle-allure{
	font-family: "BelleAllureCMEpais";
	font-size: 2.2rem;
}
.belle-allure-24{
	font-family: "BelleAllureCMEpais";
	font-size: 2rem !important;
	line-height: 50px !important;
}
.orange{
	color: #FDB774 !important;
}
.bleu-fonce{
	color: #0C6980 !important;
}
.surlignage{
	bottom: -30px !important;
}
.underline{
	text-decoration: underline;
}

.h6_single-banner::before{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 12.58%, rgba(255, 255, 255, 0) 83.62%);
}
.section-text{
    line-height: 40px !important;
    color: black !important;
	text-transform: initial;
}

.theme-btn-3, .theme-btn{
    background-color: #FDB774; /*ORANGE*/
	text-transform: uppercase;
}
a:visited {
	color: none !important;
}
.section{
	margin-top: 50px ;
}
.custom-logo-link{
	width: 200px ;
}
.section-area .section-text{
	margin-bottom:30px ;
}
.site-header{
	background-color: white;
}

/********PAGE ACCUEIL*********/

/*Section d'accueil*/
/*.h2_banner-area .align-items-center{
	padding-top: 20%;
}*/
.text-start{
	text-align: start;
}
.centrer-accueil{
	text-align: center;
}
.centrer-accueil h1, .centrer-accueil p{
	text-transform: uppercase;
}
.centrer-accueil p{
	text-align: center;
    color: white !important;
}
.image-gauche{
	margin-left: 40px;
  margin-right: 0px;
}
.h6_single-banner {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
	min-height: 575px;
}
.h2_banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.h2_banner-area {
    height: calc(100vh - 80px); /* Si la hauteur du header est de 80px */
}

.h2_banner-content .section-text {
	margin-bottom: 0px;
}
.section-area-2{
	padding:30px 0px;
}

.centrer-accueil p{
	font-size: 22px;
	font-weight: 600;
	text-shadow: 1px 1px 6px #92B7C4;
}
.h2_banner-content h1,.h2_banner-content h3{
	color:#0C6980 !important;
}

/*Section Image texte*/

.image-grid {
    display: flex;
    align-items: center; 
	margin-right: 30px;
}

.column {
    flex: 1; 
}

.left-column img {
    width: 100%;
    display: block; 
    margin-bottom: 10px; 
}

.right-column {
    display: flex;
    justify-content: center; 
    flex-direction: column; 
}

.right-column img {
    width: auto;
    height: 100%; 
    align-self: center; 
}

.column img:last-child {
    margin-bottom: 0;
}
.img-gauche-1{
    width: 406px !important;
	height: 300px;
	object-fit: cover;
	border-radius: 10px;
}
.img-gauche-2{
    margin-left: auto;
	width: 250px !important;
	border-radius: 10px;
	height: 170px;
	object-fit: cover;
}
.img-droite{
	width: 270px !important;
	height: 250px !important;
	object-fit: cover;
	border-radius: 10px;
}
.about-area .about-img{
	overflow: hidden;
}
/*Section texte image*/
.img-margin-left{
	margin-left: 30px;
}
.img-margin-right{
	margin-right: 30px;
}
/*Sectionn association*/
.center-img{
	text-align: center;
}
.center-img img{
	border-radius: 100px;
}
.image-container .row{
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.image-container {
    position: relative;
	border-radius: 25px;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.36);
	height: 300px;
}

.image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(177,212,224,0.5) 40%, rgba(253,183,116,0.5) 65%);
    z-index: 1; /* S'assure que le dégradé est au-dessus de l'arrière-plan */
	border-radius: 25px;

}
.titre-asso{
  left: 50%;
  z-index: 2;
  font-size: 20px;
  text-align: center;
}

.icon-centre{
	width: 100px;
	text-align: center;
	margin: auto;
}

/*Video*/
.logo-video{
	width: 150px;
	height: 150px;
	object-fit: cover;
}
.x390{
	width: 330px;
	height: 390px;
	object-fit: cover;
	border-radius: 10px;
}
.x500{
	width: 500px;
	height: 500px;
	object-fit: cover;
}


/********FOOTER*********/
.h2_footer-area .footer-widget-text{
	color: rgba(0, 0, 0);
}
.h2_footer-area .footer-widget-title {
	text-transform: uppercase;
	color: #000;
}
.h2_footer-area .footer-widget-list ul li a {
	color: #000;
}
.footer-area {
	background-color: #F7FDFF;
	box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2);
	margin-top: 0 !important;
}
.footer-top{
	padding: 70px 0;
}
.footer-widget-text{
	text-transform: initial;
}
.footer-widget-list li{
	list-style-type:none
}
.copyright-area{
	background-color:#b1d4e0;
}
.h2_footer-area .copyright-text p {
	color: #000;
}
.footer-widget{
	margin: 0;
}
/***LA GRAPHOPEDAGOGIE****/
.svg-background-container {
    position: relative;
    width: 100%;
    height: 60vh;
	z-index: -2;
	min-height: 400px;
	margin-bottom: 10%;
}

.svg-background {
    display: block;
    position: absolute;
    bottom: 0; 
    left: 0;
	top: 0;
}
.ligne{
	padding-bottom: 30px;
	position: relative;
  	display: inline-block;
}
.ligne::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20%;
	height: 2px;
	background-color:#0C6980;
	text-align: center;
	align-items: center;
	transform: translateX(-50%);
	left: 50%;
}
.cadre-blanc{
    background: white;
	padding: 30px;
	margin-top: 30px ;
	opacity: 0.75 ;
	position: relative;
  	display: inline-block;
}
.cadre-blanc::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20%;
	height: 2px;
	background-color:#FDB774;
	text-align: center;
	align-items: center;
	transform: translateX(-50%);
	left: 50%;
}
.course_details-area-img{
	width: 100%;
	height: 100%;
	object-fit: cover;  
}

.icone-centre {
    height: 75px; 
    display: block; 
    margin: 10px auto 0; 
}
.mini-icone{
	width: 20px;
	height: 20px;
	margin: 0 10px; 
}

/*********LES SEANCES*******/
.course_details-list li span:nth-of-type(2){
	text-align: end;
}
.img-resultat img{
    height: 350px; 
    width: 550px;
	object-fit: cover;
	margin:30px 0px;
}
.img-resultat {
    text-align: center;
}
.img-qui-suis-je{
	height: 400px;
	width: 400px;
	object-fit: cover;
	padding: 20px;
  
}
.svg-background-container_2{
	position: relative;
    width: 100%;
    height: 60vh;
	z-index: -2;
	min-height: 400px;
	margin-bottom: 20%;
}
.border-avant{
	border:#FDB774 5px solid;
}
.border-apres{
	border: #0C6980 5px solid;
}
.les-seances{
	line-height: 70px;
}

.course_details-area-img-2{
	width: 600px;
	height: 520px;
	object-fit: cover;
}
/******CONTACT******/

.contact-area{
    padding-top: 80px;
    padding-bottom: 240px;
	object-fit: cover;
}
.contact-content
{
    padding-top: 80px;
    padding-bottom: 40px;
	padding-left: 80px;
}
.contact-info{
    padding-top: 80px;
    padding-bottom: 40px;
	padding-right: 80px;
	margin-left: 10% ;
}
.background-orange{
    background-color: #FDB774;
}
.white{
    color: #ffffff;
}
.white p{
    color: #ffffff;
}
.white a{
    color: #ffffff;
}

.wpcf7-form label{
	width: 100% !important;
}

.wpcf7-form-control-wrap{
	display: grid !important;
	width: 100% !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
}
.wpcf7-form-control{
	border-top: none ;
	border-right: none ;
	border-left: none ;
    /*border-bottom: 1px solid #000;*/
}
textarea{
	resize: none;
	height: 100px;
}
.wpcf7-submit{
	box-shadow: 0px 2px 5px 0px rgba(32, 42, 61, 0.2);
	padding: 10px;
	background-color: #FDB774;
	color:white;
	border-bottom: none;
	width: 100%;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
/********ACTUALITES********/
.event-img img{
	width: 370px;
	height: 210px;
	object-fit: cover;
}
.actual-titre{
	padding-top: 20%;
  	padding-bottom: 10%;
}
.svg-background-container-3{
	position: relative;
	width: 100%;
	height: 60vh;
	z-index: -2;
	min-height: 400px;
	margin-bottom: -10%;
} 
.svg-background-container-4{
	position: relative;
	width: 100%;
	height: 60vh;
	z-index: -2;
	min-height: 400px;
	margin-bottom: -15%;
}
.section-area-actu{
	padding-bottom: 20%;
}

.section-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    overflow: hidden;
}
/******RESPONSIVE*****/


.image-grid .left-column .img-gauche-2{
    display: block; 
}

@media (max-width: 768px) {
	h1 {
        font-size: 1.5em; 
    }
    .image-grid .left-column .img-gauche-2,
    .image-grid .right-column{
        display: none; 
    }
    .image-grid {
        margin-right: 0; 
    }
	.img-margin-left{
		margin-left: 0px;
	}
	.x200{
		width: 100px;
		height: 100px;
	}
	.icon-centre-2{
		margin:0px;
		padding:0px;
		width: 100px;
	}
	.icon-centre{
		margin:0px;
		padding:0px;
	}
	.image-container .row{
		top: 24%;
  		left: 0px;
  		transform: none;
	}
    .about-img {
        padding: 0;
    }

    .x500 {
        height: 300px;
        width: auto;
    }
	.h2_about-inner-img2{
		width:100%
	}
	.video-inverse{
		flex-direction: column-reverse;
	}
	.belle-allure{
		font-size: 1.6rem;
	}

	/*center le footer*/
	.footer-widget {
        text-align: center;
		width: 100%;
    }
    .footer-widget .footer-widget-list ul,
    .footer-widget .footer-social ul {
        display: inline-block;
        padding: 0;
        margin: 0 auto; 
    }
    .footer-widget .footer-logo,
    .footer-widget .footer-widget-list,
    .footer-widget .footer-social {
        justify-content: center;  
    }
    .footer-widget .footer-logo img,
    .footer-widget .footer-widget-list ul li,
    .footer-widget .footer-social ul li {
        display: block; 
        margin-left: auto;
        margin-right: auto;
    }   
    .footer-widget .footer-widget-list a.theme-btn-3,
    .footer-widget .footer-widget-list a.theme-btn {
        display: block; 
        margin: 10px auto; 
    }
    .footer-widget.ml-80 {
        margin-left: 0; 
    }
	.justify-content-xl-center{
		padding: 0;
		padding-top:50px;
	}
	.mb-35{
		margin: 0;
	}
	.footer-social ul{
		display: flex !important;
		justify-content: center !important;
	}
	.footer-social ul li{
	margin-left: 0 !important;
    margin-right: 0 !important;
  	}
}

.theme-btn-4{
	background-color: transparent;
  	border: 2px #FDB774 solid;
  	color: #FDB774;
	border-radius: 10px;
	font-weight: 600;

}

.leaflet-marker-icon {
	object-fit: contain !important;
}

@media screen and (max-width: 767px) {
	.course_details-area {
		margin-top: 0px !important;
	}
	.course_details-area h1 {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}
}

@media only screen and (max-width: 991px) {
	.h2_banner-content .section-title {
		font-size: 2rem !important;
	}
	.h2_banner-area .align-items-center {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	.svg-background-container, .svg-background-container_2 {
		position: unset !important;
		width: unset !important;
		height: unset !important;
		min-height: unset !important;
		margin-bottom: unset !important;
	}
	.h2_banner-area .svg-background {
	  display: none;
	}
	.h6_single-banner {
		min-height: unset;
	}
	.h2_banner-content .section-title {
		font-size: 1.5rem !important;
	}
	.h2_banner-content .section-title span {
		font-size: 1.3rem !important;
	}
}