@charset "UTF-8";
/* Sass Document */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
@font-face {
  font-family: "Montserrat";
  src: url("fontes/Montserrat/Montserrat-Regular.ttf");
  src: url("fontes/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Montserrat";
  src: url("fontes/Montserrat/Montserrat-Bold.ttf");
  src: url("fontes/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Montserrat";
  src: url("fontes/Montserrat/Montserrat-Medium.ttf");
  src: url("fontes/Montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Montserrat";
  src: url("fontes/Montserrat/Montserrat-MediumItalic.ttf");
  src: url("fontes/Montserrat/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }
#contenu.planSite .lstPlanSite > ul > li > a {
  text-transform: none; }

body {
  font-family: Open Sans;
  font-weight: 400;
  line-height: 24px;
  line-height: 2.4rem; }

#sigleCours {
  text-align: left;
  font: normal normal bold 18px/22px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  width: 112px;
  background: #1C4079;
  margin: 137px 0px 0px 0px;
  padding: 10px; }

#titreCours {
  text-align: left;
  font: normal normal bold 30px/32px Montserrat;
  letter-spacing: 0px;
  color: #1D3557;
  text-transform: uppercase;
  width: 405px;
  background: #fff;
  margin: 0px 0px 20px 0px;
  padding: 10px; }

#zoneIdentitaire {
  background: url(../img/structure/EDU1030_bandeau_mobile.jpg);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat; }

#filAriane {
  display: none; }

#main {
  background: none; }

#contenu h2 {
  text-align: center;
  font: normal normal 500 18px/22px Montserrat;
  letter-spacing: 0px;
  color: #317F9B;
  text-transform: uppercase;
  margin-bottom: 0px;
  border: none; }
  #contenu h2::before, #contenu h2::after {
    content: "•";
    color: #317F9B;
    margin: 0px 10px; }
#contenu h3 {
  text-align: center;
  font: normal normal bold 24px/29px Montserrat;
  letter-spacing: 0px;
  color: #1C4079;
  margin-top: 10px; }
#contenu h4 {
  font: normal normal 500 20px/24px Montserrat;
  letter-spacing: 0px;
  color: #1C4079;
  margin: 30px 0px 10px 0px; }
  #contenu h4.intro {
    text-align: left;
    font: normal normal 600 16px/23px Open Sans;
    letter-spacing: 0px;
    color: #383838;
    text-transform: uppercase;
    margin-bottom: 10px; }
#contenu h5 {
  text-align: left;
  font: normal normal 500 17px/20px Montserrat;
  letter-spacing: 0px;
  color: #222222;
  margin: 30px 0px 10px 0px; }
#contenu h6 {
  font: italic normal 500 16px/19px Montserrat;
  letter-spacing: 0px;
  color: #656565;
  margin: 30px 0px 10px 0px; }
#contenu a {
  color: #1F63D0; }
  #contenu a:hover {
    text-decoration: none; }
  #contenu a:visited {
    color: #7B577F; }
#contenu .source, #contenu .notes {
  font: normal normal normal 14px/21px Open Sans;
  letter-spacing: 0px;
  color: #5D5D5D; }
#contenu .slick-slide figure img {
  max-Width: 100% !important; }
#contenu table {
  margin-bottom: 20px; }
  #contenu table th, #contenu table td {
    padding: 15px 15px 15px 15px;
    text-align: left; }
    #contenu table th.center, #contenu table td.center {
      text-align: center; }
  #contenu table th {
    background: #1C4079;
    border-bottom: 3px solid #BCC757;
    color: #fff; }
  #contenu table td {
    border: 1px solid #ACACAC; }
#contenu figure {
  margin-bottom: 5px; }
  #contenu figure figcaption {
    margin-bottom: 5px;
    font: normal normal bold 16px/24px Open Sans;
    color: #000000;
    margin-top: 30px; }
#contenu figure.photoProf {
  margin-bottom: 0px;
  background: #000;
  text-align: center; }
  #contenu figure.photoProf img {
    width: 50%;
    border: none; }
#contenu img {
  border: solid 1px #333; }
  #contenu img.mobileSize {
    display: block;
    width: 100%; }
  #contenu img.otherSize {
    display: none; }
  #contenu img.autoSize {
    display: none;
    width: auto; }
  #contenu img.borderSpace {
    margin-bottom: 30px; }
  #contenu img.noBorder {
    border: none; }
#contenu .accordeon .toggler {
  background: #FFF5D9;
  text-align: left;
  font: normal normal bold 16px/30px Open Sans;
  letter-spacing: 0px;
  color: #383838; }
  #contenu .accordeon .toggler .icone {
    background: url(../img/icones/fleche_menu.svg);
    background-repeat: no-repeat;
    background-position: center; }
    #contenu .accordeon .toggler .icone::before {
      visibility: hidden; }
  #contenu .accordeon .toggler.active {
    background: #FFCF56;
    text-align: left;
    font: normal normal bold 16px/30px Open Sans;
    letter-spacing: 0px;
    color: #383838; }
    #contenu .accordeon .toggler.active .icone {
      background: url(../img/icones/fleche_menu.svg);
      background-repeat: no-repeat;
      background-position: center;
      transform: rotate(180deg); }
#contenu .accordeon.verbatim .toggler {
  background: #E6E6E6; }
  #contenu .accordeon.verbatim .toggler.active {
    border-left: 1px solid #909090; }
#contenu .accordeon.verbatim div {
  background: transparent;
  border-left: 1px solid #909090; }
#contenu .accordeon.texte .toggler {
  background: #fff;
  border-bottom: 1px solid #F8D06B; }
  #contenu .accordeon.texte .toggler.active {
    border-left: 1px solid #909090; }
#contenu .accordeon.texte div {
  background: transparent;
  border-left: 1px solid #909090; }
#contenu div .encadre {
  background: #F2F0ED 0% 0% no-repeat padding-box;
  border: 1px solid #95AC8B;
  border-radius: 6px;
  padding: 25px 25px 15px 30px;
  margin-bottom: 20px; }
  #contenu div .encadre .iconne {
    margin: 5px 0px; }
#contenu div .citation {
  border-left: 6px solid #C9D5C7;
  padding: 10px 25px; }
  #contenu div .citation h3 {
    text-align: left; }
#contenu div .iconne {
  width: 100%;
  height: auto;
  background: #ccc;
  margin: 30px 0px; }
  #contenu div .iconne div {
    margin-left: 85px;
    border-left: 1px dotted #000000;
    padding-left: 10px;
    min-height: 65px; }
  #contenu div .iconne.attention {
    background: url(../img/icones/ico_attention.svg);
    background-repeat: no-repeat; }
  #contenu div .iconne.lire {
    background: url(../img/icones/ico_alire.svg);
    background-repeat: no-repeat; }
  #contenu div .iconne.faire {
    background: url(../img/icones/ico_afaire.svg);
    background-repeat: no-repeat; }
  #contenu div .iconne.noter {
    background: url(../img/icones/ico_anoter.svg);
    background-repeat: no-repeat; }
  #contenu div .iconne.journal {
    background: url(../img/icones/ico_journal_design.svg);
    background-repeat: no-repeat; }
    #contenu div .iconne.journal div {
      border: none;
      margin-left: 70px; }
  #contenu div .iconne.partage {
    background: url(../img/icones/ico_partage.svg);
    background-repeat: no-repeat; }
  #contenu div .iconne.zen {
    background: url(../img/icones/ico_zen.svg);
    background-repeat: no-repeat; }
#contenu div .sommaire {
  background: url(../img/structure/sommaire.jpg), #FFCF56;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 160px;
  margin: 40px 0px; }
  #contenu div .sommaire ul {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
    padding: 20px;
    margin: 0px; }
    #contenu div .sommaire ul li {
      font: normal normal normal 16px/23px Open Sans;
      letter-spacing: 0px;
      color: #383838; }
      #contenu div .sommaire ul li:before {
        content: " "; }
#contenu .btn-primary, #contenu .btn-secondary, #contenu #mod_quiz-next-nav {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  background: #fff;
  border: solid 1px #333;
  font-size: 14px;
  color: #000 !important;
  text-decoration: none; }
  #contenu .btn-primary:hover, #contenu .btn-secondary:hover, #contenu #mod_quiz-next-nav:hover {
    background-color: #334B58;
    border-color: #334B58;
    color: #fff !important; }
#contenu .sommaire2 {
  background: #F2F0ED;
  border-top: 1px solid #525074;
  border-bottom: 1px solid #525074;
  padding: 25px 25px 15px 25px;
  margin-top: 15px;
  margin-bottom: 20px; }
  #contenu .sommaire2 a {
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 16px/24px Open Sans;
    letter-spacing: 0px;
    color: #1F63D0; }

body[class*="quiz"]:not(.pagelayout-admin) #contenu .btn:not(.p-a-0), body[class*="quiz"]:not(.pagelayout-admin) #contenu .submitbtns a {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  background: #fff;
  border: solid 1px #333;
  font-size: 14px;
  color: #000 !important;
  text-decoration: none; }
  body[class*="quiz"]:not(.pagelayout-admin) #contenu .btn:not(.p-a-0):hover, body[class*="quiz"]:not(.pagelayout-admin) #contenu .submitbtns a:hover {
    background-color: #334B58;
    border-color: #334B58;
    color: #fff !important; }

body[class*="quiz"] #contenu table.quizsummaryofattempt th, body[class*="quiz"] #contenu table.quizattemptsummary th {
  background: #1C4079;
  border-bottom: 3px solid #BCC757;
  color: #fff; }

/*changement visionneuse */
#contenu .animVideoPlaylist.visionneuse ul.listeOnglets li a, #contenu .animVideoPlaylist.visionneuse #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li a {
  background: #5d5d5d;
  border-radius: 11px;
  font: normal normal normal 14px/24px Open Sans;
  letter-spacing: 0px;
  color: #FFFFFF; }
  #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li a.active, #contenu .animVideoPlaylist.visionneuse #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li a.active {
    background: #1C4079; }
  #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li a:hover, #contenu .animVideoPlaylist.visionneuse #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li a:hover {
    background: #000;
    color: #fff; }
#contenu .animVideoPlaylist span.interTitre {
  text-align: left;
  font: normal normal normal 14px/23px Open Sans;
  letter-spacing: 0px;
  color: #000;
  margin-bottom: 7px; }
#contenu .animVideoPlaylist p.interTitre {
  text-align: left;
  font: normal normal bold 16px/24px Open Sans;
  letter-spacing: 0px;
  color: #000000;
  margin-bottom: 7px; }

#contenu div.animVideoPlaylist {
  padding-bottom: 30px; }

@media screen and (min-width: 420px) {
  #contenu img {
    max-width: 585px; }
    #contenu img.mobileSize {
      display: none; }
    #contenu img.otherSize {
      display: block;
      width: 100%;
      max-width: 585px; }
    #contenu img.autoSize {
      display: block;
      width: auto;
      max-width: 585px; } }
@media screen and (min-width: 768px) {
  #zoneIdentitaire {
    background: url(../img/structure/EDU1030_bandeau.jpg);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    height: 305px; }

  #zoneMenu {
    background: #F2F0ED; }

  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li > a {
    color: #000000;
    border-bottom: 10px solid #F2F0ED;
    font: normal normal 500 14px/18px Montserrat;
    padding: 13px 8px; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li > a:hover {
      border-bottom: 10px solid #B9C93E;
      background: transparent; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent > a:after {
    border-top: 0px solid #000;
    background: url(../img/icones/fleche_menu.svg);
    background-repeat: no-repeat;
    width: 13px;
    height: 9px; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif > a {
    border-bottom: 10px solid #B9C93E;
    background: transparent; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif > a:hover, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif > a:focus, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif > a.active {
      border-bottom: 10px solid #B9C93E;
      background: transparent; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul {
    width: 40%; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li a {
      font: normal normal 500 15px/19px Montserrat; }

  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li:hover > a, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li:focus > a, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.active > a, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif:hover > a {
    background: transparent;
    border-bottom: 10px solid #B9C93E; } }
/* SLICK-SLIDER                                    */
/* Besoin de la librairie JS slick slider          */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - General (Propre à la librairie JS)            */
/* - Contenu (slide)                               */
/* - Navigation (precedent/suivant)                */
/*                                                 */
/* =============================================== */
/* General                                         */
/* ----------------------------------------------- */
.slick-interTitre-style2 {
  font-size: 22px;
  margin-bottom: 0;
  color: #047FA7; }

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:after, .slick-track:before {
  display: table;
  content: ""; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* =============================================== */
/* Navigation (precedent/suivant)                  */
/* ----------------------------------------------- */
#contenu .mod-slick-slider.sansMarge {
  margin-bottom: 5px; }

#contenu .mod-slick-slider .texte strong {
  font-weight: bold !important; }

#contenu .mod-slick-slider .slick-arrow li button,
#contenu .mod-slick-slider .slick-dots li button {
  background-color: #555;
  border: none;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 0;
  background-image: none; }

#contenu .mod-slick-slider .slick-arrow {
  position: absolute;
  bottom: 55px;
  font-size: 0;
  line-height: 0;
  background: url("../img/icones/ico_slider.svg") #555;
  background-size: 30px auto;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  z-index: 2; }

#contenu .mod-slick-slider .slick-arrow:hover {
  background-color: #44727e; }

#contenu .mod-slick-slider .slick-dots {
  position: absolute;
  bottom: 55px;
  left: 55px;
  right: 55px;
  list-style: none;
  text-align: center;
  margin: 0px;
  padding: 0px; }

#contenu .mod-slick-slider .slick-dots li {
  font-family: "Ubuntu", Arial, Helvetica, sans-serif;
  font-weight: 700;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0px 5px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #555;
  background-image: none;
  font-size: 15px;
  font-size: 1.5rem; }

#contenu .mod-slick-slider .slick-dots li:before {
  content: "";
  position: static; }

#contenu .mod-slick-slider .slick-dots li button {
  display: none;
  color: #fff;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #555;
  background-image: none; }

#contenu .mod-slick-slider .slick-arrow:hover,
#contenu .mod-slick-slider .slick-arrow:active,
#contenu .mod-slick-slider .slick-dots li.slick-active,
#contenu .mod-slick-slider .slick-dots li button:hover,
#contenu .mod-slick-slider .slick-dots li button:active,
#contenu .mod-slick-slider .slick-dots li.slick-active button {
  background-color: #047FA7; }

#contenu .mod-slick-slider .slick-prev {
  left: 15px;
  background-position: top; }

#contenu .mod-slick-slider .slick-next {
  right: 15px;
  background-position: bottom; }

#contenu .mod-slick-slider .indication {
  position: absolute;
  bottom: 20px;
  margin-bottom: 0;
  padding: 0 15px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 16.25px;
  line-height: 1.625rem;
  width: 100%;
  text-align: center;
  font-family: "Ubuntu Condensed", Arial, Helvetica, sans-serif; }

/* Media Queries---------------------------------- */
@media screen and (min-width: 480px) {
  #contenu .mod-slick-slider .slick-dots li {
    width: 15px;
    height: 15px; } }
@media screen and (min-width: 768px) {
  #contenu .mod-slick-slider .corps {
    padding-left: 25px;
    padding-right: 25px; }

  #contenu .mod-slick-slider .slick-prev {
    left: 25px; }

  #contenu .mod-slick-slider .slick-next {
    right: 25px; }

  #contenu .mod-slick-slider .slick-dots li {
    background-color: transparent;
    width: 30px;
    height: 30px; }

  #contenu .mod-slick-slider .slick-dots li button {
    display: block;
    width: 30px;
    height: 30px; }

  #contenu .mod-slick-slider .indication {
    padding: 0 25px; } }
/* =============================================== */
/* Contenu                                         */
/* ----------------------------------------------- */
#contenu .mod-slick-slider {
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #707070; }

#contenu .mod-slick-slider > .interTitre {
  font-family: "Ubuntu Condensed", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  margin: 0px;
  padding: 8px 10px 10px 10px;
  display: block;
  background-color: #555;
  font-size: 20px;
  font-size: 2rem;
  line-height: 22px;
  line-height: 2.2rem; }

#contenu .mod-slick-slider > .interTitre a {
  color: #fff !important; }

#contenu .mod-slick-slider .slider {
  position: relative;
  background-color: #fff;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

#contenu .mod-slick-slider.style1 .slider {
  padding-bottom: 105px; }

#contenu .mod-slick-slider.style1 .chapeau {
  padding: 25px 25px 10px 25px;
  position: relative;
  background-color: #fff; }

#contenu .mod-slick-slider.style1 .chapeau:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #eee;
  border-bottom: 0;
  height: 0;
  width: 0; }

#contenu .mod-slick-slider.style1 .chapeau img {
  margin: 0 auto 10px auto;
  max-width: 100%;
  height: auto;
  max-height: 400px; }

#contenu .mod-slick-slider.style1 .chapeau p, #contenu .mod-slick-slider.style1 .chapeau .source {
  text-align: center;
  padding-left: 0; }

#contenu .mod-slick-slider.style1 .corps {
  padding: 20px 15px 10px 15px;
  font-family: "Ubuntu Condensed", Arial, Helvetica, sans-serif;
  background-color: #eee; }

#contenu .mod-slick-slider.style1 .corps .interTitre {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 23.75px;
  line-height: 2.375rem; }

#contenu .mod-slick-slider.style1 .corps .texte > * {
  margin-bottom: 10px; }

#contenu .mod-slick-slider.style1 .corps .texte ul > li, #contenu .mod-slick-slider.style1 .corps .texte ol > li {
  margin-bottom: 5px; }

#contenu .mod-slickslider.style1 .corps blockquote.citation {
  margin-top: 0; }

#contenu .mod-slick-slider.style2 .slider {
  padding-bottom: 90px; }

#contenu .mod-slick-slider.style2 .scene {
  padding: 50px 50px 0 50px; }

#contenu .mod-slick-slider.style2 .scene figure {
  margin: 0px; }

#contenu .mod-slick-slider.style2 .scene figure img {
  display: block;
  margin: 0 auto 50px auto;
  width: auto;
  max-height: 350px; }

#contenu .mod-slick-slider.style2 .scene .colonne {
  position: relative; }

#contenu .mod-slick-slider.style2 .scene .colonne:before {
  content: url("../img/contenu/img_slider_style2_tape.png");
  position: absolute;
  top: -18px;
  left: calc(50% - 50px);
  width: 98px;
  height: 36px;
  z-index: 2; }

#contenu .mod-slick-slider.style2 .scene .colonne .numero {
  position: absolute;
  left: -20px;
  top: 40px;
  border-radius: 50%;
  background-color: #fff;
  color: #626262;
  border: solid 3px #626262;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  z-index: 2;
  font-weight: 500;
  font-size: 23px;
  font-size: 2.3rem; }

#contenu .mod-slick-slider.style2 .scene .colonne .numero.rouge {
  color: #E4474F;
  border-color: #E4474F; }

#contenu .mod-slick-slider.style2 .scene .colonne .numero.bleu {
  color: #047FA8;
  border-color: #047FA8; }

#contenu .mod-slick-slider.style2 .scene .colonne .numero.jaune {
  color: #F8B900;
  border-color: #F8B900; }

#contenu .mod-slick-slider.style2 .scene .colonne .numero.orange {
  color: #EC7D0F;
  border-color: #EC7D0F; }

#contenu .mod-slick-slider.style2 .scene .colonne .numero.vert {
  color: #02897B;
  border-color: #02897B; }

#contenu .mod-slick-slider.style2 .scene .colonne .extrait {
  background: #fff;
  border: solid 1px #c6c6c6;
  padding: 45px 35px 30px 35px;
  position: relative;
  z-index: 1;
  border-top-right-radius: 54px; }

#contenu .mod-slick-slider.style2 .scene .colonne .extrait .interTitre {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22.5px;
  line-height: 2.25rem; }

#contenu .mod-slick-slider.style2 .scene .colonne .extrait p {
  position: relative;
  z-index: 10;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 17.5px;
  line-height: 1.75rem; }

#contenu .mod-slick-slider.style2 .scene .colonne .extrait:before, #contenu .mod-slick-slider.style2 .scene .colonne .extrait:after {
  content: "";
  position: absolute;
  top: 0;
  width: 68px;
  height: 68px;
  right: 0; }

#contenu .mod-slick-slider.style2 .scene .colonne .extrait:before {
  z-index: 3;
  background: url("../img/contenu/img_slider_style2_coin.png") no-repeat top right; }

#contenu .mod-slick-slider.style2 .scene .colonne .extrait:after {
  z-index: 1; }

#contenu .mod-slick-slider.style2 .slick-arrow {
  bottom: 30px; }

#contenu .mod-slick-slider.style2 .slick-prev {
  left: 50px; }

#contenu .mod-slick-slider.style2 .slick-next {
  right: 50px; }

#contenu .mod-slick-slider.style2 .indication {
  bottom: 37px;
  left: 0;
  right: 0;
  padding: 0 90px; }

#contenu .mod-slick-slider.style3 .slider {
  padding-bottom: 105px; }

#contenu .mod-slick-slider.style3 .chapeau {
  padding: 25px 25px 10px 25px;
  position: relative;
  background-color: #fff; }

#contenu .mod-slick-slider.style3 .chapeau:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #eee;
  border-top: 0;
  height: 0;
  width: 0; }

#contenu .mod-slick-slider.style3 .chapeau img {
  margin: 0 auto 10px auto;
  max-width: 100%;
  height: auto;
  max-height: 400px; }

#contenu .mod-slick-slider.style3 .chapeau p, #contenu .mod-slick-slider.style3 .chapeau .source {
  text-align: center;
  padding-left: 0; }

#contenu .mod-slick-slider.style3 .corps {
  padding: 20px 15px 10px 15px;
  font-family: "Ubuntu Condensed", Arial, Helvetica, sans-serif;
  background-color: #eee; }

#contenu .mod-slick-slider.style3 .corps .interTitre {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 23.75px;
  line-height: 2.375rem; }

#contenu .mod-slick-slider.style3 .corps .texte > * {
  margin-bottom: 10px; }

#contenu .mod-slick-slider.style3 .corps .texte ul > li, #contenu .mod-slick-slider.style3 .corps .texte ol > li {
  margin-bottom: 5px; }

#contenu .mod-slick-slider.style3 .corps blockquote.citation {
  margin-top: 0; }

.no-svg #contenu #ligneDuTemps .slick-arrow {
  background-image: url("../img/icones/png/ico_slider.png"); }

/* Media Queries---------------------------------- */
@media screen and (min-width: 1300px) {
  #contenu .mod-slick-slider.style2 .scene figure {
    float: right;
    width: 40%;
    padding-left: 30px;
    text-align: right; }

  #contenu .mod-slick-slider.style2 .scene figure img {
    margin: 0 -20px 0 0;
    max-height: auto; }

  #contenu .mod-slick-slider.style2 .scene .colonne {
    float: left;
    width: 60%; }

  #contenu .mod-slick-slider.style2 .slick-next {
    right: calc(40% + 10px); }

  #contenu .mod-slick-slider.style2 .indication {
    left: 90px;
    padding: 0;
    width: calc(60% - 140px); } }
