body
{
	background-color: #fff;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.dm-serif-text-regular {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: normal;
}

.dm-serif-text-regular-italic {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: italic;
}

*, body, p, h1, h2, h3,h4, h5, blockquote, span, div, i, strong, em, div, a, ul, li, ol, label, b, td
{
  	font-family: "Roboto", sans-serif;
	
	font-weight: 400;
	color:#002D44;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a
{
	font-family: "DM Serif Text", serif;
}

p, li
{
	font-size: 16px;
	line-height: 22px;
}

#branding
{
	height: 120px;
	padding: 10px 0;
}

#branding .centrer
{
	overflow: visible;
	display: block;
}

.logo-site
{
	float: left;
}

.titre-site
{
	font-family: "DM Serif Text", serif;
  font-size: 25px;
  float: left;
  width: 130px;
  margin-left: 20px;
  margin-top: 15px;;
}

#access
{
	float: right;
}

#access .burger
{
	display: none;
}

#access div > ul
{
	list-style: none;
	margin: 0;
	margin-top: 40px;
}

#access div > ul > li
{
	margin: 0 10px;
}

#access div > ul > li > a
{
	font-size: 14px;
	text-transform: uppercase;

	transition: .3s ease all;
	border-bottom: 3px solid #fff;
}

#access div > ul > li > a:hover,
#access div > ul > li.current-menu-item > a
{
	text-decoration: none;
	color:#00A3C1;
	border-bottom-color: #00A3C1;
}




#main
{
}


.logo
{
	float: left;
}

.logo img
{
	width: 100px;
}

header
{
	background-color: #FFF;
}

body
{
	background-color: #F5F5F5;
}

.section
{
	padding: 50px 0;
}

.col
{
	padding: 20px;
	background-color: #FFF;
}

.col > .col
{
	padding: 0;
}

.grid-align-milieu
{
	align-items: center;
}

.bloc-hero-seance
{
	height: 400px;
	position: relative;
	background: center;
	background-size: cover;
}

.bloc-hero-seance .texte-hero
{
	position: absolute;
	left: 20px;
	bottom:0;
	background-color: rgba(255,255,255,1);
	padding: 20px
}

.pre-titre
{
	text-transform: uppercase;
	font-weight: bold;
	color: #00A3C1;
}



.galerie-masonry
{
	column-count: 4;
	grid-gap: 20px;
}

.galerie-masonry > a
{
	display: grid;
	  break-inside: avoid;
	  margin-bottom: 20px;
}

#custom-lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    align-items: center;
    justify-content: center;
}

#custom-lightbox img {
    max-width: 90%;
    max-height: 80%;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    border: 3px solid white;
}

/* Boutons de navigation */
.lb-next, .lb-prev, .lb-close {
    position: absolute;
    color: white;
    font-size: 40px;
    cursor: pointer;
    user-select: none;
    padding: 20px;
    transition: 0.3s;
}

.lb-next:hover, .lb-prev:hover, .lb-close:hover { color: #ccc; }

.lb-prev { left: 20px; top: 50%; transform: translateY(-50%); }
.lb-next { right: 20px; top: 50%; transform: translateY(-50%); }
.lb-close { top: 10px; right: 20px; font-weight: bold; }


.bloc-hero-seance .date,
.bloc-seance .date
{
	display: block;
	color:#00A3C1;
	font-size: 14px;
	padding-bottom: 10px;
}

.bloc-hero-seance .date::before,
.bloc-seance .date::before
{
	content: "📅 ";
}



.bloc-hero-seance .lieu,
.bloc-seance .lieu
{
	display: block;
	text-transform: uppercase;
	font-size: 14px;
}

.bloc-hero-seance .lieu::before,
.bloc-seance .lieu::before
{
	content: "📍 ";
}




.nom-page, .statut-page
{
	display: none;
}

.frontend-form
{
	margin: 0 -16px;
}

.frontend-form input[type="text"],
.frontend-form input[type="password"],
.frontend-form select,
.frontend-form textarea,
.frontend-form .file-custom,
.form-modif-asso input[type="password"],
.wpcf7-text, .wpcf7-email, .wpcf7-textarea
{
	box-sizing: border-box;
	height: 49px;
	background: #f4f4f4;
	border: 1px solid #c6c6c6;
	  max-width: 100%;
}

iframe
{
	  max-width: 100%;
}

.frontend-form .file-custom
{
	height: auto;
	padding: 20px;
	  width: 100%;
}

.frontend-form .file-drop
{
	height: 70px;
  display: block;

}

.frontend-form textarea, .wpcf7-textarea
{
	height: 220px;
}

.frontend-form .acf-checkbox-list
{
	background: #f4f4f4;
	border: 1px solid #c6c6c6;
	padding: 20px;
	overflow: hidden;
}

.frontend-form .acf-checkbox-list li
{
	float: left;
  margin-right: 30px;
  width: 120px;
  margin-bottom: 10px;
}

.frontend-form .acf-actions a[data-name="edit-preview"]
{
	display: none!important;
}

.frontend-form a.acf-icon
{
	line-height: 26px;
}

.frontend-form .acf-field-submit-button
{
	text-align: center;
}

.frontend-form button,
.frontend-form .button,
.bouton,
.bloc-membre .photo-membre .poste,
.form-modif-asso input[type="submit"],
.wpcf7-submit,
#access .burger
{
  	font-family: "DM Serif Text", serif;
	
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	padding: 10px 20px;
	line-height: 20px;
	border-radius: 20px;
	background: #00A3C1;
	border: none;
}

.frontend-form button:hover,
.frontend-form .button:hover,
.bouton:hover,
.form-modif-asso input[type="submit"]:hover,
.wpcf7-submit:hover,
#access .burger:hover
{
	text-decoration: none;
	cursor: pointer;
	background-color: #002D44;
}

.frontend-form .acf-field-submit-button .acf-input{
  text-align: center;
  display: block;
}

.frontend-form .acf-field-upload-files .acf-hl > li
{
	float: none;
}

.frontend-form .fea-uploads-sort
{
	display: none;
}

.col.erreur
{
	border: 2px solid #D00;
	color:#D00;
	font-weight: bold;
}

.liste-lien
{

}


.liste-lien a
{
	display: block;
	color:#00A3C1;
	font-style: italic;
	margin-bottom: 10px;
}

.liste-lien a::before
{
	content: "🔗 ";
}

.liste-membre-slider
{
	margin: 0 -10px;
}

.liste-membre-slider .slide
{
	padding: 10px;
}

.liste-membre-slider .bloc-membre
{
	padding: 20px;
}

.bloc-membre
{
	background-color: #fff;
}

.bloc-membre .photo-membre
{
	position: relative;
}


.bloc-membre .photo-membre .poste
{
	position: absolute;
	left: 20px;
	top:20px;
	
}

@media (max-width: 1300px)
{


}

@media (max-width: 1000px)
{

	#access .burger+div 
	{
		display: none;
	}

	#access .burger.active+div 
	{
		display: block;
	}

	#access .burger
	{
		display: block;
		float: right;
		margin-top: 35px;
	}

	#access div > ul
	{
		position: absolute;
		  background: #fff;
		  top: 140px;
		  margin-top: 0;
		  right: 0;
		  max-width: 400px;
		  min-width: 50vw;
		  width: 100%;
	      z-index: 9;
	      box-shadow: 0 10px 10px rgba(0, 0, 0, .16);
	}

	#access > div > ul > li {
	  float: none;
	  position: relative;
	  display: block;
	}

	#access div > ul > li > a
	{
		font-size: 16px;
		border-bottom: 0;
		border-left: 3px solid #fff;
		padding-left: 20px;
	}	

	#access div > ul > li > a:hover,
	#access div > ul > li.current-menu-item > a
	{
		border-left-color: #00A3C1;
	}

	.bloc-hero-seance .texte-hero
	{
		right: 20px;
	}

	.section .col-3 {
	  grid-column: span 6;
	}

	.galerie-masonry {
	  column-count: 3;
	  grid-gap: 20px;
	}

	
}

@media (max-width: 740px)
{
	.section
	{
	}
	
	.section .col-25,
	.section .col-33,
	.section .col-50,
	.section .col-66,
	.section .col-100,
	.section .col-1,
	.section .col-2,
	.section .col-3,
	.section .col-4,
	.section .col-5,
	.section .col-6,
	.section .col-7,
	.section .col-8,
	.section .col-9,
	.section .col-10,
	.section .col-11,
	.section .col-12
	{
  	grid-column: span 12;	 
	}




	input[type="text"], input[type="email"], textarea, select, input[type="number"]
	{
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	.grid-home, 
	.grid-home.grid-2,
	.grid-home.grid-1,
	.grid-home.grid-3,
	.grille-3,
	.grille-2,
	.grille-1
	{
		  grid-template-columns: repeat(1, 1fr);
	}

	.credits
	{
		text-align: center;
	}


	  a + a .bouton
	  {
	  	margin: 0;
	  	margin-top: 20px;
	  }


	  .centrer .centrer
	  {
	  	padding: 0;
	  }

	  .logo img {
	  width: 70px;
	}

	.titre-site
	{
		  margin-top: 5px;
		  font-size: 20px;
		    width: 100px;
	}

	#access .burger
	{
		margin-top: 15px;
	}

	#branding
	{
		height: 70px;
	}

	#access div > ul
	{
		top:90px;
	}

	 .galerie-masonry {
	    column-count: 1;
	    grid-gap: 20px;
	  }

	 .acf-field[data-width="25"]
	 {
	 	width: 100%!important;
	 }



}