@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(http://fonts.googleapis.com/css?family=Abel|Satisfy);


body {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #410887;
}


/* Wrapper */

#wrapper {
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}



hr {
	overflow: visible;
	border: solid 1px #C4C2F4;
	width: 57vw;
	text-align: center;
}
@media(max-width:810px){
hr {
  width: 80vw;		
}
}
@media(min-width:811px) and (max-width:1398px){
hr {
width: 70vw;
}
}



hr.two {
	overflow: visible;
	border: solid 1px #C6ED15;
	width: 85em;
	text-align: center;
}
@media(max-width:810px){
hr.two {
  width: 90%;		
}
}
@media(min-width:811px) and (max-width:1275px){
hr.two {
width: 92%;
}
}


a:hover {
	color: #E82528;
	text-decoration: none;
}

a {
	color: #358520;
}





.esute1 {
	padding: 10px;
	margin: 0 auto;
	width: 40vw;
	border: solid #89F3A5 1px;
	border-radius: 8px;
	text-align: center;
}

.esute1 h2 {
	padding: 0;
	margin: 0.5vw;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Times New Roman', 'Californian FB', sans-serif;
	font-size: 1.5vw;
	color: #085B09;
}
@media (max-width:810px){
.esute1 {
	width: 60%;	
}
.esute1 h2 {
	font-size: 1.75vw;
}
}
@media (min-width:811px) and (max-width:1240px){
.esute1 {
	width: 48%;	
}
.esute1 h2 {
	font-size: 1.55vw;
}
}



.esute2 {
	width: 40vw;
	height: auto;
	padding: 15px 15px 5px 15px;
	margin: 0 auto;
	border: solid 1px #9A9BEF ;
	border-radius: 10px;
}
.esute2 h2 {
	padding: 0;
	margin: 0.8vw;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Times New Roman', 'Californian FB', sans-serif;
	font-size: 1.1vw;
	color: #DD0E82;
	text-align: center;
}
.esute2 h4 {
	font-size: 1.05vw;
	line-height: 1.5em;
	text-align: justify;
	color: #34A818;
}
@media (max-width:810px){
.esute2 {
	width: 60%;	
}
.esute2 h2 {
	font-size: 1.55vw;
}
.esute2 h4 {
	font-size: 1.5vw;
	line-height: ;
}
}
@media (min-width:811px) and (max-width:1240px){
.esute2 {
	width: 48%;	
}
.esute2 h2 {
	font-size: 1.35vw;
}
.esute2 h4 {
	font-size: 1.4vw;
}
}



.esute3 {
	padding: 10px;
	margin: 0 auto;
	width: 40vw;
	border: solid #89F3A5 1px;
	border-radius: 8px;
	text-align: center;
}
.esute3 img {
	width: 100%;
}
@media (max-width:810px){
.esute3 {
	width: 60%;	
}
}
@media (min-width:811px) and (max-width:1240px){
.esute3 {
	width: 48%;	
}
}


.vision {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 65vw;
	margin: 0 auto;
	gap: 1em;
}

.vision .section {
	border-radius: 1.2em;
	border: solid 0.2em #9196F4;
	background: #FBF3FF;
}

.vision .section h2 {
	margin: 1em 0 0.5em 1.5em;
	font-size: 1.5vw;
	text-align: left;
} 

.vision .section p {
	padding: 1.2em;
	font-size: 0.85vw;
	line-height: 1.5em;
	text-align: justify;
}
@media (max-width:810px){
.vision {
	width: 80%;	
}
.vision .section p {
	font-size: 1.22vw;
}
.vision .section h2 {
	font-size: 1.8vw;
}
}
@media (min-width:811px) and (max-width:1240px){
.vision {
	width: 80%;	
}
.vision .section p {
	font-size: 0.8em;
}
.vision .section h2 {
	font-size: 1.8vw;
}
}



.infocontact {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 56vw;
	margin: 0 auto;
	gap: 2em;
}
.infocontact iframe {
	width: 100%;
}
.contact2 {
  width: 90%;
  padding-top: 5em;
  border: dotted 2px #919E0A;
  border-radius: 10px;
}
.infocontact h2 {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 1vw;
	color: #169A1C;
	text-align: center;
}
.infocontact p {
	padding: 3em;
	letter-spacing: 1;
	font-size: 0.81vw;
	color: #0E3005;
	text-align: center;
}
@media (max-width:810px){
.contact2 {
	width: 56vw;
	margin-left: -5em;
}
.infocontact iframe {
	display: none;
}
.infocontact h2 {
	font-size: 2vw;
}
.infocontact p {
	padding: 3em;
	font-size: 1.91vw;
}
}

@media (min-width:811px) and (max-width:1240px){
	
.infocontact {
	width: 70%;
	margin-left: 11em;
}
.contact2 {
	width: 80%;
	height: 40em;
}
.infocontact iframe {
	height: 40em;
}
.infocontact h2 {
	font-size: 1.3vw;
}
.infocontact p {
	padding: 2em;
	font-size: 1.31vw;
}
}



.conteneur {
  width: 55vw;
  height: auto;
  padding: 2.5vw ;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #EBEBFC;
  text-align: justify;
  font-size: 20px;
}
.conteneur h1 {
  font-size: 1em;
}
.conteneur h2 {
	margin: 0 auto;
	padding: 2em;
	width: 20vw;
    height: auto;
	color: #0C8F1F;
	border: solid 1px #5FC011 ;
	border-radius: 6px;
	font-size: 1vw;
	text-align: center;
	background-color: #F9FBFA;
}
.conteneur h4 {
	width: 30vw;
    height: auto;
	margin: 0 auto;
	padding: 2em;
	font-size: 1vw;
	text-align: center;
	border: solid 1px #5FC011 ;
	border-radius: 6px;
	background: #FCFFF9;
}
.conteneur p {
	font-size: 1.02vw;
}
@media (max-width:810px){
.conteneur {
	width: 63%;	
}
.conteneur h1 {
  font-size: 1.6vw;
}
.conteneur h2 {
	width: 25vw;
	font-size: 1.2vw;
}
.conteneur h4 {
	width: 35vw;
	font-size: 1.23vw;
}
.conteneur p {
	font-size: 2vw;
}
}
@media (min-width:811px) and (max-width:1340px){
.conteneur {
	width: 63%;	
}
.conteneur h1 {
  font-size: 1.6vw;
}
.conteneur p {
	font-size: 1.4vw;
}
}