:root {
	--dark-background: black;
	--dark-text: white;
	--default-backgorund:white;
	--default-text-color: #656565;
	
 	--theme-color:  #2a2428;
    --theme-color-light: #5ab325; 
	
	--max-width : 1600px;
	--swiper-pagination-color:#98ef60;
	--swiper-theme-color:#98ef60;	
	--background-fonce : #2a2428;
	
	--box_outline : #e3027e;
	

	
 	--main_color_light : #ef7468;
	--main_color : #e3027e;
	--complementary_color :#f6a801;
		
	--gray_light : rgba(217,217,217,1.00);
	--gray_dark : #656565;	

	--border-size : calc(0.08cqw);
	
	--spacer100 : 200px;
}


html, body { font-size:  calc(1cqw); 

}

.dark { color: white; 
background-color: black;
}

.dark.grid {
	padding: 2em;
}

.datepicker td.day.disabled {
  opacity: 0.4;
}

.datepicker td.date-possible {
  background-color: hsla(120,100%,17%,1.00);
  color: white;
}

p { margin: 0em 0em 1em 0;}
strong { font-weight: 900; }


s
.swiper-pagination-bullet { 
	background : none;
	opacity: 1;
	border: 1px solid var(--swiper-theme-color); 
}
.swiper-pagination-bullet-active {
	
	background: var(--swiper-theme-color); 

}

body { 
	min-width: 960px; 
	background-color: #FFFFFF;
}


.mfp-content {
	max-width: unset;
	min-width:unset;
	width:100%!important;
}

.mfp-content #blankContainer { text-align: center; }

.editable ul li { list-style: disc;
margin-left: 1em;
}


.ui-datepicker{
	z-index:9999!important;
}



.back-couleur {
    display: block;
    position: relative;
    color: var(--gray_dark);
    /*background-color: var(--gray_light);*/
    background: linear-gradient(90deg, var(--gray_light) 0%,  #ffffff 67%);
}

.back-blanc {
	background-color: white;
}

.back-couleur .imageBox {
	opacity: 25%;
}


.back-couleur2 {
    display: block;
    position: relative;
    color: black;
    background-color: var(--complementary_color);

}

.image-static .imageBox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    overflow: hidden;
    z-index: -1;
}


.button:disabled {
	opacity: 0.6;
}

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

p + p { margin-bottom: 1em;}

main a:link, main a:visited {color:black;  	text-decoration: none;  }
/*main a:hover { border-bottom : 1px red;}*/
footer a:link, footer a:visited {color:var(--main_color);}
footer a:hover { text-decoration-line: underline; }
#content a:link, #content a:visited, #content a:hover { 
	color: var(--main_color); 
	text-decoration: none; 

}

.pad10 {
	padding: 1em; box-sizing: border-box; }

.pad20 {
	padding: 2em; box-sizing: border-box; }


.logo_bnsc {   
	width: 5vw;
	min-width: 100px;
    top: 1.5vw;
    position: fixed;
    right: 4vw;
    z-index: 2;
/*    mix-blend-mode: difference;*/
    opacity: 0.85;
}
.mfp-container a:link, .mfp-container a:visited, 
.datepicker a:link, .datepicker a:visited {
	color: var(--theme-color); 
}

.redactor-modal-action-btn {
	background-color: var(--theme-color); 
	border: 0px;

}
.message-box-wrapper{
	z-index:8000;
}


em { font-style: italic; }
.editMode, .recoveryMode [data-aos^=fade][data-aos^=fade]{ opacity: 1!important;}

body {

	min-height: 100vh;
	overflow-x: scroll;
}



/* abonnement infolettre mailchimp*/

.infolettre_widget #mc_embed_signup_scroll { 
	display: flex; 
	justify-content: center;
}
.infolettre_widget #mc_embed_signup_scroll input {
	background: none; 
	padding: 0 10px;
	margin: 0 0.5em;
	line-height: 2em;
	border: 1px solid var(--gray_dark);
	border-radius: 5px;
}
.infolettre_widget h3 { color : var(--main_color);  }
.infolettre_widget .button { 
	background: var(--main_color_light); 
	margin-top:1em;
	border: none;
	border-radius: 5px;
}
.infolettre_widget .social_link {
	margin-top: 2em;
	font-size: 2em;
	color: var(--gray_light);
}
.infolettre_widget .social_link a {
	margin: 0 0.6em;
}


/*Partie avant vient avec le CMS*/




main, #main-menu {color: var(--default-text-color); }

/*hack cms*/
#progress, #redactor-progress { 
	left:75px;
	bottom:0px;
	height: 100vh;
}
#progress .bar, #redactor-progress span {
	background: var(--main_color);
}
#progress .label {
	top:70%;
	 background-color:var(--main_color)
}


/*TYPOGRAPHIE*/
body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1.5em;
    
}

p,.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_cinquieme {
	line-height: 1.8em;
}


h1, h2,  h3,  h4 {
	 font-family: "Lato", sans-serif;
	font-weight: 400;
	margin: 0.5em 0 0.5em 0;
	line-height: 1.3em;
	position: relative;
}
h1,h2 { font-weight: 300; }
h1, h2 { color : var(--main_color); }





h1 { font-size: 4em; margin:0.5em 0 0.25em 0; }
h2 { font-size: 3em; }
h3 { font-size: 1.74em;}
h4 { font-size: 1em; font-weight: 700;}

h1+.sousPageLinkDate {
	    text-transform: uppercase;
    font-size: 1.5em;
    font-family: 'Roboto Slab', serif;
    color: var(--default-text-color);
	font-weight: 100;
}

.prog_next, .prog_prev {
	font-size: 1.4em;
	font-weight: 100;
}
figcaption, .captation {
	font-size: 0.8em; 
	line-height: 1.3em; 
/*	font-style: italic; */
	padding: 1em; 
	outline: none; 
	opacity: 0.85;
} 

footer { 
	color:white;
	background: #2c2c2c;
	background-size: 10%;
	background-attachment: fixed;
	font-size: 0.8em;
	line-height: 1.4em;
	padding-top: 1.5em;
	margin-top: 1.5em;
}


/* Footer des modal popup */
#btnfooter { border: none; }
.mfp-content h1 { font-size: 2em;}

figure { margin: 0px; }



.padding5 { padding-top : 7%; padding-bottom: 7%; }

.scroll-down{

	display:block;
	width:50px;
	height:60px;
	margin-top:auto;
	background-image:url('/images/ScrollDown White.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:1;
	text-decoration:none;
	animation:scroll_move 2s ease-out infinite;
	margin-bottom: 15vw;
	margin-top: 0px;
}


.editMode .sousPageLinkIcone { background-color: paleturquoise; min-height: 200px;}



.spacing100 { margin-top: var(--spacer100); }
.spacing100-bottom { margin-bottom: var(--spacer100);}



/*//Slider GRID*/
.widget_10 figure { 
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	
}

.widget_10 .editable figure { 
	margin: -10%;
}
.widvet_10  span.FullScreen { font-size: 22px; }
.widget_10 .content-slider>.swiper-wrapper>.swiper-slide { min-height:inherit; }
.widget_10 .editable { min-height: 30vw; padding: 10%; box-sizing: border-box;}
.widget_10 figure img {
	
    width: 100%;
    height: 100%;
    position: absolute;
/*    clip-path: circle(50%);*/
    object-fit: cover;
	object-position: 25% 50%;
	object-position-x:30%;
	object-position-y:6%;

}

.widget_10 figure:hover figcaption {
	transform: translateY(0%)
}

.widget_10 figure figcaption {
	position: absolute;
	bottom: 0px;
	padding: 2em;
	padding-top: 5em;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0) 100%);
	transform: translateY(120%);
	transition: transform .3s ease-in;
	font-size: 0.8em;
}


div.cloneable.fade {
	opacity: 0.5!important;
	transform:translateX(-100%)!important;

}

#lieuxethoraire a:link, #lieuxethoraire a:visited {
	color:peachpuff;
}


figure:hover .boutoncontainer,
.swiper-slide:hover .boutoncontainer,
.image-static:hover .boutoncontainer,
.sousPageLinkIcone:hover  .boutoncontainer,
figure:hover .ajustCropBt,
.sousPageLinkIcone:hover  .ajustCropBt,
.image-slider:hover .swiper-slide .ajustCropBt  {
	transform: translate(0px, 0px);
}
.image-static,
.swiper-slide,
figure,
.sousPageLinkIcone,
.image-slider {
/*	overflow: hidden;*/
}

.image-slider .swiper-pagination-bullet:only-child {
    visibility: hidden;
}

.sousPageLinkIcone { padding-bottom: 50%; }
.sousPageLinkIcone figure { 
	    width: 100%;
    height: 100%;
/*    position: absolute;*/
    overflow: hidden;
/*    margin: -10%;*/
}
.sousPageLinkIcone figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.widget_10.sliderFullScreen {
	
	
    position: fixed!important;
    /* padding: 10%; */
    display: flex!important;
    align-items: center;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    z-index: 200;
    background-color: red;
	
}


.widget_10.sliderFullScreen .swiper-slide { width: 100%!important; min-height: 80vh;  }
.widget_10.sliderFullScreen figure > img { object-fit:contain;  }

.widget_10 .grid-slider{

	height:30vw;

	padding-bottom:40px;

}

.grid-slider .swiper-wrapper,.album-grid .swiper-wrapper{

	flex-direction:column;

	flex-wrap:wrap;

	justify-content:space-between;

}



.datepicker {
	font-size: 13px!important; 
	line-height: 15px!important;
	padding: 10px!important;}


.editMode .background>.fa{

	z-index:2;

}



.grid-slider.content-slider>.swiper-wrapper>.swiper-slide{
/*

	height:calc(50% - 15px);
*/

    box-sizing: border-box;
    
	min-height:unset;

}
/*FIN*/

.widget_map { 
	background: rgb(230,230,230);
background: linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(249,249,249,1) 67%);
	border-top:12px solid white;
	
}
.widget_map .grid {

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

}
.widget_map .map_container {
		clip-path: url('#frame4');
	position: relative;
	overflow: hidden; 
	height: 100%;
	aspect-ratio:1;
	
}
.widget_map .map_container .expend {
	position: absolute;
    top: 10%;
    right: 10%;
    font-size: 24pt;
    z-index: 2;
	cursor: pointer;
	transition: all linear .5s;
}
.widget_map .map_container.full .expend {
	top:5%;
	right:5vw;
	content: "\f057";
}

.widget_map .map_container.full .expend:before {
	content: "\f057";
}
.widget_map .map_container.full {
	position: fixed!important;
	top:0px;
	left:0px;
	width: 100vw;
	height: 100vh;
	clip-path: none;
	z-index: 22222;
	aspect-ratio:unset;
}


.widget_map h3 {
	color: var(--jaune_clair);
}
.widget_map .grid_3 { 
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;	
}


.content { min-height: 65vh;}

.BlocSousPage .blocinfo {
	color :  var(--gray_dark);
}
.BlocSousPage .sousPageLinkDate {
	text-transform: uppercase;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}
.BlocSousPage .sousPageLinkTitre {
    font-size: 1.70em; /* était 1 1.25 */
	color :  inherit;
	font-weight: 300;
	line-height: 1.2em;
/*	text-transform: capitalize;*/
}

.BlocSousPage .sousPageLinkDescription {
/*	color : white;*/
	margin-bottom: 1em;
}



.BlocSousPage {
	background-color: #eaeaea;
/*	color:  var(--gray_dark);*/
/*	border-radius: 20px;*/
	min-height: 200px;
/*	aspect-ratio:1;*/
	border-radius: 1em;
}
/*#sortable>li:hover { background-image: radial-gradient(circle, var(--theme-color) 0%, var(--theme-color) 100%); }*/

#sortable {
/*	min-width: 100%;*/
	margin: 0px auto;
}
#sortable > li {
/*	width: 16.6vw;*/
	min-width: 240px;
}
#sortable .add {
    background: none;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sortable .add .add_btn {
    color: white;
    text-decoration: none;
    background-color: var(--main_color);
    border-radius: 50%;
    padding: 0.5em;
    display: inline;
    position: relative;
    width: 1em;
    height: 1em;
	text-align: center;
}
	.content a:link, .content a:visited, .description a:link, .description a:visited, .sousPageLinkDescription a:link {
	
	transition: background-image 0.5s linear;
/*	transition:  background-image 4s ease-in-out;*/
    background-size: 100% 40%;
    background-position-y: bottom;
/*	background-image: radial-gradient(circle, var(--theme-color) 0%, var(--theme-color) 100%);*/
/*	background-repeat : no-repeat;*/
}

.BlocSousPage  .sousPageLinkIcone{ 
	position: relative;
/*	padding-bottom: 65%; */
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
}

.BlocSousPage .blocinfo {
	
	padding: 20px;

}

#sliderAccueil .BlocSousPage .blocinfo {
	
	padding: 4vw;

}

.mfp-bg, #redactor-modal-overlay, .redactor-modal-box {
/*	background: linear-gradient(90deg, #ef9a39a8, #da6144c7);*/
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter : blur(18px);
	background: #00122770; /*	hsla(0,0%,100%,0.5);*/
	
}

.mfp-close-btn-in .mfp-close, #redactor-modal-close {
	color:white;
}

.mfp-content .grid {
	background-color: white;
/*	background: linear-gradient(90deg, #ef9a39a8, #da6144c7);*/
	padding: 20px;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.content a:hover, .description a:hover, .sousPageLinkDescription a:hover {
    background-size: 100% 100%;
}


img  { max-width: 100%; 
/*Intégré pour faciler la conversion de l'ancien contenu sans FIGURE */
}

.content figure img,
.widget figure img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.redactor-in {
	background: rgb(108 108 108 / 26%);
}


/*.mfp-content { color:darkgray;}*/
#new_sp .redactor-in { padding: 10px;}

#new_sp h2 { -webkit-text-fill-color:none!important;  }
#new_sp input { background-color: rgba(0, 0, 0, 0.15);
padding: 10px;
border: none;
	outline: none;
}



main { 
	min-height: 100vh;
	padding-left: 75px;
	min-width: 960px;
	overflow-x: hidden;

}

header { z-index: 1000; }

header .menu_bar {
	    position: fixed;
    width: 75px;
    height: 100vh;
    background-color: #FFFFFF;
	top:0px;
	z-index: 1000;
/*
	background-image: url("/images/logo_gap_noir.png");
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
*/
	box-shadow: 0 0 20px #00000017;
}
header .menu_bar .logo {
	    width: 70%;
    position: absolute;
    bottom: 25px;
    left: 15%;
}

.hamburger {
	padding: 16px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {   
	background-color: #000000; 

}
.hamburger-inner:before {
	left: 10px;
}




header .menu2 {
	box-sizing: border-box;
	padding:75px 75px 35px 75px;
    position: fixed;
    width: 30vw;
    background-color: rgba(255,255,255,0.75);
    height: 100vh;
    left: 75px;
	z-index: 10;
	top:0px;
	display: flex; 
	font-size: 2.25em;
	transform: translateX(-100%);
	justify-content: space-evenly;
	flex-direction: column;
	transition: all ease-in-out 0.5s;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	line-height: 1.2em;
}

header .menu2 li { 
	flex: 30; 

    display: flex;
	flex-direction: column;
    align-items: flex-start;
	justify-content: center
}

header .menu2 .master_menu_niv1 a.titre {
	margin: 0.9em 0px 0.4em 0px;
	font-family: 'Roboto Slab', serif;
}


header .menu2 .master_menu_niv1 .small {
	display: block;
	font-size: 0.5em;
	line-height: 1.3em;
	margin: 0.25em 0px;
}

header .menu2 .master_menu_niv1 .small::before {
	height: 110%;
	width: calc(100% + 20px);
	z-index: -1;
	left: -10px;
	bottom: 0px;
}
header .menu2 li:last-child { 
	flex:10;
	border-top : 2px solid gray;

	font-size: 0.8em;
	justify-content: flex-end;
}
header .menu2 li:last-child a {
	margin-right: 0.5em;
}
header .menu2 a:link,
header .menu2 a:visited { 

	color: #343434; 
	text-decoration: none;
	position: relative;
}
header .menu2 a::before {
    content: "";
    width: 100%;
    height: 2px;
   	background: var(--main_color_light);
    position: absolute;
    bottom: -0.25em;
    left: 0px;
	transform: scaleX(0);
	transition: all ease .2s;
}

header .menu2 a:hover::before {

	width: 100%;
	 transform: scaleX(1);
}

header.menuMobileOpen .menu2{
	transform: translateX(0px);
} 




.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	height:3px;
	width:30px;
}
 
.hamburger--collapse .hamburger-inner {
    top : 28px; }


/* Volet ADMIN */
#toolbardev2 { 
    left: 20px;
 	background: none;
    width: 30px;
    opacity: 1;
/*    padding-left: 18px;
	*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* transform: translateX(-100%); */
    z-index: 1000;
    height: auto;
    top: 35%;
	height: fit-content;
/*	transform: translate(0, 50%);*/
  
/*	//-25vh;*/
}


.editMode #toolbardev2 { left:20px; }
.contenusnippet {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.contenusnippet.active {
	left:75px;
	box-shadow: 0 0 20px #00000017;
	padding: 0 0.5em;
}
.redactor-toolbar a.re-button {
	color:gray;
}
.toolbardcomm.fixed-toolbar {
	left:65px;
	bottom: 50%;
	margin-bottom: -3em;
}

.image-static{

	/* Retiré mais pas certain... */
/*	padding-bottom:40%;*/

	position:relative;

}

.editMode .sousPageLinkIcone { background-color: rgba(43,178,1,0.73);}

.editMode .image-slider { 
/*	aspect-ratio:1; */
	height: 100%;
	background-color: paleturquoise; 
}

.editMode [data-aos^=fade][data-aos^=fade]{ 
	opacity: 1!important;
    transform: translate3d(0px,0,0);
}


.menuMobileOpen .hamburger-box .hamburger-inner {
/*	transform: translate(10px, 0px);*/
}

.menuMobileOpen .hamburger-box .hamburger-inner:before {
		transform: translate(-10px, 0px);
}




/*STYLE CUSTOM POUR REDACTOR*/

.box-botton-styled { 
	padding: 1em; 
	border: var(--border-size) solid;
	display: inline-block;
	 border-radius: 9px;
}


.box-botton-styled:hover { 
	background-color: var(--theme-color);
	border-color: var(--theme-color-light);
/*	color:white;*/
	transition: all 0.3s ease;
}



	
	hr {
		  background: linear-gradient(90deg, var(--main_color_flash), var(--main_color));
  height: 2px;
		border: 0px;
	}
	.bouton, button.bouton { 
		display: inline-block;
		text-align: center;
		padding: 0.5em 1.5em;
		margin: 0.5em 0;
		position: relative;
		cursor: pointer;
		border-radius: 50px; 
		border:1px solid;
/*		border-color:  #ef9a39;*/
		background: transparent;
	}

.bouton:hover, button.bouton:hover {
	color : black;
	background: var(--vert_flash);
	border-color: var(--vert_flash);
}

	button.bouton:disabled { opacity: 0.5; }

	.bouton.size2, .bouton.size3 {
		font-size: 1.4em;
		line-height: 1.2em;
		font-family: 'Roboto Slab', serif;
		display: block;
		color:white;
		text-transform: uppercase;
	}

.bouton.size3 {
	font-size: 1em;
}
.bouton.size3 strong {
	font-size: 1.4em;
	font-weight: normal;
}

	

.logo_top { 
	width:120px;
	text-align: right;

}

footer .logo {
	vertical-align: top;
	width: 60%;
}


footer a:link, footer a:visited {
/*	color: var(--theme-color);*/
}

footer .sitemap, footer .cc { font-size: 13px;}
footer a:link, footer a:visited { text-decoration: none; 
color: white;
}
footer a:hover {
	text-decoration: none; 
color: var(--theme-color-light);;
}

footer a.bouton {
	color : var(--theme-color-light);
	border-color: var(--theme-color-light);
}

footer .fab { font-size: 1.5em; margin-right: 0.4em;}

ul.ui-sortable li { list-style: none;}

/* Cette approche est problématique si je veux rendre une liste UL LI sur 2 colonne avec des éléemnt editable a l'interieur
*/
.col_2  { column-count: 2; }
.col_3  { column-count: 3; }

.col_2  p, 
.col_3 p,
.col_2  li,
.col_3  li { break-inside: avoid; }

	
.toolbardcomm.float-toolbar {
	left: unset;
	right: -0.5em;
}
form.shake {
	 animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	
}


.widget {

}



body {
	background: linear-gradient(70deg, rgb(239 239 239) 0%, rgb(255 255 255) 70%);
	background-repeat: no-repeat;
}

.parallax {
	transition: all 0s linear;
}

.highlight_text h1,
.highlight_text h2,
.highlight_text h3,
.highlight_text .sousPageLinkDate {
	color: var(--default-text-color);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background-color: rgb(255 255 255);
    display: initial;
    padding: 0 0.5rem;
}

.highlight_text h1::after,
.highlight_text h2::after,
.highlight_text h3::after,
.highlight_text .sousPageLinkDate::after {
	content:'\a';
/*	white-space: pre;  Cette ligne semble causé des problème de caarré blanc solitaire*/
	
}

.highlight_text .sousPageLinkDescription {
	display: none;
}

.clas1 .BlocSousPage h2.sousPageLinkTitre {
    font-weight: 800;
	color: var(--default-text-color);
	line-height: 1.20em;
	text-transform: uppercase;

}
sup {
/*	color : hotpink;*/
		text-transform: lowercase!important;
}
.clas1 .BlocSousPage h2.sousPageLinkTitre sup {
	text-transform: lowercase!important;
}
.clas1 .sousPageLinkDate {
	text-transform: uppercase;
}

.event-slider .swiper-wrapper .sousPageLinkDescription { display: none; }

.event-slider.swiper-container-horizontal > .swiper-scrollbar {
	bottom: -50px;
}

.event-slider a {
	align-items: flex-end;
}



.full_height .event-slider a {
	align-items: flex-start;

	
}
.full_height .swiper-slide {
	width: calc(100vw - 75px);
}

.full_height .swiper-slide .grid_4 {
	width: 100%!important; 
	margin: 0px;
	font-size: 1.5rem;
}
.full_height {
	height: 90vh;
}
.full_height .image-slider {
	height: 100%;
	position: absolute;
	top:0px;
/*	opacity: 0.5;*/
}


.Roundedfigure figure { width: 100%; 
	overflow: hidden;
/*	   clip-path: circle(50%);*/
}
.Roundedfigure figure img {
	
    width: 100%;
    object-fit: cover;
	aspect-ratio : 1;
	border-radius: 50%;
	box-sizing: border-box;
}


/*.frame2 { aspect-ratio:1;}*/

.swiper-slider, .image-slider { height: 100%; }
.cover_slider {
	height: 100vh;
	margin-top: 0px;
}
.cover_slider .swiper-slide {
	width: calc((100vw - 75px) / 3);
}
.cover_slider .swiper-slide figure { height: 100%; }

.cover_slider::after, .cover_slider::before {
    content: "OUI, DIRE!";
    font-size: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
	bacground-color:red;
    background-image: url('/images/ouidire.svg');
    background-size: 57% 80%;
    top: 0px;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: darken;
}
.cover_slider::before {
	 mix-blend-mode: normal;
	opacity: 0.4;
/*	top:10px;*/
}

.cover_slider h1 {
	position: absolute;
    top: 40px;
    left: 40px;
    width: calc((100vw - 75px ) / 3 - 40px);
    height: 150px;
    /* background-color: red; */
    z-index: 3;
    font-size: 1.1em;
    color: yellow;
    margin: 0;
	font-weight: 900;
}
.cover_slider h1 strong {
	font-size: 4.7em;
	line-height: 1em;
	display: block;
}

.cover_slider .date {
	color: yellow;
	font-weight: 900;
	font-size: 2em;
	
	position: absolute;
	bottom:40px;
	right: 5%;
	z-index: 5;
	font-size: 3.4em;
	line-height: 1em;	
}
.cover_slider .date .fas { 
	font-size: 0.7em; 
	transform: translateY(-5px);
}

.cover_slider2 {
	width: 100%;
	height: 100vh;
	margin-top: 0px;
}
.cover_slider2 .swiper-slide {
	width: calc((100vw - 75px));
}
.cover_slider2 .swiper-slide figure { height: 100%; }


.coinrond {
	border-radius: 9px;
} 

.outline {
	border: var(--border-size) solid var(--default-text-color);
}

.outline1 {

    border: var(--border-size) solid var(--default-text-color);
    padding: 0.25em 1em;
    border-radius: 9px;
    text-transform: uppercase;
    font-size: 0.8em;
}
.bloc_contenu1 {
	background-color: white;
    border-radius: 1em;
    padding: 2em;
}

.vert {
	color : var(--main_color );
}


h1 span.pub {
	color: var(--default-text-color);
	font-size: 1rem;
	font-weight: 300;
}
.titre_site {
	font-size: 2em;
	line-height: 0.95em;
	margin-bottom: 0px;
}

h1.titre_site {
	font-size: 4em;
}
.titre_site strong {
	color: var(--default-text-color);
	font-size: 0.45em;
	font-weight: 300;
}

.full_height  .BlocSousPage {
	height: 100vh;
}

.infolettre_widget #mc_embed_signup_scroll {
	flex-direction: column;
}
.infolettre_widget .mc-field-group {
	margin-bottom: 1em;
}
.square .BlocSousPage {
	aspect-ratio:1;
	
}
.square .BlocSousPage figure::after {
	 transition: all ease-in .25s;
	box-sizing: border-box;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left: 0px;


}
.square .BlocSousPage:hover figure::after {
	 -webkit-box-shadow:inset 0px 0px 0px 10px var(--box_outline);
    -moz-box-shadow:inset 0px 0px 0px 10px var(--box_outline);
    box-shadow:inset 0px 0px 0px 10px var(--box_outline);
/*	border: 10px solid red;*/
} 

.square .BlocSousPage:hover{
/*	box-shadow:inset 0px 0px 0px 10px #f00;*/
}
.programmation .square .BlocSousPage a {
	align-items: flex-end;
}

/*
.widget_sliderDP .container12, 
.widget_sliderDP .container12large{ overflow: clip; }
*/
.widget_sliderDP.full_height {
	color:red;
}

/*.horaire div p { line-height: 1em;}*/
.horaire div p { 
	width: 70%; 
	display: inline-block;
}
.horaire div p:last-child { margin-left: 9%; width: 20%;}

.horaire2 div.cloneable span.editable {
	width: 49%; 
	display: inline-block;	
}

.widget.mediation h2 {
/*	color: var(--default-text-color);*/
}
h2.ligne_top {
	display: inline-block;
}
h2.ligne_top::before {
	content:"";
/*	height: calc(0.1cqw);*/
	height: var(--border-size); /*0.05em;*/
	width: 50%;

	background: var(--default-text-color);
	position: absolute;
	left: -10%;
	top:-0.2em;
}




.clas1 .BlocSousPage a {
	display: flex;
	height: 100%;

}


.clas1 .sousPageLinkDate {
	position: relative;
    line-height: 2.75em;
}

.clas1 .sousPageLinkIcone {
	position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px;
	border-radius: 0px;
/*	left: 50px;*/
}



*:focus {
    outline: none;
}

.prog_next, .prog_prev {
	position: relative;
}
.prog_next:after, .prog_prev:after {
	top: 0%;
/*	margin-top: -12.5%;*/
	font-size: 1.5em;
	position: absolute;	
}
.prog_next:after {
	content: ">";

	right: -1.5em;

}
.prog_prev:after {
	content: "<";
	left : -1.5em;

}

.ligne_gauche {
	padding-left: 30px;	
	position: relative;
}
.ligne_gauche::before{
	content: "";
	width: 1px;
	height: 100%;
	background-color: var(--main_color);
	position: absolute;
	left: 0px;
	top:0px;
}

.back-couleur2  {
	color: white;
}

.image-slider.inline_layout {
/*	background-color: red;*/
	min-height: 25vw;
}
.image-slider.inline_layout .swiper-slide{
	width: auto;
/*	height: 20vw;*/
	margin-right: 30px;
}
.editMode .image-slider.inline_layout {
	aspect-ratio:unset;
}
.image-slider.inline_layout  figure {
	width: fit-content;
/*	position: absolute;*/
/*	height: 25vw;*/
}
.image-slider.inline_layout figure img{ 
	height: 45vh;
	width: auto;
}
.template_accueil h3 {
	
}
.template1 .cover_accueil {
	height: calc(17.5vw);
	min-height: calc(17.5vw);
	clip-path: url('#frame3');
}

.list_compact .BlocSousPage {
	min-height: 1em;
	background-color: transparent;
}
.list_compact .grid {
	margin: 0px;
}
.list_compact .BlocSousPage .blocinfo {
	padding: 0px;
}
.list_compact .BlocSousPage .sousPageLinkTitre {
	margin: 0px;
}
.list_compact #sortable .add {
	min-height:unset;
	padding-bottom: 0px;
}
.scaleUp_pic {
	z-index: 0;
}
.scaleUp_pic figure,
.scaleUp_pic swiper-slider {
	transform: scale( 1.25);
/*	transform : scale(calc(100% + 6vw / 100));*/
}



@keyframes scroll_move{

	0% {

		transform: translateY(0);

	}

	50% {

		transform: translateY(10px);

	}

}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}



@media screen and (max-width: 640px) {
	
.cover_slider .swiper-slide {
	width: 100vw;

}
	
.cover_slider::after, .cover_slider::before{
			background-size : 80% 80%;
}
	.cover_slider::before, .cover_slider::after {
		background-size: 90% 80%;
	}	
	html, body { font-size: 16px; 

}
	.col_2 { column-count: 1; }

.col_3 {
	column-count: 2;
}
	
	.cover_slider h1 { width: 50vw;}
	.logo_bnsc { display: none; }
	#toolbardev2 { display: none;}
	body, main {
		overflow-x: hidden; 
		padding-left:0px;
	}
	main {
		min-width: inherit;
	}
	.widget { 
		overflow-x: clip; 
		position: relative;
	}
	.full_height .swiper-slide {
		min-width: 100%;
	}
	
	.full_height .BlocSousPage{
		height: 100vw;
	}
	.full_height .swiper-slide .grid {
		margin: 0px!important;
	}
	
		
	.full_height .BlocSousPage .blocinfo {
/*		font-size: 2.2em;*/
	}
	
	#sortable > li {
		width: 97%;
	}
	header .menu_bar {
		height: 70px;
		right:0px;
	}
	header .menu2 {
		left: 0px;
		width: 100vw;
/*		height: 90vh;*/
		background-color: white;
		align-items:center;
				font-size: 23pt;
		padding: 42px;
	}

	:root{
		--spacer100 : 100px;
	}	
	
	
	.widget.intro_seo .container12.flex { flex-wrap: wrap-reverse; }
	.widget.intro_seo figure { width: 50vw;}
	
	header .menu2 li {
		justify-content:center;
		width: 100%;
	}
	
.map { 
	aspect-ratio:1/1.8;
}
	body.menuMobileOpen { overflow: hidden;}
	
	
	

	.widget_Z { margin-bottom: 40px; }
	.widget_Z .image-slider { perspective: 1px; }
	


	.widget_activite .grid { margin-top: 25%!important; }
	
	
	.mfp-content button.mfp-close, #redactor-modal-close {
		top:0.15em;
		right: 0.15em;
		font-size: 60px;
	}
	
	.widget_bandeau h1 {
		font-size: 1.25em;
	}
	.widget_bandeau h1 strong {
		font-size: 2em;
	}
	h1 { font-size: 3em;}
/*	h2 { font-size: 1.5em;}*/
	
	.pull_1 { padding-right: 0px;}
	.push_1 { padding-left: 0px;}
	
	.widget.mediation .group_8 .grid_4 {
		aspect-ratio:unset;
	}
	.container12, .mfp-content { min-width: 90%!important;}
	.widget_activite 	.container12 { min-width: 80%!important;}
	


}   







@media screen and (max-width: 320px) {
	.widget_bandeau h1 strong {
		font-size: 1.8em;
	}
	
	h2 { font-size: 1.5em;}
}


@media print {
    /* styles here */
	.orange { color: black; 
	background-color : none;
	background-image: none;
	-webkit-text-fill-color:unset;
	
	}
	.no-print { display: none; }
	header { display: none; }
	.container12 { margin-top:0px!important;}
}

