/* =========================================================
   ÉDITEUR WYSIWYG TINYMCE
   Proposer une ressource + Modifier une ressource
   ========================================================= */


/* ---------------------------------------------------------
   CONTENEUR GLOBAL
   --------------------------------------------------------- */

.ccmod-formulaire #wp-ccmod_contenu-wrap,
.ccmod-formulaire .wp-editor-wrap,
.cc-formulaire-ressource #wp-cc_contenu-wrap,
.cc-formulaire-ressource .wp-editor-wrap {
	margin-top: 8px !important;
	border-radius: 8px !important;
}


/* ---------------------------------------------------------
   CONTENEUR DE L'ÉDITEUR
   --------------------------------------------------------- */

.ccmod-formulaire #wp-ccmod_contenu-editor-container,
.ccmod-formulaire .wp-editor-container,
.cc-formulaire-ressource #wp-cc_contenu-editor-container,
.cc-formulaire-ressource .wp-editor-container {
	border: 1px solid rgba(40,84,115,0.35) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	background: #ffffff !important;
}


/* ---------------------------------------------------------
   BARRE D'OUTILS
   --------------------------------------------------------- */

.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-toolbar-grp,
.ccmod-formulaire #wp-ccmod_contenu-wrap .quicktags-toolbar,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-panel,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-toolbar-grp,
.cc-formulaire-ressource #wp-cc_contenu-wrap .quicktags-toolbar,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-panel {
	background: #f4f7f9 !important;
	border-color: rgba(40,84,115,0.18) !important;
	box-shadow: none !important;
}


/* ---------------------------------------------------------
   CONTENEURS DES BOUTONS TINYMCE
   --------------------------------------------------------- */

.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn {
	background: #ffffff !important;
	border: 1px solid rgba(40,84,115,0.18) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	margin: 2px !important;
}


/* ---------------------------------------------------------
   BOUTONS TINYMCE
   Neutralise les styles globaux Astra / Elementor
   --------------------------------------------------------- */

.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn button,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-listbox button,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-open button,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-menubtn button,

.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn button,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-listbox button,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-open button,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-menubtn button {
	appearance: none !important;
	-webkit-appearance: none !important;

	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	border: none !important;
	border-radius: 0 !important;

	box-shadow: none !important;

	color: #285473 !important;

	padding: 4px 6px !important;
	margin: 0 !important;

	min-width: 0 !important;
	min-height: 0 !important;

	height: auto !important;
	width: auto !important;

	line-height: 1.2 !important;

	font-size: 14px !important;
	font-weight: 600 !important;

	text-shadow: none !important;
}


/* ---------------------------------------------------------
   ICÔNES / TEXTES / FLÈCHES
   --------------------------------------------------------- */

.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-ico,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-txt,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-caret,

.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-ico,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-txt,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-caret {
	color: #285473 !important;
	text-shadow: none !important;
}


/* ---------------------------------------------------------
   BOUTON ACTIF / SURVOL
   --------------------------------------------------------- */

.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn:hover,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn.mce-active,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn.mce-active:hover,

.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn:hover,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn.mce-active,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn.mce-active:hover {
	background: #285473 !important;
	border-color: #285473 !important;
}


.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn:hover button,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn.mce-active button,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn:hover .mce-ico,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn.mce-active .mce-ico,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn:hover .mce-txt,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn.mce-active .mce-txt,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn:hover .mce-caret,
.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-btn.mce-active .mce-caret,

.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn:hover button,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn.mce-active button,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn:hover .mce-ico,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn.mce-active .mce-ico,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn:hover .mce-txt,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn.mce-active .mce-txt,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn:hover .mce-caret,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-btn.mce-active .mce-caret {
	color: #ffffff !important;
}


/* ---------------------------------------------------------
   ZONE DE SAISIE
   --------------------------------------------------------- */

.ccmod-formulaire #wp-ccmod_contenu-wrap .mce-edit-area,
.cc-formulaire-ressource #wp-cc_contenu-wrap .mce-edit-area {
	background: #ffffff !important;
}


.ccmod-formulaire #wp-ccmod_contenu-wrap iframe,
.cc-formulaire-ressource #wp-cc_contenu-wrap iframe {
	background: #ffffff !important;
}


/* ---------------------------------------------------------
   VERSION TEXTE / FALLBACK
   --------------------------------------------------------- */

.ccmod-formulaire #ccmod_contenu,
.cc-formulaire-ressource #cc_contenu {
	border: none !important;
	border-radius: 0 !important;

	min-height: 180px !important;

	font-size: 15px !important;
	line-height: 1.6 !important;

	background: #ffffff !important;
}

/* =========================================================
   RESSOURCES — ACCÈS PAR DISPOSITIF
   Proposition + modification
   ========================================================= */


/* ---------------------------------------------------------
   Encadré principal
   --------------------------------------------------------- */

.cc-formulaire-ressource .cc-section-acces-ressource,
.ccmod-formulaire .ccmod-section-acces-ressource {
    box-sizing: border-box;

    width: 100%;
    max-width: 440px;

    margin: 28px 0 24px auto;
    padding: 20px 22px;

    background: #f4f9fc;

    border: 1px solid rgba(40, 84, 115, 0.16);
    border-left: 5px solid #285473;
    border-radius: 12px;

    box-shadow:
        0 4px 14px rgba(40, 84, 115, 0.06);
}


/* ---------------------------------------------------------
   Titre
   --------------------------------------------------------- */

.cc-formulaire-ressource .cc-section-acces-ressource h3,
.ccmod-formulaire .ccmod-section-acces-ressource h3 {
    display: flex;
    align-items: center;
    gap: 9px;

    margin: 0 0 16px;

    color: #285473;

    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
}

.cc-formulaire-ressource .cc-section-acces-ressource h3 i,
.ccmod-formulaire .ccmod-section-acces-ressource h3 i {
    color: #285473;
    font-size: 15px;
}


/* ---------------------------------------------------------
   Choix du mode d'accès
   --------------------------------------------------------- */

.cc-formulaire-ressource .cc-acces-choix,
.ccmod-formulaire .ccmod-acces-choix {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cc-formulaire-ressource .cc-acces-option,
.ccmod-formulaire .ccmod-acces-option {
    display: flex;
    align-items: center;
    gap: 10px;

    width: 100%;

    margin: 0;
    padding: 10px 12px;

    background: #ffffff;

    border: 1px solid rgba(40, 84, 115, 0.15);
    border-radius: 8px;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.cc-formulaire-ressource .cc-acces-option:hover,
.ccmod-formulaire .ccmod-acces-option:hover {
    background: #f8fbfc;
    border-color: rgba(40, 84, 115, 0.32);
}

.cc-formulaire-ressource .cc-acces-option:has(input:checked),
.ccmod-formulaire .ccmod-acces-option:has(input:checked) {
    background: #eef5f7;
    border-color: #285473;

    box-shadow:
        0 0 0 1px rgba(40, 84, 115, 0.06);
}

.cc-formulaire-ressource .cc-acces-option input[type="radio"],
.ccmod-formulaire .ccmod-acces-option input[type="radio"] {
    flex: 0 0 auto;

    width: 16px;
    height: 16px;

    margin: 0;
}

.cc-formulaire-ressource .cc-acces-option span,
.ccmod-formulaire .ccmod-acces-option span {
    color: #285473;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}


/* ---------------------------------------------------------
   Dispositifs autorisés
   --------------------------------------------------------- */

.cc-formulaire-ressource .cc-dispositifs-autorises,
.ccmod-formulaire .ccmod-dispositifs-autorises {
    margin-top: 16px;
    padding-top: 15px;

    border-top: 1px solid rgba(40, 84, 115, 0.14);
}

.cc-formulaire-ressource .cc-dispositifs-autorises[hidden],
.ccmod-formulaire .ccmod-dispositifs-autorises[hidden] {
    display: none !important;
}

.cc-formulaire-ressource .cc-dispositifs-autorises-titre,
.ccmod-formulaire .ccmod-dispositifs-autorises-titre {
    margin-bottom: 10px;

    color: #285473;

    font-size: 14px;
    font-weight: 800;
}


/* ---------------------------------------------------------
   Cases des dispositifs
   --------------------------------------------------------- */

.cc-formulaire-ressource .cc-dispositifs-liste,
.ccmod-formulaire .ccmod-dispositifs-liste {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.cc-formulaire-ressource .cc-case-dispositif,
.ccmod-formulaire .ccmod-case-dispositif {
    display: flex;
    align-items: center;
    gap: 9px;

    margin: 0;

    color: #285473;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}

.cc-formulaire-ressource .cc-case-dispositif input[type="checkbox"],
.ccmod-formulaire .ccmod-case-dispositif input[type="checkbox"] {
    flex: 0 0 auto;

    width: 16px;
    height: 16px;

    margin: 0;
}


/* ---------------------------------------------------------
   Texte d'aide
   --------------------------------------------------------- */

.cc-formulaire-ressource .cc-acces-aide,
.ccmod-formulaire .ccmod-acces-aide {
    margin: 14px 0 0;

    color: #6f6f6f;

    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .cc-formulaire-ressource .cc-section-acces-ressource,
    .ccmod-formulaire .ccmod-section-acces-ressource {
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        padding: 18px;
    }

}


/* =========================================================
   RESSOURCERIE - UPLOADS DRAG & DROP
   ========================================================= */


/* ---------------------------------------------------------
   BLOC
   --------------------------------------------------------- */

.cc-upload-bloc {
	margin: 26px 0;
}


.cc-upload-label {
	display: block;

	margin-bottom: 9px;

	font-weight: 700;
	color: #285473;
}


/* ---------------------------------------------------------
   ZONE DE DÉPÔT
   --------------------------------------------------------- */

.cc-dropzone {
	position: relative;

	width: 100%;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 24px;

	border: 2px dashed #aac1d1;
	border-radius: 13px;

	background: #f7fafc;

	cursor: pointer;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}


.cc-dropzone-fichier {
	min-height: 160px;
}


.cc-dropzone-image {
	min-height: 190px;
}


.cc-dropzone:hover,
.cc-dropzone:focus-visible {
	border-color: #285473;

	background: #f1f6f9;

	box-shadow:
		0 0 0 3px rgba(40, 84, 115, 0.08);

	outline: none;
}


.cc-dropzone.cc-dropzone-survol {
	border-color: #285473;
	border-style: solid;

	background: #edf5f9;

	box-shadow:
		0 0 0 4px rgba(40, 84, 115, 0.10);
}


/* ---------------------------------------------------------
   IMPORTANT : GESTION DE HIDDEN
   --------------------------------------------------------- */

.cc-dropzone-vide[hidden],
.cc-upload-selection[hidden],
.cc-upload-erreur[hidden] {
	display: none !important;
}


/* ---------------------------------------------------------
   INPUT RÉEL
   --------------------------------------------------------- */

.cc-upload-input {
	position: absolute !important;

	width: 1px !important;
	height: 1px !important;

	margin: -1px !important;
	padding: 0 !important;

	overflow: hidden !important;

	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;

	white-space: nowrap !important;

	border: 0 !important;
}


/* ---------------------------------------------------------
   ÉTAT VIDE
   --------------------------------------------------------- */

.cc-dropzone-vide {
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	gap: 5px;

	text-align: center;
}


.cc-dropzone-vide > i {
	margin-bottom: 5px;

	font-size: 31px;
	line-height: 1;

	color: #285473;
}


.cc-dropzone-vide strong {
	font-size: 16px;
	font-weight: 700;

	color: #285473;
}


.cc-dropzone-vide span {
	font-size: 14px;

	color: #596975;
}


.cc-dropzone-vide small {
	margin-top: 5px;

	font-size: 13px;

	color: #76838c;
}


/* ---------------------------------------------------------
   ÉTAT AVEC FICHIER
   --------------------------------------------------------- */

.cc-upload-selection {
	width: 100%;

	box-sizing: border-box;
}


.cc-fichier-selectionne {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;

	padding: 17px 18px;

	border: 1px solid #d3dfe7;
	border-radius: 10px;

	background: #ffffff;

	box-shadow:
		0 2px 7px rgba(40, 84, 115, 0.05);
}


.cc-upload-fichier-infos {
	display: flex;
	align-items: center;

	gap: 13px;

	min-width: 0;
}


.cc-upload-fichier-infos > i {
	flex: 0 0 auto;

	font-size: 27px;

	color: #285473;
}


/* ---------------------------------------------------------
   MÉTADONNÉES FICHIER / IMAGE
   --------------------------------------------------------- */

.cc-upload-meta {
	display: flex;
	flex-direction: column;

	gap: 3px;

	min-width: 0;
}


.cc-upload-nom {
	display: block;

	overflow: hidden;

	font-size: 15px;
	font-weight: 700;

	color: #285473;

	text-overflow: ellipsis;
	white-space: nowrap;
}


.cc-upload-taille {
	display: block;

	font-size: 13px;

	color: #77848d;
}


/* ---------------------------------------------------------
   IMAGE
   --------------------------------------------------------- */

.cc-image-selectionnee {
	max-width: 760px;

	margin: 0 auto;
}


.cc-image-apercu-wrap {
	display: flex;
	align-items: center;
	justify-content: center;

	overflow: hidden;

	min-height: 200px;
	max-height: 420px;

	padding: 10px;

	border-radius: 8px;

	background: #ffffff;
}


.cc-image-apercu {
	display: block;

	max-width: 100%;
	max-height: 400px;

	width: auto;
	height: auto;

	object-fit: contain;
}


.cc-image-selectionnee-bas {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;

	margin-top: 12px;
}


/* ---------------------------------------------------------
   BOUTON SUPPRIMER
   Neutralise également les styles globaux Astra / Elementor
   --------------------------------------------------------- */

.cc-dropzone button.cc-upload-supprimer {
	appearance: none !important;
	-webkit-appearance: none !important;

	flex: 0 0 auto !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;

	gap: 7px !important;

	margin: 0 !important;
	padding: 8px 12px !important;

	border: 1px solid #d9a7a7 !important;
	border-radius: 7px !important;

	background: #ffffff !important;
	background-image: none !important;

	box-shadow: none !important;

	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;

	color: #9d3535 !important;

	text-decoration: none !important;
	text-transform: none !important;

	cursor: pointer !important;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease !important;
}


.cc-dropzone button.cc-upload-supprimer:hover,
.cc-dropzone button.cc-upload-supprimer:focus-visible {
	border-color: #a52d2d !important;

	background: #fff4f4 !important;

	color: #8c2020 !important;

	box-shadow: none !important;

	outline: none !important;
}


.cc-dropzone button.cc-upload-supprimer i {
	margin: 0 !important;

	font-size: 13px !important;

	color: inherit !important;
}


/* ---------------------------------------------------------
   ERREURS
   --------------------------------------------------------- */

.cc-upload-erreur {
	margin-top: 8px;
	padding: 9px 12px;

	border-left: 3px solid #b83b3b;
	border-radius: 5px;

	background: #fff5f5;

	font-size: 13px;

	color: #8d2e2e;
}


/* ---------------------------------------------------------
   AIDE IMAGE
   --------------------------------------------------------- */

.cc-aide-image-ressource {
	display: block;

	margin-top: 9px;

	line-height: 1.55;

	color: #6f7c85;
}


.cc-aide-image-ressource strong {
	color: #536571;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

	.cc-dropzone {
		padding: 18px;
	}


	.cc-dropzone-fichier {
		min-height: 140px;
	}


	.cc-fichier-selectionne {
		flex-direction: column;
		align-items: stretch;
	}


	.cc-image-selectionnee-bas {
		flex-direction: column;
		align-items: stretch;
	}


	.cc-dropzone button.cc-upload-supprimer {
		width: 100% !important;
	}


	.cc-image-apercu-wrap {
		min-height: 150px;
	}

}

/* =========================================================
   PRÉSENTATION - DOCUMENTS COMPLÉMENTAIRES
   ========================================================= */

/* ---------------------------------------------------------
   ZONE DE DÉPÔT
   --------------------------------------------------------- */

.cc-presentation-dropzone {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	gap: 15px;

	width: 100%;
	min-height: 118px;

	box-sizing: border-box;

	margin-top: 10px;
	padding: 20px 24px;

	background: #f7fafc;

	border: 2px dashed #aac1d1;
	border-radius: 11px;

	color: #285473;

	cursor: pointer;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}


/* ---------------------------------------------------------
   HOVER / FOCUS / DROP
   --------------------------------------------------------- */

.cc-presentation-dropzone:hover,
.cc-presentation-dropzone:focus-visible,
.cc-presentation-dropzone.cc-presentation-drag-survol {
	background: #eef5f8;

	border-color: #285473;

	box-shadow:
		0 0 0 3px rgba(40, 84, 115, 0.08);

	outline: none;
}


.cc-presentation-dropzone.cc-presentation-drag-survol {
	border-style: solid;

	transform: translateY(-1px);
}


/* ---------------------------------------------------------
   ICÔNE
   --------------------------------------------------------- */

.cc-presentation-dropzone > i {
	flex: 0 0 auto;

	font-size: 30px;
	line-height: 1;

	color: #285473;
}


/* ---------------------------------------------------------
   TEXTES
   --------------------------------------------------------- */

.cc-presentation-dropzone-texte {
	display: flex;
	flex-direction: column;

	gap: 4px;

	min-width: 0;
}


.cc-presentation-dropzone-texte strong {
	color: #285473;

	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}


.cc-presentation-dropzone-texte span {
	color: #536571;

	font-size: 14px;
	line-height: 1.4;
}


.cc-presentation-dropzone-texte small {
	color: #78858d;

	font-size: 12px;
	line-height: 1.4;
}


/* ---------------------------------------------------------
   INPUT NATIF CACHÉ
   --------------------------------------------------------- */

.cc-presentation-input {
	position: absolute !important;

	width: 1px !important;
	height: 1px !important;

	margin: -1px !important;
	padding: 0 !important;

	overflow: hidden !important;

	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;

	white-space: nowrap !important;

	border: 0 !important;
}


/* ---------------------------------------------------------
   UPLOAD EN COURS
   --------------------------------------------------------- */

.cc-presentation-dropzone.cc-presentation-upload-en-cours {
	opacity: 0.58;

	pointer-events: none;

	cursor: progress;
}


/* ---------------------------------------------------------
   ERREUR
   --------------------------------------------------------- */

.cc-presentation-upload-erreur {
	margin-top: 8px;
	padding: 9px 12px;

	background: #fff5f5;

	border-left: 3px solid #b83b3b;
	border-radius: 5px;

	color: #8d2e2e;

	font-size: 13px;
	line-height: 1.4;
}


.cc-presentation-upload-erreur[hidden] {
	display: none !important;
}


/* ---------------------------------------------------------
   AIDE POUR LES IMAGES
   --------------------------------------------------------- */

.cc-presentation-aide-image {
	display: block;

	margin-top: 8px;

	color: #6f7c85;

	font-size: 13px;
	line-height: 1.45;
}


.cc-presentation-aide-image strong {
	color: #285473;
	font-weight: 700;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

	.cc-presentation-dropzone {
		flex-direction: column;

		min-height: 140px;

		padding: 18px;

		text-align: center;
	}


	.cc-presentation-dropzone-texte {
		align-items: center;
	}

}


/* =========================================================
   TINYMCE - POPUP DE MODIFICATION DES LIENS
   ========================================================= */


/* ---------------------------------------------------------
   CONTENEUR DU POPUP
   --------------------------------------------------------- */

body .mce-inline-toolbar-grp.mce-floatpanel,
body .mce-inline-toolbar-grp {
	border: 1px solid #c8d4dc !important;
	border-radius: 6px !important;

	background: #ffffff !important;

	box-shadow:
		0 3px 10px rgba(40, 84, 115, 0.14) !important;
}


/* ---------------------------------------------------------
   CONTENEURS DES BOUTONS
   --------------------------------------------------------- */

body .mce-inline-toolbar-grp .mce-btn {
	display: inline-block !important;

	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;

	margin: 0 1px !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 4px !important;

	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   BOUTONS MODIFIER / RETIRER
   --------------------------------------------------------- */

body .mce-inline-toolbar-grp .mce-btn > button {
	appearance: none !important;
	-webkit-appearance: none !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 30px !important;
	min-width: 30px !important;
	max-width: 30px !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;
	padding: 5px !important;

	border: 0 !important;
	border-radius: 4px !important;

	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	box-shadow: none !important;

	color: #285473 !important;

	line-height: 1 !important;

	text-shadow: none !important;
}


/* ---------------------------------------------------------
   ICÔNES TINYMCE
   --------------------------------------------------------- */

body .mce-inline-toolbar-grp .mce-btn .mce-ico {
	width: 20px !important;
	height: 20px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	color: #285473 !important;

	font-size: 20px !important;
	line-height: 20px !important;

	text-align: center !important;

	text-shadow: none !important;
}


/* ---------------------------------------------------------
   SURVOL / FOCUS
   --------------------------------------------------------- */

body .mce-inline-toolbar-grp .mce-btn:hover,
body .mce-inline-toolbar-grp .mce-btn:focus,
body .mce-inline-toolbar-grp .mce-btn.mce-active {
	border: 0 !important;

	background: #eef5f8 !important;

	box-shadow: none !important;
}


body .mce-inline-toolbar-grp .mce-btn:hover > button,
body .mce-inline-toolbar-grp .mce-btn:focus > button {
	background: #eef5f8 !important;

	color: #1f435c !important;
}


body .mce-inline-toolbar-grp .mce-btn:hover .mce-ico,
body .mce-inline-toolbar-grp .mce-btn:focus .mce-ico {
	color: #1f435c !important;
}


/* =========================================================
   MODALE MÉDIAS WORDPRESS
   Onglets Téléverser / Médiathèque
   ========================================================= */

.media-modal .media-router .media-menu-item {
    color: #285473 !important;
    background: transparent !important;
}

.media-modal .media-router .media-menu-item:hover,
.media-modal .media-router .media-menu-item:focus {
    color: #3858e9 !important;
}

.media-modal .media-router .media-menu-item.active {
    color: #285473 !important;
}