/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	    	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 (sauf Ariane et Popup qui sont liées à l'interface)
et les contenus CMS de la page d'Accueil (donc issus de la BdD table 'pages' et consors)
*/


/*	**********************	*/
/*	Colonnes page ACCUEIL	*/
/*	**********************	*/


.page_intro { /* peut-être à utiliser partout */
	border: 1px solid #ddd;
	background: #ddd;
	box-shadow: 0px 0px 10px 10px #f0f0f0 inset;
	margin: 0px 20px 20px;
	padding: 0px 10px;
	text-align: center;
	font-style: normal;
	font-size: 1.2em;
}
#acc_presentation {
	margin: 10px 0px 20px;
	position: relative;
}

/************************/
/*	Pages Societe (acc)	*/
/************************/
#acc_avant_apres {
	float: right;
	width: 300px;
	margin: 10px 20px 0px 0px;
}
#acc_paiements {
	background-color: #111;
	background: linear-gradient(#191919 0%, #222 10%, #191919 80%, #111 90%, #000 100%);
	display: inline-block;
	margin: 0px 0px 10px;
	padding: 0px 10px 14px;
	width: 170px;
	border: 1px solid #222;
}
#acc_paiements  p{
	margin: 4px 0px;
	line-height: 1.1em;
}

#acc_remboursements {
	background-color: #f50;
	background: linear-gradient(to right, #d00 0%, #f90 100%);
	margin: 10px 0px 20px;
	width: 170px;
	padding: 7px 10px;
	box-shadow: 0px 0px 8px 3px #621 inset;
	border: 1px solid #600;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	line-height: 1.1em;
}

#acc_services {
	float: left;
	margin: 20px 0px 0px;
	padding-left: 15px;
}

#acc_renseignements {
	height: 70px;
	font-size: 18px;
	margin: 0px 0px 50px;
}
#acc_renseignements span{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding-bottom: 30px;
	text-align: center;
}
#acc_renseignements span#acc_rens_txt {
	background: #f00 url("style/fond_acc_rens_txt.jpg") no-repeat center bottom scroll;
	font-style: italic;
	width: 170px;
}
#acc_renseignements span#acc_rens_no{
	background: #c00 url("style/fond_acc_rens_no.jpg") no-repeat center bottom scroll;
	width: 140px;
}
#acc_autres_services {
	background: url("style/fond_acc_autres_services.png") no-repeat right bottom scroll;
	padding: 10px 30px 110px 0px;
	margin: 40px 0px 0px;
	font-size: 14px;
}

/* pages services */

#engagements {
	margin: 40px 0px 0px;
	padding-left: 15px;
}


/************************/
/*			Pages		*/
/************************/

/* 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;
	margin: 0px 0px;
	padding: 40px 20px;
	background: #fff;
	transition: 0.6s;
}
.acc_page:hover {
	transition: 0.1s;
	background: #DDE7F0;
}
.acc_page_img {
	float: right;
	margin: 0px 0px 10px 3%;
	border: 1px solid #999;
	width: 40%;
}
.acc_page_txt {
	width: 57%;
}
.acc_page_titre { /* utiliser titre_2_bis à la place */
	margin: 10px 0px 5px;
	padding: 0px 0px 10px 0px;
	color: #000;
	font-size: 1.8vw;
	font-size: 1.6em;
	line-height: 1.2em;
	/*border-bottom: 1px solid #ccc;*/
	/*text-decoration: underline;*/
}
.acc_page_intro {
	margin: 5px 0px 10px;
	padding: 0px 0px;
	color: #333;
	color: #0C5066;
	color: #0C7088;
	font-size: 1.1vw;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3em;
}
.acc_page_descr {
	margin: 10px 0px;
	padding: 0px 0px;
	color: #0C7088;
	font-size: 1vw;
	font-size: 1em;
	font-size: 1.2em;
	line-height: 1.4em;
}
.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: 2px solid transparent;
	transition: 0.4s;
	background-color: #FF9374;
	color: #fff;
}
.acc_page_transfo:hover {
	border-color: #FF9374;
	background-color: #fff;
	color: #FF9374;
}
@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;
	}
}


/* pages d'accueil (modules admin) */
.rap_service {
	clear: both;
	padding: 10px 0px 70px;
}
.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_voir_all { /* utilisé page d'accueil mais commenté */
	color: #7cc576;
	text-decoration: none;
	font-family: 'montserratregular', "Montserrat", sans-serif;
	text-transform: uppercase;
	padding-left: 0px;
	transition: 0.4s;
}
.rap_voir_all:hover {
	padding-left: 20px;
	color: #393;
}
.rap_voir_all span {
	font-size: 1.4em;
}
#acc_ban_devis {
	margin: 40px 0px 0px;
	padding: 25px 0px 25px;
	height: 200px;
	width: 100%;
	background: url("style/fond_ban_devis.png") no-repeat center center scroll;
	background-size: 100% 100%;
	text-align: center;
}
#acc_ban_devis p{
	margin: 0px 0px 0px;
	padding: 30px 0px 30px;
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-size: 2.2em;
	text-transform: uppercase;
	color: #fff;
}

.bandeau_diap_acc {
	/*border-bottom: 4px solid #fa0; 
	background-color: #fa0; 
	background: linear-gradient(#fa0 0%, #f90 50%, #fa0 100%);
	height:354px;*/
}

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


.cms_page_titre {
	margin: 1em 0 0em;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 2.7em;
	/**/
    font-family: 'PlayfairDisplay', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	font-size: 3.7em;
    font-weight: normal;
    font-style: italic;
	text-transform: none;
	text-align: center;
	color: #5c595c;
	color: #333;
}
.cms_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;
}
.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);
}

/* FAQ */
dl {

}
dt {
	margin: 20px 0px 10px;
	padding: 0px 0px 0px 20px;
	line-height: 1.4em;
	font-size: 1.2em;
	color: #555;
	font-weight: bold;
	cursor: pointer;
	background: url("style/fleche_1.png") no-repeat left 0.3em scroll;
}
dd {
	margin: 0px 0px 40px;
	padding: 0px 0px 0px 20px;
	font-family: 'latoregular', sans-serif;
	font-size: 1em;
	color: #606060;
	line-height: 1.7em;
	text-align: justify;
}