/*
  Theme Name:     Agence Echo
  Description:    Agence de communication Angers
  Author:         Maryline Cesbron
  Template:       Divi
  Version:        2.0
  */

  /*
  Rajoutez vos règles de CSS personnalisé ci-dessous
  */


  /*Centrer verticalement contenus modules*/
  .centrer-verticalement {
    display: flex;
    flex-direction: column;
    justify-content: center;

    /* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
  }



  /*Menu*/
  body div.et_pb_fullscreen_menu_opened  .et_slide_menu_top div#et-info{
    padding-top: 2px!important;
  }

  .et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons li{
    margin-right: 8px !important;
  }

  .mobile_menu_bar:before{
    font-size: 50px !important;
  }

  #et-top-navigation{
    padding-bottom: 0;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a{
    font-size: 1.25em;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .sub-menu li a {
    text-transform: Capitalize;
  }
  .et_slide_in_menu_container #mobile_menu_slide li li a{
    opacity: 0.8;
  }
  .et_header_style_fullscreen .et_slide_in_menu_container{
    padding-top:0 !important;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu{
    top:0;
  }

  .et_slide_in_menu_container .et_mobile_menu>.menu-item-has-children>a{
    font-weight: 500;
  }
  .et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before{
    color:#000000;
    font-weight:700;
  }

  li.distributeur a{
    font-weight: bold !important;
  }
  /*Fin menu*/

  /*Footer*/

  .home1-contact div.et_pb_main_blurb_image{
    margin-bottom: 15px !important;
  }
  /*Fin footer*/

  /*En-tête*/
  .home-header{
    position: relative;
  }

  .home-header .points-gris{
    position: relative;
    bottom: 7em;
  }
  .home-header .barres-rouges{
    position: absolute;
    bottom:5em;
  }

  #home1-section1{
    z-index:999999;
  }

  /*Fin en-tête*/

  sup {
      bottom: .5em;
      font-size: 0.8em;
    }

  /*Accueil savoir-faire*/
  #savoirfaire h3{
    font-size: 1em;
  }

  /*Autoriser césures*/
  #domaines-activites p{

    letter-spacing:-0.2px;
  }
    #domaines-activites .cesure p{
       -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto;
    }

  /*Fin cesures*/


  /*Responsive*/

  @media screen and (min-width:1440px){
    #home1-section1{
      width: 88% !important;
    }


  }

  @media screen and (max-width:1440px){
    .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a{
      font-size: 1em;
      padding-top: 5px !important;
      /* padding-bottom: 5px !important; */
    }
    .et_slide_in_menu_container #mobile_menu_slide li li a{
      font-size: 0.9em;
      padding: 0 !important;
    }
    .et_header_style_fullscreen .et_slide_menu_top{
      padding: 10px;
    }
  }
  @media screen and (max-width:1439px) and (min-width:981px){
    #home1-section1{
      width: 92% !important;
    }
    .home-header .points-gris{
      position: relative;
      bottom: 3em;
    }
    .et_pb_section_1 .et_pb_column_4 , #post-229 .et_pb_section_1 .et_pb_column_6 , #post-12 .et_pb_column_21 , #post-12 .et_pb_column_21 , #post-12  .et_pb_column_25{
      padding: 2.5em;
    }
    #post-12 .et_pb_section_1 .et_pb_column_4 , #post-229 .et_pb_section_1 .et_pb_row_3 .et_pb_column_4{
      padding: 0;
    }
  }
  @media screen and (min-width:768px){
    .et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons a{
      font-size: 28px !important;
    }
    .et_header_style_fullscreen div#et-info{
      margin-right: 20px;
    }
  }

  @media screen and (max-width:980px){
    #main-header{
      background-color: rgba(255,255,255,0) !important;
    }
    .et_header_style_fullscreen div#et-info{
      margin-top: 0!important;
    }
    body #home-header{
      position:relative !important;
    }

    /* body .barres-rouges{
    position:absolute !important;
    bottom:250px !important;
    margin-top:0 !important
    } */
    .home-header .points-gris{
      position: relative;
      bottom: 10em;
    }
    body #post-12 .home-header .points-gris{
      position: relative;
      bottom: 15em !important;
    }
    .et_pb_section_1 .et_pb_column_4 , #post-229 .et_pb_section_1 .et_pb_column_6 , #post-12 .et_pb_column_21 , #post-12 .et_pb_column_21 , #post-12  .et_pb_column_25{
      padding-right: 2em;
      padding-left: 2em;
    }
    #post-12 .et_pb_section_1 .et_pb_column_4 , #post-229 .et_pb_section_1 .et_pb_row_3 .et_pb_column_4{
      padding: 0;
    }
  }

  @media screen and (max-width:767px){
    .et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons a{
      font-size: 24px !important;
    }


  }


  @media screen and (max-width:425px){
    /*Header*/
    .home-header {
      padding-top: 5em !important;
    }

    .home-header .points-gris{
      position: relative;
      bottom: 3em;
    }
    /*Fin header*/


    .et_header_style_fullscreen div#et-info , .et_header_style_fullscreen ul.et-social-icons{
      margin-right: 0 !important;
    }
    body .barres-rouges{
      position:absolute !important;
      bottom:125px !important;
    }

    .mobile_menu_bar:before{
      font-size: 32px !important;
    }

    /*Menu*/
    #menu-item-177 img{
      max-width: 80%;
    }
    .et_header_style_fullscreen ul#mobile_menu_slide{
      padding-top: 5em !important;
    }
    /*Fin menu*/
    /*savoir faire accueil*/
    #post-12 #savoirfaire .et_pb_blurb{
      padding-top: 15% !important;
      padding-bottom: 15% !important;
    }
    /*fin savoir faire accueil*/
    h1{
      font-size: 2em !important;
    }
    h2{
      font-size: 1.5em !important;
    }
    h3{
      font-size: 1.15em !important;
    }
  #post-12 #savoirfaire h3{
    font-size: 1em !important;
  }
    .et_pb_section_1 .et_pb_column_4 , #post-229 .et_pb_section_1 .et_pb_column_6 , #post-12 .et_pb_column_21 , #post-12 .et_pb_column_21 , #post-12  .et_pb_column_25{
      padding-right: 1em;
      padding-left: 1em;
      padding-top: 3em;
      padding-bottom: 2em;
    }
    #post-12 .et_pb_section_1 .et_pb_column_4 , #post-229 .et_pb_section_1 .et_pb_row_3 .et_pb_column_4{
      padding: 0;
    }

    /*Footer*/
    body #post-12 #footer-contact .pb_blurb{
      padding-top: 0% !important;
      padding-bottom: 0% !important;
    }
    #post-12 #footer-contact .et_pb_column{
      margin-bottom: 1em;
    }

    #post-12 #footer-contact .et_pb_main_blurb_image{
      margin-bottom: 5px;
    }
    #reseaux-sociaux{
      width: 100% !important;
    }
    #reseaux-sociaux .et_pb_social_media_follow li a{
      margin-right: 0 !important;
    }
    #reseaux-sociaux .et_pb_social_icon{
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    /*Fin footer*/

  }

  @media screen and (max-width:320px){
    .home-header .points-gris{
      position: relative;
      bottom: 2em;
    }

  }


  /*Fin responsive*/