:root {
--cg_orange: #f3954a;
--cg_bleu_clair: #37b2c2;
--cg_bleu_fonce: #00667c;
--cg_vert_eau: #44af96;
--cg_gris_clair: #d4c7be;
--cg_taupe: #d3c6bd;
--cg_gris_fonce: #5c5751;
--cg_blanc: #FFF;
	
--cg_fs_1: 3.4em;
--cg_fs_2: 2.6em;
--cg_fs_3: 2em;
--cg_fs_4: 1.4em;
}


.cg_orange {color:var(--cg_orange);}
.cg_bleu_clair {color:var(--cg_bleu_clair);}
.cg_bleu_fonce {color:var(--cg_bleu_fonce);}
.cg_vert_eau {color:var(--cg_vert_eau);}
.cg_gris_clair {color:var(--cg_gris_clair);}
.cg_taupe {color:var(--cg_taupe);}
.cg_gris_fonce {color:var(--cg_gris_fonce);}

/********** STYLE TINYMCE *********/
h1.bloc_titre, p.bloc_titre {
	margin:10px 0 20px 0;
	padding:0;
	/*font-size:2.4em;*/
	font-size:var(--cg_fs_1);
	font-weight: bold;
	line-height:1.1em;
	text-align:center;
}
h2.bloc_sstitreh2, p.bloc_sstitreh2 {
	margin-bottom:15px;
	padding:0;
	font-size:var(--cg_fs_2);
	font-weight: normal;
	line-height:1.1em;
}
h2.bloc_sstitre, p.bloc_sstitre {
	margin:15px 0;
	padding:0;
	font-size:var(--cg_fs_3);
	font-weight: normal;
	line-height:1.1em;
}

h3.bloc_sstitreh3, p.bloc_sstitreh3 {
	margin:5px 0 10px 0;
	padding:0;
	font-size:var(--cg_fs_4);
	font-weight:normal;
	line-height:1em;
}

.text_taille_0 {
	font-size:var(--cg_fs_1);line-height:1.1em;
}
.text_taille_1 {
	font-size:var(--cg_fs_2);line-height:1.1em;
}
.text_taille_2 {
	font-size:var(--cg_fs_3);line-height: 1em;
}
.text_taille_3 {
	font-size:var(--cg_fs_4);line-height: 1em;
}
.text_uppercase {
	text-transform: uppercase;
}


.btn_lien {border-radius:50px;padding:14px 20px;/* test pour gérer les liens sur 2 lignes : */display:inline-table;}
a .btn_lien, .article_texte a .btn_lien, .btn_lien a, .article_texte .btn_lien a {height:100%;color:inherit;cursor:pointer;transition: background 0.5s; text-decoration: none;}

.btn_lien_transparent {color:#000 !important;border:1px solid #000; transition: background 0.5s;}
.btn_lien_verteau {color:#FFF !important;border:1px solid var(--cg_vert_eau);background: var(--cg_vert_eau) !important;transition: background 0.5s;}
.btn_lien_orange {color:#FFF !important;border:1px solid var(--cg_orange);;background: var(--cg_orange) !important;transition: background 0.5s;}


.btn_lien:hover {background:#000 !important;border:1px solid #000;color:#FFF !important; text-decoration:none;transition: background 0.5s;}


/* BTN NOUS REJOINDRE */
.btn_lien_rejoindre {border:1px solid #ec9102;border-radius:10px;padding: 10px 15px 10px 40px;/* test pour gérer les liens sur 2 lignes : */display:inline-table; color:#FFF;background: url(../img/public/btn_rejoindre.png) 10px center no-repeat,linear-gradient(#ff9c00,#ff7800);}

a .btn_lien_rejoindre, .article_texte a .btn_lien_rejoindre, .btn_lien_rejoindre a, .article_texte .btn_lien_rejoindre a {height:100%;color:inherit;cursor:pointer;transition: background 0.5s; text-decoration: none;}

.btn_lien_rejoindre:hover {background: url(../img/public/btn_rejoindre.png) 10px center no-repeat,linear-gradient(#00677b,#0092ae);border:1px solid #005c6e;color:#FFF !important; text-decoration:none;transition: background 0.5s;}
/* CITATION */

.citation_block {position:relative; margin:20px auto;display:table; padding:70px 10%;}

.citation_block:before, .citation_block:after {
	content:'';
	position: absolute;
    width: 85px;
	height:66px;
	display:table;
}
.citation_block:before {
	top:0;
	left:0;
}
.citation_block:after {
	right:0;
	bottom:0;
}

.citation_blanc:before, .citation_blanc:after { background:url("../img/public/citation_picto_blanc.png") center no-repeat;}
.citation_noir:before, .citation_noir:after { background:url("../img/public/citation_picto_noir.png") center no-repeat;}
.citation_vert:before, .citation_vert:after { background:url("../img/public/citation_picto_vert.png") center no-repeat;}

/* BLOC LIRE AUSSI */
.lireaussi_block {position:relative; margin:0 auto;padding:5px 10px; border-left:2px solid var(--cg_vert_eau);}
.lireaussi_block a:before {
    position:absolute;
	left:12px;
	top:5px;
    font-size: inherit;
    content: "•";
	color:var(--cg_vert_eau);
	font-size:0.6em;
}
.lireaussi_block a {display:table;padding:0 0 0 20px;color:#000 !important; text-decoration: none; font-size:1em; font-weight:bold;}
.lireaussi_block a:hover {color:var(--cg_vert_eau) !important; text-decoration:none !important;}

.article_texte a, .article_frise_item a {color:var(--cg_vert_eau); text-decoration:none;}
.article_texte a:hover, .article_frise_item a:hover {text-decoration:underline; text-decoration-color:inherit;}



/******* POLICE ECRITURE *******/

.article_texte, .article_doc, .article_video, .article_galerie {font-family: 'Lato', sans-serif; font-size:1em; color:#37383a;}

h1.bloc_titre, h2.bloc_sstitreh2, h3.bloc_sstitreh3 {font-family: 'Lato', sans-serif;}

@media screen and (max-width : 959px) {
	:root {	
	--cg_fs_1: 2.6em;
	--cg_fs_2: 2.2em;
	--cg_fs_3: 2em;
	--cg_fs_4: 1.6em;
	}
}

@media screen and (max-width : 800px) {
	.btn_lien {font-size:0.8em;}
	.citation_block:before, .citation_block:after {background-size:50px;}
	
	
}
@media screen and (max-width : 700px) {
	:root {	
	--cg_fs_1: 1.8em;
	--cg_fs_2: 1.6em;
	--cg_fs_3: 1.3em;
	--cg_fs_4: 1.1em;
	}
}
@media screen and (max-width : 500px) {
	
	.citation_block:before, .citation_block:after {background-size:35px;}
	
	/*
	h1.bloc_titre {font-size:1.6em;}
	h2.bloc_sstitreh2 {font-size:1.5em;}
	h3.bloc_sstitreh3 {font-size:1.4em;}
	.text_taille_0 {font-size:1.6em;}
	.text_taille_1 {font-size:1.5em;}
	.text_taille_2 {font-size:1.4em;}
	*/
	
	
	
}