/* color */
:root {
	--sunflowerYellow: #ffce00;
	--navy: #02164d;
	--cobalt: #172e70;
	--brownGrey : #a4a4a4;
}

/* font */ 
@font-face {
    font-family:"DINPro";
    src:url("../fonts/DIN-Black-export/DIN-Black.woff2") format("woff2"),url("../fonts/DIN-Black-export/DIN-Black.woff") format("woff"),url("../fonts/DIN-Black-export/DIN-Black.otf") format("opentype");
	font-style:normal;font-weight:800;
	font-display: swap;
}
		
@font-face {
    font-family:"DINPro";
    src:url("../fonts/DIN-Bold-export/DIN-Bold.woff2") format("woff2"),url("../fonts/DIN-Bold-export/DIN-Bold.woff") format("woff"),url("../fonts/DIN-Bold-export/DIN-Bold.otf") format("opentype");
	font-style:normal;font-weight:700;
	font-display: swap;
}

@font-face {
    font-family:"DINPro";
    src:url("../fonts/DIN-Medium-export/DIN-Medium.woff2") format("woff2"),url("../fonts/DIN-Medium-export/DIN-Medium.woff") format("woff"),url("../fonts/DIN-Medium-export/DIN-Medium.otf") format("opentype");
	font-style:normal;font-weight:500;
	font-display: swap;
}
        
@font-face {
    font-family:"DINPro";
    src:url("../fonts/DIN-Regular-export/DIN-Regular.woff2") format("woff2"),url("../fonts/DIN-Regular-export/DIN-Regular.woff") format("woff"),url("../fonts/DIN-Regular-export/DIN-Regular.otf") format("opentype");
	font-style:normal;font-weight:400;
	font-display: swap;
}
        
@font-face {
    font-family:"DINPro";
    src:url("../fonts/DIN-Light-export/DIN-Light.woff2") format("woff2"),url("../fonts/DIN-Light-export/DIN-Light.woff") format("woff"),url("../fonts/DIN-Light-export/DIN-Light.otf") format("opentype");
	font-style:normal;font-weight:300;
	font-display: swap;
}

@font-face {
    font-family:"Get-Show";
    src:url("../fonts/Get-Show-export/Get-Show.woff2") format("woff2"),url("../fonts/Get-Show-export/Get-Show.woff") format("woff"),url("../fonts/Get-Show-export/Get-Show.ttf") format("opentype");
	font-style:normal;font-weight:400;
	font-display: swap;
}
	 
/* BASE */
body {
	font-family:"DINPro";
	overflow-x: hidden;
	color: var(--cobalt);
	z-index: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--cobalt);
}

a:not(.et_pb_button):not(.et-pb-arrow-next):not(.et_pb_module_clickable):not(.icon):not(.small-button):hover {
	text-decoration: underline;
}

.et_pb_slide_title a,
.et_pb_slide_title a:hover {
	text-decoration: unset !important;
}

address {
	font-style: unset;
}

.et_pb_row {
	width: 90%;
}

.get-show {
	font-family:"Get-Show";
	font-weight: 400;
}

/* Slider */
.quatre .et-pb-controllers {
    bottom: 0;
    right: 20px;
    width: auto;
}

/* Bouton */
.quatre .dsm_contact_form_7 .wpcf7-form-control.wpcf7-submit {
	color:#fff;
	border-color: var(--navy);
}

.quatre .dsm_contact_form_7 .wpcf7-form-control.wpcf7-submit:hover {
	color:   var(--navy);
}

.fake-link {
	text-decoration: underline;
}

/* Form */
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea {
	resize: none;
}

div.wpcf7 .ajax-loader {
	display: block;
}

.quatre .btn-contact {
	background-color: var(--navy);
	color:#fff;
}

.vertical-align-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: -ms-flexbox;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}

.vertical-align-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

@media screen and (max-width: 1090px)  {

	.column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}

	.et_pb_menu .et_pb_menu__menu, 
	.et_pb_fullwidth_menu .et_pb_menu__menu {
		display: none;
	}

	.et_mobile_nav_menu {
		display: flex;
	}

	.et_pb_menu--style-left_aligned .et_pb_menu__wrap, 
	.et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__wrap {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.et_pb_menu--style-left_aligned .et_pb_row, .et_pb_menu--style-left_aligned .et_pb_menu_inner_container, 
	.et_pb_fullwidth_menu--style-left_aligned .et_pb_row, .et_pb_fullwidth_menu--style-left_aligned .et_pb_menu_inner_container {
		align-items: center;
	}

}

.et-l.et-l--header {
	position: relative;
	/* z-index: 999999999999999; */
}

.fixed-header-container {
	padding: 138px 0 0;
}



@media screen and (max-width: 1090px) {
	.fixed-header-container {
		padding: 115px 0 0;
	}
}

@media screen and (max-width: 980px) {
	.fixed-header-container {
		padding: 120px 0 0;
	}
}

.sticky-menu {
	width: 100%;
	z-index: 999;
}

/* HEADER */

@media screen and (min-width: 980px) {
	.quatre .et_pb_gutters1 .et_pb_column_2_3, 
	.quatre .et_pb_gutters1.et_pb_row .et_pb_column_2_3,
	.quatre .et_pb_gutters1 .et_pb_column_1_3, 
	.quatre .et_pb_gutters1.et_pb_row .et_pb_column_1_3 {
		width:unset;
		flex:1 1 auto;
	}

	.quatre .et_pb_section_4 .et_pb_gutters1 .et_pb_column_1_3, 
	.quatre .et_pb_section_4 .et_pb_gutters1.et_pb_row .et_pb_column_1_3 {
		width:unset;
		flex:1 1 33.3333%;
	}

}

/* fixed header */
.quatre .et_pb_section.fixed-header,
.et-db #et-boc .et-l .et_pb_section.fixed-header {
	position:fixed;
	width: 100%;
	top: 0;
	left: 0;
	transition: top 500ms cubic-bezier(.17,.84,.44,1);
	-webkit-transition: top 500ms cubic-bezier(.17,.84,.44,1);
	-moz-transition: top 500ms cubic-bezier(.17,.84,.44,1);
	-ms-transition: top 500ms cubic-bezier(.17,.84,.44,1);
	-o-transition: top 500ms cubic-bezier(.17,.84,.44,1);
}

.et_pb_section.fixed-header.shrink {
	top:-30px;
}

@media screen and (min-width: 980px)  {
	.admin-bar .et_pb_section.fixed-header {
		top: 32px !important;
	}
	
	.admin-bar .et_pb_section.fixed-header.shrink {
		top:-2px;
	}
}

/* Logo SVG */
.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img, 
.et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img,
.et-db #et-boc .et-l .et_pb_menu__logo img[src$=".svg"] {
	width: calc(272px / 2);
	height: calc(120px / 2);
}

/* Menu */
.et_pb_menu__logo-wrap {
	margin-bottom: 15px;
}

@media screen and (max-width: 980px)  {

	.et_pb_menu__logo-wrap {
		margin:15px 0;
	}

}

.quatre .et_pb_menu .et_pb_menu__wrap, 
.quatre .et_pb_fullwidth_menu .et_pb_menu__wrap,
.quatre .et_pb_menu .et_pb_menu__menu > nav > ul > li, 
.quatre .et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul > li {
	justify-items: flex-end;
}

.quatre .et_pb_menu__wrap {
	align-items: flex-end;
}

.a.et_pb_menu__icon, 
button.et_pb_menu__icon {
	height: 60px;
    margin: 0 0 0 22px !important;
}

/* .quatre .et_pb_menu .et_pb_menu__menu > nav, 
.quatre .et_pb_fullwidth_menu .et_pb_menu__menu > nav {
	align-items: flex-end;
} */
 

.quatre .et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a, 
.quatre .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding:0;
}

.quatre:not(.home) .et_pb_menu_0_tb_header.et_pb_menu ul li a {
	color: rgba(0, 0, 0, 0.6) !important;
}

.quatre:not(.home) .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
	color: var(--cobalt) !important;
}

.quatre .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
	color: var(--cobalt) !important;
}

.et-menu a {
	transition: inherit;
}

#menu-principal-subsite-fr {
	padding: 0;
	margin-left: -11px;
    margin-right: -11px;
}

#menu-principal-fr li,
#menu-principal-subsite-fr li {
	padding-bottom: 20px;
	border-bottom: 2px solid transparent;
}

#menu-principal-fr li.hidden,
#menu-principal-subsite-fr li.hidden {
	display: none;
}

#menu-principal-fr li .sub-menu li,
#menu-principal-subsite-fr li .sub-menu li {
	border:none;
	padding-bottom: 0;
}

#menu-principal-fr li li a,
#menu-principal-subsite-fr li li a { 
	width: unset;
	padding:0;
	font-size: 16px !important;
	font-weight: 500;
	display: inline-block;
}

#menu-principal-fr li li a:hover,
#menu-principal-subsite-fr li li a:hover {
	opacity: 1;
	background: unset;
}

#menu-principal-subsite-fr > li, 
#menu-principal-subsite-fr > li {
    padding-left: 11px;
    padding-right: 11px;
}

#menu-principal-fr li.menu-item-has-children ,
#menu-principal-subsite-fr li.menu-item-has-children {
	padding-right: 22px;
}

/* 
#menu-principal-fr li.menu-item-has-children > a:first-child:after,
#menu-principal-subsite-fr li.menu-item-has-children > a:first-child:after {
	right:-18px;
} */

#menu-principal-fr li.menu-item-has-children > a:first-child:after {
	right:-18px;
}

#menu-principal-fr li a:hover,
#menu-principal-subsite-fr li a:hover {
	text-decoration: unset;
}

#menu-principal-fr li:hover,
#menu-principal-fr li.current-menu-item,
#menu-principal-subsite-fr li:hover,
#menu-principal-subsite-fr li.current-menu-item {
	border-color: var(--cobalt);
}

.nav li li ul.subsites {
	left: 0;
	top: -3px;
}

/* @media screen and (max-width: 980px)  {

	.nav li li ul.subsites,
	 .et_pb_menu .et_mobile_menu li.sections-list-container ul.sub-menu {
		display: none !important;
	}

} */

#menu-principal-fr li.sections-list-container:hover,
#menu-principal-fr li.sections-list-container ul.sub-menu  {
	border-color: transparent !important;
}


.nav li.sections-list-container:hover > ul .subsites, 
.nav li.sections-list-container.et-touch-hover > ul .subsites {
    opacity: 1;
    visibility: visible;
}

.nav li li ul.subsites li {
	display: block;
	position: relative;
    line-height: 1.4em;
	padding: 0 20px 10px !important;
	min-width: 280px;
	width: 100%;
}

.nav li li ul.subsites li a {
	border-bottom:2px solid transparent;
}

.nav li li ul.subsites li a:hover {
	border-color:var(--cobalt);
}

.sections-list-container .sub-menu {
	width:100%;
	max-width: 600px;
	padding:0 !important;
	display: unset;
}

.sections-list-container .sub-menu > li  {
    display: block;
	padding:0;
	line-height: unset;
}

@media screen and (min-width: 980px)  {
	.sections-list-container .sub-menu ul {
		width: auto;
		-moz-columns: 3;
		columns: 3;
	}

	.sections-list-container .sub-menu > li {
		width: 680px;
		line-height: 1.4em;
	}
}

@media screen and (max-width: 980px)  {

	/* .sections-list-container .sub-menu ul li {
		padding: 0;
	} */

	.sections-list-container .sub-menu ul li a {
		padding: 10px 0 10px 5% !important;
	}


	.sub-menu a {
		font-size: 18px !important;
	}

}

/* Menu secondaire */
#menu-secondaire-subsite-fr,
.et_pb_menu_1_tb_header .et-menu.nav {
	padding: 0;
	margin-left: -11px;
    margin-right: -11px;
}

#menu-secondaire-subsite-fr li,
.et_pb_menu_1_tb_header .et-menu.nav li {
	padding-left: 11px;
    padding-right: 11px;
}

#menu-secondaire-fr .menu-item,
#menu-secondaire-subsite-fr .menu-item,
.et_pb_menu_1_tb_header .et-menu.nav .menu-item {
	margin-top:0;
	background-color:var(--sunflowerYellow);
	margin-right:1px;
}

#menu-secondaire-fr .menu-item:nth-last-child(),
#menu-secondaire-subsite-fr .menu-item:nth-last-child(),
.et_pb_menu_1_tb_header .et-menu.nav .menu-item:nth-last-child() {
	margin-right: unset;
}

#menu-secondaire-fr .menu-item a,
#menu-secondaire-subsite-fr .menu-item a,
.et_pb_menu_1_tb_header .et-menu.nav .menu-item a {
	padding-top:8px;
}

@media screen and (max-width: 1090px) {

	.et_mobile_menu {
		overflow: scroll !important;	
		max-height: calc(100vh - 200px);
	}
 	
	.et_pb_menu_1_tb_header .et_mobile_nav_menu,
	.et_pb_text_0_tb_header,
	.et_pb_social_media_follow_0_tb_header,
	.et_pb_code_0_tb_header {
		display: none;
	}

	.et_pb_menu_1_tb_header .et_pb_menu__menu {
		display: flex;
		width: 100%;
	}

	/* .quatre .et_pb_menu_1_tb_header {
		margin-bottom: 0 !important;
	} */

	.quatre .et_pb_row_0_tb_header.et_pb_row {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.quatre #menu-secondaire-subsite-fr, .quatre .et_pb_menu_1_tb_header .et-menu.nav {
		margin: 0;
	}

	.quatre .et_pb_menu_1_tb_header .et-menu-nav,
	.quatre #menu-secondaire-subsite-fr, .quatre .et_pb_menu_1_tb_header .et-menu.nav {
		width: 100%;
		text-align: center;
	}

	#menu-secondaire-subsite-fr li, .et_pb_menu_1_tb_header .et-menu.nav li {
		padding-left: 11px;
		padding-right: 11px;
		flex: 1 1 auto;
	}

	.et-db.post-type-archive-stages #et-boc .et-l .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul#menu-secondaire-fr>li {
		margin-top: 0 !important;
	}

	#menu-secondaire-fr .menu-item:last-child,
	#menu-secondaire-subsite-fr .menu-item:last-child,
	.et_pb_menu_1_tb_header .et-menu.nav .menu-item:last-child {
		margin-right:0;
		
	}

	.et_pb_menu_1_tb_header.et_pb_menu ul li a {
		width: 100%;
	}

	.quatre .et_pb_column_0_tb_header {
		padding: 0 5% !important;
		width: 100% !important;
		margin: 0 auto;
		max-width: 100%;
	}

	.quatre .a.et_pb_menu__icon, 
	.quatre button.et_pb_menu__icon {
		height: 32px;
		margin-top: 0 22px 0 0 !important;
	}

	.quatre a:not(.et_pb_button):not(.et-pb-arrow-next):not(.et_pb_module_clickable):hover {
		text-decoration: unset;
	}

}

/********* Mobile Menu Collapse ********/
/**** This hides the sub menu items on mobile ****/
 
#mobile_menu1.et_mobile_menu li ul.hide {
	display: none !important;
}
	
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
	
#mobile_menu1 .menu-item-has-children {
	position: relative;
}
#mobile_menu1 .menu-item-has-children > a {
	background: transparent;
}
	
/**** This styles the icon and moves it to the right ****/
	
#mobile_menu1 .menu-item-has-children > a + span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	z-index: 3;
}
	
/**** Here you can swap out the actual icons ****/
	
span.menu-closed:before {
	content: "\4c";
	display: block;
	color: #fff;
	font-size: 16px;
	font-family: ETmodules;
	background-color: var(--cobalt);
	width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 37px;
}

span.menu-closed.menu-open:before {
	content: "\4d";
}

/* Base */
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

.single h2, .single h3, .single h4, .single h5, .single h6 {
	padding-bottom:10px !important;
}

.titre-cta .et_pb_text_inner > *{
	display: inline-block;
}

.titre-cta h2, 
.titre-cta h3  {
	font-weight: 700 !important;
}

.titre-cta .et_pb_text_inner span {
	margin-left:calc(17px - 0.600em);
}


@media screen and (max-width: 980px) {
	.titre-cta .et_pb_text_inner > *{
		display: block;
	}

	.titre-cta .et_pb_text_inner span {
		display: block;
	}
}


.titre-cta .et_pb_text_inner span.icon:before {
	display: inline-block;
	vertical-align: middle;
	content:'';
	margin-right:5px;
}

.titre-cta .et_pb_text_inner span.notre-actualite:before {
	background-image:url('../img/notre-actualite.svg');
	background-size: cover;    
	width: 10px;
	height: 10px;
}

.titre-cta .et_pb_text_inner span.guide-des-sports:before {
	background-image:url('../img/guide-des-sports.svg');
	background-size: cover;
	width: 15px;
	height: 15px;
}

.titre-cta .et_pb_text_inner span.partenaire:before {
	background-image:url('../img/devenir-partenaire.svg');
	background-size: cover;
	width: 15px;
	height: 13px;
}

.titre-cta .et_pb_text_inner span.tout-decouvrir:before {
	background-image:url('../img/tout-decouvrir.svg');
	background-size: cover;
	width: 12px;
	height: 12px;
	position: relative;
    top: -2px;
} 

.titre-cta .et_pb_text_inner span.planning:before {
	background-image:url('../img/planning.svg');
	background-size: cover;
	width: 15px;
	height: 15px;
	position: relative;
} 

.titre-cta .et_pb_text_inner a {
	color: var(--cobalt);
}
@media screen and (max-width: 980px) {
	.quatre .et_pb_row.et_pb_row_4.et_pb_row_4col .et_pb_column {
		width: 47.25% !important;
	}

	.quatre .et_pb_row_4col > .et_pb_column.et_pb_column_1_4,
	.quatre .et_pb_row_1-4_1-4_1-2 > .et_pb_column.et_pb_column_1_4, 
	.quatre .et_pb_row_1-4_1-4 > .et_pb_column.et_pb_column_1_4 {
		margin-right: 5.5%;
	}

	.quatre .et_pb_row_4col > .et_pb_column.et_pb_column_1_4:nth-child(even), 
	.quatre .et_pb_row_1-4_1-4_1-2 > .et_pb_column.et_pb_column_1_4:nth-child(even), 
	.quatre .et_pb_row_1-4_1-4 > .et_pb_column.et_pb_column_1_4:nth-child(even) {
		margin-right: 0;
	}
}

/* Monarch */
.et_monarch .titre-cta .et_social_networks {
	width: 110%;
    display: inline-block;
    vertical-align: middle;
}

/*Slick*/
.quatre .slick-dots {
	padding-left: 0;
}

.quatre .slick-prev, 
.quatre .slick-next {
	height: 40px;
    width: 40px;
    margin-top: -20px;
}

.quatre .slick-prev {
    left: -37px;
}

.quatre .slick-next {
    right: -36px;
}

/*DSM Slider*/
@media screen and (max-width: 980px) {

	.quatre .dsm_image_carousel_arrow_outside.dsm_image_carousel_arrow_mobile_inside .swiper-button-prev {
		left: -15px;
	}

	.quatre .dsm_image_carousel_arrow_outside.dsm_image_carousel_arrow_mobile_inside .swiper-button-next {
		right: -15px;
	}

}

.quatre .slick-prev:before, 
.quatre .slick-next:before {
	font-size: 40px;
    color: var(--cobalt);
    text-shadow: 0 0;
    font-family: ETmodules!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
}

.quatre .slick-prev:before {
    content: "4";
}

.quatre .slick-next:before {
    content: "5";
}

/* Modules */
/* recherche */
#container-recherche {
	padding:50px 0 0;
	background-color: #fff;
	text-align: center;
	transform: translateY(-11px);
}

.container-titre {
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 20px;
	display: inline-block;
}

.container-fermer {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
	line-height: 1em;
	font-size: 20px;
	cursor: pointer;
}

#container-recherche .container-form {
	background-color: var(--sunflowerYellow);
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#container-recherche #searchform {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#container-recherche .container-form input {
	font-size: 16px;
	background: none;
	border: none;
	border-bottom:1px solid #fff;
	width: 60%;
	padding: 0;
    margin: 0;
}

.search-submit {
	border:none;
	background:none;
}

.search-submit img {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}

/* actualités */
#container-actualites,
#container-recherche-resultat,
#container-stages,
#container-ateliers {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

@media screen and (max-width: 980px) {
	#container-actualites,
	#container-recherche-resultat,
	#container-stages,
	#container-ateliers {
		margin-top: 60px;
	}
}


.search-title {
	font-weight: 700;
}


#container-actualites article,
#container-recherche-resultat article,
#container-stages article,
#container-ateliers article {
	text-align: center;
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}

.et_pb_column_4_4 #container-actualites article,
.et_pb_column_4_4 #container-recherche-resultat article,
.et_pb_column_4_4 #container-stages article,
.et_pb_column_4_4 #container-ateliers article {
	flex: 0 1 31.3333%;
}

.et_pb_column_3_5 #container-actualites article,
.et_pb_column_3_5 #container-stages article,
.et_pb_column_3_5 #container-ateliers article {
	flex: 0 1 48%;
}

@media screen and (min-width: 980px) {
	.et_pb_column_4_4 #container-actualites article:nth-child(3n+2),
	.et_pb_column_4_4 #container-recherche-resultat article:nth-child(3n+2),
	.et_pb_column_4_4 #container-stages article:nth-child(3n+2),
	.et_pb_column_4_4 #container-ateliers article:nth-child(3n+2) {
		margin-left: 3%;
		margin-right: 3%;
	}

	.et_pb_column_3_5 #container-actualites article:nth-child(2n+2),
	.et_pb_column_3_5 #container-stages article:nth-child(2n+2),
	.et_pb_column_3_5 #container-ateliers article:nth-child(2n+2) {
		margin-left: 3%;
	}
}

@media screen and (max-width: 980px) {
	.et_pb_column_4_4 #container-actualites article,
	.et_pb_column_4_4 #container-recherche-resultat article,
	.et_pb_column_4_4 #container-stages article,
	.et_pb_column_4_4 #container-ateliers article {
		flex: 0 1 48%;
	}

	.et_pb_column_3_5 #container-actualites.fullwidth article,
	.et_pb_column_3_5 #container-stages.fullwidth article,
	.et_pb_column_3_5 #container-ateliers.fullwidth article {
		flex: 0 1 100%;
	}
}

@media screen and (max-width: 574px) {
	.et_pb_column_4_4 #container-actualites article,
	.et_pb_column_4_4 #container-recherche-resultat article,
	.et_pb_column_4_4 #container-stages article,
	.et_pb_column_4_4 #container-ateliers article {
		flex: 0 1 100%;
	}
}

#container-actualites article:hover,
#container-recherche-resultat article:hover,
#container-stages article:hover,
#container-ateliers article:hover  {
	background-color: var(--sunflowerYellow);
}

#container-actualites .thumbnail,
#container-recherche-resultat .thumbnail,
#container-stages .thumbnail,
#container-ateliers .thumbnail {
	border-radius: 10px;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	background-color: #02164d;
	overflow: hidden;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-size 500ms cubic-bezier(.17,.84,.44,1);
	-webkit-transition: background-size 500ms cubic-bezier(.17,.84,.44,1);
	-moz-transition: background-size 500ms cubic-bezier(.17,.84,.44,1);
	-ms-transition: background-size 500ms cubic-bezier(.17,.84,.44,1);
	-o-transition: background-size 500ms cubic-bezier(.17,.84,.44,1);
}

#container-actualites .has_post_thumbnail .thumbnail,
#container-recherche-resultat .has_post_thumbnail .thumbnail,
#container-stages .has_post_thumbnail .thumbnail,
#container-ateliers .has_post_thumbnail .thumbnail {
	background-size: cover;
}

#container-actualites .hentry:hover .has_no_post_thumbnail .thumbnail,
#container-recherche-resultat .hentry:hover .has_no_post_thumbnail .thumbnail,
#container-stages .hentry:hover .has_no_post_thumbnail .thumbnail,
#container-ateliers .hentry:hover .has_no_post_thumbnail .thumbnail {
	background-size: 120% auto;

}

#container-actualites .thumbnail:before,
#container-recherche-resultat .thumbnail:before,
#container-stages .thumbnail:before,
#container-ateliers .thumbnail:before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top: 225px;
}

#container-actualites .thumbnail img,
#container-recherche-resultat .thumbnail img,
#container-stages .thumbnail img,
#container-ateliers .thumbnail img {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

#container-actualites .container-category,
#container-recherche-resultat .container-category,
#container-stages .container-category,
#container-ateliers .container-category {
	margin-bottom: 5px;
	display: inline-block;
}

#container-actualites article:hover *,
#container-recherche-resultat article:hover *,
#container-stages article:hover *,
#container-ateliers article:hover * {
	text-decoration: unset;
}

#container-actualites .title,
#container-recherche-resultat .title,
#container-stages .title,
#container-ateliers .title {
	font-weight: 700;
	padding:0 20px 20px;
	line-height: 1.2em;
}

.navigation.pagination {
	text-align: center;
    display: block;
	width: 100%;
	margin-bottom: 60px;
}

.page-numbers {
	padding:5px;
}

.page-numbers.current {
	border: 1px solid var(--cobalt);
}

/* page */
.sticky-wrapper {
	position: relative;
	z-index: 999999;
}

.nav .active{
	position: relative;
}

.sticky-wrapper .et-menu,
.sticky-wrapper .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul {
	padding-bottom:10px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.sticky-wrapper .et_pb_menu .et-menu > li, 
.sticky-wrapper .et-menu > li {
	padding:0 !important;
}

.sticky-wrapper .et_pb_menu .et-menu > li > a, 
.sticky-wrapper .et-menu > li > a {
	padding-left: 11px;
	padding-right: 11px;
}

.sticky-wrapper .et_pb_menu .et-menu > li:first-child > a, 
.sticky-wrapper .et-menu > li:first-child > a {
	padding-left: 0 !important;
}

.sticky-wrapper .et_pb_menu .et-menu > li:last-child > a, 
.sticky-wrapper .et-menu > li:last-child > a {
	padding-right: 0;
}

.sticky-wrapper .nav .active:after {
	content:'';
	position: absolute;
	width: calc(100% - 22px);
	left:50%;
	transform: translateX(-50%);
	height: 2px;
	background-color: var(--cobalt);
	bottom: -10px;
}

.sticky-wrapper .nav .active:first-child:after,
.sticky-wrapper .nav .active:last-child:after {
	width: calc(100% - 11px);
}

.sticky-wrapper .nav .active:first-child:after {
	left: unset;
	transform: unset !important;
}

.sticky-wrapper .nav .active:last-child:after {
	right: 0;
	left:unset;
	transform: unset;
}


.nav .active a {
	color: var(--cobalt);
}

.vertical-align-center .et_pb_post_title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.title-underligne span {
	position: relative;
}

.title-underligne span:after {
	content:'';
	width:100%;
	background-color: var(--cobalt);
	position: absolute;
	bottom: -10px;
    left: 0;
}

h2.title-underligne span:after {
	height:4px;
}

h3.title-underligne span:after {
	height:2px;
}

.meta-section {
	padding: 0 0 10px;
	display: inline-block;
}

/* Club */
#ca-vous-tente .et_pb_text_inner {
	position: relative;
}

#ca-vous-tente .et_pb_text_inner {
	display: inline;
}

#ca-vous-tente .et_pb_text_inner:after {
	content:'';
	position: absolute;
	background-image: url('../img/fleche.svg');
	width: 49px;
	height: 97px;
    top: 60%;
    left: 55%;
	transform: rotate(180deg);
	background-repeat: no-repeat;
}

#sport-haut-niveau-selector  {
	background: #c1c1c1;
	padding: 0;
	width: auto;
	display: inline-block;
	border-radius: 10px;
}

#sport-haut-niveau-selector li {
	display: inline-block;
	padding: 20px;
	border-radius: 10px;
	color: #fff;
}

#sport-haut-niveau-selector li:hover {
	cursor: pointer;
}

#sport-haut-niveau-selector li.active {
	background-color: var(--cobalt);
}

.mask-circle .et_pb_image_wrap   {
	-webkit-clip-path: circle(50% at center);
	        clip-path: circle(50% at center);
}

.mask-circle .et_pb_image_wrap img {
	position: relative;
	max-width: 130px;
	margin: 0 auto;
}

body :not(.et-fb-global-preloader) .et-pb-row-sport-de-haut-niveau {
	visibility: hidden;
	opacity: 0;
	height: 0;
} 

body :not(.et-fb-global-preloader) .et-pb-row-sport-de-haut-niveau > * {
	height: 0;
}

body :not(.et-fb-global-preloader) .et-pb-row-sport-de-haut-niveau.et-pb-row-active {
	visibility: visible;
	opacity: 1;
	height: auto;
}

body :not(.et-fb-global-preloader) .et-pb-row-sport-de-haut-niveau.et-pb-row-active > * {
	height: auto;
}

.sport_individuel_social_follow.et_pb_social_media_follow li a.icon::before {
	color: var(--cobalt);
}

.et-social-website a.icon:before {
	content: "";
}


/* flow-flow */
.quatre .ff-stream {
	padding:0;
}

.quatre .ff-stream-wrapper {
	margin: 0;
}

/* Footer */
@media screen and (min-width: 980px) {

	.et-l--footer .et_pb_gutters3 .et_pb_column_1_2, 
	.et-l--footer .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
		width: 42.25%;
	}

	.et-l--footer .et_pb_gutters3 .et_pb_column_1_4.et-last-child, 
	.et-l--footer .et_pb_gutters3.et_pb_row .et_pb_column_1_4.et-last-child {
		width: 25.875%;
	}

}

.et-l--footer .title {
	text-transform: uppercase;
	font-weight: 800;
	margin:0 0 10px;
}

.et-l--footer .et_pb_widget + .et_pb_widget {
	margin-top: 60px;
	margin-bottom: 0;
}

.et_pb_gutters3 .et-l--footer .et_pb_column_1_4 .et_pb_widget {
	margin-bottom: 0;
}

.et-l--footer strong,
.et-l--footer address {
	font-weight: 900;
}

.et-l--footer span.icon:before {
	display: inline-block;
	vertical-align: initial;
	content:'';
	margin-right:5px;
}

.et-l--footer  span.nous-trouver:before {
	background-image:url('../img/nous-trouver.svg');
	background-size: cover;
	width: 15px;
	height: 13px;
}

.et-l--footer  span.nous-trouver a {
	text-decoration: underline;
}

.et-l--footer a:hover {
	color: #fff !important;
}

.et-l--footer .et_pb_social_media_follow a:hover,
.et-l--footer .et_pb_social_media_follow a {
	text-decoration: unset;
}

.menu-activites-fr-container,
.et_pb_gutters3 .et_pb_column_1_2 .et_pb_widget {
	width: 100% !important;
	margin-right: unset;
}

@media screen and (min-width: 980px) {
	.et-l--footer #menu-activites-fr {
		width: auto;
		-moz-columns: 3;
		columns: 3;
	}
}

.et-l--footer #menu-activites-fr li {
	display: block;
	margin-bottom: .5em;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 980px) {
	.quatre .et_pb_column_3_tb_footer.et_pb_column {
		margin-bottom: 0;
	}
}

/* single */
.single .entry-title {
	position: relative;
}

@media screen and (max-width: 980px) {
	/* single */
	.single .entry-title {
		line-height: 1.4em;
	}
}

/* .single .entry-title:before {
	content:'';
	width:10%;
	background-color: var(--cobalt);
	position: absolute;
	bottom: -10px;
    left: 0;
	height:4px;
} */

/* taxonomy activite */
.info_activite {
	display: block;
	color:rgba(0, 0, 0, 0.6);
}

.address_activite {
	color:rgba(0, 0, 0, 0.6);
}

.info_activite a {
	color: var(--sunflowerYellow);
}

/* cpt */

.post-type-archive .et_pb_bg_layout_dark .et_pb_widget li a, 
.post-type-archive.et-db #et-boc .et-l .et_pb_bg_layout_dark .et_pb_widget li a,
.post-type-archive .et_pb_bg_layout_dark .textwidget li a, 
.post-type-archive.et-db #et-boc .et-l .et_pb_bg_layout_dark .textwidget a {
	color: #fff;
}

/* club */
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 0;
    margin: 20px 0;
}

.acf-map img {
   max-width: inherit !important;
}

@media screen and (max-width: 980px) {
	.et_pb_row_inner_title {
		margin-bottom: 60px;
	}

	/* .installations-sportives {
		display: flex;
		flex-direction: column-reverse;
	} */
}

#map {
	height: 400px;  /* The height is 400 pixels */
	width: 100%;  /* The width is the width of the web page */
	margin: 20px 0;
}

.installations-sportives .et_pb_text_85 h2 {
    font-weight: 700;
}

.installations-sportives h3 {
    font-weight: 700;
}

.installations-sportives .et_pb_text_88 {
    font-weight: 700;
    font-size: 28px;
    background-color: #ffffff;
    position: relative;
    padding-top: 40px!important;
    padding-bottom: 40px!important;
    margin-bottom: 40px!important;
}

.installations-sportives .et_pb_text_89 {
    font-weight: 700;
    font-size: 24px;
    background-color: #ffffff;
    position: relative;
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}

.installations-sportives .address_first_level {
	padding-bottom: 0;
}

.installations-sportives .installation_name ul {
	list-style: none;
	padding:0;
}

.installations-sportives .installation_name ul li {
	color: var(--brownGrey);	
}

.installations-sportives .installation_name ul li:hover {
	cursor: pointer;
	color: var(--cobalt);
}

.installations-sportives .installation_name ul li.active {
	color: var(--cobalt);
}

.installations-sportives .padding_0 {
	padding:0;
}

.installations-sportives .padding_4_0 {
	padding:4.2415% 0 0;
}

/* club carousel */

.club-carousel .slides,
.carousel .slides {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.club-carousel .slides.slick-initialized {
    visibility: visible;
    opacity: 1;    
}

@media screen and (max-width: 768px) {
	.carousel {
		opacity: 0;
		visibility: hidden;
		transition: opacity 1s ease;
		-webkit-transition: opacity 1s ease;
	}

	.carousel.slick-initialized {
		visibility: visible;
		opacity: 1;    
	}
}

.et_pb_image_ca,
.et_pb_image_ca_placeholder {
	margin-bottom: 15px!important;
	text-align: center;
}

.et_pb_image_ca_placeholder {
	width: 132px;
	height: 132px;
	background: var(--cobalt);
	border-radius: 100%;
}

.et_pb_text_nom {
	font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px!important;
}

.et_pb_text_fonction {
    font-weight: 600;
    margin-bottom: 10px!important;
}

.club-carousel .slick-dots {
	bottom: -55px;
}

/* partenaires */
.page-id-1222 .et_pb_text_inner p  {
	padding-bottom: unset;
}

.page-id-1222 .et_pb_text_inner h5 {
	padding: 1em 0 0.5em;
}

.page-id-1222 .mfp-ajax-holder .mfp-content, 
.page-id-1222 .mfp-inline-holder .mfp-content {
	max-width: 70%;
}

.page-id-1222 .mfp-ajax-holder .mfp-content .et_pb_section {
	padding: 1em;
}


.et-menu .hidden,
.et_mobile_menu .hidden {
	display: none !important;
}


/* 
.dsm_image_carousel .swiper-slide img {
	max-width: 200px;
} */


/* planning */
.planning-template-default .wp-caption {
	display: flex;
	flex: 1 1 25%;
	width: unset;
	max-width: unset;
	padding:20px;
	text-align: center;
	flex-wrap: wrap;
	flex-direction: column;
}

.planning-template-default .wp-caption img {
	display:block;
	margin: 0 auto 20px;
}

.planning-template-default .wp-caption p.wp-caption-text,
.planning-template-default .wp-caption a {
	display: block;
}

.container_fichiers .et_pb_code_inner {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
 
.quatre .seopress-user-consent {
	background:#172e70;
}

.quatre .seopress-user-consent p {
	font-size: 1em;
	color: #fff;
	padding: 0;
}

.quatre .seopress-user-consent a {
	color: #fff;
	text-decoration: underline;
}

.quatre .seopress-user-consent button {
	font-size: 16px;
    font-weight: 500;
    padding: .3em 1em;
    height: 40px;
}

#seopress-user-consent-close {
    border-radius: 40px;
    width: 40px;
	height: 40px;
	text-align: center;
    padding: 0.3em 0 0 0;
    vertical-align: middle;
}


.single-post .et_pb_post_content_0_tb_body img,
.single-post .et_pb_post_content_0_tb_body .fluid-width-video-wrapper,
.single-post .et_pb_post_content_0_tb_body .iframe {
	margin: 30px 0 0;
}

.et-l--header ul.et_pb_social_media_follow_custom.et_pb_social_media_follow {
	margin: 0;
}

.et-l--header ul.et_pb_social_media_follow_custom.et_pb_social_media_follow li {
	margin: 0;
}

.et-l--header .et_pb_social_media_follow_custom.et_pb_social_media_follow li a.icon::before {
	color: #ffce00 !important;
}

.et-db #et-boc .et-l .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
	margin-top: 0 !important;
}

.post-type-archive.et-db #et-boc .et-l .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	padding-top: 0;
	padding-bottom: 0;
}

.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap {
	align-items: flex-end
}

.et-l--body ul.shuffle-filter {
	padding: 0;
	margin: 0;
}

.shuffle-filter li {
	display: inline-block;
	border-bottom: 1px solid transparent;
	margin: 0 10px 0 0;
	cursor: pointer;
}

.shuffle-filter li.selected {
	border-bottom:1px solid red !important;
}

.et_pb_column_4_4 .shuffle-container {
	margin-left: -30px;
	margin-right: -30px;
}

.et_pb_column_4_4 #container-actualites article,
.et_pb_column_4_4 #container-recherche-resultat article, 
.et_pb_column_4_4 #container-stages article, 
.et_pb_column_4_4 #container-ateliers article {
	flex: 0 1 33.3333% !important;
	width: 33.333%;
	margin: 0 !important;
    padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 60px !important;
}
 
#container-actualites article:hover, 
#container-recherche-resultat article:hover, 
#container-stages article:hover, 
#container-ateliers article:hover {
    background-color: unset !important;
}

 
/* correction janvier 2022 */
/* notion : https://www.notion.so/Mise-en-page-des-articles-revoir-07d7dd3418bb43798218f00795b8f8ac - Mise en page des articles à revoir */

.single .et_pb_column_2_5 {
 margin-right: 5.5%;
}

.small-button.smallblue {
  background-color: unset;
  background: unset;
  text-decoration: unset;
  border: 2px solid #02164d;
  border-radius: 3px;
  -webkit-transition-duration: .2s;
  -webkit-transition-property: all!important;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7em!important;
  padding: 0.5em 1em 0.3em;
  position: relative;
  transition-duration: .2s;
  transition-property: all!important;
  margin: 0;
}

.small-button.smallblue:hover {
  text-decoration: unset;
}

.small-button.smallblue:after {
  direction: ltr;
  font-family: 'ETmodules'!important;
  -webkit-font-feature-settings: kern off;
  -webkit-transition: all .2s;
  content: "\35";
  font-feature-settings: kern off;
  font-size: 32px;
  font-style: normal;
  font-variant: none;
  font-weight: 400;
  line-height: 1em;
  margin-left: -1em;
  opacity: 0;
  position: absolute;
  text-shadow: none;
  text-transform: none;
  transition: all .2s;
}



.small-button.smallblue:hover{
  border: 2px solid transparent;
  padding: 0.5em 2em 0.3em 0.7em;
}

.small-button.smallblue:hover:after {
  opacity: 1;
  margin-left: 0;
}

.single .et_pb_post_content h1 {
  margin: 0 0 30px;
  padding: 0;
  font-size: 25px;
}

.single .et_pb_post_content p {
  margin: 0 0 30px;
  padding: 0;
  font-weight: 400;
}

.single .et_pb_post_content ul {
  padding: 23px 0 23px 1em;
  margin: 0 0 0 1em;
}

.single .et_pb_post_content p + ul {
  padding: 0 0 23px 1em;
  margin: 0 0 0 1em;
}

.single .et_pb_post_content img + p {
  margin: 0;
}

.single .et_pb_post_content hr {
  margin: 20px 0 30px;
}

.single .et_pb_post_content table {
  border: 1px solid #02164d;
  width: 100%;
  margin: 0 0 30px;
}

.single .et_pb_post_content table td {
  border: 1px solid #02164d;
  text-align: center;
  line-height: 2em;
}

.single .et_pb_post_content .alignnone {
  display: block;
}