/* Plugin template iframe hack */
#mce-template-preview { max-width: 180px; margin:0 auto; overflow: hidden; position: relative }
#mce-template-preview::before { content: ''; display: block; width: 100%; height: 100%; background: var(--color-bg-tone-1); position: absolute; top: 0; left: 0; z-index: -1 }
#mce-template-preview p { margin:0 }
#mce-template-preview img { margin-top:0 }

/* Contenu du fichier libs/tinymce/tinymce_5.8.0_dev/js/tinymce/skins/content/default/content.css */
/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */
table {
  border-collapse: collapse;
}
/* Apply a default padding if legacy cellpadding attribute is missing */
table:not([cellpadding]) th,
table:not([cellpadding]) td {
  padding: 0.4rem;
}
/* Set default table styles if a table has a positive border attribute
   and no inline css */
table[border]:not([border="0"]):not([style*="border-width"]) th,
table[border]:not([border="0"]):not([style*="border-width"]) td {
  border-width: 1px;
}
/* Set default table styles if a table has a positive border attribute
   and no inline css */
table[border]:not([border="0"]):not([style*="border-style"]) th,
table[border]:not([border="0"]):not([style*="border-style"]) td {
  border-style: solid;
}
/* Set default table styles if a table has a positive border attribute
   and no inline css */
table[border]:not([border="0"]):not([style*="border-color"]) th,
table[border]:not([border="0"]):not([style*="border-color"]) td {
  border-color: #ccc;
}
figure {
  display: table;
  margin: 1rem auto;
}
figure figcaption {
  color: #999;
  display: block;
  margin-top: 0.25rem;
  text-align: center;
}
code {
  background-color: #e8e8e8;
  border-radius: 3px;
  padding: 0.1rem 0.2rem;
}
.mce-content-body:not([dir=rtl]) blockquote {
  border-left: 2px solid #ccc;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
.mce-content-body[dir=rtl] blockquote {
  border-right: 2px solid #ccc;
  margin-right: 1.5rem;
  padding-right: 1rem;
}

/* Supprime la marge top des paragraphes en haut de page */
#tinymce { margin-top:-1.7em }

/* common.css */
h1, h2 { margin: 1.4em 0 }
h1 a, h2 a { text-decoration: none }
p, ul, ol, hr { margin: 1.7em 0; line-height: 1.7em }
ul, ol, hr { overflow: hidden }
ul, ol { margin-left: 2em }
hr { display: block; height: 1px; border: 0 }
h1:last-child, h2:last-child, p:last-child, ul:last-child, ol:last-child, hr:last-child { margin-bottom: 0 }
a:link, a:visited, i.fab { color: #058 }

/* editor */
body { background: var(--color-tone-0); margin: 0; color: var(--color-txt); font-family: Arial, Verdana, Helvetica; font-size: 1em; padding: 0.9em 0.8em 0.8em }
h1, h2 { font-size: 1.5em; color: var(--color-tone-5); font-weight: normal }
h2 { font-size: 1.25em }
hr { border-top: 1px dashed var(--color-txt) }
ul li { list-style-type: disc; padding-left: 0.5em }

p.right { text-align: right; }
p.center { text-align: center; }

img {
  max-width: 100%;
  height: auto;
  margin-top: 0.47em;
  margin-bottom: 1em;
}

img.left{ 
  float: left;
  margin-right: 1em;
}
img.right{
  float: right;
  margin-left: 1em;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
/* margin collapse : 1.7em + 0.47em = 2.17em */
p > img.center:first-child, p > a > img.center:first-child {
  margin-top: 2.17em;
}
img:not(.left):not(.right):not(.w-33):not(.w-50):not(.w-100){
  float: none;
}

.w-100 { width: 100% }
.w-50 { width: calc(50% - 0.5em) }
.w-33 { width: calc(33.33% - 0.666em) }
.w-100{
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 600px) {
  img { margin-bottom: 0.5em }
  img.left{ margin-right: 0.5em }
  img.right{ margin-left: 0.5em }
  .w-50 { width: calc(50% - 0.25em) }
  .w-33 { width: calc(33.33% - 0.333em) }
}

iframe { 
  display: block; 
  border: 0; 
  background: var(--color-tone-1); 
  width: 100%; 
  height: 200px;
  margin: 0.47em auto 1em auto;
  pointer-events: none;
}
.mce-object-iframe {
  display: block;
  clear: both;
  text-align: center;
  background-color: var(--color-tone-1);
}
.mce-preview-object {
  border: none;
  margin: 0;
}
iframe[src*="soundcloud.com"] { 
  background: var(--color-tone-0);
  height: 166px;
}

div.under {
  clear: both;
  display: block;
  width: 100%;
  height: 0.7em;
  border: 1px dashed var(--color-tone-2);
  line-height: 1.4em;
}
div.under:before{
  content: "BACK UNDER IMAGE";
  font-size: 0.6em;
  color: var(--color-tone-2);
  position: relative;
  top: -0.8em;
  left: 0.5em;
}
.fr div.under:before{
  content: "RETOUR SOUS L'IMAGE";
}
div.under + p {
  margin-top: 0 !important;
}

i.fab {
  text-align: center;
  width: 1.25em;
}

.mceMore { height:20px; border:1px dashed red; margin: 0 5px -2px;}
.mceMore img { height:20px; }
.mceMore { background:transparent url(/libs/tinymce/tinymce_5.8.0/js/tinymce/plugins/more/img/more-en.png) no-repeat center center; background-size: auto 14px }
.fr .mceMore { background:transparent url(/libs/tinymce/tinymce_5.8.0/js/tinymce/plugins/more/img/more-fr.png) no-repeat center center; background-size: auto 14px }