/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Author: Phenix Web
Author URI: https://phenixweb.com
Version: 1.0.0
Template: generatepress
Text Domain: generatepress-child
*/
/*Polices*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');
@import url("https://use.typekit.net/fbf8oly.css");
/*mopnserrat regular*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
/*montserrat bold*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
/*rubrik*/
@import url("https://use.typekit.net/rcv0hrm.css");
@import "../generatepress/assets/css/all.min.css";

@font-face {
	src: url('/typo/Montserrat-Medium.woff2') format('woff2'),
		url('/typo/Montserrat-Medium.woff') format('woff'),
		url('/typo/Montserrat-Medium.ttf')  format('truetype'),
		url('/typo/Montserrat-Bold.woff2') format('woff2'),
		url('/typo/Montserrat-Bold.woff') format('woff'),
		url('/typo/Montserrat-Bold.ttf')  format('truetype');
}

/* COLORS #90BB4E */
:root {
  --principale: #00AE42;
  --accent: #F99701;
}



.principale{
	color: var(--principale);
}

.bold{
	font-weight: bold
}


.accent{
	color: var(--accent);
}


.grid-container{
	max-width: none!important;
	padding: 0;
	margin: 0;
}
.grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, [class*=mobile-grid-], [class*=tablet-grid-]{
	padding: 0!important;
}
.wrapper.front-page-wrapper{
	width: 100%;
}

.flex{
	display: flex;
}

.flex-wrap{
	display: flex;
	flex-wrap: wrap;
}

.row{
	display:flex;
	flex-direction: row;
}
.col{
	display:flex;
	flex-direction: column;
}
html {
	padding: 0px 0px;
	font-size:100%;
	background-color: white;
}
body {
	font-family: 'rubrik-new', sans-serif;
	width: 100%;
	/*max-width: 1920px;*/
	margin: auto;
	font-size: 1rem;
	color: #002534;	
}
img {
	max-width: 100%;
	width: auto;
}

.regular{
	font-weight: normal;
}


h2{
	font-size: 32px;
}
h3{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
}
p{
	font-size: 16px;
}


p.small {
	font-size:13px;
}

p.light {
	font-weight:400;
}

.noMarg {
	margin:0px;
}

.margB-20 {
	margin-bottom:20px;
}


.margB-50 {
	margin-bottom:50px;
}


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

.margT-50 {
	margin-top:50px;
}

ol, ul {
	margin: 0;
}
.bkg-bleufonce {
	background-color: #002534;
}
.bkg-accent {
	background-color: var(--principale);
}
.bkg-orange {
	background-color: var(--accent);
}
.color-white {
	color: white;
}
.color-bleufonce {
	color: #002534;
}
.color-accent {
	color: var(--principale);
}

.border-bleuclair {
	border: 2px solid var(--principale);
}
.border-orange {
	border: 2px solid var(--accent);
}


/*
typos

font-family: 'Roboto Slab', serif;
font-family: rubrik-new, sans-serif;



*/
.footer-child-left, .footer-child-left a, .section-adresse>h2{
    font-weight: bolder;
    font-style: normal;
    font-size: 16px;
    color: #002534;
    /*margin-top: 34px;*/
}

.nom-du-site{
	font-size: 1rem;
	color:#002534;
}
.adresse p, .adresse a, .footer-child-right a {
	font-weight: 300;
	font-size:16px;
	color:#002534;
}

.adresse a:hover, .footer-child-right a:hover, .footer-child-right a:hover h3 {
	color: var(--accent);
} 

.footer-child-right li.btn-plein-accent a {
 	color:white;
}

.footer-child-right li.btn-plein-accent a:hover {
 	color:var(--principale);
}

.footer-child-right h3
{
	color:#005578;
	font-size: 1.25rem;
	text-transform: uppercase;
}


.btn-infolettre{
	color:white;
}


/*cible le texte en dessous du titre info lettre */
.footer-child-right p{
	font-size:1rem;
	color:#002534;
}

/*Marge liste planifier un don*/
.tab-content ul, tab-content li {
    margin-left: 20px;
}


/*Retirer les boutons de partage dans les formulaire Give WP*/
.give-form-wrap .addtoany_share_save_container {
	display:none;
}

/*
=========================
header.php
=========================
*/
.header-donation-button a {
    background-color: var(--accent)!important;
    color: white!important;
}
.header-donation-button a:hover {
    background-color: var(--principale)!important;
}
header{
	display:flex;
	flex-direction: row;
}
.header-sticky {
    z-index: 170;
    width: 100%;
    position: fixed;
	width: 100vw;
    top: 0;
    left: 0;
    right: 0;	
}

.header-sticky .header-left {
	padding-bottom: 20px;
}


.header-placeholder{
	min-height: 140px;
}


.header-top{
	background-color: #002433;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;


}
.inside-navigation{
	margin-left: 0px;
	margin-right: 0px;
	max-width: none; 
	padding-left: 0px; 
	padding-right: 0px;
	z-index: 1;
}
.place-card{
	display: none!important;
}

.header-top-left-child {
	width: 30%;
}
.header-top-right-child {
	width: 70%;
}
.header-left{
	background-color: var(--principale);
	width: 256px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	z-index: 50;
}
.header-left img, .logo-container-footer img{
	width:auto;
	height: auto;
	max-height: 100px;
    max-width: 140px;
}

.header-sticky .header-left img {
	max-height: 90px;
}


.header-right{
	width:90%;
}

.page-header-image{
	display: none;
}

.inside-header{
	padding:0px;
}

#masthead{
	background-color:#002534;
}
.site-description, #menu-menu-secondaire a{
	color: white;
	font-family: rubrik-new, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	padding: 24px 20px;
}

.menu-menu-secondaire-container ul{
	margin: 0px;
}


.main-nav li{
	flex: 1;
}
.main-nav a{
	width : 100%;
	padding: 5px;
}


/*
CSS menu secondaire
*/
.menu-menu-secondaire-container {
	float: right;
	margin-top: 22px;
}

.header-sociaux {
	float: right;
}

.header-sociaux a {
	float: left;
}

.header-sociaux a {
	color: white;
    font-size: 14px;
    padding: 24px 20px;
}

.header-sociaux a:hover {
	color: var(--accent);
}

#menu-menu-secondaire li{
	list-style-type: none;
	float: left;
}


.site-description {
	margin-left: 20px;
	display: block;
}

#menu-menu-secondaire li a:hover, .site-description:hover {
	color:var(--accent);
}

#menu-menu-secondaire li.current-menu-item a {
	color:var(--principale);
	font-weight: 600;
}

/*menu principal*/
#primary-menu, #menu-menu-principal {
	/*display: flex;*/
	flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    /*flex-wrap: nowrap;*/
}

#menu-menu-principal a{
	font-family: rubrik-new, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#333333;
	/*min-width: 175px;*/
	background-color:white;
	text-align:center;
	font-size: 20px;
	border-left: 2px solid rgba(0,0,0,0.05);
	height: 70px;
    padding-top: 27px;
    line-height: 17px;
}

#menu-menu-principal li.current_page_item a {
	color:var(--principale);
}

#menu-menu-principal li:first-of-type a {
	border-left: 0px;
}
#menu-menu-principal a:hover{
	background-color:var(--accent);
	color:white;
}
.main-navigation{
	background-color:transparent;
}
.header-donation-button a{
	border-radius: 0px 0px 50px 0px;
	display: inline-block;
}



/*
* 
* ============
*  Home Page
* ============
* 
*/

/*Section intro accueil Master head*/
.masterhead {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	background-color: var(--principale);
	margin-top: -70px;
}


.masterhead-homepage {
	/* align-items: flex-start; */
}
.masterhead-page .enfant-masterhead-gauche {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0% 8.2%;
}
.masterhead-page .enfant-masterhead-gauche > * {
	/*cible les enfants directs sur les pages blogues et qui sommes nous*/
	margin: 10px 0px;
}
/*cible les elements enfants  de .masterhead-page .enfant-masterhead-gauche*/
.masterhead-page .enfant-masterhead-gauche h1 {
	font-size: 2rem;
	font-weight: 700;
}
.masterhead-page .enfant-masterhead-gauche h2 {
	font-size: 1.250rem;
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
}
.masterhead-page .enfant-masterhead-gauche p {}
.page-qui-sommes-nous .masterhead-page .enfant-masterhead-droite {
	min-height: 621px;
}
.page-blogue .masterhead-page .enfant-masterhead-droite {
	min-height: 571px;
}
.enfant-masterhead-gauche {
	width: 50%;
}
.enfant-masterhead-gauche > * {
	width: 100% !important;
}
.enfant-masterhead-gauche {
	/* max-width: 512px; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	color: white;
	box-sizing: border-box;
}
.enfant-masterhead-gauche h1, .tabs-qui-sommes-nous .tabs-container h1, .tabs-blogue .tabs-container h1 /*, .tabs-blogue .tabs-container h2*/ {
	font-family: rubrik-new, sans-serif;
}
.emg-contenu-principal h1, .tabs-qui-sommes-nous .tabs-container h1, .tabs-blogue .tabs-container h1 {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
}
.tabs-blogue .tabs-container h1 {
	color: var(--principale);
	font-weight: 600;
}
.emg-contenu-principal {
	padding: 170px 14% 80px 14%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap: wrap;
}
.emg-contenu-principal > * {
	width: 100%;
	max-width: 512px;
	margin: auto;
}
.emg-contenu-principal > * {
	/* padding:10px 0px; */
	width: 100%;
}

.emg-contenu-principal h2 {
	margin-bottom: 0px;
}

.masterhead-short .emg-contenu-principal{
	padding-right: 23%;
}

.masterhead-nouvelle-en-vedette {
	background-color: white;
	padding: 50px 14% 50px 14%;
}


.lien-vers-la-nouvelle::after {
	content: '>';
}
.masterhead-nouvelle-en-vedette .item-extrait-article-nouvelles h3, .masterhead-nouvelle-en-vedette .item-extrait-article-nouvelles p {
	color: #002534;
}
.masterhead-nouvelle-en-vedette .item-extrait-article-nouvelles h3 {
	text-transform: uppercase;
}
.emg-contenu-principal h2 {
	font-size: 1.250rem;
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
}
.emg-contenu-principal p {
	font-size: 1rem;
	font-family: rubrik-new, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.5;
	max-width: 512px;
}
.emg-contenu-principal > * {
	margin: 10px 0px;
}
.enfant-masterhead-droite {
	width: 50%;
	/*min-height: 870px;*/
	/*background-image: url('https://via.placeholder.com/768x870.png?text=image bkg par defaut');*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.nouvelle-vedette-contenu i {
	margin-right: 10px;
}

.masterhead-nouvelle-en-vedette .fa-newspaper,
.nouvelle-contenu .fa-newspaper {
	position: absolute;
    margin-left: -80px;
    font-size: 56px;
    color: var(--accent);
    margin-top: -5px;
}

.btn, input[type="submit"], button.give-btn-reveal, button.give-btn-modal {
	text-decoration: none;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 50px;
	width: auto;
	text-align: center;
	padding: 10px 30px 8px 30px!important;
	line-height: 1.5;
	margin-right: 20px;
	margin-bottom: 20px;
}

button.give-btn-reveal, button.give-btn-modal {
	border:none;
	background-color: var(--accent);
    color: white;
}


.btn-plein, input[type="submit"] {
	background-color: var(--accent);
	color: white;
}

.btn-plein:hover, input[type="submit"]:hover, button.give-btn-reveal:hover, button.give-btn-modal:hover {
	background-color: #002433;
	color: white;
}

.btn-plein-noir {
    color: white;
    background-color: #002534;
}

.btn-plein-noir:hover {
    color: white;
    background-color: var(--accent);
}


.btn-plein-accent {
    background-color: var(--principale);
    color: white;
}

.btn-plein-accent:hover {
    background-color: white;
    color: var(--principale);
}

.btn-contour {
	background-color: transparent;
	border: 2px solid white;
	color: white;
}

.btn-contour:hover {
	background-color: white;
	border: 2px solid white;
	color: var(--accent);
}

.btn-contour-accent {
	background-color: transparent;
	border: 2px solid var(--principale);
	color: var(--principale);
}

.btn-contour-accent:hover {
	background-color: var(--principale);
	border: 2px solid var(--principale);
	color: white;
}

.btn-pleine-largeur {
	width: 100%;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.btn-soumission-abonnement {
	background-color: white;
	color: var(--principale);
	text-decoration: none;
	border-radius: 50px;
	font-family: 'Roboto Slab';
	font-weight: bold;
	text-transform: uppercase;
	border: 2px solid #2375BF;
	padding: 14px 44px !important;
	font-size: 1rem;
}

.btn-reseaux-sociaux {
	text-decoration: none;
	color: var(--accent);
	border: 2px solid var(--accent);
	font-family: 'Roboto Slab', serif;
	padding: 8px 20px 8px 20px;
	border-radius: 50px;
	text-transform: uppercase;
	line-height: 2;
	text-align: center;
	font-size: 1rem;
	margin: 0px 10px 10px 0px;
    display: inline-block;
}

.btn-reseaux-sociaux i {
	font-size: 20px;
    margin-right: 10px;
}
.btn-reseaux-sociaux:hover {
	border: 3px solid white;
	color: white;
}


/*Sections Statistiques*/
/*=========================================*/
.section-2 {
	width: 100%;
	/*min-height: 384px;*/
	color: white;
	background-color: #002534;
}
.section-2 ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: center;
}
.section-2 li {
	width: 25%;
	box-sizing: border-box;
	border-right: 2px solid #013246;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: center;
	padding: 60px 0px;
}
.section-2 a {
	display: inline-block;
}
.section-2 i {
	font-size: 80px;
	color: var(--accent);
}
.section-2 h2 {
	font-family: 'Roboto Slab';
	font-weight: bold;
	font-size: 2.5rem;
	letter-spacing: 1px;
	line-height: 2;
}
.section-2 p {
	font-size: 1.25rem;
	font-family: rubrik-new, sans-serif;
	font-weight: regular;
	font-style: normal;
	text-transform: inherit;
	margin-bottom: 0px;
}

.section-3 .titre-de-section-parent, .section-5 .titre-de-section-parent, .section-4 .titre-de-section-parent, .section-6 .titre-de-section-parent {
	color: var(--principale);
	text-align: left;
	line-height: 1.8;
	text-transform: initial;
}
.section-3 .top-section {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.tab-ressources {
	width: 100%;
	max-width: 1663px;
	margin: auto;
}
.tab-ressources .ui-tabs-nav {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 3px solid var(--accent);
	margin-bottom: 50px;
}

.ui-tabs-tab:hover {
	background-color: var(--accent);
}
.ui-tabs-tab:hover a {
	color: white;
}
/*=========================================*/


.statistiques {
	position: relative;
	/*height: 100%;*/
	/*min-height: 436px;*/
	padding: 60px;
	background-color: #002534;
}
.statistiques-img {
	margin-bottom: -3px;
}

.statistiques-item img{
	max-height: 100px;
	max-width: 100px;
}

.statistiques-container {
	/*position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	*/
}

.statistique-items {
	flex-wrap: wrap;
}

h2.nbr-stat {
    margin: 0;
	margin-top: 6px;
    line-height: 1.5;
    margin-bottom: -10px;
}

.statistiques-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 60px;
}
.statistiques-item h2 {

	color: white;
	font-size: 50px;
	margin-bottom: 2px;
	margin-top: 20px;
}
.statistiques-item label {

	color: white;
}
/*Ressources*/

.section-3, .section-5 {
	padding: 100px 7% 80px 7%;
	box-sizing: border-box;
}

.section-3 .titre-de-section-parent, .section-5 .titre-de-section-parent, .section-4 .titre-de-section-parent, .section-6 .titre-de-section-parent {
	color: var(--principale);
	text-align: left;
	line-height: 1.8;
	text-transform: initial;
}
.section-3 .top-section {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.tab-ressources {
	width: 100%;
	max-width: 1663px;
	margin: auto;
}
.tab-ressources .ui-tabs-nav {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 3px solid var(--accent);
	margin-bottom: 20px;
}

.ui-tabs-tab{
	text-align: center;
	display: flex;
	align-items: center;
	padding: 10px 30px;
}

.ui-tabs-nav a {
	text-decoration: none;
	font-family: 'roboto slab';
	font-size: 1rem;
	font-weight: bold;
	color: #909090;
	box-sizing: border-box;
	text-transform: initial;
}

.ui-tabs-tab:hover {
	background-color: var(--accent);
}
.ui-tabs-tab:hover a {
	color: white;
}
.ui-tabs-active {
	background-color: var(--accent);
}
.ui-tabs-active a{
	color: white;
}

/*=========================================*/
.liste-des-ressources {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	column-gap: 25px;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	list-style-type: none;
}
.liste-des-ressources li {
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 30px;
	width: 32%;
	background-color: white;
	height: auto;
}

.liste-des-ressources li:hover {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}

.liste-des-ressources a {
	width: 100%;
	min-height: 185px;
	display: inline-flex;
	text-decoration: none;
	flex-direction: column;
	justify-content: space-between;
    height: 100%;
	align-items: flex-start;
}
/*=========================================*/
.date-de-publication {
	text-transform: uppercase;
	line-height: 2.6;
	color: #333333;
	margin-bottom: 0px;
}

.titre-de-la-publication {
	margin: 0px;
	text-transform: inherit;
}
.titre-de-la-publication, .titre-de-la-nouvelle, .titre-de-la-video, .titre-du-blogue, .tabs-qui-sommes-nous .tabs-container h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 1.25rem;
	margin-top: 10px;
	line-height: 1.2;
	text-transform: uppercase;
}
.nouvelles .conteneur-resume-des-nouvelles h3.titre-de-la-nouvelle {
    color: white;
}

h3.titre-de-la-nouvelle {
    margin-bottom: 15px;
}
.titre-de-la-video {
	text-transform: inherit;
	margin-top: 25px;
}
.categorie-de-la-publication, .categorie-blogue {
	font-family: rubrik-new, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1rem;
	margin-bottom: 0px;
	color: #002534;
	line-height: 2.4;
}
.categorie-de-la-publication i {
	margin-right: 6px; 
}

.titre-de-section-parent, .nous-joindre h2 {
	font-family: rubrik-new, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	margin-top: 0px;
}
.section-4, .section-6 {
	display: flex;
	flex-wrap: wrap;
}
.section-6{
	flex-direction: row-reverse;
}
.section-4 > h1, .section-6 > h1 {
	color: #fff0f000 !important;
}
.section-4 .item-extrait-article-nouvelles {
	border-left: solid 10px white;
	border-right: solid 2px white;
}
.section-4 .titre-de-section-parent, .section-6 .titre-de-section-parent {
	width: 89%;
	margin: auto;
}

.der-nouv{
	font-family: 'rubrik-new';
}

.conteneur-nouvelle-principale, .conteneur-blogue-principale {
	width: 50%;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	color: white;
}

.conteneur-nouvelle-principale h2.accueil-titre-nouvelles,
.conteneur-blogue-principale h2.accueil-titre-nouvelles {
	margin-top: 0px;
    width: 100%;
    padding: 30px;
    background-color: rgba(255,255,255,0.6);
	color:#002534;
}

.conteneur-blogue-principale, .conteneur-resume-blogue {
	width: 50%;
}
.conteneur-blogue-principale > article {
	position: relative;
	background: linear-gradient(0deg, rgba(0,37,52,1) 6%, rgba(0,37,52,0) 102%);
    padding-top: 100px;
	width:100%;
}
.conteneur-blogue-principale h3, .conteneur-blogue-principale p {
	color: white;
}
.conteneur-nouvelle-principale > article {
	position: relative;
	background: linear-gradient(0deg, rgba(0,37,52,1) 6%, rgba(0,37,52,0) 102%);
    padding-top: 100px;
	width:100%;
}
.nouvelle-contenu {
	box-sizing: border-box;
	padding: 0px 14%;
	margin: auto 0;
	display: inline-block;
	width: 100%;
}

.conteneur-nouvelle-principale .nouvelle-contenu,
.conteneur-blogue-principale .nouvelle-contenu {
	margin-bottom: 75px;
}


.nouvelle-contenu .date-de-publication{
	color: white;
	float: left;
	margin-bottom: 0px;
}


.lien-vers-la-nouvelle, .lien-vers-la-video, .lien-vers-le-blogue {
	text-decoration: solid;
	color: var(--accent);
	border-bottom: 2px solid;
	float: right;
	font-weight: bold;
	margin-top: 10px;
}

.masterhead-nouvelle-en-vedette .lien-vers-la-nouvelle {
	color: var(--accent);
}

.masterhead-nouvelle-en-vedette .date-de-publication {
	float: left;
}
.conteneur-nouvelle-principale .lien-vers-la-nouvelle::after {
	content: '>';
}
.lien-vers-la-nouvelle::first-letter, .lien-vers-la-video::first-letter, .lien-vers-le-blogue::first-letter {
	text-transform: uppercase;
}
.conteneur-resume-des-nouvelles {
	width: 50%
}
.conteneur-resume-blogue article,
.conteneur-resume-des-nouvelles article {
	min-height: 240px;
	border: 1px solid white;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
}
.nouvelles .item-extrait-article-nouvelles {
	background-color: var(--principale);
}

.nouvelles .item-extrait-article-nouvelles a {
	color:white;
}

.conteneur-resume-blogue article {
	background-color: white;
	border-left: 10px solid var(--principale);
	border-top: 1px solid rgba(222, 222, 222, 1.00);
}

.item-extrait-article-nouvelles h3 {
	color: white;
}

.item-extrait-article-nouvelles a 

.conteneur-resume-blogue > article a,
.conteneur-resume-des-nouvelles > article a {
	text-transform: inherit;
	color: var(--accent);
}

.item-extrait-article-nouvelles h3, .conteneur-resume-blogue h3 {
	text-transform: inherit;
	color: white;
}
.conteneur-resume-blogue > article h3:nth-child(1) {
	padding: 0px 49px;
	box-sizing: border-box;
}
.conteneur-resume-des-nouvelles h3::first-letter, .conteneur-resume-blogue > article h3::first-letter {
	text-transform: uppercase;
}

.lien-vers-article{
	float: right;
}

.videos .container-top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.videos .container-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.container-bottom > .video-content {
	width: 48%;
	box-sizing: border-box;
}
.container-bottom > .video-content .img-container {
	min-height: 350px;
	border-radius: 50px;
	background-size: cover;
	display: flex;
	align-items: center;
}

.container-bottom > .video-content .img-container:hover {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

.container-bottom > .video-content .img-container:hover i {
	color: var(--accent);
}

.video-content .img-container i {
	margin: 0 auto;
    font-size: 50px;
    color: white;
    text-shadow: 0px 0px 20px rgb(0, 0, 0, 0.9);
}

.lien-vers-la-video {
	color: var(--accent);
	font-weight: bold;
}
.lien-vers-la-video::after {
	content: '>';
}
.videos p {
	margin-bottom: 0px;
}

/*section 7 et section 8*/

.soutenez-notre-oeuvre {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: #002534;
	padding: 100px 0px;
	box-sizing: border-box;
}
.soutenez-notre-oeuvre .droite {
	width: 60.6%;
}
.soutenez-notre-oeuvre > * {
	/*  width: 50%;*/
}


.soutenez-notre-oeuvre .gauche h1, .soutenez-notre-oeuvre .gauche, .nous-joindre h1, .nous-joindre h2, .nous-joindre p {
	color: white;
}

.soutenez-notre-oeuvre h2 {
	width: 82%;
}
.soutenez-notre-oeuvre p {
	font-family: rubrik-new, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	width: 70%;
	line-height: 1.5;
	margin-bottom: 0px;
}

.soutenez-notre-oeuvre .img-container, .suivez-nous .img-container {
	height: 400px;
    width: 400px;
	background-size: cover;
    border-radius: 100%;
}

.soutenez-notre-oeuvre .gauche {
	padding-left: 7%;
	width: 50%;
}

.soutenez-notre-oeuvre .gauche > * {
	margin: 8px 0px;
}

.soutenez-notre-oeuvre .gauche, .soutenez-notre-oeuvre .droite {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.soutenez-notre-oeuvre .droite {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	border-radius: 300px 0px 0px 300px;
}

.soutenez-notre-oeuvre .droite > div:nth-child(2) {
	width: 47%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
}

.soutenez-notre-oeuvre .droite > div:nth-child(2) .champs-texte-infolettre {
	width: 100%;
	border: none;
    margin: 20px 0px 10px 0px;
    height: 50px;
    padding: 0px 28px;
}



.conteneur-resume-blogue .titre-du-blogue {
	color: #002433;
}
.conteneur-resume-blogue .date-de-publication {
	color: black;
}
.conteneur-resume-blogue .lien-vers-le-blogue {
	color: var(--accent);
	font-weight: bold;
	display: inline-block;
	position: relative;
	right: -30%;
}



/*----------debut de la section suivez-nous-----------*/
.suivez-nous {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	background-color: #002534;
	padding-bottom: 100px;
	box-sizing: border-box;
}
.suivez-nous > * {
	/*  width: 50%;*/
}
.suivez-nous h1 {
	font-family: rubrik-new, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.suivez-nous .gauche h1, .suivez-nous .gauche {
	color: white;
}
.suivez-nous .droite h1 {
	color: var(--principale);
}

.suivez-nous p {
	font-weight: 400;
	font-style: italic;
	font-size: 20px;
	width: 85%;
	line-height: 1.5;
	margin-bottom: 0px;
}

.nous-joindre p {
	margin-bottom: 0px;
}

p.suivez-texte {
  
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    width: 70%;
    line-height: 1.5;
}

.suivez-nous .gauche {
	width: 60%;
	box-sizing: border-box;
	/*margin-right: 64px;*/
	/*max-width: 42%;*/
}
.suivez-nous .gauche, .suivez-nous .droite {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.suivez-nous .droite .img-container img {
	border-radius: 50%;
}
.suivez-nous .droite {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	/*width: 70%;*/
	position: relative;
	margin: 0px 64px;
}
.suivez-nous .droite > div:nth-child(1) {
	width: 100%;
	min-width: 300px;
	flex-shrink: 0;
}
.suivez-nous .droite > div:nth-child(2) {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.suivez-nous .droite > div:nth-child(2) > * {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
.suivez-nous .droite > div:nth-child(2) .champs-texte-infolettre {
	width: 100%;
	border-radius: 300px 300px 300px 300px;
	height: 30px;
	border-color: lightgrey;
}

.conteneur-resume-blogue .date-de-publication {
	color: black;
}
.conteneur-resume-blogue .lien-vers-le-blogue {
	color: var(--accent);
	font-weight: bold;
	display: inline-block;
	position: relative;
	right: -30%;
}
.lien-vers-le-blogue::after {
	content: '>';
}


.suivez-nous .gauche > * {
	margin: 17px 0px;
}
section.suivez-nous-btn-reseaux-sociaux {
    font-weight: bold;
}
.slider-section-suivez-nous {
	width: 600px;
}
.slider-section-suivez-nous > .single-item {}
.suivez-nous {
	width: 100%;
}

.slider-suivez-nous {
	width: 100% !important;
}
.slider-suivez-nous .slider-item {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background-color: white;
	border-radius: 213px 213px 213px 213px;
	width: 100%;
	min-width: 600px;
}
.slider-suivez-nous .slick-list {
	margin: auto;
	background-color: white;
	border-radius: 175px 175px 175px 175px;
}
.cont-43 {
	width: 400px;
	height: 400px;
	border-radius: 50px;
	display: inline-block;
}
.cont-43 img {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	position: relative;
	left: 0px;
}
.cont-44 {
	width: 58%;
	box-sizing: border-box;
	padding: 10px;
	margin-left: 5.27%;
	display: flex;
    flex-direction: column;
}
.cont-44 * {
	margin: 14px 0px;
}
.section-44-1 {
	box-sizing: border-box;
}
.section-44-1, .section-44-3 {
	font-family: rubrik-new, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 0.875rem;
	line-height: 1.3;
}
.section-44-2 {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	color: var(--principale);
	text-transform: uppercase;
}


/*Infolettre*/
.infolettre{
	min-height: 400px;
	background-color: #002534;
}

.infolettre-container img{
	border-radius: 50%;
}

/*Nous Suivre*/
.nous-suivre{
	background-color: #002534; 
}

/*Nous Joindre*/
.nous-joindre {
	width: 100%;
	background-color: rgb(0, 37, 52, 0.65);
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 100px 0px 80px 0px;
}

.nous-joindre-bg {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.nous-joindre h3 {
	text-transform: uppercase;
	color: white;
}

.nous-joindre p {
	margin-bottom: 20px;
}

.nous-joindre-container{
	align-self: center;
	margin: auto;
	text-align: center;
}

/*Qui Somme Nous*/

.tab-content .wp-caption{
	max-width: 50%;
    float: right;
    margin: 15px;
}
.tab-content .wp-caption img{
	border-radius: 50%;
    aspect-ratio: 1;
}
.tab-content h3{
	font-family: 'Roboto Slab';
	text-transform: uppercase;
}

/*Video modal*/
.videos .modal.fade.yt-modal {
    padding-right: 0!important;
}

.videos .modal-content {
    height: 90vh;
    width: 90vw;
}

.videos .modal-dialog {
    margin: auto;
    height: 90vh;
    width: 90vw!important;
    max-width: none;
    margin-top: 5vh;
}

.videos .modal-dialog iframe {height: 100%;}

/*
==========================
Pages Ressources
==========================
*/
.ressource-item:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.ressource-item:hover .titre-de-la-publication {
    color: #FF9700;
}
.ressource-item.no-link:hover {
    box-shadow: none;
}

.ressource-item.no-link:hover .titre-de-la-publication {
    color: initial;
}

section.ressources-section {
    padding: 100px 0px;
    background-color: #F8F8F8;
}

.ressource-item {
    background-color: white;
    margin: 20px 0px;
    min-height: 230px;
    border-radius: 40px 200px 200px 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 25px 10px 25px 20px!important;
}
.ressource-item-image img {
    border-radius: 50%;
    aspect-ratio: 1;
    width: 90%;
	/*min-width: 200px;*/
    max-width: 400px;
	float:right;
}

.ressource-item-text {
	 display: flex;
    flex-direction: column;
    align-content: space-between;
}

.ressource-item-text > p {
 min-height: 100px;
}

.ressource-item-text > p.date-de-publication {
 min-height: auto!important;
}

.ressource-item-text p,
.ressource-item-text h3,
.ressource-item-bottom {
	padding-right: 30px;
}
.ressource-item-text h3 {
	text-transform: inherit;
	margin-bottom: 10px;
}

.ressource-item-bottom {
    display: flex;
    justify-content: space-between;
}

.ressource-item-bottom a {
    font-weight: bold;
    font-size: 18px;
    color: var(--accent)!important;
}
.ressource-item-bottom p {
    font-style: italic;
    margin-bottom: 0px;
}


.page-template-template-page-sections .section {
	margin: 0px 7%;
    background-color: white;
    display: flex;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 6%);
    margin-bottom: 50px;
}

.page-template-template-page-sections .section.section-sans-fond {
	box-shadow: none;
	background-color: transparent;
}



.page-template-template-page-sections .section:nth-child(even) {
	flex-direction: row-reverse;
}



.page-template-template-page-sections .section .section-contenu {
    flex: 1;
}

.page-template-template-page-sections .section .section-texte {
    padding: 80px 80px 40px 80px;
}

.page-template-template-page-sections .section.section-sans-fond .section-texte {
	padding:0px;
}


.page-template-template-page-sections .section .section-image {
	flex:1;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-template-template-page-sections .section .section-texte p a,
.page-template-template-page-onglets .tab-content .tab-pane p a {
	padding: 15px 30px;
    background: var(--principale);
    color: white;
    border-radius: 40px;
	display:inline-block;
}

.page-template-template-page-sections .section .section-texte p a:hover,
.page-template-template-page-onglets .tab-content .tab-pane p a:hover {
    background: var(--accent);
}

.page-template-template-page-sections .section .section-image .image-content {
	height: 100%;
    align-items: center;
    display: flex;
}

.page-template-template-page-sections .section .section-image .image-content i {
	margin:0 auto;
	font-size:60px;
	color:white;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}


.page-contenu {
	padding: 100px 7%;
	background-color: #f8f8f8;
}

/*
==========================
footer.php
=========================



*/
/*----------conteneur parent du footer-----------------*/
.footer-parent{
	background-color:#F8f8f8;
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items:end;
	border-top: 1px solid rgba(0,0,0,0.05);
}

/*----------colonne de gauche du footer-----------------*/
.footer-child-left{
	background-color: white;
	box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
	z-index: 10;
	padding: 60px 60px 40px 60px;
	width: 30%;
}

.footer-child-left .container-telephone {
	margin-bottom: 20px;
}

.footer-child-left .container-telephone p {
	margin-bottom: 10px;
}

.logo-container-footer {
    margin-bottom: 40px;
}

.adresse, .container-rs-sociaux{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	line-height: 2;
}

.container-rs-sociaux{
	margin-top: 50px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	/*justify-content: space-between;*/
	flex-wrap: wrap;
}

footer .container-rs-sociaux{
	margin-top: 10px;
	margin-bottom: 40px;
}

h3.suivez-nous-footer {
    font-weight: bold;
    font-size: 16px;
	margin-bottom:10px;
}

.container-rs-sociaux h3{
	width:100%;
}
.container-rs-sociaux a{

}
.btn-reseau-sociaux{
	width:50px;
	height:50px;
	display:inline-block;
	margin:15px;
}

/*------------colonne de droite du footer---------------*/
.footer-child-right{
	width:100%;
}

.footer-child-right .section-des-menus {
	padding: 40px 14% 20px 14%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

footer .section-des-menus .btn {
	margin-top: 10px;
}

/*formulaire inscription infolettre*/
.formulaire-inscription-infolettre{
	width: 100%;
	display: flex;
    justify-content: flex-start;
}

footer .formulaire-inscription-infolettre input {
	width:70%;
	border-radius:50px;
}
/*cible le bouton de validation de l'inscription de l'infolettre*/
footer  .btn-infolettre{
	background-color: #002534;
	border-radius: 50px;
	font-weight: 500;
	padding: 15px 30px;
	font-family: 'Roboto Slab', serif !important;
	color: white !important;
	text-transform: uppercase;
	font-size: 1rem;
	text-align: center;
	margin-left: -10%;
}

footer .section-infolettre{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0px 14%;
    width: 100%;
    margin-bottom: 60px;
}
footer .section-infolettre .section-texte-infolettre {
	width:100%;
}


.section-foot-footer {
	background-color: #002534;
	padding: 20px 14%;
}

.section-foot-footer p {
	color: white;
	margin-bottom: 0px;
}

.section-foot-footer p a {
	color: white;
	font-style: italic;
}

.section-foot-footer p a:hover {
	color:var(--accent);
}

.footer-child-right li{
	list-style-type: none;
	margin-bottom: 18px;
}

li.btn-don-container {
    margin-top: 18px;
}
li.btn-don-container a {
	text-decoration: none;
    border-radius: 50px;
	text-transform: uppercase;
    border: 2px solid #2375BF;
    padding: 14px 44px !important;
    background-color: var(--principale);
    color: white;
}

.footer-nous-joindre{
    margin-top: 20px;
	background-color: white;
    color: var(--principale)!important;
    /* text-decoration: none; */
    line-height: 01;
    border-radius: 50px;
    font-family: 'Roboto Slab'!important;
    font-weight: bold!important;
    text-transform: uppercase;
    border: 3px solid #2375BF;
    padding: 14px 44px !important;
    font-size: 17px;
    width: auto;
}

.container-rs-sociaux i {
	color: #666;
    border: solid 2px;
    padding-top: 10px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 10px;
}




/*Button Continent*/
.continent-button{
	border-radius: 40px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 16px;
    color: #002534;
    text-align: start;
    background-color: white;
    padding: 14px 25px;
    margin-bottom: 10px;
    border: none;
}
i.fas.fa-angle-down.contient-arrow {
    float: right;
	font-size: 22px;
}

.collapsed .contient-arrow{
	transform: rotate(-90deg);
}

.continent-button, .nav-pills, .region-button{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}





.site-info {
	width: 75%;
    float: right;
    margin-top: -10px;
}

/*************************Filter Tabs******************************/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: white;
    background-color: var(--principale);
}
.nav-pills .nav-link {
    border-radius: 40px;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	font-size: 17px;
    letter-spacing: 0.5px;
	color: #002534;
	text-align: start;
	background-color: white;
	padding: 14px 25px;
    margin-bottom: 15px;
	width:100%;
}
.recherche-tab{
	margin-top: 60px;
	margin-bottom: 40px;
}

.infolettre-tab{
	background-color: var(--accent);
    margin-bottom: 40px;
    border-radius: 65px;
    padding: 40px;
} 
input.champs-texte-infolettre{
    padding: 16px;
    margin-bottom: 15px;
	border-radius: 40px;
	height: 60px;
	width: 100%;
	margin-right: -60px;
}
input.champs-texte, input[type="text"], input[type="email"]{
	padding: 16px 30px;
    margin-bottom: 15px;
	border-radius: 40px;
	height: 60px;
	border: none;
    background-color: white;
}

.page-template-template-page-sections input.champs-texte, input[type="text"], input[type="email"]{
	border: 1px solid #eee;
    background-color: #f8f8f8;
}

textarea {
	padding: 16px 30px;
    margin-bottom: 15px;
	border-radius: 40px;
	height: 200px;
	border: none;
    background-color: white;
	width:100%;
}

.page-template-template-page-sections section textarea {
	border: 1px solid #eee;
    background-color: #f8f8f8;
}

.wpcf7-checkbox {
	display:block;
	margin-top: 20px;
}

input[type="text"], input[type="email"] {
	width:100%;
}
.nous-joindre-form-contact{
	justify-content: space-between
}
.nous-joindre-form-contact input{
	width: 45%;
}

.page-template-template-contact .nous-joindre-bg {
	display: none;
}
.texte-de-section-parent{
	font-family: rubrik-new, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
	color: #002534;
}
.mapouter{ 
	position:relative;
	text-align:right;
	height:100%;
	width:700px;
}
.gmap_canvas {
	overflow:hidden;
	background:none!important;
	height:100%;
	width:700px;
}
.mapouter, .gmap_canvas{
    width: 100%!important;
}
textarea.champs-texte-bloc {
    padding: 16px;
    margin-bottom: 15px;
    border-radius: 32px;
    height: 200px;
    border: none;
    background-color: white;
    /* margin-right: -60px; */
}

.enfant-masterhead-centre-container {
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
	align-self: center;
    width: 0;
    z-index: 999;
}
.masterhead-centre-phone {
    display: flex;
    justify-content: space-between;
}
.masterhead-centre-rs {
    color: gray;
    font-size: 15px;
}
.masterhead-centre-rs i {
    border: solid 1px;
    padding: 7px;
    border-radius: 50px;
    width: 31px;
    height: 31px;
	text-align: center;
}
.enfant-masterhead-centre .masterhead-title {
    font-weight: bold;
}


.enfant-masterhead-centre {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    /* align-items: center; */
    background-color: white;
    color: #002534;
    font-family: rubrik-new, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
    /* padding: 40px; */
    width: 340px;
    padding: 40px 30px;
    border-radius: 40px;
   	margin-top: 170px;
    margin-bottom: 100px;
}

.enfant-masterhead-centre .container-rs-sociaux {
	margin-top: 0px;
}

.btn-search{
	font-size: 28px;
    background-color: var(--principale);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    position: relative;
    /*right: 61px;*/
	display: flex;
    /* justify-items: center; */
    justify-content: center;
    /* align-content: center; */
    align-items: center;
}
.btn-search:hover, .btn-search:focus{
	background-color: var(--principale);
}
input.btn-soumission-abonnement.btn_infolettre_sidebar
 {
    background-color: transparent;
    border: #002534 solid 3px;
    color: #002534;
    margin-bottom: 0px;
}
.don-tab{
	background-color: #002534;
    margin: 20px 0px;
    border-radius: 65px;
    padding: 40px;
	color: white;
}

.don-tab .btn {
	margin-bottom: 0px;
}
.base-content{
	width: 90%;
}

.info-tab-container h3{
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
}

.info-tab-container p{
	font-family: 'Rubrik New', sans-serif;
}

.footer-widgets {
    display: none;
}

/*Map Fix*/
.mapouter iframe {
	max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}


@media only screen and (max-width:1300px) {
	.header-top-left-child {
		width:20%;
	}  
	.header-top-right-child {
		width: 80%
	}
}


@media only screen and (max-width:1190px) {
	.site-description, #menu-menu-secondaire a {
		padding: 14px 10px;
	}
	.header-left {
		width:200px;
	}
	.header-left img {
		max-width:120px;
	}
}

@media only screen and (max-width: 1095px) {
	
	.mobile-don a {
		background: var(--accent);
		border-radius: 30px;
		color: white!important;
		margin-top: 10px;
		text-align: center;
	}  
	.masterhead {
		margin-top:0px;
	} 
	
	.suivez-nous .droite > div:nth-child(1) {
		width: auto;
	}
	
	 .suivez-nous .droite{
		width: 100%;
		align-items: center;
	}
	
	.soutenez-notre-oeuvre{
		padding-bottom: 0px;
	}
	.soutenez-notre-oeuvre .gauche{
		width: 100%;
		padding: 0px 5%;
	}
	.soutenez-notre-oeuvre .droite {
		flex-direction: column;
		border-radius: 300px 300px 0px 0px;
		width: 400px;
		margin: 0px 64px;
	}
	.suivez-nous {
		flex-direction: row;
		padding: 100px 0px;
		padding-bottom: 0px;
	}
	.slider-suivez-nous .slider-item {
		flex-direction: column;
		border-radius: 300px 300px 0px 0px;
		width: 400px;
		min-width: 400px;
	}
	.suivez-nous .gauche {
		width: 100%;
		padding: 0px 5%;
		box-sizing: border-box;
		margin-right: 0px;
		flex-direction: column;
		/* max-width: 42%; */
	}
	.soutenez-notre-oeuvre .droite > div:nth-child(2) {
		width: 90%;
	}
}

embed, iframe, object {
    max-width: 600px;
    max-height: 340px;
}


.show-mobile {display: none!important;}
.hide-mobile {display: block!important;}

@media only screen and (max-width: 768px) {
		
	.enfant-masterhead-droite{
		min-height: 300px;
	}
	.masterhead{
		flex-direction: column;
	}
	.container-bottom > .video-content {
		width: 90%;
		box-sizing: border-box;
		margin: auto;
	}
	.section-2 li {
		width: 100%;
	}
	footer .section-infolettre, .footer-child-right .section-des-menus{
		padding: 40px 10% 20px 10%;
		width: 100%;
	}
	
	.footer-child-right .section-des-menus {
		flex-direction: column;
	}

	.show-mobile {display: block!important;}
	.hide-mobile {display: none!important;}
	
	.masterhead-short{
		height: auto;	
	}
	
	.main-navigation{
		background-color:#222222;
	}
	
	.enfant-masterhead-centre-container {
		margin-top: -85px;
		margin-bottom: 40px;
	}
	
	.section-3, .section-5 {
		padding: 34px 0px;
		box-sizing: border-box;
	}
	.tab-ressources{
		margin-top: 20px;
	}
	.tab-ressources .ui-tabs-nav {
		flex-direction: column;
	}
	.section-3 .top-section, .videos .container-top {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.ui-tabs-tab {
    	width: 100%;
	}
	.liste-des-ressources {
    	justify-content: center;
	}
	.section-4, .section-6, .videos .container-bottom, .soutenez-notre-oeuvre {
    	flex-direction: column;
	}
	.conteneur-nouvelle-principale, .conteneur-blogue-principale, .conteneur-resume-des-nouvelles, .container-bottom > section,
	.conteneur-blogue-principale, .conteneur-resume-blogue,
	.conteneur-blogue-principale, .conteneur-resume-blogue{
		width: 100%;
		
	}
	
	.suivez-nous .droite > div:nth-child(1) {
		width: auto;
	}
	
	 .suivez-nous .droite{
		width: 100%;
		align-items: center;
	}
	
	.soutenez-notre-oeuvre{
		padding-bottom: 0px;
	}
	.soutenez-notre-oeuvre .gauche{
		width: 100%;
		padding: 0px 5%;
	}
	.soutenez-notre-oeuvre .droite {
		flex-direction: column;
		border-radius: 300px 300px 0px 0px;
		width: 400px;
	}
	.suivez-nous {
		flex-direction: column;
		padding-bottom: 0px;
	}
	.slider-suivez-nous .slider-item {
		flex-direction: column;
		border-radius: 300px 300px 0px 0px;
		width: 400px;
		min-width: 400px;
	}
	.suivez-nous .gauche {
		width: 100%;
		padding: 0px 5%;
		box-sizing: border-box;
		margin-right: 0px;
		flex-direction: column;
		/* max-width: 42%; */
	}
	.cont-44 {
		width:100%
	}
	.liste-des-ressources li {
		min-width: 340px;
		/*width: auto;*/
	}
	.header-left{
		display: none;
	}
	.header-right {
		width: 100vw;
	}
	.masterhead {
		flex-direction: column;
	}
	.enfant-masterhead-gauche {
		width: 100%;
	}
	.emg-contenu-principal {
    	padding: 13% 5%;
	}
	.btn-ressources {
   	 	margin-left: 4px;
	}
	.nouvelle-contenu {
     	padding: 0px 0px;
	}
	.nouvelle-contenu::before {
		left: 7.5%;
		top: 42px;
	}
	.cont-42{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.enfant-masterhead-droite {
    	width: 100%;
	}
	.section-2 ul {
	    justify-content: center;
	}
	.section-2 {
	    background-color: #002534;
	}
	.footer-parent {
		flex-direction: column;
	}
	.formulaire-inscription-infolettre{
		flex-direction: column;
		height: 150px;
	}
	.footer-child-left, .footer-child-left {
		padding: 28px 0px;
	}
	.footer-child-left {
		width: 90%;
    	box-shadow: none;
		min-height: auto;
	}
	.section-adresse {
		width: 70%;
	}
	.footer-child-right{
		width: 100%;
		padding: 0;
	}
	.site-info {
    	width: 100%;
	}
	.formulaire-inscription-infolettre input {
		width: 100%;
		border-radius: 50px;
		/*margin: 30px 0px;*/
	}
	.btn-infolettre {
		float: right;
	}
	.soutenez-notre-oeuvre .droite > div:nth-child(2) {
		margin-bottom: 35px;
	}
	.soutenez-notre-oeuvre .droite > div:nth-child(2) {
    	width: 90%;
	}
	
	.btn-soumission-abonnement, .btn-faire-un-don{
		align-self: center;
	}
	/*Ressource Page*/
	.ressources-all{
		flex-direction: column;
	}
	section.ressources-section {
		padding: 100px 11px;
	}
	.ressource-item {
		border-radius: 0;
		flex-direction: column;
	}
	.ressource-item-image{
		display: flex;
		flex-direction: column;
		margin-bottom: 28px;
		align-items: center;
	}
}
@media only screen and (max-width: 540px) {
	.site-description{
		display: none
	}
}
@media only screen and (max-width: 425px) {
	
	.slider-suivez-nous .slider-item {
		width: 300px;
		min-width: 300px;
	}
	.cont-43 {
    	width: 300px;
	}
	.cont-43 img {
	    width: 300px;
		height: 300px;
	}
	
	.soutenez-notre-oeuvre .droite > div:nth-child(1) {
    	height: 300px;
		width: 300px;
	}
	.soutenez-notre-oeuvre .droite .img-container img {
		height: 300px;
		width: 300px;
	}
	.soutenez-notre-oeuvre .droite {
		width: 300px;
	}
	
}