/* @override 
	https://www.clva69.fr/wp-content/themes/theme-pour-clva/geolocalisation.css?*
	https://2025.clva69.fr/wp-content/themes/theme-pour-clva/clva69.v2.css?* */


/* 

	Nouveau Design pour 2025
	
*/









@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,400;1,100&display=swap');

:root {
	--fonce: #3b3652;
	--fonce: #175073;
	--claire: #769db7;
	
	--txt-black: #000;
	--hover: #b04f4d;
	
	--white: white;
	--silver: rgba(240, 240, 240, 0.47);
	--gray: rgba(234, 234, 234, 0.5);

	--pola-border: 10px solid #FFF;
	--pola-shadow: 0 1px 6px rgba(0, 0, 0, 0.38);
	color: #769db7;
}
body {
	background: none;
}

header#header {
	
	position: fixed;
	top: 0; right: 0; left: 0;
	/*height: 100%;*/
	height: 250px;
	z-index: 10;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
	
	/* Responsive seulement :  */
	max-height: 150px;
	
}
@media (min-width: 768px) {
	header#header {
		max-height: none;
	}
}

/* Odre des éléments */
#header .logo { order: 2;}
#header .topRightWidget { order: 3;}
#header .nav_container { order: 1;}

header#header::before {
	content: "Association des Collectionneurs Lyonnais de Véhicules Anciens";
	white-space: nowrap;
	display: block;
	height: 20px;
	text-align: left;
	
	font-size: 7px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: calc(50% + 40px);
	
	/* En fait c'ets juste pour cacher le haut de la carte qui se voit quand on scroll down sur Mac */
	position: absolute;
	bottom: calc(50% - 2px);
	left: 20px; right: 20px;
	z-index: 1;
	
	color: rgba(255,255,255,0);
	
	border-bottom: 1px solid rgba(51, 51, 51, 0.21);
	height: 3px;
	background-image: linear-gradient(to right, #006fa3 0%, #005880 100%);
}
@media (min-width: 992px) {
	header#header.jsMinHeader::before {
		color: gray;
	}
}

@media (min-width: 768px) {
	header#header::after {
		content: "";
		
		/* Masque blanc pour un scroll plus joli : */
		display: block;
		position: absolute;
		top: -40px; right: 0; bottom: 50px; left: 50%;
		background-color: white;
		box-shadow: 0 40px 20px #feffff;
		transform: rotate(-5deg);
		transform-origin: 0 0;
	}
}

header .logo {		
	z-index: 1000;
	position: absolute;
	top: 10px; bottom: 10px; left: 50%;
	aspect-ratio: 1/1;
	transform: translate(-50%, 0);
	margin: 0;
}
@media (min-width: 768px) {
	header .logo {	
		top: 10px; bottom: -30px;
	}
}
header .logo::before {
	content: "";
	/* Dessiner un disque sous le logo quand le menu est petit */
	position: absolute;
	display: block;
	top:  0; right: 0; bottom: 0; left: 0;
	border-radius: 50%;
	background-color: var(--white);
	transform: scale(.8);
	z-index: -1;
	
	transition: transform .5s ease-in-out 0s;
}
header.jsMinHeader .logo::before {
	transform: scale(1.3);
	transition: transform .5s ease-in-out 0s;
}

header .topRightWidget {
/*	z-index: 1001;
	position: absolute;
	top: 0px; right: 0;*/
	
	display: flex;
	justify-content: flex-end;
	align-items: center;
	
	/* reset */
/*	margin-top: 29px;*/
	max-width: 50vw;

}
@media (min-width: 768px) {
	header .topRightWidget {
		/*top: 20px; bottom: -30px; right: 0;*/
	}
}


img {
	height: auto !important;
	display: block;
}
#main-container{
	background: transparent;
	box-shadow: none;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}


#top-widget {
	padding-top: 0;
	position: relative;
	z-index: 10;
}
header .searchform {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	
	/* Reset */
	padding: 0;
	border: 0;
	background: none;
	
	max-width: 99vw;
	z-index: 2;
}
header .searchform button {
	flex-shrink: 0;
}
button#search-button span {
	color: var(--white);
	font-size: 22px;
	
	/* Animation */
	transform: rotate(0);
	transition: transform .3s ease-in-out 0s;
	
	/* Faire un tout petit décallage vers le bas */
	display: block;
}
button#search-button:hover span {
	transform: rotate(90deg);
}
.searchform #s { 
	opacity: 0;
	transition: opacity 1s ease-in-out 0s;
	
	background-color: var(--fonce);
	border: 3px solid var(--fonce);
	border-radius: 15px;
	height: 30px;
	min-width: 250px;
	padding: 3px 15px 1px;
	margin-right: 10px;
	
	
}
.searchform #s:focus { 
	background-color: var(--white) !important;
	border: 3px solid var(--fonce);
}
button#search-button:hover + #s,
/*header:hover  .searchform #s,*/
.searchform #s:focus { 
	opacity: 1;
	transition: all .3s ease-in-out 0s;
}


/* 
 *
 *
 *
 * Liens et boutons */
 a.wp-block-button__link,
 .wpcf7 .wpcf7-submit,
 input.acpwd-submit {
 	border-radius: 0;
 	background-color: var(--fonce);
 }
 a.wp-block-button__link:hover,
 .wpcf7 .wpcf7-submit:hover,
 input.acpwd-submit:hover {
 	background-color: var(--hover);
 	color: var(--white);
 }
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
 	color: var(--txt-black);
 }
 /* 
  *
  *
  * Le menu */
.nav_container {
	
	background: rgba(0,0,0,0) !important;
	border: none;
	
/*	position: absolute;*/
	z-index: 100;
/*	top: 0; left: 0;*/
	
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	/* reset */
	margin-top: 0;
}
@media (min-width: 768px) {
	.nav_container {
/*		top: 20px; bottom: -30px; left: 0;*/
	}
}
.main-navigation {
	background-color: rgba(0,0,0,0) !important;
/*	padding: 15px;*/
} 
.main-navigation.toggled {} 

nav .menu-main-menu-container {
	display: none;
	
	position: fixed;
	overflow: scroll;
	left: 0; right: 0; bottom: 0; top: 20px;
	margin-top: 30px;
	width: 100vw;
	
	padding: 30px;
	
	background: repeating-linear-gradient(
	  -45deg,
	  var(--silver),
	  var(--silver) 5px,
	  var(--gray) 5px,
	  var(--gray) 10px
	);
	background-color: rgba(255,255,255,0.7) !important;
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
}
nav.toggled .menu-main-menu-container {
	display: block;
}
@media (min-width: 768px) {
	nav .menu-main-menu-container {
		position: absolute;
		left: 0; right: 0; top: 150px; bottom: auto;
		margin-top: 30px;
		width: 100vw;
	}
}
/* Style menu (et override parent theme) */
.main-navigation > div > ul.menu.nav-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
}
.main-navigation li {
	flex-grow: 1;	
	padding: 0 !important;
	background-color: rgba(0,0,0,0) !important;
	
	max-width: 250px;
}
.main-navigation li.menu-item-has-children {
	width: 100%;	
	max-width: 10000px;
}
.main-navigation ul.sub-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	
	/* Reset */
	position: relative;
	left: auto;
	top: auto;
	float: none;
	box-shadow: none;
	background: none;
	
}
@media (min-width: 768px) {
	.main-navigation > div > ul.menu.nav-menu,
	.main-navigation ul.sub-menu {
		justify-content: flex-start;
	}
}

/* Le premier, celui du retour à l'accueil */
.main-navigation > div > ul > li:first-child::after {

}

/* Pour que les liens de sous-menu est tous la même hauteur et la même largeur */
.main-navigation ul.sub-menu li { 
	display: flex;
	align-items: stretch;
	align-content: stretch;	
}
.main-navigation ul.sub-menu li a { 
	width: 100%;
}

.main-navigation ul.sub-menu li { width: 100%; }

@media (min-width: 400px) {
	.main-navigation ul.sub-menu li { width: 50%; }	
}
@media (min-width: 560px) {
	.main-navigation ul.sub-menu li { width: 3%; }	
}
@media (min-width: 992px) {
	.main-navigation ul.sub-menu li { width: 25%; }	
}
@media (min-width: 1200px) {
	.main-navigation ul.sub-menu li { width: 20%; }	
}

/* Texture des liens */
.main-navigation a,
.main-navigation ul li a,
.main-navigation ul ul.sub-menu li a {
	background-color: var(--white) !important;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
	color: black;
	border: none;
	
	/* Pour les <small> absolute */
	position: relative;
	
	transition: background-color .4s ease-in-out 0s,
	            color .4s ease-in-out 0s;	
}
.main-navigation a:hover,
.main-navigation ul li a:hover,
.main-navigation ul ul.sub-menu li a:hover {
	background-color: var(--fonce) !important;
	color: var(--white);
	transition: background-color .2s ease-in-out 0s,
	            color .2s ease-in-out 0s;	
}


/* Suite des liens */
.main-navigation a,
.main-navigation ul li a {
	/* Lien de premier niveau */
	padding: 50px 15px 15px !important;
	margin: 5px;	
}
.main-navigation li.menu-item-has-children > a {
	/* Lien sans Href pour ouvrir le sous menu */
	border: none;
	text-transform: uppercase;
	font-size: 10px;
	padding-bottom: 0;
	
	/* Reset */
	box-shadow: none;
	background: none !important;
	
	/* Hop ! */
	display: none;
}
.main-navigation .sub-menu a,
.main-navigation ul ul.sub-menu li a {
	/* Lien de sous menu */
	min-width: 0;
}

.main-navigation a small {
	display: block;
	position: absolute;
	top: 15px;
	line-height: 15px;
	text-transform: uppercase;
	font-size: 10px;
	opacity: .3;
}
button#search-button,
button.menu-toggle.navbar-toggle {
	background-color: var(--fonce);
	border: none;
	
	display: block;
	margin: 0;
	
	width: 60px;
	height: 60px;
	border-radius: 100%;
	z-index: 1;	
}
button.menu-toggle.navbar-toggle span.icon-bar {
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	
	transform: rotate(0);
	opacity: 1;
	
	transition:
	    opacity .3s ease-in-out .3s,
	    margin-top .3s ease-in-out .3s,
	    transform .3s ease-in-out 0s;
}
@media (min-width: 768px) {
		
	/* Spéciale : condenser le sous menu lié à la catégorie de tous ce qui est administratif */
	li#menu-item-7189 {
		--decalage: -95%
	}
	.main-navigation li#menu-item-7189.menu-item-has-children > a {
	}
	li#menu-item-7189.hover li#menu-item-19218 a:hover{
		background-color: white !important;
		color: black !important;
		text-decoration: none;
		cursor: default;
	}
	li#menu-item-7189.hover li#menu-item-19218 a::before,
	li#menu-item-7189.hover li#menu-item-19218 a::after {
		content: "";
		background-color: inherit;
		display: block;
		position: absolute;
		left: 100%; top: 0; bottom: 0;
		width: 20px;
		clip-path: polygon(
				0 0,
				100% 50%,
				0 100%
			);
	}
	li#menu-item-7189.hover li#menu-item-19218 a::before {
		background-color: black;
		filter: blur(3px);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}
	li#menu-item-7189 li { transition: transform .6s ease-in-out .6s; }
	
	li#menu-item-7189 li { 
		transform: translate(0%, 0); 
		z-index: 10;
	}
	li#menu-item-7189 li + li {  
		transform: translate( var(--decalage), 0);
		z-index: 8;
	 }
	li#menu-item-7189 li + li + li {  
		transform: translate( calc(var(--decalage) * 2), 0);
		z-index: 6;
	 }
	li#menu-item-7189 li + li + li + li {  
		transform: translate( calc(var(--decalage) * 3), 0);
		z-index: 4;
	 }
	li#menu-item-7189 li + li + li + li + li {  
		transform: translate( calc(var(--decalage) * 4), 0);
		z-index: 2;
	 }
	
	li#menu-item-7189 li:first-child a::before { 
		content: "L'association…";
		position: absolute;
		display: block;
		top: 0; right: 0; bottom: 0; left: 0;
		background-color: red;
		z-index: 1;
	
		background-color: var(--white);
		background-image: url(/wp-content/uploads/2025/06/Plaque-calandre-bleu.png);
		background-image: url(img/logo-calandre-plat.png);
	
		background-size: auto 40%;
		background-position: 15px 15px;
		background-repeat: no-repeat;
		
		padding: 70px 15px 15px;
		
		opacity: 1;
		overflow: hidden;
		transition: right .3s ease-in-out .s,
		            padding .3s ease-in-out 0s,
					opacity .3s ease-in-out 0s;
	}
	
	/*li#menu-item-7189:hover li,*/
	li#menu-item-7189:hover li,
	li#menu-item-7189.hover li { transform: translate(0%, 0);  transition: transform .9s ease-in-out 0s;}
	li#menu-item-7189:hover li:first-child a::before { 
		right: 100%;
		padding-left: 0;
		padding-ight: 0;
		opacity: 0;
	}
}

/* Hamburger qui se transforme en croix */
nav.toggled button.menu-toggle.navbar-toggle span.icon-bar:nth-child(2) {
	transform: rotate(-45deg);	
}
nav.toggled button.menu-toggle.navbar-toggle span.icon-bar:nth-child(3),
nav.toggled button.menu-toggle.navbar-toggle span.icon-bar:nth-child(4) {
	margin-top: -2px;
	transform: rotate(45deg);
}
nav.toggled button.menu-toggle.navbar-toggle span.icon-bar:nth-child(4) {
	opacity: 0;
}
nav.toggled button.menu-toggle.navbar-toggle span.icon-bar {
	transition: 
	    opacity .3s ease-in-out 0s,
	    margin-top .3s ease-in-out 0s,
	    transform .3s ease-in-out .3s;
}
@media (min-width: 768px) {
		
	/* Libellé du hamburger */
	button.menu-toggle span.sr-only {
		width: auto;
		max-width: 0px;
		height: 30px;
		line-height: 30px;
		clip: unset;
		margin-left: 40px;
		
		white-space: nowrap;
		background-color: var(--fonce);
		color: var(--white);
		padding-right: 0;
		padding-left: 0;
		margin-top: -7px;
		border-radius: 15px;
		
		transition: 
		    max-width .3s ease-in-out 0s,
		    padding .3s ease-in-out 0s;
	}
	button.menu-toggle span.sr-only em.ouvrir {
		display: block;
		font-style:normal;
	}
	button.menu-toggle span.sr-only em.fermer {
		display: none;
		font-style:normal;
	}
	
	button.menu-toggle:hover span.sr-only {
		max-width: 150px;
		padding-right: 15px;
		padding-left: 15px;
	}
	nav.toggled button.menu-toggle span.sr-only em.ouvrir {
		display: none;
	}
	nav.toggled button.menu-toggle span.sr-only em.fermer {
		display: block;
	}
}




/* Le footer et ses composants */


footer#footer{
	background: var(--fonce);
	color: var(--white);
	margin-right: -15px;
	margin-left: -15px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 50px;
	margin-top: 0;
	
	position: relative;
	
	border: none;
}
footer#footer a {
	color: var(--white);
}

footer#footer .textwidget.custom-html-widget {
	text-align: left;
	
	display: flex;
	flex-direction: column;
}

/* Loop des partenaires dans le footer */
.adhesions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
}
.adhesions h4 {
	font-size: 16px;
}
.adhesions p {
	font-size: 10px;
}

.adhesions > * {
	width: 100%;
	padding-left: 50%;
	order: 2;
	
	margin-left: 0;
	/* Pour le décallage du logo */
}
@media (min-width: 768px) {
	.adhesions {
		justify-content: center;
	}
	.adhesions > * {
		width: calc(16% - 35px);
		max-width: 150px;
		padding-left: 0;
		margin-left: 35px;
	}
}
.adhesions > *.is_sticky {
	order: 1;
}
.adhesions .partenaireLogo {
	height: 70px;
	width: 70px;
	transform: translate(-35px, 0);

	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
@media (min-width: 768px) {
	.adhesions .partenaireLogo {
		transform: translate(-15px, 0);
	}
}
.adhesions .partenaireLogo::before {
	content: "";
	/* Dessiner un disque sous les logos quand le menu est petit */
	position: absolute;
	display: block;
	top:  0; bottom: 0; left: 0;
	border-radius: 50%;
	background-color: var(--white);
	width: 70px;
	opacity: .7;
}

.adhesions .partenaireLogo img {
	/*width: 100px;*/
	max-height: 30px;
	width: auto;
	max-width: 50px;
	
	filter: grayscale(.5) brightness(1.1);	
	margin: auto;
	display: block;
}
.adhesions .is_sticky .partenaireLogo img {
	max-height: 60px;
	max-width: 80px;
	margin: auto;
	display: block;
}
.adhesions a {
	opacity: 0;
	transition: opacity .2s ease-in-out 0s;
	font-size: 10px;
}
.adhesions > *:hover a {
	opacity: 1;
}


/* Menu dnas le footer */
#footerMenu {
	text-align: center;
}
@media (min-width: 768px) {
	
	#footerMenu {
		position: relative;
		text-align: left;
	}
	#footerMenu::before {
		content: '';
		/* Un logo du CLVA dans le menu du Footer */
		display: block;
		position: absolute;
		top: 0; right: 50%; bottom: 0;
		width: 100px;
		
		background-image: url(/wp-content/uploads/2025/06/Plaque-calandre-bleu.png);
		background-size: 80%;
		background-position: center left;
		background-repeat: no-repeat;
		margin-right: -2px;
		border-right: 1px solid var(--white);
	}
}



/* FancyBox */
figure a.fancybox {
	display: block;
}



/* Polaroïd style */
.wp-block-gallery figure,
.polaroid figure {
	border: var(--pola-border);
	box-shadow: var(--pola-shadow);
	background-color: var(--white);
	
	transition: transform .3s ease-in-out 0s;
}
.entry > figure.wp-block-image,
.entry > .wp-block-image {
	/* N'est pas dans une galerie, n'a pas de rotation */
	border: var(--pola-border);
	box-shadow: var(--pola-shadow);
	background-color: var(--white);

	margin-right: -30px;
	margin-left: -15px;
}
.wp-block-gallery figure:hover,
.polaroid figure:hover {
	z-index: 2;
	transform: scale(1.1) !important;
}
a.fancybox {
	/* Patch : */
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	box-shadow: inset 0 1px 32px rgba(0, 0, 0, 0.1);
}
/* Voirures en page d'accueil */
.voituresHome ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.voituresHome li {
	position: relative;
}
@media (min-width: 768px) {
	.voituresHome li {
		width: 49%;
	}
}
.voituresHome h2 {
	font-size: 16px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: white;
	padding: 3px 10px;
	z-index: 3;
}
.voituresHome a {
	filter: grayscale(1);
	transition: filter .9s ease-in-out 0s;
}
.voituresHome a:hover {
	filter: grayscale(0);
	transition: filter .3s ease-in-out 0s;
}




h2 {
	font-size: 42px;
	margin-top: 40px;
}
.home h2 {
	margin-top: 100px;
}


ul#breadcrumbs {
	display:none;
}
@media (min-width: 768px) {
	#breadcrumbs {
		display: flex;
		justify-content:center;
		margin-top: 50px;
		
		opacity: 0.1;
		transition: opacity 1s ease-in-out 0s;
		font-size: 10px;
		letter-spacing: 2px;
		text-transform: uppercase;
		width: auto !important;
	}
	#breadcrumbs:hover {
		opacity: 1;
		transition: opacity .3s ease-in-out 0s;
	}
}

#breadcrumbs li{
    float:none;
}
#breadcrumbs li a {
	color: black;
}
p.meta-info {
	text-align: right;
}



/* Element à supprimer dans le DOM */
.post_box{
	border: 1px dashed red;
	border: none;
	box-shadow: none;
}
.page .post_box,
.single .post_box {
	border: 1px dashed red;
}





.single .post_box .post {
	/* Nécessaire pour les mobiles : */
	padding-top: 0;
	
	padding-bottom: 0;
	margin-bottom: 0;
	border: 1px dashed red;
}

.forBTN {
	margin-top: 30px;
}
ul.meta-info {
	float:none;
	font-size: 10px;
	text-align: center;
	margin-bottom: 0;
	margin-top: 30px;
	opacity: 0.3;
	transition: opacity 1s ease-in-out 0s;
	padding: 0;
}
ul.meta-info:hover {
	opacity: 1;
	transition: opacity .3s ease-in-out 0s;
}


#copyright {
	text-align: center;
	background-color: transparent !important;
	
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	
	opacity: .5;
	transition: opacity .3s ease-in-out 0s;
}
#copyright:hover {
	opacity: 1;
}


/* Légende des galeries */

figure:hover img {
	/* Reset */
	opacity: 1 !important;
}

figure.wp-block-gallery figcaption {
	margin-bottom: 20px;
	margin-left: 10px;
	border-left: 3px solid #16007f;
	padding-left: 10px;
	padding-top: 20px;
	margin-top: -20px;
}
/* Bouton et liens en forme de boutons */
a.btn.btn-info {
	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom-width: 5px;
	padding-bottom: 2px;
	
	background-color: var(--fonce);
	border-color: var(--fonce);

}
a.btn.btn-info:hover {
	background-color: var(--hover);
	border-color: var(--hover);
}

/* Articles en page d'accueil */

.wp-block-latest-posts li {
	border-bottom: 13px solid var(--claire);
	background-color: var(--claire);
	color: white;
	
	padding: 0 15px 20px;
	margin-bottom: 30px;
	
	position: relative;
}
/* La date du post */
.wp-block-latest-posts li time {
	color: white;
}
.wp-block-latest-posts li div.wp-block-latest-posts__featured-image {
	display: block;
}
.wp-block-latest-posts li div.wp-block-latest-posts__featured-image a {
	display: block;
	width: 100%;
}
.wp-block-latest-posts li div.wp-block-latest-posts__featured-image a img {
	max-width: calc( 100% + 30px);
		width: calc( 100% + 30px);
	margin-left: -15px;
}

/* Le titre de l'entrée */
.wp-block-latest-posts li a {
	color: white;
	font-weight: 200;
	display: block;
}
.wp-block-latest-posts li a:nth-child(2) {
	/* Cibler le titre */
	padding-bottom: 14px;
	padding-top: 9px;
	font-size: 30px;
	line-height: 28px;
}

.wp-block-latest-posts li > a:first-child {
	font: 30px/31px 'Lato', sans-serif !important;
	font-weight: 400;
	color: white;
	margin-bottom: 20px;
	display: block;
}
.wp-block-latest-posts li > a:first-child::before {
	content: "à venir";
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	color: white;
	line-height: 12px;
	letter-spacing: 4px;
	margin-bottom: 10px;
}
.wp-block-latest-posts li a.clva-excerpt-more-link {
	color: white;
	display: block;
	text-align: center;
	
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 5px solid var(--fonce);
	margin-bottom: -14px;
	padding-top: 7px;
	padding-bottom: 3px;
	
	font-size: 16px;
	font-weight: normal;
	
	transition: background-color .3s ease-in-out 0s, border-color .3s ease-in-out 0s;
}
.wp-block-latest-posts li a.clva-excerpt-more-link:hover {
	background-color: var(--hover);
	border-bottom: 5px solid var(--hover);
	color: white;
	text-decoration: none;
}


/* Carousel sur la page d'accueil avec OWL Carousel v2 */
body.home .wp-block-group {
	padding: 0;
	background: none; /* La couleur est utile en admin */
}
.owl-carousel .owl-stage {
	display: flex;
}
.owl-carousel .owl-item,
.owl-carousel .owl-item li,
.owl-carousel .owl-item li figure {
	background-color: #596eba;
}
.owl-carousel .owl-item li h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 16px;
	font-weight: 400;
	background-color: #16007e;
	color: white;
	margin-bottom: 0;
	padding: 5px 10px;
}
/* Amélioration des blocs Gutemberg pour les articles et les AG */
.wp-block-group{
	padding: 15px;
}
pre.wp-block-verse{
	background-color: #596ebc;
	border-color: #16007e;
	color: #fff;
	position: relative;
	margin-left: 30px;
	overflow: visible;
	border-radius: 0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left-width: 3px;
	display: inline-block;
}
pre.wp-block-verse::before {
	content: "↑";
	display: block;
	position: absolute;
	top: 0;
	left: -30px;
	color: #16007e;
	transform: rotate(90deg);
	font-size: 27px;
}

/* Le bandeau cookie */
div#cookie-notice .cookie-notice-container {
	background-color: #5a6fbb;
	border-top: 5px solid #17007e;
}
div#cookie-notice .cookie-notice-container a.cn-button,
a#cn-accept-cookie.cn-set-cookie.cn-button.bootstrap.button {
	background-color: #17007e;
}

/* Les citations */
blockquote {
	font-size: inherit;
	padding-left: 20px;
	margin-left: 25px;
	border-left-style: none;
	color: #13035c;
	background: none;
}


/* Nouvelle mise en page des réunions de bureau et conseils d'administration */
.reunionsHome ul,
.archive.category-rendu-des-reunions-de-bureau article,
.archive.category-rendu-des-reunions-de-bureau section {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
}
.reunionsHome ul li,
.archive.category-rendu-des-reunions-de-bureau .post {
	width: 100%;
}
.reunionsHome ul li,
.archive.category-rendu-des-reunions-de-bureau .post_box {
	background-color: var(--claire);
	padding-top: 1px;
	margin-top: 15px;
}


@media (min-width: 768px) {
.reunionsHome ul li,
.archive.category-rendu-des-reunions-de-bureau .post {
	width: 45%;
}	
}

@media (min-width: 992px) {
.reunionsHome ul li,
.archive.category-rendu-des-reunions-de-bureau .post {
	width: 48%;
}	
}

@media (min-width: 1200px) {
.reunionsHome ul li,
.archive.category-rendu-des-reunions-de-bureau .post {
	width: 30%;
}	
}
@media (min-width: 1400px) {
.reunionsHome ul li,
.archive.category-rendu-des-reunions-de-bureau .post {
	width: 23%;
}	
}
.archive.category-rendu-des-reunions-de-bureau .post h1,
.archive.category-rendu-des-reunions-de-bureau .post h1 span {
	display: block !important;
	color: #fff;
	margin-top: 10px;
	text-align: center;
	background: none;
}
.archive.category-rendu-des-reunions-de-bureau .post h1 {
	margin-left: -20px;
	margin-right: -20px;
}
.archive.category-rendu-des-reunions-de-bureau h1 span.annee {
	font-size: 20px;
	margin-top: 0;
}
.reunionsHome ul li h2,
.archive.category-rendu-des-reunions-de-bureau h2 {
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 10px;
	font-weight: 400;
}
.archive.category-rendu-des-reunions-de-bureau h3 {
	text-align: center;
}
.archive.category-rendu-des-reunions-de-bureau ul.meta-info {
	/*position: absolute;*/
	display: none;
}



.reunionsHome ul li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 15px;
	padding-bottom: 0px;
	
	border-bottom: 5px solid var(--fonce);
	padding-top: 15px;
}
.reunionsHome ul li time {
	order: 1;
}
.reunionsHome ul li h2 {
	order: 2;
	padding-right: 5px;
	padding-left: 5px;
}
.reunionsHome ul li div.wp-block-post-excerpt {
	order: 3;
}
.reunionsHome ul li div.wp-block-post-excerpt p.wp-block-post-excerpt__excerpt {
	display: none;
}

.reunionsHome ul li .wp-block-post-excerpt__more-link {
	display: block;
	text-align: center;
	color: white;
	padding-top: 6px;
	padding-bottom: 10px;
	margin-bottom: -5px;
	background-color: rgba(255,255,255,0);
	transition: background-color .3s ease-in-out 0s;
}
.reunionsHome ul li .wp-block-post-excerpt__more-link:hover {
	background-color: var(--hover);
}
.reunionsHome ul li time {
	color: white;
	display: block;
	text-align: center;
}
.reunionsHome ul li time .jour {
	/* Added by js à la place de :fisrt-word qui n'existe pas  */
	display: none;
}
.reunionsHome ul li time .mois {
	display: block;
	font-size: 40px;
	line-height: 35px;
}
.reunionsHome ul li time .annee {
	font-size: 20px;
}

/* Mise en page voitures */
.post-type-archive-voitures .polaroid figure.col-md-6 {
	padding: 0;
}
.archive a.voiture {
	width: calc(50% - 1px);
	color: var(--fonce);
}
.archive a.voiture img {
	min-width: 100%;
}
.archive .voiture h3 small {
	display: none;
}


/* Nouvelle mise en page pour les sorties avec photos image à la une + des cartes */
#legendeCarteAffichee {
	position: fixed;
	bottom: 15px;
	left: 15px;
	z-index: 1000;
	background-color: red;
}

.archive.category-sorties section:first-of-type {
	margin-top: 0;
}

@media (min-width: 768px) {
	.archive.category-sorties section {
		margin-bottom: 80px;
		min-height: 80vh;
	}
}
.post-type-archive-voitures h3 {
	margin-top: 0;
	background-color: rgba(255, 255, 255, 0.81);
	font-size: 16px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: white;
	padding: 3px 10px;
	z-index: 3;
	
}
.archive.category-sorties a figure {
	margin-bottom: 30px;
	transform: rotate(0) !important;
}

.archive.category-sorties article img {
	opacity: 1 !important;
	width: 100%;
}
.archive.category-sorties .forBTN {
	margin-top: 5px;
	text-align: left;
}
.archive.category-sorties ul.meta-info {
/*	display: none;*/
}


.archive article {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}


/* Ajouter des liens sortie suivante et sortie précédente en bas de page single sortie */
.postNav {
	margin-top: 50px;
	
	display: flex;
	
}
.postNav > div {
	width: 40%;
	margin-right: 10%;
}
.postNav > div small {
	display: block;
	color: gray;
}
.postNav > div i {
	/* Les guillemets */
	font-size: 20px;
	line-height: 0;
}
.postNav > div i:first-of-type {
	/* Guillets ouvrant */
	transform: scale(-1, 1);
	display: inline-block;
	margin-left: -12px;
}

.postNav .postNavPrev {
	
}
.postNav .postNavNext {}


/* Arranger la pagination */
.pagination {
	width: 100%;
	display: block;
	float: none;
	line-height: 40px;
	margin-top: 100px;
}
.pagination > a,
.pagination > span {
	display: inline-block;
	width: 40px;
	height: 40px;
}
.pagination a.next {
	background-color: #acb6de;
}

.pagination span.fa {
	/* Next page */
	width: 40px;
	height: 40px;
	line-height: 22px;
	margin: 0;
	background: none ;
}
.pagination span.current {
	opacity: .3;
}
.pagination > a:hover {
	color: white;
	background-color: #16007f;
	text-decoration: none;
}

.nowrap {
	white-space: nowrap;
	color: #1e6869;
}

/* Post Type Archive Adresses */

/* Création d'un bloc Bonnes adresses à reprendre en bas des articles */
.bonnes_adresses {
	display: flex;
	align-items: stretch;
	align-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.poi-logo-img,
.poi-logo-initiales {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio:1/1;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.poi-logo-initiales {
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-size: 30px;
		font-family: 'Lato', sans-serif;
	font-weight: 100;

	background-color: rgba(255,255,255,.5);
	border-radius: 50%;
	transform: scale(.8);
}
/* Page de toutes les adresses */

h3.addressesSortieDu {
	margin-bottom: 0;
	margin-top: 70px;
}
h2.sortieTitre {
	margin-top: 0;
}
.bonnes_adresses > a.bonne_adresse {

	width: 18%;
	min-width: 150px;
	min-height: 230px;
	margin: 1%;
	margin-bottom: -20px;
	text-align: center;
	background-color: #e5e8f0;
	border: 10px solid #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.19);
	
	position: relative;	
	transition: transform .3s ease-in-out 0s;
}
.bonnes_adresses > a.bonne_adresse::after {
	content: "";
	background: linear-gradient(190deg, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.14) 100%);
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	opacity: 1;

	transition: opacity .3s ease-in-out 0s;	
}
.bonnes_adresses > a:hover {
	transition: transform .3s ease-in-out 0s;
	z-index: 2;
	
	transform: rotate(1deg) scale(1.1) !important;
	text-decoration: none;
}
.bonnes_adresses > a.bonne_adresse:hover::after {
	opacity: .5;
	transition: opacity .3s ease-in-out 0s;	
}

.bonnes_adresses > a.bonne_adresse span {
	/* Le nom */
	padding-right: 10%;
	padding-left: 10%;
	display: block;
	padding-bottom: 10px;
}



.page-id-78 article,
div#post-75.post-75.page.type-page.status-publish.hentry,
.page-id-2208 #page-content {
	max-width: 500px;
	margin: auto !important;
	float: none !important;
}
.page-id-78 article h2,
div#post-75.post-75.page.type-page.status-publish.hentry h2 {
	margin-top: 50px;
}
form.wpcf7-form,
form.acpwd-form,
.page-id-78 article .wp-block-group {
	background-color: #f3f3f3 !important;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.21);
	padding: 30px !important;
	border: 10px solid #FFF;
	
	max-width: 450px;
	margin: 40px auto auto;
	
	position: relative;
	
	transform: rotate(1deg);
	transform-origin: 50% 0;
	transition: transform .7s ease-in-out 0s;
}
 .page-id-78 article .wp-block-group {
 	margin-left: -30px;
 	margin-right: -30px;
	max-width: 510px;

 }
form.wpcf7-form:hover {
	transform: rotate(0deg);
}
form.wpcf7-form::before {
	content: "";
	background-color: #f3f3f3;
	border: 10px solid white;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
	
	display: block;
	position: absolute;
	top: -26px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 40px; height: 40px;
	border-radius: 50%;
}
form label {
	width: 100%;
	display: block;
	max-width: none;
}
form.acpwd-form input,
form label input,
form label textarea {
	width: 100%;
	display: block;
	max-width: none;
	
	padding: 10px 5px 10px 15px;
	margin-top: 10px;
}
.wpcf7 .wpcf7-submit,
input.acpwd-submit {
	display: block;
	border: none;
	color: var(--white);
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
	margin: auto;
}
.wpcf7 .wpcf7-submit:disabled {
	opacity: .5 !important;
}


/* Présentration du nouveau site */
.page-id-19423 article {
	position: fixed;
	top:  0; right: 0; left: 0; bottom: 0;
	min-height: 100vh;
	background-color: white;
	z-index: 1000;
	
	overflow: scroll;
	
	width: auto;
	max-width: auto;
	min-width: auto;
	margin: 0;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	
	flex-direction: column;
}
.page-id-19423 article > * {
	width: 30%;
	min-width: 300px;
	margin: 0 auto !important;
	padding: 0 !important;
}
.page-id-19423 article > #page-heading h1 {
	width: 30%;
	min-width: 300px;
	margin: 50px auto !important;
}

/* A patcher */
aside.col-md-3,
aside.col-xs-12 {
	display: none;
}
#comments {
	margin-top: 0;
}
#cookie-notice {
	max-width: 90vw !important;
	min-width: 90vw !important;
}

.alertWidth {
	border: 1px solid red !important;
}