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

/* commun actu et blog */

.acc_rap_list {
	position: relative;
	margin-bottom: 50px;
	background: url("style/fond-acc_rap_list.png") no-repeat center center; /* ??? voir SHA */
}
.acc_rap_list .titre_8 {
	margin: 2vh auto;
	padding: 4vh 0 2vh;
}


/* ACC : rappel des articles */
.acc_blog_img_cadre {

}
.acc_blog_img {
	display: inline-block;
	margin: 10px 0px 20px;
	padding: 0px;
	width: auto;
	height: 300px;
	max-width: 450px;
	overflow: hidden;
}
.acc_blog_img img {
	height: 300px;
	filter: brightness(80%) contrast(125%);
	transition: 0.5s;
}
.acc_blog_img:hover img {
	filter: brightness(100%) contrast(100%);
	transition: 0.2s;
}

.acc_blog_rap_lien {
	display: inline-block;
	height: 200px;
	max-width: 400px;
	margin: 10px 0px;
	padding: 10px 40px 10px 40px;
	background: transparent;
	transition: 0.4s;
}
.acc_blog_rap_lien:hover{

}
@media screen and (max-width: 955px) {
	.acc_blog_img {
		margin: 0px 0px 0px;
		width: auto;
		height: auto;
	}
	.acc_blog_img img {
		width: 100%;
		height: auto;
	}
	.acc_blog_rap_lien {
		display: block;
		height: auto;
		max-width: initial;
		width: auto;
		padding: 10px 0px;
		background: transparent;
		transition: 0.4s;
	}
}
.acc_blog_txt_glob {
	font-size: 1.0em;
}
.acc_blog_date {
	display: block; display: none;
	color: #999;
	font-size: 0.9em;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 18px;
	background: url("style/trombone.png") no-repeat left center scroll;
}
.acc_blog_txt{
	display: block;
	/*height: 110px;
	overflow: hidden;*/
}
.acc_blog_titre {
	display: block;
	color: #000;
	font-size: 1.4em;
	margin: 0px 0px 0.7ex;
	font-family: 'PlayfairDisplay', 'Abril Fatface', "abril_fatfaceregular", Georgia, "Book Antiqua", Palatino, "Times New Roman", Times, sans-serif;
	/*text-transform: uppercase;*/
}
.acc_blog_intro {
	display: block;
	margin: 0px 0px;
	padding: 0px;
	color: #333;
	font-size: 1.0em;
}
.acc_blog_resum {
	display: block; display: none;
	margin: 6px 0px 8px;
	padding: 0px;
	color: #555;
	font-size: 0.7em;
	font-style: italic;
}
.acc_blog_plus {
	display: block;
	color: #333;
	font-size: 1.9em;
	margin: 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: 1s;
}
.acc_blog_plus::after {
	content: "\02192";
}


/* Articles */
/* issu d'HYG */

.acc_page {
	display: block;
	border-bottom: 1px solid #DDE7F0;
	border-bottom: 1px solid rgb(0, 20, 30, 0.1);
	margin: 0px 0px;
	padding: 40px 20px;
	background: #fff;
	transition: 0.6s;
}
.acc_page:hover {
	transition: 0.1s;
	/* background: #DDE7F0; */
	/* background: rgb(245, 49, 5, 0.1); */
	background: rgb(200, 200, 200, 0.1);
	background: rgb(0, 20, 30, 0.1);
}
.acc_page_img {
	float: right;
	margin: 0px 0px 10px 3%;
	border: 1px solid #999;
	width: 40%;
}
.acc_page_txt {
	width: 57%;
}
.acc_page_titre { /* utilise parfois titre_2_bis à la place */
	margin: 10px 0px 5px;
	padding: 0px 0px 10px 0px;
	font-size: 1.4em;
	line-height: 1.2em;
	font-variant: small-caps;
	color: #004272;
	color: #666;
	/*border-bottom: 1px solid #ccc;*/
	/*text-decoration: underline;*/
}
.acc_page_intro {
	margin: 5px 0px 10px;
	padding: 0px 0px;
	color: #145EA7;
	color: #333;
	font-size: 1.1vw;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	/* 11/02/2021 */
	line-height: 1.4em;
}
.acc_page_descr {
	margin: 10px 0px;
	padding: 0px 0px;
	color: #333;
	font-size: 1vw;
	font-size: 1em;
	font-size: 1.2em;
	line-height: 1.4em;
	/* font-style: italic; */
	/* 11/02/2021 */
	line-height: 1.6em;
}
.acc_page_transfo { /* v. aussi 'bt_transfo' */
	display: inline-block;
	margin: 17px 0px 0px;
	padding: 0.5em 1em;
	font-size: 1.18em;
	font-size: 1em;
	border-radius: 1.2em;
	border-radius: 0.2em;
	border: 1px solid transparent;
	transition: 0.4s;
	background-color: #0515f5;
	background-color: #023;
	color: #fff;
}
.acc_page_transfo:hover {
	border-color: #0515f5;
	border-color: #03c;
	border-color: #023;
	background-color: #fff;
	color: #0515f5;
	color: #03c;
	color: #023;
}
@media screen and (max-width: 1024px) {
	.acc_page_img {
		float: none;
		margin: 0px auto 10px auto;
		border: 1px solid #999;
		width: 100%;
	}
	.acc_page_txt {
		width: auto;
		font-size: 1.4em;
		padding: 4%;
	}
	.acc_page_transfo {
		font-size: 1.6em;
		font-size: 1.4em;
	}
	.acc_page_descr {
		display: none;
	}
}

/****************************/
/*    	   PAGES CMS        */
/****************************/


/* 	Pages Services	*/
/* 
	on gardera ce modèle Og'Up, si besoin de structurer autrement 
	(hors adaptation courleurs/polices) 
	il faudra créer des styles supplémentaires 
*/

#nav_sous_serv { /* nav = ensemble des liens */
	/* actuellement class='basVide' */
	text-align: center;
}

.nav_sous_serv_bloc { /* 1 lien */
	display: inline-block;
	margin: 0% 1% 0% 1%;
	padding: 0% 0% 0% 0%; 
	width: 30%;
	max-height: 300px; 
	height: 295px; 
	overflow-y: hidden;
	position: relative;
}
.nav_sous_serv_bloc:first-child {
	margin: 0% 1% 0% 0%;
}
.nav_sous_serv_titre {
	font-size: 1.4em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background-color: #1d1d1d;
	margin: 15px 0 0;
	padding: 15px;
	height: 35px; 
}
.nav_sous_serv_img {
	margin: 0 0;
	height: 130px;
	height: 160px; 
	transition: 0.4s;
	overflow-y: hidden;
	z-index: 200;
}
.nav_sous_serv_img img{
	width: 100%;
}
.nav_sous_serv_descr {
	margin: 0 0;
	padding: 1em 1em;
	background: #999;
	background: #9c9f9c;
	color: #fff;
	text-align: center;
    font-family: 'PlayfairDisplay', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: italic;
	transition: 0.4s;
	z-index: 300;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
a:hover .nav_sous_serv_descr {
	color: #1d1d1d;
	color: #000;
	background: rgba(240,250,246,0.5);
	transition: 0.4s;
}
a:hover .nav_sous_serv_img {
	height: 160px; 
	height: 220px; 
}

/* textes */
/* tous ne sont pas utilisé ici... */

.txt_page_titre {
	margin: 1em 0 0em;
	line-height: 1.2em;
	/**/
    /* font-family: 'PlayfairDisplay', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; */
	font-size: 3.7em;
    font-weight: bold;
    /* font-style: italic; */
	text-transform: none;
	text-align: center;
	color: #5c595c;
	color: #333;
	font-variant: small-caps;
	text-transform: uppercase;
}
.txt_page_intro {
	margin: 1.7em 0 3.7em;
	/* font-family: 'PlayfairDisplay', 'Abril Fatface', "abril_fatfaceregular", Georgia, "Book Antiqua", Palatino, "Times New Roman", Times, sans-serif; */
	font-size: 1.4em;
	/* font-style: italic; */
    /* font-weight: 900; */
	line-height: 1.6em;
	color: #0ae;
	color: #258;
	color: #555;
	color: #5c595c;
	text-align: center;
}
.txt_page_texte { /* ce style doit permettre la mise en page Page::Og_CMS_affiche() */ 
	font-size: 1.4em;
	line-height: 1.6em;
	color: #333;
}
.txt_page_mention { /* entre texte et commentaires */ 
	font-size: 0.7em;
	line-height: 1.6em;
	color: #333;
}
/* si l'image principale est quelque part dans le corps de texte */
.txt_page_illus { /* v° vite fait, à compléter avec les autres possibilités */
	/* float: right; */
	/* width: 50%; */
	margin: 2em auto;
}

@media screen and (max-width: 1024px) {
	.txt_page_titre {
		margin: 1em;
		font-size: 1.7em;
	}
	.txt_page_texte {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	.txt_page_texte p , .txt_page_texte h2 , .txt_page_texte h3 {
		margin: 0;
		padding: 1em ;
		box-sizing: border-box;
	}
	.txt_page_texte ul {
		margin: 0.5em 2em;
		padding: 0.5em;
		box-sizing: border-box;
	}
	.txt_page_texte li {
		margin: 0.2em;
		padding: 0em;
		box-sizing: border-box;
	}
}