/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	    	Module 	        		*/
/*  	   Og-Page (CMS et tools)		*/
/*    	    				 	        */
/*    	    *** *** *** *** 	        */


/*
contient les styles utilisés pour les contenus administrables uniquement via la Class Page
ainsi que les contenus générés par les méthodes de la Class Page (Ariane, Popup, par ex.)
et les contenus CMS de la page d'Accueil (donc issus de la BdD table 'pages' et consors)
*/


/*					*/
/*	PAGE d'ACCUEIL 	*/
/*					*/

#acc_intro {
	padding: 0;
	margin: 0 auto;
	/* width: 80vw; */
	text-align: center;
	background-color: rgba(0, 108, 92, 1);
	padding: 4vh 0;
	
}
.acc_intro_txt {
	margin: 3vh 0;
	font-size: calc(14px + 0.4vw);
	line-height: 1.6em;
	line-height: 1.6em;
	color: #fff;
	padding: 3vh 0;
}
.acc_intro_txt b {
	/* font-family: 'montserratbold'; */
	font-weight: normal;
	font-size: 1.2em;
}
#acc_intro img {
	height: 147px;
	margin: 1vh 1vw;
}

/* pages PREMS à l'accueil */
#acc_rap_page_prems {
	margin: 4vh auto;
	padding: 0px 0px 40px;
	background: #F7AA34;
	text-align: center;
	background: #fff url("style/fond_acc_rap_page.png") repeat-x center bottom;
}
.acc_rap_page_a {
	position: relative;
	display: inline-block;
	width: 20vw;
	max-width: 300px;
	/* width: 30%; */
	height: 200px;
	/* height: 48vw; */
	margin: 0px 2vw 0px;
	background: #fff;
	color: #000;
	/*border: 1px solid #f00;*/
}
.acc_rap_page_img {
	width: 100%;
}
.acc_rap_page_libelle { display: none;
	margin: 30px 0px;	
	padding: 0px 0px;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 1.5em;
	font-size: 1.5vw;
	/*font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-weight: bold;*/
	color: #000;
}
.acc_rap_page_chapo { display: none;
	margin: 30px 0px;	
	padding: 0px 20px;
	font-size: 1.2vw;
	color: #888;
	line-height: 2em;
}
.acc_rap_page_resume { display: none;
	margin: 0px;
	padding: 0px 3vw;
	height: 9.9vw;
	overflow: hidden;
	font-family: montserratlight;
	font-size: calc(0.6em + 8px);
}
.acc_rap_page_chapo aside {
	font-size: 1.4em;
}

.acc_rap_page_lire {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block; display: none;
	width: 100%;
	margin: 1.3vw auto;	
	font-size: 1.4vw;
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	/*font-weight: bold;*/
	line-height: 3em;
	background: #fff;
	transition: 0.5s;
}
.acc_rap_page_lire span{
	display: inline-block;
	width: 80%;
	padding: 16px 0px 0px;
	border-top: 1px solid #ccc;
}
.acc_rap_page_a:hover .acc_rap_page_lire{
	/*line-height: 14em;*/
}

/* pages en rappel à l'accueil */
#acc_rap_page { display: none;
	margin: 1vh auto 4vh;
}
.rap_service {
	clear: both;
	padding: 10px 0px 0px;
}
.rap_serv_a_img {
	display: block;
	/* width: 475px; */
	height: 285px; /* 3/5e */
	overflow: hidden;
}
.rap_align_d {
	float: right;
	margin-left: 50px;
}
.rap_align_g {
	float: left;
	margin-right: 50px;
}
.rap_serv_intro {
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
}
.rap_serv_resume {
	margin: 0px 0px 10px;
	font-family: 'montserratlight', sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
}
/* page PREMS et RAPPEL d'accueil pour petits écrans */
@media screen and (max-width: 980px) {
/* page PREMS d'accueil */
	#acc_rap_page_prems {
		margin: 40px 0px;
		padding: 0px 0px 40px;
		background: #F7AA34;
		text-align: center;
		background: none;
	}
	.acc_rap_page_a {
		position: relative;
		display: block;
		width: 80%;
		height: auto;
		margin: 40px auto 40px;
	}
	.acc_rap_page_libelle {
		font-size: 4vw;
	}
	.acc_rap_page_chapo {
		font-size: 3vw;
	}
	.acc_rap_page_resume {
		height: auto;
		overflow: visible;
	}
	.acc_rap_page_chapo aside {
		display: none;
	}
	.acc_rap_page_lire {
		position: static;
		display: block;
		width: 100%;
		margin: 1.3vw auto;	
		font-size: 4vw;
		line-height: 3em;
	}
	.acc_rap_page_lire span{
		width: 80%;
		padding: 16px 0px;
		border-bottom: 1px solid #ccc;
	}
	.acc_rap_page_a:hover .acc_rap_page_lire{
		line-height: 3em;
	}
	
	/* pages en rappel à l'accueil */
	#acc_rap_page {
		margin: 0px 0px 10px;
		text-align: justify;
	}
	.rap_service {
		clear: both;
		padding: 0px 0px 50px;
		margin: 0px 0px 50px;
		border-bottom: 1px solid #ccc;
	}
	.rap_service:last-child {
		border: none;
	}
	.rap_serv_a_img {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	.rap_serv_a_img img {
		display: block;
		width: 100%;
		height: auto;
	}
	.rap_align_d {
		float: none;
		margin-left: 0px;
	}
	.rap_align_g {
		float: none;
		margin-right: 0px;
	}
	.rap_serv_intro {
		font-size: 1.4em;
		padding: 20px 40px 0px;
	}
	.rap_serv_resume {
		font-size: 1.2em;
		margin: 0px 0px 10px;
		padding: 20px 40px 10px;
	}
	#acc_rap_page .lien_2 {
		font-size: 2em;
		margin: 10px 0px 10px;
		padding: 20px 40px 0px;
	}

}


/*					*/
/*	PAGES SERVIVES 	*/
/*					*/

/*	Sommaires Pages */

#nav_sous_serv {
	padding-left: 40px;
	padding-right: 40px;
	/* border-top: 1px solid #ddd; */
}

.rap_page_liste_titre {
	margin: 3vh auto 3vh;
	font-size: 1.5em;
	font-weight: normal;
	/* font-family: "montserratlight", sans-serif; */
	text-align: center;
	color: #006c5c;
}

.rap_page_liste {
	margin: 1vh auto 5vh;
	border-bottom: 1px solid #eee;
	padding: 2vh 0 6vh;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	gap: 3vh 1vw;
}
.rap_page_liste:last-child {
	border-bottom: none;
}

.rap_page {
	background: #f0f6f5;
	background: #fffaf3;
	background: #f9f9f9;
	box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1);
	transition: 0.4s;
	/* item */
	flex: 0 0 250px;
	/* contener */
	display: flex;
	flex-flow: column nowrap;
	align-content: stretch;
}
.rap_page_img {
	overflow: hidden;
}
.rap_page_img img {
	transition: 0.4s;
	filter: brightness(75%);
}
.rap_page_blob {
	padding: 1em;
}
.rap_page_titre {
	margin: 1vh 0 1vh;
	color: #333;
	font-weight: bold;
}
.rap_page_intro {
	margin: 1vh 0 1vh;
	color: #333;
	font-family: 'montserratlight';
	line-height: 1.6em;
}
.rap_page:hover {
	box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2);
	transition: 0.2s;
}
.rap_page:hover .rap_page_img img {
	transition: 0.2s;
	filter: brightness(125%);
}