/*****************************************************************
	PROPRIETES GENERALES  - BODY / TITRES / TEXTES / LIENS // CSS test
*****************************************************************/

/*BODY*/
html {
	box-sizing: border-box;
	margin: 0;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 0;
	position: relative;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
}

body {
	background-size: cover; /* version standardisée */
	font-family: 'gotham', sans-serif;
	font-weight: normal;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

body {
	content: "1";
}

.body_tiny {
	background-image: none;
}

h1 {
	font-family: 'gotham';
	font-size: 3.75rem;
}

h2 {
	font-family: 'gotham';
	font-size: 1.875rem;
}

.white-title {
	color: #fff;
}

.blue-title {
	color: #312783;
}

#page_home h2 {
	margin-bottom: 30px;
}

#page_home h2, #page_dynamique h1, footer h2 {
	font-family: 'gotham';
	line-height: 1.1;
}

#page_home h2 > .secondaire, #page_dynamique h1 > .secondaire, footer h2 > .secondaire {
	font-size: 1.563rem;
}

h3 {
	font-family: 'gotham';
	font-size: 1.563rem;
}

h4 {

}

em, i {
	font-size: 1em;
	text-decoration: none;
	padding: 0px;
	color: #333;
	margin: 0px;
	display: inline;
}

p, table {
	color: #000;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	font-family: 'gotham';
}

.body_tiny h1, .body_tiny h2, .body_tiny h3, .body_tiny p, .body_tiny a, .body_tiny em, .body_tiny i {
	color: #000;
}

a {
	outline: none;
	color: #333;
	text-decoration: none;
}

#tinymce a {
	color: #38b6ab;
}

img, iframe {
	border: none;
	max-width: 100%;
}

img {
	height: auto;
}

img:hover {
	opacity: 0.85;
}

ul, ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.text_champ ul, .text_champ li, #tinymce ul, #tinymce li {
	list-style: disc;
}

.text_champ ul, #tinymce ul {
	padding-left: 20px;
}


.tablette, .phone {
	display: none;
}

.btn_up_page {
	cursor: pointer;
	position: fixed;
	bottom: 1%;
	right: 3.7%;
	z-index: 10000;
}

.linkMore {
	margin-top: 15px;
	display: flex;
	align-items: center;
	color: #38b6ab;
	font-size: 0.813rem;
}
.linkMore:after {
	content: url("/images/general/arrow-more.svg");
	display: flex;
	margin-top: 2px;
	margin-left: 5px;
	align-items: center;
}

/******************************
         BTN CTA GENERAL
 ****************************/
.btn_cta_general {
	background-color: #38B6AB;
	padding: 10px 50px;
	color: #fff;
	font-size: 1.125rem;
	text-transform: uppercase;
	transition: .5s;
	display: flex;
	width: fit-content;
	margin: auto;
	text-align: center;
	line-height: 1.5;
}
.btn_cta_general:hover {
	background-color: #289389;
	color: #fff;
	transition: .5s;
	cursor: pointer;
}


/*********************************
			GENERAL
*********************************/
main {
	display: block;
	height: auto;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
}

.full-width {
	max-width: 1400px;
	margin: 0 auto;
}

.backgroundPage {
	background-color: #EAE9F2;
}

.page_dynamique_content {
	padding: 50px 30px 0;
}

.page_dynamique_content .blocCommun-wrapper-content {
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 50px;
}


/*********************************
			COOKIES
*********************************/
body .cc_container {
	font-family: 'Gotham';
	font-size: 0.875rem;
	text-align: center;
}

body .cc_container p {
	color: #fff;
}

body .cc_container .cc_message {
	display: block;
	text-align: center;
	font-size: 0.875rem;
}

body .cc_container .cc_btn, body .cc_container body .cc_btn:visited {
	color: #fff;
	background-color: #38b6ab;
}

body .cc_container a, body .cc_container a:visited {
	text-decoration: none;
	color: #333;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 10px;
	padding: 7px 10px;
	float: none;
	display: inline-block;
	max-width: 140px;
	text-align: center;
}

body .cc_banner-wrapper .cc_container .cc_btn {
	float: none;
	max-width: 140px !important;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	font-size: 0.875rem;
	margin-left: 0;
	margin-right: 10px;
}

body .cc_banner-wrapper .cc_container .cc_btn.cc_btn_refuse {
	background-color: #312783;
}


body .cc_container a:hover, body .cc_container a:visited:hover {
	background: #666;
	color: #fff;
}

.iframeContenuRemplacement {
	border: 1px solid #bbb;
	padding: 10px;
}


/**************************************************************
			BANDEAU / LOGO 
**************************************************************/
header {
	overflow: visible;
	width: 100%;
	margin: 0 auto;
	z-index: 500;
	position: absolute;
}

#header_content {
	padding: 0 30px;
	margin: 0 auto;
	display: flex;
	z-index: 500;
	flex-direction: column;
}

.header_haut, .header_bas {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}

header .mobile {
	display: none;
}

/**************************************************************
			NAVIGATION / menu déroulant
**************************************************************/
#logo, #logo-menuOpened {
	display: flex;
	z-index: 1000;
	position: relative;
}

#logo img {
	position: relative;
	z-index: 100;
	/*So that opacity has a smoother transition*/
	transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	width: 225px;
}

#logo:hover {
	opacity: 0.85;
}

nav {
	font-family: 'gotham';
	text-align: left;
	position: relative;
	z-index: 300;
	overflow: visible;
	width: 100%;
}

#menu-deroulant {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-weight: normal;
	padding: 0;
	width: auto;
	list-style: none;
}

nav > ul > li {
	overflow: visible;
	cursor: pointer;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	padding: 0 10px;
}

nav > ul > li > a {
	display: block;
	font-family: 'gotham', sans-serif;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	width: fit-content;
	margin: 10px 0;
	/*So that the color switching on hover is smooth*/
	transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	color: #fff;
}

nav > ul > li:first-child > .traitMenu {
	margin-left: 0;
}

/****  SOUS MENU *****/
.sm {
	position: absolute;
	display: none;
	z-index: 999;
	overflow: hidden;
	top: 100%;
	left: calc(-50vw + 50%);
	text-align: left;
	font-weight: normal;
	background-color: #38B6AB;
	width: 100vw;
	box-sizing: border-box;
}

/*.sm {*/
/*	position: absolute;*/

/*	overflow: hidden;*/
/*	height: auto;*/
/*	top: 100%;*/
/*	left: 0;*/
/*	text-align: left;*/
/*	font-weight: normal;*/
/*	padding: 16px;*/
/*	border-top: 4px solid #fff;*/
/*	background-color: #fff;*/
/*	min-width: 275px;*/
/*	min-height: 345px;*/
/*	box-sizing: border-box;*/
/*}*/

.content-sm {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 30px;
	padding: 30px 30px 40px;
}

.colonneSM {
	max-width: 33%;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}


/*****  ITEM SOUS MENU *******/

.item_menu {
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	padding: 0;
	border-bottom: none;
	height: auto;
}

.item_menu_level1 {
	font-weight: 700;
}

.sm > li {
	overflow: hidden;
	width: 100%;
	padding: 0;
	border-bottom: none;
	height: auto;
}

.content-sm .ssm {
	display: none;
	background-color: #38B6AB;
}

#menu .lienVersSsm {
	position: relative;
}

#menu .lienVersSsm:after {
	content: '';
	background-color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	width: 0;
	height: 0;
	border-left: 7px solid #38B6AB;
	border-right: 7px solid #38B6AB;
	border-top: 10px solid #fff;
}

#menu .lienVersSsm:hover:after {
	border-left-color: #38B6AB;
	border-right-color: #38B6AB;
}

nav ul li > ul li a,
nav ul li:hover > ul li a,
nav ul li.active > ul li a {
	display: block;
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	margin: 0;
	text-align: left;
	width: 100%;
	font-size: 0.875rem;
	border-top: none;
	border-bottom: 1px solid #fff;
	background: none;
	position: relative;
	box-sizing: border-box;
	color: #fff;
	font-family: 'gotham';
	text-transform: uppercase;
}

.sm > li > a:before {
	content: '>>';
	position: absolute;
	left: 0;
}
.ssm .item_menu {
	width: 100%;
	text-transform: none;
}
.ssm .item_menu a {
	text-transform: none;
	font-family: "gotham";
	margin-left: 15px;
	border-bottom: none;
	font-weight: normal;
}

/*Menu ouvert*/
#logo-menuOpened img {
	width: 225px;
}
.menuOpened header {
	background-color: #fff;
}
.menuOpened nav > ul > li > a {
	color: #312783;
}
#logo, .menuOpened #logo-menuOpened, .menuOpened .icon-accessibility-black {
	display: block;
}
.menuOpened #logo, #logo-menuOpened, .menuOpened .icon-accessibility-white, .icon-accessibility-black {
	display: none;
}
.menuOpened .level0:hover {
	background-color: #38B6AB;
}
.menuOpened nav > ul > li:hover > a {
	color: #fff !important;
}


/***LIENS UTILES HEADER***/
.liens_utiles_header {
	display: inline-flex;
	gap: 20px;
	align-items: center;
}

/*** CONFORT PLUS ***/
.accessibilite {
	cursor: pointer;
	position: relative;
}
.link-class-confort-plus {
	width: 29px;
	height: 22px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
	font-size: 0;
}
.link-class-confort-plus .uci-plus-orange {
	display: none;
}

/*SELECTEUR LANGUES*/
.language-picker__form {
	display: none;
}
.language-picker__dropdown {
	position: absolute;
	width: 200px;
	background-color: #fff;
	box-shadow: #000;
	padding: 20px;
	z-index:9999;
	visibility: hidden;
	transition: visibility 0s 0.2s, opacity 0.2s;
}
body .language-picker__button {
	background: none;
	border: none;
}

.language-picker__dropdown--right {
	right: 30px;
}
.language-picker__button[aria-expanded=true] + .language-picker__dropdown {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.2s;
}
.language-picker__item {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 5px;
	color: #000;
}
.language-picker__item span {
	white-space: nowrap;
	overflow: hidden;
}
.language-picker__item:hover {
	background-color: #38b6ab;
}
.language-picker__item[aria-selected=true]::after {
	content: "";
	height: 16px;
	width: 16px;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
	margin-left: auto;
}
.language-picker__flag {
	display: flex;
	align-items: center;
}
.language-picker__flag::before {
	display: none;
	flex-shrink: 0;
	content: "";
	height: 25px;
	width: 35px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.language-picker__dropdown .language-picker__flag::before {
	margin-right: 20px;
}

.language-picker--flags .language-picker__flag::before {
	display: inline-block;
	display: inline-flex;
}
.language-picker--flags .language-picker__button .icon:first-of-type {
	display: none;
}
.language-picker__flag--french::before {
	background-image: url("/images/general/langue-france.svg");
}
.language-picker__flag--breton::before {
	background-image: url("/images/general/langue-breton.png");
}

.language-picker--hide-label .language-picker__button .icon:first-of-type {
	display: none;
}

.language-picker--hide-label .language-picker__button em {
	display: none;
}

.language-picker--hide-label .language-picker__flag::before {
	display: inline-block;
	display: inline-flex;
}

/* Google trad */
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:first-child{display: none;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed:before{content: 'Traduire'}

#\:0\.targetLanguage {
	background: #fff;
	padding: 5px;
	border: none;
}
.google_translate_content {
	height: 28.2px;
	width: 28.2px;
	position: relative;
}
#google_translate_element {
	position: relative;
	height: 28.2px;
	width: 28.2px;
	display: block;
}
.goog-te-gadget-icon {
	display: none !important;
}
.VIpgJd-ZVi9od-xl07Ob-lTBxed {
	display: none !important;
}
#\:0\.targetLanguage {
	background: none !important;
	height: 28.2px;
	width: 28.2px;
}
.goog-te-gadget {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	height: 28.2px;
	width: 28.2px;
}
.google_translate_customIcon {
	content: url("/images/general/google-tradWhite.svg");
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.menuOpened .google_translate_customIcon {
	content: url("/images/general/google-tradBlack.svg");
}

/*** BARRE RECHERCHE ***/
.search-box {
	background: #d6d2e0;
	height: 40px;
	border-radius: 50px;
}
/* input */
.search-input {
	outline: none;
	border: none;
	background: none;
	width: 0;
	padding: 0;
	color: #312783;
	float: left;
	font-size: 1rem;
	transition: .3s;
	line-height: 40px;
}
.search-input::placeholder {
	color: #d6d2e0;
}
/* icon */
.search-btn {
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: .3s;
}
.menuOpened .search-btn {
	background: #312783;
}
.menuOpened .search-btn > img {
	content: url("/images/general/search.svg");
	display: block;
}
.search-input:focus,
.search-input:not(:placeholder-shown) {
	width: 240px;
	padding: 0 6px;
}
.search-box:hover, .search-box:focus, .search-box:active {
	background: #eae9f2;
}
.search-box:hover > .search-input {
	width: 240px;
	padding: 0 6px;
}
.search-box:hover > .search-btn,
.search-input:focus > .search-btn,
.search-input:not(:placeholder-shown) > .search-btn {
	background: #312783;
}
.search-box:hover > .search-btn > img,
.search-input:focus > .search-btn > img,
.search-input:not(:placeholder-shown) > .search-btn > img {
	content: url("/images/general/search.svg");
	display: block;
}


/*********************************
	    SLIDER TOP PAGE
*********************************/
#slider {
	margin: 0 auto 30px;
	height: 450px;
	position: relative;
	display: block;
}
.content-sliderTop {
	position: relative;
	height: 450px;
}
.wrapper-titleTop {
	position: absolute;
	bottom: 30px;
	max-width: 1400px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 30px;
	z-index: 99;
}
#supersized img {
	height: 100% !important;
	object-fit: cover;
}


/*********************************
			FIL ARIANE
*********************************/
.fil_ariane {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	color: #fff;
	font-size: 0.75rem;
}

.fil_ariane_content {
	display: inline-block;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	text-shadow: #000 1px 0 10px;

}
.fil_ariane a {
	color: #ffffff;
}


.fil_ariane span {
	color: #fff;
	font-weight: 700;
}

/*********************************
			CAROUSEL
*********************************/
/* Slick */
.slick-initialized .slick-slide {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin:10px;
}

.slick-track{
	margin:auto;
}

.slick-prev:before, .slick-next:before {
	content: '';
}

.slick-next, .slick-next:hover, .slick-next:focus {
	background: url("/images/general/arrow-suiv.svg") no-repeat center center;
	right: -20px;
	z-index:1;
}

.slick-prev, .slick-prev:hover, .slick-prev:focus {
	background: url("/images/general/arrow-prev.svg") no-repeat center center;
	left: -20px;
	z-index:1;
}

.slick-next:hover, .slick-prev:hover{
	opacity: 1;
}


body ul[role=tablist] {
	bottom: 0;
	left: 50%;
	text-align: center;
	display: flex !important;
	align-items: center;
	width: 80%;
	margin: 30px auto 0;
}

body ul[role=tablist] li {
	margin: 0;
	width: 100%;
	height: 2px;
}

body ul[role=tablist] button,
body ul[role=tablist] button:before {
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	border: none;
	font-size: 0;
}

ul[role=tablist] .slick-active button {
	background-color: #38B6AB !important;
}



.slick-prev, .slick-next {
	width: 56px;
	height: 100px;
}

ul[role=tablist] li button:before{
	content:none;
}

.slickcarousel_img{
	height: 300px;
	width: 100%;
	object-fit: cover;

}


/*********************************
			ACCUEIL
*********************************/

/*** BANDEAU HOMEPAGE ***/
#home-slider {
	height: 850px;
	position: relative;
}

.background-overlay {
	display: block;
	position: absolute;
	width: 1920px;
	height: 100%;
	background: rgb(37, 66, 122);
	background: linear-gradient(180deg, rgba(37, 66, 122, 0.79) 0%, rgba(37, 66, 122, 0) 45%);
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

#page_home .background-overlay {
	width: 100%;
	left: unset;
	transform: unset;
	-ms-transform: unset;
}

.youtube {
	position: relative;
	display: flex;
	height: 100%;
	max-height: 100%;
	background: #000;
	overflow: hidden;
}

.youtube__background {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: 120%;
	 height: 0;
	 padding-bottom: 66.25%;
	 transform: translate(-50%, -50%);
	 pointer-events: none;
}

.youtube__video-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
	visibility 0.5s linear;
}

.youtube__video-overlay--fadeOut {
	 opacity: 0;
	 visibility: hidden;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.home-slider-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	text-align: center;
	padding: 30px;

}

.home-slider-h1 {
	color: white;
	font-family: 'gotham';
	text-align: center;
	line-height: 1;
	font-weight: 700;
}

.title-slider-home-top {
	font-size: 3.06rem;
}
.title-slider-home-bottom {
	font-size: 7.75rem;
}

/*Barre de recherche*/
#recherche {
	display: flex;
	flex-direction: column;
	margin: 50px auto 0;
	max-width: 100%;
}
.formRecherche {
	width: 100%;
	max-width: 100%;
	display: block;
}

.inputRecherche {
	background-color: rgba(0, 0, 0, 0.49);
	background-position: 540px center;
	background-image: url(/images/general/search.svg);
	display: block;
	height: 65px;
	width: 555px;
	background-repeat: no-repeat;
	color: #fff;
	font-family: 'gotham', sans-serif;
	font-size: 1rem;
	padding-left: 25px;
	border: none;
	font-style: italic;
	margin: auto;
}

.inputRecherche::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity: 1;
	color: #fff;
}

.inputRecherche::-moz-placeholder { /* Firefox 19+ */
	opacity: 1;
	color: #fff;
}

.inputRecherche:-ms-input-placeholder { /* IE 10+ */
	opacity: 1;
	color: #fff;
}

.inputRecherche:-moz-placeholder { /* Firefox 18- */
	opacity: 1;
	color: #fff;
}

.inputRecherche:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity: 0;
}

.inputRecherche:focus::-moz-placeholder { /* Firefox 19+ */
	opacity: 0;
}

.inputRecherche:focus:-ms-input-placeholder { /* IE 10+ */
	opacity: 0;
}

.inputRecherche:focus:-moz-placeholder { /* Firefox 18- */
	opacity: 0;
}
.recherche-suggestions {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	margin: 30px auto 0;
	color: #fff;
}
.recherche-suggestions li {
	background-color: #312783;
	width: fit-content;
	display: flex;
	align-items : center;
}
.recherche-suggestions li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.75rem;
	padding: 5px;
	display: block;
}
.recherche-suggestions li a:hover {
	color: #fff;
}

/*Menu toggle version mobile*/
#home-slider .mobile {
	display: none;
}

#mainnav ul {
	padding-left: 1em;
	position: absolute;
	bottom: 30px;
	left: 15px;
	font-weight: 400;
	z-index: 100;
	min-width: 20em;
}
#mainnav li {
	list-style: none;
	margin: 10px 0 0;
	font-size: 1.75em;
	display: flex;
	align-items: center;
}
#mainnav li.invisible {
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s;
	display: none;
}
#mainnav li.animate {
	opacity: 0;
	animation-duration: 0.25s;
	animation-name: easeOutBounce;
	animation-fill-mode: forwards;
}
#mainnav a {
	background-color: #fff;
	padding: 9px 15px;
	border-radius: 50%;
}
body .btnToggle {
	background-color: #38B6AB;
	content: url("/images/general/icone-plus.svg");
	padding: 15px;
	border-radius: 50%;
	cursor: pointer;
}
body .btnToggle.active {
	background-color: #fff;
	content: url("/images/general/icone-close-white.svg");
	padding: 17px;
}

.labelNav {
	background-color: #fff;
	color: #38B6AB;
	margin-left: 10px;
	padding: 0 5px;
	font-family: 'gotham';
}

/* Imitates jQuery UI's ease-out-bounce animation effect */
@keyframes easeOutBounce {
	0% {
		font-size: 0;
	}
	37% {
		font-size: 1.75em;
	}
	55% {
		font-size: 1.3125em;
	}
	73% {
		font-size: 1.75em;
	}
	82% {
		font-size: 1.6275em;
	}
	91% {
		font-size: 1.75em;
	}
	96% {
		font-size: 1.715em;
	}
	100% {
		font-size: 1.75em;
		opacity: 1;
	}
}



/*** PROFIL ***/
.wrapper-profil {
	position: relative;
	max-width: 1460px;
	margin: 0 auto;
}
.profil {
	background-image: url("/images/general/background-profil.svg");
	background-color: #312783;
	background-repeat: repeat;
	background-size: cover;
	padding: 80px 50px;
	position: absolute;
	transform: translateY(-40%);
	z-index: 1;
	left: 30px;
	right: 30px;
}

.title-profil {
	font-size: 3.125rem;
}
.title-profil:after {
	content: url("/images/general/click.svg");
	display: block;
	display: inline-flex;
	margin-left: 20px;
}
.profil-liste {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 40px;
	gap: 20px;
	flex-wrap: wrap;
}
.profil-liste-content {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 105px;
	height: 105px;
	background: #fff;
	padding: 5px;
}
.profil-liste-content a {
	color: #312783;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/*** NEWSLETTER & MAG & APP MOBILE ***/
.wrapper-newsletter {
	display: grid;
	grid-template-columns: 2fr 3fr;
	height: fit-content;
}
.newsletter {
	background-color: #38B6AB;
	background-image: url("/images/general/newsletter-mail-background.svg");
	background-repeat: no-repeat;
	background-position: -90px top;
}
.content-newsletter {
	padding: 30px 35px;
}
.content-newsletter h3 {
	font-family: 'gotham';
	font-size: 2.06rem;
	color: #fff;
	text-transform: none;
	padding-bottom: 30px;
}
.content-newsletter small {
	font-family: 'gotham';
	color: #312783;
	text-transform: none;
}
.formNewsLetter{
	margin-top: 15px;
}
.formNewsLetter input {
	color: #fff;
	border: none;
	height: 45px;
	width: 80%;
	padding: 5px 15px;
}
.formNewsLetter button {
	padding: 15px 15px;
	background-color: #312783;
	border: none;
	color: #fff;
	font-family: 'gotham';
	text-transform: uppercase;
	height: 55px;
	font-size: 1.125rem;
	position: absolute;
}
.formNewsLetter button:hover {
	cursor: pointer;
}
.formNewsLetter input::placeholder {
	color: #868686;
}
::placeholder {
	font-family: 'gotham';
	font-style: italic;
}
.reseaux-sociaux {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 255px;
	margin: 40px auto 0;
}

/*Appli & Mag*/
.wrapper-appli-mag {
	background-color: #312783;
}
.content-appli-mag {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	height: 100%;
}
.title-appli-mag {
	font-family: 'gotham';
	font-size: 2.06rem;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.1;
}
.blue {
	color: #38B6AB;
}
.wrapper-appli {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.appli, .mag {
	padding: 30px 30px;
}
.btn-plus {
	background-color: #38B6AB;
	color: #fff;
	padding: 15px 20px;
	border-radius: 30px;
	font-family: 'gotham';
	font-weight: 700;
	font-size: 0.8rem;
	text-transform: uppercase;
	display: flex;
	width: fit-content;
	margin-top: 60px;
	align-items: center;
}
.btn-plus:before {
	content: url("/images/general/btn-voir-plus-oeil.svg");
	display: block;
	margin-right: 15px;
}
.wrapper-mag {
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	border-right: 1px solid #fff;
}

.reseaux-sociaux-mobile {
	display: none;
}

/*** VOIR & REVOIR ***/
.wrapper-revoir {
	background-color: #EAE9F2;
	background-image: url("/images/general/background-logo.svg");
	background-size: cover;
	background-repeat: no-repeat;
}
.revoir {
	padding: 100px 30px;
}
.revoir .titleHome:before {
	content: url("/images/general/icon-revoir.svg");
	display: inline-flex;
	margin-right: 20px;
}
body .revoir-content-slick ul[role=tablist] button,
body .revoir-content-slick ul[role=tablist] button:before {
	background-color: #FFFFFF;
}
.revoir-content-slick ul[role=tablist] .slick-active button {
	background-color: #312783 !important;
}
.revoir-content-img {
	width: 100%;
	height: 295px;
	object-fit: cover;
	position: relative;
}
.revoir-content-img:after {
	content: ''; /* :after has to have a content... but you don't want one */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	transition: 1s;
}
.revoir-content-img:hover:after {
	background: rgba(0,0,0,.5);
}
.revoir-content-img p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5; /* only works when position is defined */
	/* think of a stack of paper... this element is now 5 higher than the bottom */
	color: white;
	transition: .5s;
	opacity: 0;
	text-align: center;
	text-transform: uppercase;
}
.revoir-content-img:hover p {
	opacity: 1;
}
.revoir .share {
	margin-top: 160px;
	cursor: pointer;
}

/*** PARTENAIRES ***/
.wrapper-partenaires {
	padding: 30px 30px;
}
.partenaires-content-img {
	width: 168px;
	height: 78px;
}
.partenaires-content-img img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

/*** ACTUALITES & AGENDA (HOMEPAGE UNIQUEMENT) ***/
.slick-slide {
	margin: 0 20px;
}
/*ACTUALITES*/
.wrapper-actusHome {
	background-color: #EAE9F2;
	background-image: url("/images/general/background-logo.svg");
	background-size: cover;
	background-repeat: no-repeat;
}
.actus {
	padding: 310px 30px 100px;
}
.actus .titleHome:before {
	content: url("/images/general/icone-title-actuHome.svg");
	display: inline-flex;
	margin-right: 20px;
}
.blocCommun_date {
	color: #BABABA;
}
/*Agenda*/
.agenda {
	padding: 100px 30px;
}
body .agenda ul[role=tablist] button,
body .agenda ul[role=tablist] button:before {
	background-color: #EAEAEA;
}
.agenda ul[role=tablist] .slick-active button {
	background-color: #312783 !important;
}
.agenda .titleHome:before {
	content: url("/images/general/icone-title-agendaHome.svg");
	display: inline-flex;
	margin-right: 20px;
}
.agenda .blocCommun-date-cat {
	position: absolute;
	transform: translateY(-90%);
	z-index: 1;
	color: #fff;
	left: 30px;
}
.agenda .blocCommun-date-cat .blocCommun_date {
	background-color: #38B6AB;
	display: inline-flex;
	padding: 16px;
	gap: 16px;
	align-items: center;
	text-align: center;
}
.blocCommun_date .bigDate {
	font-size: 2.5rem;
}
.blocCommun-date-cat  .blocCommun_date p, .blocCommun-date-cat  .blocCommun_date span {
	color: #fff;
	font-family: 'gotham';
	text-transform: uppercase;
	line-height: 1;
}
.blocCommun-date-cat  .blocCommun_cat {
	left: 50%;
	position: unset;
	transform: unset;
}
.agenda .blocCommun_contentTexte {
	padding-top: 25px;
}
/*Footer homepage*/
#homepage .wrapper-share {
	display: none;
}


/******************************
         BLOC COMMUN
 ****************************/

/*Top part of bloc with title and link to page*/
.top-blocCommun {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.titleHome {
	font-size: 3.125rem;
}
.top-blocCommun a {
	font-family: 'gotham';
	font-weight: 700;
	text-decoration: underline;
	color: #312783;
}
.top-blocCommun a:after {
	content: url("/images/general/arrow-right-blue.svg");
	display: inline-flex;
	margin-left: 10px;
}
.blocCommun-wrapper-content {
	display: grid;
}

.blocCommun {
	background-color: #fff;
	min-height: 400px;
}
.blocCommun_img {
	height: 210px;
	object-fit: cover;
	width: 100%;
}
.blocCommun_content {
	padding: 30px 30px 40px;
	position: relative;
}
.blocCommun_cat {
	position: absolute;
	transform: translateY(-180%);
	z-index: 1;
	background-color: #312783;
	color: #fff;
	padding: 5px;
	left: 30px;
}
.blocCommun_contentTexte {
	padding-top: 15px;
}
.blocCommun_titre {
	text-transform: uppercase;
}


/******************************
         SLIDER TOP PAGE
 ****************************/
.content-sliderTop {
	position: relative;
}

/******************************
        PAGE UNE ACTU
 ****************************/
/* PAGES ACTUS */
.page_dynamique_content  .blocCommun {
	width: unset;
}
#page_actu .page_dynamique_content {
	position: relative;
}
#page_actu .mainArticleCat {
	position: absolute;
	left: auto;
	transform: translateY(-250%);
}
#page_actu .actu-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 50px;
}
#page_actu .texte_article {
	width: 60%;
	text-align: left;
}
#page_actu .photo_actu {
	width: 40%;
	height: 500px;
}
#page_actu .photo_actu img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/*Carousel autres actus*/
.suggActus {
	background-color: #EAE9F2;
	padding: 50px 0;
	margin-top: 115px;
}
.listeActusAnnonces-carousel {
	padding: 0 30px;
}
.suggActus h3 {
	font-family: 'gotham';
	font-size: 1.25rem;
	color: #312783;
	text-transform: uppercase;
}
.suggActus .slick-slider {
	padding: 0;
}
.suggActus .blocCommun-wrapper-content {
	margin-top: 40px;
}
.suggActus .slick-prev, .suggActus .slick-prev:hover, .suggActus .slick-prev:focus {
	left: -16px;
}
.suggActus .slick-next, .suggActus .slick-next:hover, .suggActus .slick-next:focus {
	right: -16px;
}
#page_actu .page_dynamique_content .btn_cta_general {
	color: #fff;
}

/******************************
       PAGE UN EVENEMENT
 ****************************/
/* agenda new */
.wrapper-date-cat-article {
	position: absolute;
	left: auto;
	transform: translateY(-140%);
	top: 90px;
	display: flex;
}
#page_actu .agendaContent {
	position: relative;
	padding: 100px 30px 0;
}
#page_actu .agendaContent a {
	color: #38B6AB;
}
#page_actu .agendaContent .mainArticleCat {
	position: absolute;
	left: 120px;
	transform: translateY(-430%);
}
#page_actu .agendaContent .mainArticleDate {
	background-color: #38B6AB;
	color: #fff;
	position: unset;
	transform: unset;
	width: fit-content;
}
#page_actu .agendaContent .mainArticleDate p {
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
}
#page_actu .agendaContent .blocCommun_cat {
	transform: translateY(18px);
	margin-left: 15px;
	height: fit-content;
	position: unset;
}

/*Carousel autres événements*/
.suggActus {
	background-color: #EAE9F2;
	padding: 50px 0;
	margin-top: 115px;
}
.suggActus h3 {
	font-family: 'gotham';
	font-size: 1.25rem;
	color: #312783;
	text-transform: uppercase;
}
.suggActus .slick-slider {
	padding: 0;
}
.suggActus .blocCommun-wrapper-content {
	margin-top: 40px;
}
.suggActus .slick-prev, .suggActus .slick-prev:hover, .suggActus .slick-prev:focus {
	left: -16px;
}
.suggActus .slick-next, .suggActus .slick-next:hover, .suggActus .slick-next:focus {
	right: -16px;
}
#page_actu .suggActus .agenda .blocCommun-date-cat .blocCommun_date {
	padding:  15px 20px;
}
#page_actu .suggActus .agenda .blocCommun_cat {
	left: 123px;
}
#page_actu .page_dynamique_content .btn_cta_general {
	color: #fff;
}

/*!*********  ARCHIVES ************!*/
/*#bloc_archives {*/
/*	display: block;*/
/*	text-align: justify;*/
/*	margin: 20px 0;*/
/*	padding: 0 2%;*/
/*	overflow: hidden;*/
/*	border: none;*/
/*	border-top: 10px solid #ccc;*/
/*	background-color: #acacac;*/
/*}*/

/*#bloc_archives h2 {*/
/*	color: #fff;*/
/*	font-size: 18px;*/
/*	font-weight: 700;*/
/*	text-align: left;*/
/*	text-transform: uppercase;*/
/*	margin: 10px 0;*/
/*	padding-bottom: 5px;*/
/*	border-bottom: 2px solid #fff;*/
/*}*/

/*#bloc_archives .une_archive {*/
/*	display: block;*/
/*	margin: 0 auto;*/
/*	overflow: hidden;*/
/*	padding: 0;*/
/*	width: 100%;*/
/*	display: block;*/
/*	height: 100px;*/
/*	margin-bottom: 10px;*/
/*	overflow: hidden;*/
/*	text-align: left;*/
/*}*/

/*#bloc_archives .img_archive {*/
/*	max-width: 100px;*/
/*	width: auto;*/
/*	overflow: hidden;*/
/*	float: left;*/
/*	margin-right: 1%;*/
/*	height: 100px;*/
/*}*/

/*#bloc_archives .archive_content {*/
/*	float: left;*/
/*}*/

/*#bloc_archives p {*/
/*	text-align: left;*/
/*	font-size: 14px;*/
/*	padding: 5px 0;*/
/*	transition: padding 1s ease 0s;*/
/*}*/

/*#bloc_archives a {*/
/*	width: 105px;*/
/*	color: #fff;*/
/*	background: #58595d;*/
/*	text-decoration: none;*/
/*	margin: 5px 0;*/
/*	padding: 5px;*/
/*	font-size: 14px;*/
/*	transition: all 1s ease 0s;*/
/*	display: block;*/
/*	text-align: center;*/
/*}*/

/*********************************
			FOOTER
*********************************/
/*Liens partage */
.share small {
	text-transform: uppercase;
	color: #312783;
}
.content-share {
	display: flex;
	flex-direction: row;
	width: fit-content;
	align-items: center;
	margin-top: 16px;
	flex-wrap: wrap;
}
.content-share li {
	background-color: #fff;
	border-right: 1px solid #EAEAEA;
	display: flex;
	justify-content: center;
	cursor: pointer;
	height: 100%;
}
.content-share li a {
	display: flex;
	width: 25px;
	height: 25px;
	padding: 16px 20px;
	justify-content: center;
	align-items: center;
}
.content-share li a img {
	height: 23px;
	width: 23px;
}
.content-share button {
	border: none;
	background: none;
	cursor: pointer;
	width: 65px;
	height: 57px;
	padding: 16px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.clipboard img {
	height: 20px;
	width: 20px;
}

/* Footer */
.wrapper-share {
	padding: 30px;
	margin-top: 110px;
}
footer .language-picker {
	display: none;
}
.wrapper-footer {
	background-color: #312783;
	margin: 0;
	color: #fff;
}
footer p {
	color: #fff;
	font-size: 0.875rem;
}
.footer {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows : repeat(2, auto);
	column-gap: 30px;
	row-gap: 50px;
	padding: 30px 30px;
	font-size: 0.875rem;
}
footer #logo {
	width: 200px;
}
footer .logo-footer #logo {
	z-index: 0;
}



footer .reseaux-sociaux {
	max-width: 150px;
	margin: 0;
}
footer .reseaux-sociaux img {
	width: 25px;
}
footer .toggleTitre{
	font-family: 'gotham';
	font-size: 1rem;
	text-transform: uppercase;
	pointer-events: none;
	font-weight: 700;
}
.coordonnees li {
	margin-bottom: 16px;
}
.coordonnees li a {
	color: #fff;
}
.horaires p, .footer-newsletter p, .coordonnees ul {
	margin-top: 16px;
}
footer .formNewsLetter input {
	background: rgba(255, 255, 255, 0.53);
	width: unset;
}
footer .formNewsLetter input::placeholder {
	color: #000;
}
footer .formNewsLetter button {
	background: #38B6AB;
	cursor: pointer;
}
footer .infosUtiles {
	grid-column: 1/5;
	text-align: center;
}
footer .infosUtiles a {
	color: #fff;
}
.espaces_wrapper {
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
footer .espaceUtilisateur {
	font-family: 'gotham';
	font-weight: 700;
	font-size: 1.125rem;
	display: flex;
	justify-content: center;
	color: #fff;
	text-align: left;
}
footer .espaceUtilisateur:before {
	content: url("/images/general/icon-user.svg");
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
}
.accesExtranet {
	font-family: 'gotham';
	font-weight: 700;
	font-size: 1.125rem;
	display: flex;
	justify-content: center;
	color: #fff;
	text-align: left;
}
.accesExtranet:before {
	content: url("/images/general/icon_extranet.svg");
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
}
footer .infosUtiles small {
	text-transform: uppercase;
}
footer .mobile {
	display: none;
}



/******************************
         FILTRES
 ****************************/
.filters {
	margin-bottom: 50px;
	font-size: 0.875rem;
}

.filters-title {
	color: #312783;
	text-transform: uppercase;
}

.content-filters {
	display: flex;
	margin-top: 5px;
	padding: 0;
}

.content-filters .slick-prev, .content-filters .slick-prev:hover, .content-filters .slick-prev:focus {
	left: -30px;
	background-size: 25px;
}

.content-filters .slick-next, .content-filters .slick-next:hover, .content-filters .slick-next:focus {
	right: -30px;
	background-size: 25px;
}

.content-filters li {
	background-color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.content-filters li:hover {
	background-color: #38B6AB;
	cursor: pointer;
	transition: .5s;
}
.content-filters li:hover a {
	color: #fff;
}

.content-filters li a {
	height: 100%;
	padding: 10px 50px;
	display: flex;
	min-height: 25px;
	justify-content: center;
	align-items: center;
}


/******************************
         PAGINATION
 ****************************/
.paginationCMS {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 110px;
}

.paginationCMS a, .paginationCMS span {
	margin: 1px;
}

.paginationCMS .pageCourante, .paginationCMS .chiffre {
	background-color: #fff;
	padding: 5px 10px;
	font-family: 'gotham';
	font-size: 1.25rem;
	min-width: 15px;
	text-align: center;
}
.paginationCMS .pageCourante {
	background-color: #38B6AB;
	color: #fff;
}
.pageLibelle, .pageSuivante, .pagePrecedente {
	display: none;
}


/******************************
         PAGE DYNAMIQUE
 ****************************/

#page_dynamique .page_dynamique_content {
	padding: 50px 0;
}
.barre_separation {
	width: 100%;
	height: 50px;
}

/*Paragraphe simple*/
.text_champ_simple, .text_champ_img {
	max-width: 1400px;
	padding: 0 30px;
}
.text_champ_simple .text_champ {
	width: 70%;
}

/*Image + Paragraphe*/
.text_champ_img {
	display: flex;
	justify-content: space-between;
	column-gap: 120px;
}
.image_droite {
	width: 40%;
}

.image_gauche, .image_droite {
	width: 60%;
	height: 500px;
}

.image_droite img, .image_gauche img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.text_champ_img .text_champ {
	width: 60%;
	margin: auto 0;
}

/*Paragraphe déroulant*/
#page_dynamique .toggleWrapper {
	max-width: 1000px;
	margin: auto;
	padding: 0 30px;
}
#page_dynamique .toggleTitre {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	background-color: #38B6AB;
	color: #fff;
	font-size: 1rem;
	padding: 15px;
	font-family: 'gotham';
	border-bottom: 1px solid #fff;
}

#page_dynamique .toggleTitre:after {
	display: inline-flex;
	content: url("/images/general/btn-plus-text-white.svg");
}

#page_dynamique .toggleTexte {
	padding: 20px;
	background-color: #EAE9F2;
}

/*Paragraphe avec un fond coloré */
.text_champ_background {
	background-color: #EAE9F2;
	padding: 80px 0;
}

/*Carousel*/
.content-slickDynamique {
	max-width: 1400px;
	margin: auto;
	padding: 0 30px;
}

/*Boutons*/
.btns_wrapper {
	display: flex;
	margin: auto;
	justify-content: center;
	gap: 170px;
	padding: 0 30px;
	margin-top: 50px;
	cursor: pointer;
}
.btns_contentDynamique {
	color: #fff;
	background-color: #38B6AB;
	font-family: 'gotham';
	font-weight: 700;
	padding: 15px 0;
	border-radius: 50px;
	display: flex;
	align-items: center;
	position: relative;
	width: 330px;
	justify-content: center;
	transition: .5s;
}
.btns_contentDynamique:hover {
	background-color: #2ea89d;
	transition: .5s;
}
.btnMessage:before {
	content: url("/images/general/icone-message.svg");
	display: inline-flex;
	background-color: #fff;
	padding: 15px;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	box-shadow: 13px 16px 36px -3px rgba(0,0,0,0.3);
}
.btnInscription:before {
	content: url("/images/general/icone-user.svg");
	display: inline-flex;
	background-color: #fff;
	padding: 15px 18px;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	box-shadow: 13px 16px 36px -3px rgba(0,0,0,0.3);
}




/*Paragraphe*/



.text_champ ul li {
	font-size: 0.875rem;
	line-height: 20px;
}

.text_champ a {
	color: #38B6AB;
	text-decoration: underline;
}

.text_champ a:hover {
	text-decoration: underline;
}

.text_champ p strong, .text_champ p strong a {
	font-weight: 700;
}


/******************************
        PAGE OFFRES
 ****************************/
#page_offres .blocCommun_date {
	text-transform: uppercase;
}
.infos-offres {
	height: fit-content;
	position: absolute;
	transform: translateY(-250%);
	z-index: 1;
	left: 30px;
}
#page_offres .blocCommun_cat, #page_offre .suggActus .blocCommun_cat {
	height: fit-content;
	position: unset;
	transform: unset;
	z-index: 1;
	background-color: #312783;
	color: #fff;
	padding: 5px;
	left: 30px;
}

/******************************
       PAGE UNE OFFRE
 ****************************/
#page_offre .page_dynamique_content {
	position: relative;
}

.main-infos-offres {
	position: absolute;
	left: auto;
	transform: translateY(-320%);
}
.main-infos-offres .blocCommun_cat {
	position: unset;
	transform: unset;
}
#page_offre .actu-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 50px;
}
#page_offre .texte_article {
	width: 60%;
	text-align: left;
}
#page_offre .texte_article ul,
#page_offre .texte_article ul li,
.text_champ ul,
.text_champ ul li,
.texte_article ul,
.texte_article ul li {
	list-style-type: initial;
}
#page_offre .texte_article ul,
.text_champ ul,
.texte_article ul {
	margin: 0 0 0 20px;
}
#page_offre .texte_article ul li,
.text_champ ul li,
.texte_article ul li {
	padding-bottom: 5px;
}
#page_offre .photo_actu {
	width: 40%;
	height: 500px;
}
#page_offre .photo_actu img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#page_offre .page_dynamique_content .btn_cta_general {
	color: #fff;
	margin-top: 90px;
}

/*Fenêtre modale pour le formulaire de candidature*/
.c-dialog {
	position: fixed;
	z-index: 100000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	padding: 2.4rem;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background-color: rgba(255, 255, 255, 0.74);
	transition: .2s;
}
.c-dialog__box {
	flex: 1;
	max-width: 40rem;
	margin: auto;
	padding: 50px 100px;
	background-color: #EAE9F2;
	position: relative;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.c-dialog__box h3 {
	color: #312783;
	text-align: center;
	margin-bottom: 55px;
}
.c-dialog__box p {
	margin-bottom: 50px;
}
.c-dialog__box label {
	color: #312783;
	font-size: 0.875rem;
}
.c-dialog__box input {
	border: none;
	background: #fff;
	width: 95%;
	padding: 15px;
	font-family: 'gotham', sans-serif;
}
.c-dialog__box .closeDialog {
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	border: none;
	padding: 15px 20px;
	cursor: pointer;
}
.c-dialog[aria-hidden="true"] {
	visibility: hidden;
	opacity: 0;
}

/*Formulaire de candidature dans la fenêtre modale + quelques champs pour le formulaire contact et détail candidature */
.c-dialog__box .input__label-content, #page_detailCandidature .input__label-content, #page_contact .input__label-content {
	position: unset;
	width: 100%;
	color: #312783;
	padding: 1em 0;
}
.c-dialog__box .input__label{
	float: unset;
	width: fit-content;
	font-family: 'gotham', sans-serif;
	padding: 0;
}
.c-dialog__box .input__field, #page_detailCandidature .input__field,  #page_contact .input__field {
	position: unset;
	display: block;
	float: unset;
	color: #000;
	box-sizing: border-box;
	height: 50px;
	border: 2px solid #EAE9F2;
	background: #fff;
	width: 100%;
}
.form-group {
	height: fit-content;
	margin-bottom: 20px;
}
.c-dialog__box .chkContactRGPD_label {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.c-dialog__box .chkContactRGPD {
	width: fit-content;
}
.c-dialog__box .captcha-wrapper {
	margin: 25px 10px 5px;
	display: flex;
	justify-content: center;
}
.c-dialog__box .contact_ch_bouton, #page_detailCandidature .contact_ch_bouton, #page_contact .contact_ch_bouton {
	background-color: #38B6AB;
	transition: .3s;
	width: fit-content;
	padding: 15px 50px;
	margin: auto;
	box-sizing: border-box;
}
.c-dialog__box .contact_ch_bouton:hover, #page_detailCandidature .contact_ch_bouton:hover, #page_contact .contact_ch_bouton:hover {
	background-color: #312783;
	transition: .3s;

}
.dropify-wrapper {
	width: unset;
}

.dropify-error {
	display: none !important;
}

/*Formulaire de candidature dans la page candidature spontanée*/
.intro-candidature-spontannee {
	margin-bottom: 30px;
}
#page_detailCandidature .contact_ch_simple, #page_detailCandidature .contact_ch_multi {
	width: 100%;
}
#page_detailCandidature .input__field {
	padding: 10px;
}
#page_detailCandidature .contact_ch_bouton {
	margin: 0 auto;
}

/*Carousel autres événements*/
.suggActus {
	background-color: #EAE9F2;
	padding: 50px 0;
	margin-top: 115px;
}
.suggActus h3 {
	font-family: 'gotham';
	font-size: 1.25rem;
	color: #312783;
	text-transform: uppercase;
}
.suggActus .slick-slider {
	padding: 0;
}
.suggActus .blocCommun-wrapper-content {
	margin-top: 40px;
}
.suggActus .slick-prev, .suggActus .slick-prev:hover, .suggActus .slick-prev:focus {
	left: -16px;
}
.suggActus .slick-next, .suggActus .slick-next:hover, .suggActus .slick-next:focus {
	right: -16px;
}
#page_annonce .agenda .blocCommun-date-cat .blocCommun_date {
	padding:  15px 20px;
}
#page_annonce .blocCommun_cat {
	left: 210px;
}

/******************************
       PAGE VOIR ET REVOIR
 ****************************/
.revoirDate {
	transform: translateY(-250%);
	left: unset;
}
#page_offre .revoir-content-slick {
	margin-top: 30px;
}

/******************************
       PAGE PLAN DU SITE
 ****************************/
.wrapper-map h2{
	margin-bottom: 30px;
}
.map {
	background-color: #eaeaea;
	width: 100%;
	height: 600px;
	margin-bottom: 50px;
}
.rubrique {
	margin-top: 30px;
}
.rubrique .level0 {
	list-style-type: none;
}
.rubrique h3 {
	color: #38B6AB;
	margin-bottom: 10px;
}
.main_item_menu {
	margin-top: 15px;
}
.rubrique a {
	text-transform: uppercase;
	font-family: 'gotham';
}


/******************************
        PAGE ONGLETS
 ****************************/
#page_onglets .blocCommun_content {
	position: relative;
}
.blocCommun_arrow {
	display: flex;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 13px 16px 36px -3px rgba(0,0,0,0.3);
	height: 60px;
	width: 60px;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -35px;
}
#page_onglets .blocCommun_titre {
	color: #312783;
}

/******************************
        PAGE PARTENAIRES
 ****************************/
.text_solo {
	max-width: 50%;
	margin-bottom: 45px;
	line-height: 1.5;
}
.wrapper-bloc-partenaire {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 30px;
	row-gap: 70px;
}
.img_partenaire {
	background-color: #fff;
	width: 100%;
	height: 185px;
}
.img_partenaire img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.bloc_partenaire_content {
	margin-top: 20px;
}
.titre_partenaire {
	text-align: center;
}

/******************************
       PAGE PLESCOP MAG
 ****************************/
#page_rapports .toggleTitre {
	cursor: pointer;
	position: relative;
	font-weight: normal;
	margin:0;
	font-size:1.25rem;
	font-family: 'gotham';
	color: #312783;
	padding: 10px 0;
	border-bottom: #fff solid 1px;
}

#page_rapports .toggleTitre:before {
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	content: url("/images/general/btn-plus-text.svg");
}

#page_rapports .toggleTitre.active:before {
	content: url("/images/general/btn-minus-text.svg");
}

#page_rapports .toggleTexte {
	padding: 25px 0;
}

#page_rapports .toggleTexte article {
	padding-bottom: 0;
}

#page_rapports .toggleTexte * {
	color: #2B2B2B;
}

.publications-imageGenerale {
	text-align: left;
}

.publications-imageGenerale-img {
	margin-bottom: 20px;
	height: 300px;
	width: 214px;
}

.publications-imageGenerale-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.publications-titre {
	font-size: 1rem;
	text-align: left;
}

#page_rapports .slick-slider {
	padding: 0;
}
#page_rapports .slick-next, #page_rapports .slick-next:hover, #page_rapports .slick-next:focus {
	right: -20px;
}
#page_rapports .slick-prev, #page_rapports .slick-prev:hover, #page_rapports .slick-prev:focus {
	left: -20px;
}
#page_rapports .slick-track {
	margin: 0;
}

/******************************
   PAGE ARRÊTES MUNICIPAUX
 ****************************/
#page_arretes .toggleTitre {
	cursor: pointer;
	position: relative;
	font-weight: normal;
	margin:0;
	font-size:1.25rem;
	font-family: 'gotham';
	color: #312783;
	padding: 10px 0;
	border-bottom: #fff solid 1px;
}

#page_arretes .toggleTitre:before {
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	content: url("/images/general/btn-plus-text.svg");
}

#page_arretes .toggleTitre.active:before {
	content: url("/images/general/btn-minus-text.svg");
}

#page_arretes .toggleTexte {
	margin: 20px 0;
}

#page_arretes .publications-imageGenerale {
	background-color: #fff;
	padding: 15px;
	display: flex;
	margin-bottom: 2px;
	display: flex;
	justify-content: space-between;
}
#page_arretes .publications-informations {
	display: flex;
	flex-direction: row;
}
#page_arretes .publications-date {
	font-family: 'gotham';
}

/******************************
   PAGE RECHERCHES
 ****************************/
.rechercheContainer {
	padding: 50px 30px 0;
}

.resultatsDeRecherche {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.resultatDeRecherche {
	background-color: #fff;
	max-width: 445px;
	min-height: 400px;
}

.resultatRecherche-titre {
	margin-bottom: 15px;
	text-transform: uppercase;
	padding: 30px 30px 0;
}
.resultatRecherche-titre a {
	color: #312783;
}

.resultatRecherche-titreSec {
	font-size: 75%;
}

.resultatRecherche-resume {
	padding: 0 30px 30px;
}

.resultatRecherche-image {
	height: 210px;
	object-fit: cover;
	width: 100%;
}

/******************************
   PAGE PHOTOTHEQUE
 ****************************/
.phototeque-wrapper {
	padding: 50px 30px;
}

.phototeque-imgContainer {
	overflow: hidden;
}

.phototeque-imgWrapper {
	padding: 15px;
	box-sizing: border-box;
	width: 20%;
	float: left;
}

.phototeque-image {
	height: 0;
	padding-top: 66%;
	background-size: cover;
	background-position: center center;
}

/***********************
		CONTACT
***********************/

#map iframe {
	border: 0;
	margin: 0 0 20px;
	height: 300px;
	padding: 0;
}

.contact-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 50px;
}

#formulaire .barre_separation {
	display: none;
}

#formulaire p {
	display: block;
	margin-right: 5px;
}

label {
	font-size: 0.875rem;
	margin: 5px 0;
	display: block;
	color: #000;
	font-family: 'gotham';
}

label span, .champs_obligatoires span {
	color: #A0090C;
}

.ui-multiselect-menu label span, .ui-multiselect-menu .champs_obligatoires span {
	color: inherit;
}

input, textarea, select {
	font-size: 0.875rem;
	font-family: 'Gotham';
}

input:focus, textarea:focus, textarea:focus {
	outline: none;
}

input, textarea {
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}

input[type="checkbox"] {
	appearance: checkbox;
	-moz-appearance: checkbox;
	-o-appearance: checkbox;
	-webkit-appearance: checkbox;
	-ms-appearance: checkbox;
}

input[type="radio"] {
	appearance: radio;
	-moz-appearance: radio;
	-o-appearance: radio;
	-webkit-appearance: radio;
	-ms-appearance: radio;
}

input[type="checkbox"].checkbox {
	background: #fff;
	border-radius: 2px;
	cursor: pointer;
	height: 15px;
	width: 15px;
	display: block;
	float: left;
	margin: 5px;
}

select {
	border: 1px solid #fff;
	width: 67%;
	cursor: pointer;
	height: 30px;
	background-color: #fff;
}

.contact_ch_simple, .contact_ch_multi {
	background-color: #e1e1e1;
	width: 65%;
	margin-bottom: 10px;
	padding: 0 5px 0;
	border: 1px solid #cccccc;
}

.contact_ch_simple {
	height: 25px;
}

.contact_ch_multi {
	height: 100px;
}

.contact_ch_bouton {
	font-family: 'gotham';
	display: block;
	font-size: 1rem;
	width: fit-content;
	height: 45px;
	border: none;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	background-color: #312783;
	border-bottom: 3px solid #38B6AB;
	padding: 0 50px;
	font-weight: 700;
}

.contact_ch_bouton:hover {
	background: #38B6AB;
	border-bottom: none;
}

.champs_obligatoires {
	font-size: 0.813rem;
	margin: 20px 0;
}

#formulaire ul.liste_choix {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	overflow: hidden;
}

#formulaire ul.liste_choix li {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
	width: 40%;
}

#formulaire ul.liste_choix li label {
	float: left;
	min-width: 20%;
	width: auto;
	margin-right: 2%;
}

#formulaire ul.liste_choix li input[type="radio"] {
	float: left;
	width: 15%;
	cursor: pointer;
	margin-left: 5px;
	margin-top: 5px;
}

.sondage {
	width: 45%;
	margin: 30px 1% 0 0;
}

.class_input_file {
	cursor: pointer;
}

/***********
	ANIMATIONS CHAMPS
*********************/
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 15px 0;
	width: 100%;
	vertical-align: top;
}

select.input {
	margin-top: 0;
	height: 45px;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 2px 5px 10px;
	border-radius: 0;
	background: #f0f0f0;
	color: #EAE9F2;
	margin: 0;
	font-weight: 400;
	font-family: 'gotham', sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	margin: 0;
	width: 40%;
	color: #EAE9F2;
	font-family: 'gotham', sans-serif;
	font-size: 0.875rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.input__field--yoshiko {
	width: 98%;
	background-color: #fff;
	border: 2px solid transparent;
	-webkit-transition: background-color 0.25s, border-color 0.25s;
	transition: background-color 0.25s, border-color 0.25s;
}

.input__label--yoshiko {
	width: 98%;
	text-align: left;
	position: absolute;
	bottom: 100%;
	pointer-events: none;
	overflow: hidden;
	padding: 0 1%;
	-webkit-transform: translate3d(0, 3em, 0);
	transform: translate3d(0, 3em, 0);
	-ms-transform: translate3d(0, 3em, 0);
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	color: #000;
}

.input__label-content--yoshiko {
	color: #000;
	padding: 12px 0;
	font-size: 0.813rem;
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.input__label-content--yoshiko::after {
	content: attr(data-content);
	position: absolute;
	font-weight: 700;
	bottom: 100%;
	left: 0;
	height: 100%;
	width: 100%;
	color: #57595c;
	padding: 10px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.85em;
}

.input__field--yoshiko:focus + .input__label--yoshiko,
.input--filled .input__label--yoshiko {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	width: 100%;
	padding: 0;
	color: #000;
}

.input__field--yoshiko:focus + .input__label--yoshiko .input__label-content--yoshiko,
.input--filled .input__label-content--yoshiko {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	padding: 0; /**champs au-dessus de l'input**/
	color: #000;
}

.input__field--yoshiko:focus + .input__field--yoshiko,
.input--filled .input__field--yoshiko {
	background-color: transparent;
	border-color: #000;
	padding: 0 5px;
	font-size: 0.813rem;
	color: #000;
}

/*Message envoi ok*/

#texte_ok_contact {
	font-size: 0.875rem;
	text-align: center;
	background-color: #58595d;
	color: #fff;
	font-weight: normal;
	margin: 20px 0;
	padding: 10px 0;
	display: block;
	position: relative;
	font-family: 'gotham';
}

.chkContactRGPD_wrapper {
	margin-top: 20px;
}

.chkContactRGPD {
	float: left;
	margin-right: 10px;
}


.clearfix {
	clear: both;
}

/* Formulaire dans la page contact */
/*Formulaire de candidature dans la page candidature spontanée*/
#page_contact .contact_ch_simple, #page_contact .contact_ch_multi {
	width: 100%;
}
#page_contact .input__field {
	padding: 10px;
}
#page_contact .contact_ch_bouton {
	margin: 0 auto;
}
textarea { resize: vertical; }

/***********************
	PAGE CHIFFRES
***********************/
.chiffres-wrapper {
	display: flex ;
	justify-content: space-between;
	column-gap: 30px;
	padding: 0 30px;
	max-width: 1400px;
	margin: auto;
}
.unChiffre {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.img-unChiffre {
	height: 318px;
	width: 100%;
	object-fit: cover;
}
.content-unChiffre {
	height: fit-content;
	position: relative;
	padding: 30px 30px;
	background-color: #fff;
	display: flex;
}
.number-unChiffre {
	position: relative;
	top: -105px;
	font-size: 8.125rem;
	color: #38B6AB;
	font-family: 'gotham';
}
.textes-unChiffre {
	margin-left: 10px;
}
.titre-unChiffre {
	text-transform: uppercase;
	font-size: 1.125rem;
	color: #312783;
}
.chiffres-right, .chiffres-left {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	width: 50%;
}
.chiffres-right {
	margin-top: 255px;
}
.chiffres-wrapper-mobile {
	display : none;
}


/***********************
	PAGE MENU SCOLAIRE
***********************/
.menu-wrapper {
	padding: 50px 30px;
}
.menuScolaireLogo-wrapper {
	display: none;
}

.menuScolaire {
	margin: 0 0 40px 0;
}

.menuScolaire-contenuLibre {
	margin-top: 20px;
}

.menuScolaire-dates {
	margin: 0 0 20px;
	font-size: 1rem;
	font-style: italic;
}

.menuScolaire-menu-jour {
	margin: 20px 0;
}

.menuScolaireIndisponible {
	margin-top: 40px;
}

.menuScolaire_semainepro {
	margin-top: 180px;
	margin-bottom: 0;
}





























































/* hack diaporama supersized */
body #supersized {
	position: absolute;
	width: 1920px;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

#newsletter {
	margin-top: 6px;
}

#newsletter > input[type=email] {
	background-color: #DFDFDF;
	border: none;
	height: 30px;
	border-radius: 15px 0 0 15px;
	padding: 0 10px;
	width: 157px;
}

#edito {
	z-index: 100;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-512px);
	-ms-transform: translateX(-512px);
	width: 340px;
	padding: 15px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.85);
}

#edito > .voirPlus {
	float: right;
	margin-top: 15px;
	padding-right: 20px;
	display: block;
	background-image: url(/images/general/picto-plus.png);
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 0.813rem;
}

.filtres .voirPlus {
	width: 16px;
	height: 16px;
	background-image: url(/images/general/picto-plus.png);
	display: inline-block;
	margin-left: 8px;
}

.carteWrapper {
	height: 435px;
	position: relative;
	margin-bottom: 15px;
}

.carteWrapper .map {
	height: 100%;
	width: 100%;
}

.map .infowindow {
	font-family: 'Gotham';
}

.map .infowindow .titreDate {
	padding: 7px 10px;
	color: #fff;
	text-shadow: 1px 1px 2px #000000;
}

.map .infowindow .titre {
	font-family: 'Gotham', Helvetica, Arial, sans-serif;
	font-size: 0.938rem;
}

.map .infowindow .date {
	font-size: 0.875rem;
}

.map .infowindow .resume {
	padding: 7px 10px;
	font-size: 0.813rem;
	color: #333333;
}

.map .infowindow .adresse {
	margin-top: 10px;
}

.carteWrapper .filtres {
	bottom: 0;
	position: absolute;
	background-color: #fff;
	max-width: 1024px;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 1;
}

.filtres {
	padding: 10px 0 6px;
	overflow: hidden;
}

.filtres h2 {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.563rem;
}

.filtre {
	height: 28px;
	display: flex;
	align-items: center;
	padding: 4px 15px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	width: 25%;
}

.carteWrapper-annuaire .filtre {
	width: 20%;
}

.filtre > .inner {
	float: left;
	overflow: hidden;
	cursor: pointer;
	height: 100%;
}

.filtre .checkbox {
	width: 9px;
	height: 9px;
	border: 3px solid #999999;
	float: left;
	margin-right: 8px;
}

.filtre .pictoWrapper {
	margin-right: 8px;
	width: 18px;
	text-align: center;
	height: 100%;
	float: left;
}

.filtre .picto {
	max-width: 100%;
	max-height: 100%;
}

.filtre .nom {
	float: left;
	font-family: 'Gotham', Helvetica, Arial, sans-serif;
	font-size: 0.938rem;
}

.filtre.actif .checkbox {
	background-color: #117F3F;
}

.carteWrapper .infowindow.hidden {
	display: none !important;
}

#sidebarContenu {
	margin: 0 -12px;
	overflow: hidden;
}

#sidebar, #contenuPage {
	float: left;
	box-sizing: border-box;
	padding: 0 12px;
}

#sidebar {
	width: 22%;
	font-family: 'Gotham', Helvetica, Arial, sans-serif;
}

#contenuPage {
	width: 78%;
}

#sidebar .titreCat {
	line-height: 30px;
	padding: 0 20px;
	color: #fff;
}

#sidebar .listePages {
	line-height: 20px;
	background-color: #F1F1F1;
}

#sidebar .listePages li {
	padding: 7px 12px;
	padding-left: 30px;
	position: relative;
	border-bottom: 1px solid #CCCCCC;
}

#sidebar .listePages li:before {
	content: '>>';
	position: absolute;
	left: 12px;
	top: 7px;
}

#sidebar .ssm li:before {
	content: none;
}

#sidebar .ssm li {
	padding-left: 0;
}

#sidebar .listePages li:last-child {
	border-bottom: none;
}

#sidebar .listePages a {
	color: #333333;
}

#sidebar .btnRetourAccueil {
	line-height: 34px;
	border-radius: 17px;
	color: #fff;
	font-size: 1.125rem;
	font-family: 'Gotham';
	margin-top: 13px;
	display: block;
	text-align: center;
}

.sidebar-ssm {
	display: block;
}

#contenuPage td, #tinymce td {
	vertical-align: baseline;
}

.barres, .barres > * {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.barres .separateur {
	margin: 0 5px;
}

.barres .separateur:before {
	content: '|';
}

.barre_partage a {
	margin-left: 5px;
}

.barreTraduction > a {
	display: flex;
	align-items: center;
}

.barreTraduction .drapeau {
	margin-left: 5px;
}


/******************************
   PAGE ANNUAIRES
 ****************************/
.annuaireHub {
	margin: 0 -15px;
	clear: both;
	overflow: hidden;
}

.annuaireHub-elt {
	width: 33.33%;
	box-sizing: border-box;
	padding: 15px;
	float: left;
}

.annuaire {
	max-width: 1024px;
	margin: 0 auto;
	padding: 15px 15px;
	overflow: hidden;
}

.listeFichesAnnuaire {
	grid-template-columns: repeat(3, 1fr);
	display: grid;
	grid-gap: 50px;
}

.fiche {
	background-color: #fff;
	padding: 30px;
}

.fiche .contenu {
	margin-bottom: 30px;
	word-wrap: anywhere;
}

.fiche .voirPlus {
	font-family: 'gotham';
	text-decoration: underline;
	color: #312783;
	display: flex;
	justify-content: end;
}

.fiche .voirPlus:after {
	content: url("/images/general/arrow-right-blue.svg");
	display: inline-flex;
	margin-left: 10px;
}


.ficheDetail {
	margin-top: 20px;
	overflow: hidden;
}

.fiche .photo, .listeActusAnnonces-elt .photo, .ficheDetail .photo {
	max-width: 30%;
	padding-bottom: 30px;
}

.fiche .label, .ficheDetail .label {
	font-weight: 700;
}

.fiche .label:after, .ficheDetail .label:after {
	content: ' :';
}

.fiche .champ, .ficheDetail .champ {
	margin-bottom: 15px;
}

.fiche .description, .ficheDetail .description {
	font-style: italic;
}

.fiche .titrePrinc, .ficheDetail .titrePrinc {
	font-size: 1.25rem;
	margin-bottom: 10px;
	color: #312783;
	font-family: 'gotham';
}

.fiche .date, .ficheDetail .date {
	margin-top: -5px;
	margin-bottom: 5px;
}

.fiche a:hover, .ficheDetail a:hover {
	opacity: 0.75;
}

.fiche .contacts > ul, .ficheDetail .contacts > ul {
	padding-left: 20px;
}

.fiche .contacts .label, .ficheDetail .contacts .label {
	margin-right: 10px;
}

.autresAnnuaires {
	margin-top: 10px;
}

.choixAnnuaire {
	display: inline-block;
}

.choixAnnuaire-elt {
	display: inline;
	margin-left: 20px;
}

.choixAnnuaire-elt a {
	font-weight: 700;
}

.choixAnnuaire-elt.active a {
	color: #666;
}

.msgAnnuaireVide {
	margin-top: 25px;
}

.listeActusAnnonces {
	overflow: hidden;
}

.msgPasDActu {
	margin-top: 30px;
}

#mapAnnuaire {
	background-color: #eee;
}

.blocFiltrerFiches {
	padding: 5px 15px;
}

.blocFiltrerFiches > label {
	font-size: 1.063rem;
	color: #107F42;
}

.blocFiltrerFiches .ui-multiselect {
	width: 100% !important;
}

.ui-multiselect-menu input[type=checkbox] {
	margin-right: 8px;
}

.ui-multiselect-header ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.rapportsBlocAnnee-wrapper {
	margin: 0 -20px;
	overflow: hidden;
}

.rapportsBlocAnnee {
	padding: 0 20px;
	margin: 30px 0;
	float: left;
	width: 33.33%;
	box-sizing: border-box;
}

.rapportsBlocAnnee:nth-child(3n +4) {
	clear: both;
}

.boutonSupplementForm {
	background-color: #38b6ab ;
	border: none;
	color: #fff;
	border-radius: 0 30px 30px 0;
	margin-left: -6px;
	cursor: pointer;
	vertical-align: top;
}

#newsletter > input[type=submit] {
	height: 30px;
}


.filtres-multiselectWrapper {
	position: relative;
}

.btnValiderFiltres-wrapper {
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}

.btnValiderFiltres {
	height: 26px;
}


.agenda-caldendrier-wrapper {
	text-align: center;
	margin-bottom: 15px;
}

.agenda-calendrier {
	display: inline-block;
	max-width: 100%;
}

.agenda-calendrier .ui-datepicker {
	position: static !important;
	width: 25em;
	max-width: 100%;
	box-sizing: border-box;
}

.jour-avec-annonce > * {
	background: #FF9632 !important;
}

.lienSupprFiltreDate {
	margin-top: 10px;
	display: inline-block;
}

.messageFlash {
	font-size: 1.25rem;
	display: flex;
	height: 100%;
	align-items: center;
	text-align: center;
}


.captcha-wrapper{
	margin: 25px 10px 5px;
}

/*SONDAGES*/
#sondage {
	margin: 0 auto;
	width: 100%;
}

form[name="sondage10"] {
	margin: 0 auto;
}

#sondage label,
#sondage .input {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	max-width: initial;
	box-sizing: border-box;
}

#sondage .input {
	margin-bottom: 30px;
}

#sondage label[for="Radio bouton"] {
	margin-top: 50px;
}

#sondage textarea {
	width: 100%;
	margin-bottom: 30px;
	box-sizing: border-box;
}

#sondage input[type=checkbox],
#sondage input[type=radio] {
	cursor: pointer;
}

#sondage figure {
	margin-top: 10px;
}

#sondage figure img {
	max-width: 100%;
}

#sondage label[for="Selecteur"] {
	margin-bottom: 5px;
}

#sondage select {
	margin-top: 15px;
}

#sondage .liste_choix li {
	margin: 30px 0;
}

#sondage .liste_choix li label {
	font-size: 1rem;
	text-transform: uppercase;
}

#sondage .button_form button {
	font-family: "signikaregular", Helvetica, Arial, sans-serif;
	display: block;
	font-size: 1rem;
	width: 68%;
	height: 35px;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	text-transform: uppercase;
	color: #000;
	cursor: pointer;
	border-bottom: 3px solid #CC1F3D;
}

#sondage .button_form button:hover {
	background: #999;
	border-bottom: none;
	color: #fff;
}

.popup-newsletter{
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 500px;
	width: 450px;
	max-width: 100%;
	padding: 20px;
	box-sizing: border-box;
}

.popup-newsletter [name=email]{
	width: 100%;
	box-sizing: border-box;
	margin-top: 6px;
}

.popup-newsletter .msgRetour{
	margin-bottom: 25px;
}

.error{
	color: #D00;
}

.success{
	color: #0B0;
}

/* Sondages */
.input_sondage {
	background-color: #F3F3F3;
}

/* Simulateur tarif restaurant scolaire */
.content-simulateur {
	max-width: 1400px;
	margin: auto;
	padding: 0 30px;
}
.content-simulateur h2 {
	margin-bottom: 30px;
}
.onglets {
	margin-top: 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.onglet {
	background: #F3F3F3;
	border: none;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #000;
}
.content-simulateur .contenu {
	margin-top: 30px;
}
.content-simulateur h3 {
	margin-bottom: 15px;
}
.input_simulateur {
	padding: 10px 5px;
	border-radius: 0;
	background: rgba(234, 233, 242, 0.65);
	color: #000;
	margin: 0;
	font-weight: 400;
	font-family: 'gotham', sans-serif;
	-webkit-appearance: none;
	border: none;
	max-width: 390px;
	width: 100%;
	box-sizing: border-box;
}
.content-simulateur label {
	color: #000;
	text-transform: uppercase;
}
.content-simulateur .btn_cta_general {
	margin: 0;
	border: 0;
	font-size: 1rem;
}
.tarif_affiche_wrapper {
	margin-top: 30px;
}
#page_actu .content-simulateur {
	margin-top: 50px;
}

/*********************************
		Scroll To Top
*********************************/

.scrollToTop {
	display: none;
	overflow: hidden;
	margin: 1%;
	height: 48px;
	width: 48px;
	background: url("/images/general/new_top_page.png") no-repeat center center;
	padding:3px;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10000;
}

/*********************************
		Message flash
*********************************/
.message_flash {
	background-color: #38B6AB;
	padding: 15px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
	font-size: 1.125rem;
}

.bold {
	font-family: 'gotham';
	font-weight: 700;
}


/*********************************
		Filtres annuaires
*********************************/
.annuaire_filtre {
	margin-bottom: 80px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #fff !important;
	border-radius: 0 !important;
	border: none !important;
}
.boutonSupplementForm {
	border-radius: 0;
	padding: 0 35px;
	text-transform: uppercase;
	font-family: 'gotham', sans-serif;
}
.filtre .checkbox {
	border: 1px solid #312783;
	width: 13px;
	height: 13px;
}
.filtre.actif .checkbox {
	background-color: #312783;
}
.filtre .nom {
	margin-left: 0 !important;
}
.filtre  {
	margin-top: 20px;
	margin-bottom: 10px;
}
.blocFiltrerFiches > label {
	color: #312783;
}
.ui-multiselect {
	padding: 15px 0 15px 10px;
}
.btnValiderFiltres {
	height: 52px;
}
.ui-widget-header {
	background: #f0f0f6 !important;
}
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: #f0f0f6 !important;
	border: none !important;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
	border-bottom: 1px solid #000 !important;
}
.filtres h2 {
	padding-left: 0;
	padding-right: 0;
}
.blocFiltrerFiches {
	padding: 5px 0;
}


/*********************************
		SIMULATEUR SERVICES
*********************************/
.simulateurServices_content #infoSimlation {
	padding-top: 20px;
}
.simulateurServices_content #infoSimlation .contenu-onglet {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	column-gap: 0;
	margin-top: 50px;
}
.simulateurServices_content #infoSimlation .contenu-onglet h3 {
	grid-column: 1/3;
	padding-bottom: 30px;
	text-transform: uppercase;
	color: #312783;
	margin-bottom: 0;
}
.content-simulateur label {
	text-transform: none;
	font-family: 'gotham';
}
.simulateurServices_content #infoSimlation .contenu-onglet .form-group {
	border: 1px solid #eae9f2;
	margin-bottom: 0;
	padding: 15px;
}
.simulateurServices_content #infoSimlation .contenu-onglet .service_info {
	grid-column: 1/3;
	padding-top: 15px;
}