/*
Theme Name:     Groupe écho
Description:    Agences de communication - Angers, Troyes, Cholet
Author:         Maryline Cesbron
Template:       Divi
Version:        3.0
*/

@font-face { 	font-family: "Nasaliza"; 	src: url('../includes/nasaliza.ttf'); }

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

.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;
}

body , h1 , h2 , h3 , h4 , h5 , h6 {
  font-family: 'Marine', sans-serif;
}

#et-info{
  padding-top: 0 !important;
}

#header-centre{
  width: 100% !important;
}

/* CSS refermer les sous-menus sur mobile */

#mobile_menu1 .menu-item-has-children > a {
  background-color: transparent;
  position: relative;
}
#mobile_menu1 .menu-item-has-children > a:after {
  font-family: 'ETmodules';
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
}
#mobile_menu1 .menu-item-has-children > a:after {
  font-size: 16px;
  content: '\4c';
  top: 13px;
  right: 10px;
}
#mobile_menu1 .menu-item-has-children.visible > a:after {
  content: '\4d';
}
#mobile_menu1 ul.sub-menu {
  display: none !important;
  visibility: hidden !important;
  transition: all 1.5s ease-in-out;
}
#mobile_menu1 .visible > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
}
/*fin menu*/


/*menu icones*/
img.logo-icones
{
  position: relative;
  top:7px;
  margin-right: 5px;
}
ul.sub-menu li{
  padding: 0 10px !important;
}

ul.sub-menu li a{
  padding-left: 0 !important;
}
.menu-groupe ul.sub-menu li a{
  padding-left: 10px !important;
}
/*fin menu icones*/


.btn-candidature{
  color: #0193A1!important;
  border-color: #0193A1!important;
  background-color: #0193A1;
  border:2px solid #0193A1 !important;
  border-radius:30px !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

/*Tableau*/

.tablepress thead th{
  background-color: #000000 !important;
  color:#ffffff !important;
}

/*fin tableau*/

@media screen and (max-width:1800px) and (min-width:981px){
  .et_pb_section_0{
    top:-200px !important;
  }
  body .et_pb_section_0 {
    padding-top: 17% !important;
}

@media screen and (max-width:1214) and (min-width:981px){
  body div.et_pb_number_counter .percent p{
    font-size: 3em !important;
  }
}

@media screen and (min-width:981px){
  .paralax-haut{
    background-attachment: fixed !important;
  }
}

@media screen and (max-width:1800px){
  .et_pb_section_video{
    top: -16vh !important;
    padding-top: 18% !important;
    padding-bottom: 14% !important;
  }

  body .arrondi-noir{
    border-radius: 180px 0 0 180px !important;
    padding-right: 2% !important;
    padding-left: 5% !important;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .sect2-txt{
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
}

@media screen and (max-width:1214px){
  .et_pb_menu__logo img{
    width: 150px !important;
  }
  .et_pb_gutters1 .et_pb_column_1_5, .et_pb_gutters1.et_pb_row .et_pb_column_1_5{
    /* width: 10% !important; */
  }
  .et_pb_section_video{
    top: -18vh !important;
    padding-top: 22% !important;
    padding-bottom: 10% !important;
  }
  body .sect1-txt{
    padding-top: 2em !important;
  }
  body .arrondi-noir{
    border-radius: 80px 0 0 80px !important;
    padding-right: 2% !important;
    padding-left: 5% !important;
  }
  .et_pb_menu .et-menu > li{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }


  h1{
    font-size: 3em !important;
  }
}



@media screen and (max-width:980px){
  .et_pb_section_video{
    margin-top: 0 !important;
    top: 0vh !important;
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }
  body .sect1-txt{
    padding-top: 2em !important;
    margin-top: 0 !important;
  }
  body .sect1-txt .et_pb_row_1.et_pb_row {
    margin-top: 0 !important;
  }
  body .et_pb_menu_0_tb_header {
    margin-top: 0em!important;
  }
  .et_pb_menu__logo img{
    width: 220px !important;
  }
  .et_pb_menu_0_tb_header {
    padding-left: 0em !important;
  }
  .sect2-txt {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }


}

@media screen and (max-width:425px){
  h1{
    font-size: 2.2em !important;
    line-height: 1em !important;
  }

  body .sect1-txt{

    margin-top: 0 !important;
  }
}

@media screen and (max-width:320px){
  h1{
    font-size: 2em !important;
  }

}