#page_posts{
	position: relative;
	width: 100%;
	min-height:calc(100vh - 70px);
}

#posts_footer{
	width:100%;
	padding:40px 0 80px 0;
	color:#032e30;
	background: linear-gradient(
		10deg,
		rgba(155, 151, 139, 0.1),
		rgba(3, 45, 48, 0.2),
		rgba(3, 45, 48, 0.4),
		rgba(3, 45, 12, 0.2),
		rgba(155, 151, 139, 0.1)
	);
	user-select: none;
}

#posts_footer h3{
	margin-bottom: 30px;
	font-family: 'Preahvihear', sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 15px 0;
	color: rgba(0, 55, 57, 0.47);
	background: linear-gradient(
		45deg,
		rgba(0, 0, 0, 0.03),
		rgba(0, 20, 0, 0.1),
		rgba(0, 0, 0, 0.03)
	);
}
#posts_footer_content{	
	font-size: 1.1em;
	height: 100%;
	padding:0 15px;
	max-width: calc(100% - 30px);
}
#posts_footer a{
	position: relative;
	display: block;
	width:200px;
	max-width: 70vw;
	aspect-ratio: 1/1;
	background-color: rgba(0, 0, 0, 0.25);
	background-position:50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin:0 auto 20px auto;
	border-radius: 3px;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);
	border:5px solid rgba(245, 255, 245, 0.8);
	box-sizing: border-box;
}
#posts_footer a:hover{
	transform: scale(1.1) rotate(5deg);
}
#posts_footer a p{
	position: absolute;
	top: 40%;
	width:100%;
	padding:5px 0;
	text-align: center;
	font-weight: bold;
	color:rgba(255, 255, 255, 0.9);
	font-family: Arial, sans-serif;
	background: linear-gradient(
		0deg,
		rgba(0, 30, 32, 0.47),
		rgba(0, 30, 32, 0.9),
		rgba(0, 30, 32, 0.4)
	);
	backdrop-filter: blur(1px);
	font-size: 1.25em;
}

@media screen and (min-width:600px){
	#posts_footer_content{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	#posts_footer a{
		width:280px;
		max-width:30vw;
	}
}



/*                         BLOC A LA UNE                     */
		/*                         BLOC A LA UNE                     */
				/*                         BLOC A LA UNE                     */
						/*                         BLOC A LA UNE                     */
#page_posts_une{
	position: relative;
	width:100%;
	margin:0 auto;
	overflow: hidden;
}


#page_posts_une_bg{
	min-height: calc(	75vh - 70px);
	position: relative;
	margin:0 auto;
	background-size: cover;
	background-position:50% 50%;
	background-attachment: fixed ;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.2);
	padding:25vh 0 0 0;
}



#page_posts_une h1{
	user-select: none;
	width:96%;
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	margin: 0 auto 10vh auto;
	padding:1% 2%;
	font-size: 44px;
	color:white;
	text-align: center;
	background: linear-gradient(90deg,
															rgba(0, 0, 0, 0.2),
															rgba(0, 30, 0, 0.45),
															rgba(0, 30, 0, 0.7),
															rgba(0, 30, 0, 0.45),
															rgba(0, 0, 0, 0.2)
							);
}	






	#page_posts_une_infos{
		display: table;
		min-width: 15%;
		width:320px;
		max-width:calc(90% - 50px);
		padding:20px 25px 20px 25px;
		background-color:rgba(25, 190, 200, 0.9);
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		margin:0 auto;
		text-align: right;
		font-family: 'Roboto', sans-serif;
		color:white;
		font-size: 20px;
	}
	#page_posts_une_infos li{
		display:table;
		text-align: right;
		height:20px;
		margin: 0 auto;
		max-width: 90%;
	}
	#page_posts_une_infos li#tempsdelecture{	
		background-image:url('../img/kit/clock.png');
		background-size: 24px 24px;
		background-position: 0 50%;
		background-repeat: no-repeat;
		padding:0 0 0 30px;
		height:24px;
		line-height: 24px;
		margin:10px auto 15px auto;
	}



#page_posts_une_desc{
	position: relative;
	font-family: 'Nunito', sans-serif;
	text-align: justify;
	padding:25px 20px 45px 20px;
	font-size:20px;
	line-height: 24px;
	background-color:rgba(235, 230, 255, 0.45);
	backdrop-filter: blur(7px);
	box-sizing: border-box;
	color:#032e30;
	border-top:solid 15px rgba(25, 190, 200, 0.9);
	border-left:solid 3px rgba(25, 190, 200, 0.9);
	border-right:solid 3px rgba(25, 190, 200, 0.9);

}
	

.posts_stats{
	display: flex;
	width:100%;	
	max-width: 800px;
	margin:0 auto;
	justify-content: space-between;
	padding:10px 0 25px 0;

}
.posts_stats_views{
	background-image:url('../img/kit/oeil.png') ;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 0 50%;
	padding-left:45px;
	height:40px;
	font-size:18px;
	font-family:Arial, sans-serif;
	font-weight:bold ;
	line-height: 40px;
}
.posts_stats_share{
	background-image:url('../img/kit/share2.png') ;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	background-position:0 50% ;
	padding-left:45px;
	height:40px;
	font-size:18px;
	font-family:Arial, sans-serif;
	font-weight:bold ;
	line-height: 40px;
}
#page_posts_une_desc p.une_desc{
	padding:0 0 40px 0;
	position: relative;
		max-width: 800px;
		margin:0 auto;
	}


#page_posts_une h1:hover{
		text-decoration: underline;
}


	
.posts_link_lireSuite{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.2em;
	font-weight: bold;
	display: table;
}
.posts_link_lireSuite:hover{
		text-decoration: underline;
}






@media screen and (max-width: 800px){

	#page_posts_une h1{
		font-size:26px;
	}
	#page_posts_une_infos-mobile{
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		display: flex;
		justify-content: space-between;
		vertical-align: middle;
		margin-bottom:15px ;

	}
	#tempsdelecture-mobile img{	
		display: inline-block;
		vertical-align: middle;
		height:25px;	
		
	}
}
/*                         BLOC A LA UNE                     */
		/*                         BLOC A LA UNE                     */
				/*                         BLOC A LA UNE                     */
						/*                         BLOC A LA UNE                     */










/*                         FIRSTBLOC                      */
		/*                         FIRSTBLOC                       */
				/*                         FIRSTBLOC                        */
						/*                         FIRSTBLOC                          */



#posts_firstblock{
	width:100%;
	box-sizing: border-box;
	margin:0 auto 0 auto;
	padding:0 0 60px 0 ;
	background-color: rgba(0, 0, 50, 0.6);
	backdrop-filter: blur(3px);
	border-bottom:solid 15px rgba(25, 190, 200, 0.9);
	border-left:solid 3px rgba(25, 190, 200, 0.9);
	border-right:solid 3px rgba(25, 190, 200, 0.9);
}
#posts_firstblock h1{
	user-select: none;
	margin:40px auto;
	opacity: 0.85;
}
#posts_firstblock h1:hover{
	text-decoration: none;
}
.posts_firstblock_content{
	position: relative;
	max-width: 300px;
	border-radius: 15px;
	margin:0 auto 20px auto;
	border:10px solid white;
	box-sizing: border-box;
	overflow: hidden;
	background-color: white;
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
.posts_firstblock_content:hover{
	border:10px solid rgba(80, 245, 255, 0.1);
}
.firstblock_content_img{
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	width:100%;
	aspect-ratio: 1.4/1;
	margin: 0 auto -20px auto;
}
.posts_firstblock_content:hover .firstblock_content_img{
	transform: scale(1.2) rotate(5deg);
	filter: blur(1px);
}


.posts_firstblock_content a{
	height:100%;
	width: 100%;
}
.posts_firstblock_content h2{
	font-weight:bold;
	font-size:25px;
	text-align: center;
	width: calc(100% - 20px);
	margin:0 auto;
	padding:5px 10px;
	background-color:rgba(25, 190, 200, 0.7);
	backdrop-filter: blur(7px);
	color: white;
	font-family: 'Nunito', sans-serif;
	word-break: break-word;
	height:100%;
}




@media screen and (min-width: 801px){
	#posts_firstblock{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.posts_firstblock_content{
		width: 30%;
	}
}
@media screen and (max-width: 800px){

	#posts_firstblock{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		width: 100%;
	}
	.posts_firstblock_content{
		width: 90%;
		max-width: 400px;
	}
}




																/*                         FIRSTBLOC                      */
										/*                         FIRSTBLOC                       */
					/*                         FIRSTBLOC                        */
/*                         FIRSTBLOC                          */











.posts_block{
	position: relative;
	height:100%;
}

.posts_suite{
	padding:50px 0 20px 0;
	background-color:rgba(0, 0, 0, 0.1);
}



.posts_block_une h2{	
	display: block;
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	padding:5px;
	margin:0 0 30px 0;
	max-width: calc(100% - 10px);
	font-size:50px;
	background-color: rgba(237, 233, 157, 0.12);
	text-align: center;
}
.posts_block_une_img{
	position: relative;
	width:100%;
	aspect-ratio: 2/1;
	border-radius:5px;
	box-sizing: border-box;
	box-shadow: 2px 2px 12px 3px grey;
	overflow: hidden;
}
.posts_block_une_img img{
	position: absolute;
	top:0;
	bottom:0;
	margin:auto;
	width: 100%;
}
.posts_block_une_img:hover img{
	transform: scale(1.05);
}
.posts_block_une_infos{
	display: table;
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
	margin:auto;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color:white;
	text-align: center;
	padding:10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	box-shadow: 1px 1px 10px 1px grey;
}
.posts_block_une_infos p{
		display:table;
		margin:0 auto;
}
.posts_block_une_infos .tpsdelec{
	padding:0 0 0 30px;
	background-image:url('../img/kit/clock.png');
	background-size: 26px 26px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	height:26px;
	line-height: 26px;
	margin:10px auto;

}
.posts_block_une_desc{
	padding:20px 20px 0 20px;
	font-family: 'Nunito', sans-serif;
	text-align: justify;
	font-size:20px;
	line-height: 24px;
	border-bottom:dotted 1px grey;
	border-left:dotted 1px grey;
	border-right:dotted 1px grey;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-sizing: border-box;
	box-shadow: 1px 1px 1px #cacaca;
	color:#003739;
}




.posts_suite_content{
	width: 90%;
	margin:0 auto 20px auto;
	padding:0 0 10px 0;
	border: 1px solid	rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
.posts_suite_content:hover{
	border-color:rgba(0, 0, 0, 0.4);	
}
.posts_suite h2{
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	margin:0 0 10px 0;
	padding:10px;
	background: linear-gradient(
										90deg,
										rgba(255, 255, 255, 0.1),
										rgba(255, 255, 255, 0.4),
										rgba(255, 255, 255, 0.1)
									);
}
.posts_suite_img{
	display: table;
	width:70%;
	max-width: 250px;
	aspect-ratio: 1.4/1;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	border: 5px white solid;
	border-radius: 5px;
	background-color: darkcyan;
}

.posts_suite_btn_next{
	display: table;
	width:90%;
	margin: 20px auto;
	text-align: center;
	padding:10px 10px;
	border: none;
	font-size:21px;
	font-family: 'Arial', sans-serif;
	font-weight:bold;
	background-color: rgba(10, 10, 10, 0.16);
	border-radius: 5px;
	cursor: pointer;
	box-sizing: border-box;
	border:1px solid rgba(255, 255, 255, 0.4);
	word-break: break-word;

}
.posts_suite_btn_next:hover{
	background-color: rgba(255, 255, 255, 0.2);
	border:1px solid grey;
}


.postsTitleRotate{
	display: table;
	font-style: italic;
	opacity: 0.25;
	font-family: 'Nunito', sans-serif;
	font-weight:bold;
	background:linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
}




@media screen and (min-width: 601px){
	.posts_block{
		position: relative;
		display: flex;
		width:100%;
		box-sizing: border-box;
		height:100%;
		padding:0 0 0 20px;
	}
	
	.posts_block_une{
		width:60%;
		padding:50px 0 20px 0;
	}
	.posts_suite{
		width: 30%;
		padding:50px 0 20px 0;
		margin-left: 10%;
	}



	.postsTitleRotate{
		position: absolute;
	  transform-origin: right top;
		transform: rotate(90deg) translateX(100%);
		top:0;
		right:calc(35% - 35px);	
		padding:0 0 0 15vh;
		text-shadow: #f5c175 1px 2px;
		font-size:60px;
		letter-spacing: 0.4em;
		user-select: none;
	}

}




@media screen and (max-width: 600px){
	.posts_block_une h2{
		font-size:35px;
	}
	.posts_suite_btn_next{
		font-size:19px;
	}
	.postsTitleRotate{
		margin:10px auto 20px auto;
		padding:10px;
		font-size:40px;
	}
}







/*                         BLOC RESILIENCE                      */
		/*                         BLOC RESILIENCE                       */
				/*                         BLOC RESILIENCE                        */
						/*                         BLOC RESILIENCE                  				*/


#posts_resi{
	background-color: rgba(40, 0, 0, 0.1);
	border-top: 10px solid rgba(40, 0, 0, 0.5);	
	border-bottom: 15px solid rgba(40, 0, 0, 0.5);
	border-left: 5px solid rgba(40, 0, 0, 0.5);
	border-right: 5px solid rgba(40, 0, 0, 0.5);
}
#postsTitleRotateResi{
  color:#5d3b1d;
}
#posts_resi_une h2{
 	color:#5d3b1d;
}
#posts_resi_suite h2{
	color: rgba(40, 0, 0, 0.9);
}
#posts_resi_une_infos{
	background-color:rgba(61, 44, 14, 0.7);
	backdrop-filter: blur(7px);
}
#posts_resi_une_desc{
	background-color:rgba(162, 110, 80, 0.1);
	backdrop-filter: blur(7px);
	color:#2b1e07;
}
#posts_resi .posts_suite_btn_next{
	color:rgba(40, 0, 0, 0.6);
}


/*                         BLOC RESILIENCE                      */
		/*                         BLOC RESILIENCE                       */
				/*                         BLOC RESILIENCE                        */
						/*                         BLOC RESILIENCE                  				*/



/*                         BLOC AUTNOMIE                      */
		/*                         BLOCAUTNOMIE                       */
				/*                         BLOC AUTNOMIE                        */
						/*                         BLOC AUTNOMIE                  				*/




#posts_auto{	
	background-color: rgba(0, 40, 0, 0.1);
	border-top: 10px solid rgba(0, 40, 0, 0.5);	
	border-bottom: 15px solid rgba(0, 40, 0, 0.5);
	border-left: 5px solid rgba(0, 40, 0, 0.5);
	border-right: 5px solid rgba(0, 40, 0, 0.5);
}
#page_posts_autonomie_une{
}
#postsTitleRotateAuto{
	color:#074012;
}
#posts_auto_une h2{
 	color:#17501e;
}
#posts_auto .posts_suite h2{
	color: rgba(0, 40, 0, 0.9);
}
#posts_autonomie_une_img{
}
#posts_auto_une_infos{
	background-color:rgba(51, 134, 14, 0.7);
	backdrop-filter: blur(7px);
}
#posts_auto_une_desc{
	background-color:rgba(51, 134, 14, 0.1);
	backdrop-filter: blur(7px);
}
#posts_auto .posts_suite_btn_next{
	color:rgba(0, 40, 0, 0.9);
}


/*                         BLOC AUTNOMIE                      */
		/*                         BLOCAUTNOMIE                       */
				/*                         BLOC AUTNOMIE                        */
						/*                         BLOC AUTNOMIE                  				*/







																		/*                  PAGE POST (SEUL)                 					*/
																			/*                  PAGE POST (SEUL)                 			*/
																				/*                  PAGE POST (SEUL)                 	*/
																					/*                  PAGE POST (SEUL)               */
																						/*                  PAGE POST (SEUL)            */
																					/*                  PAGE POST (SEUL)               */
																				/*                  PAGE POST (SEUL)                	 */
																			/*                  PAGE POST (SEUL)                 			*/
																		/*                  PAGE POST (SEUL)                					*/







#post_FullScreen{
	z-index: 999;
	position: fixed;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(3px);
	overflow:hidden;
}
#post_FullScreenClose{
	position: fixed;
	display: table;
	bottom: 7vh;
	left:0;
	right:0;
	margin:auto;
	padding:10px 15px;
	background-color: rgba(0, 55, 57, 0.9);
	border: 1px solid white;
	color:white;
	font-family: Geneva, sans-serif;
	font-size: 1.1em;
	cursor: pointer;
	border-radius: 3px;
	user-select: none;
}
#post_FullScreenClose:hover{
	background-color: rgba(255, 255, 255, 1);
	color: rgba(0, 55, 57, 0.9);
	border-color: rgba(0, 55, 57, 0.9);
}
.post_FullScreenNextprev{
	display: flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:calc(50% - 25px);
	line-height:100%;
	width: 60px;
	aspect-ratio: 1/1;
	max-width: 12vw;
	border-radius: 50%;
	background-color: rgba(0, 55, 57, 0.9);
	border: 1px solid white;
	color:white;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 2.3em;
	cursor: pointer;
	user-select: none;
}
.post_FullScreenNextprev:hover{
	background-color: rgba(255, 255, 255, 1);
	color: rgba(0, 55, 57, 0.9);
	border-color: rgba(0, 55, 57, 0.9);
}
#post_FullScreenPrev{
	left:5px;
}
#post_FullScreenNext{
	right:5px;
}

#post_FullScreenImg{
	display: flex;
	justify-content: center;
	justify-items: middle;
	height:100%;
	width: 100%;
}
#post_FullScreen img{
	max-width: 90vw;
	max-height: 96vh;
	margin: auto;
	border-radius: 5px;
	box-shadow:0 0 10px 14px rgba(255, 255, 255, 0.4) ;
}

#post_map{
	display: table;
	margin: 0 auto 0 auto;
	border:1px dotted rgba(0, 55, 57, 0.7);
	background-color: rgba(160, 220, 220, 0.15);
	padding:10px 0;
	border-radius: 5px;
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
	text-align: left;
	font-size: 0.88em;
	user-select: none;
}
#post_map ul{
	padding:8px 20px 8px 20px;
}
#post_map ul li{
	margin-bottom: 6px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	padding:0 5px;
	color:rgba(30, 90, 92, 1);
	cursor: pointer;
}
#post_map ul li:hover{
	color:rgba(0, 55, 57, 1);
}

#post_content_container{
	display: block;
	width:100%;
	margin:0 auto;
	background-color:rgba(0, 55, 57, 0.15);
	padding: 50px 0;
	box-sizing: border-box;
	border-top:3px solid rgba(0, 55, 57, 0.22);
}
#post_content{
	width:100%;
	max-width: 1200px;
	margin:0 auto;
}

#post_video{
	position: relative;
	display: table;
	margin: 0 auto 40px auto;
	width:800px;
	max-width: 100%;
	aspect-ratio: 16/9;
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border:10px solid white;
	box-sizing: border-box;
}
#post_video iframe{
	position: absolute;
	top: 10px;
	left:10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}




.post_chapitre{
	max-width:98%;
	margin:0 auto 60px auto;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	padding:20px 0;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}
#post_content h2{
	font-size: 2em;
	margin-bottom: 30px;
	font-family: 'Comic Sans MS', cursive, sans-serif;
	color:rgba(0, 55, 57, 0.9);
	text-align: center;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.5);
	padding: 5px 5px 10px 5px;
	background: linear-gradient(
		45deg,
		rgba(0, 40, 0, 0.02),
		rgba(0, 40, 0, 0.10),
		rgba(0, 40, 0, 0.02)
	);
}

#post_content p{
	max-width: 1100px;
	font-size: 1.1em;
	line-height: 1.5em;
	margin:0 auto 20px auto;
	text-align: left;
	font-family: 'Arial', sans-serif;
	color:rgba(0, 48, 50, 1);
	padding: 0 10px 15px 10px;
	word-break: break-word;
}
#post_content a{
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 2px;
	font-family:  'Comic Sans MS', cursive, sans-serif;
	color:rgba(0, 48, 50, 1);
	opacity: 0.9;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
#post_content a:hover{
	text-decoration: underline;
	opacity: 1;
}
.post_content_img{
	position: relative;
	width:400px;
	max-width: calc(96vw - 20px);
	max-height: 300px;
	margin:0 auto 20px auto;
	box-sizing: border-box;
	border-radius: 3px;
	cursor:zoom-in;
}
.post_content_img img{
	min-height: 100px;
	max-width: 100%;
	max-height: 300px;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	border:10px solid white;
	box-sizing: border-box;
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
	z-index: 2;
}
.post_content_img_count{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	display: table;
	margin:0 auto;
	padding : 8px;
	background-color: rgba(0, 55, 57, 0.75);
	border: 1px solid rgba(120, 200, 202, 1.0);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color:white;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	z-index: 3;
}




.post_content_img_count::before {
  content: "\1F4F8"; /* Ajouter l'icône en tant que contenu avant */
  opacity:0.8;
}




@media screen and (min-width:800px){

	.post_content_img{
		margin:0 10px 20px 20px;
		float:right;
	}
}




#post_foot{
	max-width: 1160px;
	width: calc(98% - 30px);
	margin:150px auto 0 auto;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 10px;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	padding:0 0 10px 0;
}
#post_foot h3{
	font-family: 'Preahvihear', sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	color: rgba(0, 55, 57, 0.65);
	margin-bottom: 20px;
	padding:10px 5px;
	text-align: center;
	background: linear-gradient(
							45deg, 
							rgba(0, 0, 0, 0.01),
							rgba(0, 0, 0, 0.1),
							rgba(0, 0, 0, 0.2),
							rgba(0, 0, 0, 0.1),
							rgba(0, 0, 0, 0.01)
							);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
#post_foot_social{
	margin:40px 0;	
}
.post_foot_block{
	display: table;
	margin:30px auto;
}
.post_foot_block span{
	padding: 10px 5px;
	margin:0 0 0 5px;
	color: rgba(0, 55, 57, 0.8);
	border-left:1px solid rgba(0, 55, 57, 0.1);
	background-color: #e1e7eb;
	border-radius: 3px;
	font-weight: bold;
	text-shadow: 1px 1px 1px white;
}
.post_foot_block button{
	border: none;
	background-color: rgba(0, 55, 57, 0);
	border-radius: 5px;
	border: 1px solid rgba(0, 55, 57, 0.3);
	color: rgba(0, 55, 57, 0.75);
	font-weight: bold;
	padding: 10px 0 10px 38px;
	cursor: pointer;
	font-size: 1.2em;
	margin:0;
	background-repeat: no-repeat;
	background-size: 23px 23px;
	background-position: 5px 50%;
	opacity: 0.9;
}
.post_foot_block button:hover{
	border-color: rgba(0, 55, 57, 0.75);
	opacity: 1;
}
@media screen and (min-width:360px){
	#post_foot_social{
		display:flex; 
		justify-content: space-around;
	}
	.post_foot_block{
		margin:0 2.2vw;
	}
}

#post_share{
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center; /* Centrage horizontal */
    align-items: center; /* Centrage vertical */
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3px);
    width: 100%; /* Ajout d'une largeur pour occuper toute la largeur de la fenêtre */
    height: 100%; /* Ajout d'une hauteur pour occuper toute la hauteur de la fenêtre */
}
#post_share_content{
	position: relative;
	background:rgba(235, 240, 235, 1);
	padding:50px 10px 30px 10px;
	min-height: calc(40vh - 70px);
	min-width: calc(40vw - 10px);
	max-height: calc(80vh - 70px);
	max-width: calc(80vw - 10px);
	border-radius: 3px;
	box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.7);
	overflow: auto;
}
#post_share_close{
	position: absolute;
	top:0;
	right:0;
	padding:5px;
	font-size:30px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	color: rgba(0, 0, 0, 0.6);
	background-color: rgba(0, 0, 0, 0.1);
	border-left: 1px solid rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	cursor: pointer;
	box-sizing: border-box;
}
#post_share_close:hover{
	background-color: rgba(0, 0, 0, 0.6);
	border-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}
#post_share_content h6{
	font-wieght:bold;
	font-family: 'Preahvihear', cursive;
	font-size: 1.8em;
	text-align: center;
	margin-bottom: 20px;
	color: rgba(0, 55, 57, 0.75);
}
#post_share_content p{
	margin:20px 0 10px 0; 
	font-family:Arial, sans-serif; 
	text-align:center;
	font-weight: bold;
}
.fb-share-button{
	border-radius:3px;
	min-height:28px;
	min-width: 95px;
	background-color: #1877f2;
}
.fb-share-button:hover{
	opacity: 0.9;
}
#post_share_copylink{
	border:none;
	border-radius: 3px;
	padding:5px;
	background-color: rgba(0, 55, 57, 0.75);
	color:white;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
#post_share_copylink:hover{
	opacity: 0.9;
}


#post_foot_suggest {
	  padding:25px 15px;
}
.post_foot_suggestion a{
	width: 98%;
  padding: 10px;
  background-color: rgba(0, 55, 57, 0.75);
  color: rgba(255, 255, 255, 0.88);
  font-size: 1.2em;
  font-family: Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin:0 auto 15px auto;
	border: 2px solid rgba(120, 200, 202, 1.0);
	border-radius: 6px;
	cursor: pointer;
	box-sizing: border-box;
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
.post_foot_suggestion a:hover{
	background-color: rgba(255, 255, 255, 0.88);
	border: 2px solid rgba(120, 200, 202, 1.0);
	color: rgba(0, 55, 57, 0.75); 
}





@media screen and (min-width:600px){
	#post_foot_social{
		justify-content: center; 
	}
	#post_foot_suggest {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	  gap: 15px; /* Définit l'espacement entre les colonnes */
	  align-items: center; /* Centre le contenu verticalement dans les cellules */
	  font-size: 1.1em;
	}

	.post_foot_suggestion {
		height: 100%;
	  text-align: center;
	  width: 100%; /* Assure que toutes les colonnes ont la même largeur */
	  display: flex; /* Utiliser flexbox pour aligner les éléments */
	  align-items: center; /* Centre le contenu verticalement */
	  justify-content: center; /* Centre le contenu horizontalement */
	}
	.post_foot_suggestion a{
		height: 100%;
		width: 98%;
	}
}








																		/*                  PAGE POST (SEUL)                 */
																			/*                  PAGE POST (SEUL)                 */
																				/*                  PAGE POST (SEUL)                 */
																					/*                  PAGE POST (SEUL)                 */
																						/*                  PAGE POST (SEUL)                 */
																					/*                  PAGE POST (SEUL)                 */
																				/*                  PAGE POST (SEUL)                 */
																			/*                  PAGE POST (SEUL)                 */
																		/*                  PAGE POST (SEUL)                 */