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


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

.cms_page_titre {
	margin: 2em 0 0em;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 2.7em;
}
.cms_page_intro {
	margin: 1.7em 0 1.7em;
	font-family: Kepler, 'Playfair Display', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	font-size: 1.4em;
	/*font-weight: bold;
	font-style: italic;*/
	line-height: 1.6em;
	color: #0ae;
	color: #258;
}
.cms_page_texte { /* ce style doit permettre la mise en page Page::Og_CMS_affiche() */ 
	font-size: 1.4em;
	line-height: 1.6em;
	color: #333;
}
.cms_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 */
.cms_page_illus { /* v° vite fait, à compléter avec les autres possibilités */
	float: right;
	width: 50%;
	margin: 0 0 1em 2em;
}

.cms_page_lien {
	display: inline-block;
	margin: 2em 0px;
	padding: 0em 2em 0em 0em;
    font-style: italic;
	font-size: 0.9em;
	color: #5c5c59;
	border: 1px solid #242;
	border-radius: 2em;
}
.cms_page_lien span {
	display: inline-block;
	margin: 0px 2em 0px 0px;
	padding: 1em 2em 1em 2em;
	color: #242;
	background: #e0e6e3;
	border-radius: 2em 0 0 2em;
}
.cms_page_lien:hover {
	color: #fff;
	background: linear-gradient(#363, #242);
}



/****************************/
/*   PAGES RECHERCHE        */
/****************************/

.res_page_titre {
	
}
.res_page_descr {
	
}
.res_page_liste {
	
}
.res_article {
	/* bloc */
	margin: 1vh 0;
	padding: 1vh 0;
	/* flex */
	display: flex;
	flex-flow: column wrap;
	align-items: flex-start;
}
.res_art_vign {
	
}
.res_art_nom {
	margin: 1vh 0;
	color: #258;
    font-family: 'montserratregular';
	font-size: 1em;
}
.res_art_descr {
    font-family: 'montserrat_italic';
	font-size: 0.8em;
	line-height: 1.4em;
}
.res_art_bt {
	margin: 1vh 0;
	padding: 0.4em 1.4em;
	border-radius: 2em;
    font-family: 'montserratregular';
	font-size: 0.8em;
	text-align: center;
	background: #ccc;
	color: #fff;
	transition: 0.5s;
}
.res_art_bt:hover {
	background: #0ae;
	background: #258;
}
.res_form {
	margin: 4vh 0;
}
.res_form_entree {
	border: 1px solid #258;
	padding: 5px 1em;
	color: #606366;
}
.res_form_submit {
	background: #258;
	color: #fff;
	padding: 5px 2em;
	border: 1px solid #258;
	transition: 0.5s;
}
.res_form_submit:hover {
	color: #258;
	background: transparent;
}