/*
Theme Name: LE SAVOIR PARTAGÉ
*/

@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Montserrat:wght@400;500;700&display=swap');


html {font-size: 100%;} 

body {
	background-color: white;
	font-size:16px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0;
	height: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	color:#212933;
}




h1, h2, h3, h4, h5, h6, p{
	margin-top: 0;
}

h1, h2{
	font-family: 'Amatic SC', cursive;
}

h1{
	color: #fff;
	font-size: 4.4em;
	margin: 0;
	line-height: 1;
}
h2{
	font-size: 3em;
	color: #007e8b;
}
.page-template-page-accueil h2{
	color: #007e8b;
	font-size: 1.7em;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}
h3{
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1em;
}
h4{
	font-size: 1.5em;
	color: #4f5d70;
	font-weight:500;
	text-transform: uppercase;
}
.glsr-review-title h3{
	font-size: 1.5em;
	color: #4f5d70;
	font-weight:500;
}

h5{
	font-size: 1.3em;
	color:#007e8b;
	font-weight: 700;
}
h6{
	font-size: 1.2em;
	font-weight: 400;
}

.chiffre-cle{
	font-family: 'Amatic SC', cursive;
	font-size: 7em;
	line-height: 1;
	margin: 0;
	color: #4F5D70;
}


a{
	color:#007E8B;
}
	a:hover{
		color:#004E57;
	}	

hr{
	border: none;
	height: 1px;
	background: #95a1b1;
}

img{
	height: auto;
	border-radius: 5px;
}


.btn, .header-btn a, .button, .wp-block-button__link, .wp-block-search__button, .wpcf7-submit{
	text-transform: uppercase;
	color:#fff !important;
	border-radius: 4px !important;
	padding: 0.75em 2em;
	text-decoration: none;
	font-size:1.1em !important;
	display: inline-block;
	transition: all ease-out 250ms;
	border: none !important;
	font-family: 'Montserrat', sans-serif !important;
	background-color: #212933 !important;
	cursor: pointer;
}
.wp-block-search__button:hover{
	background-color: #000 !important;
}
.btn-primary, .wp-block-button__link, .wpcf7-submit{
	background-color:#007E8B !important;
}
	.btn-primary:hover, .wp-block-button__link:hover, .wpcf7-submit:hover{
		background-color: #004E57 !important;
		color: #fff !important;
	}
	.btn-inverted{
		background-color:#fff !important;
		color:#007E8B !important;
	}
		.btn-inverted:hover{
			background-color: #edf1f5 !important;
		}
.btn-secondary{
	padding-right:0;
	padding-left: 0;
}




form input, form textarea{
	width:100%;
	padding: .5em;
	font-size:1em;
	box-sizing: border-box;
	color:#212933;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	border: 1px solid #95a1b1;
	border-radius: 5px;
}
form input[type="checkbox"]{
	width:1em;
	height: 1em;
	padding: 0;
	margin: 0;
}
.consentement .wpcf7-list-item{
	margin: 0 .5em 0 0;
}
.wpcf7-not-valid{
	border-color: #dc3232;
}
.wpcf7-submit{
	widows: 100%;
}

.wpcf7-form .wp-block-columns{
	column-gap:1em;
}
.wpcf7-form .kc_captcha{
	display:block;
	width:100%;
	margin-top:2em;
}
	.wpcf7-form .kc_captcha .captcha-image{
		display:block;
		width:100%;
		box-sizing:border-box;
		border: 1px solid #95a1b1;
    	border-radius: 5px;
	}


main{
	width:100%;
	margin:0 auto;
}

header{
	width: 100%;
	margin:0 auto;
	padding: 0;
	height:5em;
	box-sizing: border-box;
	background: rgba(255,255,255,1);
	transition: all cubic-bezier(0, 0, 0.2, 1) 250ms;
	z-index: 999;
}


#search{
	position: relative;
	display: inline-block;
	float: left;
}


#logo{
	position: relative;
	display: block;
	float:left;
	height: 4em;
	margin: 0.5em 0;
}
	#logo img{
		width:auto;
		height: 100%;
		position: relative;
	}




footer{
}
	.footer-top{
		background: #212933;
		padding: 2em 0;
		text-align: center;
	}
		.footer-top h4{
			color:#fff;
			display: inline-block;
			margin: 0 1em 0 0;
		}

	.footer-bottom{		
		padding: 3em 0;
	}
	.footer-bottom .pied-de-page-1, .footer-bottom .pied-de-page-2, .footer-bottom .pied-de-page-3, .footer-bottom .pied-de-page-4{		
		float: left;
		box-sizing: border-box;
		margin-right: 5%;
	}
		.footer-bottom .pied-de-page-1{		
			width:36%;
		}
			.footer-bottom .pied-de-page-1 .col{		
				float: left;
			}
				.footer-bottom .pied-de-page-1 .col-img{		
					width:22%;
					margin-right: 13%;
				}
				.footer-bottom .pied-de-page-1 .col-img img{		
					width:100%;
					height: auto;
				}
				.footer-bottom .pied-de-page-1 .col-adress{		
					width:65%;
				}
					.footer-bottom .pied-de-page-1 .col-adress svg{		
						width:1.2em;
						height: auto;
						vertical-align: text-top;
					}
					.footer-bottom .pied-de-page-1 .col-adress svg g{		
						fill:#007E8B;
					}
		.footer-bottom .pied-de-page-2{		
			width:16%;
		}
		.footer-bottom .pied-de-page-3{		
			width:16%;
		}
		.footer-bottom .pied-de-page-4{		
			width:15%;
			margin-right: 0;
		}


	.footer-bottom ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.footer-bottom ul li{			
			padding-left: 1em;
			
		}
		.footer-bottom ul li a{			
			text-decoration: none;
			margin: 0 0 1em 0;
			display: inline-block;
		}
		.footer-bottom ul li ul li a, .footer-bottom .pied-de-page-4 a{	
			color:#4F5D70;
			margin: 0 0 1em 0;
			display: inline-block;
		}
			.footer-bottom ul li a:hover, .footer-bottom ul li ul li a:hover, .footer-bottom .pied-de-page-4 a:hover{	
				color:#007E8B;
				text-decoration: underline;
			}


.container, .wp-block-group__inner-container{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	box-sizing: border-box;
	display: block;
}
.wp-block-group .wp-block-group__inner-container{
	padding: 4em 0 4em 0;
}
.wp-block-group .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container, .wp-block-group .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container .wp-block-group__inner-container{
	padding: 0;
	width: auto;
	max-width: auto;
}

.clear{
	clear: both;
}


.valign-container{
	display: inline-table;
	vertical-align: top;
	height: 100%;
	position: relative;
}
	.valign-container .valign-content{
		display: table-cell;
		vertical-align: middle;
		height: 100%;
	}

.align-center{
	text-align: center;
}

figure{
	padding: 0;
	margin: 0;
}




.page-title{
	background: #007e8b;
	padding: 2em 0 2em 0;
	text-align: center;
	color:#fff;
	z-index: 2;
	position: relative;
}
	.page-title .title-tag{
		background: #212933;
		padding: .1em .2em;
		margin-bottom: .2em;
		display: inline-block;
	}
	.page-title h1{
		display: inline-block;
	}
	.page-title h2{
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		font-weight: 400;
		font-size: 1.4em;
		margin-top: .3em;
	}
	.page-title .category-image{
		display: inline-block;
		margin: 0;
		padding: 0;
	}
		.page-title .category-image img{
			display: inline-block;
			width: 1.5em;
			height:auto;
			vertical-align: middle;
		}
	.single .page-title figure{
		/*width: 80%;*/
		margin: 2em 10% -10em 10%;
	}
		.single .page-title figure img{
			width: 100%;
			height: auto;
		}
	.page-title a{
		color:#fff;
	}


/* FIL D'ARIANE */
.breadcrumb{
	display: block;
	width:100%;
	text-align: center;
	margin-bottom: 1em;
	font-size: 0.8em;
}


/* ACCUEIL */

.hero{
	padding-top:15vh;
	padding-bottom: 18vw;
	background: #007e8b url("./img/bkgd-accueil-desktop@2x.jpg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	max-height:65vh;
}

.hero h1{
	margin-bottom: 0.5em;
}

/* ACCUEIL */
	.page-id-5 .hero {
	    padding-top: 5vh;
    	padding-bottom: 20vw;
		height:55vh;
	}
	.page-id-5 .hero .wp-block-group__inner-container{
		padding-top:2em;
	}

.wp-block-group.formations{
	padding-top: 0;
	margin-top: -7em;
	z-index: 5;
	position: relative;
}
	.wp-block-group.formations{
		padding-top: 0;
	}
	.wp-block-group.formations .wp-block-group__inner-container{
		padding-top: 0;
	}

.wp-block-group.formations h2{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 1.65em;
	font-weight: 400;
	color: #fff;
}

.atout{
	font-family: 'Amatic SC', cursive;
}






/* CARDS FORMATION */
.cards{
	
}
.cards .card{
	display: block;
	float:left;
	width: 23.4%;
	padding: 0;
	margin: 0 1em 1em 0;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #EDF1F5;
	overflow: hidden;
	border-radius: 0.3em;
	text-align: left;
	position: relative;
	text-decoration: none;
	color: #212933;
	box-shadow: 0 0px 0px rgba(33,41,51,.2);
	transform: translate(0,0);
	transition: all ease-out 250ms;
}
	.cards .card:hover{
		transform: translate(0,-7px);
		box-shadow: 0 10px 30px rgba(33,41,51,.1);
	}
	.cards .card-img{
		position: relative;
		background: #95a1b1
	}
		.cards .card figure{
			width:100%;
			height: 0px;
			display: block;
			margin: 0;
			padding: 50% 0 0 0;
			position: relative;
			z-index: 1;
		}
			.cards .card figure img{
				width:100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				object-fit: cover;
			}
		.cards .card .card-taxonomies{
			position: absolute;
			bottom: -.7em;
			left: 0;
			z-index: 2;
		}
			.cards .card .card-taxonomies .card-category, .cards .card .card-taxonomies .card-tag{
				font-size:.8em;
				color:#fff;
				display:inline-block;
				margin: 0;
				padding: .1em .2em;
				background:#212933;
			}
	.cards .card .card-title{
		padding: 2.5em 1em 1em 1em;
		min-height: 15em;
	}
		.cards .card .card-title h3{
			font-size:1.2em;
			font-weight: 500;
		}
		.cards .card .card-title p{
			font-size:.8em;
		}
	.cards .card .card-resume{
		padding: 1em 1em 0 1em;
		font-size: .8em;
		color:#4F5D70;
		position: absolute;
		bottom: 0;
	}
		.cards .card .card-resume img{
			width: 1em;
			height: auto;
			vertical-align: text-top;
		}
		.cards .card .glsr-summary-text, .cards .card .glsr-summary-percentages{
			visibility: hidden;
			display:none;
		}
		.cards .card .glsr-summary-rating{
			font-size:1em;
			font-weight: 400;
		}
		.cards .card .glsr-default .glsr-summary-stars .glsr-star {
			background-size: 1.2rem;
			height: 1.2rem;
			width: 1.2rem;
		}
		


/* FICHE FORMATION */

.page-resume svg, .content svg{
	width: 1.2em;
	vertical-align: text-top;
	height: auto;
	display: inline-block;
}
	.page-resume h3{
		font-family: 'Amatic SC', cursive;
	}


	.page-title .title-category, .page-title .title-text, .page-title .title-picture{
		display: inline-block;
		vertical-align: middle;
	}
		.page-title .title-category{
			width:10%;
			margin-right: 2%;
		}
			.page-title .title-category img{
				width:100%;
				height: auto;
			}
		.page-title .title-text{
			width:37%;
			text-align: left;
			margin-right: 5%;
		}
			.page-title .title-text h5{
				color:#fff;
				font-weight: 400;
			}
		.page-title .title-picture{
			width:45%;
			height: auto;
			border-radius:.3em;
		}
			.page-title .title-picture figure{
				padding: 0;
				margin: 0;
			}
			.page-title .title-picture img{
				width:100%;
				height: auto;
				border-radius:.3em;
				background: rgba(255,255,255,.2);
			}


	.metiers-en-cuisine .page-title{
		background-color: #9D0E1C;
	}
	.metiers-en-cuisine .content svg g{
		fill:#9D0E1C;
	}
	.metiers-en-cuisine .page-resume{
		background: linear-gradient(180deg, #9D0E1C 49.9%, rgba(255,255,255,0) 50%);
	}
	.cards .card .card-taxonomies.metiers-en-cuisine .card-category{
		background-color: #9D0E1C;	
	}

	.service-en-salle .page-title{
		background-color: #B1306B;
	}
	.service-en-salle .content svg g, .service-en-salle .content svg g .st0, .service-en-salle .content svg g .st1{
		fill:#B1306B;
	}
	.service-en-salle .page-resume{
		background: linear-gradient(180deg, #B1306B 49.9%, rgba(255,255,255,0) 50%);
	}
	.cards .card .card-taxonomies.service-en-salle .card-category{
		background-color: #B1306B;	
	}

	.conseil-metier .page-title{
		background-color: #8D5AA1;
	}
	.conseil-metier .content svg g{
		fill:#8D5AA1;
	}
	.conseil-metier .page-resume{
		background: linear-gradient(180deg, #8D5AA1 49.9%, rgba(255,255,255,0) 50%);
	}
	.cards .card .card-taxonomies.conseil-metier .card-category{
		background-color: #8D5AA1;	
	}

	.hygiene-et-securite-alimentaire .page-title{
		background-color: #3674BC;
	}
	.hygiene-et-securite-alimentaire .content svg g{
		fill:#3674BC;
	}
	.hygiene-et-securite-alimentaire .page-resume{
		background: linear-gradient(180deg, #3674BC 49.9%, rgba(255,255,255,0) 50%);
	}
	.cards .card .card-taxonomies.hygiene-et-securite-alimentaire .card-category{
		background-color: #3674BC;	
	}

	.dietetique .page-title{
		background-color: #FF4500;
	}
	.dietetique .content svg g{
		fill:#FF4500;
	}
	.dietetique .page-resume{
		background: linear-gradient(180deg, #FF4500 49.9%, rgba(255,255,255,0) 50%);
	}
	.cards .card .card-taxonomies.dietetique .card-category{
		background-color: #FF4500;	
	}

	.restauration-durable-et-engagee .page-title{
		background-color: #497100;
	}
	.restauration-durable-et-engagee .content svg g{
		fill:#497100;
	}
	.restauration-durable-et-engagee .page-resume{
		background: linear-gradient(180deg, #497100 49.9%, rgba(255,255,255,0) 50%);
	}
	.cards .card .card-taxonomies.restauration-durable-et-engagee .card-category{
		background-color: #497100;	
	}

	.management .page-title{
		background-color: #616B8C;
	}
	.management .content svg g{
		fill:#616B8C;
	}
	.management .page-resume{
		background: linear-gradient(180deg, #616B8C 49.9%, rgba(255,255,255,0) 50%);
	}
	.cards .card .card-taxonomies.management .card-category{
		background-color: #616B8C;	
	}


	.animation .page-title{
		background-color: #F5AC11;
	}
	.animation .content svg g{
		fill:#F5AC11;
	}
	.animation .page-resume{
		background: linear-gradient(180deg, #F5AC11 49.9%, rgba(255,255,255,0) 50%);
	}
	.cards .card .card-taxonomies.animation .card-category{
		background-color: #F5AC11;	
	}



	.single-formation .content{
		padding-left:1.5em;
	}
		.single-formation .content h3{
			margin-top: 2em;
		}
		.single-formation .content h3 svg{
			margin-left:-1.5em;
		}
		.content .formation-info:first-child h3{
			margin-top: 0;
		}


	.page-resume{
		position: relative;
		z-index: 2;
	}
		.page-resume .container{
			background-color: #212933;
			padding: 2em;
			color: #fff;
			border-radius:.3em;
		}
	.page-resume .page-resume-col{
		display: inline-block;
		width: 15%;
		text-align: center;
		box-sizing: border-box;
		padding: 0 1em;
		vertical-align: top
	}
		.page-resume .page-resume-col p{
			font-size: 0.8em;
		}
		.page-resume svg g, .page-resume svg g .st0, .page-resume svg g .st1{
			fill:#fff !important;
		}
	.page-resume .separator{
		display: inline-block;
		width:1px;
		height: 100%;
		border-left: 1px solid #fff;
	}
	.page-resume .page-resume-actions{
		display: inline-block;
		width:37%;
		text-align: center;
	}


.avis .wp-block-column:nth-child(1){
	padding-right: 4em;
	box-sizing: border-box;
}

.taux_de_reussite h4{
	display: inline-block;
	vertical-align: text-top;
	font-family: 'Amatic SC', cursive;
	font-size: 4em;
	line-height: 0.4;
	margin-right: .2em;
	margin-bottom: 0;
}







.content{
	padding: 6em 0;
}
	.single .content{
		padding: 12em 0 6em 0;
	}
	.content .container{
		max-width:48em;
		margin: 0 auto;
	}

	.content li{
		list-style: none;
		margin: 0 0 .7em 1.5em;
		padding: 0;
		display: block;
		position: relative;
	}
		.content li:before{
			display: block;
			position: absolute;
			top:.2em;;
			left:-1.5em;	
			height: 1em;
			width: 1em;
			content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='16' width='16'><path d='M9.8,14c-0.1,0.1-0.2,0.1-0.3,0.2c-0.1,0-0.2,0.1-0.3,0.1c-0.2,0-0.5-0.1-0.6-0.3c-0.2-0.2-0.3-0.4-0.3-0.6		c0-0.1,0-0.2,0.1-0.3c0-0.1,0.1-0.2,0.2-0.3L12.4,9H1.5C1.2,8.9,1,8.8,0.8,8.6C0.7,8.5,0.6,8.2,0.6,8s0.1-0.5,0.3-0.6		C1,7.2,1.2,7.1,1.5,7.1h10.9L8.6,3.3C8.5,3.2,8.4,3.1,8.4,3S8.3,2.8,8.3,2.7c0-0.2,0.1-0.5,0.3-0.6C8.8,1.9,9,1.8,9.2,1.8		c0.1,0,0.2,0,0.3,0.1C9.6,1.9,9.7,2,9.8,2l5.3,5.3c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.2,0.1,0.3s0,0.2-0.1,0.3		c0,0.1-0.1,0.2-0.2,0.3L9.8,14z'/></svg>");	
		}







.section{
	padding: 6em 0;
}
.bkgd-gray{
	background-color: #EDF1F5;
}




/* RECHERCHE */
.wpdreams_asl_container{
	max-width:48em !important;
	margin: 1em auto 0 auto !important;
	font-size: 1.4em !important;
	padding: .5em !important;
}
	div.asl_r p.showmore a{
		text-transform: uppercase;
		color:#fff !important;
		border-radius: 4px !important;
		padding: 0.75em 2em;
		text-decoration: none;
		font-size:1.1em !important;
		display: inline-block;
		transition: all ease-out 250ms;
		border: none !important;
		font-family: 'Montserrat', sans-serif !important;
		background-color: #212933 !important;
		cursor: pointer;
	}
	div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a{
		color: #212933 !important;
		font-size: 0.9em !important;
    	font-weight: 500 !important;
		line-height: 1 !important;
	}




/* DESKTOP ONLY */

@media (min-width:1180px){


	
	/* MENU */
	#menu{
		position: relative;
		z-index: 9999;
	}
		#menu .menu-btn{
			display: none;
		}	
		#menu .menu-container, #menu .menu-menu-principal-container, #menu .menu-menu-principal-en-container, #menu .menu-menu-secondaire-container{
			float:right;
		}
			#menu ul{
				display: inline-block;
				float: left;
				text-align: left;
				width: auto;
				padding: 0;
				margin: 0;
			}
			#menu ul li{
				display: inline-block;
				width: auto;
				margin: 0;
				padding: 0;
			}
			#menu ul li a{
				text-decoration: none;
				vertical-align: middle;
				padding: 0.5em 1em;
				font-size:1em;
				line-height: 4em;
				margin: 0;
				display: inline-block;
				width: auto;
				transition: all ease-in-out 210ms;
				background: none;
				color:#212933;
			}
			#menu ul li a img{				
				vertical-align: middle;
			}
				#menu ul li a:hover, #menu ul li.current-menu-item a{
					color:#007e8b;
				}
	
			#menu ul li.header-btn a{
				font-size: 0.8em;
				text-decoration: none;
				text-transform: uppercase;
				color: #fff;
				background-color: #212933;
				border-radius: 4px 4px 4px 4px;
				padding: .7em 1.em;
				margin: 1em 0 1em 1em;
				line-height: 1em;
			}
				#menu ul li.header-btn a:hover{
					background-color: #000;
				}


			#menu ul li.menu-item-has-children a::after{
				content: "";
				display: inline-block;
				height: 1em;
				width: 1em;
				background: url(./img/icons/dark/caret-down.svg);
				vertical-align: middle;
				margin-left: 0.1em;
				transition: all ease-in-out 250ms;
			}
			 #menu ul li.current-menu-item a::after{				
				background: url(./img/icons/blue/caret-down.svg);
			}
			#menu ul li.menu-item-has-children:hover a::after{				
				background: url(./img/icons/blue/caret-up.svg);
			}
			
				#menu ul li ul, #menu ul li.menu-item-has-children ul{
					position: absolute;
					opacity: 0;
					width: 100%;
					height:0;
					left: 0;
					padding: 1em;
					display:block;
					visibility: hidden;
					z-index: 0;
					background: #EDF1F5;
					box-shadow: 0px 10px 20px rgba(0, 0, 0, .2), 0px 40px 60px rgba(0, 0, 0, .1);
					transition: all 200ms ease-in-out;
					transition-delay:10ms;
					border-radius:0px 0px 10px 10px;
					transform:scaleY(.7);
					transform-origin: center top;
				}
				
					#menu ul li.menu-item-has-children:hover ul{
						opacity: 1;
						height:auto;
						transform:scaleY(1);
						z-index: 1;
						visibility: visible;
					}
					#menu ul li.menu-item-has-children ul li{
						width:24.7%;
						box-sizing: border-box;
						margin: 1em 0;
					}
					#menu ul li.menu-item-has-children ul li a{
						text-transform: none;
						border-bottom:none;
						width:100%;
						color: #212933;
						line-height:1.2;
						
					}
						#menu ul li.menu-item-has-children ul li a .link-image img{
							height:4em;
							width:4em;
							border-radius:100%;
							margin-right:0.5em;
							object-fit: cover;
							vertical-align: middle;
							display: inline-block;
						}
						#menu ul li.menu-item-has-children ul li a .link-title{
							height:4em;
							width: calc(100% - 5em);
						}
						#menu ul li.menu-item-has-children ul li a:hover, #menu ul li ul li.current-menu-item a:hover{
							color:#007e8b;
						}
					#menu ul li.menu-item-has-children ul li a::after{
						content:none;
						margin-left:0;
					}
				
					
	
			

}


/* TABLETTES */
@media (max-width:1180px){


	h1{
		font-size: 3em;
		line-height: 1;
	}
	h2{
		font-size: 2.3em;
		line-height: 1;
	}
	h3{
		font-size: 1.5em;
		line-height: 1;
	}
	h4{
		font-size: 1.3em;
		line-height: 1.5;
		margin-bottom: 1em;
	}
	.content ul{
		padding-left: 1em;
	}
	.chiffre-cle{
		font-size:5em;
	}
	
	.btn, .header-btn a, .button, .wp-block-button__link, .wp-block-search__button, .wpcf7-submit{
		padding:0.75em 1em;
	}
	
	header{
		position: fixed;
		border-bottom: 1px solid #EDF1F5;
	}
	main{
		padding-top: 5em;
	}
	/* MENU */
	#menu{
		position: fixed;
		right:0;
		top:0;
		z-index: 9999;
	}
		#menu .menu-btn{
			position: fixed;
			z-index: 3;
			width: 3em;
			margin: 0em;
			padding: 1em;
			top: 0;
			right: 0;
			text-align: right;
			display: block;
			color: #fff;
			cursor: pointer;
			opacity: .9;
		}
			.scroll-started #menu .menu-btn{
				opacity: 1;
			}
			.scroll-started #menu .menu-btn, .menu-opened #menu .menu-btn{
				color: #0D4343;
			}
			.scroll-started #menu .menu-btn:hover{
				color: #011313;
			}
			#menu .menu-btn span{
				height: 0em;
				line-height: 0.2;
				display: inline-block;
				vertical-align: text-top;
			}
			#menu .menu-btn img{
				width:2em;
				height: 2em;
				margin: 0.5em;
			}
			#menu .menu-btn img.icon-menu-vert{
				display: none;
			}
			#menu .menu-btn img.icon-menu-blanc{
				display: inline-block;
			}
				.scroll-started #menu .menu-btn img.icon-menu-vert{
					display: inline-block;
				}
				.scroll-started #menu .menu-btn img.icon-menu-blanc{
					display: none;
				}
		#menu .menu-btn-open{
			display:block;
		}
		#menu .menu-btn-close{
			display:none;
		}
			.menu-opened #menu .menu-btn-close{
				display:block;
			}
			.menu-opened #menu .menu-btn-open{
				display:none;
			}


		#menu .menu-container{
			position: fixed;
			width:100%;
			max-width: 25em;
			height: 100vh;
			overflow-y: auto;
			font-size: 1.3em;
			top:0;
			right: -100%;
			z-index: 2;
			opacity: 0;
			background:#fff;
			transition: all 200ms ease-in-out;
			box-shadow: -50px 0px 300px rgba(0,0,0,.3);
		}
			.menu-opened #menu .menu-container{
				right:0px;
				opacity: 1;
			}
			#menu .menu-menu-principal-container{
				display: flex;
				align-items: center;
				min-height: 100%;
				width: 100%;
			}

			#menu ul{
				width:100%;
				padding:3em 3em 3em 2em;
				box-sizing:border-box;
				font-size:0.9em;
				line-height: 1.1em;
				margin: 0 auto;
				text-align: left;
			}
			#menu ul li{
				display:inline-block;
				width:100%;
				text-align: left;
				line-height: 1.5em;
				padding: 0.3em 0;
				box-sizing: border-box;
				margin: 0 0 0.5em 0;
				line-height: 1em;
			}
				#menu ul li:nth-child(1), #menu ul li:nth-child(2){
				}
			#menu .menu-container.visible li{
				margin-left: 0%;
				opacity:1;
			}
			#menu ul li a{
				font-size:1em;
				line-height: 1em;
				text-transform: uppercase;
				display: inline-block;
				text-decoration: none;
				width: auto;
				transition: all 250ms ease-in-out;
				padding: 0;
				margin: 0;
				transition:none;
				color: #0D4343;
			}
				#menu ul li a:hover, #menu ul li.current-menu-item a{
					color:#011313;

				}
				#menu ul li a .link-image img{
					width:1.5em;
					height:1.5em;
					object-fit: cover;
					margin-right:.5em;
					border-radius:100%;
				}
				#menu ul li.menu-item-has-children > a::after{
					content: "";
					display: inline-block;
					height: 1em;
					width: 1em;
					background: url(./img/icon-chevron.svg);
					vertical-align: middle;
					margin-left: 0.1em;
					transition: all ease-in-out 250ms;
				}
					#menu ul li.menu-item-has-children.opened > a::after{
						transform: rotate(-180deg);
					}

				#menu ul li.menu-item-has-children ul{
					box-sizing: border-box;
					transition: all ease-out 500ms;
					font-size: 0.9em;
					padding: 0 0 0 .5em;
				}
				#menu ul li.menu-item-has-children.opened ul{
					height: auto;
				}
					#menu ul li.menu-item-has-children ul li:first-child{
						margin-top: 2em;
					}
					#menu ul li.menu-item-has-children ul li a{
						line-height: 1.3em;
						text-transform: none;
						position: relative;
   						 display: flex;
					}
	
	#menu .recherche{
		display: none;
	}
	
	#menu .header-btn a{
		font-size: 0.8em;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		background-color: #473DF7;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #473DF7;
		border-radius: 5px 5px 5px 5px;
		padding: .7em 0;
		text-align: center;
		margin-top: .5em;
	}
	
	
	footer{
		padding: 0 ;
	}
	.footer-top .btn{
		margin: .5em 0 0 0;
	}
		.footer-top h4{
			margin: 0 auto;
			width: 90%;
		}
	.footer-bottom ul li{
		padding:0; 
	}
	.footer-bottom .pied-de-page-1, .footer-bottom .pied-de-page-2, .footer-bottom .pied-de-page-3, .footer-bottom .pied-de-page-4{
		width: 100%;
		text-align: center;
		float: none;
		margin-bottom: 2em;
	}
	.footer-bottom .pied-de-page-1 .col{
		width:100%;
		margin-bottom: 2em;
	}
	.footer-bottom .pied-de-page-1 .col-img img{
		max-width: 7em;
		height:auto;
	}
	
	
	.cards .card{
		width: 47.5%;
	}

	.content{
		padding: 2em 0;
	}
	
	.page-title .title-category, .page-title .title-text, .page-title .title-picture{
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.page-title .title-category, .page-title .title-text{
		margin-bottom:.5em;
	}
	.page-title h2{
		font-size: 1em;
	}

	.page-title .title-category img{
		max-width: 6em;
		height: auto;
		margin: 0 auto;
	}
		.page-title .title-category{
			font-size: 0.9em;
		}
	
	
	/* FICHE FORMATION */
	.page-resume .page-resume-col{
		width: 49%;
		padding: 0 .5em;
	}
		.page-resume .page-resume-col:nth-child(1n){
			width: 49%;
			padding: 0 .5em 0 0;
		}
		.page-resume .page-resume-col:nth-child(2n){
			width: 49%;
			padding: 0 0 0 .5em;
		}
	.page-resume .page-resume-actions{
		width: 100%;
		padding: 2em 0 0 0;
	}
	.single .content h3{
		margin-left:0;
	}
	
	
	/* ACCUEIL */
	.page-id-5 .hero {
	    padding-top: 5vh;
    	padding-bottom: 20vw;
		height:55vh;
	}
	.page-id-5 .hero .wp-block-group__inner-container{
		padding-top:2em;
	}
	
	
	
}





/* MOBILE */
@media (max-width:760px){
	.cards .card{
		width: 100%;
	}
	
	/* ACCUEIL */
	.page-id-5 h2{
		font-size:1.3em;
	}
	.page-id-5 h2{
		font-size:1.5em;
	}
	.page-id-5 .hero {
	    padding-top: 0vh;
    	padding-bottom: 37vw;
		background: #007e8b url(./img/bkgd-accueil-mobile@2x.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		max-height:75vh;
	}
	.page-id-5 .wp-block-spacer{
		height: 0 !important;
	}
	.page-id-5 .temoignages blockquote{
		margin: 0;
	}
	
	
	.single .page-title figure{
		width: 100%;
		margin: 2em 0 -10em 0;
	}
	
}