*{ box-sizing:border-box;}


html { font-size:16px; line-height:1.5; font-family:"Montserrat"; }
input, select, textarea {font-size:16px;}
body { }
img {max-width:100%; height:auto; display:block;}
h1 {font-size:2.5em;line-height: 1.2; margin:10px 0px;}
a {color:inherit}
p {line-height:1.6em; margin:8px 0px;}
.displaynone {display:none;}
.node--unpublished {
	position:relative;
}
.font-awesome {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}
.inner.mobile, .region-menu-mobile { display:none!important;  }

.node--unpublished:after {
	content:"Non publié";
	display:block;
	padding:10px 20px;
	position:absolute;
	top:0px;
	right:0px;
	opacity:0.3;
	font-weight:900;
	text-transform:uppercase;
	font-size:24px;
	Background:#CC0000;
	color:white;
}



/* Taxos **/

.taxos ul {
	list-style:none;
	padding:0px;
	margin:10px 0px 0px;
	display:flex;
	flex-wrap:wrap;
	gap:10px 20px;
	font-size:0.6rem;
}

.taxos ul li {
	margin:0px;
}

.taxos a:first-child {
	margin-top:0px;
}
.taxos a {
	font-size:0.6rem;
	font-weight:500;
	text-transform:uppercase;
	display:inline-block;
	position:relative;
	color:black;
	text-decoration:none;
}
.taxos a:after {
	content:'';
	display:block;
	position:absolute;
	left:0px;
	bottom:-2px;
	width:100%;
	height:2px;
	background:#FF0B09;
}

.site-header .inner,
.site-main,
.region-breadcrumb {
	width:100%;
	max-width:1650px;
	margin:auto;
	padding: 10px 60px
}




/* HEADER */
.site-header {
	margin-bottom:30px;
}

.site-header .inner {
	margin:0 auto;
	display:flex;
}
.block-views-block-header-logo-site .view-content .views-row {
	display:flex;
	align-items:center;
	gap:20px;
}
.site-header .inner .region-logo {
	margin-top:30px;
}
.site-header .inner .region-logo img {
	width:110px;
	height:auto;
}
 .views-field-field-slogan {
	//text-align:center;
}
 .views-field-field-slogan .ligne1 {
	display:block;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.2rem;
}

 .views-field-field-slogan .ligne2 {
	display:block;
	font-size: 1.1rem;
}


.menu li > span {
	cursor:pointer;
}

.site-header .inner .menus {
	flex:1;
}

.site-header .inner .region-sur-header {
	display:flex;
	justify-content:end;
	align-items:center;
	font-weight:bold;
}
.site-header .inner a,.site-header .inner a:visited  {color:black;outline:none;}
.site-header .inner .region-sur-header a {text-decoration:none;}
.site-header .inner .region-sur-header p {margin:0px;}
#block-views-block-header-accessibility-font-size-2 {
	-webkit-user-select: none; /* Chrome, Safari, Opera */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10+/ Edge */
	user-select: none;         /* Standard syntax */
}
.font-increase {
	cursor:pointer; font-size:1.2rem
}
.font-decrease {
	cursor:pointer;
	font-size:0.9rem;
	padding-left:10px;
}
.site-header .inner .region-sur-header ul.menu {
	display:flex;
	justify-content:end;
	gap:10px;
}
.site-header .inner .region-sur-header ul.menu li {
	padding:5px 20px;
	border-left:1px solid #555;
}
.site-header .inner .region-sur-header ul.menu li:last-child {
	border-right:1px solid #555;
}

.site-header .inner .region-primary-menu ul.menu {
	display:flex;
	justify-content:end;
	gap:30px;
	position:relative;
	font-size:1rem;
	font-weight:500;
}

.site-header .inner .region-primary-menu ul.menu > li > * {
	text-decoration:none;
	position:relative;
	cursor:pointer;
}
.site-header .inner .region-primary-menu ul.menu > li > *:after {
	content:'';
	width:0%;
	height:4px;
	border-radius:3px;
	background:black;
	position:absolute;
	bottom:-5px;
	left:50%;
	transform:translateX(-50%);
	transition:all 0.2s ease;
}
.site-header .inner .region-primary-menu ul.menu > li > *:hover:after,
.site-header .inner .region-primary-menu ul.menu > li > *.is-active:after {
	width:100%;
}

.site-header .inner .region-primary-menu ul.menu li.recherche {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:50px;
	height:100%;
	background:url("../images/search.svg") center center no-repeat;
	background-size: 20px auto;
	font-size:0px;
	transform:translateX(110%);
	cursor:pointer;
}

.site-header .inner .region-primary-menu ul.menu > li{position:relative;}
.site-header .inner .region-primary-menu ul.menu > li.megamenu-container:hover:after {
	content:"";
	position:absolute;
	left:50%;
	bottom:-13px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent white transparent;
	transform: scale(1, 1.6) translateX(-50%);
	z-index:11;
}

/* Megamenu */

ul.menu li::marker{
	display:none;
	content:'';
}

.block-views-block-header-megamenu-pres-chez-vous,
.block-views-block-header-megamenu-thematiques {
	position:relative;
}

.megamenu {
	position:absolute;
	top:0px;
	right:0px;
	background:#FFF;
	display:flex;
	column-gap:20px;
	width:100%;
	padding:0px 30px;
	box-shadow:0px 0px 40px -22px black;
	border-radius:20px;
	max-height:0px;
	overflow:hidden;
	opacity:0;
	transition:all 0.2s ease;
	z-index:10;
}
.megamenu:hover,
.megamenu.open {
	max-height:min-content;
	padding:30px 30px;
	opacity:1;
	overflow:visible;
}

.megamenu a {
	text-decoration:none;
	font-weight:500;
}

.megamenu .menu-item--active-trail a {
	color:#3004F5!important;
}



.megamenu > .view-content {
	display:flex;
	flex-wrap:wrap;
	column-gap:20px;

}
.megamenu.view-display-id-pres_chez_vous > .view-content {
	padding-right:20px;
	border-right:5px solid #3FFFEB
}

.megamenu.view-display-id-pres_chez_vous > .view-content .views-row {
		width:170px;
	height:60px;
}

.megamenu.view-display-id-pres_chez_vous > .view-footer {
	flex:0 0 190px;
	text-transform:uppercase;
}
.megamenu.view-display-id-pres_chez_vous > .view-footer .views-row {
	height:60px;
}

.megamenu.view-display-id-thematiques  .views-row {
	width:210px;
	height:60px;
}





/* BREADCRUMBS */







/* SIDEBAR */

h3 > a {
	text-decoration: none;
}
.sidebar .view:not(.view-sujets-populaires) h3  {
	margin: 4px 0px 4px;
	line-height:2.1rem;
}

.sidebar .view:not(.view-sujets-populaires) .view-content .views-row  {
	margin-bottom:30px;
}
.lirelasuite a:after,
.sidebar .view:not(.view-sujets-populaires) h3 > a:after {
	display: inline-block;
	content: "";
	width: 15px;
	height: 15px;
	background: url("../images/arrow-red.svg") center center no-repeat;
	margin-left: 10px;
}

.region-sidebar h3 {
	font-size: 1.6rem;
	font-weight: 600;
}
.region-sidebar > div {
	margin-bottom: 60px;
}
.region-sidebar .block > h2 {
	font-size: 1.3rem;
	font-weight: 900;
	text-transform: uppercase;
}
.sidebar .view-sujets-populaires .view-content .item-list ul {
	display:none;
}

.sidebar .view-sujets-populaires .view-content .item-list:nth-child(n+7) {
	display: none;
}

.sidebar .view-sujets-populaires .view-content {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.sidebar .view-sujets-populaires .view-content .item-list h3 {
	margin: 0px;
}
.sidebar .view-sujets-populaires .view-content .item-list a {
    display: block;
    background: #FFCE09;
    text-transform: uppercase;
    padding: 8px 15px;
    font-weight: 500;
    font-size: 0.6rem;
    text-decoration: none;
    border-radius: 20px;
}


.sidebar .views-field-term-node-tid {
	margin-top:10px;
}

.sidebar .views-field-created {
	font-size:0.8rem;
	font-weight:600;
}


.sidebar.view-display-id-dernieres_videos {

}

.sidebar.view-display-id-dernieres_videos .views-field-field-video-youtube {
	position:relative
}

.sidebar.view-display-id-dernieres_videos .views-field-field-video-youtube img {
	width:100%;
}
.sidebar.view-display-id-dernieres_videos .views-field-field-video-youtube .play {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scale(1);
	width:75px;
	height:75px;
	background:url("../images/play-white.svg") center center no-repeat;
	transition:all 0.3s ease;
}

.sidebar.view-display-id-dernieres_videos .views-field-field-video-youtube:hover .play {
	transform:translate(-50%, -50%) scale(1.1);
}

.sidebar.view-display-id-dernieres_videos .views-field-field-video-youtube a {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}











/* MAIN */

.site-main {
	width:100%;
	max-width:1650px;
	margin:auto;
	padding-bottom: 0px;
	display:flex;
	gap:8%;
	padding-bottom: 120px;
}
.site-main .layout-content {
	flex:5;
	max-width:100%;
}
.site-main .sidebar {
	flex:2;
}


/* DATES */

.dates {
	display:flex;
	flex-wrap:wrap;
	column-gap:20px;
	font-size:0.7rem;
	font-weight:600;
	color:#555;
}

.dates .changed {
	background:url("../images/date-update.svg") center left no-repeat;
	background-size:auto 70%;
	padding-left:20px;
}






/* NODE ARTICLE */

.field--name-field-surtitre {
	font-size:1.1rem;
	font-weight:400;
 	text-transform:uppercase;
	color: #3004F5;
	padding:5px 0px 10px;
}
.view-node-article.view-display-id-dates {
	margin:10px 0px;
}
.view-node-article.view-display-id-dates .view-content .views-row{
	display:flex;
	gap:20px;
	font-size:0.8rem;
	font-weight:600;
	color:#555;
}

.view-node-article.view-display-id-dates .view-content .views-row .views-field-changed {
	background:url("../images/date-update.svg") center left no-repeat;
	background-size:contain;
	padding-left:25px;
}
.field--name-field-chapeau {
	color:#555;
	margin: 15px 0px;
}

article .field--name-field-image img {
	width:100%;
}

.image-principale .image {
	height:400px;
	text-align:center;
	position:relative;
	overflow:hidden;
}

.image-principale .background {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	opacity:0.7;
	filter: blur(5px);
	-webkit-filter: blur(5px);
}

.image-principale img {
	height:100%;
	width:auto!important;
	max-width:200%;
	position:absolute;
	top:0px;
	left:50%;
	transform:translateX(-50%);
}

.aside-taxos {
	float:left;
	width:200px;
	text-align:right;
	padding-top:42px;
}

.aside-taxos .taxos ul {
	flex-direction:column;
}

.intro-contenu,
.article-content .paragraph--type--texte,
.article-content .paragraph--type--video-youtube,
.article-content .paragraph--type--encarts,
.article-content .field--name-field-contenu > .field__item > .paragraph--type--image,
.article-content .paragraph--type--audio {
	width:100%;
	max-width: calc(100% - 240px);
	margin: 0px 0px 0px auto;
}

.intro-contenu {
	margin-top:20px;
	display:flex;
	gap:30px;
}

.readingTime {
	color:#3004F5;
	font-weight:600;
	font-size:0.9rem;
}
.ecouter {
	color:#FF0B09;
	font-weight:600;
	font-size:0.9rem;
	padding-left:20px;
	background:url("../images/play-red.svg") center left no-repeat
}









/* PARAGRAPHS */

.field--name-field-contenu > .field__item  {
	margin-top:20px;
	margin-bottom:40px;
}
/* Texte */
.article-content .paragraph--type--texte {
	color:#555;
}
.article-content .paragraph--type--texte h2 {
	font-size:1.3rem;
}

.article-content .paragraph--type--texte h3 {
	font-size:1.1rem;
}


/*Image*/
.view-paragraphs.view-display-id-image .field--name-field-image img {width:100%;}
.view-paragraphs .caption {
	text-align:right;
	font-size:0.7rem;
	color:#555;
}

/* Galerie */
.view-display-id-images_pour_galerie .view-content {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	justify-content:space-between;
	align-items:center;
}
.view-display-id-images_pour_galerie .view-content .views-row {
	width:calc(50% - 15px);
	cursor:pointer;
}

.view-display-id-images_pour_galerie .views-field-field-image .image-inner {
	position:relative;
	overflow:hidden;
}

.contrainhorizontal .view-display-id-images_pour_galerie .views-field-field-image .image-inner {
	height:200px;
}
.contrainhorizontal .view-display-id-images_pour_galerie .views-field-field-image .image-inner img {
	position:absolute;
	left:0px;
	min-width:100%;
	top:50%;
	transform:translateY(-50%);
}


.view-display-id-galerie_popup {
	position:fixed;
	top:0px;left:0px;
	width:100%;
	height:100%;
	z-index:1000;
	background:blue;
	top:10000px;
	opacity:0;
	transition:opacity 1s ease;
}
.view-display-id-galerie_popup.open {
	opacity:1;
	top:0px;
}
.view-display-id-galerie_popup .view-content,
.view-display-id-galerie_popup .view-content > div,
.views_slideshow_main, .views_slideshow_main > div {
	height:100%;
}

.views-slideshow-controls-top,
.views_slideshow_controls_text_pause {display:none;}

.views_slideshow_main > div
 {
	width:calc(100% - 200px)!important;
	margin:auto;
	height:100%!important;
}

.views_slideshow_main > div > div {
	position:relative;
	top:50%!important;
	width:100%!important;
	transform:translateY(-50%);
	height:80%!important;
	max-height:80%;
}

.view-display-id-galerie_popup .views_slideshow_main  .views-row {
	margin:auto;
	text-align:center;
	position:relative;
	height:100%;
}
.view-display-id-galerie_popup .views_slideshow_main  .views-row * {

}
.view-display-id-galerie_popup .views_slideshow_main  .views-row .views-field-field-image {
	display: inline-block;
	text-align: right;
	color:white;
	position:relative;
	height:100%;
	width:100%;
}

.view-display-id-galerie_popup .views_slideshow_main  .views-row .views-field-field-image .field-content {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	height:100%;
	width:100%;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center
}

.view-display-id-galerie_popup .views_slideshow_main  .views-row .views-field-field-image img {
	height:auto%;
	width:auto;
	max-height:100%;
	max-width:100%;
}

.views_slideshow_controls_text_previous,
.views_slideshow_controls_text_next {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	display:block;
	background:url("../images/previous.svg") center center no-repeat;
	width:52px;
	height:52px;
	font-size:0px;
	z-index:1000;
}
.views_slideshow_controls_text_previous { left:20px;}
.views_slideshow_controls_text_next {
	right:20px;
	transform:translateY(-50%) rotate(180deg);
}

.close-popup {
	cursor:pointer;
	background:url("../images/cross-red.svg") center center no-repeat;
	background-size:contain;
	width:50px;
	height:50px;
	border-radius:50%;
	position:absolute;
	top:20px;
	right:20px;
}

.view-display-id-galerie_popup .caption {
	color:white;
	font-weight:600;
text-align:center;
}

/* Citation */

.article-content .paragraph--type--citation {
	margin:0 auto 0 0;
}

.view-paragraphs.view-display-id-citation .views-row {
	background:#3004F5;
	padding:30px;
	color:white;
	display:flex;
	column-gap:30px;
}
.view-paragraphs.view-display-id-citation .views-row .image {
	flex:0 0 180px;
}

.view-paragraphs.view-display-id-citation .views-row .auteur {
	font-weight:700;
	font-size:1.2rem;
}

/* Témoignages */

.view-paragraphs.view-display-id-temoignages > .view-content {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
}

.view-paragraphs.view-display-id-temoignages > .view-content > .views-row {
	flex: 1 0 calc(50% - 15px);
}
.unparligne .view-paragraphs.view-display-id-temoignages > .view-content > .views-row {
	 flex:1 0 100%;
 }
.deuxparligne .view-paragraphs.view-display-id-temoignages > .view-content > .views-row {
	flex: 1 0 calc(50% - 15px);
}

.view-paragraphs.view-display-id-temoignages .titre {
	font-size:1.4rem;
	color:#3004F5;
	font-weight:700;
}

.view-paragraphs.view-display-id-temoignages .citation-contenu {
	display:flex;
	gap:20px;
}
.view-paragraphs.view-display-id-temoignages .citation-contenu .image{
	flex:0 0 170px;
}
.view-paragraphs.view-display-id-temoignages .citation-contenu .textes {
	padding-top:60px;
	background:url("../images/quote.svg") top left no-repeat;

}
.view-paragraphs.view-display-id-temoignages .citation-contenu .textes .texte {
	color:#555;
	font-size:0.9rem;
}
.view-paragraphs.view-display-id-temoignages .citation-contenu .textes .auteur {
	font-size:1.1rem;
	font-weight:bold;
	color:#555;
	text-align:right;
}
.view-paragraphs.view-display-id-temoignages .citation-contenu .textes .fonction {
	font-size:1.1rem;
	color:#555;
	text-align:right;
}


/* Liste avec icones */
.field--name-field-element-avec-icone {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	text-align:center;
	gap:30px;
}
.field--name-field-element-avec-icone > div {
	flex:0 0 calc(32% - 15px);
	width:calc(32% - 15px);
}

.field--name-field-element-avec-icone .paragraph--type--element-icone {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.field--name-field-element-avec-icone .field--name-field-icone {
	width:100px;
	height:100px;
	border-radius:50%;
	background:#3004F5;
	color:white;
	font-size:40px;
	position:relative;
}

.field--name-field-element-avec-icone .field--name-field-icone .fontawesome-icon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.field--name-field-element-avec-icone .field--name-field-titre {
	padding:20px 0px 0px;
	color:#3004F5;
	font-size:1.3rem;
	font-weight:900;
}



/* Encarts */

.view-paragraphs.view-display-id-encarts .view-content {
	display:flex;
	gap:20px;
	flex-wrap:wrap;

}

.view-paragraphs.view-display-id-encarts .view-content .views-row {
	flex:1;
	padding:20px 30px;
	min-width:250px;
}

.view-paragraphs.view-display-id-encarts .view-content .views-row.fondcouleur {
	background:blue;
	color:white;
	border-bottom:15px solid #00FFE5
}
.view-paragraphs.view-display-id-encarts .view-content .views-row.encadre {
	border:15px solid #00FFE5;
	padding:5px 15px;
}



/* Téléchargements */

.paragraph--type--telechargements .field--name-field-fichiers {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	justify-content:center;
}

.paragraph--type--telechargements .field--name-field-fichiers > .field__item {
	flex:0 1 31%;
	width:33%;
	min-width:220px;
	text-align:center;
}

.paragraph--type--telechargements .field--name-field-fichiers .field--name-field-nom {
	display: inline-block;
    padding-right: 32px;
    background: url(../images/download.svg) top right 2px no-repeat;
    background-size: auto 22px;
	text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-top: -5px;
}

.paragraph--type--telechargements .field--name-field-fichiers .field--name-field-nom:after {
	background
}



/* Audio */
.paragraph--type--audio .field--name-field-legende {
	font-weight:600;
	font-size:0.8rem;
	margin-left:26px;
	margin-bottom:10px;
}
.paragraph--type--audio {position:relative;}
.paragraph--type--audio .jp-audio{
width:100%;
margin:auto;
background:none;
border:0px;
min-width:320px;
}

.paragraph--type--audio .jp-interface {
	border:0px;
	border-radius:50px;
}
.paragraph--type--audio .jp-audio .jp-progress,
.paragraph--type--audio .jp-audio .jp-time-holder {
	width:calc(100% - 220px);
	left:80px;
}
.paragraph--type--audio .jp-audio .jp-progress {
	border-radius:20px;
}

.paragraph--type--audio .jp-audio .jp-volume-controls {
	left:auto;
	right:20px;
	width:100px;
}

.paragraph--type--audio .jp-audio .jp-stop,
.paragraph--type--audio .jp-audio .jp-details,
.paragraph--type--audio .jp-audio .jp-toggles {
	display:none;
}

.paragraph--type--audio .jp-current-time, .jp-duration {
	width:35px;
}














/* FOOTER */

.site-footer {
	background:black;
	color:white;
	margin-top:30px;
	position:relative;
}

.site-footer .inner {
	display:flex;
	gap:20px;
	align-items:center;
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:20px;
}

.site-footer .inner .region-footer {
	display:flex;
	gap:20px;
	align-items:center;
	flex:2;
	}
.site-footer .inner .region-footer > * {
	flex:1;
}
.view-display-id-logos_footer .view-content { display:flex;gap:20px; }
.view-display-id-logos_footer .view-content img {
	height:90px;
	width:auto;
}
.site-footer .inner .region-footer-last-col { flex:1 }
footer ul.menu li {
	padding:5px 0px;
}
footer ul.menu a,
footer ul.menu a.is-active {
	color:white;
	font-weight:400;
	padding:5px 0px;
	text-decoration:none;
}
footer ul.menu a.is-active {
  font-weight:600;
}

.view--footer.view-display-id-rs .view-content {
	display:flex;
	align-items:center;
	gap:20px;
}
.view--footer.view-display-id-rs .view-content .views-row a {
	color:white;
	font-size:30px;
}




.site-footer-menu {background:white;}

.site-footer-menu .inner {
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:20px;
}

.site-footer-menu .inner ul.menu {
	display:flex;
	margin:0px;
	gap:30px;
	justify-content:end;
	font-size:15px;
}
.site-footer-menu .inner ul.menu a {
	color:black;
	text-decoration:none;
}
.site-footer-menu .inner ul.menu a.is-active {
	font-weight:bold;
}










/* HOME */

/* BREVES */
.region-breves {}

.view-breves {
	padding-top:20px;
	position:relative;
	max-width:1750px;
	margin:auto;
}
.view-breves > .inner {
	padding:10px 100px;

}
.view-breves > .inner > .view-content {
	display:flex;
	white-space:nowrap;
	overflow:hidden;
	padding-bottom:22px;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.view-breves > .inner > .view-content::-webkit-scrollbar {
	display:none;
}


.view-breves .view-content > .views-row {
	white-space:normal;
	flex:1 0 340px;
	position:relative;
}

.view-breves .view-content > .views-row .ligne {
	position:absolute;
	top:11px;
	left:0px;
	width:100%;
	height:4px;
	background:#00FFE5;
}
.view-breves .view-content > .views-row .rond {
	position:absolute;
	width:26px;
	height:26px;
	background:#3004F5;
	border-radius:50%;
	top:0px;
	left:20px;
	z-index:2;
}

.view-breves .view-content > .views-row .inner {
	height:100%;
	padding:30px 20px 30px 20px;
	margin-left:20px;
	position:relative;
	z-index:1;
}
.view-breves .view-content .date {
	font-size:0.8rem;
	font-weight:bold;
}

.view-breves .view-content .texte {
	font-size:0.9rem;
	line-height:1.3rem;

}
.view-breves .view-content .texte p {
	line-height:1.3rem;
}

.view-breves .view-content .taxos ul li {
	padding:0px;
	margin:0px;
}

li.show {
	font-size: 0.7rem;
    line-height: 0.9rem;
    color: #FF0B09;
}


.view-breves .view-content .views-row.article-associe {

}
.view-breves .view-content .views-row.article-associe .inner {
	background:#3004F5;
	border-radius:13px 13px 0px 13px;
	color:white;

}
.view-breves .view-content .views-row.article-associe a {
	color:white;
}

.view-breves .view-content .views-row.article-associe .rond {
	display:none;
}

.view-breves .view-content .views-row.article-associe .lien a {
	position:absolute;
	display:block;
	right:0px;
	bottom:0px;
	padding:10px 50px 10px 20px;
	transform:translateY(50%);
	border-radius:30px;
	background:url("../images/arrow-white.svg") center right 15px no-repeat #3004F5;
	z-index:2;
}

.view-breves .previous,
.view-breves .next {
	width:52px;
	height:52px;
	border-radius:50%;
	background:url("../images/previous.svg") center center no-repeat;
	background-color:#FFCE09;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;

}
.view-breves .previous {
	left:20px;
}

.view-breves .next {
	right:20px;
	transform: translateY(-50%) rotate(180deg);
}

.view-series .previous,
.view-series .next {
  width:52px;
  height:52px;
  border-radius:50%;
  background:url("../images/previous.svg") center center no-repeat;
  background-color:#FFCE09;
  position:relative;
  transform:translateY(-50%);
  cursor:pointer;

}
.view-series .previous {
  left: 100px;
  position: absolute;
}

.view-series .next {
  right: 100px;
  position: absolute;
  transform: translateY(-50%) rotate(180deg);
}

/* RS SHARE  */
#shareRS {
	position:fixed;
	width:50px;
	left:0px;
	top:400px;
	cursor:pointer;
	display:none;
}
.page-node-type-article #shareRS  {
	display:block;
}
#shareRS a {
	font-size:0px;
	display:block;
	width:50px;
	height:50px;
	border:1px solid #555;
	background:white;
	margin-bottom:20px;
}
#shareRS a.facebook {
	background:url("../images/shareFacebook.svg") center center no-repeat white;
}
#shareRS a.twitter {
	background:url("../images/shareTwitter.svg") center center no-repeat white;
}






/* RECHERCHE */

#block-views-block-recherche-block {
	background:white;
	position:fixed;
	top:-100%;
	left:0px;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:1000;
	padding:20px 50px;
	/display:none;
	transition:all 0.5s ease;
}
#block-views-block-recherche-block.open {
	/display:block;
	top:0px
}
#block-views-block-recherche-block > div{height:100%;}
.view-recherche {
	max-width:calc(100% - 350px);
	margin:0px 0px 0px auto;
	position:relative;
	height:100%;
	padding-right:80px;
}
.view-recherche .view-header h2 {
	font-size:1.8rem;
	text-transform:uppercase;
}

.view-recherche .view-filters {

}

.view-recherche .view-filters .form--inline > .form-item {float:none; margin-bottom:0px;}

.view-recherche .view-filters input[type="text"] {
	border:2px solid black;
	padding:15px 10px 14px 50px;
	border-radius:10px 0px 0px 10px;
	width:calc(100% - 150px);
	outline:none;
	background: url("../images/search.svg") center left 15px no-repeat;
	background-size:20px auto;
}
.view-recherche .view-filters form {
	position:relative;
}
.view-recherche .view-filters .form-actions {
margin:0px;
}

.view-recherche .view-filters .form-actions input[type="submit"] {
	position:absolute;
	width:160px;
	top:0px;
	right:0px;
	border:0px;
	padding:14px 10px;
	background:black;
	color:white;
	border-radius: 0px 10px 10px 0px;
	cursor:pointer;
	font-size:1.3rem;
	font-weight:600;
}



.view-recherche .bef--secondary {
	position:absolute;
	top:122px;
	left:-350px;
	width:310px;
	border:2px solid #FF0B09;
	border-radius:20px;
}

.view-recherche .bef--secondary summary {display:none;}


.view-recherche .bef--secondary .form-select {
	max-height:240px;
	overflow-y:auto;
}

.view-recherche .view-filters fieldset[id*="edit-sort-bef-combine"]{
	display:flex;
}
.view-recherche .view-filters fieldset[id*="edit-sort-bef-combine"] > * {
	display:block;
}

.view-recherche .view-filters fieldset[id*="edit-sort-bef-combine"] legend {
	float:left;
	margin-right:10px;
	margin-top:10px;
	text-transform: uppercase;
}

.view-recherche .view-filters fieldset[id*="edit-sort-bef-combine"] > * .form-radios {
	display:flex;
}

.view-recherche .view-filters fieldset[id*="edit-sort-bef-combine"] > * .form-radios input {
	display:none;
}

.view-recherche .view-filters fieldset[id*="edit-sort-bef-combine"] > * .form-radios label {
	font-size:40px;
	line-height:20px;
	cursor:pointer;
}
.view-recherche .view-filters fieldset[id*="edit-sort-bef-combine"] > * .form-radios input:checked + label {
	font-weight:600;
}

.view-recherche .taxos a {
	margin-bottom:4px;
}

.view-recherche .view-content,
.view-recherche .view-empty {
	//background:#EEE;
	height: calc(100% - 190px);
	overflow:auto;
	padding-right: 10px;
}

.view-recherche .view-content .views-row {
	display:flex;
	flex-direction:row-reverse;
	gap:30px;
	margin-top:20px;
	margin-bottom:40px;
}
.view-recherche .view-content .views-row .textes {
	flex:1;
}

.view-recherche .view-content .views-row .textes .date {
	font-size:0.8rem;
	font-weight:600;
}
.view-recherche .view-content .views-row .textes h3 {
	margin:10px 0px 10px;
	font-size: 1.4rem;
	font-weight:600;
	line-height:1.5rem;
}
.view-recherche .view-content .views-row .textes h3 a {
	text-decoration:none;
}

.view-recherche .view-content .views-row .image {
	max-width:200px;
}

.search-close {
	position:fixed;
	top:25px;
	right:25px;
	width:60px;
	height:60px;
	background:url("../images/search-close.svg") center center no-repeat;
	cursor:pointer;
	display:none;
}
.open .search-close {
	display:block;
}

.bef--secondary .taxos ul {
	display:block;
}

.bef--secondary .taxos .form-item input {
	display:none;
}

.bef--secondary .taxos .form-item label {
	font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    color: black;
    text-decoration: none;
    margin:0px;
    cursor:pointer;
}
.bef--secondary .taxos .form-item input:checked + label {
	font-weight:700;
}
.bef--secondary .taxos .form-item label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #FF0B09;
}



.bef-link--selected {
	font-weight:bold!important;
}




/*  PAGE ARTICLES   */

.view-articles .view-content {
	display:flex;
	flex-wrap:wrap;
	gap:40px;
	column-gap:3%;

}

.view-articles .view-content .views-row {
	flex:1 0 22%;
	min-width:250px;
    max-width: 22%;
}

.view-articles .view-content .views-row h2 {
	font-weight:600;
	line-height:1.2;
	margin:8px 0px;
}

.view-articles .view-content .views-row h2 a {
	text-decoration:none;
}

.view-articles .view-content .views-row .dates {
	margin-bottom:10px;
}
.view-articles .view-content .views-row .views-field-field-chapeau a {
	text-decoration:none;
color:#707070;
}
.view-articles .view-filters {
	margin-bottom:20px;
}

/* Filtres actifs — liste chips retirables */
.view-articles .view-active-filters {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	margin:20px 0 30px;
}
.view-articles .view-active-filters__label {
	font-size:0.75rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#000;
}
.view-articles .view-active-filter {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:6px 8px 6px 15px;
	background:#3004F5;
	color:#FFF;
	border-radius:20px;
	font-size:0.8rem;
	font-weight:500;
}
.view-articles .view-active-filter__remove {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	background:rgba(255,255,255,0.25);
	border-radius:50%;
	color:#FFF;
	font-size:1rem;
	line-height:1;
	text-decoration:none;
	transition:background 0.2s ease;
}
.view-articles .view-active-filter__remove:hover,
.view-articles .view-active-filter__remove:focus {
	background:#FF0B09;
	color:#FFF;
	outline:none;
}

.view-articles .view-filters form > div {
	display:flex;
	position:relative;
	flex-wrap:wrap;
}

.view-articles .view-filters form .form-item,
.view-articles .view-filters form .form-actions {
	float:none;
	margin:0px;
}

.view-articles .view-filters form .form-actions {

}

.view-articles .view-filters form .js-form-item-combine {
	flex:0 0 300px;
	margin-right:180px;
}

.view-articles .view-filters form .js-form-item-combine input {
	border: 2px solid black;
    padding: 12px 10px 11px 50px;
    border-radius: 10px;
    width: 100%;
    outline: none;
    background: url("../images/search.svg") center left 15px no-repeat;
    background-size: 20px auto;
}
.view-articles .view-filters form .form-actions input {
    width: 160px;
    border: 0px;
    padding: 12px 10px 12px;
    background: black;
    color: white;
    border-radius:10px;
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: 600;
}

.view-articles details {
	margin:0px 0px 10p;
	border:0px solid white;
	width:100%;
	transition:all 0.3s ease;
}
.view-articles details[open=""]{
}
.view-articles details .details-wrapper {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	padding:0px;
}

.view-articles details .details-wrapper .chosen-container a.chosen-single {
	padding:10px 30px;
	border:2px solid black;
	border-radius:10px;
	height:auto;
}
.view-articles .view-filters .chosen-container {
	width:100%!important;
}








/* HOME */
.view-home h2 {
	text-transform:uppercase;
}
.alaune {
	margin-bottom:45px;
}
.alaune .views-field-field-image {
	border: 20px solid #3004F5;
}
.alaune .views-field-field-image img {
	display:block;
	width:100%;
}

.alaune2 .view-content {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
}
.alaune2 .view-content .views-row {
	flex:1;
	min-width:300px;
}

.alaune h3,
.actus h3 {
	font-size: 1.8rem;
	font-weight: 600;
	margin:10px 0px;
	line-height:1.2;
}
.alaune .views-field-field-chapeau,
.actus .views-field-field-chapeau {
	margin: 10px 0px 20px;
}
.alaune .lirelasuite a,
.actus .lirelasuite a {
	color:#707070;
	text-decoration:none;
}
.actus .view-content .views-row {
	overflow:auto;
	margin-top:30px;
	margin-bottom:50px;
}
.actus .views-field-field-image{
	float:right;
	margin-left:30px;
	max-width:280px;
}

.actus .views-field-field-chapeau {
	overflow:auto;
}





/* VUE MAGAZINES */

.vue-magazines {

}

.vue-magazines .view-content {
	display:flex;
	flex-wrap:wrap;
}

.vue-magazines .view-content .views-row {
	position:relative;
	flex:0 0 33%;
	padding:10px;
	text-align:center;
}
.vue-magazines .view-content .views-row:first-child .views-field-field-magazine-pdf {
	border:20px solid #00FFEC;
	margin-bottom:20px;
}

.vue-magazines .view-content .views-row .views-field-field-date-affichee {
	display:block;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.8rem;
	margin-top:-5px;
}

.vue-magazines .view-content .views-row .views-field-field-date-affichee .field-content {
	display:inline-block;
	background-size:auto 22px;
}

.vue-magazines .view-content .views-row a {
	font-size:0px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%
}










/*** SERIES ***/
.view-series h2 {
	text-transform:uppercase;
}

.view-series .texte {
	max-width:600px;
}
.view-series.view-display-id-articles {
	overflow:auto;
	width:104%;
	margin-bottom:40px;
}

.view-series.view-display-id-articles .view-content {
  margin-right: 50px;
	display:flex;
	column-gap:30px;
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.view-series.view-display-id-articles .view-content .views-row {
	max-width:280px;
	position:relative;
	flex: 1 0 280px;
}

.view-series.view-display-id-articles .image {
	margin-bottom:15px;
}
.view-series.view-display-id-articles .image img {
	border-radius:20px;
}

.view-series.view-display-id-articles .view-content .views-row .inner {
	display:flex;
	column-gap:20px;
	align-items:start;

}
.view-series.view-display-id-articles .view-content .views-row .inner .counter {
	font-size:40px;
	font-weight:600;
	line-height:1;
}
.view-series.view-display-id-articles .view-content .views-row .inner .textes {
	flex:1;
}

.view-series.view-display-id-articles .view-content .views-row .inner .textes h3 {
	font-size:1.2rem;
	font-weight:600;
	line-height:1.2;
	margin:2px 0px 5px;
}

.view-series.view-display-id-articles .view-content .views-row > a {
	display:block;
	position:absolute;
	font-size:0px;
	top:0px;
	left:0px;
	width:100%; height:100%;

}

/* WEBFORM */

#block-encommun-webform {
	position:fixed;
	z-index:10000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(48, 4, 254, 0.8);
	display:none;
	padding:10px;
}

#block-encommun-webform.open {
display:block
}

#block-encommun-webform form {
	position:absolute;
	overflow:auto;
	max-height:90%;
	width:90%;
	max-width:600px;
	margin:auto;
	background:white;
	padding:30px;
	border-radius:30px;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}


#block-encommun-webform form #edit-processed-text-01 p{
	font-size:0.6rem;
	line-height:0.6rem!important
}

#block-encommun-webform form h2 {
	font-size:1.2rem;
	text-transform:uppercase;
	font-weight:600;
}

.webform-submission-form label {
	font-size:0.8rem;
}

.webform-submission-form input[type=text],
.webform-submission-form input[type=email],
.webform-submission-form input[type=tel],
.webform-submission-form textarea {
	padding:8px 10px;
	border:1px solid black;
	border-radius:8px;
	max-width:100%!important;
}

.webform-submission-form .iti {display:block;}

.webform-submission-form .form-actions {text-align:right;}
.webform-submission-form .form-actions input {
	border:1px solid black;
	background:black;
	color:white;
	text-transform:uppercase;
	font-weight:600;
	padding:8px 30px;
	border-radius:10px;
	cursor:pointer;
}

.webform-submission-form .close {
	position:absolute;
top:0px;
right:0px;
padding:30px;
cursor:pointer;
}

/* MAGAZINES DANS FOOTER */
#block-encommun-views-block-footer-magazines-apercus {
	position:absolute;
	top:-175px;
	right:4%;
	width:180px;
}
.magazines-apercus .view-content {
	position:relative;

}
.magazines-apercus .view-content .views-row {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:20px;
}
.magazines-apercus .view-content .views-row:first-child {
	position:relative;
	background:#00FFEC;
}
.magazines-apercus .view-content .views-row img {
	transition:all 0.5s ease;
	box-shadow : 0px 0px 0px -20px black
}
.magazines-apercus:hover .view-content .views-row img {
	box-shadow : 0px 0px 30px -20px black;
}

.magazines-apercus .view-content .views-row:first-child img {
	transform:rotate(-3deg);
	position:relative;
	z-index:2;
}

.magazines-apercus:hover .view-content .views-row:first-child img {
	transform:rotate(-8deg) translate(-50%, -10%);
}


.magazines-apercus .view-content .views-row:nth-child(2) img {
	transform:rotate(8deg)
}

.magazines-apercus:hover .view-content .views-row:nth-child(2) img {
	transform:rotate(13deg)	translate(50%, -10%);
}

.magazines-apercus .view-footer a {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:3;

}











/* MISC */

.ajax-progress-fullscreen {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
  opacity: 1;
  border-radius: 0px;
  background-color: rgba(255,255,255,0.8);
  background-image: url("../images/loading.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 200px auto;
}

 /* width */
div::scrollbar,
div::-webkit-scrollbar {
  width: 10px;
}

/* Track */
div::scrollbar-track ,
div::-webkit-scrollbar-track {
  background: #EEE;
}

/* Handle */
div::-webkit-scrollbar-thumb,
div::scrollbar-thumb {
  background: #CCC;
}

/* Handle on hover */
div::scrollbar-thumb:hover
div::-webkit-scrollbar-thumb:hover {
  background: #333;
}

.view--node-article.view-display-id-options .view-content .views-row {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	color:white;
	margin-bottom:10px;
}
.view--node-article.view-display-id-options .view-content .views-row a {
	text-decoration:none;
	display:block;
	color:white;
	background:#333;
	padding:5px 10px;
	border-radius:5px;
	transform:scale(1);
	transition:all 0.2s ease;
}
.view--node-article.view-display-id-options .view-content .views-row a:hover {
	transform:scale(1.05);
}

.view--node-article.view-display-id-options .view-content .views-row a:hover {
	text-decoration:underline;
}
.view--node-article.view-display-id-options .view-content .views-row a:before {
	font-family: "Font Awesome 6 Free";
	color:white;
	margin-right:5px;
	font-weight:900;
}

.view--node-article.view-display-id-options .view-content .views-row .views-field-view-node a:before {
	content:"\f06e";
}

.view--node-article.view-display-id-options .view-content .views-row .views-field-edit-node a:before {
	content:"\f5ad";
}
.view--node-article.view-display-id-options .view-content .views-row .dupliquer a:before {
	content:"\f24d";
}

.view--node-article.view-display-id-options .view-content .views-row .views-field-clone-link a:before {
	content:"\f24d";
}

.view--node-article.view-display-id-options .view-content .views-row .revisions a:before {
	content:"\f126";
	font-weight: 900;

}

.view--node-article.view-display-id-options .view-content .views-row .views-field-delete-node a:before {
	content:"\f1f8";
}
.chosen-container {
	font-size:1rem;
}
.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
	padding: 4px 0 0 8px;
	height:34px;
	border-radius: 0px;
	background:none;
	box-shadow:none;

}

/* Override printable /web/modules/contrib/printable/css/drupal-printable.css **/
.fondcouleur a, .fondcouleur a:link, .fondcouleur a:visited, .fondcouleur a:hover {
  color: white !important;
}



@media all and (max-width:1000px) {
	.intro-contenu,
.article-content .paragraph--type--texte,
.article-content .paragraph--type--video-youtube,
.article-content .paragraph--type--encarts,
.article-content .field--name-field-contenu > .field__item > .paragraph--type--image,
.article-content .paragraph--type--audio {
	max-width:100%;
}

.view-node-article-taxos {
float: none;
width: 100%;
text-align: center;
padding-top: 10px;
}

.view-node-article-taxos .view-content {
	display:flex;
	gap: 0px 20px;
flex-wrap:wrap;
}

.aside-taxos {
	width:100%;
	padding-top:0px;
	padding-bottom:20px;
}

.aside-taxos .taxos ul {
	flex-direction: row ;
}

.vue-magazines .view-content .views-row {
	flex:0 0 50%;
}



}






/* A supprimer quand on aura la newsletter */

.views-field-field-footer-texte input[type="text"] {
	width:100%;border:0px;padding:10px 20px; border-radius:20px;
}