/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*
Theme Name: quistinic
Author: hlb edition
Template: twentyseventeen
*/

/*
Nettoyage CSS (juillet 2026) — aucun changement visuel/design, aucune
nouvelle syntaxe introduite :
- Suppression des filtres IE morts (filter: progid:...) et d'un bloc de
  code commenté inutile — sans effet sur aucun navigateur utilisé en 2026.
- Toutes les couleurs restent en hexadécimal brut, à l'identique de
  l'original (pas de variables CSS, pour éviter tout souci avec un
  plugin de minification/cache qui gérerait mal cette syntaxe).
*/

/***
bleu : #0086CB;
vert chloro : #D9E021;
vert moyen : #58AB25;
rouge: #E30044;
gris clair : #F2F2F2;
***/

/**GENERAL**/
/* Barre d'outils : recherche + filtres année */
.hlb-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
    position: sticky;
    top: 0;
    background: #fff;
    padding: 10px 0;
    z-index: 2;
}
.hlb-recherche {
    flex: 1;
    min-width: 200px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.hlb-filtres-annee {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.hlb-filtre-btn {
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    font-size: 0.85em;
}
.hlb-filtre-btn.is-active {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* Compteur de résultats */
.hlb-resultat-compteur {
    font-size: 0.85em;
    color: #777;
    margin: 0 0 8px;
}

/* Accordéon par année */
.hlb-annee-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 2px solid #ccc;
    padding: 8px 0;
    margin-top: 1.5em;
    font-size: 1.1em;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}
.hlb-annee-toggle::after {
    content: '▾';
    transition: transform 0.2s ease;
}
.hlb-annee-toggle[aria-expanded="false"]::after {
    transform: rotate(-90deg);
}
.hlb-annee-count {
    font-weight: 400;
    color: #777;
    font-size: 0.85em;
    margin-left: auto;
}

/* Grille de cartes PDF */
.hlb-grille-pdf {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    margin-top: 16px;
}
.hlb-carte-pdf {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.hlb-carte-pdf:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}
.hlb-carte-miniature {
    display: block;
    aspect-ratio: 3 / 4;
    background: #f5f5f5;
    overflow: hidden;
}
.hlb-carte-miniature img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.hlb-miniature-icone img {
    object-fit: contain;
    padding: 24px;
}
.hlb-carte-corps {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}
.hlb-carte-titre {
    font-weight: 600;
    font-size: 0.95em;
    margin: 0;
    line-height: 1.3;
}
.hlb-carte-meta {
    font-size: 0.8em;
    color: #777;
    margin: 0 0 8px;
}
.hlb-carte-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}
.hlb-btn-voir,
.hlb-btn-telecharger {
    flex: 1;
    text-align: center;
    padding: 6px 8px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.8em;
    white-space: nowrap;
}
.hlb-btn-voir {
    border: 1px solid #333;
    color: #333;
}
.hlb-btn-voir:hover {
    background: #333;
    color: #fff;
}
.hlb-btn-telecharger {
    background: #333;
    color: #fff;
    border: 1px solid #333;
}
.hlb-btn-telecharger:hover {
    opacity: 0.85;
}

/* Aucun résultat */
.hlb-aucun-resultat {
    text-align: center;
    color: #777;
    padding: 20px 0;
}
article a {
	color: #E30044;
	text-decoration: underline;
}
#vc_load-inline-editor {
	display: none;
}
.page-id-38 .entry-container, .page-id-42 .entry-container, .page-id-40 .entry-container {
	width: 100% !important;
}
.page-id-38 .single-featured-image-header, .page-id-42 .single-featured-image-header, .page-id-40 .single-featured-image-header{
	display: none !important;
}
#pf {
display: block;	
}
.page-template-template-rubrique #pf {
	display: inline!important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
	font-size: 100%!important;
}
body, button, input, select, textarea {
	color: #000;
}
#breadcrumbs span:first-child > a {
	color: transparent;
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/10/home-page.svg') no-repeat center right / 18px;
}
#zoom {
	display: none;
}
#min, #normal, #max {
	cursor: pointer;
}
#cookieconsent\:desc {
	font-size: .85em;
}
.page-one-column .panel-content .wrap, .navigation-top .wrap, .wrap, .single .wrap, .archive .wrap {
	max-width: 1720px;
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1720px;
}
article .entry-header ul, article .entry-content ul {
	list-style: none;
	margin-left: 15px;
}
article .entry-header li::before, article .entry-content li::before {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	border: 2px solid #E30044;
	margin-left: -15px;
	top: ;
	margin-top: 6px;
	border-radius: 50px;
}
.tirets {
	margin: 2em 0;
	border-bottom: 1px dashed black;
	width: 100%;
	height: 10px;
}
	/*fonts*/
	* {
		    font-family: 'Comfortaa', cursive;
	}	
	 h1.tribe-events-single-event-title{
		    font-family: 'Comfortaa', cursive!important;
	}
.section-title h2 , #more .section-title,
.error404 .page-title, .search .page-title, .tribe-events-single-event-title{
	font-size: 2em!important;
	color: #E30044!important;
	text-align: center;
	text-transform: uppercase;
	padding: .5em;
}
article h2, article h3 {
	color: #E30044;
}
.page(.page-id-19) article h2, .page(.page-id-19) article h3 {
	color: white !important;
}
body.page:not(.twentyseventeen-front-page) h1, .single h1, .page-template-template-rubrique h1 {
	font-size: 2em!important;
	color: #E30044!important;
	text-align: left;
	text-transform: uppercase;
	padding: .5em .5em .5em 0;
	font-weight: 800;
}
body.page:not(.twentyseventeen-front-page) .has-post-thumbnail h1, body.page:not(.page-template-template-rubrique) .has-post-thumbnail h1 {
	text-align: left;
}	
.page-template-template-rubrique h1.entry-title {
	text-align: center !important;
}
aside .section-title h2 {
	font-size: 1.35em !important;
}
	a {
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
li {
	font-size: 14px;
}
.size-icone_75 {
	min-height: 75px;
	min-width: 75px;
		-o-object-fit: cover;
		   object-fit: cover;
}
.size-icone_100 {
	min-height: 100px;
	min-width: 100px;
	-o-object-fit: cover;
	   object-fit: cover;
}
	/***/
/***/

/**HEADER**/

.home #wp-custom-header {
	display: none;
}

.metaslider .flexslider .flex-direction-nav li a.flex-prev {
	background: #E30044 url('https://www.quistinic.fr/wp-content/uploads/2021/07/left.svg') no-repeat left / 35px!important;
}
.metaslider .flexslider .flex-direction-nav li a.flex-next {
	background: #E30044 url('https://www.quistinic.fr/wp-content/uploads/2021/07/right.svg') no-repeat center / 35px!important;
}
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
	display: block;
}
.flex-direction-nav {
	position: relative;
	bottom: -250px;
}
.metaslider .flexslider .flex-direction-nav li a {
	width: 50px!important;
	height: 50px!important;
	background-color: #E30044 !important;
	background-image:none!important; 
	border-radius: 25px!important;
}
#breadcrumbs * {
	color: white;
	font-size: .85em;
}
#breadcrumbs {
	padding: 0 8em;
}
.tools .widget {
	padding-bottom: 0;
}
.tools .suivre {
	margin-left: 1.5em;
}
.page:not(.page-id-19) .custom-header {
	position: relative;
	margin: 0 !important;
}
.page-id-19 .custom-header-media::before {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(57%, rgba(255,255,255,1)));
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 57%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 57%);
	z-index: 1;
}
.page:not(.page-id-19) .custom-header-media::before, .single .custom-header-media::before, .archive .custom-header-media::before, .error404 .custom-header-media::before,
.search .custom-header-media::before {
	background: none;
	z-index:0;
}
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-width: 115px;
	max-height: 115px;
}
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
	bottom: inherit!important;
	position: relative!important;
}

.twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding {
	margin-bottom: 0;
	padding: 0;
}
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
	display: block;
	height: 500px;
}
.site-branding {
	background:#0086CB;
	padding: 0;
	margin-bottom: 0;
}
.tools {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: right;
	margin-top: 15px;
	height: 100px;
}
.tools-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
}
#zone-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	margin-right: 30px;
}
#zone-contact a {
	color: white;
	font-size: .75em;
	text-transform: uppercase;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
}
#zone-contact img {
	top: 0;
	position: relative;
	margin-right: 15px;
}
.tools #search-form-1 {
	border-radius: 15px;
	width: 230px;
	margin-left: 2em;
	padding: .5em;
}
.tools #nav_menu-2 {
	top: 10px;
	position: relative;
}
.tools #text-8 {
	margin-left: 2em;
}
.tools #text-8 .textwidget {
	position: relative;
	color: white;
	font-size: .85em;
}
.tools #text-8 .textwidget img {
	top: 10px;
	position: relative;
}
.tools button, input[type="button"], input[type="submit"] {
	background-color: transparent;
	color: #D9E021;
}
.tools button:hover, :not(.mejs-button) > button:focus, .tools input[type="button"]:hover, .tools input[type="button"]:focus, .tools input[type="submit"]:hover, .tools input[type="submit"]:focus {
	background: #767676;
	border-radius: 10px;
}
.tools ::-webkit-input-placeholder {
	color: #3333339c;
	font-family: 'Comfortaa', cursive;
	opacity: .85;
	font-size: .85em;
}
.tools ::-moz-placeholder {
	color: #3333339c;
	font-family: 'Comfortaa', cursive;
	opacity: .85;
	font-size: .85em;
}
.tools :-ms-input-placeholder {
	color: #3333339c;
	font-family: 'Comfortaa', cursive;
	opacity: .85;
	font-size: .85em;
}
.tools ::-ms-input-placeholder {
	color: #3333339c;
	font-family: 'Comfortaa', cursive;
	opacity: .85;
	font-size: .85em;
}
.tools ::placeholder {
	color: #3333339c;
	font-family: 'Comfortaa', cursive;
	opacity: .85;
	font-size: .85em;
}
/***/


/**NAV**/
button.search-submit {
	background-color: transparent;
}
button.search-submit:hover, button.search-submit:focus {
	background: #767676;
	border-radius: 15px;
	color: white;
}
#masthead .wrap {
	position: relative;
	max-width: 1480px;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 15px !important;
	font-weight: 400 !important;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background: none;
}
#mega-menu-item-288 .mega-sub-menu a::before {
	content: none !important;
	background: none !important;
	width: 165px !important;
	height: 93px !important;
	position: absolute !important;
	top: -18px !important;
	z-index: -1;
	left: 24px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
	background: none;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	background: #F2F2F2;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
	border-radius: 15px;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item:not(#mega-menu-item-288) > a.mega-menu-link:hover, 
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item:not(#mega-menu-item-288) > a.mega-menu-link:active, 
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item:not(#mega-menu-item-288) > a.mega-menu-link:focus,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	background: #E30044;
	color: white !important;
	font-weight: normal;
	text-decoration: none;
	border-radius: 15px;
}
#mega-menu-item-288 ul li a {
	color: black !important;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	border-radius: 15px;
}
#mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-288 > a.mega-menu-link:hover,
#mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-288 > a.mega-menu-link:active,
#mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-288 > a.mega-menu-link:focus  {
	background: none;
}

#mega-menu-wrap-top {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
}
#mega-menu-wrap-top ul {
	background: white !important;
	border-radius: 0 0 25px 25px !important;
	margin: auto !important;
	padding: 0 1em !important;
}
.home .site-navigation-fixed #mega-menu-top {
	-webkit-box-shadow: 0 0 8px #ccc !important;
	        box-shadow: 0 0 8px #ccc !important;
}

#mega-menu-wrap-top ul ul ul {
	border: none !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
.page:not(.page-id-19) .site-navigation-fixed.navigation-top, .single .site-navigation-fixed.navigation-top, 
.error404 .site-navigation-fixed.navigation-top,  .search .site-navigation-fixed.navigation-top, .archive .site-navigation-fixed.navigation-top {
	position: relative;
	top: 0;
}
#mega-menu-wrap-top {
	background: none;
}
#mega-menu-wrap-top #mega-menu-top .mega-menu-grid > a {
	color: black !important;
	text-align: center !important;
	text-transform: uppercase !important;
	line-height: 1.5em !important;
	padding: 1em !important;
	height: auto !important;
}
#mega-menu-item-288 a {
	color: white !important;
	text-align: center !important;
	text-transform: uppercase !important;
	line-height: 1.5em !important;
	padding: 1em !important;
	height: auto !important;
}
#mega-menu-wrap-header-menu {
	background: #D9E021;
	padding-top: 4em;
	border-radius: 0 15px 15px 0;
	padding-left: 2.5em;
	padding-right: 2.5em;
	z-index: 8;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {
	margin: 7px 7px 7px 0;
	display: inline-block;
	height: auto;
	vertical-align: middle;
	width: 15.66%;
}
#site-navigation .menu-item ul li a:hover {
	color: #0086CB !important;
}
.navigation-top {
	background: none;
	border-bottom: none;
	border-top: none;
	bottom: initial;
	/* font-size: 14px; */
	font-size: 0.875rem;
	left: 0;
	position: relative;
	right: 0;
	width: 100%;
	z-index: 2;
	top: 0;
}
.site-navigation-fixed.navigation-top {
	z-index: 2;
}

/**access direct**/
#breadcrumbs * {
	font-size: 10.5px !important;
}
.breadcrumb_last {
	font-weight: bold;
}
#one-click .one-click-title, #one-click-mobile .one-click-title,  #breadcrumbs, #nav_menu-2 .widget-title {
	/* background: #222; */
	background: rgb(88,171,37);
	background: -webkit-gradient(linear, left top, right top, from(rgba(88,171,37,1)),color-stop(75%, rgba(217,224,33,1)));
	background: -o-linear-gradient(left, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	background: linear-gradient(to right, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
}
.tools .widget-title.h5:hover {
	background: -webkit-gradient(linear, right top, left top, from(rgb(88, 171, 37)),color-stop(75%, rgb(217, 224, 33))) !important;
	background: -o-linear-gradient(right, rgb(88, 171, 37) 0%,rgb(217, 224, 33) 75%) !important;
	background: linear-gradient(to left, rgb(88, 171, 37) 0%,rgb(217, 224, 33) 75%) !important;
	-webkit-transition: background cubic-bezier(.68,-0.55,.27,1.55) 1s;
	-o-transition: background cubic-bezier(.68,-0.55,.27,1.55) 1s;
	transition: background cubic-bezier(.68,-0.55,.27,1.55) 1s;
}
#one-click-mobile .one-click-title, #nav_menu-2 .widget-title {
	padding: .5em 4em .5em 1em;
	border-radius: 15px;
}
.widget-title.h5::before {
	content: "";
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/05/porte.svg') no-repeat center / 35px;
	position: absolute;
	width: 35px;
	height: 35px;
	right: 11px;
	top: 3px;
}
#one-click .one-click-title {
	z-index: 9;
	font-size: 1.5em;
	width: 200px;
	padding: .5em 2em;
	line-height: 35px;
	text-transform: uppercase;
	text-align: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 15px 0 0 15px;
}
#one-click .one-click-title::after {
	content: "";
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/05/point-click.svg') no-repeat;
	position: absolute;
	width: 5px;
	height: 82px;
	margin-top: 0;
	margin-left: 180px;
}
#page #one-click #mega-menu-header-menu li a {
	color: black;
	text-transform: uppercase !important;
	font-size: 17px !important;
	font-weight: lighter !important;
	padding: 0 .85em !important;
}
#one-click #mega-menu-header-menu li:hover a {
	color:#E30044 !important;
}
#one-click {
	margin-top: -8em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
	position: relative;
}
#one-click .wrap::before {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(57%, rgba(255,255,255,1)));
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 57%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 57%);
}
#one-click #mega-menu-header-menu .mega-menu-item a::before {
	content: "";
	position: absolute !important;
	margin-top: -40px !important;
	width: 100% !important;
	height: 45px !important;
	display: block !important;
	left:0;
}
#menu-acces-direct .menu-item  a::before {
	content: "";
	position: relative !important;
	margin-top: -40px !important;
	width: 100% !important;
	height: 45px !important;
	display: block !important;
	left:0;
}
#mega-menu-item-291 a::before, #menu-item-291 a::before{
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/05/family.svg') no-repeat center center/ 45px !important;
}
#mega-menu-item-369 a::before, #menu-item-369 a::before {
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/05/004-id-card.svg') no-repeat center center/ 45px !important;
}
#mega-menu-item-370 a::before,  #menu-item-370 a::before{
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/05/002-book.svg') no-repeat center center/ 45px !important;
}
#mega-menu-item-371 a::before,  #menu-item-371 a::before{
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/05/003-house.svg') no-repeat center center/ 45px !important;
}
#mega-menu-item-372 a::before, #menu-item-372 a::before {
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/05/005-house-1.svg') no-repeat center center/ 45px !important;
}
#one-click #one-click_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
			/**accès direct mobile***/
			.widget-title.h5 {
				cursor: pointer;
			}
			#nav_menu-2 .menu-acces-direct-container {
				height: 0;
				overflow: hidden;
			}
			#nav_menu-2 .menu-acces-direct-container.toggle-on {
				height: auto;
			}
#nav_menu-2 .menu-acces-direct-container.toggle-on {
	height: auto;
	position: fixed;
	background: white;
	height: 100vh;
	width: 100vw;
	left: 0;
	top: 0;
	z-index: 99999;
	background: #0086CBED;
	padding: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
				#nav_menu-2 .menu-acces-direct-container.toggle-on #menu-acces-direct {
					max-width: 1025px;
					margin: auto;
					width: 100%;
				}
	
		#nav_menu-2 .menu-acces-direct-container.toggle-on li a {
	padding: 2em 1em 0;
}
			#nav_menu-2 .menu-acces-direct-container.toggle-on li a {
	font-size: 1.5em;
	color: white;
	width: 100%;
	display: block;
	text-align: center;
}
#nav_menu-2 .menu-acces-direct-container.toggle-on #menu-acces-direct::before {
	content: "X";
	position: absolute;
	top: 50px;
	font-size: 3em;
	right: 110px;
	color: white;
	font-weight: bold;
	cursor: pointer;
}
			#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu {
	z-index: 999;
	position: absolute;
	width: auto;
	max-width: none;
	padding: 0px 0px 0px 0px;
	border: 0;
	background: #f1f1f1;
	border-radius: 0;
}
/***/
/*****/



/**CONTENT**/

/**home**/
.home .custom-header-media {
    min-height: 500px;
}
.home .panel-content .wrap {
	padding-top: .5em;
}
.grecaptcha-badge {
	display: none !important;
}

.home #actus {
	background: white !important;
}
.home #actus .aside-wrap {
	margin: 1em;
}
.aside-wrap img {
	background: #F2F2F2;
}
#actus .aside-wrap a img {
	border-radius: 25px;
	-o-object-fit: cover;
	   object-fit: cover;
}
.home #actus .aside-wrap a img {
	border-radius: 0 0 25px 0;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-box-shadow: 4px 0 5px #d7d7d7;
	        box-shadow: 4px 0 5px #d7d7d7;
	margin-bottom: .5em;
}
#actus .aside-wrap:hover a img {
	/* overflow: hidden; */
	-webkit-transition: ease-in;
	-o-transition: ease-in;
	transition: ease-in;
	-webkit-transform: scale(.98);
	    -ms-transform: scale(.98);
	        transform: scale(.98);
}
aside #actus .aside-wrap a img{
	border-radius: 25px;
}
.more {
	text-align: center;
	margin-bottom: 2.5em;
}
.home #actus .more-icone::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	border-bottom: 2px dashed;
	opacity: .25;
	padding: 11px 0;
	left: 0;
}
.more-icone img {
	z-index: 1;
	position: relative;
	padding: .25em;
}
#more-container:hover img {
	border: 1px dashed #b5b4b4;
	border-radius: 50px;
	background: white !important;
	-webkit-transition: all cubic-bezier(.55,.09,.68,.53) .15s;
	-o-transition: all cubic-bezier(.55,.09,.68,.53) .15s;
	transition: all cubic-bezier(.55,.09,.68,.53) .15s;
}
#more-container:hover a {
	color: #E30044!important;
}
/* } */

#agenda .more-icone img {
	background: transparent;
}
#agenda h3 {
	font-size: 21px;
	text-transform: none;
	font-weight: 600;
}
#agenda .entry-title p {
	font-size: 10px;
}
#agenda .entry-title .address {
	letter-spacing: 0;
}
#agenda #more-container {
	position: relative;
	margin-bottom: -97px;
}
#agenda .more a {
	color: black;
}
.more-icone {
	padding-bottom: 1em;
}
/*#demarches {
	background: #F2F2F2;
}*/
#demarches {
	background: #D9E021;
}
#demarches, #agenda, #actus {
	border-radius: 25px;
	padding-top: 1em;
}

#demarches .entry-icone img {
	padding: .75em;
	margin: auto;
}
.home #demarches .entry-wrap {
	border: 2px solid white;
	border-radius: 25px;
	padding: 2em;
	margin: 1em;
	-webkit-box-shadow: 0px 1px 16px #79797940 !important;
	        box-shadow: 0px 1px 16px #79797940 !important;
	-webkit-transition: border ease-in .5s;
	-o-transition: border ease-in .5s;
	transition: border ease-in .5s;
	display: block;
	background: white;
}
.home #demarches .entry-wrap:hover {
	border: 2px solid #0086CB;
	-webkit-transition: border ease-in .25s;
	-o-transition: border ease-in .25s;
	transition: border ease-in .25s;
}

.home #demarches .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
	padding: 0 .5em;
}
#agenda .container {
	padding: 0 1.5em 3em;
}
#agenda .date {
	margin-bottom: 1em;
}
#agenda .entry-title a {
	margin: 0;
}
.home #agenda {
	margin: 0 0 0 5em;
}
#agenda .entry-wrap * {
	color: white;
}
#agenda .entry-wrap:hover * {
	-webkit-transform: scale(0.99,0.99);
	    -ms-transform: scale(0.99,0.99);
	        transform: scale(0.99,0.99);
	opacity: .95;
	-webkit-transition: all cubic-bezier(.68,-0.55,.27,1.55) .5s;
	-o-transition: all cubic-bezier(.68,-0.55,.27,1.55) .5s;
	transition: all cubic-bezier(.68,-0.55,.27,1.55) .5s;
}
#agenda .epingle {
	float: left;
	margin-right: 15px;
	top: -5px;
	position: relative;
}
.home #agenda .entry, .home #agenda .entry img {
	border-radius: 15px;
	height: 150px;
	min-width: 100px;
	background: #F2F2F2 url('https://www.quistinic.fr/wp-content/uploads/2021/09/Logo-Quistinic.svg') no-repeat center / 80%;
	margin-bottom: 2em;
}
.home #agenda .entry {
	margin-right: 1.5em;
}
#agenda .aside-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1em;
	margin-bottom: 2.5em;
}
#agenda .date span {
	background: #D9E021;
	padding: .5em 1em;
	border-radius: 15px;
	color: #E30044;
	text-transform: initial;
	font-weight: 400 !important;
	font-size: 0.75rem;
	display: inline-block;
	text-align: center;
}
#agenda .aside-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1em;
}
.entry-icone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.entry-icone a {
	margin: auto;
}
#demarches h3, #demarches h3 a {
	text-align: center;
	color: #0086CB !important;
	font-weight: bold;
}
#demarches a:hover h3 {
	text-align: center;
	color: #E30044!important;
}

	/**page**/
	.trait {
	border-bottom: 1px dashed;
	margin-bottom: 4em;
}
#page article .note {
	background: #F2F2F2;
	padding: 1.5em;
	border-radius: 25px;
}
.page-id-434 .entry-header .page_item_has_children {
	background: none;
	border-radius: 0;
	border-bottom: 1px solid;
	margin-top: 2em;
}
.sfsi_shortcode_container .sfsi_wicons {
	z-index: 1 !important;
}
	.sfsi_shortcode_container {
	float: none!important;
}
.sfcm.sfsi_wicon {
	padding: 0;
	width: 80%!important;
	border: medium none;
}
	/**elus + personnels**/
	.grid {
	border-right: 1px dashed;
	padding: 1em;
}
.grid-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.333% 33.333% 33.333%;
	grid-template-columns: 33.333% 33.333% 33.333%;

}
.wp-caption-text.gallery-caption small {
	font-size: .85em !important;
	line-height: 1.25em !important;
	margin-top: 10px;
	display: block;
}
	.page-id-38 .gallery-icon, .page-id-42 .gallery-icon {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
}
	.page-id-38 .gallery-icon img, .page-id-42 .gallery-icon img  {
	margin: auto!important;
	border-radius: 25px;
}
.gallery-item figcaption {
	padding-bottom: 1em;
	/* margin-right: 10px; */
}
.page-id-38 #caption-attachment-619 span {
	display: block;
	margin-bottom: 5em;
}
.page-id-38 .wp-caption-text.gallery-caption, .page-id-42 .wp-caption-text.gallery-caption  {
	text-align: center !important;
	margin-top: .5em!important;
}
.page-id-38 #attachment_619 img {
	border-radius: 25px;
}
.page-id-38 .gallery-item {
	margin: 0 0 1.5em;
	padding:2px;
	
}
.page-id-38 .gallery-icon.landscape img, .page-id-42 .gallery-icon.landscape img {
	background: #DBDBDB url('https://www.quistinic.fr/wp-content/uploads/2021/09/Logo-Quistinic.svg') no-repeat center / 80%;
}

	/**bulletin - CR - DEMARCHE grid**/
.page-template.page-template-template-rubrique article .container,  .page-template-default:not(.home) article .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 25% 0 25% 0 25% 0 25%;
	grid-template-columns: 25% 25% 25% 25%;
	grid-gap: 0;
	text-align: left;
}
.page-id-203 .document-gallery .descriptions.document-icon-row img {
	width: 100%;
	max-width: 100%;
}
.page-id-203 .document-gallery .document-icon a {
	font-size: 12px;
	line-height: 15px;
}
.page-id-203 #document-gallery-1 {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33% 33% 33%;
	grid-template-columns: 33% 33% 33%;
	margin-bottom: 2em;
}
.container .content-bulletin {
	padding: .15em;
	border-bottom: 1px solid #0000002b;
	margin: .5em;
}
.page-id-48 .container .content-bulletin, .page-id-193 .container .content-bulletin {
	margin-bottom: 2em;
}
#page .content-bulletin > img {
	max-width: 150px;
	margin: auto;
	height: 150px;
	margin: 5px;
}
 .container .content-bulletin p {
	/*white-space: nowrap;*/
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	 margin: 5px;
 }
.entry-content a img, .comment-content a img, .widget a img {
	-webkit-box-shadow: none;
	box-shadow: none;
}
#page .desc-img img  {
	width: 25px;
	top: 6px;
	position: relative;
	margin-right: 5px;
}
#post-48  .content-bulletin .desc-img:hover, #post-119 .content-bulletin .desc-img:hover, #post-90 .content-bulletin .desc-img:hover
#post-44  .content-bulletin .desc-img:hover, #post-78  .content-bulletin .desc-img:hover, #post-88  .content-bulletin .desc-img:hover {
	-webkit-filter: saturate(2.25);
	        filter: saturate(2.25);
	-webkit-transition: -webkit-filter ease-in-out .5s;
	transition: -webkit-filter ease-in-out .5s;
	-o-transition: filter ease-in-out .5s;
	transition: filter ease-in-out .5s;
	transition: filter ease-in-out .5s, -webkit-filter ease-in-out .5s;
}
#post-48  .content-bulletin a:hover, .page-id-119 .content-bulletin a:hover, .page-id-90 .content-bulletin a:hover
.page-id-44 .content-bulletin a:hover, .page-id-78 .content-bulletin a:hover, .page-id-88 .content-bulletin a:hover {
	color: #0086CB!important;
	-webkit-transition: -webkit-filter ease-in-out .5s;
	transition: -webkit-filter ease-in-out .5s;
	-o-transition: filter ease-in-out .5s;
	transition: filter ease-in-out .5s;
	transition: filter ease-in-out .5s, -webkit-filter ease-in-out .5s;
}

#wpcf7-f667-p125-o1 select option {
	background: white;
}
	/**template default**/
.page-template-default #primary article .entry-content, .single #primary article .entry-content,
 .blog #primary article .entry-content, .archive #primary article .entry-content, .error404 #primary article .entry-content{
	padding: 0 3em!important;
}
.page-template-default #primary article .entry-header, .single #primary article .entry-header,
 .blog #primary article .entry-header, .archive #primary article .entry-header, .error404 #primary article .entry-header{
	background: #F2F2F2;
	border-radius: 25px;
	padding: 3em;
}

.page-template-default #primary .entry-header .single-featured-image-header, .single #primary .entry-header .single-featured-image-header {
	background-color: transparent;
	border-bottom: none;
	width: 50%;
	margin-left: 2em;
}
.page-template-default #primary .entry-header .single-featured-image-header img, .single #primary .entry-header .single-featured-image-header img {
	display: block;
	margin: auto;
	border-radius: 25px;
	-o-object-fit: contain;
	   object-fit: contain;
	width: 100%;
}
.page-id-48.page-template-default #primary .entry-header .single-featured-image-header img {
	display: block;
	margin: auto;
	border-radius: 0;
	height: 85%;
	-o-object-fit: contain;
	   object-fit: contain;
	width: auto;
	-webkit-box-shadow: 0px 0 13px #0000007d;
	        box-shadow: 0px 0 13px #0000007d;
}
.page-template-default article .entry-content .content-bulletin p {
	text-align: left;
	font-size: 12px;
}
	.page-template-default article .entry-content p, .single article .entry-content {
	text-align: justify;
}	
.entry-intro p, .page-template-default article .entry-content p, .page-template-default article .entry-content li,
	.page-template-default article .entry-content a, .single article .entry-content {
	font-size: 14px;
}
.entry-intro *:(h2), .entry-intro *:(h3), .entry-intro *:(h4), .entry-intro *:(h5), .entry-intro *:(h6)  {
	text-align: justify;
}
	/****/
.page:not(.home) #content .wrap, .single #content .wrap {
	padding-bottom: 3.5em;
}
	.page:not(.page-id-19) .site-content, .error404 .site-content, .search .site-content, .archive .site-content {
	padding: 0;
}
	.page:not(.page-id-19) #actus, .single #actus {
	background: #F2F2F2;
	border-radius: 25px;
}
.page:not(.page-id-19) aside #actus .container, .single aside #actus .container  {
	padding: 0 2em;
}
.page:not(.page-id-19) #agenda #more-container, .single #agenda #more-container {
	position: relative;
	margin-top: -107px;
	top: 57px;
	margin-bottom: 0;
}
.page:not(.page-id-19) #actus #more-container, .single #actus #more-container {
	position: relative;
	top: 56px;
	margin-bottom: 7em;
}
#more-container span {
	display: block;
}
.page-id-19 #post-19 #agenda #more-container {
	position: relative;
	margin-top: -107px;
	top: 93px;
	margin-bottom: 0;
}
/*.page-id-19 #post-19 #agenda .entry-wrap:last-child::before {
	content: "";
	background: -moz-linear-gradient(top, rgba(0,134,203,0) 0%, rgba(0,134,203,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,134,203,0) 0%,rgba(0,134,203,1) 100%);
	background: linear-gradient(to bottom, rgba(0,134,203,0) 0%,rgba(0,134,203,1) 100%);
	width: 27%;
	height: 210px;
	position: absolute;
	z-index: 0;
	bottom: inherit;
}
.page:not(.page-id-19) #agenda .entry-wrap:last-child::before {
	content: "";
	background: -moz-linear-gradient(top, rgba(0,134,203,0) 0%, rgba(0,134,203,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,134,203,0) 0%,rgba(0,134,203,1) 100%);
	background: linear-gradient(to bottom, rgba(0,134,203,0) 0%,rgba(0,134,203,1) 100%);
	width: 20%;
	height: 134px;
	position: absolute;
	z-index: 0;
	bottom: inherit;
}*/
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .single #actus .aside-wrap .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.page-template-template-rubrique #agenda .entry img, .page-template-default:not(.home) #agenda .entry img, 
.page-template-template-annuaire #agenda .entry img, .single #agenda .entry img {
	display: none;
}
.page:not(.page-id-19) #agenda .section-title h2, .single  #agenda .section-title h2 {
	color: white !important;
}


.page-template-template-rubrique #actus .aside-title, .page-template-default:not(.home) #actus .aside-title, .page-template-template-annuaire #actus .aside-title,
.single #actus .aside-title {
	margin: auto;
	text-align: center;
}
article #actus .entry-title a, article .parent-page .entry-title a {
	left: 30px;
	position: relative;
	/*white-space: nowrap;*/
	width: 82%;
	display: block;
	/*overflow: hidden;
	text-overflow: ellipsis;*/
}
article #actus .aside-title::after, article .parent-page .aside-title::before, article .parent-page .entry-title::before {
	background: #D9E021;
	content: "";
	width: 5px;
	height: 46px;
	position: absolute;
	border-radius: 50px;
	margin-top: -60px;
}
article .parent-page .entry-title::before {
	margin-top: -30px!important;
}

.site-content-contain #content {
	background: #fff url('https://www.quistinic.fr/wp-content/uploads/2021/05/barre-bg-01.jpg') no-repeat bottom/ 100%;
	position: relative;
}

.page:not(.home) #primary article .parent-page .child-img img {
	border-radius: 25px 25px 25px 0;
}
.page:not(.home) #primary article .parent-page:hover .child-img img {
	-webkit-box-shadow: none;
	        box-shadow: none;
		opacity: .85;
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
	overflow: hidden;
}
#primary article .parent-page:hover a, .aside-title:hover a {
	color: #E30044;
}
.page:not(.home) #primary article .parent-page .child-img, .page:not(.home) #primary article .parent-page .child-img a, .page:not(.home) #primary article .parent-page .child-img a img {
	min-height: 250px;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 250px;
	display: block;
	background: #F2F2F2 url('https://www.quistinic.fr/wp-content/uploads/2021/09/Logo-Quistinic.svg') no-repeat center / 80%;
	border-radius: 25px 25px 25px 0;
	margin-bottom: 1em;
}
.page:not(.home) #primary article .parent-page .child-img {
	overflow: hidden;
	-webkit-transition: ease-in 1s;
	-o-transition: ease-in 1s;
	transition: ease-in 1s;
	-webkit-box-shadow: 4px 0 5px #d7d7d7;
	        box-shadow: 4px 0 5px #d7d7d7;
}
	/**annuaire**/
	.vc_col-sm-12.coordo.vc_gitem-col.vc_gitem-col-align- div {
	padding: .25em;
}
	.page-template-template-annuaire .vc_grid-styled-select select {
	font-size: 1.5em !important;
	text-align: center;
	color: white;
	font-family: 'Comfortaa', cursive;
}
.page-template-template-annuaire  .vc_grid-filter-select .vc_grid-styled-select select, .page-template-template-annuaire  .vc_grid-filter-dropdown .vc_grid-styled-select select {
	z-index: 1;
	background: none !important;
}
.page-template-template-annuaire .vc_arrow-icon-navicon::before {
	color: transparent;
	position: absolute;
	margin-top: 7px;
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/07/filtre.svg') no-repeat center / 35px;
	width: 25px !important;
	display: inline-block;
	height: 18px;
	margin-left: -35px;
	z-index: 0;
}
.page-template-template-annuaire .vc_grid-filter-select .vc_grid-styled-select select option, .vc_grid-filter-dropdown .vc_grid-styled-select select option {
	background: #E30044!important;
}
	.page-template-template-annuaire .vc_grid-filter-select .vc_grid-styled-select, .vc_grid-filter-dropdown .vc_grid-styled-select {
	border: none!important;
	display: inline-block;
	height: auto!important;
	overflow: hidden;
	padding-right: 5px;
	text-align: left;
	width: auto;
	vertical-align: middle;
	background:#E30044;
	border-radius: 50px;
	padding: 1em;
	/* color: white; */
}
	.vc_gitem-acf {
	font-size: .85em;
}
	.page-template.page-template-template-annuaire .vc_gitem-zone.vc_gitem-zone-c.Annuaire_col2 > div {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 70% 30%;
	grid-template-columns: 70% 30%;
}
.page-template.page-template-template-annuaire .vc_col-sm-12.coordo.vc_gitem-col.vc_gitem-col-align- {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 15% 35% 25% 25%;
	grid-template-columns: 15% 35% 25% 25%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.page-template.page-template-template-annuaire.page-id-207 .vc_col-sm-12.coordo.vc_gitem-col.vc_gitem-col-align- {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 15% 55% 0 25% 25%;
	grid-template-columns: 15% 55% 0 25% 25%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.page-template.page-template-template-annuaire .vc_gitem_row.vc_row.vc_gitem-row-position-top {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.page-template.page-template-template-annuaire .vc_col-sm-12.coordo.vc_gitem-col.vc_gitem-col-align- * {
	margin: 0;
}
	.page-template.page-template-template-annuaire .vc_grid-item-zone-c-right .vc_gitem-zone-c {
	float: none;
	width: 100%;
	/* display: grid; */
	/* grid-template-columns: 20% 20%; */
}
	#filter button {
	font-size: 1em;
	display: ;
	font-weight: lighter;
	padding: .75em;
	border-radius: 0 25px 25px 0;
	background: #0086CB;
	padding-left: 50px;
}	
#filter button:hover {
	background: #D9E021;
}
#filter button::before {
	content: "";
	background: url('/wp-content/uploads/2021/07/filtre.svg') no-repeat center / 35px;
	position: absolute;
	width: 35px;
	height: 35px;
	margin-left: -39px;
	margin-top: -6px;
}
.page-template-template-annuaire .entry-header {
	margin-bottom: .5em !important;
}
.vc_col-sm-12.contact.vc_gitem-col.vc_gitem-col-align-, .annuaire-content .contact {
	background: #0086CB !important;
	/* padding: 0; */
	color: white;
	border-radius: 25px;
	padding: 0.25em;
	text-align: center;
}
/*.annuaire-content .contact p {
	margin: .5em;
}*/
#Annuaire_result .vc_grid-item-mini {
	padding: 0.25em .5em;
	border-radius: 25px;
}
.annuaire-thumbnail img {
	min-height: 80px;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 80px;
	border-radius: 25px;
	position: relative;
	margin-bottom: 0;
}
.annuaire-content h3 {
	font-weight: 600;
	margin: 0;
	padding: 0 .5em;
	font-size: 1.1em;
}
.annuaire-content .annuaire-tel {
	letter-spacing: -0.5px;
}
.annuaire-content .annuaire-tag {
	background: #D9E021;
	border-radius: 25px;
	display: inline-block;
	padding: .25em .5em;
	font-size: .85em;
}
.annuaire-content  .annuaire-mail {
	font-size: .85em;
}
.annuaire-content p {
	margin: 0;
	padding: 0 0.5em;
}

.annuaire-content {
	background: #F2F2F2;
	border-radius: 25px;
	padding: .5em;
	text-align: center;
	width: 100%;
	margin: .25em;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.page-id-207 .annuaire-activite {
	display: none;
}
.annauraire-content h3 {
	font-size: 1.15rem;
}
.annuaire-activite, .annuaire-deno {
	font-style: italic;
}
.annuaire-content p {
	font-size: .85em;
}
.annuaire-cat {
	background: #0086CB;
	border-radius: 25px;
	text-align: center;
	display: inline-block;
	padding: .5em;
}
.annuaire-cat a {
	color: white;
	font-size: .75em;
}
	/**contact**/
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900;
	border-radius: 25px;
	text-align: center;
}
	.wpcf7 form.sent .wpcf7-response-output {
	border-color: #D9E021;
	border-radius: 25px;
	text-align: center;
}
	.wpcf7-form button, input[type="button"], input[type="submit"], article button {
	background-color: transparent;
	color: white;
	background: #0086CB;
	border-radius: 25px;
	margin-top: 15px;
}
	.colonne {
	margin: 0em 0px 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.colonne span {
	padding: .25em;
}
.colonne .intervalle {
	margin: 11px 0;
}
#adresse {
	background: #F2F2F2;
	padding: 1.5em;
	border-radius: 25px;
	margin-bottom: 2em;
}

.wpcf7-form-control-wrap.heure-debut, .wpcf7-form-control-wrap.heure-fin,
.wpcf7-form-control-wrap.minutes-debut, .wpcf7-form-control-wrap.minutes-fin {
	width: 85px;
}
small {
	font-size: 80% !important;
}
	/**event**/
	.tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link	{
	color: #E30044 !important;
}
.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover,
.tribe-events .tribe-events-c-ical__link:active, .tribe-events .tribe-events-c-ical__link:focus, .tribe-events .tribe-events-c-ical__link:hover {
		background: #E30044 !important;
}
.tribe-events .tribe-events-c-ical__link {
	border: 1px solid #E30044 !important;
}
.tribe-events-calendar-list__event-featured-image-link img {
	border-radius: 25px;
}
	/**single**/
	.single .byline {
	display: none;
}
article .children {
	display: none;
}
#more {
	margin-top: 5em;
}
#more .aside-wrap {
	margin: 1em;
}
#more .aside-wrap .entry:not(a) {
	min-height: 250px;
	display: block;
	border-radius: 25px;
	margin-bottom: 25px;
}
#more .more-container .page_item a {
	color: white;
}
#more .more-container .page_item {
	list-style: none;
}
#more .more-container .page_item a {
	background: #0086CB;
	border-radius: 25px;
	margin: 1em;
	text-align: center;
	list-style: none;
	padding: .5em;
	display: block;
}
#more .more-container .page_item a:hover {
		/* background: #222; */
	background: rgb(88,171,37);
	background: -webkit-gradient(linear, left top, right top, from(rgba(88,171,37,1)),color-stop(75%, rgba(217,224,33,1)));
	background: -o-linear-gradient(left, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	background: linear-gradient(to right, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
}

#more .more-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
}
#more .entry-title {
	font-size: 0.875rem;
	text-align: center;
}
#more .aside-wrap img {
	width: 100%;
	height: 250px;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 25px;
}
.single .back button {
	background-color: transparent;
	color: white;
	background: #0086CB;
	border-radius: 25px;
	margin-top: 0;
	padding: 7px;
	font-size: 12px;
	font-weight: lighter;
}
.single .back {
	position: relative;
	top: 5px;
	left: 15px;
}
.single .back:hover {
	opacity: .5;
}
.posted-on::before, .home #actus .container .entry-meta::before,
.page-id-428 #actus .container .entry-meta::before {
	content: "Posté le : "!important;
}
	.entry-meta .posted-on .entry-date.published {
	background: #0086CB;
	padding: .5em;
	border-radius: 15px;
	color: white;
}
.home .entry-meta, #more .entry-meta,
.page-id-428 .entry-meta, #more .entry-meta {
	margin-bottom: 0;
	padding-bottom: 1em;
}
.entry-meta {
	margin-bottom: 2em;
		padding-bottom: 1em;
}

aside .entry-meta {
	text-align: center;
	margin-top: 3em;
	margin-bottom: 0;
}
	.single .site-content {
	padding: 0;
}
.single .entry-header, .blog .entry-header, .archive .entry-header  {
	margin-bottom: 4em;
}
.single .custom-header, .blog .custom-header, .archive .custom-header, .error404 .custom-header, .search .custom-header {
	margin-bottom: 0 !important;
}
.error404 #content {
	min-height: 100vh;
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/06/404-01.jpg') no-repeat fixed 0 -100% / cover;
	left: ;
}
.error404 .page-header {
	float: none!important;
	width: 100%!important;
	text-align: center;
}
.error404 #primary article {
	float: none!important;
	width: 100%!important;
	text-align: center!important;
	margin-top: 20em!important;
}
.search .page-title span {
	display: block;
	margin: 1em;
	background: #0086CB;
	border-radius: 25px;
	padding: .5em;
	color: white;
}
.search #primary {
	float: right;
	margin-top: 3em;
	width: 64%;
}
.search-form input {
	border-radius: 15px;
	padding: 1em;
}
.search button, .error404 button{
	color: #D9E021;
}
.search button:hover, .error404 button:hover {
	background: none;
}
.search .entry-meta {
	display: none;
}
.search article {
	background: #F2F2F2;
	margin: 1em .5em;
	border-radius: 25px;
	text-align: center;
	width: 100% !important;
	padding: 1.25em .5em 0.5em .5em !important;
}
.search article .entry-header {
	padding: 0;
}
.search .tribe-events-c-small-cta.tribe-common-b3.tribe-events-c-read-more {
	background: #0086CB;
	padding: 1em;
	border-radius: 0 0 15px 15px;
}
.search .tribe-events-c-small-cta.tribe-common-b3.tribe-events-c-read-more a {
	color: white;
}
/***/

/**FOOTER**/
#horaires button {
	border-radius: 25px;
	margin-top: 2em;
}
footer .page_item_has_children {
	background: #0086CB8C;
	border-radius: 25px;
}
footer li {
	list-style: none;
}
.site-footer {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.6;
	margin-top: 0;
	border: none;
}
#accès-direct-footer a {
	border: 2px dashed transparent;
	margin: 1em;
	padding: 1em;
	display: block;
}
#accès-direct-footer a:hover {
	border-radius: 15px;
}
#accès-direct-footer {
	background: rgb(217,224,33);
	background: -o-linear-gradient(315deg, rgba(217,224,33,1) 76%,rgba(88,171,37,1) 100%);
	background: linear-gradient(135deg, rgba(217,224,33,1) 76%,rgba(88,171,37,1) 100%);
	padding: 2em 0;
}
#accès-direct-footer .entry-icone {
	margin-bottom: 1em;
}
#accès-direct-footer .entry-icone img {
	margin: auto;
}
#accès-direct-footer .entry-wrap:hover .entry-icone img {
	-webkit-filter: brightness(.35);
	        filter: brightness(.35);
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
}
#accès-direct-footer .wrap {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 25% 25% 25% 25%;
	grid-template-columns: 25% 25% 25% 25%;
}
#accès-direct-footer span {
	display: block;
}
#accès-direct-footer .wrap .entry-wrap {
	text-align: center;
	padding: 0 1em;
}
#accès-direct-footer .aside-title .entry-title  {
	color: #E30044;
}
#accès-direct-footer .aside-title .entry-desc {
	color: #0086CB;
}
#colophon, #agenda {
	background: #0086CB;
}
#colophon {
	background: #0086CB url('https://www.quistinic.fr/wp-content/uploads/2021/10/carte-1.svg') no-repeat right bottom/550px;
}
footer .page_item_has_children ul ul {
	display: none;
}
footer .wsp-pages-list li a {
	color: #D9E021;
	text-transform: uppercase;
	font-size: 1.25em;
	font-weight: lighter;
}
footer .wsp-pages-list .children li a {
	color: white;
	font-size: .85em;
	padding: 0!important;
	text-transform: initial;
}
footer .wsp-pages-list .children li {
	padding: 0;
}
footer .wsp-pages-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
}
footer .widget-area {
	display: -ms-inline-grid;
	display: inline-grid;
	-ms-grid-columns: auto auto auto auto;
	grid-template-columns: auto auto auto auto;
}
.site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-2 {
	float: none;
	width: inherit;
}

.wsp-pages-title, .page_item.page-item-13, .page_item.page-item-19, 
.page_item.page-item-434 , .page_item.page-item-3,
.page_item.page-item-691, .page_item.page-item-689,.page_item.page-item-1075 {
	display: none;
}
#text-11 p {
	background: white;
	padding: .5em 1em;
	margin: 0 5em;
	border-radius: 25px;
}
#text-4 button {
	background: #D9E021;
}
#text-4 button a {
	color: black;
}
#text-4 button:hover {
	background: #E30044;
}
footer .jour {
	color: white;
}
footer #horaires {
	color: #D9E021;
	margin-bottom: 2em;
}
.site-info {
	width: 100%;
	background: white;
	margin: 0;
	padding-bottom: 1em;
}
.credits {
	width: 100%;
	text-align: center;
	padding: 1em;
}
.credits a:first-child {
	color: #E30044;
	font-size: 1.15em;
	text-align: ;
}
/***/



/****RESPONSIVE****/
@media screen and (min-width: 1280px) {
	#demarches-agenda .wrap {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 60% 40%;
	grid-template-columns: 60% 40%;
}
				/*.annuaire-wrap {
	display: grid;
		grid-template-columns: 33.33% 33.33% 33.33%;
}*/
/*.annuaire-wrap {
	columns: 3 200px;
	column-gap: 1rem;
	position: relative;
}*/
		#mega-menu-item-288 > .mega-menu-link {
	position: relative !important;
	z-index: 1;
	top: 25px !important;
	color: white!important;
}
	#mega-menu-item-288 > a::before {
	content: "" !important;
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/06/en-avant.svg') no-repeat center / 155px !important;
	width: 165px !important;
	height: 93px !important;
	position: absolute !important;
	top: -18px !important;
	z-index: -1;
	left: 24px;
}
	#mega-menu-item-288 a {
	display: ;
	background: none !important;
}
				#nav_menu-2 .menu-acces-direct-container.toggle-on li {
				display: inline-block;
				text-align: center;
			}	
.home #actus .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 0;
}
.home #actus .section-title {
	width: 33.333%;
	margin: auto;
}
.page:not(.home) #primary article .parent-page {
/*	width: 33.333%;
	float: left;*/
	padding: 0 2em;
	margin-bottom: 2em;
}
.page-template-template-rubrique .entry-content .entry-wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
}
}

@media screen and (max-width: 1279px) {
.home .panel-content #actus .wrap {
	padding: 0;
}
#page #one-click #mega-menu-header-menu li a {
	font-size: 11px !important;
}
	#search-form-1.toggle-off, .search-form .search-submit.toggle-off {
	display: block;
}
	#masthead .wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
		#zone-contact a img {
	width: 45px;
	color: white;
}
	#zone-contact span {
	display: none;
}

#zone-contact a {
	top: 0;
}
header .search-form label {
	width: 50px;
	height: 50px;
	background: url('https://www.quistinic.fr/wp-content/uploads/2021/10/search.svg') no-repeat center / 30px;
	position: relative;
	z-index: 999;
	cursor: pointer;
}
header .tools #search-form-1 {
	position: fixed !important;
	height: 100vh;
	width: 100% !important;
	top: 0 !important;
	background: #000000b5;
	border-radius: 0 !important;
	color: white;
	font-size: 4em;
	text-align: center;
	left: 0 !important;
	margin: 0 !important;
	z-index: 9;
}
header .tools #search-form-1::-webkit-input-placeholder {
	color: white;
	text-align: center;
}
header .tools #search-form-1::-moz-placeholder {
	color: white;
	text-align: center;
}
header .tools #search-form-1:-ms-input-placeholder {
	color: white;
	text-align: center;
}
header .tools #search-form-1::-ms-input-placeholder {
	color: white;
	text-align: center;
}
header .tools #search-form-1::placeholder {
	color: white;
	text-align: center;
}
header .search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 57px;
	display: none;
}
#search-form-1 {
	position: absolute;
	top: 55px;
	display: none;
}
			#demarches-agenda .wrap {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
}
				/*	.annuaire-wrap {
	display: grid;
		grid-template-columns: 50% 50%;
}*/
		#mega-menu-item-288 {
	background: #E30044 !important;
}
	.home #agenda {
	margin: 0 0 0 2.5em;
}
.wrap {
	padding-left: 1em;
	padding-right: 1em;
}
		#one-click #mega-menu-wrap-header-menu ul li a {
	font-size: .95em !important;
	padding: 0 1em !important;
}
		#one-click .wrap {
	padding: 0;
}
	.page:not(.home) #primary article .parent-page {
	/*width: 50%;
		float: left;*/
	padding: 0 2em;
	margin-bottom: 2em;
}
.page-template-template-rubrique .entry-content .entry-wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
}
	#one-click #mega-menu-header-menu li a {
	padding: 0 .5em !important;
}
	#mega-menu-wrap-header-menu {
	padding-left: 0;
	padding-right: 0;
}
	#mega-menu-wrap-top ul {
	margin: 0 !important;
	padding: 0 !important;
}
#mega-menu-top {
	width: 100% !important;
}

	#mega-menu-wrap-header-menu {
	padding-left: 0;
}

#one-click .one-click-title::after {
	content: none;
}
.one-click-title img {
	display: none !important;
	padding: ;
}
.tools {
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin-top: 0;
    height: 100%;
    width: auto;
    margin: auto;
}
.site-branding-text {
    display: none;
}
.tools-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
}

	.widget-column.footer-widget-3 {
	position: absolute;
	bottom: 0;
	right: 0;
}
	footer .widget-area {
	display: -ms-inline-grid;
	display: inline-grid;
	-ms-grid-columns: 0 35% 65%;
	grid-template-columns: 0 35% 65%;
}
	footer .wsp-pages-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
}
	.home #demarches .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	padding: 0 .5em;
}
.home #actus .container{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
}
}

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

	.gallery-item figcaption {
	margin-bottom: 3em;
}
	#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
	right: 180px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(88,171,37,1)),color-stop(75%, rgba(217,224,33,1)));
	background: -o-linear-gradient(left, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	background: linear-gradient(to right, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	border-radius: 25px 0 0 25px;
	top: 25px;
}
#agenda .entry-wrap:first-child .aside-title {
	border-bottom: 2px solid #D9E021;
	padding-bottom: 1.5em;
}
	.mega-menu-grid.mega-toggle-on > a::before {
	content: "" !important;
	position: absolute !important;
	width: 20px !important;
	height: 20px !important;
	background: #0086CB !important;
	bottom: -25px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	left: 42%;
}
	#mega-menu-wrap-top ul ul {
	margin-top: 15px !important;
	border-radius: 25px !important;
	border: 1px dashed #0086CB !important;
	-webkit-box-shadow: 0 9px 4px #0000005c !important;
	        box-shadow: 0 9px 4px #0000005c !important;
}
		.widget-column.footer-widget-1 {
	border-right: 2px solid white;
	padding: 2.5em;
	margin-right: 2em;
}

	.page:not(.home) #primary aside, .single #primary aside, .archive #primary aside {
	width: 25%;
	float: right;
}
	.page:not(.home) #primary article, .single  #primary article, .archive #primary article {
	width: 75%;
	float: left;
	padding-right: 2.5em;
}

	.home #actus .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
}

}

@media screen and (max-width: 979px) {
	.home #actus .container {
	/* display: -ms-grid; */
	display: grid;
	-ms-grid-columns: 33% 33% 33%;
	grid-template-columns: 33% 33% 33%;
}
	.page:not(.page-id-19) aside #actus .container .aside-wrap, .single aside #actus .container .aside-wrap {
	padding: 10px;
}
	.page:not(.page-id-19) aside #actus .container, .single aside #actus .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
}
	.navigation-top.site-navigation-fixed {
	position: relative !important;
}
	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	color: #000 !important;
}
#mega-menu-wrap-top #mega-menu-top .mega-menu-grid > a {
	color: white !important;
}
	#accès-direct-footer a {
	margin: .5em;
	padding: 0;
}
#accès-direct-footer .wrap .entry-wrap {
	padding: 1em;
}
#accès-direct-footer .size-icone_100 {
	height: 50px !important;
	width: 50px;
	-o-object-fit: cover;
	   object-fit: cover;
	min-width: 50px;
	min-height: 50px;
}
	.site-branding {
	margin-bottom: 2em;
}
	#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
	right: 180px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(88,171,37,1)),color-stop(75%, rgba(217,224,33,1)));
	background: -o-linear-gradient(left, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	background: linear-gradient(to right, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	border-radius: 25px 0 0 25px;
	top: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (-webkit-min-device-pixel-ratio:0), screen and (-webkit-min-device-pixel-ratio:0)
  and (-o-min-device-pixel-ratio:0/1), screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) { 
   
        	body #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
	right: 180px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(88,171,37,1)),color-stop(75%, rgba(217,224,33,1)));
	background: -o-linear-gradient(left, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	background: linear-gradient(to right, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	border-radius: 25px 0 0 25px;
	top: 0px;
    }
	body #pojo-a11y-toolbar {
    top: 8px ;
}
}

	.home #agenda .entry, .home #agenda .entry img {
	height: 200px;
}
	#agenda .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
}
	.site-content-contain {
	z-index: 1;
}
	#page #one-click #mega-menu-header-menu li a {
	padding: 0.65em !important;
}
	.tools button:hover {
	background: none;
	border: 2px solid white;
}
	.site-branding .custom-logo-link {
	padding-bottom: 0em;
		-webkit-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
}
			nav #mega-menu-item-288 {
	background: none !important;
}
	nav #mega-menu-top {
	position: fixed !important;
	width: 100%;
	left: 0 !important;
	padding-top: 5em !important;
	background: #0086CB !important;
	height: 100vh !important;
	overflow: scroll !important;
}
.mega-menu-toggle.mega-menu-open {
	position: fixed;
	-webkit-box-shadow: 0 0 1px black;
	        box-shadow: 0 0 1px black;
}
	#masthead .wrap {
	position: relative;
	display: block;
}
	.tools {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: right;
	margin-top: 0;
	height: auto;
	width: 100%;
}
#zone-contact {
	position: absolute;
	left: 1.55em;
	bottom: inherit;
	top: inherit;
	height: 45px;
}
	#mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
	background-color: white;
}
		.custom-logo-link {
	display: block;
	padding-right: 0;
	vertical-align: middle;
	width: 100%;
	padding-bottom: 3em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.custom-logo-link img {
	display: block;
	max-height: 80px!important;
	width: auto;
	margin: auto;
}
#mega-menu-wrap-top .mega-menu-toggle {
	background: transparent;
}
	.navigation-top {
	background: transparent;
	border-bottom: none;
	border-top: none;
	bottom: initial;
	/* font-size: 14px; */
	font-size: 0.875rem;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 999;
	top: 0;
}
	#mega-toggle-block-1 {
	top: 15px;
	position: relative;
}
	.mega-toggle-animated.mega-toggle-animated-slider::before {
	content: "MENU";
	color: white;
	position: absolute;
	font-size: .85em;
	top: -30px;
}
	.tools #nav_menu-2 {
	position: absolute;
	right: 0;
	top: inherit;
	bottom: -44px;
}
	
		#nav_menu-2 .menu-acces-direct-container.toggle-on {
	overflow-y: scroll;
	padding: 10em 1em;
}
			#agenda .aside-title {
	display: block;
	padding: 0 1em;
	margin-bottom: 2.5em;
}
	.home #agenda .entry {
	margin-right: 0;
}
	#agenda .entry img {
	border-radius: 15px;
	height: 250px;
	width: 100%;
	min-width: 100% !important;
	-o-object-fit: cover;
	   object-fit: cover;
}
	 #agenda .entry {
	margin-right: 1.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
	#agenda .entry a {
	margin: 0;
	width: 100%;
}
	#demarches-agenda .wrap {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}
	.page:not(.page-id-19) #actus, .single #actus {
	margin-top: 5em;
}
.page-id-19 #actus {
	margin-top: 0!important;
	padding-top: 0;
}
	#mega-menu-item-288 .mega-sub-menu {
	width: 100% !important;
}
	.tools #search-form-1 {
	margin-left: 0;
}

	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {
	width: 100%;
}
		footer .widget-area {
	display: block;
}
	.widget-column.footer-widget-2 {
	display: none;
}
	#one-click #mega-menu-wrap-header-menu {
	padding-left: 0;
	padding-right: 0;
}
#one-click {
	margin-top: -12em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 2;
	position: relative;
}
	#one-click .one-click-title {
	width: 122px;
}
	#more .more-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
}
	.page:not(.page-id-19) #actus .aside-wrap a img {
	width: 100%;
}

	.page-template-template-rubrique #content #primary .entry-content .parent-page {
	margin-bottom: 3em;
}
	#mega-menu-wrap-top #mega-menu-top .mega-menu-item-has-children > a {
	width: 100% !important;
}
	#one-click .one-click-title {
	border-radius: 15px 0 0;
}
#mega-menu-wrap-header-menu {
	border-radius: 0 15px 0 0;
}

#mega-menu-wrap-header-menu {
	background: #D9E021;
	padding-top: 3em;
	border-radius: 0 15px 15px 0;
	padding-left: 2.5em;
	padding-right: 2.5em;
	z-index: 8;
}
#one-click .one-click-title {
	font-size: 1.25em;
	padding: .5em 1.5em;
}
#one-click #mega-menu-header-menu li a {
	color: black !important;
	text-transform: uppercase !important;
	font-size: 15px !important;
	font-weight: lighter !important;
	padding: 0 1.5em !important;
}
	.home #agenda {
	margin: 4em 0;
}
	.wrap {
	padding-left: 2em;
	padding-right: 2em;
}
#demarches-agenda .wrap {
	padding-left: 0;
	padding-right: 0;
}
	#accès-direct-footer .wrap {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
}
	.home #demarches .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
	padding: 0 1.5em;
}

#one-click-mobile .one-click-title, #nav_menu-2 .widget-title {
	padding: .5em 4em .5em 1em;
	border-radius: 15px 0 0 15px;
}

}

@media screen and (min-width: 768px) {
	.page-id-48 .single-featured-image-header {
	width: 40% !important;
}
	.annuaire-content {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 10% 20.5% 22.5% 20% 27%;
	grid-template-columns: 10% 20.5% 22.5% 20% 27%;
	text-align: left;
}
.row {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 3em 50%;
	grid-template-columns: 50% 50%;
	grid-gap: 3em;
	margin-bottom: 3em;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.row.\33  {
	-ms-grid-columns: 66.66% 3em 33.33%;
	grid-template-columns: 66.66% 33.33%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
	.page-template-default #primary .has-post-thumbnail .entry-header, .single  #primary .has-post-thumbnail .entry-header, 
	.blog  #primary .has-post-thumbnail .entry-header, .archive #primary .has-post-thumbnail .entry-header, .error404 #primary .has-post-thumbnail .entry-header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

	.page-template-default #primary .has-post-thumbnail .entry-header .entry-container, .single #primary .has-post-thumbnail .entry-header .entry-container,
 .blog #primary .has-post-thumbnail .entry-header .entry-container, .archive #primary .has-post-thumbnail .entry-header .entry-container{
	width: 50%;
}
}

@media screen and (max-width: 767px) {
	#agenda .epingle {
	float: none;
}
	.section-title h2, #more .section-title, body.page:not(.twentyseventeen-front-page) h1, .single h1, .error404 .page-title, .search .page-title, .tribe-events-single-event-title {
	font-size: 1.8em !important;
	padding: 0 .5em 1em;
}

	.page:not(.page-id-19) aside #actus .container, .single aside #actus .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;

}
.page-template-template-rubrique .entry-content .entry-wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}
	#one-click {
		display: none;
	}
	.page-template.page-template-template-annuaire .vc_col-sm-12.coordo.vc_gitem-col.vc_gitem-col-align-,
.page-template.page-template-template-annuaire.page-id-207 .vc_col-sm-12.coordo.vc_gitem-col.vc_gitem-col-align-	{
	display: block;
	width: 100%;
}
.page-template.page-template-template-annuaire .vc_gitem_row.vc_row.vc_gitem-row-position-top {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: block;
}
.page-template.page-template-template-annuaire .vc_gitem-zone.vc_gitem-zone-c.Annuaire_col2 > div {
	display: block;
}
.page-template.page-template-template-annuaire .vc_gitem-acf, .page-template.page-template-template-annuaire .wpb_single_image.wpb_content_element.vc_align_ {
	text-align: center;
} 
.page-template-template-annuaire select {
	border: none;
}
.page-template-template-annuaire .vc_grid-filter-select .vc_grid-styled-select, .vc_grid-filter-dropdown .vc_grid-styled-select {
	padding: 0;
}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 {
	text-align: center !important;
}
	@media screen and (-webkit-min-device-pixel-ratio:0)
  and (-webkit-min-device-pixel-ratio:0), screen and (-webkit-min-device-pixel-ratio:0)
  and (-o-min-device-pixel-ratio:0/1), screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) { 
   #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
	right: 180px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(88,171,37,1)),color-stop(75%, rgba(217,224,33,1)));
	background: -o-linear-gradient(left, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	background: linear-gradient(to right, rgba(88,171,37,1) 0%,rgba(217,224,33,1) 75%);
	border-radius: 25px 0 0 25px;
	top: -40px;
}
	}
	#accès-direct-footer .wrap {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}
	.grid-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	
}
.widget-title.h5::before {
	top: 7px;
}
	#one-click-mobile .one-click-title, #nav_menu-2 .widget-title {
	padding: .5em 4em .5em 1em;
	border-radius: 15px;
}
	.tools #nav_menu-2 {
	position: relative;
	right: 0;
	top: inherit;
	bottom: -90px;
	width: 50%;
	margin: auto;
	z-index: 1;
}
	#zone-contact {
	position: absolute;
	left: 1.55em;
	bottom: -25px;
	top: inherit;
	height: 45px;
}
	.tools-wrap {
	display: block;
}
	#agenda .container {
	padding: 0 .5em 3em;
}
	.page-template-default #primary article .entry-header, .single #primary article .entry-header, .blog #primary article .entry-header, .archive #primary article .entry-header, .error404 #primary article .entry-header {
	padding: 1.5em;
}
.page-template-default #primary article .entry-content, .single #primary article .entry-content, .blog #primary article .entry-content, .archive #primary article .entry-content, .error404 #primary article .entry-content {
	padding: 0 1.5em !important;
}
	.site-branding .custom-logo-link {
	padding-bottom: 4em;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
	z-index: 1;
	position: relative;
}
	.search #primary {
	float: none;
	margin-top: 0;
	width: 100%;
}
	
article #actus .entry-title a, article .parent-page .entry-title a {
	white-space: inherit;
	width: auto;
}
	.home #primary #main {
	position: relative;
	margin-top:0;
	z-index: ;
	z-index: 2;
}

	.has-header-image.twentyseventeen-front-page .custom-header {
	display: none !important;
}

.tools {
	display: block;
	float: none;
	margin-top: 0;
	height: auto;
	width: 100%;
	bottom: 41px;
	position: absolute;
	right: 0;
}
.tools .search-form {
	position: absolute;
	right: 0;
	bottom: -36px;
}
.twentyseventeen-panel {
	overflow: inherit;
	position: relative;
}
#accès-direct-footer .entry-desc {
	font-size: .9em;
}
.home #actus .aside-wrap {
	margin: 2em 0;
}
	.annuaire-content {
	margin: .5em 0;
}
			.annuaire-wrap {
	display: -ms-grid;
	display: grid;
		-ms-grid-columns:100%;
		grid-template-columns:100%;
}
	#page .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 0 33.33% 0 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%; 
	grid-gap: 0;
	text-align: center;
}
	#page #agenda .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 0 50% 0;
	grid-template-columns: 50% 50%; 
	grid-gap: 0;
	text-align: center;
}
.home #page .container {
	text-align: initial;
}
	#diapo {
		display: none;
	}


	.page-template-default article .entry-content {
	margin-top: 2.5em;
	text-align: justify;
}
	.page-template-default #primary .entry-header .single-featured-image-header, .single #primary .entry-header .single-featured-image-header {
	background-color: transparent;
	border-bottom: none;
	width: 100%;
	margin-left: 0;
}
.alignleft {
	display: inline;
	float: none;
	margin-right: 0;
	text-align: center;
}
	.alignright {
	display: inline;
	float: none;
	margin-left: 0;
	text-align: center;
}
	.widget-column.footer-widget-3 {
	position: relative;
	bottom: 0;
	right: 0;
	text-align: center;
}
	#colophon {
	background: #0086CB url('https://www.quistinic.fr/wp-content/uploads/2021/06/carte.svg') no-repeat right 80%/350px;
}
		.page:not(.home) #primary article .parent-page {
	width: 100%;
	padding: 0 2em;
	margin-bottom: 2em;
}
	#breadcrumbs {
	padding: 0 2em;
}
	.home #demarches .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	padding: 0em;
}
.home #demarches a {
	padding: 1em;

}
	.tools #search-form-1 {
	margin-bottom: .5em;
}


	#text-8 {
	display: none;
}
		.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
	position: absolute;
}
.home #actus {
	background: #fff0 !important;
}
	.custom-header-media::before {
		content: none;
	}

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
	display: block;
	height: 350px;
}
	.home #actus .container {
	-ms-grid-columns: auto;
	grid-template-columns: auto;
}

	.home #actus .aside-wrap a img {
	width: 100%!important;
	max-width: 100% !important;
}
		.page:not(.home) #actus .aside-wrap a img {
		max-width: 200px;
	}
}

@media screen and (max-width: 479px) {
	#page #agenda .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%; 
	grid-gap: 0;
	text-align: center;
}

	.grid-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
}
		.widget-title.h5::before {
	top: 3px;
}
	#agenda .entry-wrap:first-child .aside-title {
	border-bottom: 2px solid #D9E021;
	padding-bottom: 1.5em;
}
	#agenda .container {
	display: block;
}
body.mega-menu-top .navigation-top .wrap {
    padding: 0 .95em;
}
#zone-contact {
	left: .95em;
	z-index: 1;
}
.tools #nav_menu-2 {
	position: relative;
	right: 0;
	top: inherit;
	bottom: -86px;
	width: 65%;
	margin: auto;
}

		#page .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 0 50%;
	grid-template-columns: 50% 50%; 
	grid-gap: 0;
	text-align: center;
}
		#page #genda .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%; 
	grid-gap: 0;
	text-align: center;
}
	#demarches-agenda .wrap {
	padding: 0;
}
	.home #demarches .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	padding: 0 1.5em;
}
	#more .more-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}
	#colophon {
	background: #0086CB;
}
#horaires {
	text-align: center;
}
	.wrap {
	padding-left: 1em;
	padding-right: 1em;
}
	#accès-direct-footer .wrap {
	display: block;
}
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
	height: 150px;
}
}

@media screen and (min-width: 480px) {

}

@media screen and (max-width: 360px) {
.section-title h2, #more .section-title, body.page:not(.twentyseventeen-front-page) h1, .single h1, .error404 .page-title, .search .page-title, .tribe-events-single-event-title {
	font-size: 1.5em !important;
}
	#page .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%; 
	grid-gap: 0;
	text-align: center;
}
}

@media screen and (min-width: 359px) {

}