/* Typo */
@import url('//fonts.googleapis.com/css?family=Montserrat:300|Montserrat:700|Lato:300|Lato:700');

body {
	font-family: Lato;
	font-size: 1.6rem;
}

a {
    color: #145873;
    text-decoration: none;
}
a:active, a:hover, a:focus {
    color: #145873;
}

.content {
	overflow: hidden;
	width: 100%;

	z-index: 2;
	position: relative;
}

h1, .h1-like, h2, h3, .h3-like, .bt{
	font-family: Montserrat;
	text-transform: uppercase;
	font-weight: 700;

	color: #145873;
}

h2, h3, .h3-like {
	line-height: 5.5rem;
}

h1, .h1-like {
	font-size: 5.5rem;
	color: #FFF;

	/* Centrer le titre */
	left: 0;
	right: 0;

	top: 8rem;
}
h1::before {
	transform: rotate(-90deg);
}

.lucide h1 {
	top: 0rem;
}

h2 {
	font-size: 4.5rem;
}
h2::after {
	content: '';
  display: block;

  width: 40px;
  height: 40px;

	/* version Safarie et Chrome */
	-webkit-mask-image:  url('/media/tpl/triangle.svg');
	-webkit-mask-repeat: no-repeat;

	/* Version Edge */
	/* -ms-mask-image:  url('/media/tpl/triangle.svg');
	-ms-mask-repeat: no-repeat; */
  /* background-size: contain;
  background-size: 100px 82px; */

	/* Les autres */
	mask-image:  url('/media/tpl/triangle.svg');

	margin: auto;
	margin-top: 3rem;
}

h3, .h3-like {
	font-size: 3.6rem;
}
.h3-like {
	text-transform: none;
}
.h3-like::after {
  content: none;
}

/* Fonts */
.font-m { font-family: Montserrat;}

.fs2 {font-size: 2rem;}


/* bouton pour les liens */
.bt.fixed {
	color: inherit;
}
.bt, .bt.internal {
	color: #fff;

	border: none;
	border-radius: 2rem;

	box-shadow: none;

 font-weight: bold;

	padding: 1rem 3rem;
}
	.bt:hover {
		box-shadow: 0px 3px 6px #00000029;
	}

/* Triangle */
.div-avec-wave .triangle::before {
	display: inline-block;
	position: relative;
	top: 0;
	left: -20px;
}

.triangle::before {
	position: absolute;
	content: '';
  display: block;

  width: 40px;
  height: 40px;

	/* version Safarie et Chrome */
	-webkit-mask-image:  url('/media/tpl/triangle.svg');
	-webkit-mask-repeat: no-repeat;
	/* Version Edge */
	/* -ms-mask-image:  url('/media/tpl/triangle.svg');
	-ms-mask-repeat: no-repeat; */
  /* background-size: contain;
  background-size: 100px 82px; */
	/* Les autres */
	mask-image:  url('/media/tpl/triangle.svg');
	mask-repeat: no-repeat;

	top: 20px;
}
/* Fin triangle */


/* Cercle */
.demi-cercle::before {
	position: absolute;
	content: '';
  display: block;

	width: 50px;
	height: 110px;

		/* version Safarie et Chrome */
	-webkit-mask-image:  url('/media/tpl/demi-cercle.svg');
	-webkit-mask-repeat: no-repeat;
	/* Les autres */
	mask-image:  url('/media/tpl/demi-cercle.svg');
	mask-repeat: no-repeat;

	z-index: -1;
}

/* Pour cercle gris */
.br100 {
	border-radius: 100%;
}
.br25 {
	border-radius: 25%;
}
/* Fin pour cercle gris */
/* Fin Cercle */

/* Couleur */
.color, .color-bleu, .color-bleu:hover { color: #145873; }
.color-r { color: #EA565A; }
.color-j { color: #EF9836; }
.color-v, .selected { color: #4AA57B; }
.color-b { color: #FFF; }
/* .color-alt { color: #35747f; } */

/* Pour les triangles notemment */
.t-vert::before, .t-vert::after {background-color: #4AA57B;}
.t-jaune::before, .t-jaune::after {background-color: #EF9836;}
.t-rouge::before, .t-rouge::after {background-color: #EA565A;}
.t-blanc::before, .t-blanc::after {background-color: #FFF;}
.t-bleu::before, .t-jaune::after {background-color: #145873;}
/* Fin de couleurs pour les triangles */

/* Pour les boutons notemment */
.bg-bleu, .bg-bleu:hover {	background-color: #145873;}
.bg-vert, .bg-vert:hover {	background-color: #4AA57B;}
.bg-jaune, .bg-jaune:hover {	background-color: #EF9836;}
.bg-rouge, .bg-rouge:hover {	background-color: #EA565A;}
.bg-blanc, .bg-blanc:hover {	background-color: #FFF;}
/* Fin de couleurs pour les boutons */
.bg-gris {background-color: #1717170F;}

.deactivate {
	color: #EA565A;
}

/* Wave */
.div-avec-wave {
	background-color: #145873;
	height: 10rem;
}
.lucide .div-avec-wave {
	z-index: 0 !important;
	height: 20rem;
}

.wave {
    position: absolute;

		top : 99px;

    width: 100%;

    fill: #145873;

		z-index: -1;
}
.lucide .wave {
	display: none;
}

.apres-wave {
	padding-top: 25rem;
}
.lucide .apres-wave {
	padding-top: 0;
}
/* Fin wave */

/* Menu */
 #recherche input {
	 border: none;
	 border-left: 3px #145873 solid;
 }

.selected {
	font-weight: bold;
	position: relative;
}
.selected::after {
	position: absolute;
	content: '';
  display: block;

	width: 50px;
	height: 110px;

	/* centrer */
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;

	top: 3.7rem;

	/* version Safarie et Chrome */
	-webkit-mask-image:  url('/media/tpl/demi-cercle.svg');
	-webkit-mask-repeat: no-repeat;
	/* Les autres */
	mask-image:  url('/media/tpl/demi-cercle.svg');
	mask-repeat: no-repeat;

	background-color: #4AA57B;
	mask-repeat: no-repeat;

	transform: rotateZ(-90deg);
	z-index: 11;
}
/* Fin menu */

/* Header */

/* footer */
footer .wave {
	transform: rotate(180deg);
	bottom: 0;
	position: relative;
	top: 1px;
}

	footer #div-image {
		margin-bottom: -27rem;
		z-index: 1;
	}
	.lucide footer #div-image {
		margin-bottom: 0;
	}

footer section , footer a {
	color: #FFF;
}
footer a:active, footer a:hover, footer a:focus {
	color: #FFF;
	text-decoration: underline;
}

footer i a {
	color: #145873;
}

footer .last-section {
	background-color: #145873;
}

footer .last-section > div {
	border-top: 1px solid #fff;
}

footer .fa {
    text-decoration: none;
    background-color: white;
    border-radius: 100%;
    color: #145873;

    width: 35px;
    height: 35px;

    line-height: 32px;
    text-align: center;
		font-size: 2.2rem;
}

/* Formulaire contact */
#contact input[name='reponse'] { display: none; }


/* Barre de cookie */
#cnilcookie {
	border: none;
	position: fixed;
    left: 0;
    right: 0;
    bottom: 25px;
    text-align: center;
    font-size: 1.4rem;
    display: none;
	z-index: 2;
}
	#cnilcookie:hover { opacity: 1 !important; }
	#cnilcookie .bt {
		padding: .3rem .8rem;
		border: none;
  	color: #145873;
    background-color: #FFF;
		text-transform : none;
	}

/* RESPONSIVE medium */
@media (max-width: 850px) {
/* Menu */
	header nav ul {
    margin-top: 0rem;
	}
	/* Fin menu */

	.div-avec-wave {
    background-color: transparent;
    height: auto;
	}

	#titre {
		background-color: #145873;
		position: relative;

		top: 0;
	}

	.wave {
		top: auto;
	}

	.apres-wave {
	    padding-top: 6rem;
	}

	/* Menu */
	.selected::after {
		content: none;
	}
	/* Fin Menu */

	.grid-3 {
		display: initial;
	}

	/* footer */
	footer {
		display: inline-grid;
		z-index: -1;
	}

	footer .wave {
		/* top: 0; */
		margin-bottom: -1px;
		position: relative;

		z-index: 0;
	}

	footer #div-image img {
		display: inline-grid;
	}

	footer .grid, footer .last-section > div {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	footer .grid {
		background-color: #145873;
	}
}

/* RESPONSIVE tiny */
@media (max-width: 480px) {
	.content {
		text-align: center;
	}

	.div-avec-wave {
		height: 0
	}

	.wave, h1 {
		position: relative !important;
	}

	h1 {
		background-color: #145873;
	}

	.apres-wave {
	    padding-top: 25rem;
	}

	footer {
		text-align: center;
	}

	footer #div-image {
		margin-bottom: -7rem
	}
}