@charset "UTF-8";

@font-face {
    font-family: 'gill_sansbold';
    src: url('fonts/gill_sans_bold-webfont.woff2') format('woff2'),
         url('fonts/gill_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gill_sansmedium';
    src: url('fonts/gill_sans_medium-webfont.woff2') format('woff2'),
         url('fonts/gill_sans_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gill_sansregular';
    src: url('fonts/gill_sans-webfont.woff2') format('woff2'),
         url('fonts/gill_sans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html,body {
	font-family: 'gill_sansmedium';
	font-size:24px;
	font-weight:300;
	margin:0;
	padding:0;
	color:#022AB2;
	background: #FFFCEE;
	overflow-x: hidden;
	scroll-padding: 90px;
	line-height: 100%;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}


::selection {background: #ccc;color:#000;}
::-moz-selection {background: #ccc;color:#000;}

.imgLeft{float: left;margin:0 30px 30px 0;}
.clear{clear: both;}

.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}
.embed-container iframe,.embed-container object,.embed-container embed,.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

.mobileOnly{display: none;}
.mobileOff{display: block;}


/**** GLOBAL ****/
img{max-width: 100%;}
a{color:#000;text-decoration: none;}
a:hover{text-decoration: none;color:#000;}
a:focus{border: none;text-decoration: none;}
a.underline{text-decoration: underline;}

a.link {position: relative;display: inline-block;padding: 16px 8px;text-transform: uppercase;font-size: 15px;color: #445EFF;text-decoration: none;}
a.link::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #000;transform-origin: left; transition: transform 0.4s ease;transform: scaleX(1);}
a.link:hover::after {transform: scaleX(0);}

.violet{color:#9353F3;}
.bleu{color:#445EFF;}
.vert{color:#2DAB66;}
.rose{color:#E50A57;}

.bg-rose{background:#E50A57;color:#fff;}


p{text-align:left;}
p strong{font-family: 'gill_sansbold'; }

h1{color: #022AB2;font-family: 'gill_sansbold';font-size:46px;font-style: normal;font-weight: 700;line-height: 100%;letter-spacing: -1.92px;}
h2{color: #022AB2;font-family: 'gill_sansbold';font-size:32px;font-style: normal;font-weight:700;line-height: 100%;text-transform: uppercase;}



.bt1{display: flex;float:left;height: 55px;padding: 8px 24px;justify-content: center;align-items: center;gap: 8px;border-radius: 16px;background:#E50A57;color:#fff;font-size:17px;margin-right:20px;}
.bt1:hover{background:#3C64AC;color:#fff;}

.bt2{display: flex;float:left;height: 55px;padding: 8px 24px;justify-content: center;align-items: center;gap: 8px;border-radius: 16px;background:#4F43C4;color:#fff;font-size:17px;}
.bt2:hover{background:#3C64AC;color:#fff;}

.bt-suite{padding: 12px 16px;justify-content: center;align-items: center;gap: 8px;border-radius: 72px;border: 1px solid #022AB2;color:#022AB2;font-size: 17px;font-style: normal;font-weight: 400;line-height: normal;}
.bt-suite:hover{background:#022AB2;color:#fff;}

header{}
header .header_top{border-bottom: 1px solid #E50A57;color:#E50A57;text-align: center;font-size: 19px;font-style: normal;font-weight: 400;line-height: 110%;padding: 12px 0;}
header #logo{max-height:100px;}
header .navbar{padding: 32px 0;}

#nav_mobile{display: none;}
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;float: right;}
.line {fill: none;stroke: #E50A57;stroke-width:2;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.line1 {stroke-dasharray: 60 207;stroke-width:4;}
.line2 {stroke-dasharray: 60 60;stroke-width: 4;}
.line3 {stroke-dasharray: 60 207;stroke-width: 4;}
.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 4;}
.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 4;}
.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 4;}


nav{}
nav ul{margin:0;padding:0;}
nav ul li{float: left;list-style-type: none;padding: 0 40px 0 0;}
nav ul li a{color:#022AB2;}

 #nav3{display: none;}

.reseaux{position: fixed;top:220px;left:20px;line-height:64px;z-index: 99;}

footer{background: #445EFF;padding:124px 0;color:#fff;font-size: 21px;}
footer a{color:#fff;font-size:18px;text-decoration: underline;font-family: 'gill_sansregular';}
footer a:hover{color:#E50A57;}
footer .liens{line-height: 160%;}
.footer_bottom{border-top: 1px solid rgba(255, 252, 238, 0.26);}

.footer_rs img{max-width: 17%;  filter: brightness(0) invert(1);}

.pop_soutien{background:#3C64AC;position: fixed;bottom: 0;width: 100%;color:#fff;padding:32px 0; display: none;font-size: 19px;}
.pop_soutien strong{font-size:24px;font-family:'gill_sansbold';}
.pop_soutien .close{float:right;margin:-16px 20px 0 0;}
.pop_soutien .close a{color: #fff;}
.pop_soutien .soutien{display:block;width:31%;margin:4px 1% 4px 1%;float:left;padding: 8px 24px;text-align:center;border-radius: 500px;background:#FFFCEE;}


.popup-custom{width:400px;height:auto;max-width: 90vw;max-height: 90vh;border-radius: 16px;background: #FFFCEE;box-shadow: 10px 10px 0 #445EFF;overflow: hidden;}
.popup-action{width:800px;height:auto;max-width: 90vw;max-height: 90vh;border-radius: 16px;background: #FFFCEE;box-shadow: 10px 10px 0 #445EFF;overflow: auto;}
.popup-close{position: absolute;top: 16px;right: 16px;z-index: 10;background: none;border: none;font-size:40px;color:#3C64AC;}



/****** HOME  *******/
.banniere{background:url(../images/bg-marseille.webp) top center;background-size: cover; }
.banniere .container-fluid{padding-right:0;}
.banniere_form{border-radius: 16px;background:#FFFCEE;width:100%;max-width:550px;height:550px;margin:60px 0 60px 120px;}


.nav-tabs {border:none;background: #E50A57;border: none; border-radius:16px 16px 0 0; }
.nav-item{width: 50%; font-size: 24px;font-family:'gill_sansbold';}
.nav-item .nav-link{color:#FFFCEE;border: none;padding:20px 0 20px 20px;border-radius: 16px 16px 0 0;}
.nav-item .nav-link.active{background: #FFFCEE;color:#022AB2;}

.tabs .tab-content{overflow: auto;height:450px;}


.h_bloc{border-radius: 16px;background:#445EFF url(../images/soleil.svg) no-repeat;background-position: bottom right 32px;box-shadow: 10px 10px 0 0 #022AB2;padding: 40px 32px 40px 32px;color:#fff;display: flex;flex-direction: column;margin-bottom:32px;}
.h_bloc .titre{font-family:'gill_sansbold';font-size: 32px;font-style: normal;line-height: 110%;text-transform: uppercase;padding-bottom: 24px;}
.h_bloc .lien{ margin-top: auto;font-size: 17px;}
.h_bloc .lien a{color:#fff;text-decoration: underline;}
.h_bloc .texte{padding-bottom: 30px;}

.h_bloc_rose{background:#E50A57 url(../images/soleil.svg) no-repeat;background-position: bottom right 32px;box-shadow: 10px 10px 0 0 #AC163C;}
.h_bloc_vert{background:#2DAB66 url(../images/soleil.svg) no-repeat;background-position: bottom right 32px;box-shadow: 10px 10px 0 0 #0D6930;}

.h_bloc2{background: #FFFCEE;box-shadow: 10px 10px 0 0 #445EFF;border:1px solid #445EFF;color:#022AB2;}
.h_bloc2 .titre{color:#445EFF;}
.h_bloc2 .texte{padding-bottom:0px;}

.h_actu{border-radius: 16px;padding:16px;color:#fff;display: flex;flex-direction: column;margin-bottom:32px;background: #FFFCEE;box-shadow: 10px 10px 0 0 #445EFF;border:1px solid #445EFF;color:#022AB2;}
.h_actu .img img{border-radius: 16px;width: 100%;}
.h_actu .titre{color:#022AB2;font-style: normal;font-size: 21px;font-weight: 700;line-height: 110%;padding: 10px 0 40px 0;}
.h_actu .titre a{color:#022AB2;}
.h_actu .tags{}
	.h_actu .tag1{display: flex;float:left;padding:2px 6px;justify-content: center;align-items: center;gap: 8px;border-radius: 4px;background: #022AB2;color:#FFF;border:1px solid #022AB2;leading-trim: both;text-edge: cap;font-size: 14px;font-style: normal;line-height: normal;margin-right: 10px;}
	.h_actu .tag2{display: flex;float:left;padding:2px 6px;justify-content: center;align-items: center;gap: 8px;border-radius: 4px;background: #fff;color:#022AB2;border:1px solid #022AB2;leading-trim: both;text-edge: cap;font-size: 14px;font-style: normal;line-height: normal;}

.video{position: relative;}
.video a{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 2;width:10%;}


.tiktok-slick-div {}
.prop-card {padding: 0 32px 0 0; }
.tiktok video{border-radius: 16px;}

.bilan-slick img{border-radius: 16px;width: 100%;}


.slick-dots{position: relative;bottom: -30px;display: flex !important;justify-content: center;gap: 12px;padding: 0;margin: 0;list-style: none;}
.slick-dots li{width: 9px;height: 9px;}
.slick-dots li button{width: 9px;height: 9px;padding: 0;border-radius: 50%;background: #ccc;border: none;text-indent: -9999px;cursor: pointer;transition: all .25s ease;}
.slick-dots li.slick-active button{background: #022AB2;transform: scale(1.3);}




.accordion_titre {cursor:pointer;position:relative;background:#445EFF url("../images/arrow-up.svg") center right 20px no-repeat;margin:0 0 24px 0; border-radius: 16px;box-shadow: 10px 10px 0 0 #022AB2;padding: 24px 32px 24px 32px;color:#FFF;font-size: 32px;font-style: normal;line-height: 110%;text-transform: uppercase;font-family:'gill_sansbold';}
.accordion_titre span{color:#022AB2;font-size: 14px;font-style: normal;line-height: normal;text-transform: none;border-radius: 4px;background: #FFFCEE;padding:4px 6px 4px 6px;font-family: 'gill_sansmedium';margin-bottom: 5px;}
.accordion_active {background-image:url(../images/arrow-down.svg);}
.accordion_texte {clear:both;display:none;padding:0 0 20px 0;}

.accordion_titre.rose{background-color:#E50A57;box-shadow: 10px 10px 0 0 #AC163C;}
.accordion_titre.vert{background-color:#2DAB66;box-shadow: 10px 10px 0 0 #0D6930;}

.accordion_content{padding: 24px 32px 16px 32px;justify-content: space-between;align-items: center;align-self: stretch;border-radius: 16px;border: 1px solid #21437A;background:#FFFCEE;margin-bottom: 8px;}
.accordion_content .titre{color:#022AB2;font-size: 24px;font-style: normal;line-height: 110%;font-family:'gill_sansbold';}
.accordion_content .tags{min-height: 24px;padding-top: 8px;}
.accordion_content .tag1{display: flex;float:left;padding:2px 6px;justify-content: center;align-items: center;gap: 8px;border-radius: 4px;background: #022AB2;color:#FFF;border:1px solid #022AB2;leading-trim: both;text-edge: cap;font-size: 14px;font-style: normal;line-height: normal;margin-right: 10px;}
.accordion_content .tag2{display: flex;float:left;padding:2px 6px;justify-content: center;align-items: center;gap: 8px;border-radius: 4px;background: #fff;color:#022AB2;border:1px solid #022AB2;leading-trim: both;text-edge: cap;font-size: 14px;font-style: normal;line-height: normal;}


.accordion_titre_off {position:relative;background:#445EFF;margin:0 0 24px 0; border-radius: 16px;box-shadow: 10px 10px 0 0 #022AB2;padding: 24px 32px 24px 32px;color:#FFF;font-size: 32px;font-style: normal;line-height: 110%;text-transform: uppercase;font-family:'gill_sansbold';}
.accordion_titre_off.rose{background-color:#E50A57;box-shadow: 10px 10px 0 0 #AC163C;}
.accordion_titre_off.vert{background-color:#2DAB66;box-shadow: 10px 10px 0 0 #0D6930;}
.accordion_titre_off span{color:#022AB2;font-size: 14px;font-style: normal;line-height: normal;text-transform: none;border-radius: 4px;background: #FFFCEE;padding:4px 6px 4px 6px;font-family: 'gill_sansmedium';margin-bottom: 5px;}

.bloc_action{padding: 32px;border-radius: 24px;background:#FFFCED;color:#022AB2;border: 1px solid #4465A8;margin-bottom: 32px;}
	.bloc_action .date{color: #445EFF;font-size: 24px;font-family:'gill_sansbold';padding-bottom: 16px;}
	.bloc_action .titre{color: #445EFF;font-size: 32px;text-transform: uppercase;font-family:'gill_sansbold';}
	.bloc_action .texte{padding:32px 0;}
	.bloc_action .texte strong{font-family:'gill_sansbold';}
	.bloc_action .texte a{color:#E50A57;}
	.bloc_action .texte a:hover{color:#3C64AC;}
	.bloc_action .partage{font-size: 17px;text-align: right;}
	.bloc_action .partage img{margin-right: 5px;}
	.bloc_action .participe{float: left;}
	.bloc_action .participe a{border-radius: 16px;background:#4F43C4;padding:16px 24px;color:#fff;font-size: 17px;}

.bloc_actionjour{border: none;}
	.bloc_actionjour .date{float:right;}


.container{padding-left:60px;}

@media (max-width:1400px) {
	.reseaux{left:5px;line-height:46px;}
	.reseaux img{width:36px;}

	.container{padding-left:40px;}

	nav ul li a{font-size: 21px;}

	.banniere_form{margin:60px 0 60px 60px;}
}

@media (max-width:1290px) {
	#nav_mobile{display: block;padding-top: 15px;}
	#nav1,#nav2{display: none;}

	#nav1 ul{padding: 20px 0 20px 40px;}
	#nav1 ul li{float:none;padding:10px 0 10px 0px;border-bottom: 1px solid #3C64AC;}

	#nav2,#nav3{padding-left:20px;}
	#nav2 .bt1,#nav2 .bt2{width:100%;margin:0 0 20px 0;}


	.footer-printemps{font-size:18px;}
	.footer-printemps img{height:60px;}
}

@media (max-width:765px) {

	section.p-4{padding-left:0.5rem !important;padding-right:0.5rem !important;}
	header .header_top{font-size:14px;}

	footer{padding:32px 0;text-align: center;}
	footer .col-md-2{padding:12px 0;}
	.footer_rs img{max-width: 14%; margin-right:2%;}

	.reseaux{display: none;}
	.container{padding-left:12px;}

	.accordion_titre {font-size:24px;padding: 16px 16px 16px 16px;}
	.accordion_content .titre{font-size:18px; }
	.accordion_content{padding: 16px 16px 16px 16px;}
	
	.banniere_form{border-radius: 16px;background:#FFFCEE;width:80%;margin:24px auto; }

	#nav1 ul{padding: 20px 0 20px 20px;}

	.nav-item{font-size: 20px;}

	.h_bloc{padding: 32px 22px 32px 18px;}
	.h_bloc .texte{font-size:20px;}

	.bloc_action{padding:24px;}
	.bloc_action .participe{float: none;}
	.bloc_action .partage{padding: 32px 0 0 0;}
	.bloc_action .titre{font-size:26px;}
	.bloc_action .texte{padding:24px 0;}
	.bloc_action .partage{font-size: 15px;}
	.bloc_action .partage img{width: 24px;}

	.bloc_actionjour .date{float:none;}
}