*,::before, ::after{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family:  'roboto',sans-serif;
	/*scroll-behavior: smooth;*/
	

}
body::-webkit-scrollbar
{
	width: 8px;
	background-color: transparent;
}
body::-webkit-scrollbar-thumb
{
	background-color: #008b8a;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
}
div#conteneur
{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	/*scroll-snap-type: y proximity;
	overflow-y: scroll;*/
	font-family:  sans-serif;
	background-color: #008b8a;
}
div#conteneur div.content_doc
{
	display: flex;
	width: 100%;
	flex-direction: column;
	height: auto;
	background-color: #008b8a;
}
div#conteneur section
{
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	scroll-snap-align: start;
}
div#conteneur nav .img
{
	width: 195px;
	margin: 20px;
	margin-left: 30px;
	display: flex;
	position: relative;
	align-items: left;
}
div#conteneur nav .img img.img1
{
	width: 75px;
	overflow: hidden;
}
div#conteneur nav .img img.img2
{
	width: 75px;
	overflow: hidden;
	display: none;
}
div#conteneur nav .img a.img1
{
	width: 175px;
	overflow: hidden;
	background-color: transparent;
}
div#conteneur nav .img a.img2
{
	width: 45px;
	overflow: hidden;
	display: none;
	background-color: transparent;
}
div#conteneur nav
{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	height: 75px;
	font-size: 16px;
	border: none;
	align-self: flex-start;
	position:sticky;
	top: 0%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	margin: 0px;
	z-index: 2;
	background-color: #008b8a;
}
div#conteneur nav a
{
	width: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	color:#ffffff ;
	text-align: center;
	padding: 10px;
	/*border-radius: 5px;*/
	overflow: hidden;
	z-index: 5;
}
/*div#conteneur nav a:nth-child(1)
{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
div#conteneur nav a:last-child
{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}*/
div#conteneur nav a
{
	color: #ffffff;
	background-color: #008b8a; /*eaeaea*/
}
div#conteneur nav a:hover
{
	color: #ffffff;
	background-color: #008b8a; /*eaeaea*/
	/*border-bottom: 2px solid #eeca4a;*/
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
div#conteneur nav a::before
{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	right: 0%;
	left: 25%;
	bottom: 0%;
	height: 0px;
	border-radius: 2px;
	background: #eeca4a;
}
div#conteneur nav a:hover::after
{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	right: 0%;
	left: 25%;
	bottom: 0%;
	height: 4px;
	border-radius: 2px;
	background: #eeca4a;
}
div#conteneur nav a.img1:hover
{
	color: #ffffff;
	background-color: transparent; /*eaeaea*/
	/*border-bottom: 2px solid #eeca4a;*/
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;

}
div#conteneur nav a.img1::before
{
	content: "";
	display: none;
	position: absolute;
	width: 0%;
	right: 0%;
	left: 0%;
	bottom: 0%;
	height: 0px;
	border-radius: 0px;
	background: none;
}
div#conteneur nav a.img1:hover::after
{
	content: "";
	display: none;
	position: absolute;
	width: 0%;
	right: 0%;
	left: 0%;
	bottom: 0%;
	height: 0px;
	border-radius: 0px;
	background: #eeca4a;
}
div#conteneur nav ul{
	display: block;
	height: 75px;
	/*background-color: yellow;*/
}
div#conteneur nav ul li{
	display: block;
	top: 0px;
}
div#conteneur nav ul li a
{
	width: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	color:#ffffff ;
	text-align: center;
	padding: 10px;
	/*border-radius: 5px;*/
	overflow: hidden;
	top: 20px;	
}
div#conteneur nav ul li a.lien_g
{
	width: 170px;
	display: block;
	position: relative;
	text-decoration: none;
	color:#ffffff ;
	text-align: center;
	padding: 10px;
	/*border-radius: 5px;*/
	overflow: hidden;
	z-index: -10;
}
div#conteneur nav ul li a.lien_g:hover
{
	color: #ffffff;
	/*eaeaea*/
	/*border-bottom: 2px solid #eeca4a;*/
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
div#conteneur nav ul li
{
	height: 75px;
	/*color: #ffffff;
	background-color: #008b8a;*/ /*eaeaea*/
	/*border-bottom: 2px solid #eeca4a;*/
	/*border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;*/
}
div#conteneur nav ul li ul
{
	transform: translateY(-50px);
	opacity: 0;
	transition: .2s ease-in-out;
	color: #ffffff;
	background-color: #008b8a;
	z-index: -100;
}
div#conteneur nav ul li:hover ul
{
	transform: translateY(10px);
	opacity: 1;
}
/*div#conteneur nav a.choisi
{
	color: #ffffff;
	background-color: #008b8a; eaeaea
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}*/
/*div#conteneur nav a.choisi::after
{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	right: 0%;
	left: 25%;
	bottom: 0%;
	height: 4px;
	border-radius: 2px;
	background: #eeca4a;
}*/
div#conteneur section h1
{
	font-size: 30px;
	color: #008b8a;
	line-height: 40px;
}
div#conteneur section#apropos
{
	display: flex;
	flex-direction: row;
	width: 100%;
	height:110vh;
	background-color: #ffffff;
	background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url("../image/administration.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	/*background: transparent;*/
	overflow: hidden;
	clip-path: polygon(0 0%,100% 0%, 100% 98%, 0 100%);
}
div#conteneur .slide
{
	width: 100%;
	height: 110vh;
	z-index: -1;
	position: 	absolute;
	overflow: hidden;
}
div#conteneur .slide img
{
	object-fit: cover;
	object-position: center;
}
div#conteneur section#apropos .b1
{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
div#conteneur section#apropos .b1 p span 
{
	display: inline-block;
	position: relative;
	overflow: hidden;
	font-size: clamp(40px, 15vw, 30px);
	/*color: red;*/
	font-weight: 900;
}
div#conteneur section#apropos .b1 p span.text2
{
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	font-size: clamp(30px, 15vw, 20px);
	/*color: red;*/
	font-weight: 900;
}
div#conteneur section#apropos .b1 p span::after
{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: translateX(-100%);
	background-color: #008b8a;
}
div#conteneur section#apropos .b1 p:nth-child(1)
{
	font-weight: 300;
	animation: txt-appearance 0s 1s forwards;
}
div#conteneur section#apropos .b1 p:nth-child(2)
{
	font-weight: 300;
	animation: txt-appearance 0s 1.25s forwards;
}
div#conteneur section#apropos .b1 p:nth-child(1) span::after
{
	background-color: #008b8a;
	animation: slide-in 0.75s ease-out forwards,
	slide-out 0.75s 1s ease-out forwards;
}
div#conteneur section#apropos .b1 p:nth-child(2) span::after
{
	background-color: #eeca4a;
	animation: slide-in 0.75s 0.3s ease-out forwards,
	slide-out 0.75s 1.3s ease-out forwards;
}
div#conteneur section#apropos .b1 p
{
	color: transparent;
	font-weight: bolder;
	font-size: 0px;
}
@keyframes slide-in
{
	100%{
		transform: translateX(0%);
	}
}
@keyframes slide-out
{
	100%{
		transform: translateX(101%);
	}
}
@keyframes txt-appearance 
{
	100%{
		color: #fff;
		-webkit-text-stroke: 0px #008b8a;
	}
}
div#conteneur section#apropos .b1 img
{
	width: 80%;
}
div#conteneur section#apropos .b2
{
 	width: 50%;
 	font-size: 18px;
	font-family: sans-serif;
	line-height: 35px;
	color: #fff;
}
div#conteneur section#apropos .text_apropos
{
	font-size: 18px;
	font-family: sans-serif;
	line-height: 40px;
	color: #ffffff;
	opacity: 1;
	transform: translateX(0px);
	transition: 0.3s ease-out;
}
#btn_check
{
	width: 45px;
	height: 45px;
	z-index: 10;
	background: transparent;
	border: none;
}
div#conteneur section#apropos .text_anim
{
	opacity: 1;
	transform: translateY(-15px);
}
div#conteneur section#apropos .text_anim1
{
	opacity: 1;
	transform: translateY(-15px);
}
div#conteneur section#apropos .b2 img#plus
{
 	width: 25px;
 	height: 25px;
 	position: relative;
 	right: 35px;
 	bottom: 10px;
}
div#conteneur section#apropos .b2 img#moins
{
 	width: 25px;
 	height: 25px;
 	position: relative;
 	right: 35px;
 	bottom: 10px;
 	display: block;
}
div#conteneur section#apropos .b2 label:hover
{
	padding: 10px;
	background-color: #008b8a;
	color: #eeca4a;
	border-radius: 5px;
}
/*div#conteneur section#apropos .b2 p.text_anim1
{
	font-size: 18px;
	font-family: sans-serif;
	line-height: 35px;
	color: #575757;
	opacity: 0;
}*/
div#conteneur section#apropos .b2 p a
{
	text-decoration: none;
	color: #ffffff;
	padding: 4px;
	border-radius: 5px;
	cursor: pointer;
	font-style: italic;
	/*0182de*/
}
div#conteneur section#apropos .b2 p a:hover
{
	color: #eeca4a;
	padding: 4px;
	border-radius: 5px;
	cursor: pointer;
	font-style: italic;
	background-color: #008b8a;
}
div#conteneur section#apropos .b2 p.lien_bureau
{
	width: 35%;
	display: flex;
	float: right;
}
div#conteneur section#apropos .b2 p.lien_bureau a
{
	font-size: 12px;
	text-decoration: none;
	font-weight: 900;
	color: #ffffff;		/*0182de;*/
	padding: 4px;
	background-color: rgba(14, 24, 48, .3);
	border: 1px solid #ffffff;
	border-radius: 5px;
	cursor: pointer;
	font-style: normal;
	margin: 10px;
	/*box-shadow: 0px 0px 6px #a3a3a3;*/
	overflow: hidden;
	transition: .2s;
	/*text-shadow: 0px 0px 2px #eeca4a,
				 0px 0px 5px #eeca4a,
				 0px 0px 10px #eeca4a;*/
	text-transform: uppercase;
	animation: test1 .4s 2s forwards infinite;
	animation-duration: 4s;
	animation-delay: 2s;

}
div#conteneur section#apropos .b2 p.lien_bureau a.lien_a:hover
{
	color: #f1f1f1;
	background: #008b8a;
	box-shadow: 0px 0px 10px #008b8a,
				0px 0px 20px #008b8a,
				0px 0px 40px #008b8a;
	transition: .2s .4s;
}
div#conteneur section#apropos .b2 p.lien_bureau a.lien_a span
{
	position: relative;
	display: block;
}
div#conteneur section#apropos .b2 p.lien_bureau a.lien_a span:nth-child(1)
{
	top: -5px;
	left: -103%;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, transparent, #2196f3);
}
@keyframes test1{
	0%{
		transform: translateY(6px);
		transform: scale(1.1);
	}
	20%{
		transform: translateY(-6px);
	}
	40%
	{
		transform: translateY(6px);
	}
	60%{
		transform: translateY(-6px);
	}
	100%{

		/*transform: rotateZ(5deg);*/
		/*color: #efca4a;*/
		transform: translateY(0px);
		transform: scale(1.1);
		/*background: #008b8a;*/
		/*box-shadow: 0px 0px 10px #008b8a,
					0px 0px 20px #008b8a,
					0px 0px 40px #008b8a;*/
	}
}
div#conteneur section#apropos .b2 p.lien_bureau a.lien_a:hover span:nth-child(1)
{
	left: 100%;
	transition: .3s;
}
div#conteneur section#apropos .b2 p.lien_bureau a.lien_a span:nth-child(3)
{
	bottom: -40px;
	right: -103%;
	width: 100%;
	height: 3px;
	background: linear-gradient(270deg, transparent, #2196f3);
}
div#conteneur section#apropos .b2 p.lien_bureau a.lien_a:hover span:nth-child(3)
{
	right: 100%;
	transition: .3s;
	transition-delay: 0.2s;
}
div#conteneur section#apropos .text_apropos1
{
	font-size: 18px;
	font-family: sans-serif;
	line-height: 40px;
	color: #575757;
	opacity: 1;
	display: none;
	position: relative;
	bottom: 0px;
}
/*div#conteneur section#apropos svg#visual 
{
	width: 100vw;
	height: 100vh;
	position: absolute;
}*/
div#conteneur section#article
{
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	background: linear-gradient(to left top,#008b8a,#0182de);
	background: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2)),url(../image/fond_pub1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	clip-path: polygon(0% 0%,100% 0%, 100% 98%, 0% 100%);
}
div#conteneur section#article .b1_article
{
	max-width: 100%;
	width: 100%;
	position: relative;

/*	min-height: 100vh;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;

	align-items: center;*/
}
section#article .b1_article .titre
{
	display: flex;
	width: 20%;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
section#article .b1_article h1
{
	text-align: center;
	position: relative;
	padding: 10px;
	margin-bottom: 70px;
}
section#article .b1_article h1:before
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform:translateX(0px) ;
	bottom: 0;
	background-color: #eeca4a;
	display: flex;
	flex-direction: row;
	margin: auto;
	border-radius: 5px;
	animation: test3 6s forwards infinite;
}
section#article .b1_article h1:after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform: translateX(0px);
	top: 0;
	left: 0px;
	background-color: #eeca4a;
	border-radius: 5px;
	animation: test2 6s forwards infinite;
}
@keyframes test2{

	0%
	{
		transform: translateX(120px);
	}
	50%{
		transform: translateX(0px);
	}
	100%
	{
		transform: translateX(120px);
	}
	
}
@keyframes test3{

	0%{
		transform: translateX(-120px);
	}
	50%{
		transform: translateX(0px);
	}
	100%
	{
		transform: translateX(-120px);
	}
}
div#conteneur section#article .b1_article img.btn_change_article
{
	width: 45px;
	height: 45px;
	cursor: pointer;
	position: absolute;
	top: 65%;
	transform: translateY(-50%);

	box-shadow: 0px 3px 6px rgba(0, 0, 0,.23);
	border-radius: 50%;
	z-index: 20;
}
div#conteneur section#article .b1_article  img#btn_change1_article{
	left: -22px;
}
div#conteneur section#article .b1_article  img#btn_change2_article{
	right: -22px;
}
div#conteneur section#article .b1_article  .glisse_article 
{
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% / 3) - 12px);
	grid-gap: 16px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: 0;
}
div#conteneur section#article .b1_article  .glisse_article.no-transition-article
{
	scroll-behavior: auto;
}
div#conteneur section#article .b1_article  .glisse_article.dragging-article
{	
	scroll-snap-type: none;
	scroll-behavior: auto;
}
div#conteneur section#article .b1_article  .glisse_article::-webkit-scrollbar
{
	display: none;
}
div#conteneur section#article .b1_article .glisse_article.dragging-article .carte_article 
{
	cursor: grab;
	user-select: none;
}
div#conteneur section#article .b1_article .carte_article
{
	/*width: 450px;*/
	height: 342px;
	list-style: none;
	background-color: #fff;
	border-radius: 0px;
	display: flex;
	padding: 0;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	scroll-snap-align: start;
	/*box-shadow: 0px 0px 6px #a3a3a3;*/
	overflow: hidden;
	margin: 0;
}
div#conteneur section#article .b1_article div.info_article
{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	z-index: 3;
	display: flex;
	flex-direction: column-reverse;
	justify-content: baseline;
	align-items: center;
	text-align: center;
	background: linear-gradient(transparent,rgba(0, 0, 0, .9));
}
div#conteneur section#article .b1_article .carte_article div.img_fond
{
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	z-index: 0;
}
div#conteneur section#article .b1_article .carte_article div.img_fond img.carte
{
	width: 100%;
	height: 342px;
	top: 0px;
	bottom: 0px;
	z-index: 4;
	margin: 0;
	object-fit: cover;
	object-position: center;
}
/*div#conteneur section#actualite .info
{
	width: 350px;
	height: 250px;
	background-color: #ffffff;
	border-radius: 10px;
	background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../image/inf4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: .2s ease-in-out;
	box-shadow: 0px 0px 6px #a3a3a3;
}*/
/*div#conteneur section#actualite .info:hover
{
	font-size: 17px;
	transform: scale(1.1);
	border: 1px solid #0182de;
	box-shadow: 0px 0px 6px #0182de;
	background-color: #008b8a;
	color: #ffffff;
}*/
div#conteneur section#article .info_article p
{
	font-size: 14px;
	line-height: 20px;
	margin: 10px;
	color: #ffffff;
}
div#conteneur section#article .info_article p a
{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	text-align: center;
}
div#conteneur section#article .info_article h5
{
	font-size: 18px;
	line-height: 25px;
	margin: 4px;
	color: #ffffff;
}
div#conteneur section#article .info_article h5.titre
{
	font-size: 14px;
	line-height: 25px;
	margin: 4px;
	color: #ffffff;
	text-decoration: underline;
}
div#conteneur section#article .info_article h6
{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
	font-style: italic;
}
div#conteneur section#article .info_article img
{
	width: 60%;
	height: auto;
	margin-top:10px ;
	border-radius: 15px;
	display: flex;
	margin: auto;
}
div#conteneur section#article .info_article  p
{
	font-size: 12px;
	line-height: 25px;
	margin: 10px;
}
div#conteneur section#article .info_article  p a
{
	color: #0182de;
	text-decoration: none;
}
div#conteneur section#article .info_article  h5
{
	font-size: 14px;
	line-height: 20px;
	margin: 10px;
}
div#conteneur section#article .info_article  img
{
	width: 60%;
	height: auto;
	margin-top:10px ;
	border-radius: 15px;
	display: flex;
	margin: auto;
}

/*---------------------------------------------------*/
div#conteneur section#actualite
{
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 35px;
	background: linear-gradient(to left top,#008b8a,#0182de);
	background: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2)),url(../image/fond_pub.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/*clip-path: polygon(0% 0%,100% 0%, 100% 95%, 0 100%);*/
}
div#conteneur section#actualite .b1
{
	max-width: 100%;
	width: 100%;
	position: relative;
/*	min-height: 100vh;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;*/
	
}
div#conteneur section#actualite .b1 img.btn_change
{
	width: 45px;
	height: 45px;
	cursor: pointer;
	position: absolute;
	top: 65%;
	transform: translateY(-50%);
	box-shadow: 0px 3px 6px rgba(0, 0, 0,.23);
	border-radius: 50%;
	/*background-color: red;*/
	z-index: 30;
}
div#conteneur section#actualite .b1 img#btn_change1{
	left: -22px;
}
div#conteneur section#actualite .b1 img#btn_change2{
	right: -22px;
}
div#conteneur section#actualite .b1 .glisse
{
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% /3) - 12px);
	grid-gap: 15px;
	overflow: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}
div#conteneur section#actualite .b1 .glisse.no-transition
{
	scroll-behavior: auto;
}
div#conteneur section#actualite .b1 .glisse.dragging
{	
	scroll-snap-type: none;
	scroll-behavior: auto;
}
div#conteneur section#actualite .b1 .glisse::-webkit-scrollbar
{
	display: none;
}
div#conteneur section#actualite .b1 .glisse.dragging .carte 
{
	cursor: grab;
	user-select: none;
}
div#conteneur section#actualite .b1 .carte
{
	/*width: 450px;*/
	height: 342px;
	list-style: none;
	background-color: #fff;
	border-radius: 0px;
	display: flex;
	padding: 0;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	scroll-snap-align: start;
	/*box-shadow: 0px 0px 6px #a3a3a3;*/
	overflow: hidden;
	margin: 0;
}
div#conteneur section#actualite .b1 div.info
{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	z-index: 3;
	display: flex;
	flex-direction: column-reverse;
	justify-content: baseline;
	align-items: center;
	text-align: center;
	background: linear-gradient(transparent,rgba(0, 0, 0, .9));
}
div#conteneur section#actualite .b1 .carte div.img_fond
{
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	z-index: 0;
}
div#conteneur section#actualite .b1 .carte div.img_fond img.carte_actu
{
	width: 100%;
	height: 342px;
	top: 0px;
	bottom: 0px;
	z-index: 4;
	margin: 0;
	object-fit: cover;
	object-position: center;
}
/*div#conteneur section#actualite .info
{
	width: 350px;
	height: 250px;
	background-color: #ffffff;
	border-radius: 10px;
	background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../image/inf4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: .2s ease-in-out;
	box-shadow: 0px 0px 6px #a3a3a3;
}*/
/*div#conteneur section#actualite .info:hover
{
	font-size: 17px;
	transform: scale(1.1);
	border: 1px solid #0182de;
	box-shadow: 0px 0px 6px #0182de;
	background-color: #008b8a;
	color: #ffffff;
}*/
div#conteneur section#actualite .info p
{
	font-size: 14px;
	line-height: 20px;
	margin: 10px;
	color: #ffffff;
}
div#conteneur section#actualite .info p a
{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	text-align: center;
}
div#conteneur section#actualite .info h5
{
	font-size: 18px;
	line-height: 25px;
	margin: 4px;
	color: #ffffff;
}
div#conteneur section#actualite .info h5.titre
{
	font-size: 14px;
	line-height: 25px;
	margin: 4px;
	color: #ffffff;
	text-decoration: underline;
}
div#conteneur section#actualite .info h6
{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
	font-style: italic;
}
div#conteneur section#actualite .info img
{
	width: 60%;
	height: auto;
	margin-top:10px ;
	border-radius: 15px;
	display: flex;
	margin: auto;
}
section#actualite .b1 .titre
{
	display: flex;
	width: 20%;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
section#actualite .b1 h1
{
	text-align: center;
	position: relative;
	padding: 10px;
	margin-bottom: 70px;
	color: #008b8a;
}
section#actualite .b1 h1:before
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform:translateX(0px) ;
	bottom: 0;
	background-color: #eeca4a;
	display: flex;
	flex-direction: row;
	margin: auto;
	border-radius: 5px;
	animation: test3 6s forwards infinite;
}
section#actualite .b1 h1:after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform: translateX(0px);
	top: 0;
	left: 0px;
	background-color: #eeca4a;
	border-radius: 5px;
	animation: test2 6s forwards infinite;
}
div#conteneur section#plan_action
{
	width: 100%;
	height: 110vh;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background: linear-gradient(rgba(0, 0, 0, .3),rgba(0, 0, 0, .3)),url("../image/fond_isoc2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	clip-path: polygon(0% 0%,100% 0%, 100% 98%, 0 100%);
}
div#conteneur section#plan_action .b1
{
	width: 50%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	margin: auto;
}
div#conteneur section#plan_action .b1 .statistique
{
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-bottom: 38px;
	justify-content: space-around;
}
div#conteneur section#plan_action .b1 .statistique .new_statistique
{
	/*30% 70% 70% 30% / 30% 30% 70% 70% eccb46*/
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	text-align: center;
	font-weight: 900;
	box-shadow: 0px 0px 4px #f1f1f1; 
	border: 1px solid #f1f1f1;
	margin-left:10px;
	padding: 30px;
	transition: .2s ease-in-out;
	text-shadow: 0px 4px 2px #161616;
}
div#conteneur section#plan_action .b1 .statistique .new_statistique:hover
{
	transform:translateY(-20px);
	/*transform: rotate(45deg);*/
}
/*div#conteneur section#plan_action .b1 .statistique .new_statistique:hover p
{
	transform: translateY(-10px);
	/*transform: rotate(-45deg);
}*/
.new_statistique:nth-child(1)
{
	/*background-color: rgba(2, 12, 29, 1);*/
	background-color: rgba(0, 91, 35, 1);
}
.new_statistique:nth-child(2)
{
	background-color: rgba(255, 216, 0, 1);   /*yellowgreen;#008b8a rgba(42, 61, 146, .4);*/
}
.new_statistique:nth-child(3)
{
	background-color: rgba(194, 37, 37, 1); ; 
	/*#0985dc rgba(237, 106, 101, .4)*/
}
.new_statistique:nth-child(4)
{
	background-color: rgba(0, 91, 35, 1);
	/*background-color: rgba(194, 37, 37, 1);*/
	/* rgba(222, 125, 106, .4)*/
}

div#conteneur section#plan_action .b1 h1
{
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	padding: 10px;
	margin-bottom: 0px;
	/*color: #008b8a;*/
}
div#conteneur section#plan_action .b1 h1:before
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform:translateX(0px) ;
	bottom: 0;
	background-color: #eeca4a;
	display: flex;
	flex-direction: row;
	margin: auto;
	border-radius: 5px;
	animation: test3 6s forwards infinite;
}
div#conteneur section#plan_action .b1 h1:after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform: translateX(0px);
	top: 0;
	left: 0px;
	background-color: #eeca4a;
	border-radius: 5px;
	animation: test2 6s forwards infinite;
}
div#conteneur section#plan_action .b2
{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: auto;
}
div#conteneur section#plan_action .b2 .lien_plan
{
	width: 100px;
	height: 50px;
	/*display: flex;
	align-items: flex-end;*/
	position: relative;
	margin: 10px;
	/*right: 120px;*/
	z-index: 1;
}
div#conteneur section#plan_action .b2 .lien_plan a 
{	
	display: flex;
	justify-content: center;
	margin: auto;
	color: #ffffff;
	padding: 10px;
	border-radius: 5px;
	background-color: rgba(14, 24, 48, 1.0);
	box-shadow: 0px 0px 4px #f5f5f5;
	transition: .3s ease-in-out;
}
div#conteneur section#plan_action .b2 .lien_plan a:hover
{
	background-color: #fff;
	color:rgba(14, 24, 48, 1.0);
	box-shadow: 0px 0px 4px rgba(14, 24, 48, 1.0);
}
div#conteneur section#plan_action .b2::-webkit-scrollbar
{
	width: 8px;
	background-color: transparent;
}
div#conteneur section#plan_action .b2::-webkit-scrollbar-thumb
{
	background-color: #008b8a;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
}
div#conteneur section#plan_action .b2 .info_plan
{
	width: 50%;
	height: 350px;
	border: 1px solid #0985dc;
	border-radius: 5px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	justify-content: center;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px #a3a3a3;
	transition: .2s ease-in-out;
	background-color: rgba(14, 24, 48, .3);
	z-index: 10;
}
div#conteneur section#plan_action .b2 .info_plan:hover
{
	border: 1px solid #0985dc;
	transform: scale(1.1);
}
div#conteneur section#plan_action .b2 img
{
	width: 100%;
	object-fit: contain;
	object-position: center;
}
div#conteneur section#plan_action .b2 a
{
	font-size: 18px;
	text-decoration: none;
	color: #ffffff; /*ee3e36*/
	font-weight: 900;
}
/*-----------------------------------------------------------------------*/
div#conteneur section#projet
{
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	background: linear-gradient(rgba(0, 0, 0, .3),rgba(0, 0, 0, .3)),url("../image/fond2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	/*clip-path: polygon(0 0%,100% 0%, 100% 98%, 0 100%);*/
}
div#conteneur section#projet .b1
{
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	margin: auto;
}
div#conteneur section#projet .b1 .statistique
{
	width: 50%;
	/*height: 300px;*/
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	border: 2px solid #ffc408;
	/*justify-content: space-around;*/
}
div#conteneur section#projet .b1 .statistique img
{
	width: 100%;
	border-radius: 5px;
}
div#conteneur section#projet .b1 .statistique p
{
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	justify-content: center;
	color: #ffffff;
	text-align: justify;
}
div#conteneur section#projet .b1 .statistique p.titre
{
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	justify-content: center;
	color: #ffffff;
	text-align: justify;
	text-align: center;
}
div#conteneur section#projet .b1 .statistique p span
{
	color: #ffc408;
}
/*div#conteneur section#projet .b1 .statistique p a
{
	font-size: 14px;
	font-weight: bold;
	color: #ffc408;
	text-decoration: none;
}*/
div#conteneur section#projet .b1 .statistique p a.lien_fiche
{
	font-size: 16px;
	text-decoration: underline;
	text-decoration-color: #ffc408;
	text-decoration-style: dotted;
	font-weight: bold;
	line-height: 25px;
	justify-content: center;
	color: #ffffff;
	display: flex;
	text-align: justify;
	align-items: center;
	text-align: center;
}
div#conteneur section#projet .b1 .statistique .new_statistique
{
	/*30% 70% 70% 30% / 30% 30% 70% 70% eccb46*/
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	text-align: center;
	font-weight: 900;
	box-shadow: 0px 0px 4px #f1f1f1; 
	border: 1px solid #f1f1f1;
	margin-left:10px;
	padding: 30px;
	transition: .2s ease-in-out;
	text-shadow: 0px 4px 2px #161616;
}
div#conteneur section#projet .b1 .statistique .new_statistique:hover
{
	transform:translateY(-20px);
	/*transform: rotate(45deg);*/
}
/*div#conteneur section#projet .b1 .statistique .new_statistique:hover p
{
	transform: translateY(-10px);
	/*transform: rotate(-45deg);
}*/
.new_statistique:nth-child(1)
{
	/*background-color: rgba(2, 12, 29, 1);*/
	background-color: rgba(0, 91, 35, 1);
}
.new_statistique:nth-child(2)
{
	background-color: rgba(255, 216, 0, 1);   /*yellowgreen;#008b8a rgba(42, 61, 146, .4);*/
}
.new_statistique:nth-child(3)
{
	background-color: rgba(194, 37, 37, 1); ; 
	/*#0985dc rgba(237, 106, 101, .4)*/
}
.new_statistique:nth-child(4)
{
	background-color: rgba(0, 91, 35, 1);
	/*background-color: rgba(194, 37, 37, 1);*/
	/* rgba(222, 125, 106, .4)*/
}

div#conteneur section#projet .b1 h1
{
	color: #ffffff;
	text-align: center;
	position: relative;
	padding: 10px;
	margin-bottom: 0px;
	font-size: 35px;
	/*color: #008b8a;*/
}
div#conteneur section#projet .b1 h1:before
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform:translateX(0px) ;
	bottom: 0;
	background-color: #eeca4a;
	display: flex;
	flex-direction: row;
	margin: auto;
	border-radius: 5px;
	animation: test3 6s forwards infinite;
}
div#conteneur section#projet .b1 h1:after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform: translateX(0px);
	top: 0;
	left: 0px;
	background-color: #eeca4a;
	border-radius: 5px;
	animation: test2 6s forwards infinite;
}
div#conteneur section#projet .b2
{
	width: 80%;
	height: auto;
	display: flex;
	line-height: 35px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: auto;
	border-radius: 15px;
	background: rgba(0, 0, 0, .5);
}
div#conteneur section#projet .b2 div.form
{
	width: 70%;
	height: 375px;
	margin: auto;
	display: flex;
	background: linear-gradient(rgba(0, 0, 0, .4),rgba(0, 0, 0, .4));
	border-radius: 15px;
}
div#conteneur section#projet .b2 div.form form
{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
}
div#conteneur section#projet .b2 p
{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 10px;
	padding: 10px;
	color: #ffffff;
	font-size: 22px;
}
div#conteneur section#projet .b2 input
{
	height: 35px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .1);
}
div#conteneur section#projet .b2 input.submit
{
	height: 35px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .1);
	font-size: 16px;
	font-weight: bold;
	background-color: #008B8A;
	color: #ffffff;
}
div#conteneur section#projet .b2 .lien_plan
{
	width: 50%;
	height: 50px;
	/*display: flex;
	align-items: flex-end;*/
	position: relative;
	margin: 10px;
	/*right: 120px;*/
	z-index: 1;
}
div#conteneur section#projet .b2 .lien_plan a 
{	
	display: flex;
	font-size: 24px;
	justify-content: center;
	margin: auto;
	color: #ffffff;
	padding: 10px;
	border-radius: 5px;
	background-color: rgba(14, 24, 48, .4);
	box-shadow: 0px 0px 4px #f5f5f5;
	transition: .3s ease-in-out;
}
div#conteneur section#projet .b2 .lien_plan a:hover
{
	background-color: #fff;
	color:rgba(14, 24, 48, 1.0);
	box-shadow: 0px 0px 4px rgba(14, 24, 48, 1.0);
}
div#conteneur section#projet .b2::-webkit-scrollbar
{
	width: 8px;
	background-color: transparent;
}
div#conteneur section#projet .b2::-webkit-scrollbar-thumb
{
	background-color: #008b8a;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
}
div#conteneur section#projet .b2 .info_plan
{
	width: 50%;
	height: 350px;
	border: 1px solid #0985dc;
	border-radius: 5px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	justify-content: center;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px #a3a3a3;
	transition: .2s ease-in-out;
	background-color: rgba(14, 24, 48, .3);
	z-index: 10;
}
div#conteneur section#projet .b2 .info_plan:hover
{
	border: 1px solid #0985dc;
	transform: scale(1.1);
}
div#conteneur section#projet .b2 img
{
	width: 100%;
	object-fit: contain;
	object-position: center;
}
div#conteneur section#projet .b2 a
{
	font-size: 18px;
	text-decoration: none;
	color: #ffffff; /*ee3e36*/
	font-weight: 900;
}
div#conteneur section#mission
{
	max-width:100%;
	height: 200vh;
	margin-bottom: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: whitesmoke;
	overflow-y: none;
	overflow-x: hidden;
	/*scroll-behavior: smooth;*/
	background: linear-gradient(rgba(0, 0, 0, .4),rgba(0, 0, 0, .4)),url("../image/fond5.jpg");
	background-position: center;
	background-size: cover;
	/*clip-path: polygon(0% 0%,100% 0%, 100% 98%, 0 100%);*/
}
div#conteneur section#mission .voir_plus
{
	height: 45px;
	margin-bottom: 20px;
	width: 100%;
}
div#conteneur section#mission .voir_plus a.lien_pub
{
	width: 165px;
	display: flex;
	margin: auto;
	font-size: 18px;
	background-color: rgba(14, 28,44 , .3);
	padding: 10px;
	border-radius: 5px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	align-items: center;
	transition: .2s ease;
	margin-top: 10px;
	justify-content: center;
	/*top: 10px;*/
}
div#conteneur section#mission .voir_plus a.lien_pub:hover
{
	width: 195px;
	background-color: rgba(14, 28,44 , 1);
	font-weight: bold;
}

div#conteneur section#mission .b1
{
	width: 80%;
	height: auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
}
div#conteneur section#mission .b1 h1
{
	padding: 0;
	margin-bottom: 0px;
}
div#conteneur section#mission .b1 p
{
	width: 100%;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 20px;
	font-family: sans-serif;
	line-height: 35px;
	color: #ffffff ;
}
div#conteneur section#mission .b1 span
{
	color: #0182de;
}
section#mission .titre
{
	display: flex;
	width: 20%;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}
section#mission h1
{
	text-align: center;
	position: relative;
	padding: 10px;
	margin-bottom: 0px;
	color: #ffffff;
}
section#mission .titre h1
{
	color: #ffffff;
}
section#mission h1:before
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform:translateX(0px) ;
	bottom: 0;
	background-color: #eeca4a;
	display: flex;
	flex-direction: row;
	margin: auto;
	border-radius: 5px;
	animation: test3 6s forwards infinite;
}
section#mission h1:after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform: translateX(0px);
	top: 0;
	left: 0px;
	background-color: #eeca4a;
	border-radius: 5px;
	animation: test2 6s forwards infinite;
}
div#conteneur section#mission .b2
{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
}
div#conteneur section#mission::-webkit-scrollbar
{
	height: 10px;
	background-color: transparent;
}
div#conteneur section#mission::-webkit-scrollbar-thumb
{
	background-color: #008b8a;
	border-radius: 5px;
}
div#conteneur section#mission::-webkit-scrollbar-thumb:hover
{
	background-color: #128aff;
}
div#conteneur section#mission::-webkit-scrollbar-track
{
	background-color: #a3a3a3;
}
div#conteneur section#mission .b2 .info_plan .note
{
	width: 100%;
	display: block;
	background-color: red;
	z-index: 10;
}
div#conteneur section#mission .b2 .info_plan .note1
{
	width: 350px;
	height: 80%;
	background: linear-gradient(rgba(255, 255, 255, .2),rgba(255, 255, 255, .2));
	background-size: cover;
	background-position: center;
	transform: .4s ease-in-out;
}
div#conteneur section#mission .b2 .info_plan .note1 p 
{
	font-size: 16px;
	line-height: 25px;
	margin: 10px;
	font-family: sans-serif;
	color: #008b8a;
}
div#conteneur section#mission .b2 .info_plan
{
	width: 48%;
	display: flex;
	flex-direction: column;
	height: 420px;
	margin: auto;
	margin-bottom: 10px;
	box-shadow: 5px 5px 20px rgba(12, 28, 44, .5);
	overflow: hidden;
	border-radius: 15px;
	/*background: linear-gradient(rgba(255, 255, 255, 1),rgba(255, 255, 255, 1)),url("../image/fond_mission5.jpg");*/
	background-color: rgba(0, 0, 0, .5);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .6;
	color: #ffffff;
	border: 1px solid #008b8a;
}
div#conteneur section#mission .b2 .info_plan:hover
{
	cursor: pointer;
	opacity: 1;
	box-shadow: 0px 0px 6px #008b8a;
}
div#conteneur section#mission .b2 .info_plan:hover .note
{
	height: 100%;
	bottom: -1px;
	background-color: rgba(12, 28, 44, .8);
	z-index: 10;
	display: block;
}
div#conteneur section#mission .b2 .info_plan:hover .note1
{
	background: linear-gradient(rgba(12, 28, 44, 1),rgba(12, 28, 44, 1));
	background-size: cover;
	background-position: center;
	color: #ffffff;
	/*border: 1px solid red;*/
}
div#conteneur section#mission .b2 .info_plan h2
{
	padding: 4px;
	text-align: center;
	text-decoration: underline;
	text-decoration-style: double;
	color: #ffffff;
}
div#conteneur section#mission .b2 .info_plan p.titre
{
	width: 100%;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
}
div#conteneur section#mission .b2 .info_plan:hover p.titre
{
	font-size: 18px;
	opacity: 1;
	visibility: visible;
	color: #ffffff;
}
div#conteneur section#mission .b2 .info_plan p 
{

	opacity: .5;
	line-height: 20px;
	text-align: left;
	font-size: 16px;
	margin: 0px;
	left: 0;
	padding: 6px;
}
div#conteneur section#mission .b2 .info_plan:hover p 
{
	font-size: 16px;
	opacity: 1;
	line-height: 25px;
	visibility: visible;
	color: #ffffff;
}
div#conteneur section#mission .b2 .info_plan:hover img
{
	transition: .2s ease-in-out;
	transform: scale(1.1);
}
div#conteneur section#mission .b2 .note 
{
	height: 60px;
	width: 350px;
	padding: 6px;
	box-sizing: border-box;
	position: sticky;
	background-color: rgba(12, 28, 44, .9);
	color: #ffffff;
	bottom: -2px;
	transition: .2s ease-in-out;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
div#conteneur section#mission .b2 .info_plan img
{
	height: 350px;
	width: 350px;
	border-radius: 10px;
}
div#conteneur section#mission .b2 .note h3
{
	font-size: 20px;
	margin: 10px;
}
div#conteneur section#mission .b2 .note p 
{
	font-size: 20px;
	margin:20px ;
	visibility: hidden;
	opacity: 0;
}
div#conteneur section#mission .b2 a
{
	font-size: 18px;
	text-decoration: none;
	color: #fff;
}
div#conteneur section#contact
{
	background-color: gold;
}
section#nos_partenaire
{
	width: 100%;
	height: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url("../image/fond_pub.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
section#nos_partenaire .titre
{
	display: flex;
	width: 20%;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
section#nos_partenaire h1
{
	font-size: 30px;
	text-align: center;
	position: relative;
	padding: 10px;
	margin-bottom: 0px;
	color: #008b8a;
}
section#nos_partenaire h1:before
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform:translateX(0px) ;
	bottom: 0;
	background-color: #eeca4a;
	display: flex;
	flex-direction: row;
	margin: auto;
	border-radius: 5px;
	animation: test3 6s forwards infinite;
}
section#nos_partenaire h1:after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transform: translateX(0px);
	top: 0;
	left: 0px;
	background-color: #eeca4a;
	border-radius: 5px;
	animation: test2 6s forwards infinite;
}
.partenaire
{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	/*background-color: #fff;*/
	margin-left: 40px;
	margin-right: 40px;
	padding: 10px;
	border-radius: 5px;
}
#nos_partenaire .partenaire img.logo_partenaire1
{
	width: 200px;
	height: auto;
	margin-left: 40px;
	margin-right: 40px;
}
#nos_partenaire .partenaire img
{
	width: 65px;
	height: auto;
	margin-left: 40px;
	margin-right: 40px;
}
div#conteneur section#contact
{	
	height: auto;
}
@media screen and (max-width: 900px)
{
	div#conteneur section#actualite .b1 .glisse
	{
		/*display: grid;
		grid-auto-flow: column;*/
		grid-auto-columns: calc((100% / 2) - 9px);
		
	}
}
@media screen and (max-width: 600px)
{
	div#conteneur section#actualite .b1 .glisse
	{
		/*display: grid;
		grid-auto-flow: column;*/
		grid-auto-columns: calc((100% / 2) - 9px);
		
	}
}
@media screen and (max-width: 960px)
{
	*,::before, ::after{
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
		font-family: Arial, Helvetica, sans-serif;
		/*scroll-behavior: smooth;*/
	}
	div#conteneur
	{
		display: flex;
		flex-direction:column;
		width: 100%;
		height: auto;
		/*scroll-snap-type: y proximity;
		overflow-y: scroll;*/
	}
	div#conteneur div.content_doc
	{
		display: flex;
		width: 100%;
		flex-direction: column;
		height: auto;
		background: #008b8a;

	}
	div#conteneur .slide
	{
		width: 90%;
		height: 160vh;
		margin: 0;
		padding: 0;
		z-index: -1;
		position: 	absolute;
		overflow: hidden ;
		top: 0;
	}
	div#conteneur section
	{
		width: 100%;
		height: 140vh;
		display: flex;
		align-items: center;
		justify-content: center;
		scroll-snap-align: start;
	}
	div#conteneur nav .img
	{
		width: 35px;
		display: flex;
		position: relative;
		align-items: left;
	}
	div#conteneur nav
	{
		width: 10%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: 100vh;
		border: none;
		align-self: flex-start;
		position:sticky;
		top: 0%;
		border-radius: 5px;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
		margin: 4px;
	}
	div#conteneur nav .img img.img1
	{
		width: 145px;
		overflow: hidden;
		display: none;
	}
	div#conteneur nav .img img.img2
	{
		width: 25px;
		overflow: hidden;
		display: block;
	}
	div#conteneur nav a
	{
		width: 90%;
		display: block;
		font-size: 14px;
		position: relative;
		text-decoration: none;
		color:#ffffff ;
		text-align: center;
		padding: 8px;
		/*border-radius: 5px;*/
		overflow: hidden;
		writing-mode: vertical-rl;
		text-orientation: mixed;
	}
	div#conteneur nav a:nth-child(1)
	{
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	div#conteneur nav a:last-child
	{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	div#conteneur nav a.choisi
	{
		color: #ffffff;
		background-color: #008b8a; /*eaeaea*/
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	div#conteneur nav a.choisi::after
	{
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		right: 0%;
		left: 25%;
		bottom: 0%;
		width: 4px;
		/*border-radius: 2px;*/
		/*background: #eeca4a;*/
	}
	div#conteneur nav ul{
	display: block;
	height: 75px;
	/*background-color: yellow;*/
	}
	div#conteneur nav ul li{
		display: block;
		top: 0px;
	}
	div#conteneur nav ul li a
	{
		width: 58%;
		display: block;
		position: relative;
		text-decoration: none;
		color:#ffffff ;
		text-align: center;
		padding: 4px;
		/*border-radius: 5px;*/
		overflow: hidden;
		top: -10px;	
		/*bottom: 20px;*/
		z-index: 10;
		background-color: transparent;
	}
	div#conteneur nav ul li a.lien_g
	{
		width: 170px;
		display: block;
		position: relative;
		text-decoration: none;
		color:#ffffff ;
		text-align: center;
		padding: 10px;
		/*border-radius: 5px;*/
		overflow: hidden;
		z-index: -10;
		background-color: #008b8a;
		writing-mode: horizontal-tb;
		text-orientation: mixed;
	}
	div#conteneur nav ul li a.lien_g:hover
	{
		color: #ffffff;
		/*eaeaea*/
		/*border-bottom: 2px solid #eeca4a;*/
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;

	}
	div#conteneur nav ul li
	{
		height: 75px;
		/*color: #ffffff;
		background-color: #008b8a;*/ /*eaeaea*/
		/*border-bottom: 2px solid #eeca4a;*/
		/*border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;*/
	}
	div#conteneur nav ul li ul
	{
		position: relative;
		transform: translateX(40px);
		opacity: 0;
		transition: .2s ease-in-out;
		color: #ffffff;
		z-index: -100;
		bottom: 100px;
	}
	div#conteneur nav ul li:hover ul
	{
		transform: translateX(80px);
		opacity: 1;
	}
	/*div#conteneur nav a.choisi
	{
		color: #333;
		background-color: #eaeaea;
	}
	div#conteneur nav a.choisi::after
	{
		content: "";
		display: block;
		position: absolute;
		width: 4px;
		height: 100%;
		border-radius: 2px;
		top: 0;
		right: 0;
		background: #008b8a;
	}*/
	div#conteneur section h1
	{
		font-size: 20px;
		color: #ffffff;
	}
/*--------------Production------------------*/
	div#conteneur section#apropos
	{
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 150vh;
		background-color: #ffffff;
		background: transparent;
		background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url("../image/administration.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		color: #fff;
		background-position: center;
	}
	div#conteneur section#apropos .b1
	{
		width: 98%;
		padding: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		top: 0px;
		background: transparent;
	}
	div#conteneur section#apropos .b1 p span 
	{
		display: inline-block;
		position: relative;
		text-align: center;
		overflow: hidden;
		font-size: clamp(28px, 3vw, 45px);
	}
	div#conteneur section#apropos .b1 p span.text2
	{
		display: inline-block;
		position: relative;
		overflow: hidden;
		text-align: center;
		text-transform: uppercase;
		font-size: clamp(15px, 15vw, 15px);
		/*color: red;*/
		font-weight: 900;
	}
	div#conteneur section#apropos .b1 p span::after
	{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		transform: translateX(-100%);
		background-color: #008b8a;
	}
	div#conteneur section#apropos .b1 p:nth-child(1)
	{
		font-weight: 300;
		animation: txt-appearance 0s 1s forwards;
	}
	div#conteneur section#apropos .b1 p:nth-child(2)
	{
		font-weight: 300;
		animation: txt-appearance 0s 1.25s forwards;
	}
	div#conteneur section#apropos .b1 p:nth-child(1) span::after
	{
		background-color: #008b8a;
		animation: slide-in 0.75s ease-out forwards,
		slide-out 0.75s 1s ease-out forwards;
	}
	div#conteneur section#apropos .b1 p:nth-child(2) span::after
	{
		background-color: #eeca4a;
		animation: slide-in 0.75s 0.3s ease-out forwards,
		slide-out 0.75s 1.3s ease-out forwards;
	}
	div#conteneur section#apropos .b1 p
	{
		text-transform: uppercase;
		color: transparent;
		font-weight: bolder;
		font-size: 0px;
	}
	@keyframes slide-in
	{
		100%{
			transform: translateX(0%);
		}
	}
	@keyframes slide-out
	{
		100%{
			transform: translateX(101%);
		}
	}
	@keyframes txt-appearance 
	{
		100%{
			color: #ffffff;
			text-transform: capitalize;
			font-weight: 900;
			font-family: sans-serif;
		}
	}

	@keyframes test2{

	0%
	{
		transform: translateX(80px);
	}
	50%{
		transform: translateX(0px);
	}
	100%
	{
		transform: translateX(80px);
	}
	
}
@keyframes test3{

	0%{
		transform: translateX(-80px);
	}
	50%{
		transform: translateX(0px);
	}
	100%
	{
		transform: translateX(-80px);
	}
}
	div#conteneur section#apropos .b1 img
	{
		width: 80%;
	}
	div#conteneur section#apropos .b2
	{
	 	width: 98%;
	 	font-size: 14px;
		font-family: sans-serif;
		line-height: 30px;
		color: #575757;
		position: relative;
		top: 10px;
	}
	div#conteneur section#apropos .text_apropos
	{
		font-size:16px;
		font-family: sans-serif;
		line-height: 24px;
		color: #ffffff;
		opacity: 1;
		transform: translateX(0px);
		transition: 0.3s ease-out;
	}
	#btn_check
	{
		width: 45px;
		height: 45px;
		z-index: 10;
		border: none;
	}
	div#conteneur section#apropos .text_anim
	{
		opacity: 1;
		transform: translateY(-15px);
		color: #fff;
	}
	div#conteneur section#apropos .text_anim1
	{
		opacity: 1;
		transform: translateY(-15px);
		color: #fff;
	}
	div#conteneur section#apropos .b2 img#plus
	{
	 	width: 25px;
	 	height: 25px;
	 	position: relative;
	 	right: 35px;
	 	bottom: 10px;
	}
	div#conteneur section#apropos .b2 img#moins
	{
	 	width: 25px;
	 	height: 25px;
	 	position: relative;
	 	right: 35px;
	 	bottom: 10px;
	 	display: block;
	}
	div#conteneur section#apropos .b2 label
	{
		font-size: 14px;
		padding: 10px;
		background-color: #008b8a;
		color: #ffffff;
		border-radius: 5px;
	}
	div#conteneur section#apropos .b2 label:hover
	{
		padding: 10px;
		background-color: #008b8a;
		color: #eeca4a;
		border-radius: 5px;
	}
	/*div#conteneur section#apropos .b2 p.text_anim1
	{
		font-size: 18px;
		font-family: sans-serif;
		line-height: 35px;
		color: #575757;
		opacity: 0;
	}*/
	div#conteneur section#apropos .b2 p a
	{
		text-decoration: none;
		font-size: 14px;
		color: #ffffff;
		padding: 0px;
		border-radius: 5px;
		cursor: pointer;
		font-style: italic;
		/*0182de*/
	}
	div#conteneur section#apropos .b2 p a:hover
	{
		color: #eeca4a;
		padding: 4px;
		border-radius: 5px;
		cursor: pointer;
		font-style: italic;
		background-color: #008b8a;
	}
	div#conteneur section#apropos .b2 p.lien_bureau
	{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	div#conteneur section#apropos .b2 p.lien_bureau a
	{
		width: 40%;
		font-size: 10px;
		text-decoration: none;
		font-weight: 900;
		color: #fff;
		padding: 0px;
		border-radius: 5px;
		cursor: pointer;
		font-style: normal;
		margin: 5px;
		margin-bottom: 10px;
		/*box-shadow: 0px 0px 6px #a3a3a3;*/
		overflow: hidden;
		transition: .2s;
		text-align: center;

		/*text-shadow: 0px 0px 2px #eeca4a,
					 0px 0px 5px #eeca4a,
					 0px 0px 10px #eeca4a;*/
		text-transform: uppercase;
	}
	div#conteneur section#apropos .b2 p.lien_bureau a.lien_a:hover
	{
		color: #f1f1f1;
		background: #008b8a;
		box-shadow: 0px 0px 10px #008b8a,
					0px 0px 20px #008b8a,
					0px 0px 40px #008b8a;
		transition: .2s .4s;
	}
	div#conteneur section#apropos .b2 p.lien_bureau a.lien_a span
	{
		position: relative;
		display: block;
	}
	div#conteneur section#apropos .b2 p.lien_bureau a.lien_a span:nth-child(1)
	{
		top: -5px;
		left: -103%;
		width: 100%;
		height: 3px;
		background: linear-gradient(90deg, transparent, #2196f3);
	}
	div#conteneur section#apropos .b2 p.lien_bureau a.lien_a:hover span:nth-child(1)
	{
		left: 100%;
		transition: .3s;
	}
	div#conteneur section#apropos .b2 p.lien_bureau a.lien_a span:nth-child(3)
	{
		bottom: -40px;
		right: -103%;
		width: 100%;
		height: 3px;
		background: linear-gradient(270deg, transparent, #2196f3);
	}
	div#conteneur section#apropos .b2 p.lien_bureau a.lien_a:hover span:nth-child(3)
	{
		right: 100%;
		transition: .3s;
		transition-delay: 0.2s;
	}
	div#conteneur section#apropos .text_apropos1
	{
		font-size: 18px;
		font-family: sans-serif;
		line-height: 40px;
		color: #fff;
		opacity: 1;
		display: none;
		position: relative;
		bottom: 0px;
	}

	div#conteneur section#article
	{
		width: 100%;
		min-height: 50vh;
		max-height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 35px;
		background: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2)),url(../image/fond_pub1.jpg);
		background-size: cover;
		background-position: center;
		background-position: center;
	}
	div#conteneur section#article .b1_article
	{
		max-width: 1100px;
		width: 100%;
		position: relative;
	/*	min-height: 100vh;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: center;*/
	
		
	}
	section#article .b1_article h1
	{
		text-align: center;
		position: relative;
		padding: 4px;
		margin-bottom: 10px;
		color: #008b8a;
	}
	section#article .b1_article h1:before
	{
		position: absolute;
		content: "";
		width: 100%;
		height: 4px;
		transform:translateX(0px) ;
		bottom: 0;
		background-color: #eeca4a;
		display: flex;
		flex-direction: row;
		margin: auto;
		border-radius: 5px;
		animation: test3 6s forwards infinite;
	}
	section#article .b1_article h1:after
	{
		position: absolute;
		content: "";
		width: 100%;
		height: 4px;
		transform: translateX(0px);
		top: 0;
		left: 0px;
		background-color: #eeca4a;
		border-radius: 5px;
		animation: test2 6s forwards infinite;
	}
	div#conteneur section#article .b1_article img.btn_change_article
	{
		width: 45px;
		height: 45px;
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		box-shadow: 0px 3px 6px rgba(0, 0, 0,.23);
		border-radius: 50%;
		/*background-color: red;*/
		z-index: 20;
	}
	div#conteneur section#article .b1_article  img.btn_change_article:first-child{
		left: -22px;
	}
	div#conteneur section#article .b1_article  img.btn_change_article:last-child{
		right: -22px;
	}
	div#conteneur section#article .b1_article  .glisse_article 
	{
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% / 1));
		grid-gap: 16px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		scrollbar-width: 0;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	div#conteneur section#article .b1_article  .glisse_article .no-transition-article
	{
		scroll-behavior: auto;
	}
	div#conteneur section#article .b1_article  .glisse_article .dragging-article
	{	
		scroll-snap-type: none;
		scroll-behavior: auto;
	}
	div#conteneur section#article .b1_article  .glisse_article::-webkit-scrollbar
	{
		display: none;
	}
	div#conteneur section#article .b1_article .glisse_article.dragging-article .carte_article 
	{
		cursor: grab;
		user-select: none;
	}
	div#conteneur section#article .b1_article .carte_article
	{
		/*width: 450px;*/
		height: 342px;
		list-style: none;
		background-color: #fff;
		border-radius: 0px;
		display: flex;
		padding: 0;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		scroll-snap-align: start;
		/*box-shadow: 0px 0px 6px #a3a3a3;*/
		overflow: hidden;
		margin: 0;
	}
	div#conteneur section#article .b1_article div.info_article
	{
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		z-index: 3;
		display: flex;
		flex-direction: column-reverse;
		justify-content: baseline;
		align-items: center;
		text-align: center;
		background: linear-gradient(transparent,rgba(0, 0, 0, .9));
	}
	div#conteneur section#article .b1_article .carte_article div.img_fond
	{
		width: 100%;
		height: 100%;
		position: relative;
		top: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
		z-index: 0;
	}
	div#conteneur section#article .b1_article .carte_article div.img_fond img.carte
	{
		width: 100%;
		height: 342px;
		top: 0px;
		bottom: 0px;
		z-index: 4;
		margin: 0;
		object-fit: cover;
		object-position: center;
	}
	/*div#conteneur section#actualite .info
	{
		width: 350px;
		height: 250px;
		background-color: #ffffff;
		border-radius: 10px;
		background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../image/inf4.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		transition: .2s ease-in-out;
		box-shadow: 0px 0px 6px #a3a3a3;
	}*/
	/*div#conteneur section#actualite .info:hover
	{
		font-size: 17px;
		transform: scale(1.1);
		border: 1px solid #0182de;
		box-shadow: 0px 0px 6px #0182de;
		background-color: #008b8a;
		color: #ffffff;
	}*/
	div#conteneur section#article .info_article  p
	{
		font-size: 12px;
		line-height: 20px;
		margin: 10px;
	}
	div#conteneur section#article .info_article  p a
	{
		color: #0182de;
		text-decoration: none;
	}
	div#conteneur section#article .info_article  h5
	{
		font-size: 14px;
		line-height: 20px;
		margin: 6px;
	}
	div#conteneur section#article .info_article  img
	{
		width: 100%;
		height: 145px;
		margin-top:10px ;
		border-radius: 15px;
	}

	/*---------------------------------------------------*/
	div#conteneur section#actualite
	{
		width: 100%;
		min-height: 50vh;
		max-height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 35px;
		background: linear-gradient(to left top,#008b8a,#0182de);
		background: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2)),url(../image/fond_pub.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	div#conteneur section#actualite .b1
	{
		max-width: 1100px;
		width: 100%;
		position: relative;
	/*	min-height: 100vh;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: center;*/
		
	}
	section#actualite .b1 h1
	{
		text-align: center;
		position: relative;
		padding:10px;
		margin-bottom: 50px;
		color: #008b8a;
	}
	div#conteneur section#actualite .b1 img.btn_change
	{
		width: 45px;
		height: 45px;
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		box-shadow: 0px 3px 6px rgba(0, 0, 0,.23);
		border-radius: 50%;
		/*background-color: red;*/
	}
	div#conteneur section#actualite .b1 img#btn_change1{
		left: -22px;
	}
	div#conteneur section#actualite .b1 img#btn_change2{
		right: -22px;
	}
	div#conteneur section#actualite .b1 .glisse
	{
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% / 1) - 12px);
		grid-gap: 16px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		scrollbar-width: 0;
	}
	div#conteneur section#actualite .b1 .glisse.no-transition
	{
		scroll-behavior: auto;
	}
	div#conteneur section#actualite .b1 .glisse.dragging
	{	
		scroll-snap-type: none;
		scroll-behavior: auto;
	}
	div#conteneur section#actualite .b1 .glisse::-webkit-scrollbar
	{
		display: none;
	}
	div#conteneur section#actualite .b1 .glisse.dragging .carte 
	{
		cursor: grab;
		user-select: none;
	}
	div#conteneur section#actualite .b1 .carte
	{
		height: 342px;
		list-style: none;
		background-color: #fff;
		border-radius: 0px;
		display: flex;
		padding-bottom: 0px ;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		scrool-snap-aligne: start;
	}
	/*div#conteneur section#actualite .info
	{
		width: 350px;
		height: 250px;
		background-color: #ffffff;
		border-radius: 10px;
		background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../image/inf4.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		transition: .2s ease-in-out;
		box-shadow: 0px 0px 6px #a3a3a3;
	}*/
	/*div#conteneur section#actualite .info:hover
	{
		font-size: 17px;
		transform: scale(1.1);
		border: 1px solid #0182de;
		box-shadow: 0px 0px 6px #0182de;
		background-color: #008b8a;
		color: #ffffff;
	}*/
	div#conteneur section#actualite .info p
	{
		font-size: 12px;
		line-height: 25px;
		margin: 10px;
	}
	div#conteneur section#actualite .info p a
	{
		color: #0182de;
		text-decoration: none;
	}
	div#conteneur section#actualite .info h5
	{
		font-size: 14px;
		line-height: 20px;
		margin: 10px;
	}
	div#conteneur section#actualite .info img
	{
		width: 100%;
		height: 145px;
		margin-top:10px ;
		border-radius: 15px;
	}
		section#actualite .b1 h1
	{
		text-align: center;
		position: relative;
		padding: 0px;
		text-transform: capitalize;
		margin-bottom: 10px;
		color: #008b8a;
	}
	section#actualite .b1 h1:before
	{
		position: absolute;
		content: "";
		width: 100%;
		height: 4px;
		transform:translateX(0px) ;
		bottom: 0;
		background-color: #eeca4a;
		display: flex;
		flex-direction: row;
		margin: auto;
		border-radius: 5px;
		animation: test3 6s forwards infinite;
	}
	section#actualite .b1 h1:after
	{
		position: absolute;
		content: "";
		width: 100%;
		height: 4px;
		transform: translateX(0px);
		top: 0;
		left: 0px;
		background-color: #eeca4a;
		border-radius: 5px;
		animation: test2 6s forwards infinite;
	}
	div#conteneur section#plan_action
	{
		width: 100%;
		height: 130vh;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		background: linear-gradient(rgba(0, 0, 0, .3),rgba(0, 0, 0, .3)),url("../image/fond_isoc2.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	div#conteneur section#plan_action .b1 .statistique
	{
		width: 100%;
		display: flex;
		flex-direction: row;
		margin-bottom: 10px;
		justify-content: space-around;
		padding: 10px;
	}
	div#conteneur section#plan_action .b1 .statistique .new_statistique
	{
		/*30% 70% 70% 30% / 30% 30% 70% 70% eccb46*/
		width: 75px;
		height: 75px;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		font-weight: bold;
		box-shadow: 0px 0px 4px #0985dc; 
		margin-left:10px;
		padding: 20px;
		transition: .2s ease-in-out;
		text-shadow: 0px 0px 6px #a3a3a3;
	}
	div#conteneur section#plan_action .b1 .statistique .new_statistique p
	{
		font-size: 12px;
		line-height: 20px;	
	}
	div#conteneur section#plan_action .b1 .statistique .new_statistique:hover
	{
		transform:translateY(-20px);
		/*transform: rotate(45deg);*/
	}
	/*div#conteneur section#plan_action .b1 .statistique .new_statistique:hover p
	{
		transform: translateY(-10px);
		/*transform: rotate(-45deg);
	}*/
	.new_statistique:nth-child(1)
	{
		background-color: rgba(2, 12, 29, 1);
	}
	.new_statistique:nth-child(2)
	{
		background-color: rgba(42, 61, 146, 1);   /*yellowgreen;#008b8a rgba(42, 61, 146, .4);*/
	}
	.new_statistique:nth-child(3)
	{
		background-color: rgba(237, 106, 101, 1); ; 
		/*#0985dc rgba(237, 106, 101, .4)*/
	}
	.new_statistique:nth-child(4)
	{
		background-color: rgba(222, 125, 106, 1);
		/* rgba(222, 125, 106, .4)*/
	}
	div#conteneur section#plan_action .b2 .lien_plan
	{
		width: 100px;
		height: 50px;
		/*display: flex;
		align-items: flex-end;*/
		position: relative;
		margin: 20px;
		/*right: 120px;*/
		z-index: -1;
	}
	div#conteneur section#plan_action .b2 .lien_plan1
	{
		width: 50%;
		display: flex;
		margin: auto;
	}
	div#conteneur section#plan_action .b2 .lien_plan a 
	{	
		display: flex;
		justify-content: center;
		margin: auto;
		color: #ffffff;
		padding: 10px;
		border-radius: 5px;
		background-color: rgba(14, 24, 48, 1.0);
		box-shadow: 0px 0px 4px #f5f5f5;
		transition: .3s ease-in-out;
	}
	div#conteneur section#plan_action .b2 .lien_plan a:hover
	{
		background-color: #fff;
		color:rgba(14, 24, 48, 1.0);
		box-shadow: 0px 0px 4px rgba(14, 24, 48, 1.0);
	}
	div#conteneur section#plan_action .b1
	{
		width: 100%;
		height: 30vh;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: center;
	}
	div#conteneur section#plan_action .b2
	{
		width: 100%;
		height: auto;	
		display: flex;
		margin: 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
	}
	div#conteneur section#plan_action .b2 .info_plan
	{
		width: 100%;
		height: auto;
		border-radius: 5px;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: #ffffff;
		box-shadow: 0px 0px 6px #a3a3a3;
		transition: .2s ease-in-out;
	}
	div#conteneur section#plan_action .b2 .info_plan:hover
	{
		transform: scale(1);
	}
	div#conteneur section#plan_action .b2 img
	{
		width: 100%;
	}
	div#conteneur section#plan_action .b2 a
	{
		width: 60%;
		font-size: 16px;
		text-decoration: none;
		color: #ee3e36;
		display: flex;
		margin: auto;
	}
	div#conteneur section#projet
	{
		width: 100%;
		height: 150vh;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		background: linear-gradient(rgba(0, 0, 0, .3),rgba(0, 0, 0, .3)),url("../image/img_pub3.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		clip-path: polygon(0 2%,100% 0%, 100% 98%, 0 100%);
	}
	div#conteneur section#projet .b1
	{
		width: 100%;
		height: auto;
		border: 0px solid indianred;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		flex-wrap: no-wrap;
		align-items: center;
		margin: auto;
		background: transparent;
	}
	div#conteneur section#projet .b1 .statistique
	{
		width: 98%;
	    display: flex;
	    box-sizing: border-box;
	    justify-content: center;
	    align-items: center;
		height: auto;
		border-radius: 8px;
		margin: 4px;
		/*justify-content: space-around;ffc408*/
	}
	div#conteneur section#projet .b1 .statistique img
	{
		width: 100%;
		display: flex;
		object-fit: cover;
		object-position: center;
		box-sizing: border-box;
		border-radius: 5px;
		opacity: .8;
		/*overflow: hidden;*/
	}
	div#conteneur section#projet .b1 .statistique p
	{
		font-size: 14px;
		font-weight: bold;
		line-height: 25px;
		justify-content: center;
		color: #ffffff;
		text-align: justify;
	}
	div#conteneur section#projet .b1 .statistique p.titre
	{
		font-size: 16px;
		font-weight: bold;
		line-height: 25px;
		justify-content: center;
		color: #ffffff;
		text-align: justify;
		text-align: center;
	}
	div#conteneur section#projet .b1 .statistique p span
	{
		color: #ffc408;
	}
	/*div#conteneur section#projet .b1 .statistique p a
	{
		font-size: 14px;
		font-weight: bold;
		color: #ffc408;
		text-decoration: none;
	}*/
	div#conteneur section#projet .b1 .statistique p a.lien_fiche
	{
		font-size: 14px;
		text-decoration: underline;
		text-decoration-color: #ffc408;
		text-decoration-style: dotted;
		font-weight: bold;
		line-height: 25px;
		justify-content: center;
		color: #ffffff;
		display: flex;
		text-align: justify;
		align-items: center;
		text-align: center;
	}
	div#conteneur section#projet .b1 .statistique .new_statistique:hover
	{
		transform:translateY(-20px);
		/*transform: rotate(45deg);*/
	}

	/*div#conteneur section#projet .b1 .statistique .new_statistique:hover p
	{
		transform: translateY(-10px);
		/*transform: rotate(-45deg);
	}*/
	.new_statistique:nth-child(1)
	{
		/*background-color: rgba(2, 12, 29, 1);*/
		background-color: rgba(0, 91, 35, 1);
	}
	.new_statistique:nth-child(2)
	{
		background-color: rgba(255, 216, 0, 1);   /*yellowgreen;#008b8a rgba(42, 61, 146, .4);*/
	}
	.new_statistique:nth-child(3)
	{
		background-color: rgba(194, 37, 37, 1); ; 
		/*#0985dc rgba(237, 106, 101, .4)*/
	}
	.new_statistique:nth-child(4)
	{
		background-color: rgba(0, 91, 35, 1);
		/*background-color: rgba(194, 37, 37, 1);*/
		/* rgba(222, 125, 106, .4)*/
	}
	div#conteneur section#projet .b1 h1
	{
		color: #ffffff;
		text-align: center;
		position: relative;
		padding: 10px;
		margin-bottom: 0px;
		font-size: 18px;
		/*color: #008b8a;*/
	}
	div#conteneur section#projet .b1 h1:before
	{
		position: absolute;
		content: "";
		width: 100%;
		height: 4px;
		transform:translateX(0px) ;
		bottom: 0;
		background-color: #eeca4a;
		display: flex;
		flex-direction: row;
		margin: auto;
		border-radius: 5px;
		animation: test3 6s forwards infinite;
	}
	div#conteneur section#projet .b1 h1:after
	{
		position: absolute;
		content: "";
		width: 100%;
		height: 4px;
		transform: translateX(0px);
		top: 0;
		left: 0px;
		background-color: #eeca4a;
		border-radius: 5px;
		animation: test2 6s forwards infinite;
	}
	div#conteneur section#projet .b2
	{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
	}
	div#conteneur section#projet .b2 .lien_plan
	{
		width: 80%;
		height: 95px;
		/*display: flex;
		align-items: flex-end;*/
		position: relative;
		/*margin:10px;*/
		margin-top: 0px;
		/*right: 120px;*/
		z-index: 1;
	}
	div#conteneur section#projet .b2 .lien_plan a 
	{	
		display: flex;
		font-size: 16px;
		justify-content: center;
		margin: auto;
		color: #ffffff;
		padding: 10px;
		border-radius: 5px;
		background-color: rgba(14, 24, 48, .4);
		box-shadow: 0px 0px 4px #f5f5f5;
		transition: .3s ease-in-out;
	}
	div#conteneur section#projet .b2 .lien_plan a:hover
	{
		background-color: #fff;
		color:rgba(14, 24, 48, 1.0);
		box-shadow: 0px 0px 4px rgba(14, 24, 48, 1.0);
	}
	div#conteneur section#projet .b2::-webkit-scrollbar
	{
		width: 8px;
		background-color: transparent;
	}
	div#conteneur section#projet .b2::-webkit-scrollbar-thumb
	{
		background-color: #008b8a;
		border: 1px solid #f1f1f1;
		border-radius: 5px;
	}
	div#conteneur section#projet .b2 .info_plan
	{
		width: 100%;
		height: 350px;
		border: 1px solid #0985dc;
		border-radius: 5px;
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		overflow: hidden;
		justify-content: center;
		background-color: #ffffff;
		box-shadow: 0px 0px 6px #a3a3a3;
		transition: .2s ease-in-out;
		background-color: rgba(14, 24, 48, .3);
		z-index: 10;
	}
	div#conteneur section#projet .b2 .info_plan:hover
	{
		border: 1px solid #0985dc;
		transform: scale(1.1);
	}
	div#conteneur section#projet .b2 a
	{
		font-size: 18px;
		text-decoration: none;
		color: #ffffff; /*ee3e36*/
		font-weight: 900;
	}
	div#conteneur section#projet .b2
	{
		width: 98%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
		/*border:2px solid orange ;*/
	}
	div#conteneur section#projet .b2 div.form
	{
		width: 98%;
		padding: 10px;
		height: auto;
		margin: auto;
		display: flex;
		flex-direction: column;
		background: linear-gradient(rgba(0, 0, 0, .4),rgba(0, 0, 0, .4));
		border-radius: 15px;
	}
	div#conteneur section#projet .b2 div.form form
	{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: auto;
	}
	div#conteneur section#projet .b2 p
	{
		width: 98%;
		display: flex;
		flex-direction: column;
		margin: 10px;
		color: #ffffff;
		font-size: 16px;
	}
	div#conteneur section#projet .b2 input
	{
		height: 35px;
		border-radius: 5px;
		border: 1px solid rgba(0, 0, 0, .1);
	}
	div#conteneur section#projet .b2 input.submit
	{
		height: 35px;
		border-radius: 5px;
		border: 1px solid rgba(0, 0, 0, .1);
		font-size: 16px;
		font-weight: bold;
		background-color: #008B8A;
		color: #ffffff;
	}
	div#conteneur section#mission
	{
		width:100%;
		height: 480vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: whitesmoke;
		overflow-y: none;
		overflow-x: hidden;
		scroll-behavior: smooth;
		background: linear-gradient(rgba(255, 255, 255, .3),rgba(255, 255, 255, .3)),url("../image/fond_isoc3.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	section#mission .titre
	{
		display: flex;
		width: 98%;
		height: auto;
		margin: 0;
		margin-bottom: 10px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	section#mission h1
	{
		text-align: center;
		position: relative;
		padding: 10px;
		margin-bottom: 0px;
		color: #ffffff;
	}
	section#mission .titre h1
	{
		color: #ffffff;
	}
	div#conteneur section#mission .voir_plus
	{
		padding: 10px;
		width: 100%;
	}
	div#conteneur section#mission .voir_plus a.lien_pub
	{
		width: 145px;
		display: flex;
		margin: auto;
		font-size: 18px;
		background-color: rgba(14, 28,44 , .3);
		padding: 10px;
		border-radius: 5px;
		color: #ffffff;
		text-decoration: none;
		position: relative;
		align-items: center;
		transition: .2s ease;
	}
	div#conteneur section#mission .voir_plus a.lien_pub:hover
	{
		width: 100px;
		background-color: rgba(14, 28,44 , 1);
		font-weight: bold;
	}
	
	div#conteneur section#mission .b1
	{
		width: 98%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 10px;
	}
	div#conteneur section#mission .b1 h1
	{
		padding: 0;
		margin-bottom: 0px;
	}
	div#conteneur section#mission .b1 p
	{
		width: 100%;
		margin-right: 0px;
		margin-left: 0px;
		font-size: 16px;
		font-family: sans-serif;
		line-height: 30px;
		color: #000000 ;

	}
	div#conteneur section#mission .b1 span
	{
		color: #0182de;
	}
	div#conteneur section#mission .b2
	{
		display: flex;
		position: relative;
		left: 0px;
		margin: 0;
	}
	div#conteneur section#mission::-webkit-scrollbar
	{
		height: 10px;
		background-color: transparent;
	}
	div#conteneur section#mission::-webkit-scrollbar-thumb
	{
		background-color: #008b8a;
		border-radius: 5px;
	}
	div#conteneur section#mission::-webkit-scrollbar-thumb:hover
	{
		background-color: #128aff;
	}
	div#conteneur section#mission::-webkit-scrollbar-track
	{
		background-color: #a3a3a3;
	}
	div#conteneur section#mission .b2 .info_plan .note
	{
		width: 350px;
		height: 21%;
	}
	div#conteneur section#mission .b2 .info_plan .note1
	{
		width: 350px;
		height: 80%;
		transform: .4s ease-in-out;
	}
	div#conteneur section#mission .b2 .info_plan .note1 p 
	{
		font-size: 16px;
		line-height: 25px;
		margin: 10px;
		font-family: sans-serif;
		color: #008b8a;
	}
	div#conteneur section#mission .b2 .info_plan
	{
		width: 98%;
		display: flex;
		flex-direction: column;
		height: auto;
		/*margin: 30px;*/
		margin-left: 10px;
		margin-right: 10px;
		box-shadow: 5px 5px 20px rgba(12, 28, 44, .5);
		overflow: hidden;
		border-radius: 15px;
		border: 1px solid #008b8a;
		background: linear-gradient(rgba(0, 0, 0, .6),rgba(0, 0, 0, .6));
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		opacity: 1;
		color: #ffffff;
	}
	div#conteneur section#mission .b2 .info_plan:hover
	{
		cursor: pointer;
		opacity: 1;
	}
	div#conteneur section#mission .b2 .info_plan:hover .note
	{
		height: 150px;
		bottom: -1px;
		background-color: rgba(12, 28, 44, .8);
	}
	div#conteneur section#mission .b2 .info_plan:hover .note1
	{
		background: linear-gradient(rgba(12, 28, 44, 1),rgba(12, 28, 44, .2));
		/*border: 1px solid red;*/
	}
	div#conteneur section#mission .b2 .info_plan:hover p 
	{
		opacity: 1;
		visibility: visible;
		color: #ffffff;
	}
	div#conteneur section#mission .b2 .info_plan:hover img
	{
		transform: scale(1.1) rotate(-3deg);
	}
	div#conteneur section#mission .b2 .note 
	{
		height: 60px;
		width: 350px;
		padding: 6px;
		box-sizing: border-box;
		position: sticky;
		background-color: rgba(12, 28, 44, .9);
		color: #ffffff;
		bottom: -2px;
		transition: .2s ease-in-out;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	div#conteneur section#mission .b2 .info_plan img
	{
		height: 350px;
		width: 350px;
		border-radius: 10px;
	}
	div#conteneur section#mission .b2 .info_plan p 
	{

		opacity: 1;
		line-height: 25px;
		text-align: left;
		font-size: 16px;
		margin: 0px;
		left: 0;
		padding: 6px;
	}
	div#conteneur section#mission .b2 .info_plan:hover p 
	{
		font-size: 16px;
		opacity: 1;
		line-height: 25px;
		visibility: visible;
		color: #ffffff;
	}
	div#conteneur section#mission .b2 .info_plan p.titre
	{
		width: 100%;
		font-size: 18px;
		text-align: center;
		color: #ffffff;
	}
	div#conteneur section#mission .b2 .info_plan h2
	{
		font-size: 18px;
		padding: 4px;
		text-align: center;
		text-decoration: underline;
		text-decoration-style: solid;
		color: #ffffff;
	} 
	div#conteneur section#mission .b2 .note h3
	{
		font-size: 20px;
		margin: 10px;
	}
	div#conteneur section#mission .b2 .note p 
	{
		font-size: 20px;
		margin:20px ;
		visibility: hidden;
		opacity: 0;
	}
	div#conteneur section#mission .b2 a
	{
		font-size: 18px;
		text-decoration: none;
		color: #fff;
	}
	div#conteneur section#contact
	{
		background-color: gold;
	}
	section#nos_partenaire
	{
		width: 100%;
		height: 30%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-image: url("../image/fond_pub.jpg");
		background-size: cover;
		background-position: center;
	}
	section#nos_partenaire .titre
	{
		display: flex;
		width: 18%;
		margin: auto;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	section#nos_partenaire h1
	{
		font-size: 18px;
		text-align: center;
		position: relative;
		padding: 0px;
		margin-bottom: 0px;
		color: #008b8a;
	}
	section#nos_partenaire h1:before
	{
		position: absolute;
		content: "";
		width: 100%;
		height: 4px;
		transform:translateX(0px) ;
		bottom: 0;
		background-color: #eeca4a;
		display: flex;
		flex-direction: row;
		margin: auto;
		border-radius: 5px;
		animation: test3 6s forwards infinite;
	}
	section#nos_partenaire h1:after
	{
		position: absolute;
		content: "";
		width: 100%;
		height: 4px;
		transform: translateX(0px);
		top: 0;
		left: 0px;
		background-color: #eeca4a;
		border-radius: 5px;
		animation: test2 6s forwards infinite;
	}
	.partenaire
	{
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		/*background-color: #fff;*/
		margin-left: 40px;
		margin-right: 40px;
		padding: 10px;
		border-radius: 5px;
	}
	#nos_partenaire .partenaire img.logo_partenaire1
	{
		width: 65px;
		height: 25px;
		margin-left: 10px;
		margin-right: 10px;
	}
	#nos_partenaire .partenaire img
	{
		width: 45px;
		height: 45px;
		margin-left: 10px;
		margin-right: 10px;
	}
	div#conteneur section#contact
	{	
		height: auto;
	}
}