/**
* Template Name: Mentor
* Updated: Sep 18 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/mentor-free-education-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
  font-family: "Araboto";
  src: url("../fonts/Araboto-Normal.ttf")
}

@font-face {
  font-family: "bulmermtstd-regular";
  src: url("../fonts/bulmermtstd-regular.otf")
}


@font-face {
  font-family: "BulmerMTStd-Italic";
  src: url("../fonts/BulmerMTStd-Italic.otf")
}


@font-face {
  font-family: "FreelandW05";
  src: url("../fonts/FreelandW05-Regular.otf")
}


@font-face {
  font-family: "TrendSansOne";
  src: url("../fonts/TrendSansOne.otf")
}


@font-face {
  font-family: "Andale";
  src: url("../fonts/AndaleMono.ttf")
}


@font-face {
  font-family: "MuliBold";
  src: url("../fonts/Muli-Bold.ttf")
}


@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-1GDlj.ttf")
}


body {
  font-family: "Araboto", sans-serif;
  color: #444444;
}

a {
  color: #CD9D82;
  text-decoration: none;
}

a:hover {
  color: #b38970;
  text-decoration: none;
}

.btn-ct {
  margin-left: 22px;
  background: #CD9D82;
  color: #fff;
  border-radius: 50px;
  padding: 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Araboto", sans-serif;

}


.qr {
margin: 50px auto;
max-width: 50%;
}
.qr img {
display: block;
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.scene {
  width: 90%;
  height: 90%;
  margin: 5%;
}
}

.volume {
  width: 15px !important;
  height: 15px !important;
}

#media-img {
  margin-right: 15% !important;
}

textarea {
  min-height: 204px !important;
  font-family: "Muli" !important;
  padding: 25px !important;
}

#div-podcast {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
#div-podcast::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

#b1-2, #f1-2 {
  display: none!important;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/


.login-form {
  max-width: 350px;
  margin: 0px auto 0;
   background: #d5d7de; 
   text-align: center;
}

.login-wrap {
  padding: 20px;
  margin-bottom: 100px;
}

.login-form .input-group {
  padding-bottom: 15px;
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.subtitle-a{

}

 .login-img {
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  color: #00A9DD;
}

 .input-group-addon {
  padding: 14px 12px;
  font-size: 16px;
  color: #8b9199;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
}

.inscription-form input[type="text"], .login-form input[type="password"] {
  border: none;
  box-shadow: none;
  font-size: 16px;
  border-radius: 0;
  background-color: rgb(232, 240, 254) !important;
}

.sem-tit, .sem-tit2 {
  color: #ef461c;
  font-size: 17pt;
  font-family: "Muli";
  margin-bottom: 0!important;

}

.sem-stit, .sem-stit2 {
  color: #015981;
  font-size: 17pt;
  font-family: "Muli";
  margin-bottom: 0!important;

}


.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #015981;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #64B7EA;
  color: #fff;
}



.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

.copyright {
  font-family: "TrendSansOne";
}


progress[value] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff75;
  color: #ffffff75;
  height: 5px;
  border-radius: 2px;
}

.seek-obj {
  width: 100px;
}
progress {
  vertical-align: baseline;
}

svg {
  
    color: #009fd7;

}

.link-sejour {
  margin-top: -33px;
  height: 45px;
  margin-bottom: 100px;
  margin-top: -33px;
  height: 45px;
  margin-bottom: 100px;
  background: #00A9DD;
  font-family: "TrendSansOne";
  /* background: #F0471C; */
  border: none;
  color: #ffffff;
  font-size: 10pt;
  font-weight: 100;
  padding: 13px 25px 10px 25px !important;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  margin-top: 30px;
  font-family: "TrendSansOne";
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#btn-savoir {
  padding-top: 10px;
  text-align: center;
  width: 450px!important;
  margin-right: 10%;
}

#table-accueil {
  float: right;
  width: 450px;
  margin-right: 15%;

}

#live {

  margin-bottom: 110px;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #009ED6;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}


#navbarMobile {
  display: none;
  background: #87d1f4f5;
  text-align: right;
  padding: 20px;
  width: 50%;
  float: right;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#col-agenda {
  padding-right: 25%;
}


.tel {
  margin-left: calc(41.66% - 255px);
  position: relative;
  margin-top: 0px;
}


.tel-img {
  height: 700px;
  top: 50px
}

.img-maud {
  height: 237px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  position: relative;
  left: -70px;
}

.center {
  text-align: center !important;
}

#seminaire-img {
  width: 100%;
}

#rendezvous-img {
  height: 500px;
}

#nav-podcast-top {
  cursor: pointer;
  margin-bottom: 20px;
}

.play-pod {
  cursor: pointer;
  display: inline-block;
  float: right;
}

#nav-podcast-bottom {
  cursor: pointer;
}

#player,
#audio-player {
  position: absolute;
  top: 395px;
  right: 80px;
  background: white;
  width: 184px;
}

#podcast {
  padding-bottom: 50px;
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
  display: none;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #199ed7;
  color: #ffffff;
  border-radius: 25px;
}


audio::-webkit-media-controls-play-button::before,
audio::-webkit-media-controls-play-button::after {
  position: absolute;
  content: "fdsqfdfds";
  background: red;
  font-size: 20px;
  right: 11px;
  color: #000000;


}



audio::-webkit-media-controls-play-button::before,
audio::-webkit-media-controls-panel {
  background-color: #199ed7;
  color: #ffffff;
  border-radius: 25px;
}


audio::-webkit-media-controls-panel {
  background-color: #fff;
}

audio::-webkit-media-controls-current-time-display {
  color: #199ed7;
}

audio::-webkit-media-controls-time-remaining-display {
  color: #199ed7;
}

audio::-webkit-media-controls-timeline {
  color: #199ed7;

}


.player {
  display: none;
}

.audio-player {
  height: 50px;
  background-color: none;
  display: inline-flex;
  color: white;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: relative;
}

.audio-player .download-option-popup {
  display: none;
  position: absolute;
  text-align: center;
  right: -15px;
  top: -38px;
  box-shadow: 0px 0px 5px #828282;
  background-color: #f7f7f7;
  color: #484848;
  padding: 5px 20px;
}

.audio-player .download-option-popup .btn-download-label,
.audio-player .download-option-popup i.fa-download {
  display: inline-block;
  vertical-align: sub;
}

.audio-player .controls {
  height: 50px;

  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.audio-player .controls i.fa-ellipsis-v {
  color: black;
}

.audio-player .controls .time {
  font-size: 10px;
  color: white;
  margin: 5px;
}

.audio-player .controls .ui-progressbar {
  background: #ffffff75;
}

.audio-player .controls .ui-progressbar-value {
  background: white;
  width: 27px;
  height: 10px;
  border-radius: 0;
}

.audio-player .controls #progressbar,
.audio-player .controls #volume {
  height: 5px;
  display: inline-block;
  border-radius: 0px;
  border: none;
  border-radius: 2px;
}

.audio-player .controls #progressbar {
  width: 100px;
  top: 7px;
  position: relative;
}

.audio-player .controls .play,
.audio-player .controls #mute {
  font-size: 30px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  color: #C30078;
}

.audio-player .controls .play,
.audio-player .controls #mute,
.audio-player .controls #start-time,
.audio-player .controls #time,
.audio-player .controls #end-time {
  color: #009fd7;
}

.audio-player .controls .play {
  margin-left: 5px;
}

.audio-player .controls  {
  cursor: pointer;
}

.audio-player .controls #volume {
  width: 50px;
  margin-right: -5px;
  margin-left: 5px;
}

.audio-player .controls .download-link {
  margin: 0 15px;
}
span .fa-pause:before {
  content: "\f04c";
  position: relative;
  top: 11px;
  left: 0px;
  font-size: 25px;
  right: 11px;

}

span .fa-play:before{
  content: "\f04b";
  position: relative;
  top: 11px;
  left: 0px;
  font-size: 20px;
  right: 11px;

}
.seek-obj {

  width: 175px;
}

.seek-obj-container {

  border-radius: 2px;
  ;

}

progress[value]::-webkit-progress-bar {
  background-color: #ffffff75;
  border-radius: 2px;
  border: 1px solid lighten(#acacac, 20%);
  color: #ffffff75;
  border-radius: 2px;;
}

progress::-webkit-progress-value {
position: relative;
float: left;
  background-color:#6d0344;
  border-radius: 2px;;
}

.color-a {
  color: #C30078;
}

.color-d {
  color: #f5f5f5;
}

.color-text-a {
  color: #4e4e4e;
}

.controls {
   width: 80px;
   float: left;
}

#progress {
   margin-left: 80px;
   border: 1px solid black;
}

#volume-slider {
  margin: 10px;
  width: 130px;
}

#volume-slider::-webkit-slider-runnable-track {
  background: rgba(122, 122, 122, 0.6);
}

#volume-slider::-moz-range-track {
  background: rgba(122, 122, 122, 0.6);
}

#volume-slider::-ms-fill-upper {
  background: rgba(122, 122, 122, 0.6);
}

#volume-slider::before {
  width: var(--volume-before-width);
}

#mute-icon {
  margin: 0 2.5%;
}

input[type="range"] {
  position: relative;
  -webkit-appearance: none;
  width: 48%;
  margin: 0;
  padding: 0;
  height: 19px;
  margin: 30px 2.5% 20px 2.5%;
  float: left;
  outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));
}

input[type="range"]::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  width: var(--seek-before-width);
  height: 3px;
  background-color: #007db5;
  cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  box-sizing: content-box;
  border: 1px solid #727272;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  margin: -7px 0 0 0;
}

input[type="range"]:active::-webkit-slider-thumb {
  transform: scale(1.2);
  background: #007db5;
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));
}

input[type="range"]::-moz-range-progress {
  background-color: #007db5;
}

input[type="range"]::-moz-focus-outer {
  border: 0;
}

input[type="range"]::-moz-range-thumb {
  box-sizing: content-box;
  border: 1px solid #007db5;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

input[type="range"]:active::-moz-range-thumb {
  transform: scale(1.2);
  background: #007db5;
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border: solid transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-lower {
  background-color: #007db5;
}

input[type="range"]::-ms-fill-upper {
  background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));
}

input[type="range"]::-ms-thumb {
  box-sizing: content-box;
  border: 1px solid #007db5;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

input[type="range"]:active::-ms-thumb {
  transform: scale(1.2);
  background: #007db5;
}


progress[value] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #9d9d9d75;
  color: #ffffff75;
  height: 5px;
  border-radius: 2px;
  ;
}

progress[value]::-webkit-progress-bar {
  background-color: #d4d4d475;
  border-radius: 2px;
  border: 1px solid lighten(#acacac, 20%);
  color: #ffffff75;
  border-radius: 2px;
  ;

}

progress::-webkit-progress-value {

  background-color: #199ed7;
  border-radius: 2px;
  ;


}


#podcast {
  top: 150px !important;
 
  padding-left: 20px;
  padding-right: 20px;
  background: url("../img/PODCAST-TOUT.jpg") no-repeat center/cover;

}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {

#podcast-img{
    content:url("../img/TEL2.png")!important;
}

  #img-maud-contact {
    max-width: 100%!important;
}



  #media-img {
    margin-right: 1% !important;
  }

  .form-control {

    width: 210px !important;

  }

  [data-aos-delay] {
    transition-delay: 0 !important;
  }

  #podcast {
    padding-bottom: 20px;
  }

  #tb-acc {
    margin: initial !important;
  }

  .semianire .content h3 {
    font-weight: 100;
    font-size: 30px !important;
    margin-bottom: 30px;
  }

  #livre-portait {
    height: auto !important;
  }
}

@media screen and (max-width: 1600px) {
  #btn-savoir {
    padding-top: 10px;
    text-align: center;
    margin: auto;
  }

  #col-agenda {
    padding-right: 10%;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: url("../img/HEADER.jpg") no-repeat center/cover;
  transition: all 0.5s;
  z-index: 997;
  padding: 30px 0 30px;
  box-shadow: 0px 0 18px rgba(55, 66, 59, 0.08);
  height: 150px;
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Araboto", sans-serif;
}

#header .logo a {
  color: #CD9D82;
}

#header .logo img {
  max-height: 100px;
}

#logo-text p,
.logo-text {
  color: #ffffff;
  text-align: center;
  font-family: "TrendSansOne";
  font-size: 25pt;
  line-height: 30px;


}

#logo-text {
  top: 0px;
  position: relative;
}

.logo-text {
  top: 0px;
  position: relative;
}

.sous-titre {
  color: #009ed6 !important;
  font-size: 10pt !important;
  top: -15px;
  position: relative;
}

.icon-sn {
  height: 65px;
  padding-left: 20px;
  padding-right: 20px;
}

#reseaux-contact .icon-sn, #reseaux .icon-sn{
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100px !important;
}


#navbarLeft ul {
  z-index: 99;
  left: 50px;
  position: fixed;
  left: 50px;
  top: 40px;
}

#navbarRight ul {


  position: fixed;
  right: 50px;
  top: 40px;

}

#livre {
  padding: 0;
  ;
}

#div-livre a {
  display: block;
}

#div-livre{
 width: 80%;
 margin: auto;
}

#decouvrir3 {
  font-family: "TrendSansOne";
  background: #F0471C;
  border: none;
  color: #ffffff;
  font-size: 10pt;
  font-weight: 100;
  padding: 10px 25px 10px 25px !important;
  margin-bottom: 0;

  border: none;
  border-radius: 0;
  margin-top: 30px;

  font-family: "TrendSansOne";
}

#decouvrir2 {
  font-family: "TrendSansOne";
  background: #E5007D;
  border: none;
  color: #ffffff;
  font-size: 10pt;
  font-weight: 100;
  padding: 15px 20px 15px 20px !important;
  margin-bottom: 0;

  border: none;
  border-radius: 0;
  margin-top: 30px;

  font-family: "TrendSansOne";
}

#decouvrir {
  font-family: "TrendSansOne";
  background: #64B7EA;
  border: none;
  color: #ffffff;
  font-size: 10pt;
  font-weight: 100;
  padding: 15px 20px 15px 20px !important;
  margin-bottom: 0;

  border: none;
  border-radius: 0;
  margin-top: 30px;

  font-family: "TrendSansOne";
}


#accueil-livre p {
  color: #F0471C;
  font-family: "FreelandW05";
  font-size:58pt;
  position: relative;
  text-align: center;
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);

}

#traduction p,
#commande p {
  color: #015981;
  font-family: "TrendSansOne";
  font-size: 20pt;
  position: relative;
  text-align: center;


}

.carousel-wrap {
  width: 90%;
  margin: auto;
  position: relative;
}

.owl-carousel .owl-nav {
  overflow: hidden;
  height: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #2caae1;
}


.owl-carousel .item {
  text-align: center;
}

.owl-carousel .nav-btn {
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-item img {
  display: block;
  width: 150px !important;
  margin: auto;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.owl-carousel .prev-slide {
  background: url(nav-icon.png) no-repeat scroll 0 0;
  left: -33px;
}

.owl-carousel .next-slide {
  background: url(nav-icon.png) no-repeat scroll -24px 0px;
  right: -33px;
}

.owl-carousel .prev-slide:hover {
  background-position: 0px -53px;
}

.owl-carousel .next-slide:hover {
  background-position: -24px -53px;
}

.mobile-nav-toggle {
  color: #ffffff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
  float: revert-layer;
  position: fixed;
  right: 20px;
  top: initial;
  width: 50px;
}

span.img-text {
  text-decoration: none;
  outline: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  cursor: pointer;
  width: 100%;
  font-size: 23px;
  display: block;
  text-transform: capitalize;
  font-size: 15px;
  color: #64B7EA;
  font-family: "TrendSansOne", sans-serif;
  font-weight: 100 !important;
  padding-top: 25px;
}

span.img-text:hover {
  color: #64B7EA;

}

#accueil-livre {

  height: 375px;
  top: 150px;
  position: relative;
  background: #CBEAF7;
  padding-top:90px !important;
}

/**
* Get Startet Button 
*/
.get-started-btn {
  margin-left: 22px;
  background: #CD9D82;
  color: #fff;
  border-radius: 50px;
  padding: 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
}

.get-started-btn:hover {
  background: #876551;
  color: #fff;
}

@media (max-width: 1070px) {
 #section2 {
    margin-left: 5%!important;
    margin-right: 5%!important;
}
}

@media (max-width: 768px) {

 #accord{
    margin-right: 10px;
    top: 0!important;
    position: relative;
}

  .log-container{
    margin-top: 110px!important;

  }

  #popup_image{
    zoom: 0.55!important;
  }
  #content_popup_image{
    zoom: 0.55!important;
  }

  #contact-qrcode{
    margin-top: 55px!important;
    margin-bottom: -20px!important;

  }
  #live-agenda{
    padding-top: 45px!important;
    padding-bottom: 20px!important;
  }

  #index-livre{
    margin-top: 50px!important;
  }

  .log-titre {

    font-size: 40pt!important;
    width:  100%!important;
  }
  
  
  .log-stitre {
    text-transform: uppercase;
    width: 100%!important;
   
  }

  .login-form button{
    text-transform: uppercase;
  }

 .inscription-form.inscription-form  .input-group-addon {
    padding: 14px 12px;
    font-size: 12px!important;
    color: #8b9199;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    width: 75px!important;
    text-align: left;
    height: 35px!important;
    line-height: 12px!important;
}

.inscription-form input[type="text"], .login-form input[type="password"] {
  border: none;
  box-shadow: none;
  font-size: 16px;
  border-radius: 0;
  background-color: rgb(232, 240, 254) !important;
  width: 240px!important;
  height: 35px!important;
}

.inscription-form .btn-log{
  width:315px!important;
}
  #popup_presse_video,  #popup_presse_video2 {
    zoom: 0.4!important;
}

  #formation{
    margin-bottom: 100px;
  }

  #formation h1{
    font-size: 13pt!important;
    width: 100%!important;
  }

  #formation h2{
    font-size: 20pt!important;
  }
  #formation p{
   
    font-size: 12pt!important;
   
    width: 100%!important;
}

  .get-started-btn {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
}

.get-started-btn2 {

  background: #CD9D82;
  color: #fff;
  border-radius: 50px;
  padding: 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  color: #436E6E;
  cursor: pointer;
}

.get-started-btn2:hover {
  background: #876551;
  color: #fff;
}

#timeline-title .active {
  background: #876551;
  color: #fff;
}

@media (max-width: 768px) {
  .get-started-btn2 {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }

  #time1 {
    text-align: center;
  }

  #time1 p {
    float: inherit !important;
    margin: 5px
  }

  #time2 {
    text-align: center;
  }

  #time2 p {
    float: inherit !important;
    margin: 5px
  }
}

@media (max-width: 1700px) {

  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-family: "Araboto", sans-serif;
    font-size: 10pt;
    font-weight: 500;
    color: #015981;
    white-space: nowrap;
    transition: 0.3s;
    font-weight: 100;
  }

}
@media (max-width: 1700px) {
#div-livre{
  width: 85%;
  margin: auto;
 }
}
@media (max-width: 1600px) {

  #div-livre{
    width: 90%;
    margin: auto;
   }
  }
  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-family: "Araboto", sans-serif;
    font-size: 10pt;
    font-weight: 500;
    color: #015981;
    white-space: nowrap;
    transition: 0.3s;
    font-weight: 100;
  }

}


@media (max-width: 1350px) {

  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-family: "Araboto", sans-serif;
    font-size: 8pt;
    font-weight: 500;
    color: #015981;
    white-space: nowrap;
    transition: 0.3s;
    font-weight: 100;
  }

  #navbarRight ul {
    position: fixed;
    right: 0 !important;
    top: 40px;
  }

  #navbarLeft ul {
    position: fixed;
    left: 0 !important;
    top: 40px;
  }
}

@media (max-width: 130px) {

  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 6px 10px 6px !important;
    font-family: "Araboto", sans-serif;
    font-size: 8pt;
    font-weight: 500;
    color: #015981;
    white-space: nowrap;
    transition: 0.3s;
    font-weight: 100;
  }

}


@media (max-width: 1100px) {

  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px 10px 5px !important;
    font-family: "Araboto", sans-serif;
    font-size: 8pt;
    font-weight: 500;
    color: #015981;
    white-space: nowrap;
    transition: 0.3s;
    font-weight: 100;
  }

  #navbarMobile a {
    display: block !important;
    position: relative;
    right: 0;
    margin-right: 0;
    margin-left: auto;
    font-size: 10pt;
  }

  #navbarMobile {
    display: none;
    background: #87d1f4f5;
    text-align: right;
    padding: 20px;
    width: 50%;
    float: right;
    width: fit-content;
    padding-left: 80px;
    top: 40px;
  }



}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: inline-block;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  font-family: "TrendSansOne", sans-serif;
  font-size: 10pt;
  font-weight: 500;
  color: #015981;
  white-space: nowrap;
  transition: 0.3s;
  font-weight: 100;
  width: fit-content;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #FFE200;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 30px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #CD9D82;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

#navbarLeft .col-5 {
  max-width: 40% !important;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {}

  .navbar .dropdown .dropdown:hover>ul {}
}


@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
  }
}

.owl-theme .owl-nav .disabled {
  opacity: 1 !important;
  cursor: default;
}

#couv,
#couv2,
#couv3,
#couv-livre,
#couv2-livre,
#couv3-livre,
#couv_sansmoi,
#couv_kmz,
#couv_respire {
  position: relative;
  width: auto;
  margin-top: 40px;


  left: -15px;
  overflow: hidden;

}

#tranche,
#tranche2,
#tranche3,
#tranche_sansmoi,
#tranche_respire,
#tranche_kmz {

  transform: perspective(800px);
  transform: rotateY(-30deg);
  -moz- transform: rotateY(-30deg);
  -webkit- transform: rotateY(-30deg);
  -o- transform: rotateY(-30deg);
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #ffffff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
  float: revert-layer;
  position: fixed;
  right: 20px;
  top: initial;
  width: 50px;

}


.sem-left {
  color: #015981;
  font-family: "Muli", sans-serif;
  font-size: 15pt;
  width: 80%;
  text-align: justify;
  float: right;
  margin-top: 50px;
}


.sem-right {
  color: #015981;
  font-family: "Muli", sans-serif;
  font-size: 15pt;
  width: 80%;
  text-align: justify;
  float: left;
    margin-bottom: 50px;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

#agenda p {
  color: #015981;
  font-family: "Muli", sans-serif;
  font-size: 14pt;
  margin-bottom: 60px;
}

.agenda-titre {
  color: #e6007e !important;
  font-size: 30pt;
  font-family: "TrendSansOne" !important;
  font-size: 12pt !important;
  margin: 0 !important;
}

.agenda-stitre {
  color: #015981 !important;
  font-size: 30pt !important;
  margin: 0 !important;
  font-family: "BulmerMTStd-Italic" !important;
  font-size: 14pt;
  line-height: 50px;
}

.agenda-txt {
  color: #015981 !important;
  font-size: 12pt !important;
  margin: 0 !important;
  font-family: "Andale" !important;
  font-size: 14pt;
  border-bottom: 1px solid #015981;
  padding-bottom: 10px;
  margin-bottom: 35px !important;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  #header {
    background: url(../img/HEADER.jpg) no-repeat center / cover;
    transition: all 0.5s;
    z-index: 997;
    padding: 0;
    box-shadow: 0px 0 18px rgba(55, 66, 59, 0.08);

  }


  #accueil h3 {
    font-family: "FreelandW05", sans-serif;
    color: #FFE200 !important;

    text-align: center;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);

    top: 1px !important;
    position: relative;
    margin: auto;
  }

  #header .logo img {
    max-height: 60px;
  }

  .navbar .m-menu {
    display: none;
  }

  .pop-pod,
  .seminaire-pod,
  .rendezvous-pod {

    font-size: 25pt !important;
  }

  .pop-spod {
    color: #ffffff;
    font-size: 12pt !important;
  }

  #pod .txt {
    color: #015981;
    font-size: 9pt !important;
  }

  .pod-episode {
    color: #015981;
    font-size: 7pt !important;
    text-transform: uppercase;
  }

  .rendezvous-titre {
    color: #64B7EA;
    font-family: "FreelandW05";
    font-size: 25pt !important;
  }

  #rendezvous span {
    color: #ffffff;
    font-size: 12pt !important;
  }
}

@media (max-width: 1100px) {
  .mobile-nav-toggle {
    display: block;
  }

  #header {
    background: url(../img/HEADER.jpg) no-repeat center / cover;
    transition: all 0.5s;
    z-index: 997;
    padding: 0;
    box-shadow: 0px 0 18px rgba(55, 66, 59, 0.08);
    height: 150px;
    padding-top: 25px;
  }

  .mobile-nav-toggle {
    padding-top: 0px;
  }

  .navbar .m-menu {
    display: none;
  }

  .pop-pod,
  .seminaire-pod,
  .rendezvous-pod {

    font-size: 25pt !important;
  }

  .pop-spod {
    color: #ffffff;
    font-size: 12pt !important;
  }

  #pod .txt {
    color: #015981;
    font-size: 9pt !important;
  }

  .pod-episode {
    color: #015981;
    font-size: 7pt !important;
    text-transform: uppercase;
  }

  .rendezvous-titre {
    color: #64B7EA;
    font-family: "FreelandW05";
    font-size: 20pt !important;
    
  }

  title-agenda{
    width: 150px!important;
  }

  #rendezvous span {
    color: #ffffff;
    font-size: 15pt !important;
  }

  #logo-text {
    padding-left: 20px;
  }
}

@media (min-width: 1100px) {
  #navbarMobile {
    display: none !important;
  }

}

@media (max-width: 768px) {



  #accueil-livre p {
    color: #F0471C;
    font-family: "FreelandW05";
    font-size: 40pt!important;
    position: relative;
    text-align: center;
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
}

  .sem-right {

    padding-right: 0px !important;
  }

  #logo-text img {
    width: 150px !important;
  }


  #accueil {
    width: 100%;
    height: 86vh !important;
    
    margin-top: 95px !important;
    position: relative;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(32, 38, 34, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 6px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #37423b;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #CD9D82;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #CD9D82;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# accueil Section
--------------------------------------------------------------*/
#accueil {
  width: 100%;
  height: 86vh;
  background: url("../img/MAIN-MAUD.jpg") no-repeat center/cover;
  margin-top: 130px;
  position: relative;
}

#respire-accueil,
#podcast-accueil {
  width: 100%;
  padding-bottom: 50px;
  background: #ffffff;
  top: 150px;
  padding-top: 50px;
  position: relative;
}

#podcast-accueil .tel-img {
  height: 450px;
  top: 50px;
}

#podcast-accueil .img-maud {
  height: 202px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  position: relative;
  left: 0px;
}

#podcast-img, #podcast-im {
  width: 680px;
}

#podL-det-pod {
  width: 100px;
  margin: auto;
  background: #FFE200;
  height: 265px;
  margin-top: 63px;
  margin-bottom: auto;

  position: relative;

}

#portrait-titre {
  font-family: "FreelandW05", sans-serif;
  color: #FFE200 !important;
  font-size: 55pt;
  text-align: center;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  top: -1px;
  position: relative;
  width: 90%;
  /* margin-left: auto; */
  /* margin-right: 17%; */
  /* margin: auto; */
  margin-bottom: 10px;
}

#pod-titre {
  color: #015981;
  font-family: "TrendSansOne";
  font-size: 26.3pt;
  position: relative;
  text-align: center;
}

.live-img {
  width: 80%;
  border: 1px solid #d9d3c9;
}

#accueil:before {
  content: "";
  background: rgba(0, 0, 0, 0);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#accueil .container {
  padding-top: 72px;
}

#respire-accueil h1 {
  color: #F0471C;
  font-family: "FreelandW05";
  font-size: 45pt;
  -webkit-transform: rotate(-8deg);
  width: 70%;
}


#respire-accueil h3 {
  color: #015981;
  font-family: "TrendSansOne", sans-serif;
  font-size: 18pt;
  margin-top: 40px;
}

#respire-accueil h2 {
  color: #A2A1A1;
  font-family: "Muli", sans-serif;
  font-size: 15pt;
  width: 70%;
  text-align: justify;
  margin-top: 30px;
}

#respire-accueil p {
  color: #F0471C;
  font-family: "BulmerMTStd-Italic";
  font-size: 22pt;
  width: 70%;
  text-align: right;
  margin-top: 30px;
  line-height: 30px;
}

#respire-accueil h4 {
  color: #F0471C;
  font-family: "TrendSansOne";
  font-size: 13pt;
  width: 70%;
  text-align: right;
  margin-top: 0px;
}

#traduction .titre {
  color: #F0471C;
  text-align: left;
}

#traduction img {
  width: 20px;
  margin-left: 10px;
  position: relative;
  top: -2px;
}

#traduction .commande {
  color: #7E7972;
  text-align: left;
  border-bottom: 1px solid #015981;
  border-width: 90%;
  border-spacing: 5px;
  font-size: 15pt;
  padding: 20px;
  margin-bottom: 0 !important;
  font-family: "Andale";
  padding-left: 0;
}

#traduction .stitre {
  color: #7E7972;
  text-align: left;
  font-family: "Muli";
  font-size: 10pt;
  padding: 20px;
  margin-bottom: 0 !important;
}



#commande .titre {
  color: #F0471C;
  text-align: left;
}

#commande img {
  width: 20px;
  margin-left: 10px;
  position: relative;
  top: -2px;
}

#commande .commande {
  color: #7E7972;
  text-align: left;
  border-bottom: 1px solid #015981;
  border-width: 90%;
  border-spacing: 5px;
  font-size: 15pt;
  padding: 20px;
  margin-bottom: 0 !important;
  font-family: "Andale";
  padding-left: 0;
}

#commande .stitre {
  color: #7E7972;
  text-align: left;
  font-family: "Muli";
  font-size: 10pt;
  padding: 20px;
  margin-bottom: 0 !important;
}


@media (max-width: 992px) {

  .img-semdet {
    width: 100%!important;
    margin: auto!important;
  }
  #tit1{
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    margin: auto;
  }
  
  #tit2 {
    color: #00A9DD;
    font-family: 'FreelandW05';
    font-size: 25pt!important;
    -webkit-transform: rotate(-8deg);
    width: 70%;
    margin: auto;
    padding-bottom: 0!important;
    top: -8px!important;
    position: relative!important;
  }
  
  .sem-tit2 {
    color: #ef461c;
    font-size: 12pt!important;
    font-family: "Muli";
    margin-bottom: 0 !important;
  }
  
  .sem-stit2 {
    color: #015981;
    font-size: 12pt!important;
    font-family: "Muli";
    margin-bottom: 0 !important;
  }
  
  #tit3 {
    color: #ef461c;
    font-size: 13pt!important;
    font-family: "Muli";
    text-align: justify!important;
    width: 100%!important;
    margin: auto;
    margin-bottom: 15px;
  }
  
  .tit4 {
    width: 100%!important;
    height: 100%!important;
    margin: auto!important;
    text-align: justify;
    
  }
  .cuisine{
    padding-top: 10px;
  }
  
  .tarifs {
    width: 100%!important;
    height: 100%;
    margin: auto!important;
    text-align: justify;
    border:none!important;
  }
  
  .tarifs-col {
   
    border:none!important;
  }
  
  #inscription, #tarift{
    margin-top: 10px!important;
  }
  .titre-insc{
    font-size: 8pt!important;
  }
  .lydie{
    border:none!important;
  }
  
  .link-maud{
    margin: auto;
          width: 100%;
          position: relative;
          text-align: center;
          display: block;
          padding-bottom: 20px;
  }

  .audio-player {
    min-height: 540px;
    background: none !important;
  }

  #accueil .container {
    padding-top: 0px;
  }

  #media-img-titre {
    min-height: 200px !important;
  }

  #seminaire-img {
    padding-top: 20px !important;
  }

}

#accueil h1 {
  margin: 0;
  font-size: 26pt;
  font-weight: 100;
  line-height: 56px;
  color: #fff;
  font-family: "TrendSansOne", sans-serif;
  text-align: center;
  width: fit-content;
  margin-left: auto;
  margin-right: 15.5%;
  margin: auto;
}

#accueil h2,
#footer .citation {
  color: #fff;
  margin: 10px 0 0 0;
  font-size: 23px;
  font-family: "BulmerMTStd-Italic";
  text-align: center;


  position: relative;

}

#footer h4 {
  color: #fff !important;
  margin: 10px 0 0 0;
  font-size: 24px;
  font-family: "TrendSansOne";
  text-align: center;
}

.acceuil-maud {
  font-family: "TrendSansOne";
  font-size: 15.5pt;
  margin-top: 10px;
  text-align: center;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  color: #fff;
  margin: auto;
  padding-left: 25%;
  top: -4px;
  position: relative;
  float: right;
  padding-right: 10px;

}

#accueil h3 {
  font-family: "FreelandW05", sans-serif;
  color: #FFE200 !important;
  font-size: 55pt;
  text-align: center;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);

  top: -1px;
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: 17%;
  margin: auto;
  margin-bottom: 10px;
}


#accueil .btn-get-started,
.btnadd {
  font-family: "Araboto", sans-serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 35px;
  border-radius: 50px;
  transition: 0.5s;
  margin-top: 30px;
  border: 2px solid #fff;
  color: #fff;
}

.img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
}

#pod,
#podL {
  background: #8fd3f5;
  display: flex;
}

#pod-det {
  width: 70%;
  margin: auto;
  padding-top: 15px;
}

#podL-det {
  width: 41%;
  margin: auto;
  background: #FFE200;
  height: 60%;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  right: 0;
  position: relative;
  float: right;
  display: flex;
}


.pod-titre {
  color: #F0471C;
  font-family: "FreelandW05";
  font-size: 48pt;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
}

.live-titre {
  color: #F0471C;
  font-family: "TrendSansOne";
  font-size: 15pt;
  padding-top: 10px;
  text-transform: uppercase;
}

.live-stitre {
  color: #ffffff;
  font-family: "TrendSansOne";
  font-size: 9pt;
  padding: 0px;
  text-transform: uppercase;
}

.media2-titre {
  color: #F0471C;
  font-family: "TrendSansOne";
  font-size: 12pt;
  padding-top: 10px;
  text-transform: uppercase;
}

.media2-stitre {
  color: #00A9DD;
  font-family: "TrendSansOne";
  font-size: 9pt;
  padding: 0px;
  line-height: 20px;
  text-transform: uppercase;
}

.pop-pod {
  color: #015981;
  font-size: 26.3pt;
  font-family: "TrendSansOne";
  padding-top: 20px;
  margin-bottom: 0;
}

#seminaire{
  cursor: pointer;
}

.pop-spod {
  color: #ffffff;
  font-size: 17pt;
  font-family: "TrendSansOne";
  padding-top: 0px;
  margin-bottom: 0;
  line-height: 23pt;

}

.pod-episode {
  color: #015981;
  font-size: 11pt;
  font-family: "Andale";
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #015981;
  line-height: 40px;
  text-transform: uppercase;
  max-width: 650px;
  text-transform:uppercase;
}

.arrow-pod {
  max-width: 650px;
}


.portrait-titre {
  color: #64B7EA;
  font-family: "TrendSansOne";
  font-size: 20pt;


  position: relative;
}

.portrait-pod {
  color: #015981;
  font-size: 55pt;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  font-family: "FreelandW05";
  color: #FFE200;
  left: -100px;
  position: relative;
  margin-bottom: 50px;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.portrait-citation {
  color: #F0471C;
  font-size: 25pt;
  text-align: center;
  font-family: "BulmerMTStd-Italic";


  position: relative;
  margin-bottom: 60px !important;
}



.portrait-txt {
  color: #606060;
  font-size: 14pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  font-family: "Muli";
  text-align: justify;
  position: relative;
}

.seminaire-titre {
  color: #64B7EA;
  font-family: "FreelandW05";
  font-size: 42pt;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  top: -18px;
  position: relative;
}

.seminaire-pod {
  color: #015981;
  font-size: 26.3pt;
  font-family: "TrendSansOne";
  padding-top: 20px;
  margin-bottom: 0;
}

.seminaire-spod {
  color: #ffffff;
  font-size: 17pt;
  font-family: "TrendSansOne";
  padding-top: 0px;
  margin-bottom: 0;
  line-height: 20pt;

}

.seminaire-episode {
  color: #015981;
  font-size: 10pt;
  font-family: "TrendSansOne";
  padding-top: 20px;
  margin-bottom: 0;
  border-bottom: 2px solid #015981;
  line-height: 40px;
}

.seminaire-txt {
  color: #000000;
  font-size: 18pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  font-family: "bulmermtstd-regular";
  top: -35px;
  position: relative;
  line-height: 30px;
}

#pod .txt {
  color: #015981;
  font-size: 12pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  font-family: "Muli";
  margin-top: 15px;
  font-weight: 300;
}


.rendezvous-titre {
  color: #64B7EA;
  font-family: "FreelandW05";
  font-size: 26.3pt;
  top: -25px;
  border-bottom: 1px solid #fff;
  text-align: left;
}

.rendezvous-pod {
  color: #015981;
  font-size: 26.3pt;
  font-family: "TrendSansOne";
  padding-top: 10px;
  margin-bottom: 30PX;
  line-height: 42px;
}

#rendezvous span {
  color: #ffffff;
  font-size: 20pt;
  font-family: "BulmerMTStd-Italic";
  padding-top: 20px;
  margin-bottom: 0;
  line-height: 35px;
}

.rendezvous-spod {
  color: #ffffff;
  font-size: 17pt;
  font-family: "TrendSansOne";
  padding-top: 0px;
  margin-bottom: 0;
  line-height: 20pt;

}

.rendezvous-episode {
  color: #015981;
  font-size: 10pt;
  font-family: "TrendSansOne";
  padding-top: 20px;
  margin-bottom: 0;
  border-bottom: 2px solid #015981;
  line-height: 40px;
}

.rendezvous-txt {
  color: #ffffff;
  font-size: 15pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  font-family: "Andale";
}

#rendezvous .txt {
  color: #015981;
  font-size: 12pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
}

#rendezvous .btn-primary {
  color: #ffffff;
  font-size: 10pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  background: #E5007D;
  border: none;
  border-radius: 0;

  font-weight: 100;
  padding: 15px 20px 15px 20px !important;
  margin-bottom: 0;

  border: none;
  border-radius: 0;
  margin-top: 60px;
  top: -20px;
  position: relative;
  font-family: "TrendSansOne";
}

.form-control {
  display: inline-block;
  width: 375px;
  float: right;
  padding: .375rem .75rem;
  font-size: 12px;
  line-height: 1.5;
  color: #8f8f8f;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  font-family: "Andale";
  color: #015981;
}

.form-control2 {
  display: inline-block;
  width: 380px;
  float: right;
  padding: .375rem .75rem;
  font-size: 12px;
  line-height: 1.5;
  color: #8f8f8f;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  font-family: "Andale";
  color: #015981;
}

.form-group {

  border-bottom: 1px solid #009fd7;
  padding-bottom: 20px;
}

form button:hover {
  color: white!important;
}

input:focus{
  outline: none;
}

.inscription-form {
  max-width: 500px;
  margin: 0px auto 0;
  background: #d5d7de;
}

.title-contact {
  color: #009fd7;
  font-size: 10pt;
  width: 140px;
  display: inline-block;
}

.live-link,
.live-link:hover {
  font-family: "TrendSansOne";
  background: #F0471C;
  border: none;
  color: #ffffff;
  font-size: 8pt;
  font-weight: 100;
  padding: 13px 25px 10px 25px !important;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  margin-top: 30px;
  font-family: "TrendSansOne";
}


#sendmessage {
  color: #63b7ea;
  border: 1px solid #63b7ea;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

#popup_image
{
	margin:0;
	padding:0;
	position:absolute;
	width:0px;
	height: 0px;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:left;
	display:none;
	top:50px;
	overflow:hidden;
	padding:4px;
	z-index:999999;
	border-radius:10px;
	background:#fff;
  border : 1px solid #ddd;
  cursor:all-scroll;
  box-shadow : 0 13px 8px -10px rgba(0, 0, 0, 0.1);
  zoom:1;
}

#content_popup_image
{
clear:both;
	margin:0;
	padding:0px;
	position:relative;
	width:90%;
	height:85%;
	text-align:left;
	left:20px;
	overflow:hidden;
	padding:4px;
	z-index:999999;
  border-radius: 10px;
  zoom:1;

}

#content_popup_presse
{
clear:both;
	margin:0;
	padding:0px;
	position:relative;
	width:100%;
	height:100%;
	text-align:left;
	left:20px;
	overflow:hidden;
	padding:4px;
	z-index:999999;
  border-radius: 10px;
  zoom:1;

}




#popup_book {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
display: none;
  top: 0vh;
  overflow: hidden;
  padding: 4px;
  z-index: 999999;


  zoom: 1;
}


 #popup_presse_video,  #popup_presse_video2 {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 0px;
  height: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  display: none;
  top: 50px;
  overflow: hidden;
  padding: 4px;
  z-index: 999999;

  background: #fff;
  border: 1px solid #ddd;

  box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1);
  zoom: 1;
}

#popup_presse {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 0px;
  height: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  display: none;
  top: 50px;
  overflow: hidden;
  padding: 4px;
  z-index: 999999;
  border-radius: 10px;
  background: #888;
  cursor: all-scroll;
}

#accueil .btn-primary {
  color: #ffffff;
  font-size: 10pt;
  font-weight: 100;
  padding: 15px 20px 15px 20px !important;
  margin-bottom: 0;
  background: #F0471C;
  border: none;
  border-radius: 0;
  margin-top: 30px;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  font-family: "TrendSansOne";
  margin-right: 32%;
  line-height: normal;
  top: 0;
  position: relative;
}


#seminaire .btn-primary {
  color: #ffffff;
  font-size: 12pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  background: #F0471C;
  border: none;
  border-radius: 0;
  margin-top: 30px;
  color: #ffffff;
  font-size: 10pt;
  font-weight: 100;
  padding: 15px 20px 15px 20px !important;
  margin-bottom: 0;

  border: none;
  border-radius: 0;
  margin-top: 30px;
  top: -20px;
  position: relative;
  font-family: "TrendSansOne";
}

#podcast .btn-primary {
  color: #ffffff;
  font-size: 12pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  background: #009ED6;
  border: none;
  border-radius: 0;
  margin-top: 30px;

  color: #ffffff;
  font-size: 10pt;
  font-weight: 100;
  padding: 15px 20px 15px 20px !important;
  margin-bottom: 60px;

  border: none;
  border-radius: 0;
  margin-top: 30px;

  font-family: "TrendSansOne";


}

.media-titre {
  color: #FFE200;
  font-family: "FreelandW05";
  font-size: 45pt;
  top: -25px;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  text-align: center;
  top: 55px;
  margin: 0;
  position: relative;
  left: -165px;
}

.media-pod {
  color: #ffffff;
  font-size: 26.3pt;
  font-family: "TrendSansOne";
  padding-top: 20px;
  margin-bottom: 60PX;
  line-height: 35px;
}

#media span {
  color: #ffffff;
  font-size: 15pt;
  font-family: "BulmerMTStd-Italic";
  padding-top: 20px;
  margin-bottom: 0;
  line-height: 35px;
}

.media-spod {
  color: #ffffff;
  font-size: 17pt;
  font-family: "TrendSansOne";
  padding-top: 0px;
  margin-bottom: 0;
  line-height: 20pt;

}

.media-episode {
  color: #015981;
  font-size: 10pt;
  font-family: "TrendSansOne";
  padding-top: 20px;
  margin-bottom: 0;
  border-bottom: 2px solid #015981;
  line-height: 40px;
}

.media-txt {
  color: #000000;
  font-size: 15pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 5px;
  font-family: "TrendSansOne";
  background: #fff;
  box-shadow: -5px -5px 5px #00000096;
  padding: 20px;
  max-height: 60px;
  padding-bottom: 18px;
  width: fit-content;
  line-height: 15pt;
}

#media .txt {
  color: #015981;
  font-size: 12pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  background: #fff;
  box-shadow: -5px 5px 5px #000000;

}

.media-img {
  width: 90px;
  margin-left: 20px;
}

#media .btn-primary {
  color: #ffffff;
  font-size: 12pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  background: #E5007D;
  border: none;
  border-radius: 0;
  margin-top: 30px;
  font-size: 10pt;
  font-weight: 100;
  padding: 15px 20px 15px 20px !important;
  margin-bottom: 0;

  border: none;
  border-radius: 0;
  margin-top: 30px;

  font-family: "TrendSansOne";
}


#media .btn-primary {
  color: #015981;
  font-size: 12pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;
  background: #FFE200;
  border: none;
  border-radius: 0;
  margin-top: 30px;
  padding: 5px;
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.reseaux-titre {
  color: #015981;
  font-family: "FreelandW05";
  font-size: 40pt;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  top: 0px;
  position: relative;
}


#reseaux .btn-primary {
  color: #ffffff;
  font-size: 12pt;
  padding: 0px;
  margin-bottom: 0;
  background: #F0471C;
  border: none;
  border-radius: 0;
  margin-top: 0px;

  font-size: 10pt;
  font-weight: 100;
  padding: 10px 20px 10px 20px !important;
  margin-bottom: 0;

  border: none;
  border-radius: 0;


  font-family: "TrendSansOne";
}

#reseaux img {
  width: 60%;
}

.btn-primary {

  font-size: 10pt;
  font-weight: 100;
  padding: 0px;
  margin-bottom: 0;

  border: none;
  border-radius: 0;
  margin-top: 30px;
  padding: 5px;
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}



#accueil .btn-get-started:hover {
  background: #CD9D82;
  border: 2px solid #CD9D82;
}

@media (min-width: 1024px) {
  #accueil {
    /*background-attachment: fixed;*/
    margin-top: 150px;
  }
}


@media (max-width: 768px) {

  #imglogo {}

  #accueil {
    height: 80vh;
  }

  .media-txt {
    font-size: 10pt !important;
    zoom: 0.6;
  }

  #media1 {
    left: -0px !important;
  }

  #media2 {
    left: 0px !important;
  }

  #accueil h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .media-titre {
    left: 0 !important
  }

  #accueil h2 {
    font-size: 12px !important;
    line-height: 24px;
    max-width: 100% !important;
  }

  .acceuil-maud {
    font-family: "TrendSansOne";
    font-size: 12.5pt;
    margin-top: 10px;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    margin-right: 11.6%;
    top: -10px;
    position: relative;
  }

  .semianire .content {
    padding: 20px !important;
    background: #CD9D82;
    border-radius: 4px;
    color: #fff;
  }

  .input span::before {
    content: attr(data-info);
    top: -135px !important;
    width: 200px;
    transform: translateX(-5px) rotateZ(270deg) !important;
    font-size: 12px;
    text-indent: -10px;
    left: -95px !important;
  }

  .input2 span::before {
    content: attr(data-info);
    top: -135px !important;
    width: 200px;
    transform: translateX(-5px) rotateZ(270deg) !important;
    font-size: 12px;
    text-indent: -10px;
    left: -95px !important;
  }

  .input-flex-container {

    width: 50vw;

  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 0px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f6f7f6;
}

.section-title {
  padding-bottom: 40px;
}


@media (max-width: 1280px) {

  #over_livre,
  #over_livre2,
  #over_livre3 {
    zoom: 0.8;
  }

  .tel {
    margin-left: calc(41.66% - 240px);
    position: absolute;
    margin-top: 120px;
  }


  .tel-img {
    height: 400px;
  }

  .img-maud {
    height: 237px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    position: relative;
    left: -130px !important;
  }

  #rendezvous-img {
    height: 450px;
  }


  #navbar .col-5 {
    flex: 0 0 auto;

  }
}

@media (max-width: 1600px) {

  .img-maud {
    height: 237px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    position: relative;
    left: -120px !important;
  }
}

@media (max-width: 1500px) {

  #div-livre{
    width: 95%;
    margin: auto;
   }

  #contact-form-div {
    width: 80% !important;
  }

  #media-img-titre {
    min-height: 400px !important;

  }

  .img-maud {
    height: 237px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    position: relative;
    left: -130px !important;
  }

  #agenda p {
    color: #015981;
    font-family: "Muli", sans-serif;
    font-size: 15pt;
    margin-bottom: 60px;
  }

  .navbar a,
  .navbar a:focus {
    display: inline-block;
    align-items: center;
    justify-content: space-between;


    font-size: 10.5pt;
    font-weight: 500;
    color: #015981;
    white-space: nowrap;
    transition: 0.3s;
    font-weight: 100;
  }

  #accueil h2 {
    font-size: 23px !important;
  }

}

@media (max-width: 1400px) {

  #div-citation{
   left: initial!important;
  }

  #div-livre{
    width: 100%;
    margin: auto;
   }

  .acceuil-maud {
    font-family: "TrendSansOne";
    font-size: 18.5pt;
    margin-top: 10px;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    margin: auto;
    padding-left: 0;
    top: -4px;
    position: relative;
}

  .navbar a,
  .navbar a:focus {

    font-size: 9.2pt;

  }

  .sem-left {
    color: #015981;
    font-family: "Muli", sans-serif;
    font-size: 14pt;
    width: 90%;
    text-align: justify;
    float: right;
    margin-top: 50px;
  }

  #div-contact {
    max-width: 100% !important;
    padding-left: 50px;
  }

  #contact-form-div {
    width: 100% !important;
  }

  #media-img-titre {
    min-height: 300px !important;

  }

  .media2-stitre {
    color: #00A9DD;
    font-family: "TrendSansOne";
    font-size: 9pt;
    padding: 0px;
    line-height: 20px;
  }

  #col-agenda {
    padding-right: 0%;
  }

  #col-agenda .img-titre-agenda {
    left: -90px !important;
  }

  .agenda-txt {
    color: #015981 !important;
    font-size: 10pt !important;
    margin: 0 !important;
    font-family: "Andale" !important;
    font-size: 14pt;
    border-bottom: 1px solid #015981;
    padding-bottom: 10px;
    margin-bottom: 35px !important;
  }



  #agenda p {
    color: #015981;
    font-family: "Muli", sans-serif;
    font-size: 12pt;
    margin-bottom: 60px;
  }

  .img-maud {
    height: 237px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    position: relative;
    left: -140px !important;
  }

  .media-txt {
    zoom: 0.9;
  }

  #accueil h2 {
    font-size: 23px !important;
  }

}

@media (max-width: 1300px) {

  .tarifs{
    width: 75%!important;
   
}

  .navbar a,
  .navbar a:focus {

    font-size: 8pt;

  }

  .img-maud {
    height: 237px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    position: relative;
    left: -150px !important;
  }

  .media-txt {
    zoom: 0.8;
  }
}

@media (max-width: 1200px) {

  .colimg{
    text-align: center!important;
  }

  .btn-livre-accueil img {
    margin-right: inherit!important;
    margin-left: inherit!important;
  }
  .acceuil-maud {
    font-family: "TrendSansOne";
    font-size: 18.5pt;
    margin-top: 10px;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    margin: auto;
    padding-left: 0;
    top: -4px;
    position: relative;
}

  .navbar a,
  .navbar a:focus {
    font-size: 7.5pt;
  }

  #contact-form-div {
    width: 100% !important;
    zoom: 0.8;
  }

  #accueil h2 {
    font-size: 23px !important;
  }

  .btn-agenda {
    height: 35px !important;
    top: -11px !important;
  }

  .live-stitre {
    color: #ffffff;
    font-family: "TrendSansOne";
    font-size: 10pt !important;
    padding: 0px;
    text-transform: uppercase;
  }


  .agenda-txt {
    color: #015981 !important;
    font-size: 9pt !important;
    margin: 0 !important;
    font-family: "Andale" !important;
    font-size: 14pt;
    border-bottom: 1px solid #015981;
    padding-bottom: 10px;
    margin-bottom: 35px !important;
  }

  #accueil h1 {
    margin: 0;
    font-size:27pt;
    font-weight: 100;
    line-height: 56px;
    color: #fff;
    font-family: "TrendSansOne", sans-serif;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: 15.5%;
    margin: auto;
  }

  #accueil h3 {
    font-family: "FreelandW05", sans-serif;
    color: #FFE200 !important;
    font-size: 57pt;
    text-align: center;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    top: 1px;
    position: relative;
    width: fit-content;
    margin-left: auto;
    margin-right: 17%;
    margin: auto;
  }

  #logo-footer {
    width: 250px;
    left: initial !important;
    position: relative;
  }

  #div-citation {

    left: initial !important;

  }

  .citation {
    margin: auto;
    font-size: 22px !important;
  }

  #link-left {
    width: auto !important;
    margin-left: initial !important;
  }

  #link-right {
    width: auto !important;
    margin-left: initial !important;
  }

}

@media (max-width: 1100px) {

  .btn-livre-accueil img {
    margin-right: inherit!important;
    margin-left: inherit!important;
  }
  #accueil h2 {
    font-size: 23px !important;
  }

  #accueil h1 {
    margin: 0;
    font-size: 27pt;
    font-weight: 100;
    line-height: 56px;
    color: #fff;
    font-family: "TrendSansOne", sans-serif;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: 15.5%;
    margin: auto;
  }

  #accueil h3 {
    font-family: "FreelandW05", sans-serif;
    color: #FFE200 !important;
    font-size: 57pt;
    text-align: center;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    top: 1px;
    position: relative;
    width: fit-content;
    margin-left: auto;
    margin-right: 17%;
    margin: auto;
  }

}

@media (max-width: 1180px) {

  .navbar a,
  .navbar a:focus {
    font-size: 7pt;
  }

  .media-txt {
    zoom: 0.7;
  }
}

@media (max-width: 1000px) {

  #contact-form-div {
     zoom: 1; 
}

  .colimg{
    text-align: center!important;
  }

  #rdv-acceuil {
    margin: auto;
  }

  #rdv-acceuil .rendezvous-txt {
    margin-top: 20px;
  }

  .media-txt {
    zoom: 0.6;
  }

  #table-accueil {
    float: right;
    width: 450px;
  }
}

@media (max-width: 992px) {

  .img-contact-maud {
    background: #F7F6F2;
    padding-top: 50px;
  }

  #div-contact {
    max-width: 720px !important;
    padding-left: calc(var(--bs-gutter-x)* .5);
  }

  .img-titre-contact {
    max-width: 300px !important;
    margin-bottom: 100px;
  }

  #live-agenda .btn-live-agenda {
    font-size: 8pt !important;
    width: 80%;
  }

  .live-stitre {
    color: #ffffff;
    font-family: "TrendSansOne";
    font-size: 8pt !important;
    padding: 0px;
    text-transform: uppercase;
  }

  #over_livre,
  #over_livre2,
  #over_livre3 {
    zoom: 0.6 !important;
  }

  #agenda-title-img {
    text-align: center !important;
  }

  #agenda {
    padding-top: 60px !important;
  }

  #col-agenda .img-titre-agenda {
    left: -50px !important;
    width: 80%;
  }

  .tel {
    margin-left: calc(35% - 178px);
    position: absolute;
    margin-top: 100px;
  }

  #rendezvous-img {
    height: 350px;
  }

  .tel-img {
    height: 400px;
  }

  #logo-footer {

    margin-bottom: 30px;
  }

}


@media (max-width: 570px) {
  .icon-sn {
    height: 20px !important;
  }

}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
  font-family: "Araboto", sans-serif;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #9ae1af;
  margin: 4px 10px;
}

.section-title p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 100;
  text-transform: uppercase;
  font-family: "Araboto", sans-serif;
  color: #436E6E !important;
}

.breadcrumbs {
  margin-top: 73px;
  text-align: center;
  background: #CD9D82;
  padding: 30px 0;
  color: #fff;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 63px;
  }
}

.breadcrumbs h2 {
  font-size: 32px;
  font-weight: 500;
}

.breadcrumbs p {
  font-size: 14px;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-bottom: 10px;
}

.about .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #CD9D82;
}

.course-details ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #CD9D82;
}

.livre ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #CD9D82;
}

.livre p {
  text-align: justify;
}

.about p {
  text-align: justify;
}

#cource-details p {
  text-align: justify;
}

.cource-details-tabs p {
  text-align: justify;
}


.cource-details-tabs ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #CD9D82;
}

.about .content .learn-more-btn {
  background: #CD9D82;
  color: #fff;
  border-radius: 50px;
  padding: 8px 25px 9px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
}

.about .content .learn-more-btn:hover {
  background: #876551;
  color: #fff;
}

@media (max-width: 768px) {

  #section2{
    padding-bottom: 55px !important;
  }
  .page-pod {
    padding-top: 45px!important;
    padding-bottom: 130px!important;
}

.livre-pod-{
  top:120px!important;
  padding-bottom: 100px!important;
}

  #section4 {
    padding-top: 70px!important;
    padding-bottom: 55px!important;
}

  #rendezvous {
    padding-top: 0;
    background: #8fd3f5;
    padding-top: 75px;
    padding-bottom: 75px!important;;
    cursor: pointer;
}
  #seminaire{
    padding-top: 50px!important;
    padding-bottom: 70px!important;
  }

  #contact-form-div {
    width: 100% !important;
    zoom: 1;
}

  .colimg{
    text-align: center!important;
  }

  .btn-livre-accueil img{
    margin-left: inherit;
    margin-right: inherit;
  }

  .acceuil-maud {
    font-family: "TrendSansOne";
    font-size: 13.5pt;
    margin-top: 10px;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    margin: auto;
    padding-left: inherit;
    top: -4px;
    position: relative;
    padding-right: 18px;
}

  #live-agenda .btn-live-agenda {
    font-size: initial;
    width: initial;
  }

  #agenda-title-img {
    text-align: center !important;
  }

  #agenda {
    padding-top: 60px !important;
  }

  #col-agenda .img-titre-agenda {
    left: 0px !important;
    width: 100%;
  }

  .about .content .learn-more-btn {
    margin: 0 48px 0 0;
    padding: 6px 18px;
  }

  #table-accueil {
  
    width: 375px;
    top: 50px!important;
    
    float: none;
    margin: auto;
  }

  #accueil h1 {
    margin:auto;
    font-size: 22pt;
    font-weight: 100;
    line-height: 40px;
    color: #fff;
    font-family: "TrendSansOne", sans-serif;
    text-align: center;
    width: fit-content;
   
  }

  #accueil h3 {
    font-family: "FreelandW05", sans-serif;
    color: #FFE200 !important;
    font-size: 47pt;
    text-align: center;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    top: 15px;
    position: relative;
    width: fit-content;
    margin-left: auto;
    margin-right: 17%;
    margin: auto;
  }

  #accueil h2 {
    font-size: 18px !important;
  }

  #pod1,
  .tel-img {
    display: none !important;
  }

  #imglogo {
    width: 150px !important;
  }

  #logo-text {
    top: 0px;
    position: relative;
  }

  .icon-sn {
    height: 23px !important;
  }
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding: 30px 0;
}

.counts .counters span {
  font-size: 48px;
  display: block;
  color: #CD9D82;
  font-weight: 100;
}

.counts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Araboto", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #37423b;
}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.semianire .content {
  padding: 30px;
  background: #CD9D82;
  border-radius: 4px;
  color: #fff;
}

.semianire .content h3 {
  font-weight: 100;
  font-size: 34px;
  margin-bottom: 30px;
}

.semianire .content p {
  margin-bottom: 30px;
}

.semianire .content .more-btn {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 30px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: all ease-in-out 0.4s;
}

.semianire .content .more-btn i {
  font-size: 14px;
}

.semianire .content .more-btn:hover {
  color: #CD9D82;
  background: #fff;
}

.semianire .icon-boxes .icon-box {
  text-align: center;
  background: #fff;
  padding: 40px 30px;
  width: 100%;
  border: 1px solid #eef0ef;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}

.semianire .icon-boxes .icon-box i {
  font-size: 32px;
  padding: 18px;
  color: #CD9D82;
  margin-bottom: 30px;
  background: #ecf9f0;
  border-radius: 50px;
}

.semianire .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 100;
  margin: 0 0 30px 0;
  color: #436E6E !important;
}

.semianire .icon-boxes .icon-box p {
  font-size: 15px;
  color: #848484;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {
  padding-top: 0px;
}

.features .icon-box {
  display: flex;
  align-items: center;
  padding: 20px;
  transition: 0.3s;
  border: 1px solid #eef0ef;
}

.features .icon-box i {
  font-size: 32px;
  padding-right: 10px;
  line-height: 1;
}

.features .icon-box h3 {
  font-weight: 100;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
}

.features .icon-box h3 a {
  color: #37423b;
  transition: 0.3s;
}

.features .icon-box:hover {
  border-color: #CD9D82;
}

.features .icon-box:hover h3 a {
  color: #CD9D82;
}

/*--------------------------------------------------------------
# Courses
--------------------------------------------------------------*/
.courses .course-item {
  border-radius: 5px;
  border: 1px solid #eef0ef;
}

.courses .course-content {
  padding: 15px;
}

.courses .course-content h3 {
  font-weight: 100;
  font-size: 20px;
}

.courses .course-content h3 a {
  color: #37423b;
  transition: 0.3s;
}

.courses .course-content h3 a:hover {
  color: #CD9D82;
}

.courses .course-content p {
  font-size: 14px;
  color: #777777;
}

.courses .course-content h4 {
  font-size: 14px;
  background: #CD9D82;
  padding: 7px 14px;
  color: #fff;
  margin: 0;
}

.courses .course-content .price {
  margin: 0;
  font-weight: 100;
  font-size: 18px;
  color: #37423b;
}

.courses .trainer {
  padding-top: 15px;
  border-top: 1px solid #eef0ef;
}

.courses .trainer .trainer-profile img {
  max-width: 50px;
  border-radius: 50px;
}

.courses .trainer .trainer-profile span {
  padding-left: 10px;
  font-weight: 600;
  font-size: 16px;
  color: #5a6c60;
}

.courses .trainer .trainer-rank {
  font-size: 18px;
  color: #657a6d;
}

/*--------------------------------------------------------------
# temoignages
--------------------------------------------------------------*/
.temoignages .member {
  text-align: center;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #eef0ef;
}

.temoignages .member img {
  margin: -1px -1px 30px -1px;
}

.temoignages .member .member-content {
  padding: 10px 20px 30px 20px;
}

.temoignages .member h4 {
  font-weight: 100;
  margin-bottom: 2px;
  font-size: 18px;
  color: #436E6E !important
}

.temoignages .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

.temoignages .member p {
  padding-top: 10px;
  font-size: 14px;
  font-style: italic;
  color: #aaaaaa;
}

.temoignages .member .social {
  margin-top: 15px;
}

.temoignages .member .social a {
  color: #7e9486;
  transition: 0.3s;
}

.temoignages .member .social a:hover {
  color: #CD9D82;
}

.temoignages .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.projet .testimonial-wrap {
  padding-left: 0px;
}

.projet .projet-carousel,
.projet .projet-slider {
  overflow: hidden;
}

.projet .testimonial-item {
  box-sizing: content-box;

  margin: 30px 15px;


  position: relative;

}

.projet .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 10px;
  border: 6px solid #fff;
  position: absolute;
  left: -45px;
}

.projet .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.projet .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.projet .testimonial-item .quote-icon-left,
.projet .testimonial-item .quote-icon-right {
  color: #c1ecce;
  font-size: 26px;
}

.projet .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.projet .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.projet .testimonial-item p {
  font-style: italic;
  margin: 15px auto 15px auto;
}

.projet .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.projet .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #CD9D82;
}

.projet .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #CD9D82;
}

@media (max-width: 767px) {
  .projet .testimonial-wrap {
    padding-left: 0;
  }

  .projet .projet-carousel,
  .projet .projet-slider {
    overflow: hidden;
  }

  .projet .testimonial-item {
    padding: 30px;
    margin: 15px;
  }

  .projet .testimonial-item .testimonial-img {
    position: static;
    left: auto;
  }
}

/*--------------------------------------------------------------
# Cource Details
--------------------------------------------------------------*/
.course-details h3,
.livre h3,
.about h3,
.cource-details-tabs h3,
.temoignages h3,
.trainers h3 {
  font-size: 24px;
  margin: 30px 0 15px 0;
  font-weight: 100;
  position: relative;
  padding-bottom: 10px;
}

.course-details h3:before,
.livre h3:before,
.about h3:before,
.cource-details-tabs h3:before,
.temoignages h3:before,
.trainers h3:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: #eef0ef;
  bottom: 0;
  left: 0;
}

.course-details h3:after,
.livre h3:after,
.about h3:after,
.cource-details-tabs h3:after,
.temoignages h3:after,
.trainers h3:after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 1px;
  background: #CD9D82;
  bottom: 0;
  left: 0;
}

.course-details .course-info {
  background: #f6f7f6;
  padding: 10px 15px;
  margin-bottom: 15px;
}

.course-details .course-info h5 {
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  font-family: "Araboto", sans-serif;
}

.course-details .course-info p {
  margin: 0;
  font-weight: 400;
  text-align: justify;
}

.course-details .course-info a {
  color: #657a6d;
}

/*--------------------------------------------------------------
# Cource Details Tabs
--------------------------------------------------------------*/
.cource-details-tabs {
  overflow: hidden;
  padding-top: 0;
}

.cource-details-tabs .nav-tabs {
  border: 0;
}

.cource-details-tabs .nav-link {
  border: 0;
  padding: 12px 15px 12px 0;
  transition: 0.3s;
  color: #37423b;
  border-radius: 0;
  border-right: 2px solid #e2e7e4;
  font-weight: 600;
  font-size: 15px;
}

.cource-details-tabs .nav-link:hover {
  color: #CD9D82;
}

.cource-details-tabs .nav-link.active {
  color: #CD9D82;
  border-color: #CD9D82;
}

.cource-details-tabs .tab-pane.active {
  animation: fadeIn 0.5s ease-out;
}

.cource-details-tabs .details h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #37423b;
}

.cource-details-tabs .details p {
  color: #777777;
}

.cource-details-tabs .details p:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .cource-details-tabs .nav-link {
    border: 0;
    padding: 15px;
  }

  .cource-details-tabs .nav-link.active {
    color: #fff;
    background: #CD9D82;
  }
}

/*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/
.events .card {
  border: 0;
  padding: 0 30px;
  margin-bottom: 60px;
  position: relative;
}

.events .card-img {
  width: calc(100% + 60px);
  margin-left: -30px;
  overflow: hidden;
  z-index: 9;
  border-radius: 0;
}

.events .card-img img {
  max-width: 100%;
  transition: all 0.3s ease-in-out;
}

.events .card-body {
  z-index: 10;
  background: #fff;
  border-top: 4px solid #fff;
  padding: 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  margin-top: -60px;
  transition: 0.3s;
}

.events .card-title {
  font-weight: 100;
  text-align: center;
  margin-bottom: 20px;
}

.events .card-title a {
  color: #37423b;
  transition: 0.3s;
}

.events .card-text {
  color: #5e5e5e;
}

.events .read-more a {
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: 0.3s;
}

.events .read-more a:hover {
  color: #CD9D82;
}

.events .card:hover img {
  transform: scale(1.1);
}

.events .card:hover .card-body {
  border-color: #CD9D82;
}

.events .card:hover .card-body .card-title a {
  color: #CD9D82;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 20px;
  background: #fff;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  min-height: 400px;
  max-width: 270px;
  margin: auto;
}

.pricing h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 600;
  color: #777777;
  background: #f8f8f8;
}

.pricing h4 {
  font-size: 36px;
  color: #CD9D82;
  font-weight: 600;
  font-family: "Araboto", sans-serif;
  margin-bottom: 20px;
}

.pricing h4 sup {
  font-size: 15px;
  top: -15px;
  left: -0px;
  margin-right: 8px;
}

.pricing h4 span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #444444;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  min-height: 160px;
}

.pricing ul li {
  padding-bottom: 16px;
}

.pricing ul i {
  color: #CD9D82;
  font-size: 18px;
  padding-right: 4px;
}

.pricing ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.pricing .btn-wrap {
  margin: 20px -20px -20px -20px;
  padding: 20px 15px;
  background: #f8f8f8;
  text-align: center;
}

.pricing .btn-buy {
  background: #CD9D82;
  display: inline-block;
  padding: 8px 35px;
  border-radius: 50px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Araboto", sans-serif;
  font-weight: 600;
  transition: 0.3s;
}

.pricing .btn-buy:hover {
  background: #876551;
}

.pricing .featured h3 {
  color: #fff;
  background: #CD9D82;
}

.pricing .advanced {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #CD9D82;
  color: #fff;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact {
  padding-top: 60px;
}

.contact .info {
  width: 100%;
  background: #fff;
  padding: 6px;
}

.contact .info i {
  font-size: 20px;
  color: #CD9D82;
  float: left;
  width: 44px;
  height: 44px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #37423b;
}

.contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #657a6d;
}

.contact .info .email,
.contact .info .phone {
  margin-top: 40px;
}

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
  background: #CD9D82;
  color: #fff;
}

.contact .php-email-form {
  width: 100%;
  background: #f8f8f8;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #cd9d82;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #CD9D82;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: #CD9D82;
  border: 0;
  padding: 10px 35px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #876551;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #009ed6;
  font-size: 14px;
  background: #8fd3f5;
  padding-top: 90px;
  z-index: 1;
    position: relative;
}

.img-res, .live-img-rs, .img-icon-rs{
  z-index: 9;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #8fd3f5;
}

#footer .footer-top .footer-contact {}

#footer .footer-top .footer-contact h4 {
  font-size: 22px;
  margin: 0 0 30px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 100;
}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Araboto", sans-serif;
  color: #777777;
}

#footer .logo-text p {
  color: #ffffff !important;
  text-align: center !important;
  font-family: "TrendSansOne" !important;
  font-size: 25pt !important;
  line-height: 30px !important;


}


#footer span {
  color: #009ed6 !important;
  font-size: 10pt !important;
  top: -15px !important;
  position: relative !important;
}


#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #444444;
  position: relative;
  padding-bottom: 12px;
  padding-right: 0;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #CD9D82;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;

  align-items: center;
}

#footer hr {
  color: #ffffff;
  width: 50px;
  margin: auto;
  opacity: 1;
  height: 0px;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #015981;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  font-weight: 100;
  font-family: "TrendSansOne";
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #ffffff;
}

#footer .footer-newsletter {
  font-size: 15px;
}

#footer li {
  display: table;
  margin: 0px auto 0px auto;
}

#footer .footer-newsletter h4 {
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  text-align: left;
  border: 1px solid #e0e5e2;
}

#footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px 2px 20px;
  background: #CD9D82;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type=submit]:hover {
  background: #876551;
}

#footer .credits {
  padding-top: 5px;
  font-size: 13px;
}

#footer .credits a {
  color: #876551;
  transition: 0.3s;
}

#footer .credits a:hover {
  color: #CD9D82;
}

#footer .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #CD9D82;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .social-links a:hover {
  background: #876551;
  color: #fff;
  text-decoration: none;
}

/* -------------------------------- 

Primary style

-------------------------------- 
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);*/

*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Source Sans Pro", sans-serif;
  color: #383838;
  background-color: #f8f8f8;
}

a {
  color: #b38970;
  text-decoration: none;
}

/* -------------------------------- 

Main Components 

-------------------------------- */

.flex-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.input-flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 44vw;
  height: 300px;
  max-width: 1000px;
  position: relative;
  z-index: 0;
}

.input {
  width: 25px;
  height: 25px;
  background-color: #b38970;
  position: relative;
  border-radius: 50%;
}

.input:hover {
  cursor: pointer;
}

.input::before,
.input::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  background-color: #b38970;
  width: 5vw;
  height: 5px;
  max-width: 150px;
}

.input::before {
  left: calc(-5vw + 12.5px);
}

.input::after {
  right: calc(-5vw + 12.5px);
}

.input.active {
  background-color: #b38970;
}

.input.active::before {
  background-color: #b38970;
}

.input.active::after {
  background-color: #eacbbb;
}

.input.active span {
  font-weight: 100;
}

.input.active span::before {
  font-size: 13px;
}

.input.active span::after {
  font-size: 15px;
}

.input.active~.input,
.input.active~.input::before,
.input.active~.input::after {
  background-color: #eacbbb;
}

.input span {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}

.input span::before,
.input span::after {
  visibility: visible;
  position: absolute;
  left: 50%;
}

.input span::after {
  content: attr(data-year);
  top: 25px;
  transform: translateX(-50%);
  font-size: 14px;
}

.input span::before {
  content: attr(data-info);
  top: -110px;
  width: 200px;
  transform: translateX(-5px) rotateZ(-45deg);
  font-size: 12px;
  text-indent: -10px;
  left: -20px;
}


.input2 {
  width: 25px;
  height: 25px;
  background-color: #b38970;
  position: relative;
  border-radius: 50%;
}

.input2:hover {
  cursor: pointer;
}

.input2::before,
.input2::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  background-color: #b38970;
  width: 5vw;
  height: 5px;
  max-width: 150px;
}

.input2::before {
  left: calc(-5vw + 12.5px);
}

.input2::after {
  right: calc(-5vw + 12.5px);
}

.input2.active {
  background-color: #b38970;
}

.input2.active::before {
  background-color: #b38970;
}

.input2.active::after {
  background-color: #eacbbb;
}

.input2.active span {
  font-weight: 100;
}

.input2.active span::before {
  font-size: 13px;
}

.input2.active span::after {
  font-size: 15px;
}

.input2.active~.input2,
.input2.active~.input2::before,
.input2.active~.input2::after {
  background-color: #eacbbb;
}

.input2 span {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}

.input2 span::before,
.input2 span::after {
  visibility: visible;
  position: absolute;
  left: 50%;
}

.input2 span::after {
  content: attr(data-year);
  top: 25px;
  transform: translateX(-50%);
  font-size: 14px;
}

.input2 span::before {
  content: attr(data-info);
  top: -110px;
  width: 200px;
  transform: translateX(-5px) rotateZ(-45deg);
  font-size: 12px;
  text-indent: -10px;
  left: -20px;
}

.description-flex-container {
  width: 80vw;
  font-weight: 400;
  font-size: 22px;
  margin-top: -100px;
  max-width: 1000px;
}

.description-flex-container p {
  margin-top: 0;
  display: none;
}

.description-flex-container p.active {
  display: block;
}

.description-flex-container2 {
  width: 80vw;
  font-weight: 400;
  font-size: 22px;
  margin-top: -100px;
  max-width: 1000px;
}

.description-flex-container2 p {
  margin-top: 0;
  display: none;
}

.description-flex-container2 p.active {
  display: block;
}


@media (min-width: 1700px) {
  .input::before {
    left: -75px !important;
  }

  .input::after {
    right: -75px !important;
  }

  .input2::before {
    left: -75px !important;
  }

  .input2::after {
    right: -75px !important;
  }
}

@media (max-width: 1550px) {
  #logo-text img {
    width: 200px !important;
    margin-top: 12px;
  }
}



@media (min-width: 1250px) {
  .input::before {
    left: -60px;
  }

  .input::after {
    right: -60px;
  }

  .input2::before {
    left: -60px;
  }

  .input2::after {
    right: -60px;
  }
}

@media (max-width: 850px) {
  .input {
    width: 17px;
    height: 17px;
  }

  .input::before,
  .input::after {
    height: 3px;
  }

  .input::before {
    left: calc(-5vw + 8.5px);
  }

  .input::after {
    right: calc(-5vw + 8.5px);
  }

  .input2 {
    width: 17px;
    height: 17px;
  }

  .input2::before,
  .input2::after {
    height: 3px;
  }

  .input2::before {
    left: calc(-5vw + 8.5px);
  }

  .input2::after {
    right: calc(-5vw + 8.5px);
  }
}

@media (max-width: 768px) {

#tit1{
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  margin: auto;
}

#tit2 {
  color: #00A9DD;
  font-family: 'FreelandW05';
  font-size: 25pt!important;
  -webkit-transform: rotate(-8deg);
  width: 70%;
  margin: auto;
  padding-bottom: 0!important;
  top: -8px!important;
  position: relative!important;
}

.sem-tit2 {
  color: #ef461c;
  font-size: 12pt!important;
  font-family: "Muli";
  margin-bottom: 0 !important;
}

.sem-stit2 {
  color: #015981;
  font-size: 12pt!important;
  font-family: "Muli";
  margin-bottom: 0 !important;
}

#tit3 {
  color: #ef461c;
  font-size: 13pt!important;
  font-family: "Muli";
  text-align: justify!important;
  width: 100%!important;
  margin: auto;
  margin-bottom: 15px;
}

.tit4 {
  width: 100%!important;
  height: 100%!important;
  margin: auto!important;
  text-align: justify;
  
}
.cuisine{
  padding-top: 10px;
}

.tarifs {
  width: 100%!important;
  height: 100%;
  margin: auto!important;
  text-align: justify;
  border:none!important;
}

.tarifs-col {
 
  border:none!important;
}

#inscription, #tarift{
  margin-top: 10px!important;
}
.titre-insc{
  font-size: 8pt!important;
}
.lydie{
  border:none!important;
}

.link-maud{
  margin: auto;
        width: 100%;
        position: relative;
        text-align: center;
        display: block;
        padding-bottom: 20px;
}

.lf{
  text-align: left!important;  
}

  .title-contact {
    color: #009fd7;
    font-size: 10pt;
    width: 115px;
    display: inline-block;
}
  #respire-accueil p {
    color: #F0471C;
    font-family: "BulmerMTStd-Italic";
    font-size: 22pt;
    width: 70%;
    text-align: right;
    margin-top: 30px;
    line-height: 23px;
}

  #portrait-titre {
    font-family: "FreelandW05", sans-serif;
    color: #FFE200 !important;
    font-size: 35pt;
    text-align: center;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    top: -1px;
    position: relative;
    width: 90%;
    /* margin-left: auto; */
    /* margin-right: 17%; */
    /* margin: auto; */
    margin-bottom: 10px;
}

  #col1-livre {
    text-align: center!important;
    padding-right: calc(var(--bs-gutter-x)* .5)!important;
}

#col1-livre h3 {
  width: 95%!important;
}

#col1-livre  p {
  color: #F0471C;
  font-family: "BulmerMTStd-Italic";
  font-size: 14pt !important;
  width: 100% !important;
  text-align: center;
  margin-top: 30px;
}

 #section2 #over_livre, #section2 #over_livre2, #section2 #over_livre3 {
    zoom: 0.8 !important;
    margin-bottom: 45px !important;
}


  
 .livre-btn-img{
   height: 55px!important;
  }


  #portrait-ct{
   
      margin-top: 65px !important;
      padding-bottom: 30px !important;
 
  }
  #div-livre {
    padding-top: 40px;
    zoom:1!important;
  }

  #logo-text img {}

  #btn-savoir {
    padding: 0 !important;
    margin-top: 20px;
  }

  #btn-savoir img {
    height: 30px !important;
  }

  #pod {
    padding-left: 0px !important;
  }

  .pod-episode {
    color: #015981;
    font-size: 10pt;
    font-family: "Andale";
    width: 100% !important;
    margin-bottom: 0;
    border-bottom: 1px solid #015981;
    line-height: 40px;
    text-transform: uppercase;
  }

  #logo-footer {
    width: 200px !important;
    left: 0 !important;
  }

  #footer .footer-top {
    padding: 10px 0 30px 0 !important;
    background: #8fd3f5;
  }

  #footer {
    color: #009ed6;
    font-size: 14px;
    background: #8fd3f5;
    padding-top: 70px !important;
  }

  #div-citation {
    left: 0 !important;
  }

  #div-contact ul {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .copyright {
    font-size: 5pt !important;
  }

  #accueil-livre {
    top: 125px !important;
    height: 250px !important;
  }

  #over_livre,
  #over_livre2,
  #over_livre3 {
    zoom:0.8 !important;
    margin-bottom: 15px !important;
  }

  #livre-pod img {

    margin-bottom: 40px !important;
  }


  #traduction p,
  #commande p {
    color: #015981;
    font-family: "TrendSansOne";
    font-size: 10pt !important;
    position: relative;
    text-align: center;
  }

  .owl-carousel .prev-slide {

    left: 0px !important;
  }

  .owl-carousel .next-slide {
    right: 0px !important;
  }



  #btn-pod-acceuil {
    text-align: center !important;
  }

  #img-sem-accueil {
    height: 45px;
    margin-top: 0px !important;
    cursor: pointer;
    margin-bottom: 20px !important;
  }

  .rendezvous-txt {

    margin-top: 15px !important;

  }

  .rendezvous-pod {
    font-size: 20pt !important;
    line-height: 30px !important;
  }

  #rdv-acceuil {
    margin: auto;
  }

  .reseaux-titre {
    margin-top: 25px;
    font-size: 22pt !important;

  }

  .live-ct {
    margin-top:0 !important;
    font-size: 22pt !important;

  }

  #reseaux {
    padding-bottom: 0 !important;
    padding-top: 65px !important;

  }

  #img-reseaux-accueil {
     margin-top: 0px !important;
     margin-bottom: 20px !important;
  }

  .img-res {

    top: 35px !important;
  }



  #podcast-img , #podcast-im{
    width: 100% !important;
  }

  #live,
  #media {
    top: 95px !important;
    padding-bottom: 0 !important;
    padding-bottom:75px !important;
    margin-bottom: 0 !important;
  }

  #div-live-accueil {
    padding-bottom: 40px !important;
  }

  .live-stitre {

    font-size: 10pt !important;
  }

  .media2-stitre {

    font-size: 10pt !important;
  }

  #podcast-img , #podcast-im{
    width: 40%;
    padding-top: 30px;
    right: 0;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px !important;
  }

  .media-link {
    height: 45px;
    margin-top: -30px !important;
    margin-bottom: 50px !important;
   cursor: pointer;
  }

  #media {
    padding-top: 10px !important;
    margin-bottom: 0px !important;
  }

  #media-img-titre {
    width: 93.5%;
    height: 100%;
    margin: auto;
    text-align: center;
    padding-bottom: 80px;
    background: url(assets/img/MAUD.jpg) no-repeat center / cover;
    margin-bottom: 20px !important;
    min-height: inherit !important;
    display: flex;
  }

  .live-link {
    margin-top: -33px;
    height: 45px;
    margin-bottom: 50px !important;
  }

  #pod-det {
    padding-top: 0px;

    width: 90%;

  }

  .live-img-rs {
    position: relative;
    top: 35px !important;
  }

  #live {
    margin-bottom: 90px !important;
    padding-bottom: 25px !important;
  }
  .live-empty{
    height: 60px!important;
  }
  #btn-contact-live{

  }

  #live-off {
    height: 30px !important;
  }

  .pod-titre {
    margin-bottom: 0 !important;
  }

  .btn-livre-accueil img {
    margin-top: 20px !important;
    cursor: pointer;
    margin-bottom: 20px !important;
  }

  .btn-contact-live img {
    margin-top: 0 !important;
    margin-bottom: 20px;
  }

  #formation{
    background: #ffffff;
    padding-top: 50px!important;
    padding-bottom: 70px!important;
    position: relative;
    top: 150px;
    padding-left: 10%;
    padding-right: 10%;
}

  #media-img {
    width: 69% !important;

    right: 0;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    top: 30px !important;
  }

  #div-citation-portrait {
    padding-left: 35% !important;
  }

  #div-citation-portrait h2 {
    font-size: 28px !important;
    line-height: 24px;
    max-width: 100% !important;
  }

  #img-citation-portrait {
    margin-bottom: 0px !important;
    left: 30% !important;
  }

  .portrait-pod {
    left: 0 !important;
    font-size: 45pt !important;
  }

  .portrait-titre {
    color: #64B7EA;
    font-family: "TrendSansOne";
    font-size: 16pt !important;
    position: relative;
  }

  #portrait-maud {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 0px!important;
  }

  .portrait-citation {
    color: #F0471C;
    font-size: 15pt !important;
    width: 100%!important;
  }

  .audio-player {
   /* min-height: 165px;*/
  }

  .pod-mg {
    padding-left: 0px !important;
    padding-right: 0px !important;

  }

  #podcast {

    background: #8fd3f5;
  }

  .page-pod {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }


  #page-seminaire {
    top: 150px !important;
    padding-bottom: 0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 95px !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 75px!important;
  }

  .lien-rdv{
    padding-top: 130px !important;
  }

  .page-rdv {
    padding-top: 75px !important;
}

  #pod-img-titre {
    width: 100% !important;
    margin-top: 30px !important;
  }

  .arrow-pod {
    width: 100% !important;
  }

  #player,
  #audio-player {
    position: absolute;
    top: 410px !important;
    right: 75px !important;
    background: transparent !important;
    width: 184px !important;
    /*transform: scale(0.70) translateX(140px) translateY(-480px);*/

  }

  #pod-titre {
    color: #015981;
    font-family: "TrendSansOne";
    font-size: 14pt !important;
    adding-left: 20px;
    padding-right: 20px;
  }

  .livre {
    padding-bottom: 0 !important;
  }

  #section2 .container {
    padding-bottom: 0 !important;
  }

  #titre-sem {
    width: 100% !important;
  }


  #stitre-sem {
    max-width: 70% !important;
    padding-bottom: 30px !important;
  }

  .img-mer {
    max-width: 70% !important;
    width: 70% !important;
    margin-top: 20px;
    position: relative !important;
    margin-left: 0px!important;
  }

  #img-revez {
    width: 90% !important;
    margin-top: 0px !important;
  }

  #olivier {
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
    text-align: center !important;
  }

  .col-olivier {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .col-olivier2 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .sem-left {
    margin-bottom: 0px !important;

  }

  .colmer{
    text-align: center!important;
  }

  #index-sem{
    margin-left: 0!important;
  }

  .scene {
    width: 80%!important;
    height: 100%;
    margin: 16px auto;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    padding-top: 110px;
    display: flex;
}

.popupbook-titre {
  color: #F0471C;
  font-family: "FreelandW05";
  font-size: 25pt!important;
  position: relative;
  text-align: center;
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  padding-bottom: 15px;
}

.popuptitrebook{
  margin-top: 0px !important;
        margin-bottom: 0px !important;
}

#popup_presse {
 
  height: 90%!important;
  width: 80%!important;
  margin-top: 0px;
  left: 10%!important;
}

#content_popup_presse {
  clear: both;
  margin: 0;
  /* padding: 0px; */
  position: relative;
  width: 100%;
  height: 92%!important;
  text-align: left;
  left: 0px!important;
  overflow: hidden;
  padding: 4px;
  z-index: 999999;
  border-radius: 10px;
  zoom: 1;
}

.popupimg {
  width: 55px!important;
  margin-right: 5px;
}
  .sem-left,
  .sem-right {
    color: #015981;
    font-family: "Muli", sans-serif;
    font-size: 14pt;
    width: 100% !important;
    text-align: justify;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  #sem-container {
    padding-bottom: 20px !important;
  }

  .img-olivier,
  .img-femme {
    width: 100% !important;
  }

  #div-rever {
    padding-bottom: 20px !important;
  }

  .div-femme {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .volume {
    width: 15px !important;
    height: 15px !important;
  }

  .agenda-stitre {
    color: #015981 !important;
    font-size: 20pt !important;
  }

  .agenda-txt {
    color: #015981 !important;
    font-size: 9pt !important;

  }

  #col-agenda {
    padding-right: 15px !important;
  }

  .btn-agenda {
    height: 25px !important;
    float: right !important;
    top: -7px !important;
  }

  .agenda-stitre {

    line-height: 35px !important;
  }

  #agenda {
    background: #ffffff;
    padding-top: 100px !important;
    ;
    padding-bottom: 100px !important;
    ;
    position: relative;
    top: 125px !important;
    margin-bottom: 95px !important;
  }

  .img-titre-agenda {
    left: 0 !important;
    margin-bottom: 20px !important;
  }

  #agenda .st-agenda {
    color: #015981;
    font-family: "Muli", sans-serif;
    font-size: 13pt !important;
    margin-bottom: 30px !important;
  }

  .agenda-title {
    padding-right: 15px !important;
  }

  .col-titre-contact {
    padding-right: 0 !important;
  }

  #agenda-title-img {
    text-align: center !important;
  }

  .btn-live-agenda {
    margin-top: -30px !important;
    margin-bottom: 50px !important;
  }

  #contact {
    background: #F7F6F2;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
    position: relative;
    top: 150px !important;
    margin-bottom: 95px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .img-titre-contact {
    width: 100% !important;
    margin-bottom: 50px !important;
  }

  .form-control {
    display: inline-block;

  }

  #contact-form-div {
    width:100% !important;
  }

  .form-group {
    border-bottom: 1px solid #009fd7;
    padding-bottom: 5px !important;
  }

  #contact textarea {

    right: -3px !important;
    position: relative;
    float: right;
    font-size: 10pt;
    width: 100% !important;
        top: 5px;

  }

  .img-contact-maud {
    padding-top: 50px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  #page-media {
    padding-top: 20px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    top: 150px !important;
    margin-bottom: 95px !important;
  }

  .reseaux-contact {
    background: #ffffff;
    margin-bottom: -40px!important;
    padding-bottom: 0px!important;
    overflow: visible;
    
  }

  #reseaux-contact .icon-sn {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100px !important;
    height: auto !important;
  }

  #reseaux .icon-sn {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100px !important;
    height: auto !important;
    padding-bottom: 30px;
}

  .img-icon-rs {
    top: -25px !important;
  }

  #reseaux .img-icon-rs {
    top: -5px !important;
}

  #respire-accueil {
    width: 100%;
    height: fit-content;
    background: #ffffff;

    position: relative;
    padding-top: 75px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .livre-img {
    width: 265px !important;
  }

  .livre-div {
    text-align: center !important;
    padding-top: 10px;
  }

  #respire-accueil h3 {
    color: #015981;
    font-family: "TrendSansOne", sans-serif;
    font-size: 12pt !important;
    margin-top: 40px;
  }


  #respire-accueil h2 {
    color: #A2A1A1;
    font-family: "Muli", sans-serif;
    font-size: 13pt !important;
    width: 100% !important;
    text-align: justify;
    margin-top: 30px;
  }


  #respire-accueil p {
    color: #F0471C;
    font-family: "BulmerMTStd-Italic";
    font-size: 16pt !important;
    width: 100% !important;
    text-align: center;
    margin-top: 30px;
  }

  #respire-accueil h4 {
    color: #F0471C;
    font-family: "TrendSansOne";
    font-size: 14pt !important;
    width: 100% !important;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 10px !important;
  }

  #commande {
    background: #F7F4EF;

    padding-right: 15px !important;
    padding-left: 15px !important;
    padding-bottom: 40px !important;
  }

  #commande .titre {
    color: #F0471C;
    text-align: left;
    margin-top: 0px !important;

    margin-bottom: 20px !important;
  }

  #col1-livre  p {
    color: #F0471C;
    font-family: "BulmerMTStd-Italic";
    font-size: 14pt !important;
    width: 100% !important;
    text-align: center;
    margin-top: 30px;
  }
}

@media (max-width: 420px) {
  .agenda-txt {
    color: #015981 !important;
    font-size: 7pt !important;
}
}


.popupbook-titre {
  color: #F0471C;
  font-family: "FreelandW05";
  font-size: 35pt;
  position: relative;
  text-align: center;
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  padding-bottom: 15px;
}

.scene {
  width: 30%;
  height: 100%;
  margin: 16px auto;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  padding-top: 110px;
  display: flex;
  
}
.book {
  position: relative;
  width: 100%;
  height: 60%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background: #fff;
  margin: auto;
  padding: 15px;
  border: 1px solid #afafaf;
  overflow: auto;
}

.book::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

#content-press::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

.popupimg {
  width: 80px;
  margin-right: 5px;
}

#content-press{
  position: relative;
  width: 100%;
  height: 80%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background: #fff;
  margin: auto;
  padding: 15px;
 
  overflow: auto;
}