/**
 * @file
 * CKEditor specific CSS.
 */

/*
 * (xs) Extra small <576px : portrait phones
 * (sm) Small >=576px :landscape phones
 * (md) Medium >=768px : tablets
 * (lg) Large >=992px : desktops
 * (xl) X-Large >=1200px : extra-large desktops 
 * (xxl) XX-Large >=1400px : extra-extra-large desktops
 * 
 */

/* Couleurs de la Charte Graphique 2026 :
 * HETRE		#331900		51, 25, 0
 * BOIS			#6c3b15		108, 59, 21
 * CARAMEL		#af6d00		175, 109, 0
 * SOLEIL		#e8a815		232, 168, 21
 * LATTE		#efb874		239, 184, 116
 * AVOINE		#efcf9b		239, 207, 155
 * CREME		#f9ead5		249, 234, 213
 * CIEL			#7186c2		113, 134, 194
 * CIEL CLAIR	#c4d3ee		196, 211, 238
 *  
 */

/* Valeurs numériques font-weight :
 * font-weight: 100	Thin
 * font-weight: 200	ExtraLight
 * font-weight: 300	Light
 * font-weight: 400 Regular	> "font-weight: normal"
 * font-weight: 500	Medium
 * font-weight: 600	SemiBold
 * font-weight: 700	Bold 	> "font-weight: bold"
 * font-weight: 800 ExtraBold
 * font-weight: 900 Black
 *  
 */

/* Google Fonts (Barlow, Barlow Condensed > theatredupeuple2026.libraries.yml */

/* Glyphicons */
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings/glyphicons-halflings-regular.eot'),
		 url('../fonts/glyphicons-halflings/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/glyphicons-halflings/glyphicons-halflings-regular.woff') format('woff'),
		 url('../fonts/glyphicons-halflings/glyphicons-halflings-regular.ttf') format('truetype'),
		 url('../fonts/glyphicons-halflings/glyphicons-halflings-regular.svg#glyphicons-halflings-regular') format('svg');
}

/* General Symbols P02 */
@font-face {
	font-family: 'General Symbols P02';
	src: url('../fonts/generalsymbolsp02/generalsymbolsp02.eot'),
		 url('../fonts/generalsymbolsp02/generalsymbolsp02.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/generalsymbolsp02/generalsymbolsp02.woff') format('woff'),
		 url('../fonts/generalsymbolsp02/generalsymbolsp02.ttf') format('truetype'),
		 url('../fonts/generalsymbolsp02/generalsymbolsp02.svg#generalsymbolsp02') format('svg');
}

/* Elephant */
@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-black.eot');
	font-weight: 900;
	font-style: normal;	
}
@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-black.woff') format('woff'),
		 url('../fonts/elephant/elephant-black.svg#elephant-black') format('svg');
	font-weight: 900;
	font-style: normal;	
}

@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-elephant-black-oblique.eot');
	font-weight: 900;
	font-style: italic;	
}
@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-elephant-black-oblique.woff') format('woff'),
		 url('../fonts/elephant/elephant-elephant-black-oblique.svg#elephant-elephant-black-oblique') format('svg');
	font-weight: 900;
	font-style: italic;	
}

@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-light.eot');
	font-weight: 300;
	font-style: normal;	
}
@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-light.woff') format('woff'),
		 url('../fonts/elephant/elephant-light.svg#elephant-light') format('svg');
	font-weight: 300;
	font-style: normal;	
}

@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-elephant-light-oblique.eot');
	font-weight: 300;
	font-style: italic;	
}
@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-elephant-light-oblique.woff') format('woff'),
		 url('../fonts/elephant/elephant-elephant-light-oblique.svg#elephant-elephant-light-oblique') format('svg');
	font-weight: 300;
	font-style: italic;	
}

@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-medium.eot');
	font-weight: 500;
	font-style: normal;	
}
@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-medium.woff') format('woff'),
		 url('../fonts/elephant/elephant-medium.svg#elephant-medium') format('svg');
	font-weight: 500;
	font-style: normal;	
}

@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-elephant-medium-oblique.eot');
	font-weight: 500;
	font-style: italic;	
}
@font-face {
	font-family: 'Elephant';
	src: url('../fonts/elephant/elephant-elephant-medium-oblique.woff') format('woff'),
		 url('../fonts/elephant/elephant-elephant-medium-oblique.svg#elephant-elephant-medium-oblique') format('svg');
	font-weight: 500;
	font-style: italic;	
}




/* CKEditor */
/* -------- */
.ck-content {
	font-family: 'Barlow', sans-serif;
	font-weight: 500;  
	font-size: 12px;
	color: #331900;
}
@media (min-width: 992px) { /* Large devices (desktops, 992px and up) */
	.ck-content {
		font-size: 13px;
	}
}
.ck-content a {
	color: #331900;
	text-decoration: none;
}
.ck-content a:hover,
.ck-content a:focus {
	color: #331900;
	text-decoration: none;
}
.ck-content a.active {
	color: #331900;
	text-decoration: none;
}

.ck-content figcaption {
	font-size: 11px;
}

.spacer {
	clear: both;
	visibility: hidden;
}


/* Styles CKEditor */
/* --------------- */
p.ckeditor-introduction {
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 12px;
}

p.ckeditor-titre-bloc {
	font-family: 'Elephant', sans-serif;
	font-weight: 700;
	font-size: 43px;
	text-transform: uppercase;
}

p.ckeditor-titre {
	font-family: 'Elephant', sans-serif;
	font-weight: 500;
	font-size: 20px;
}

p.ckeditor-sous-titre {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 14px;
}

p.ckeditor-majuscule {
	text-transform: uppercase;
}

p.ckeditor-accroche {
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 20px;
}

p.ckeditor-encart {
	background-color: #c4d3ee;
	padding: 10px;		
}

p.ckeditor-texte {
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 11px;
}

p.ckeditor-citation {
	font-family: 'Elephant', sans-serif;
	font-weight: 300;
	font-size: 20px;
}

p.ckeditor-signature {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 12px;
}

a.ckeditor-bouton {
	display: inline-block;
	border: 1px solid #7186c2 !important;
	padding: 5px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #7186c2 !important;
	background-color: #ffffff;
}
a.ckeditor-bouton:hover,
a.ckeditor-bouton:focus {
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
	text-decoration: none !important;
	background-color: #7186c2 !important;
}