/*
bleu #40798C
light gray #C7D6D5
cacadoie #DDF093
orange #F08700
*/

.mobile{display:none;} 
* {box-sizing:border-box} 
html { 
	} 
main{ 
	max-width: 100%; 
	margin: auto; 
	overflow:hidden; 
	line-height:1.5; 
} 
body { 
	font-family:'Source Sans Pro', sans-serif; 
 	color:#111; 
	margin:0; 
 	padding:0; 
 	border:0; 
 	font-size:18px; 
	font-weight:400; 
} 
input, select, textarea { 
font-family:'Source Sans Pro', sans-serif; 
 font-size:18px; 
} 
main a, main .popup-link { 
	color:#031b49; 
	text-decoration:underline; 
	font-weight:bold; 
	cursor:pointer; 
} 

h1 a, h2 a, h3 a {
	text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:underline;
}
a.button,.button >a,input[type=submit] { 
	display:inline-block; 
	padding:8px 14px; 
	background:white; 
	color:#031b49; 
	border:2px solid #031b49; 
	border-radius:30px; 
	font-weight:bold; 
	cursor:pointer; 
	text-decoration:none; 
	text-transform:uppercase; 
	transform:scale(1); 
	transition:all 0.3s ease; 
} 
a.button:hover,.button >a:hover,input[type=submit]:hover { 
	background:#031b49; 
	color:white; 
	transform:scale(1.05); 
} 
a.button.big,.button.big a { 
	font-size:22px; 
	padding:12px 24px} 
img { 
 	max-width:100%; 
 	height:auto; 
 } 
#block-delafosse-content img { 
	border-radius:20px; 
} 
img.align-left { 
 margin-right:20px; 
 } 
img.align-right { 
 margin-left:20px; 
 } 
#ancremenu a::before, .logopart a::before, #legal a::before, .p83 a::before { 
	content:''; 
} 
/*HR*/
.field--type-text-long .suite { 
font-weight:bold; 
text-decoration:underline; 
cursor:pointer; 
color:#031b49; 
} 
.aftersuite { 
max-height:0px; 
overflow:hidden; 
opacity:0; 
transition:all 0.6s ease; 
margin:0px; 
} 
.aftersuite.open { 
 max-height:1000px; 
opacity:1; 
margin:inherit; 
} 
	h1, h2, h3, h4 { 
 font-family: 'Poppins', sans-serif; 
 line-height:1.3; 
} 
	h1 { 
 	font-size:2.4em; 
 	font-weight:800; 
	color:#031b49; 
	} 
h2 { 
		font-size:2em; 
	color:#031b49; 
} 
h3{ 
	font-size: 1.4em; 
	line-height: 32px; 
	padding: 0; 
	font-weight:bold; 
	color:#031b49; 
} 
.paragraph--type--groupe{ 
	padding: 0px; 
} 
.align-center { 
	text-align:center; 
} 
.paragraph--type--texte,.paragraph--type--revue-presse { 
	padding:20px; 
 } 
.layout--twocol-section { 
flex-wrap:nowrap; 
} 
p.citation { 
	text-align:center; 
	font-family:"Poppins"; 
	font-weight:bold; 
	font-size:20px; 
	color:#031b49; 
	display:block; 
	max-width:600px; 
	margin:auto; 
	padding:20px 20px; 
	background: url(../images/quotes1.png) left top no-repeat , url(../images/quotes2.png) right bottom no-repeat; 
	background-size:60px auto; 
	overflow:auto; 
} 
p.punchline { 
	text-align:center; 
	font-family:"Poppins"; 
	font-weight:bold; 
	font-size:20px; 
	color:#031b49; 
	display:block; 
	max-width:600px; 
	margin:auto; 
	padding:20px 30px; 
	background:#EEE; 
	border-radius:20px; 
	overflow:auto; 
} 
p.punchline::before { 
	content:">>"; 
	margin-right:8px; 
} 
/*   HEADER   */
header.site-header { 
	overflow:visible; 
	position:relative; 
	z-index:2; 
	border-bottom:1px solid black; 
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 0px); 
	left:0px; 
	top:0px; 
	width:100%; 
	margin-top:0px; 
	transition: all 0.4s ease; 
} 
header.site-header.sticky { 
	position:fixed; 
	top:0px; 
} 
header.site-header > div { 
	display:flex; 
	justify-content:flex-end; 
	align-items:center; 
} 
.toolbar-tray-open header.site-header.sticky { 
top:79px; 
} 
.path-frontpage header.site-header { 
	height:0px; 
 	//border-bottom:0px solid black; 
} 
.path-frontpage header.site-header.sticky { 
	height:auto; 
} 
.path-frontpage header { 
} 
#block-burger { 
	margin-right:auto; 
} 
#block-burger > div { 
display:flex; 
align-items:center; 
} 
.path-frontpage header.site-header #block-burger > div .logo { 
display:none; 
} 
.path-frontpage header.site-header.sticky #block-burger > div .logo.desktop { 
display:block; 
} 
#block-burger > div .logo a { 
	display:block; 
	position:relative; 
	z-index:2; 
	color:inherit; 
	padding:10px; 
	text-decoration:none; 
	font-family: 'Poppins'; 
	font-weight:bold; 
	font-size:24px; 
	transition:all 0.4s ease; 
} 
.menu-open #block-burger > div .logo a { 
	color:white; 
} 
#burger { 
	padding : 20px; 
	cursor:pointer; 
	z-index:2; 
} 
#burger .wrap { 
	width:50px; 
	height:40px; 
	position:relative; 
} 
#burger .barre { 
	width:100%; 
	height:8px; 
	background:black; 
	position:absolute; 
	transform : rotate(0deg); 
	transition:all 0.5s ease; 
	background:#111; 
} 
.path-frontpage header.site-header:not(.sticky) #burger .barre { 
background:white; 
} 
#burger #barre1 { 
top:0px; 
 left:0px; 
} 
#burger #barre2 { 
top:50%; 
left:0px; 
 transition:all 0.2s ease; 
 transform:translateY(-50%); 
} 
#burger #barre3 { 
bottom:0px; 
 left:0px; 
} 
.menu-open #burger .barre { 
background:white; 
} 
.menu-open #burger #barre1 { 
 transform :  rotate(45deg) ; 
	top:40%} 
.menu-open #burger #barre2 { 
width:0%; 
} 
.menu-open #burger #barre3 { 
transform :   rotate(-45deg); 
 bottom:40%; 
} 
.vue-rs .view-content { 
	display:flex; 
	margin-right:20px; 
} 
.vue-rs .views-row { 
	position:relative; 
	padding-right:15px; 
} 
.vue-rs .views-row a { 
	position:absolute; 
	display:block; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	font-size:0px; 
} 
header svg { 
	fill:#111!important; 
	transition:all 0.3s ease; 
	height:20px;
	width:auto;
} 
.path-frontpage header.site-header:not(.sticky) svg { 
	fill:white!important; 
} 
.toolbar-tray-open #block-delafosse-main-menu { 
	top:79px; 
} 
#block-delafosse-main-menu { 
position:fixed; 
top:0px; 
left:-100%; 
background:#111; 
height:100%; 
padding:80px 50px 20px 50px; 
transition:all 0.4s ease ; 
max-width:100%; 
} 
#block-delafosse-main-menu   ul { 
list-style-type:none; 
padding:0px; 
max-height:100%; 
overflow:auto; 
} 
#block-delafosse-main-menu  ul ul { 
	padding-left:36px; 
	padding-bottom:15px; 
} 
#block-delafosse-main-menu   a { 
	display:block; 
	color:white; 
	text-transform:uppercase; 
	padding:10px 0px; 
	text-decoration:none; 
	font-size:24px; 
	transition:all 0.2s ease; 
} 
#block-delafosse-main-menu   a:hover { 
	padding:10px 10px; 
} 
#block-delafosse-main-menu   a.is-active { 
	font-weight:bold; 
} 
#block-delafosse-main-menu  > ul ul > li > a { 
 text-transform:none; 
padding:5px 0px; 
font-size:20px; 
} 
#block-delafosse-main-menu li svg { 
	fill:white!important; 
	width:20px; 
	height:auto; 
	margin-right:15px; 
} 
.menu-open #block-delafosse-main-menu { 
	left:0%; 
} 
#block-delafosse-page-title { 
	max-width:1200px; 
	padding:0px 20px; 
	margin:auto; 
} 
#block-delafosse-main-menu .menu-mem a { 
	font-size:0px; 
	display:block; 
	height:80px; 
	width:100%; 
	background:url("../images/logo-mem-menu.png") center center no-repeat; 
	background-size:contain; 
} 
/** FOOTER **/

.site-footer { 
	background:#111; 
	color:white; 
	margin-top:20px; 
} 
.site-footer > div { 
	max-width:1200px; 
	margin:auto; 
	padding:1px 10px; 
} 
nav#block-delafosse-footer > ul { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	list-style-type:none; 
} 
nav#block-delafosse-footer > ul li { 
	padding:10px; 
} 
.site-footer a { 
	color:white; 
} 
/** BREADCRUMBS **/

#block-breadcrumbs { 
	} 
#block-breadcrumbs nav { 
	max-width:1200px; 
	margin:auto; 
	} 
#block-breadcrumbs nav ol { 
	list-style-type:none; 
	padding-left:0px; 
} 
#block-breadcrumbs nav ol li { 
	display:inline-block; 
} 
#block-breadcrumbs nav ol li:not(:last-child):after { 
	content:">"; 
 	margin:0px 5px; 
} 
/** NODES **/

.page-node-type-article article, #block-breadcrumbs nav { 
	max-width:1200px; 
	margin:auto; 
	padding:10px 20px; 
} 
/* HOME HEADER*/

.home-header { 
 height:500px; 
	 position:relative; 
} 
.home-header .slide__content > div { 
	padding-bottom:500px!important; 
} 
.home-header h2 { 
	color:white; 
} 
.home-header .views-field-field-header-home-images::after { 
	content:''; 
	position:absolute; 
	top:0px; 
		left:0px; 
	width:100%; 
	height:100%; 
	background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 77%, rgba(0,0,0,0.8) 100%); 
	background: linear-gradient(90deg, rgba(255,0,0,0) 30%, rgba(0,0,0,0.3) 82%), linear-gradient(0deg, rgba(255,0,0,0) 60%, rgba(0,0,0,0.3) 90%); 
} 
.home-header .views-field-field-header-home-texte { 
	position: absolute; 
    top: 50%; 
    right:5%; 
	transform:translate(0%,-50%); 
	color:white; 
	font-size:24px; 
	//text-shadow:1px 1px 5px #111; 
} 
.home-header .views-field-field-header-home-texte h2 { 
	margin-bottom:0px; 
} 
.home-header .views-field-field-header-home-texte p{ 
	margin:0px; 
} 
/** NEWSLETTER MAILCHIMP **/

.indicates-required, .mc-field-group label, .brandingLogo { 
display:none; 
} 
.mc-wrapper { 
display:flex; 
 justify-content:center; 
 align-items:center; 
 flex-wrap:wrap; 
} 
#mc_embed_signup_scroll { 
 display:flex; 
 } 
.mc-wrapper input[type=email] { 
 padding:10px; 
 border:0; 
 border-bottom:1px solid #CCC; 
 margin:0px 10px; 
 width:90%; 
} 
.mc-wrapper input { 
font-size:18px; 
} 
/**  BLOG  **/

.vue-blog .view-content { 
	display:flex; 
	flex-wrap:wrap; 
} 
.vue-blog .view-content .views-row { 
	width:33%; 
	padding:20px 20px; 
	flex: 0 1 auto; 
	transform:scale(1); 
	transition:all 0.2s ease; 
} 
.vue-blog .view-content .views-row:hover { 
	transform:scale(1.05); 
} 
.vue-blog .view-content .views-row h3 { 
	margin:10px 0px; 
} 
.vue-blog .view-content .views-row .views-field-field-image { 
	border-radius:20px 20px 0px 0px!important; 
	overflow:hidden; 
	position:relative; 
} 
.vue-blog .view-content .views-row .views-field-field-image img { 
	border-radius:0px!important; 
	display:block; 
} 
.vue-blog .view-content .views-row .views-field-field-image .liens { 
	position:absolute; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%; 
	display:flex; 
	opacity:0; 
	transition:all 0.2s ease; 
} 
.vue-blog .view-content .views-row .views-field-field-image:hover .liens { 
	opacity:1; 
} 
.vue-blog .view-content .views-row .views-field-field-image .liens a { 
	background:white; 
	position:relative; 
	display:block; 
	flex:1; 
	opacity:0.5; 
	transition:all 0.2s ease; 
} 
.vue-blog .view-content .views-row .views-field-field-image .liens a:hover  { 
	opacity:0.8; 
} 
.vue-blog .view-content .views-row .views-field-field-image .liens a div { 
	position:absolute; 
	top:50%; 
	left:50%; 
	transform:translate(-50%, -50%); 
	width:80px; 
	height:80px; 
	background:#031b49; 
	border-radius:50%; 
} 
.vue-blog .view-content .views-row .views-field-field-image .liens a div span { 
	position:absolute; 
	top:0px; 
left:0px; 
width:100%; 
height:100%; 
	background:white; 
} 
.vue-blog .view-content .views-row .views-field-field-image .liens a.lien span { 
	 -webkit-mask: url(../images/arrow-left.svg) no-repeat center/40% auto; 
	mask: url(../images/arrow-left.svg) no-repeat center/40% auto; 
} 
.vue-blog .view-content .views-row .views-field-field-image .liens a.fichier span { 
	 -webkit-mask: url(../images/download.svg) no-repeat center/50% auto; 
	mask: url(../images/download.svg) no-repeat center/50% auto; 
} 
.vue-blog .view-content .views-row .views-field-field-date,.page-node-type-article .field--name-field-date { 
	//text-transform:lowercase; 
	font-style: italic; 
	margin:10px 0px; 
	} 
.vue-blog .view-content .views-row .views-field-view-node { 
	//text-align:right; 
} 
.vue-blog .view-footer { 
	margin:10px 0px; 
} 


/*****   LISTE SIMPLE *********/

.liste-simple .vue-blog .view-content {
	display:block;
}

.liste-simple .vue-blog .view-content .views-row {
	display:flex;
	align-items:flex-start;
	gap:20px;
	width: 100%;
	overflow:auto;
}

.liste-simple  .vue-blog .view-content .views-row .views-field-field-image {
	flex:0 200px;
	border-radius:20px!important; 
}

.liste-simple  .vue-blog .view-content .views-row .views-field-fieldset {
	flex:1
}


























/*  NODE BLOG  */

.page-node-type-article .field--name-field-image { 
	float:right; 
	margin-left:30px; 
} 
.page-node-type-article .field--name-field-date { 
	font-weight:bold; 
} 
/*  FRISE  */


.vue-frise .view-content { 
	width:65%; 
} 
.vue-frise .views-row { 
	padding-left:30px; 
} 
.vue-frise .inner { 
position:relative; 
border-left:1px solid #CCC; 
padding:20px 20px 20px 40px; 
display:flex; 
} 
.vue-frise .inner .date { 
display:inline-block; 
color:white; 
padding:10px 20px; 
border-radius:30px; 
} 
.vue-frise .c-tresimportant.inner  { 
	border-radius:20px; 
	border:0px; 
 } 
.vue-frise .inner.b-important .date { 
font-weight:bold; 
} 
.vue-frise .inner.c-tresimportant .date { 
font-weight:bold; 
} 
.vue-frise .inner .thematique { 
display:inline-block; 
padding:10px 20px; 
font-style:italic; 
} 
.vue-frise .inner .corps { 
font-size:24px; 
} 
.vue-frise .inner.b-important .corps { 
font-size:27px; 
font-weight:bold; 
} 
.vue-frise .inner.c-tresimportant .corps { 
font-size:30px; 
font-weight:bold; 
color:white; 
} 
.vue-frise .inner .image img { 
	border-radius:20px; 
} 
.vue-frise .inner .boule { 
	position:absolute; 
	top:43px; 
	left:0px; 
	transform:translate(-50%, -50%); 
	width:32px; 
	height:32px; 
	border-radius:50%; 
	background:white; 
	border-style:solid; 
	border-width:6px; 
} 
.vue-frise .inner.b-important .boule { 
	width:40px; 
	height:40px; 
	border-width:8px; 
} 
.vue-frise .inner.c-tresimportant .boule { 
	width:50px; 
	height:50px; 
	border-width:10px; 
} 
.vue-frise .view-filters { 
	float:right; 
	margin-left:20px; 
	width:33%; 
	background:#EEE; 
	margin-top:0px; 
	transition:all 0.3s ease; 
	border-radius:30px; 
} 
.vue-frise .view-filters ul { 
	padding-left:0px; 
	list-style-type:none; 
} 
.vue-frise .view-filters ul li a { 
	font-size:20px; 
	text-transform:uppercase; 
	font-weight:bold; 
	display:block; 
	padding:10px 20px; 
	padding-left:40px; 
	text-decoration:none; 
} 
.vue-frise .view-filters ul li a.bef-link--selected { 
	padding:20px 15px; 
	font-size:26px; 
} 
.vue-frise .view-filters ul li a.bef-link--selected::before { 
	content:'<'; 
	margin-right:8px; 
} 
.vue-frise .view-content a.lien-frise { 
display:block; 
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%; 
font-size:0px; 
} 
/* VUE FRISE HOME*/

.vue-frise.home .view-content { 
width:100%; 
	position:relative; 
zoom:0.5; 
} 
.vue-frise.home .view-content:before, .vue-frise.home .view-content:after { 
	content:''; 
	width:100%; 
	height:100px; 
	position:absolute; 
	left:0px; 
	z-index:2; 
} 
.vue-frise.home .view-content:before { 
	top:0px; 
	background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)); 
} 
.vue-frise.home .view-content:after { 
	bottom:0px; 
	background:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); 
} 
/** ENGAGEMENT **/

.page-node-type-engagement .flex-content { 
	max-width:1200px; 
	margin:auto; 
	display:flex; 
	align-items: flex-start} 
.page-node-type-engagement .flex-content .left-content { 
	flex:3; 
	padding:0px 40px 20px 20px; 
} 
.page-node-type-engagement .flex-content .right-content { 
	flex:1 ; 
	padding:20px 30px; 
	//border:2px solid #031b49; 
	background:#EEE; 
	border-radius:30px; 
	margin-top:0px; 
	transition:all 0.3s ease; 
	} 
.page-node-type-engagement .field--name-field-image { 
	float:right; 
	max-width:45%; 
	margin-left:20px; 
	margin-bottom:10px; 
	} 
.page-node-type-engagement .field--name-field-image img { 
	border-radius:20px; 
} 
.vue-engagement-node .info-svg { 
	text-align:center; 
} 
.vue-engagement-node .info-svg svg { 
	fill:#031b49; 
	width:60px; 
	height:auto; 
} 
.vue-engagement-node .views-row > div { 
	margin:10px 0px; 
} 
.vue-engagement-node .valeur { 
	font-weight:bold; 
	color:#031b49; 
} 
.pourcentage { 
		overflow:hidden; 
	padding:0px!important; 
	max-width:400px; 
} 
.pourcentage .inner { 
	width:100%; 
	//border:2px solid #031b49; 
	border-radius:30px; 
	padding:10px 20px; 
	color:white; 
	font-weight:bold; 
} 
.pourcentage.cent .inner { 
	background:#73c06b!important; 
} 
.page-node-type-engagement .field--name-field-etapes > div { 
	margin:20px 0px} 
.page-node-type-engagement .field--name-field-etapes > div .paragraph { 
	padding:0px 20px; 
	border-left: 4px solid #031b49} 
.page-node-type-engagement .field--name-field-etapes > div .paragraph .field--name-field-date-afichee { 
	font-weight:bold; 
} 
.sources ul { 
	list-style:none; 
	padding-left:0px; 
} 
.file a { 
	text-decoration:none; 
	display:block; 
	padding:5px 10px; 
} 
.file a svg { 
	width:20px; 
 	height:auto; 
 	fill:#031b49; 
	margin-right:10px; 
	margin-bottom:-2px; 
} 
/** OBSERVATOIRE **/

.vue-observatoire { 
	padding:20px; 
	display:flex; 
	align-items: flex-start; 
	flex-direction: row-reverse; 
	} 
.vue-observatoire .view-content { 
	flex:2; 
	padding-right:30px; 
} 
.vue-observatoire .view-filters { 
	flex:1; 
	transition:all 0.3s ease; 
} 
.vue-observatoire .view-filters form { 
	background:#EEE; 
	padding:30px; 
	border-radius:30px; 
} 
.vue-observatoire .view-filters form > div { 
	margin:20px 0px; 
} 
.vue-observatoire .view-filters form input[type=text],.vue-observatoire .view-filters form select { 
	border:0px; 
	outline:none; 
	padding:8px 20px; 
	border-radius:20px; 
	width:100%; 
	appearance:none; 
	background:white; 
} 
.vue-observatoire .view-filters form select { 
	background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); 
	background-repeat:no-repeat; 
	background-position: center right 10px; 
	background-size:20px auto; 
} 
.vue-observatoire .view-filters .filter-title { 
	text-transform:uppercase; 
	font-weight:bold; 
	text-align:center; 
} 
.vue-observatoire .views-row { 
	padding:30px 0px; 
} 
.vue-observatoire .views-row .row-inner { 
	position:relative; 
	border-left:4px solid #031b49; 
	padding-left:20px; 
	transform:scale(1); 
	transition:all 0.2s ease; 
} 
.vue-observatoire .views-row .row-inner:hover { 
	transform:scale(1.05); 
} 
.vue-observatoire .views-row h2 { 
	font-size:1.3em; 
} 
.vue-observatoire .views-field-field-image { 
	float:right; 
	margin-left:20px; 
	margin-bottom:5px; 
} 
.vue-observatoire .views-field-field-image img { 
	border-radius:20px; 
} 
.vue-observatoire .pourcentage { 
	margin-bottom:20px; 
} 
.vue-observatoire .views-field-field-date-de-realisation { 
	font-weight:bold; 
	text-transform:capitalize; 
	margin-bottom:20px; 
} 
.vue-observatoire .views-field-view-node a { 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	font-size:0px; 
} 
/*******   FORMULAIRES    *******/

.field--name-field-formulaire input[type=text],
.field--name-field-formulaire input[type=email],
.field--name-field-formulaire textarea { 
	background:white; 
	border-radius:20px; 
	border:0px; 
	width:100%; 
	padding:10px 20px; 
} 
.field--name-field-formulaire form { 
	background:#EEE; 
	padding: 30px; 
	border-radius:30px; 
} 
.field--name-field-formulaire form > * { 
	margin:10px 0px; 
} 
#edit-newsletter--wrapper .fieldset-wrapper > div,#edit-etre-recontacte--wrapper .fieldset-wrapper > div,#edit-engagement--wrapper .fieldset-wrapper > div { 
	display:flex; 
	} 
#edit-newsletter--wrapper .fieldset-wrapper > div > div,
#edit-etre-recontacte--wrapper .fieldset-wrapper > div > div,
#edit-engagement--wrapper .fieldset-wrapper > div > div { 
	margin-right:20px; 
} 
.form-actions  { 
text-align:center; 
} 
/** COOKIES **/

.eu-cookie-compliance-banner { 
	background:rgba(11,11,11,0.8); 
	color:white; 
} 
.eu-cookie-compliance-banner h2 { 
	Color:white; 
	font-size:20px; 
	margin:10px 0px; 
} 
#sliding-popup { 
width:100%} 
#popup-buttons { 
	padding-top:40px; 
} 
#popup-buttons button { 
	background:white; 
	padding:10px 20px; 
	color:#111; 
	} 
.eu-cookie-compliance-banner .find-more-button { 
display:none; 
} 
/* Recherche */

.vue-recherche .view-filters .views-exposed-form { 
	text-align:center; 
	display:flex; 
	column-gap: 10px; 
	justify-content:center; 
} 
.vue-recherche .view-header { 
text-align:center; 
font-weight:bold; 
margin:20px; 
} 
.vue-recherche .view-content { 
	min-height:350px; 
padding:20px; 
} 
.vue-recherche .view-content .views-row{ 
	overflow:auto; 
margin-bottom:20px; 
} 
.vue-recherche .view-content .views-field-type { 
	font-style:italic; 
	font-size:16px; 
} 
.form-item-search-api-fulltext input,
.form-item-search-api-fulltext input:focus, 
.form-item-search-api-fulltext input:focus-visible { 
	padding:10px 0px; 
	border:0px; 
	outline:none; 
	border-bottom:2px solid #333; 
	font-size:18px; 
} 
.vue-recherche .view-content .views-row h3 { 
margin-top:0px; 
} 
.vue-recherche .views-field-field-image { 
	float:right; 
} 
.vue-recherche .views-field-field-image img { 
	height:120px; 
	width:auto; 
} 
.pager__items { 
	list-style: none; 
	display:flex; 
	gap : 20px; 
	justify-content:center; 
} 
.pager__items a { 
	diplay:block; 
} 
 .pager__items .is-active { 
	background:black; 
	color:white; 
	font-weight:bold; 
} 
.pager__items .is-active  a { 
	padding:10px; 
	color:white; 
} 

.field--name-field-media-oembed-video {
	width:100%;
	max-width:600px;
	margin:auto;
}

.field--name-field-media-oembed-video iframe {
	width:100%;
	height:320px;
}
