/*
Theme Name: Centre LGBTQIA+ Marseille
Theme URI: https://centrelgbtqiamarseille.org/
Author: Lionel Da Costa
Author URI: https://centrelgbtqiamarseille.org/
Description: Look beautiful everywhere.
Version: 1.0
Tags: one-column, two-columns
Text Domain: Centre LGBTQIA+ Marseille
*/
/*********************** RESET **************************************/
@font-face {
font-family: 'Infini Regular';
font-style: normal;
font-weight: normal;
src: local('Infini Regular'), url('font/infini-romain.woff') format('woff');
}

@font-face {
font-family: 'Infini Bold';
font-style: normal;
font-weight: normal;
src: local('Infini Bold'), url('font/infini-gras.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("font/Inter-Regular.woff2?v=3.19") format("woff2"),
       url("font/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("font/Inter-Bold.woff2?v=3.19") format("woff2"),
       url("font/Inter-Bold.woff?v=3.19") format("woff");
}

html,body{
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
	font-size: 16px;
	font-size: clamp(16px,1.5vw,24px);
	line-height: 1.3;
}
body{
	text-align:left;
	font-family: 'Inter',Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height:1.3;
	word-wrap: break-word;
	overflow-wrap: break-word;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	position:relative;
}
svg,
img{
	max-width:100%;
	height:auto;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Infini Bold';
	font-weight: 400;
    font-style: normal;
	margin:0;
	cursor:default;
}
p{
	margin:0;
	margin-bottom: 1rem;
	cursor:default;
}
h1{
	font-size:2rem;
	margin-bottom: 1.37rem;
}
h2{
	font-size:1.5rem;
	margin-bottom: 0.75rem;
}
h3{
	font-size:1.3rem;
	margin-bottom: 0.62rem;
}
h4{
	font-size:1.12rem;
	margin-bottom: 0.25rem;
}
h5{
	font-size:1rem;
	margin-bottom: 0rem;
}
.clear{
	clear:both;
}
html{
	background-color:white;
	min-height:100%;	
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x:hidden;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
.wp-block-columns {
    box-sizing: border-box;
    display: flex;
}
.center{
	text-align:center;
}
.gap{
	padding-top:1.22rem;
}
.gap32{
	padding-top:1.77rem;
}
.gap44{
	padding-top:2.44rem;
}
.gap12{
	padding-top:0.66rem;
} 
.gap18{
	padding-top:1rem;
} 
.width-wrapper{
	max-width:1380px;
	margin:0 auto;
}
#colophon,
#primary{
	padding: 0 12px;	
}
.width-wrapper780{
	max-width:780px;
	margin:0 auto;
}
.content-area{
	padding-top:32px;
	padding-bottom:32px;
}
#page{
	padding-top: 22px;
	padding-top: clamp(22px,2.5vw,64px);
}
a{
	color:black;
}
/*********************** CUSTOM **************************************/
iframe[src*="youtube"]{
	max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
} 
.main-menu{
	font-family: 'Infini Bold';
}
ul.footer-menu,
.footer-menu li,
ul.main-menu ,
.main-menu li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.main-menu{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}
.footer-menu a,
.main-menu a{
	color: black;
	text-decoration:none;
	display:inline-block;
	padding:12px;
}
.footer-menu a{
	font-size:0.72rem;
}
.main-menu li:last-child a{
	padding-right:0;
}
.main-menu li:first-child a{
	padding-left:0;
}
.footer-menu,
.footer-menu li,
.main-menu li{
	display:inline-block;
}
header{
	padding:12px;
}
header nav{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	text-transform: uppercase;
}
.uppercase{
	text-transform: uppercase;
}
#home-logo{
	line-height:0;
}
#home-logo a{
	display:inline-block;
	line-height:0;
}
#home-logo a svg,
#home-logo a img{
	display:block;
}
.main-menu a {
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 1)
    ),
    linear-gradient(
      to right,
      rgba(255, 0, 0, 1),
      rgba(255, 0, 180, 1),
      rgba(0, 100, 200, 1)
  );
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
.main-menu .current-menu-item a,
.main-menu a:hover {
  background-size: 0 3px, 100% 3px;
}
.main-menu a{
	font-size: 20px;
	line-height: 1.3;
}
ul.main-menu{
	margin-left:22px;
	margin-bottom: 14px;
}
#burger {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-block;
    cursor: pointer;
    padding: 12px;
}
#burger span {
    height: 3px;
    width: 26px;
    background: black;
    display: block;
    position: absolute;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
#burger span:nth-child(1) {
    top: 12px;
    left: 12px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
#burger.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 24px;
}
#burger span:nth-child(3) {
    top: 28px;
    left: 12px;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}
#burger.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 24px;
}
#burger span:nth-child(2) {
    top: 20px;
    left: 12px;
}
#burger.active span:nth-child(2) {
    opacity: 0;
}
#burger{
	display:none;
}
#main-nav-wrapper {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
	-webkit-transition: background .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out;
	transition: background .3s ease-out,box-shadow .3s ease-out,transform .3s ease-out;
	-webkit-transform: none;
	transform: none;
	background:white;
}
#main-nav-wrapper.hidden:not(.extended) {
    webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#main-nav-wrapper.scrolled {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}
#social-nav-header a{
	display:inline-block;
	vertical-align:top;
}
#social-nav-header a:last-child{
	margin-left:6px;
}
#social-nav-header{
	position:absolute;
	top:17px;
	right:32px;
}
#svg-logo .st0{fill:none;stroke:#F5D300;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st1{fill:none;stroke:#74AD3E;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st2{fill:none;stroke:#DE9DC1;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st3{fill:none;stroke:#C7336A;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st4{fill:none;stroke:#09090A;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st5{fill:none;stroke:#9AC8EE;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st6{fill:none;stroke:#771E7D;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st7{fill:none;stroke:#5A3D18;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st8{fill:none;stroke:#D67C2F;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st9{fill:none;stroke:#C20012;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st10{fill:none;stroke:#000000;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st11{fill:none;stroke:#A665A1;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st12{fill:none;stroke:#593C16;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st13{fill:none;stroke:#294190;stroke-width:4.3506;stroke-linecap:round;stroke-miterlimit:10;}
#svg-logo .st14{stroke:#000000;stroke-width:0.9;stroke-miterlimit:10;}
#svg-logo .st15{fill:#771E7D;stroke:#771E7D;stroke-width:0.9;stroke-miterlimit:10;}
#anemone-svg-group,
path,
g,
svg{
	transform-box: fill-box;
	transform-origin: center center;
}

#home-logo:hover #logoZoom-svg-group{
	animation: heartBeat 1s ease-out 0s 1;
}		
#home-logo:hover #anemone-svg-group{
	animation: jello 1s ease-out 0s 1;
}
#svg-logo{
	overflow: visible;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}	
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
body{
	padding-top:132px;
}
.accordeon-btn{
	padding-right:44px;
	position:relative;
}
.accordeon-title{
	margin:0;
	padding-right: 32px;
}
.accordeon-target{
	display:none;
	padding:32px;
	border-bottom:1px solid black;	
}
.accordeon-target.open{
	display:block;
}
.accordeon-btn{
	padding:12px 0 12px 32px;
	cursor:pointer;
	border-bottom:1px solid black;
}
.accordeon-look{
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:12px 0 12px 32px;	
	margin:0;
}
.no-border-bottom{
	border-bottom: none;
}
.accordeon-btn .accordeon-title{
	cursor:pointer;
}	
.accordeon-btn .accordeon-title:after{
	content:'+';
	display:block;
	position:absolute;
	right:12px;
	top:12px;
}
.horizontal-bg{
    background: linear-gradient(180deg, 
        rgba(0,0,0,0) 50%, 
        rgba(0,0,0,1) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
    );
	margin-bottom: 0.75rem;
}
.white-bg{
	background:white;
	padding-right:8px;
	display:inline-block;
	margin:0;
}
.accordeon-btn h5.accordeon-title:after{
	font-size: 1.5rem;
	top:auto;
	bottom: 12px;
}
.accordeon-btn{
	opacity:1;
	-webkit-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out;
}
.centre-title{
	padding:0 32px;
	margin-bottom:6px;
}
.wp-block-columns.single-agenda-grid,
.accordeon-target .wp-block-columns{
	gap: 32px;
}
.accordeon-target .wp-block-columns,
.accordeon-target .wp-block-column p:last-child{
	margin-bottom:0;
}
.accordeon-btn:hover{
	opacity:0.6;
}
.accordeon-btn.active .accordeon-title:after{
	content:'-';
}
.d1d1e9-bg{
	background-color:#d1d1e9;
}
.dfd3e7-bg{
	background-color:#dfd3e7;
}
.ece1ef-bg{
	background-color:#ece1ef;
}
.f8edf5-bg{
	background-color:#f8edf5;
}
.f2d8c9-bg{
	background-color:#f2d8c9;
}
.f8e7d5-bg{
	background-color:#f8e7d5;
}
.fff000-bg{
	background-color:#fff000;
}

.bg-74ad3e{
	background-color:#74ad3e;
}
.bg-9ac8ee{
	background-color:#9ac8ee;
}
.bg-d67c2f{
	background-color:#d67c2f;
}
.bg-f5d300{
	background-color:#f5d300;
}
.bg-de9dc1{
	background-color:#de9dc1;
}
.block-1-home{
	padding:32px;
}
.block-1-home p:last-child{
	margin-bottom:0;
}
.block-1-home-img{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
@-webkit-keyframes come-in-top {
	to { 
		-webkit-transform: translateY(0); 
		opacity: 1;
	}
}
@keyframes come-in-top {
	to {
		opacity: 1;
		transform: translateY(0); 
	}
}
@-webkit-keyframes come-in-x {
	to { -webkit-transform: translateX(0); }
}
@keyframes come-in-x {
	to { transform: translateX(0); }
}
@-webkit-keyframes come-in-y {
	to { -webkit-transform: translateY(0); }
}
@keyframes come-in-y {
	to { transform: translateY(0); }
}
.enter-right{
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
	-webkit-animation: come-in-x 0.8s ease forwards;
	animation: come-in-x 0.8s ease forwards;
}
.enter-left{
	-webkit-transform: translateX(-200px);
	transform: translateX(-200px);
	-webkit-animation: come-in-x 0.8s ease forwards;
	animation: come-in-x 0.8s ease forwards;
}
.from-right.come-in {
	-webkit-transform: translateX(400px);
	transform: translateX(400px);
	-webkit-animation: come-in-x 0.8s ease forwards;
	animation: come-in-x 0.8s ease forwards;
}
.enter-bottom,
.from-bottom.come-in{
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
	-webkit-animation: come-in-y 0.8s ease forwards;
	animation: come-in-y 0.8s ease forwards;
}
.already-visible.animated-module,
.animated-module.come-in.already-visible,
.come-in.already-visible,
.already-visible {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-animation: none;
	animation: none;
}
.wp-block-columns.no-gap,
.is-layout-flex.wp-block-columns.no-gap{
    gap: 0;
}
.block-1-home h1{
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.home-bloc-1-a a{
	color:black;
    font-family: 'Infini Bold';
    font-weight: 400;
    font-style: normal;
	font-size: 1.4rem;
	text-decoration:none;
	background:linear-gradient( to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), linear-gradient( to right, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1) );
	background-size: 100% 3px, 0 3px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 400ms;
	display:inline-block;
}
.home-bloc-1-a a:hover {
	background-size: 0 3px, 100% 3px;
}
#revendicactionaccordeon1{
	border-top:1px solid black;
}
.readmore{
	display:none;
}
.revendicaction-target2 .readmore,
.revendicaction-target2 .wp-block-column{
	column-count: 4;
}
.black-bg-btn-wrapper a,
.white-bg-btn-wrapper a,
.btn{
	font-size: .7rem;
	display: inline-block;
	text-decoration: none;
	font-weight: 700;
	padding: 10px 32px;
	border-radius:24px;
	color:black;
	border: 1px solid black;
	-webkit-transition: color .5s ease, background .5s ease, border .5s ease, transform .5s ease, box-shadow .5s ease;
	transition: color .5s ease, background .5s ease, border .5s ease, transform .5s ease, box-shadow .5s ease;
	margin:22px 16px 0 0;
}
.white-bg-btn-wrapper a,
.black-bg-btn-wrapper a{
	margin:1rem 0 0 0;
}
.black-bg-btn-wrapper a,
.white-bg-btn-wrapper a{
	font-size: .9rem;
}
.white-bg-btn-wrapper a:hover,
.btn:hover,
.black-bg-btn-wrapper a,
.black-bg-btn{
	background:black;
	color:white;
}
.black-bg-btn-wrapper a:hover,
.black-bg-btn:hover{
	color:black;
	background:white;
}
.black-bg-btn:hover,
.white-bg-btn-wrapper a:hover,
.btn:hover,
.black-bg-btn-wrapper a:hover{
	color:white;
	background:#761d7b;
	border-color:#761d7b;
	/*
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
	box-shadow: 0 0 12px rgba(0,0,0,0.5);	
	*/
}
.f3dce2-bg{
	background-color:#f3dce2;
}
.dfd3e7-bg{
	background-color:#dfd3e7;
}
.cccccc-bg{
	background-color:#cccccc;
}
.date-display{
	font-family: 'Inter',Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-weight:bold;
	font-size:0.8em;
}
.single-agenda{
	font-size:0.5em;
}
.float-left-img{
	float:left;
	margin:0 1rem 0.1rem 0;
	max-width:48%;
	height:auto;
}
.has-border.accordeon-btn{
	border: 1px solid white;
	border-bottom:none;
}
.has-border.accordeon-target{
	border: 1px solid white;
	border-top:none;
}
.has-border.accordeon-btn.active,
.has-border.accordeon-target.open{
	border-color:black;
}
.grille-logo{
	display:inline-block;
	vertical-align:middle;
	margin:22px 12px;
	max-width:320px;
}
.asso-grid.wp-block-columns{
	flex-wrap: wrap !important;
	gap:0;
}
.asso-grid.wp-block-columns .wp-block-column{
	/* flex: 1 0 calc(25% - 10px); */
	flex: 1 0 25%;
    padding: 0 1% 1% 1%;
	max-width:25%;
	position:relative;
	overflow:hidden;
	margin-bottom:22px;
}
.asso-grid.wp-block-columns .wp-block-column img{
	border:1px solid black;
	display:block;
	width:100%;
	height:auto;
}
.logo-asso-div-wrapper{
	padding:10px;
	border:1px solid black;
}
.logo-asso-div{
	padding-top:71.87%;
	background-position:center center;
    background-size: contain;
	background-repeat:no-repeat;
}
.lien_assoc{
	font-size:0.8rem;
}
.cat_asso_tag{
	font-size: 0.6rem;
	border: 1px solid black;
	padding: 8px 8px;
	border-radius: 28px;
	display: inline-block;
	vertical-align: top;
	margin: 2%;
	text-align: center;
	width: 46%;
}
select.cat-select {
	cursor:pointer;
	
  /* styling */
  background-color: white;
  border: 1px solid black;
  border-radius: 0;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select.cat-select {
  background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, #000, #000);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.cat-select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}
select.cat-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.lien_assoc span{
	font-size:1.4em;
	display:inline-block;
	vertical-align:middle;
	margin-right:12px;
}
.read-more-asso-text{
	position: absolute;
    top: 0;
    left: 4%;
    width: 92%;
    height: 100%;
    overflow-y: auto;
    padding: 44px 32px 32px 32px;
    background-color: #fff000;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: transform .5s ease;
    transition: transform .5s ease;
}
.read-more-asso-text.open{
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.read-more-asso-text .close{
	position:absolute;
	top:12px;
	right:12px;
	cursor:pointer;
	font-size:2rem;
	display:inline-block;
}
img.aligncenter{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.page-participer .wp-block-columns.is-layout-flex{
	gap:0;
	border-top: 1px solid black;
}
.huge-title{
	text-align:center;
	font-size:2.8rem;
    margin-bottom: 0.5em;
    line-height: 1.1;	
}
.nomargin{
	margin:0;
}
.page-participer .wp-block-columns.is-layout-flex .wp-block-column{
	padding-top:2em;
}
@media screen and (min-width: 978px) {
	.page-participer .wp-block-columns.is-layout-flex .wp-block-column{
		padding:2em 2em 0 2em;
	}
}
@media screen and (min-width: 782px) {
	.page-participer .wp-block-columns.is-layout-flex .wp-block-column{
		padding:2em 1em 0 1em;
	}	
	.page-participer .wp-block-columns.is-layout-flex .wp-block-column:nth-child(2){
		border-right: 1px solid black;
		border-left: 1px solid black;
	}
}
.asso-text-wrapper{
	background-color: #cccccc;
	padding:14px;
	height: calc(100% + 44px);
}
.asso-text-wrapper .btn{
	margin:0;
}
.asso-text-wrapper p,
.asso-text-wrapper a{
	font-size: 0.7rem;
}
.asso-insta,
.asso-fb{
	display:inline-block;
	width:22px;
	height:22px;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:100% auto;
	margin-right:8px;
	vertical-align:middle;
}
.asso-fb{
	background-image:url('img/pictos/asso-fb.jpg');
}
.asso-insta{
	background-image:url('img/pictos/asso-insta.jpg');
}
img.agenda-blue-filter {
	/*
	-o-filter: url(#agenda-blue-filter);
	-ms-filter: url(#agenda-blue-filter);
	-moz-filter: url(#agenda-blue-filter);
	-webkit-filter: url(#agenda-blue-filter);
	filter: url(#agenda-blue-filter);
	*/
}
.single-agenda-grid h1{
	font-size: 1.6rem;
	margin-bottom: 0;
	line-height: 1.2;
}
.cat_agenda_tags.first-tag-left .cat_asso_tag:first-child{
	margin-left:0;
}
.cat_agenda_tags{
	text-align:left;
}
.accordeon-btn.has-border-top{
	border-top:1px solid black;
}
.cat_agenda_tags .cat_asso_tag {
    padding: 8px 18px;
	width:auto;
	margin:6px;
	font-size:0.8rem;
}
.pre-footer1{
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding: 8px 0;
	font-size:12px;
}
.pre-footer2{
	border-bottom:1px solid black;
	padding: 8px 0;
	font-size:12px;
}
.pre-footer2 .float-right{
    float: right;
    margin-top: -1px;
    margin-bottom: -2px;
    line-height: 0;
}
.pre-footer2 .float-right a{
	text-decoration:none;
	margin-left:10px;
	display:inline-block;
	line-height:0;
}
.agenda-archive-grid a{
	text-decoration:none;
	display:block;
}
.agenda-grid-wrapper .text-wrapper{
	padding: 18px;
    padding-bottom: 0;
}
.agenda-archive-grid a .single-agenda{
	line-height:1;
	display:block;
	font-weight:bold;
	font-size:0.8rem;
}
.grid-image-agenda img{
	display:block;
	width:100%;
	height:auto;
}
.grid-image-agenda{
	background-color:#0f3f93;
}
.agenda-archive-grid.wp-block-columns.is-layout-flex{
	gap:0;
}
.agenda-archive-grid.wp-block-columns .wp-block-column{
	margin-bottom:32px;
}
.agenda-grid-wrapper{
	padding:8px 16px;
	height:100%;
}
.archive-agenda-link p,
.archive-agenda-link h4,
.archive-agenda-link h5,
.archive-agenda-link h3{
	cursor:pointer;	
}
.archive-agenda-link{
    -webkit-transition: transform .5s ease, box-shadow .5s ease;
    transition: transform .5s ease, box-shadow .5s ease;	
	cursor:pointer;
	display:block;
	height:100%;
}
.wp-block-column:not(.inactive) .archive-agenda-link:hover{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
}
.inactive .archive-agenda-link,
.inactive .archive-agenda-link p,
.inactive .archive-agenda-link h4,
.inactive .archive-agenda-link h5,
.inactive .archive-agenda-link h3{
	cursor:default;	
}
.inactive .archive-agenda-link{
	font-size:18px;
}
.home-manifeste-actions-wrapper .text-wrapper p:last-child,
.inactive .archive-agenda-link p:last-child{
	margin-bottom:0;
}
.has-line .line,
.agenda-archive-grid .line{
	display:block;
	background: linear-gradient(180deg, 
        rgba(0,0,0,0) 50%, 
        rgba(0,0,0,1) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
    );
}
.has-line .line b,
.agenda-archive-grid .line b{
	display:inline-block;
	padding: 0 16px;
	background-color:white;
}
.agenda-archive-grid.wp-block-columns .wp-block-column {
    flex-basis: 20%!important;
	max-width:352px;
}
.agenda-archive-grid.wp-block-columns{
	flex-wrap: wrap!important;
}
.agenda-archive-grid a h5{
	padding-top:0.5rem;
	padding-bottom: 1rem;
}
.agenda-archive-grid .cat_agenda_tags{
	text-align:left;
}
.agenda-archive-grid .cat_agenda_tags .cat_asso_tag:first-child{
	margin-left:0;
}
.agenda-archive-grid .cat_agenda_tags .cat_asso_tag{
	font-size:0.6rem;
}
.past-events.agenda-archive-grid a{
	background-color:#cccccc;
}
.past-events.agenda-archive-grid img.agenda-blue-filter {
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.bg-c8412d{
	background-color:#c8412d;
}
.bg-d57b2e{
	background-color:#d57b2e;
}
.bg-f5d300{
	background-color:#f5d300;
}
.bg-8ab64c{
	background-color:#8ab64c;
}
.bg-99c7ee{
	background-color:#99c7ee;
}
.bg-a664a1{
	background-color:#a664a1;
}
.bg-dd9cc1{
	background-color:#dd9cc1;
}
.bg-9dcac8{
	background-color:#9dcac8;
}
.bg-afafd6{
	background-color:#afafd6;
}
.bg-fff000{
	background-color:#fff000;
}
.bg-b19872{
	background-color:#b19872;
}
.bg-eecec3{
	background-color:#eecec3;
}
.bg-fbd9c9{
	background-color:#fbd9c9;
}
.bg-e4d4e9{
	background-color:#e4d4e9;
}
.small-spacing{
	letter-spacing: -1.5px;
    line-height: 1.2;
}
.small-spacing span,
.small-spacing a{
	letter-spacing: normal;
}
.margin-bottom-34{
	margin-bottom:34px;
}
.img-flex-home{
	padding-top:50%;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.manifeste-home .img-flex-home{
	background-color:#633a0c;
	background-image:url('img/manifeste-home.jpg');
}
.actions-home .img-flex-home{
	background-color: #f1e9f5;
	background-image:url('img/nos-actions-home.jpg');
}
.paddingtop16{
	padding-top:16px;
}
.home-manifeste-actions-wrapper{
	font-size:18px;
}
.home-manifeste-actions-wrapper .text-wrapper{
    padding: 18px;
}
.agenda-archive-grid-home .agenda-grid-wrapper {
    padding: 16px 16px 8px 16px;
}
.infiniti{
	font-family: 'Infini Bold';
}
.inter{
	font-family: 'Inter',Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
#filter-holder{
	height: 0px;
	width: 0px;
}
.agenda-archive-grid-home{
	margin-right:-16px;
	margin-left:-16px;
}
.has-line .line b.nopadding-left,
.nopadding-left{
	padding-left:0;
}
#primary.revendicaction .accordeon-target ul{
	margin-top:0;
}
#primary.revendicaction .readmore{
	padding-top: 32px;
    border-top: 1px solid black;
    margin-top: 32px;
}
.footer-flex{
	display:flex;
	flex-wrap: nowrap;
}
.newsletter-title{
	border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 8px;
    font-size: 12px;
	background-color:#e6e6e6;
	padding-left:22px;
}
#mce-EMAIL,
#mc-embedded-subscribe{
	outline: none;
	border:none;
	background-image:none;
	background-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;  
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 8px;
    font-size: 12px;
	color:black;
	display: inline-block;
	vertical-align:top;
	height:100%;
}
.footer-newsletter{
	min-width:160px;
}
.flex-group-mc,
#mc_embed_signup_scroll,
#mc_embed_signup,
#mc_embed_signup form{
	height:100%;	
}
#mc_embed_shell{
	height:calc(100% - 33px);
}
#mc-embedded-subscribe{
	border-left: 1px solid black;
	cursor:pointer;
}
::-ms-input-placeholder { /* Edge 12-18 */
    font-size: 12px;
	color:black;
}

::placeholder {
    font-size: 12px;
	color:black;
}
.footer-newsletter{
	border-bottom: 1px solid black;
	width:33%;
}
#mce-EMAIL{
	width: calc(100% - 36px);
	line-height: 16px;
	padding-left:22px;	
}
.footer-flex .pre-footer1,
.footer-flex .pre-footer2{
	padding-right:22px;
	border-right: 1px solid black;
}
.footer-datas{
	flex-grow: 4;
}
#social-nav-header .black-bg-btn-wrapper{
	display:inline-block;
	vertical-align:top;
}
#social-nav-header .black-bg-btn-wrapper p{
	margin:0;
}
#social-nav-header .black-bg-btn-wrapper a{
	margin:0;
	padding: 6px 16px;
	font-size: 15.075px;
    margin-top: -4px;
    margin-right: 5px;
}
.date-display.home-display {
    text-transform: capitalize;
    font-family: 'Infini Bold';
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
}
.has-min-height {
    min-height: calc(100% - 16px - 1.3rem);
}
.block-1-home-img .file-list-image{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:100%;
}
.slider-progress{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
}
.slider-progress span{
	top: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 0px;
	height: 100%;
	background-color: rgba(233, 233, 120, 0.7);
	transition: all 0s linear;
}
.slider-progress span.active{
	width: 100%;
}
.has-slider,
.file-list-slider{
	position:relative;
}
.photo-gallery-link{
	padding:8px;
	display:inline-block;
	-webkit-transition:opacity .3s linear;
	transition:opacity .3s linear;
	opacity:1;
	vertical-align: top;
}
.photo-gallery-link:hover{
	opacity:0.7;
}
.charte p {
    margin: 0;
    margin-bottom: 1rem;
    cursor: default;
}
/*********************** MEDIA QUERIES **************************************/
/*RETINA*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	   
}
@media screen and (max-width: 1440px) {
	.agenda-archive-grid.wp-block-columns .wp-block-column {
		flex-basis: 25%!important;
	}
	.home-agenda-archive-grid.agenda-archive-grid.wp-block-columns .wp-block-column:nth-child(4){
		display:none;
	}
}	
@media screen and (max-width: 1080px) {
	.agenda-archive-grid.wp-block-columns .wp-block-column {
		flex-basis: 33.33%!important;
	}
	.home-agenda-archive-grid.agenda-archive-grid.wp-block-columns .wp-block-column:nth-child(3){
		display:none;
	}	
}
@media screen and (max-width: 720px) {
	.agenda-archive-grid.wp-block-columns .wp-block-column {
		flex-basis: 50%!important;
	}
	.home-agenda-archive-grid.agenda-archive-grid.wp-block-columns .wp-block-column {
		max-width: 100%;
	}	
	.home-agenda-archive-grid.agenda-archive-grid.wp-block-columns .wp-block-column:nth-child(3),
	.home-agenda-archive-grid.agenda-archive-grid.wp-block-columns .wp-block-column:nth-child(4){
		display:block;
	}	
}
@media screen and (max-width: 440px) {
	.agenda-archive-grid.wp-block-columns .wp-block-column {
		flex-basis: 100%!important;
	}
	.agenda-archive-grid.wp-block-columns .wp-block-column .hide-on-mobile{
		display:none;
	}
}
@media screen and (max-width: 1440px) {
	.read-more-asso-text{
		padding: 44px 14px 32px 14px;	
	}
}
@media screen and (max-width: 1380px) {
	.main-menu a{
		font-size: 18px;
	}
}
@media screen and (max-width: 870px) {
	.huge-title{
		font-size:2.2rem;
	}
}
@media screen and (max-width: 1280px) {
	.main-menu a{
		font-size: 16px;
		padding:12px 8px;
	}
	#social-nav-header{
		right:12px;
	}
}
@media screen and (max-width: 1140px) {
	#social-nav-header{
		top: 22px;
		right:22px;
	}
	#burger{
		display:block;
		position: absolute;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		top: 66px;
		right: 20px;
		z-index: 9999;
	}
	#burger.active{
		position: fixed;
	}
	header nav{
		display:block;
	}
	#main-nav{
		position: fixed;
		top: 0;
		left: 100%;
		right: -100%;
		bottom: 0;
		background: white;
		z-index: 1090;
		opacity: 0;
		-webkit-transition: .5s all;
		transition: .5s all;
		display: table;
		width: 100%;
		padding-top:92px;
		height:100vh;
	}
	.main-menu{
		border:none;
	}
	.main-menu li{
		display:block;
	}
	#main-nav.active{
		display: table;
		opacity: 1;
		left: 0;
		right: 0;	
	}
	#row-wrapper {
		display: table-row;
		vertical-align: middle;
	}
	#menu-wrapper {
		display: table-cell;
		vertical-align: middle;
		padding: 0 44px;
	}
	#menu-wrapper ul, #menu-wrapper li {
		padding: 0;
		margin:0;
		list-style: none;
	}
	#menu-wrapper ul{
		overflow-y:auto;
		text-align:center;
	}
	#menu-wrapper a {
		text-decoration:none;
		text-transform:uppercase;
		display:block;
		padding:12px 22px;
		color:black;
		font-size: 2rem;
		font-weight:bold;
		line-height: 1.2em;
		text-transform: uppercase;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-webkit-transition: all .5s;
		transition: all .5s;	
	}
	.main-menu a {
		background:
		linear-gradient(
		  to right,
		  rgba(0, 0, 0, 1),
		  rgba(0, 0, 0, 1)
		),
		linear-gradient(
		  to right,
		  rgba(255, 0, 0, 1),
		  rgba(255, 0, 180, 1),
		  rgba(0, 100, 200, 1)
		);
		background-size: 100% 3px, 0 3px;
		background-position: 100% 100%, 0 100%;
		background-repeat: no-repeat;
		transition: background-size 400ms;
	}
	.main-menu .current-menu-item a,
	.main-menu a:hover {
	  background-size: 0 3px, 100% 3px;
	}		
}
@media screen and (max-width: 980px) {
	.asso-grid.wp-block-columns .wp-block-column{
		flex: 1 0 33.33%;
		padding: 0 2% 4% 2%;
		max-width:33.33%;
	}
}
@media screen and (max-width: 830px) {
	.pre-footer2 .float-right{
		float:none;
		text-align:left;
		padding-top:4px;
	}
	.pre-footer2 .float-right a:first-child{
		margin-left:0;
	}
}
@media screen and (max-width: 820px) {
	.revendicaction-target2 .readmore,
	.revendicaction-target2 .wp-block-column{
		column-count: 3;
	}
}
@media screen and (max-width: 740px) {
	#social-nav-header{
		top: 12px;
		right:22px;
	}
	#menu-wrapper {
		padding: 0 32px;
	}	
	#burger{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		top: 42px;
		right: 20px;
		z-index: 9999;
	}
	#home-logo{
		width:180px;
	}
	body{
		padding-top:95px;
	}
}
@media screen and (max-width: 680px) {
	.asso-grid.wp-block-columns .wp-block-column{
		flex: 1 0 50%;
		padding: 0 2% 4% 2%;
		max-width:50%;
	}
}
@media screen and (max-width: 640px) {
	.revendicaction-target2 .readmore,
	.revendicaction-target2 .wp-block-column{
		column-count: 2;
	}
}
@media screen and (max-width: 580px) {
	#menu-wrapper a{
		font-size: 1.2rem;
	}
	.footer-flex{
		display:block;
	}
	.footer-flex .pre-footer1, .footer-flex .pre-footer2 {
		padding-right: 0px;
		border-right: none;
	}	
	.newsletter-title {
		border-top: none;
	}
	.footer-newsletter{
		width:100%;
	}
}
@media screen and (max-width: 480px) {
	.revendicaction-target2 .readmore,
	.revendicaction-target2 .wp-block-column{
		column-count: 1;
	}
}
@media screen and (min-width: 1440px) {
	header {
		padding: 12px 32px;
	}
	#colophon, #primary {
		padding: 0 32px;
	}
}
@media screen and (max-width: 1140px) and (max-height: 640px) {
	#main-nav.active{
		display:block;
		overflow:auto;
		width:100%;
	}
	#menu-wrapper, 
	#row-wrapper {
		display: block;
		width: 100%;
	}	
}
@media screen and (max-width: 580px) and (max-height: 500px) {
	#main-nav.active{
		display:block;
		overflow:auto;
		width:100%;
	}
	#menu-wrapper, 
	#row-wrapper {
		display: block;
		width: 100%;
	}
}
@media screen and (min-width: 1280px) {
	.width-wrapper780{
		max-width:980px;
	}
}
@media screen and (min-width: 1440px) {
	.width-wrapper780{
		max-width:1280px;
	}
}
@media screen and (max-width: 781px) {
	.hide-br-on-mobile br{
		display:none;
	}
	.block-1-home-img:not(.has-slider){
		padding-top:440px;
		padding-top: clamp(220px,60vw,440px);
	}
	.single-agenda-grid .main-image-agenda{
		order:2;
	}
}
.main-menu li.mobile-only{
	display:none;
}
@media screen and (max-width: 580px) {
	.main-menu li.mobile-only{
		display:block;
	}
	#social-nav-header .black-bg-btn-wrapper{
		display:none;
	}
}
@media screen and (max-width: 440px) {
	.asso-grid.wp-block-columns .wp-block-column{
		flex: 1 0 100%;
		padding: 0 2% 4% 2%;
		max-width:100%;
	}
}
@media screen and (max-width: 420px) {
	.asso-grid.wp-block-columns .wp-block-column{
		padding: 0 0 32px 0;
	}
}
@media (min-width: 782px) {
.block-1-home-img .file-list-slider,
.block-1-home-img .slick-list,
.block-1-home-img .slick-track,
.block-1-home-img .slick-slide{
	height:100%;
}
}
@media (max-width: 781px) {
.block-1-home-img .file-list-slider,
.block-1-home-img .slick-list,
.block-1-home-img .slick-track,
.block-1-home-img .slick-slide{
	max-height:90vw;
}
}
.block-1-home-img .file-list-image {
    background-position: bottom left;
}
.photo-gallery-link,
.photo-gallery-link small{
	font-size:0.8em;
	color:rgb(40, 40, 40);
	text-decoration:none;
	text-align:left;
}