body {
	font-family: 'Comic Neue', cursive;
}

.mw-1200 {
	max-width: 1200px;
}

.logo {
	scale: 0.7;
  /*margin-right: 17px;*/
}
.headermargin{
	margin-top: 25px;
}

.header h1 {
	font-size: 20px;
	text-transform: uppercase;
}

.header h1,
.sub-header div p {
	color: #007552;
}

h1 .letter-big {
	font-size: 24px;
}

/*.sub-header div{
	box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.3);
}*/


.sub-header p:first-child .letter-big {
	font-size: 40px;
}
.sub-header p .letter-big {
	font-size: 32px;
}

.sub-header {
	/*background-image: url("../img/sub-header.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*height: 378px;*/
	position: relative;
}

.sub-header div {
	background-color: #fff;
	border-radius: 10px;
	padding: 48px 145px;
}

.sub-header div p:first-child {
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 80px;
	position: relative;
}

.sub-header div p:first-child::before {
	content: "";
	background-color: #00704b;
	display: inline-block;
	width: 330px;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
}

.sub-header div p:last-child {
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
}

.content > div {
	background-color: #fff;
	border-radius: 10px;
	padding: 35px 19px 70px 19px;
	position: relative;
	/*top: -100px;*/
	/* width: 1200px; out*/
}

.content .ecole {
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	height: 100%;
	box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.3);
}


 /* Effet Grow sur les vignettes*/
.button-grow {
	cursor: pointer;
	transition: all 0.3s ease-in-out;
  }
  
.button-grow:hover {
	transform: scale(110%);
  }


/* Vignettes écoles*/
.content .ecoleaugus{
	background-color: #076382;
}
.content .ecoleaugus:hover{
	background-color: #C22A00;
}

#augustin h2{
	color: #ffffff;
}

#augustin p{
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
}


.content .ecolenda{
	background-color: #007552;
}
.content .ecolenda:hover{
	background-color: #C22A00;
}

#nda h2{
	color: #ffffff;
}

#nda p{
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
}


.content .ecolealix{
	background-color: #078C8A;
}
.content .ecolealix:hover{
	background-color: #C22A00;
}

#alix h2{
	color: #ffffff;
}
#alix p{
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
}



.content .ecole .img-link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 80%;
	text-decoration: none;
}

.content .ecole .img-link h2,
.content .ecole .img-link p {
	color: #000;
}

.content .ecole img {
	max-width: 100%;
	border-radius: 10px 10px 0 0 ;
}

.content .ecole h2 {
	font-size: 20px;
	margin-top: 2rem;
}


/* .content .row div:last-child .ecole h2 {
	margin-top: 11px;
} */

.content .ecole p {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 0 0.5rem;
}

.content .btn-ecole {
	width: 100%;
	/* background-color: blue; */
	border-radius: 0 0 8px 8px;
	padding: 10px 0 10px 0;
	position: relative;
}

.troissources{
	padding-bottom: 20px;
	color: #007552;
}

/*
.content .btn-ecole::before {
	content: "";
	display: inline-block;
	width: 200px;
	height: 1px;
	background-color: #dadada;
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
}

.content #augustin .btn-ecole:hover {
	background-color: #078C8A;
	color: #fff;
}

.content #nda .btn-ecole:hover {
	background-color: #007552;
	color: #fff;
}

.content #alix .btn-ecole:hover {
	background-color: #076382;
	color: #fff;
}


.content .btn-ecole:hover::before {
	opacity: 0;
}
*/
.infocol{
	font-family: 'Poppins', sans-serif;
	text-align: justify;
}

.collapse-section {
	margin-top: 60px !important;
}

.collapse-section .btn-projet {
	border: 1px solid #C22A00;
	color: #C22A00;
	padding: 10px 30px 10px 30px;
	box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.3);
}

.collapse-section .btn-projet:hover {
	background-color: #C22A00;
	color: #fff;
}

#projet-educ,
#projet-peda {
	margin-top: 50px;
}

#projet-educ .card,
#projet-peda .card {
	border: 0;
	background-color: #dadada;
	border-radius: 10px;
}

.footer {
	margin-top: 100px;
	padding: 15px 0 15px 0;
	background-color: #007552;
	color: #fff;
}



/* @media (max-width: 1400px) {
	.content .ecole {
		height: 330px;
	}
} */

@media (max-width: 1200px) {
	.content .btn-ecole::before {
		width: 150px;
	}
}

@media (max-width: 992px) {
	.content .btn-ecole::before {
		width: 100px;
	}

	.sub-header div {
		padding: 48px 48px;
	}
}

@media (max-width: 768px) {
	.sub-header div p:first-child {
		font-size: 26px;
	}

	.sub-header div p:last-child {
		font-size: 16px;
	}

	.sub-header p:first-child .letter-big {
		font-size: 30px;
	}

	.sub-header p:last-child .letter-big {
		font-size: 20px;
	}
	.collapse-section > div:first-child {
		margin-bottom: 40px;
	}
}

@media (max-width: 576px) {
	.header > div {
		flex-direction: column;
	}
	.header h1 {
		width: 100%;
		text-align: center;
	}
	.sub-header div {
		padding: 24px 24px;
	}

	.content .btn-ecole::before {
		width: 200px;
	}
}