main{
  /*background-image: linear-gradient(#fff, #00C2FA);*/
  display:inline-block;
  width:100%;
}


@font-face {
    font-family: 'riffic-bold';
    src: url('riffic-bold-webfont.woff2') format('woff2'),
         url('riffic-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

.article{
  margin-left : auto;
  margin-right: auto;
  /*background-color: rgba(255, 255, 255, 0.5);*/
  padding-bottom:20px;
  max-width:750px;
}

.info{
  position:static;
  display: block;
  float: left;
  width: fit-content;
  background-color: rgba(255, 179, 0, 0.9);
  padding: 15px;
  border-radius: 60% 45% 35% 30%;
  margin-left: 10px;
  border-style: solid;
  border-color: #006b8b;
  max-width:180px;
  z-index: 0;
}

.niveau-titre {
  text-align: center;
  margin: 0px;
  font-family: 'riffic-bold';
  font-size: 80%;
}

.wrap-niveau2 >img {
  height: 40px;
  float: left;
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255,255,255,0) 80%);
  margin-top:2px;
}

.niveau {
  float: left;
  display: block;
  margin: 15px 5px 5px 5px;
  font-weight: bold;
  font-size: 80%;
  font-family: arial;
}


.auteur-vignette{
display: inline;
text-align: left;
vertical-align: middle;
margin-left: 5px;
margin-top: 5px;
}

.auteur-vignette>img{
  display: inline;
  text-align: left;
  vertical-align: middle;
  border-radius: 50%;
  height: 40px;
  border-style: solid;
  border-width: medium;
  border-color: #006b8b;
  margin:2px;
}

.titre-article{
  text-align: center;
  font-family: 'riffic-bold', Arial, sans-serif;
  font-size: 36px;
  margin: 0px;
}
iframe{
  margin: 0;
  border: none;
  overflow: visible;
  background-color: transparent;
}

.credits{
  margin-left: 5px;
  font-family: 'Arial';
  font-style: italic;
  font-size: 14px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  display:inline;
}

.contenu-article{
/*Elements provenant du fichier CSS de Tiny MCE --> body*/
  line-height: 1.4;
  height:fit-content;
}

.contenu-article>embed{
  background-color:transparent;
  border: none;
  width:100%;
  min-height:1200px;
}

.date-article{
  font-family: 'Arial';
  font-size : 10px;
  font-weight: bold;
  /*display:grid;
  grid-column: 3/4;
  grid-row: 2/3;*/
  color:black;
  text-align: right;
  margin-right: 5px;
}

.bouton-retour{
  font-size: 20px;
  font-weight : bold;
  font-family: 'riffic-bold';
  /*display:grid;
  grid-column: 3/4;
  grid-row: 4/5;*/
  color: black;
  text-decoration:underline;
  text-align: center;
  margin-right:5px;
  display: block;
}

.wrap-source{
  display:block;
  margin:auto;
  width:100%;
  height:100px;
}

.wrap-source2 {
  height: fit-content;
  width: fit-content;
  display: block;
  margin: auto;
}

.source {
  display: block;
  float: left;
}

.photo {
  float: left;
}

.photo > img {
  border-radius: 30% 50% 35% 70%;
  height: 60px;
  border-style: solid;
  border-width: medium;
  border-color: #006b8b;
}
.identity {
  font-size: 80%;
  font-family: 'riffic-bold', Arial, sans-serif;
  float: left;
  margin: 0px 20px;
}

.identity > p {
  margin: 10px 0px;
}

.identity > a {
  font-family:Arial;
  font-weight:normal;
}





/*Element provenant du fichier CSS de Tiny MCE*/

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;
  width:fit-content;
}
figure figcaption {
  color: black;
  font-size: 60%;
  display: block;
  margin-top: 0.25rem;
  text-align: center;
}
hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0 0;
}
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;
}

/*Boilerplate Content CSS*/
/*
* For rendering images inserted using the image plugin.
* Includes image captions using the HTML5 figure element.
*/

figure.image {
  display: inline-block;
  margin: 0 2px 0 1px;
  background: transparent;
  max-width: 100%;
}

figure.align-left {
  float: left;
}

figure.align-right {
  float: right;
}

figure.image.align-center {
  display:table;
  margin: 1rem auto;
  background: transparent;
}

figure.image img {
  margin: 8px 8px 0 8px;
  max-width:95%;
  height:auto;
}

figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;

}

/*
 Alignment using classes rather than inline styles
 check out the "formats" option
*/

img.align-left {
  float: left;
}

img.align-right {
  float: right;
}

/*
* Premium Plugins CSS
*/

/* The Table of Contents Plugin */

.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc li {
  list-style-type: none;
}

/* The Checklist Plugin */

.tox-checklist > li:not(.tox-checklist--hidden) {
  list-style: none;
  margin: 0.25em 0;
  position: relative;
}
.tox-checklist > li:not(.tox-checklist--hidden)::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  cursor: pointer;
  height: 1em;
  margin-left: -1.5em;
  margin-top: 0.125em;
  position: absolute;
  width: 1em;
}
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

/* The Page Embed plugin */

.tiny-pageembed--21by9,
.tiny-pageembed--16by9,
.tiny-pageembed--4by3,
.tiny-pageembed--1by1 {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.tiny-pageembed--21by9 {
  padding-top: 42.857143%;
}

.tiny-pageembed--16by9 {
  padding-top: 56.25%;
}

.tiny-pageembed--4by3 {
  padding-top: 75%;
}

.tiny-pageembed--1by1 {
  padding-top: 100%;
}

.tiny-pageembed--21by9 embed,
.tiny-pageembed--16by9 embed,
.tiny-pageembed--4by3 embed,
.tiny-pageembed--1by1 embed {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* The Media Embed plugin */

.ephox-summary-card {
  border: 1px solid #AAA;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
  padding: 10px;
  overflow: hidden;
  margin-bottom: 1em;
}

.ephox-summary-card a {
  text-decoration: none;
  color: inherit;
}

.ephox-summary-card a:visited {
  color: inherit;
}

.ephox-summary-card-title {
  font-size: 1.2em;
  display: block;
}

.ephox-summary-card-author {
  color: #999;
  display: block;
  margin-top: 0.5em;
}

.ephox-summary-card-website {
  color: #999;
  display: block;
  margin-top: 0.5em;
}

.ephox-summary-card-thumbnail {
  max-width: 180px;
  max-height: 180px;
  margin-left: 2em;
  float: right;
}

.ephox-summary-card-description {
  margin-top: 0.5em;
  display: block;
}


@media only screen and (max-width: 700px) {
  .titre-article{
    margin-left:5px;
    margin-right:5px;
  }
  .source{
    margin-left:5px;

  }
}