/*
Bienvenue dans l’éditeur de CSS personnalisé !

Pour en découvrir le fonctionnement, accédez à la page suivante :
https://wp.me/PEmnE-Bt
*/
.wp-block-columns .wp-block-column > * {
	margin-top: calc(0 * var(--global--spacing-vertical));
	margin-bottom: calc(0 * var(--global--spacing-vertical));
}

.wp-block-columns.alignfull {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-columns.alignfull:not(:last-child) {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-columns.alignfull:not(:first-child) {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-group .wp-block-group__inner-container > * {
	margin-top: 0;
	margin-bottom: 0;
}

.site-footer>*, .site-main>article>*, .site-main>.not-found>*, .entry-content>*, .entry-content-child, .wp-block-premium-content-container .wp-premium-content-logged-out-view>*, .wp-block-premium-content-container .wp-block-premium-content-subscriber-view>*, [class*=inner-container]>*, .widget-area>* {
	margin-top: 0;
	margin-bottom: 0;
}

body {
	background-color: #ffffff;
}

h1 {
	text-align: center;
	color: #999999;
	font-family: Raleway;
	font-weight: lighter;
	font-size: 40px;
}

h2 {
	text-align: center;
	font-family: Raleway;
	font-weight: bold;
	font-size: 35px;
	padding-bottom: 20px;
}

h3 {
	text-align: left;
/*text-indent: 10%;*/
	font-family: Arial;
	font-size: 12px;
	padding-left: 1%;
	padding-top: 1px;
}

h4 {
	text-align: left;
	font-family: Raleway;
	font-weight: normal;
	color: #ffffff;
	font-size: 80px;
	padding-left: 5%;
	padding-top: 1px;
}

h5 {
	text-align: left;
	font-family: Arial;
	color: #ffffff;
	font-size: 17px;
	padding-left: 1%;
/*padding-top: 1px;*/
}

h6 {
	text-align: left;
	font-family: Arial;
	font-size: 50px;
	color: #ffffff;
	padding-left: 22%;
}

::selection {
	background-color: #dddddd;
}

#topmenu {
	background: #ffffff;
	top: 0;
	left: 0;
	right: 0;
	height: 28px;
	position: fixed;
	text-align: center;
	text-decoration: none;
}

#topmenu a {
	color: #2a414d;
	text-decoration: none;
	font-family: Raleway;
	font-weight: bold;
	font-size: 9px;
	padding: 1.1%;
	border: unset;
}

#topmenu a:visited {
	text-decoration: none;
}

#topmenu a:focus {
	text-decoration: none;
}

#topmenu a:hover {
	color: #98d1db;
	text-decoration: none;
}

#topmenu:active {
	text-decoration: none;
}

/* menu "monmenu" pour les trucs et astuces*/
div#monmenu {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	top: 0;
	left: 0;
	right: 0;
	height: 10px;
	position: fixed;
	text-align: center;
	text-decoration: none;
}

div#monmenu a {
	border: none;
	width: 50px;
	height: 15px;
	color: #2a414d;
	text-decoration: none;
	font-family: Raleway;
	font-weight: bold;
	font-size: 9px;
	line-height: 10px;
	display: inline-block;
	vertical-align: middle;
	padding: .5%;
}

.logo {
	width: 40px;
}

.fbicon {
	width: 20px;
}

.fbicon1 {
	width: 18px;
}

#intro a {
	color: #ffffff;
	background-color: #98c995;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 25px;
	margin-left: 78%;
	padding: 5px 10px;
	border-radius: 10px;
}

#intro a:hover {
	color: #2a414d;
	text-decoration: none;
}

#intro img {
	width: 190px;
	height: 150px;
}

.intro {
	text-decoration: none;
	padding-top: 100px;
	padding-bottom: 50px;
	padding-right: 20px;
	height: 600px;
	background-color: #10394b;
	background-image: url('https://plaisancepourleclimat.fr/wp-content/uploads/2021/03/capture2.png');
	background-size: 500px 400px;
	background-repeat: no-repeat;
	background-position: center;
}

.intro a {
	border: unset;
}

#intro_event a:hover {
	color: #2a414d;
	text-decoration: none;
}

#intro_event p {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #071747;
	padding: 5px 10px;
	border-radius: 10px;
}

#intro_event img {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 50px;
}

.intro_event {
	text-decoration: none;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 20px;
	height: 500px;
	background-color: #D19D62;
	background-image: url('https://plaisancepourleclimat.fr/wp-content/uploads/2025/09/plaisance_plus_4.png');
	background-size: 500px 400px;
	background-repeat: no-repeat;
	background-position: center;
}

.intro_event a {
	border: unset;
}

.followppc {
	height: 15%;
	float: right;
	margin-right: 17%;
	margin-top: 0;
}

.followppc_event {
/*float: right;*/
	margin-right: 1%;
	margin-top: 0;
}

ul {
	list-style-position: inside;
	padding-left: 0;
}

.barreblanche {
	width: 20%;
	height: 1px;
	background-color: #ffffff;
	border: none;
}

.barreant {
	width: 20%;
	height: 1px;
	background-color: #2a414d;
	border: none;
}

#ppc_event a {
	font-weight: 400;
	font-size: 12px;
	color: /*	padding: 5px 10px;*/
#071747;
	border-radius: 10px;
}

#ppc_event li {
	font-size: 12px;
	line-height: 1.5;
	color: /*	padding: 5px 10px;*/
#000000;
	border-radius: 10px;
}

#ppc_event p {
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	color: /*	padding: 5px 10px;*/
#071747;
	border-radius: 5px;
}

.ppc {
	font-family: Raleway;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	line-height: 150%;
	background-color: #2a414d;
	padding-top: 85px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
}

.ppc_event {
	text-align: center;
	font-size: 25px;
	line-height: 150%;
	background-color: #5287ab;
}

.nos-actions {
	background-color: #ffffff;
	font-family: Raleway;
	color: #2a414d;
	text-align: center;
	font-size: 10px;
	line-height: 150%;
	padding-top: 85px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
}

.nos-actions_event {
	background-color: #ffffff;
	font-family: Raleway;
	color: #2a414d;
	text-align: left;
	font-size: 20px;
	line-height: 150%;
	padding-top: 85px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
}

.notre-organisation {
	background-color: #b8fedc;
	font-family: Raleway;
	color: #2a414d;
	text-align: center;
	font-size: 10px;
	line-height: 150%;
	padding-top: 85px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
}

#ressources a {
	font-weight: 400;
	font-size: 17px;
	color: /*	padding: 5px 10px;*/
#071747;
	border-radius: 10px;
}

#ressources li {
	font-size: 17px;
	color: /*	padding: 5px 10px;*/
#000000;
	border-radius: 10px;
}

#ressources p {
	font-weight: 400;
	font-size: 20px;
	color: /*	padding: 5px 10px;*/
#071747;
	border-radius: 10px;
}

.ressources {
	background-color: #b8fedc;
	font-family: Arial;
	color: #2a414d;
	text-align: left;
	font-size: 17px;
	line-height: 150%;
	padding-top: 85px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
}

.nous-aider {
	background-color: #98c995;
	font-family: Raleway;
	color: #2a414d;
	text-align: center;
	font-size: 10px;
	line-height: 150%;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
}

.nous-aider img {
	width: 25%;
}

.nous-aider a {
	text-decoration: none;
	padding: 11%;
	border: unset;
}

.nous-aider a:visited {
	text-decoration: none;
}

.nous-aider a:focus {
	text-decoration: none;
}

.nous-aider a:hover {
	color: #98d1db;
	text-decoration: none;
}

.nous-aider a:active {
	text-decoration: none;
}

#pieddepage {
	background: #ffffff;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	position: fixed;
	text-align: center;
	text-decoration: none;
}

#pieddepage a {
	color: #2a414d;
	text-decoration: none;
	font-family: Raleway;
	font-weight: bold;
	font-size: 6px;
	padding: 1.2%;
	border: unset;
}

@media (min-width: 980px) {
	#topmenu {
		top: 0;
		left: 0;
		right: 0;
		height: 50px;
		text-align: center;
		text-decoration: none;
	}
	
	#topmenu a {
		font-size: 15px;
		padding: 2%;
	}
	
	div#monmenu {
		height: 10px;
	}
	
	div#monmenu a {
		width: 155px;
		height: 28px;
		font-size: 15px;
		line-height: 25px;
	}
	
	.logo {
		width: 100px;
	}
	
	.fbicon {
		width: 50px;
	}
	
	.fbicon1 {
		width: 50px;
	}
	
	h1 {
		font-size: 55px;
	}
	
	h2 {
		font-size: 50px;
	}
	
	h3 {
		text-indent: 10%;
		font-size: 30px;
		padding-left: 12%;
	/*margin-bottom: 10px;*/
	}
	
	h4 {
		font-size: 155px;
	}
	
	h5 {
		font-size: 40px;
		padding-left: 21%;
	}
	
	h6 {
		font-size: 55px;
	}
	
	#intro a {
		font-weight: bold;
		font-size: 25px;
		margin-left: 66%;
		padding: 5px 10px;
		border-radius: 10px;
	}
	
	#intro img {
		width: 200px;
		height: 160px;
	}
	
	.intro {
		padding-top: 50px;
		padding-bottom: 50px;
		padding-right: 180px;
		background-size: 1000px 650px;
	}
	
	#intro_event a {
		font-weight: bold;
		font-size: 25px;
		margin-left: 66%;
		padding: 5px 10px;
		border-radius: 10px;
	}
	
	#intro_event p {
		font-weight: 400;
		font-size: 20px;
		color: #071747;
		margin-left: 25%;
	/*	padding: 5px 10px;*/
		border-radius: 10px;
	}
	
	#intro_event img {
		display: block;
		margin: 10px 200px 50px;
		width: 150px;
		height: 100px;
	}
	
	.intro_event {
		padding-right: 180px;
		height: 700px;
		background-size: 1200px 650px;
	}
	
	.followppc {
		height: 30%;
		float: right;
		margin-right: 32%;
		margin-top: 0;
	}
	
	.followppc_event {
		height: 1%;
		float: right;
		margin-right: 11%;
		margin-top: 0;
	}
	
	.ppc {
		padding-left: 20%;
		padding-right: 20%;
		font-size: 15px;
	}
	
	#ppc_event a {
		font-weight: 400;
		font-size: 17px;
		color: /*	padding: 5px 10px;*/
	#071747;
		border-radius: 10px;
	}
	
	#ppc_event li {
		font-size: 17px;
		color: /*	padding: 5px 10px;*/
	#000000;
		border-radius: 10px;
	}
	
	#ppc_event p {
		font-weight: 400;
		font-size: 20px;
	/*	padding: 5px 10px;*/
		border-radius: 10px;
	}
	
	.ppc_event {
		padding-left: 20%;
		padding-right: 20%;
		font-size: 15px;
	}
	
	.nos-actions {
		padding-left: 20%;
		padding-right: 20%;
		font-size: 15px;
	}
	
	.nous-aider {
		padding-left: 20%;
		padding-right: 20%;
		font-size: 15px;
	}
	
	.nous-aider img {
		width: 15%;
	}
	
	.notre-organisation {
		font-size: 15px;
		padding-left: 20%;
		padding-right: 20%;
	}
	
	.notre-organisation img {
		width: 100%;
	}
	
	#pieddepage {
		height: 50px;
	}
	
	#pieddepage a {
		font-size: 12px;
		padding: 1.2%;
	}
}

label {
	display: block;
	font: 1rem 'Fira Sans', sans-serif;
}

input,
label {
	margin: .4rem 0;
}