/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	    	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, 119, 85, 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_une {
	position: relative;
	z-index: 10;
	width: 80vw;
	margin: -28vw auto 10vw;
	padding: 1vh 0;
	gap: 1vw;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	justify-content: space-evenly;
	
	position: absolute;
	top: 200px;
	margin: 0 auto 0;
	
	position: relative;
	top: 0px;
	margin: calc(7vw + 300px) auto calc(10vw);
}
#acc_une > div {
	flex: 0 0 300px;
	flex: 0 0 20vw;
}
#acc_une div#acc_une_logo {
	flex: 0 0 calc(500px + 2vw); /* cf padding des liens */
	flex: 0 0 calc(240px + 14vw); /* cf padding des liens */
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	justify-content: space-evenly;
	gap: calc(20px + 0.5vw);
}
#acc_une a {
	background: #fff;
}

#acc_process {
	z-index: 1;
	position: relative;
	background-color: #fff;
	padding-top: calc(12px + 2vh); /* hauteur de Titre 1 */
}

/*
#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 {
	width: 200px;
	/* width: 30%; */
	height: 200px;
	/* height: 48vw; */
	background: #fff;
	color: #000;
	/*border: 1px solid #f00;*/
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	transition: 0.4s;
	
	display: flex;
	flex-flow: column;
	justify-content: center;
	justify-content: space-between;
	padding: 1vw;
	width: calc(100px + 5vw);
	height: calc(120px + 7vw);
	align-items: center;
}
.acc_rap_page_a:hover {
	box-shadow: none;
}
.acc_rap_page_img {
	/* width: 100%; */
	/* width: 90%; */
	/* max-height: 100%; */
	flex: 1 0 auto;
	width: 90%;
	display: flex;
	justify-content: center;
	flex-flow: column;
}
.acc_rap_page_img img{
	width: 100%;
	max-height: 100%;
	flex: 0 0 auto;
}
.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 {
	display: inline-block;
	color: #F7AA34;
	font-family: open_sansbold, sans-serif;
	font-size: calc(1em + 0.2vw);
	font-variant: small-caps;
	/* margin: 1vh 0px 1vh 0em; */
	padding: 0px 1ex 0px 3em;
	line-height: 1.6em;
	background: url("../style/fleche_1.png") no-repeat 1em center scroll;
	background-size: 6px;
	transition: 0.4s;
	border: 1px solid #F7AA34;
	border-radius: 1em;
	transition: 0.5s;
	flex: 0 0 auto;
}
.acc_rap_page_a:hover .acc_rap_page_lire {
	/*line-height: 14em;*/
}
.acc_rap_page_a:hover .acc_rap_page_lire {
	color: #c70;
	background: url("../style/fleche_1.png") no-repeat 1.8em center scroll;
}

/* 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: #007755;
}

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