:root {
--cg_rouge: #e20816;
--cg_bleu_clair: #00a6ff;
--cg_bleu_fonce: #003e60;
--cg_gris_clair: #d4c7be;
	
--cg_fs_1: 2.2em;
--cg_fs_2: 1.6em;
--cg_fs_3: 1.4em;
--cg_fs_4: 1.2em;
	
--lineheight_fs_1: 1.6em;
--lineheight_fs_2: 1.4em;
--lineheight_fs_3: 1.4em;

--cg_timeline_h: #00a6ff;
}


.cg_rouge {color:var(--cg_rouge);}
.cg_bleu_clair {color:var(--cg_bleu_clair);}
.cg_bleu_fonce {color:var(--cg_bleu_fonce);}
.cg_gris_clair {color:var(--cg_gris_clair);}

/********** STYLE TINYMCE *********/
h1.bloc_titre, p.bloc_titre {
	margin:5px 0 10px 0;
	padding:0;
	/*font-size:2.4em;*/
	font-size:var(--cg_fs_1);
	font-weight: bold;
	line-height:var(--lineheight_fs_1);
}
h2.bloc_sstitreh2, p.bloc_sstitreh2 {
	margin-bottom:10px;
	padding:0;
	font-size:var(--cg_fs_2);
	font-weight: bold;
	line-height:var(--lineheight_fs_2);
}
h2.bloc_sstitre, p.bloc_sstitre {
	margin:10px 0;
	padding:0;
	font-size:var(--cg_fs_3);
	font-weight: bold;
	line-height:var(--lineheight_fs_3);
}

h3.bloc_sstitreh3, p.bloc_sstitreh3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:var(--cg_fs_4);
	font-weight:normal;
}

.text_taille_0 {
	font-size:var(--cg_fs_1);
}
.text_taille_1 {
	font-size:var(--cg_fs_2);
}
.text_taille_2 {
	font-size:var(--cg_fs_3);
}
.text_taille_3 {
	font-size:var(--cg_fs_4);
}
.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_bleu_clair {color:#FFF !important;border:1px solid var(--cg_bleu_clair);background: var(--cg_bleu_clair) !important;transition: background 0.5s;}
.btn_lien_bleu_fonce {color:#FFF !important;border:1px solid var(--cg_bleu_fonce);;background: var(--cg_bleu_fonce); !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;}

.mce-content-body p {margin:3px 0;padding:0;}

/******* POLICE ECRITURE *******/

.mce-content-body, .article_texte, .article_doc, .article_video, .article_galerie {font-family: 'Roboto', sans-serif; font-size:1em; color:#333333;}

h1.bloc_titre, h2.bloc_sstitreh2, h3.bloc_sstitreh3 {font-family: 'Roboto', sans-serif;}

@media screen and (max-width : 800px) {
	.btn_lien {font-size:0.8em;}
}
@media screen and (max-width : 500px) {
	
	/*
	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;}
	*/
	
	:root {	
	--cg_fs_1: 1.6em;
	--cg_fs_2: 1.4em;
	--cg_fs_3: 1.2em;
	--cg_fs_4: 1.1em;
		
	--lineheight_fs_1: 1.2em;
	--lineheight_fs_2: 1.2em;
	--lineheight_fs_3: 1em;
	}
	
}