/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
*/

@import url("../Divi/style.css");

/* DEBUT - Déclarations des Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
/* END - Déclarations des Fonts*/

.section-entete{
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #CCCCCC;
}


.ld-menu-home > a{
  font-family: 'ETmodules'!important;
  font-size: 18px !important;
  color: #454242 !important;
}

.page-exemple .et_pb_section:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333333;
  width: 80%;
  height: 2px;
  opacity: 0.3;
}

.page-exemple .et_pb_section.section-text-general.call-to-action:before{
  display: none;
}

/* DEBUT - Déclarations générales
   Body, Ligne, Ligne en plein écran, bouton général du site */
.loader-site{
  display: none!important;
}
body:not(.et-tb) #main-content .container{
  padding-top: 0px;
}

body{
  font-family: var(--font-family-p-global);
  color: var(--color-p-global);
  font-size: var(--size-p-global);
  line-height: var(--line-height-p-global);
  counter-reset: section;
}
.et_pb_text_inner ul{
  list-style-image: url(https://formation.alliancedunumerique.fr/wp-content/uploads/2023/01/LOGO-ADN-PASTILLE.png);
}
.et_pb_text_inner ul li{
  margin-top:20px;
}
.row-width{
  width: 100%!important;
  max-width: 100%!important;
}

.row-width-full{
  width: 100%!important;
  max-width: 100%!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.bt-link-global,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button{
  display: inline-block;
  padding: 15px!important;
  padding-left: 25px!important;
  padding-right: 35px!important;
  border: 2px solid var(--color-link-border)!important;
  background-color: var(--background-link-general)!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
  color: var(--color-link-general);
  margin-top: 25px;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.3s ease!important;
  border-radius: 3px!important;
  position: relative!important;
  cursor: pointer;
  pointer-events: visible;
  margin-left: 0!important;
  margin-right: 0!important;
}

.bt-link-global:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after{
  content: "\35";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-transform: none;
  font-family: 'ETmodules'!important;
  transition: none!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
}

.bt-link-global:hover,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:hover{
  border: 2px solid var(--color-link-border)!important;
  background-color: var(--color-link-general)!important;
  color: var(--background-link-general)!important;
  padding-right: 35px!important;
}

.bt-link-global:hover:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after{
  opacity: 1;
  margin-left: 0;
}
/* END - Déclarations générales
   Body, Ligne, Ligne en plein écran, bouton général du site */

/* Section - Entête de page */

#entete-hauteur{
  width: 100%;
  max-width: 100%;
  height: calc(767px - var(--height-header));
}

#entete-hauteur.simple:before{
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
  z-index: 12;
}

#entete-hauteur .entete-simple{
  position: relative;
  z-index: 999;
}

#entete-hauteur .row-width-full,
#entete-hauteur .row-width{
  display: flex;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  z-index: 999;
}

#entete-hauteur.video{
  padding: 0!important;
}

#entete-hauteur .row-width-full.video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0!important;
  z-index: 11!important;
}

#entete-hauteur.video .row-width-full.video,
#entete-hauteur.video .row-width-full.video .et_pb_column,
#entete-hauteur.video .row-width-full.video .et_pb_column .et_pb_module,
#entete-hauteur.video .row-width-full.video .et_pb_column .et_pb_module .et_pb_code_inner{
  padding: 0!important;
  height: 100%!important;
}

#entete-hauteur .row-width h1{
  font-family: var(--font-family-title-entete);
  color: var(--color-title-entete);
  font-size: var(--font-size-title-entete);
  line-height: var(--font-size-title-entete);
  text-align: var(--alignement-title-entete);
  font-weight: bold;
  padding-bottom: 0px!important;
  margin-bottom: 15px;
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur .row-width p{
  font-family: var(--font-family-p-entete);
  color: var(--color-p-entete);
  font-size: var(--font-size-p-entete);
  line-height: var(--line-height-p-entete);
  text-align: var(--alignement-p-entete);
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur.entete-hauteur-full{
  width: 100%;
  max-width: 100%;
  height: calc(100vh - var(--height-header));
}

#entete-hauteur.entete-hauteur-page{
  width: 100%;
  max-width: 100%;
  height: calc(500px - var(--height-header));
}

#entete-hauteur.slider{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#entete-hauteur.slider .row-width-full,
#entete-hauteur.slider .et_pb_column,
#entete-hauteur.slider .et_pb_column .et_pb_module,
#entete-hauteur.slider .et_pb_column .et_pb_module .et_pb_code_inner{
  padding: 0!important;
  height: 100%!important;
}

#entete-hauteur .slider-basique{
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides,
#entete-hauteur .slider-basique .et_pb_slide{
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides{
  z-index: 999;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_container{
  z-index: 999;
  width: 100%!important;
  max-width: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide{
  padding: 0!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description{
  padding: 0!important;
  width: 1440px;
  max-width: 100%;
  margin: auto;
  padding-left: 80px!important;
  padding-right: 80px!important;
  float: none!important;
  z-index: 99999;
  position: relative;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before{
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
  z-index: 9999;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
  font-family: var(--font-family-title-entete);
  color: var(--color-title-entete-slider);
  font-size: var(--font-size-title-entete);
  line-height: var(--font-size-title-entete);
  text-align: var(--alignement-title-entete);
  font-weight: bold;
  padding-bottom: 0px!important;
  margin-bottom: 15px;
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide p{
  font-family: var(--font-family-p-entete);
  color: var(--color-p-entete-slider);
  font-size: var(--font-size-p-entete);
  line-height: var(--line-height-p-entete);
  text-align: var(--alignement-p-entete);
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_button_wrapper{
  text-align: left!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a{
  width: 280px!important;
  max-width: 100%;
  padding-right: 10px!important;
  padding-left: 10px!important;
  text-align: center;
  display: flex!important;
  align-items: center;
  justify-content: center;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a:before{
  content: "\49";
  font-family: 'ETmodules'!important;
  display: inline-block;
  margin-right: 10px;
  position: relative!important;
  opacity: 1!important;
  margin-left: 0px!important;
  transition: all 0.3s ease!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_slider_container_inner.play .et_pb_button_wrapper a:before{
  content: "\5f";
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a:after{
  display: none!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video,
#entete-hauteur .slider-basique .et_pb_slide_video .wp-video,
#entete-hauteur .slider-basique .et_pb_slide_video .wp-video-shortcode,
#entete-hauteur .slider-basique .et_pb_slide_video .mejs-inner{
  width: 100%!important;
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  margin-top: 0!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video video{
  width: 100%!important;
  height: 100%!important;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 99;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_slider_container_inner.play video{
  opacity: 1;
  visibility: visible;
}

#entete-hauteur .slider-basique .et_pb_slide_video .mejs-controls,
#entete-hauteur .slider-basique .et_pb_slide_video .mejs-layers{
  display: none!important;
}

#entete-hauteur .slider-basique .et-pb-arrow-next,
#entete-hauteur .slider-basique .et-pb-arrow-prev{
  font-size: 80px!important;
  z-index: 9999999;
}

#entete-hauteur .slider-basique .et-pb-arrow-prev{
  left: -10px!important;
}

#entete-hauteur .slider-basique .et-pb-arrow-next{
  right: -10px!important;
}

/* END - Section - Entête de page */

/* Section - Intérieur */

.section-text-general{
  padding-top: var(--section-text-general-marge-top-bottom)!important;
  padding-bottom: var(--section-text-general-marge-top-bottom)!important;
}

.section-text-general .row-width{
  padding-top: var(--section-text-general-marge-int-top-bottom)!important;
  padding-bottom: var(--section-text-general-marge-int-top-bottom)!important;
}

.section-text-general .row-width-titre{
  padding-bottom: 20px!important;
}

.section-text-general.call-to-action{
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.section-text-general.call-to-action .bt-link-global{
  margin-top: 10px!important;
  margin-bottom: 40px!important;
  left: 50%;
  transform: translateX(-50%);
}

.section-text-general.call-to-action .bloc-general-texte{
  margin-top: 40px!important;
}
.bloc-contact.adresse:before{
  content: "\e01d";
}

.bloc-contact.horaires:before{
  content: "\7d";
}

.bloc-contact.telephone:before{
  content: "\e090";
}

.bloc-contact.email:before{
  content: "\e010";
}

.bloc-contact.acces{
  padding-left: 0px;
}

.galerie-simple .et_overlay:before{
  color: var(--color-general)!important;
}

.galerie-simple .et_pb_gallery_image{
  background-color: #CCC;
}

.galerie-simple .et_pb_gallery_image img{
  display: block;
}

.mfp-title{
  display: none;
}

.mfp-fade .mfp-figure {
  transition: all 0.3s ease-out;
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.mfp-fade.mfp-image-loaded .mfp-figure {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-fade.mfp-removing .mfp-figure {
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.carrousel-logo .wdcl-carousel-item{
  background-color: #CCC;
}

.carrousel-logo .wdcl-carousel-item img{
  opacity: 1;
}

/**/

/* Actus home + page */

.row-actus .bt-link-global{
  text-align: center!important;
  width: 400px!important;
  max-width: 100%!important;
  display: block!important;
  margin-left: auto!important;
  margin-right: auto!important;
}

.blog-actu article h2{
  padding-bottom: 5px!important;
}

.blog-actu article h2 a{
  color: var(--color-title-blog)!important;
  font-size: var(--size-title-blog)!important;
  line-height: var(--line-height-title-blog)!important;
  font-weight: bold;
}

.blog-actu article .post-meta .published{
  color: var(--color-date-blog)!important;
  font-size: var(--size-date-blog)!important;
  line-height: var(--line-height-date-blog)!important;
}

.blog-actu article .post-content p{
  color: var(--color-p-blog)!important;
  font-size: var(--size-p-blog)!important;
  line-height: var(--line-height-p-blog)!important;
}

.blog-actu article .more-link{
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
  display: block;
  padding: 5px;
  width: 100%!important;
  background-color: var(--background-lire-plus-blog)!important;
  border: 2px solid var(--background-lire-plus-blog)!important;
  color: var(--color-lire-plus-blog)!important;
  transition: all 0.3s ease;
  border-radius: 29px!important;
}

.blog-actu article .more-link:hover{
  background-color: var(--color-lire-plus-blog)!important;
  color: var(--background-lire-plus-blog)!important;
}

.wp-pagenavi{
  text-align: center;
  padding-top: 30px;
}

.wp-pagenavi span.current{
  background-color: var(--background-pagination-current)!important;
  color: var(--color-pagination-current)!important;
}

.wp-pagenavi a{
  background-color: var(--background-pagination)!important;
  color: var(--color-pagination)!important;
  transition: all 0.3s ease;
}

.wp-pagenavi a:hover{
  background-color: var(--color-pagination)!important;
  color: var(--background-pagination)!important;
}

.wp-pagenavi a,
.wp-pagenavi span.current{
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid var(--color-pagination)!important;
}
.wp-pagenavi a,
.wp-pagenavi span.current{
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid var(--color-pagination)!important;
}

.single-post #left-area {
  width: 100%!important;
  float: none!important;
}

.single-post #main-content .container:before{
  display: none!important;
}

.single-post .et_post_meta_wrapper img{
  float: right;
  max-width: 40%;
  margin-left: 20px;
  margin-bottom: 20px;
}

.single-post .entry-content{
  padding-top: 0px;
}

.single-post .post-meta .published{
  color: var(--color-date-blog)!important;
  font-size: var(--size-date-blog)!important;
  line-height: var(--line-height-date-blog)!important;
}



/* END - General CSS */

/* Plan du site */

.wsp-pages-list{
  display: flex;
  flex-direction: row;
  list-style: none;
  flex-wrap: wrap;
  padding: 0!important;
}

.wsp-pages-list li.page_item{
  flex-basis: 32%;
  background-color: #fbfbfb;
  margin: 0.5%;
  padding: 10px;
  border: 1px solid #CCC;
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.wsp-pages-list li.page_item:hover{
  background-color: #efefef;
}

.wsp-pages-title{
  display: none;
}
.et-l--footer.fixed{
  position: fixed;
  width: 100%;
  bottom: 0;
 /* z-index: -10;*/
}

/* END - Plan du site */


@media screen and (max-width: 1200px) {
  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .content-text-slider .title-slide{
    font-size: var(--font-size-title-entete-1200);
    line-height: var(--font-size-title-entete-1200);
  }
}

@media screen and (max-width: 980px) {

  #footer-basic .row-width{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #footer-basic.centre .row-width .et_pb_column{
    flex-basis: 46%;
    margin-right: 2%;
    max-width: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:last-child{
    margin-right: 0;
  }

  #footer-basic.left .row-width .et_pb_column{
    flex-basis: 28%;
    margin-right: 2%;
  }

  #footer-basic.left .row-width .et_pb_column:last-child{
    margin-right: 0;
  }

  #footer-basic.left .row-width .et_pb_column:nth-child(1){
    flex-basis: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(1){
    order: 2;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(2){
    order: 1;
    flex-basis: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(3){
    order: 3;
  }

  .single-post .et_post_meta_wrapper img{
    float: none;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .row-width-focus-5 .focus-column:last-child{
    width: 100%;
  }

  .bloc-general-texte.float-img img {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
  }

  .bloc-image-text{
    height: 40vh!important;
  }

  .row-reverse{
    display: flex;
    flex-direction: column-reverse;
  }

  .row-reverse .et_pb_column:first-child{
    margin-top: 30px;
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-980);
    line-height: var(--font-size-title-entete-980);
  }

  #entete-hauteur{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-full{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-page{
    height: calc(45vh - var(--height-header-resp));
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description{
    padding-left: 30px!important;
    padding-right: 30px!important;
  }

  #entete-hauteur .slider-basique .et-pb-slider-arrows{
    top: calc(100% - 80px)!important;
    width: 150px!important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999!important;
  }

  #entete-hauteur .slider-basique .et-pb-arrow-next,
  #entete-hauteur .slider-basique .et-pb-arrow-prev{
    opacity: 1!important;
  }

  .wsp-pages-list li.page_item{
    flex-basis: 49%;
  }
}

@media screen and (max-width: 767px) {

  #footer-basic .row-width{
    align-items: center;
    flex-direction: column;
  }

  #footer-basic.centre .row-width .et_pb_column,
  #footer-basic.left .row-width .et_pb_column{
    width: 300px;
    max-width: 100%;
    margin-right: 0px!important;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(3){
    margin-top: 30px!important;
  }

  .et_pb_column .et_pb_grid_item, .et_pb_column .et_pb_grid_item.et_pb_portfolio_item {
    margin: 0 5.5% 9.5% 0;
    margin-bottom: 5.5%;
    width: 47.25%;
    clear: none;
    float: left;
  }

  .bt-link-global{
    font-size: var(--size-link-general-767)!important;
    line-height: var(--size-link-general-767)!important;
  }

  #entete-hauteur{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-full{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-page{
    height: calc(50vh - var(--height-header-resp));
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-767);
    line-height: var(--font-size-title-entete-767);
  }

  .wsp-pages-list li.page_item{
    flex-basis: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 576px) {
  #footer-basic.centre .row-width .et_pb_column,
  #footer-basic.left .row-width .et_pb_column{
    width: 100%;
    max-width: 100%;
    margin-right: 0px!important;
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-576);
    line-height: var(--font-size-title-entete-576);
  }

  #entete-hauteur .row-width p,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide p{
    font-size: var(--font-size-p-entete-576);
    line-height: var(--line-height-p-entete-576);
  }
}


.dashicons, .dashicons-before::before{
  line-height: inherit!important;
}
.pagination .alignleft a {
    color: #fff!important;
    position: relative;
}
.et_pb_blog_0_tb_body .pagination a{
  color: #fff!important;
}
.pagination .alignleft a:after {
    content: "Formations suivantes »";
    position: absolute;
    text-align: right;
    width: 300px;
    right: 0;
    color: #005798;
}
.alignleft{
  float: right;
}
.alignright{
  float: left;
}
.pagination .alignright a {
    color: #fff!important;
    position: relative;
}
.pagination .alignright a:after {

    content: "« Formations précédentes";
    position: absolute;
    text-align: left;
    width: 300px;
    left: 0;
    color: #005798;
}

.et_blog_grid_equal_height article {

  position: relative;
}
.et_blog_grid_equal_height .more-link{
  position: absolute;
  bottom: -10px;
}