:root
{
	--texte-menu:#666;
	--texte-menu-survol:#333;
	--fond-menu:lightgrey;
	--fond-menu-survol:url('navi-survol.png');
}
*
{
	color:inherit;
}
body
{
	font-family:Roboto;
	font-size:15px;
	line-height:1.9;
	color:#4a5351;
}
#wpadminbar
{
	z-index:16000000;
}
#entete
{
	position:sticky;
	z-index:2;
	width:100%;
	padding:0;
	margin:0;
	background-color:#FFFBF790;
	top:0;
}
#pied-de-page
{
	height:153px;
	background:url(bg.png) repeat-x top left;
	color:#c7c5c2;
	padding:10px;
	margin-top:2rem;
}
#contenu
{
	padding:0 5px;
}

.titre-1
{
	font-weight:bold;
	font-size:2rem;
}
p.titre-2,
h1.titre-2,
h2.titre-2,
h3.titre-2,
h4.titre-2,
h5.titre-2,
h6.titre-2,
ol.titre-2>li::marker,
ol.titre-2>li>h2
{
	font-weight:bold;
	font-size:1.5rem;
}
ol.titre-2
{
	margin-left:1.5rem;
}
ol.titre-2>li
{
	margin-top:2rem;
}

.couleur-blanc,
a.couleur-blanc,
.couleur-blanc a
{
	color:#fff;
}

.fond-bleu-anaman
{
	background:#28405C;
}
.fond-bleu
{
	background:aqua;
}

#menu-principal .fa-bars,
#menu-principal .menu .fas
{
	display:none;
}

@media (max-width:768px)
{
	#menu-principal .fa-bars,
	#menu-principal .menu .fas
	{
		font-size:2em;
		position:relative !important;
		cursor:pointer;
		display:block;
		z-index:4;
		color:#1f708c;
	}
	#menu-principal .fa-bars
	{
		position:absolute !important;
		right:20px;
		top:5px;
	}
	
	#menu-principal .menu .fas
	{
		position:fixed !important;
		right:0;
		transform:translate3d(-10px, 10px, 0); /* Pour IOS */
	}
	#menu-principal .menu
	{
		position:fixed !important;
		top:0;
		left:0;
		padding-top:3em;
		width:100%;
		height:100vh;
		overflow-y:auto;
		z-index:5;
		background:#ffffffef;
		display:none;
	}
	#menu-principal .menu li,
	#menu-principal .menu li>a
	{
		width:100%;
		z-index:1;
	}
	#menu-principal .menu > li ul
	{
		display:block;
		opacity:1;
		position:relative;
	}
	#menu-principal .sub-menu
	{
		background:transparent;
		border:none;
	}
}

@media screen and (min-width:768px)
{
	#contenu
	{
		padding:0 100px;
	}
}
#menu-principal
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	background:beige;
}
#menu-principal .menu
{
	background:var(--fond-menu);
}
#menu-principal ul
{
	padding-left:0;
}
#menu-principal li
{
	position:relative;
	display:inline-block;
}
#menu-principal li a
{
	position:relative;
	padding:2px 15px;
	font-family:roboto;
	font-size:13px;
	color:var(--texte-menu);
	display:inline-block;
	letter-spacing:4px;
	margin-right:-4px;
	text-decoration:none;
	z-index:16000000;
}
#menu-principal li a:hover,
#menu-principal li.current-menu-item a
{
	opacity:.5;
	background:var(--fond-menu-survol);
	color:var(--texte-menu-survol);
}
#menu-principal li.contact
{
	display:none;
}
#menu-principal li.atelier-distance
{
	margin-left:20px;
}
#menu-principal li.atelier-distance a
{
	color:#2c5da5;
}
#menu-principal li .sub-menu
{
	display:none;
	position:absolute;
	left:0;
	background:var(--texte-menu-survol);
}
#menu-principal li:hover .sub-menu
{
	display:block;
}
#menu-principal li .sub-menu li
{
	width:100%;
}
#menu-principal li .sub-menu a
{
	width:100%;
	text-align:left;
	white-space:nowrap;
	text-transform:none;
}
#menu-principal li ::first-letter
{
	font-weight: bold;
}
.wpcf7-form
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.wpcf7-form p
{
	max-width:100%;
}
.wpcf7-submit
{
	margin:0 auto;
	width:auto;
}
.wpcf7-select,
.wpcf7-text,
.wpcf7-textarea
{
	display:inline-block;
	margin-bottom:5vh;
	width:100%;
	font-size:15;
	border:none;
	border-bottom:1px solid black;
	background-color:var(--texte-menu-survol);
}
.wpcf7-select:focus,
.wpcf7-text:focus,
.wpcf7-textarea:focus
{
	display:inline-block;
	margin-bottom:5vh;
	width:100%;
	font-size:15;
	color:black;
	border:none;
	border-bottom:1px solid grey;
	background-color:var(--texte-menu-survol);
}
.wpcf7-submit
{
	display:block;
	margin-bottom:5vh;
	width:100%;
	font-size:1em;
	border:none;
}
.wpcf7-submit
{
	width:auto;
}
.w49
{
	width: 49%;
}
.w49-title
{
	font-size:12;
	color:grey;
}
.w100,
.message,
textarea
{
	width:100%;
}

.abb-pdf-list ul
{
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:.5%;
}
.abb-pdf-list li
{
	list-style-type:none;
	width:33%;
}
.abb-pdf-list li a
{
	display:inline-flex;
	flex-direction:column;
	width:100%;
	align-items:center;
}
.abb-pdf-list li a:hover
{
	/*filter:grayscale();*/
}

@media screen and (max-width:991px)
{
	#entete
	{
		padding:0 !important;
	}
}
@media screen and (min-width:992px)
{
	.admin-bar #entete
	{
		top:32px;
	}
}