/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	    	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)
*/

/*	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%);
}