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

/*
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;
}

.slider_home .et-pb-controllers {
    bottom: 34px !important;
}

.bloc_utilisation .et_pb_column_1_6 {
    width: 200px !important;
}

.bloc_utilisation .et_pb_column {
    margin-right: 20px !important;
}


/*******HEADER********/

.et_pb_gutters1 .et_pb_column_1_5,
.et_pb_gutters1.et_pb_row .et_pb_column_1_5 {
    width: auto !important;
}

.et_pb_gutters1 .et_pb_column_3_5,
.et_pb_gutters1.et_pb_row .et_pb_column_3_5 {
    width: 81%;
}


/*****FIL ARIANE*****/

.page-id-461 .breadcrumb .et_pb_code_inner {
    color: #FFF !important;
}

.page-id-25016 .breadcrumb .et_pb_code_inner a,
.page-id-25016 .breadcrumb .et_pb_code_inner a,
#page-id-25016 .breadcrumb .et_pb_code_inner a {
    color: #FFF !important;
}

.breadcrumb .et_pb_code_inner a:hover {
    color: #252525 !important;
}


/********************/
/*****RESPONSIVE*****/
/********************/

@media screen and (max-width:980px) {
    .col-modulaire-solutions-construction {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col-modulaire-solutions-construction .et_pb_column {
        width: 49%;
    }
}

@media screen and (max-width:580px) {
    .col-modulaire-solutions-construction .et_pb_column {
        width: 100%;
    }
}

@media (max-width: 490px) {
    .bloc_utilisation .et_pb_column_1_6 {
        width: 100% !important;
    }

    #footer-contact p {
        padding-bottom: 0em !important;
    }

    .et_pb_column#footer-contact {
        margin-bottom: 0 !important;
    }
}


@media (min-width: 981px) {

    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item,
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product,
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget,
    .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item,
    .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product,
    .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 30%;
        margin-right: 1%;
        margin-left: 1%;
    }
}


@media screen and (max-width:980px) and (min-width:480px) {
    body #footer-contact {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    .et_pb_column#footer-contact {
        margin-bottom: 0 !important;
    }

    #footer-contact p {
        padding-bottom: 0em !important;
    }

}

@media screen and (max-width:1422px) and (min-width:981px) {
    body .et_pb_section .et_pb_button_1_tb_header.btn-tel {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    header #return-to-top {
        width: 98% !important;
    }
}

@media screen and (max-width:1188px) and (min-width:981px) {
    body #page-container .et_pb_section .et_pb_button_1_tb_header {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 9.5px !important;
    }

}

.produits_art {
    display: flex;
    flex-wrap: wrap; /* permet le retour à la ligne */
    gap: 20px; /* espace entre les colonnes et lignes */
}

.produits_art li {
    flex: 0 1 calc(33.33% - 20px); /* 3 colonnes avec espace */
    list-style: none; /* retire les puces */
    box-sizing: border-box;
    text-align: justify;
}
.produits_art li a, .produits_art li img{
    text-align: center;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width:980px)  {
    
.produits_art {
    display:block;
    flex-wrap: wrap; /* permet le retour à la ligne */
    gap: 0px; /* espace entre les colonnes et lignes */
}

}
.lienbtn{
	color: #FFFFFF !important;
  border-width: 0px !important;
  border-radius: 0px;
  font-size: 14px;
  background-color: #F29100;
	padding: .3em 2em .3em .7em;
}
.lienbtn:hover{
	
  background-color: #f39d1c;
	
}

.faq-table {
  width: 100%;
}

.faq-table table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}

.faq-table th,
.faq-table td {
  padding: 14px 16px;
  border: 1px solid #ddd;
  text-align: left;
  vertical-align: top;
}

.faq-table th {
  background: #f5f5f5;
  font-weight: 700;
}

.faq-table tbody tr:nth-child(even) {
  background: #fafafa;
}

/* Mobile */
@media (max-width: 768px) {

  .faq-table table,
  .faq-table thead,
  .faq-table tbody,
  .faq-table th,
  .faq-table td,
  .faq-table tr {
    display: block;
  }

  .faq-table thead {
    display: none;
  }

  .faq-table tr {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
  }

  .faq-table td {
    border: none;
    border-bottom: 1px solid #eee;
    padding: 12px 16px;
  }

  .faq-table td:last-child {
    border-bottom: none;
  }

  .faq-table td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #333;
    margin-bottom: 6px;
  }
}