@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Domine:400,700&display=swap&subset=latin-ext');
/*
Theme Name: Divi Enfant par Incomm
Description: Theme enfant du theme Divi
Author: Incomm
Author URI: https://www.incomm.fr
Template: Divi
Version: 1.0
*/


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

li.h-li,
li.h-li a {
    color: #fff;
}
.et_header_style_centered header#main-header .logo_container {
    height: auto;
    max-height: 100%;
    padding: 0 !important;
}
.headerLogo {
    margin-top: 0;
    padding: 17px 0;
}
.et_header_style_centered #main-header .logo_container {
    height: auto;
    padding: 0 !important;
}
.et_header_style_centered #main-header {
    padding: 0 0 !important;
}
.et_header_style_centered #logo {
    max-height: 100%;
}
.centrer-verticalement {
    display: flex;
    flex-direction: column;
    justify-content: center;
    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;
}.para, .img-para {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 475px;
}
.btn-savoirplus {
    text-decoration: none !important;
    position: relative;
    top: 0;
    border-radius: 3px;
    color: 
#fff !important;
background:
    #000;
    padding: 10px 30px;
    margin-top: 0;
    text-transform: uppercase;
}
.btn-savoirplus:hover {
    text-decoration: none !important;
    position: relative;
    top: 0;
    border-radius: 3px;
    color: 
#fff !important;
background:
    #000;
    padding: 10px 30px;
    margin-top: 0;
    text-transform: uppercase;
}
.titre-elev{
    font-family: 'Domine', serif !important;
    font-weight: 400 !important;
}
#main-footer {
    background-color: 
    transparent;
}
#et-footer-nav {
    background-color: 
    #93a936 !important;
}
#top-menu a {

    display: block;
    position: relative;
    color: 

    #000;
    text-decoration: none;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    font-weight: 500 !important;

}
.text-produit {
    margin: 30px 0;
}
@media only screen and (min-width: 320px) {
	a:hover {
    text-decoration: none;
    color: #90a82c !important;
}
	#contact-form button.et_pb_contact_submit.et_pb_button {
        max-width: 130px;
    }

    .g-recaptcha.trumani {
        transform: scale(1)!important;
    }
	.table-bordered td {
    border: 1px solid #e9ecef;
    display: table-cell !important;
    padding: 5px !important;
}
    #footer-widgets .footer-widget .fwidget:last-child {

    margin-bottom: 0 !important;
    padding-bottom: 30px;

}
    #footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget {

    margin-bottom: 0 !important;

}
    .footer-widget {

    text-align: center;
    display: flex;
    justify-content: center;

}
   .cont-produits {
    float: none;
    margin: 0 auto;
    display: block;
    width: 290px;
}

    table,
    tbody {
        width: 100% !important
    }

    tr {
        display: table-row;
    }

    td {
        display: table-row;
    }


    .row {
        margin: 0 !important;
    }

    h1,
    h2,
    h3 {
        margin: 30px 0 !important;
        line-height: 1.3 !important;
    }

  h1 {
    font-family: 'Domine', serif !important;
    font-weight: 400 !important;
    font-size: 45px !important;
    color: 
    #95ab38 !important;
    background:url(images/h1.jpg) no-repeat bottom center;
    text-transform: none;
    padding-bottom: 5px;
    text-align: center !important;
}
  h4 {
        font-family: 'Domine', serif !important;
        font-weight: 400 !important;
        color: #000 !important;
     
        font-size: 32px;



    }
    h2 {
        font-weight: 400 !important;
        color: #000 !important;
        text-transform: uppercase !important;
        font-size: 35px;


    }

    h3 {
 font-weight: 400 !important;
        color: #95ab3c !important;
        text-transform: uppercase !important;
        font-size: 30px;
    }

    .select_page {
        display: none !important;
    }

   .mobile_menu_bar::before {
    color: 
    #f7f740 !important;
}

    .et_mobile_menu li a {
        color: #fff !important;
    }

    .et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: 
    #91a96f !important;
    opacity: 1 !important;
}

    .et_mobile_menu {
        background: #000;
        border-top: 3px solid #f7f740 !important;
    }

  .bg-footer {

    background: url(images/bg-footer.jpg) no-repeat top/cover;
    padding-top: 30px !important;

}

   .logo-footer {

    text-align: center;
    padding-bottom: 30px;

}

    .logo-footer img {
        max-width: 250px;
    }

    #logo {
        display: block;
        width: 300px;
    }

    .both-header {
    background: 
    #91a96f;
}

   body {
    font-family: 'Hind', sans-serif !important;
    font-weight: 300;
    font-size: 18px;
    color: 
    #000;
}

    .et_header_style_centered #logo {}

    .header-add,
    .text-cont {
        padding-left: 10px;
    }

    #top-menu-nav #top-menu {
        margin-top: 1.04vw;
    }

    .partie1-top {
        padding-left: 80px;
    }

    .partie2-top {
        padding-right: 85px;
    }

    .texte-top {
        position: absolute;
        font: 400 1.04vw 'Yantramanav';
        padding-top: 20px;
        color: #fff;
    }

    .text-num {
        color: #f5d801;
    }

    .barre-menu-header {
        background: #333;
        width: 100%;
        height: 174px;
        box-shadow: 4px 25px 5px 0px rgba(0, 0, 0, 0.12);
    }

    .prestation {
        font: 600 60px 'Yantramanav';
        color: #fff;
    }

    .txt-actualite,
    .txt-contact {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: 403px;
        font: 600 40px 'Yantramanav';
    }


    .txt-actualite:hover {
        background: url(images/img1-encart1-hover.jpg) no-repeat top/cover;
        width: 100%;
        height: 403px;
    }

    .txt-contact:hover {
        background: url(images/img2-encart1-hover.jpg) no-repeat top/cover;
        width: 100%;
        height: 403px;
    }


    .contact-us {
        font: 600 60px 'Yantramanav';
        color: #fff;
    }

    .encart4 {
        display: flex;
        justify-content: center;
    }

    .words {
        font: 200 1.56vw 'Yantramanav';
        color: #fff;
        margin-left: 150px;
        margin-right: 150px;
    }

    .bouton-contact {
        text-transform: uppercase;
        margin-top: 1.82vw;
    }

    .parallaxe {
        background: url(images/parallaxe.jpg)no-repeat fixed center top/cover;
        width: 100%;
        min-height: 550px;
        margin-top: 50px;
    }

    .tel,
    .message {
        display: flex;
        justify-content: center;
        align-items: center;
        font: 400 1.25vw 'Yantramanav';
        width: 20.83vw;
        height: 4.01vw;
    }

    .tel {
        color: #000 !important;
        background: #fff;
        margin-right: 1.3vw;
    }

    .tel:hover {
        color: #000 !important;
        background: #f5d801;
    }

    .tel:hover i {
        color: #000 !important;
    }


    .message {
        color: #000 !important;
        background: #fff;
    }

    .message:hover {
        color: #000 !important;
        background: #f5d801;
    }

    .message:hover i {
        color: #000 !important;
    }

    .font-tel {
        font-size: 2.08vw;
        color: #f5d801;
        margin-right: 1.04vw;
    }

    .font-env {
        color: #f5d801;
        margin-right: 1.04vw;
    }

    .font-tel:hover {
        color: #000;
    }

    .font-env:hover {
        color: #000;
    }

  .marker-google, .footert-tel {

    font-size: 20px;
    color: 

#000;

background:

    #93a936;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;

}

    .footer-message {
        font-size: 2.6vw;
        margin-bottom: 15px;
    }

   .bottom-nav, .bottom-nav a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-weight: 300 !important;
    color: 
    #000 !important;
}

    .adresse {

    margin-top: 7px;
    text-align: center;
    color: 

    #000;
    font-weight: 400;

}

.et_pb_widget a {

    color: 

    #000 !important;
    text-decoration: none;

}

    .tel_port {
        display: flex;
        align-items: center;
        flex-direction: column;
        /* font: 400 1.25vw 'Yantramanav'; */
    }


    .footer-widget {
        color: #fff !important;
        border-right: 0;
    }

    .footer-widget:first-child,
    .footer-widget:last-child {
        border-right: none;
    }

    #footer-widgets .footer-widget .nous-contact,
    #footer-widgets .footer-widget li .nous-contact,
    #footer-widgets .footer-widget li .nous-contact:hover {
        color: #fff !important;
        border: solid 1px;
        min-width: 220px;
        min-height: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        background: #0074cf;
    }

    #footer-widgets #footer-widget {
        padding: 0px !important
    }

    .footer-partie2 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #main-footer .container-fluid {
     
    }

    .menu2-footer {
       
    }

    .plan-site {
   
        color: #000;
    }

    .bottom-nav {
      
        font-weight: 400 !important;
        font-size: 14px !important;
    }

    #footer-bottom {
        background-color: #10171d !important;
    }

    .xxp {
        color: #fff;
    }

    .xxp a {
        color: #fff;
    }

    .xxp a:hover {
        color: #fff;
    }

    #incomm {
        color: #fff;
        font-size: 12px !important;
    }

    .footer-widget #custom_html-3 {
     
    }

    .footer-widget #custom_html-4 {
   
    }
#footer-widgets {

    padding: 0 !important;

}

}



/*-------------Version responsive------------------*/


@media (min-width: 768px) {
    .bg-footer {
    background: url(images/bg-footer.jpg) no-repeat top/cover;
    padding-top: 60px !important;
    min-height: 291px;
}
    .cont-cord-f {

    float: none;
    margin: 0 auto;
    display: block;
    width: 700px;

}
 #footer-widgets {

    padding: 0 !important;
    display: flex;
    justify-content: space-between;

}
#footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget {

    margin-bottom: 0 !important;
    width: 33% auto !important;
    margin: 0 !important;

}
    .cont-produits {
    float: none;
    margin: 0 auto;
    display: block;
    width: 580px;
}
    tr {
        display: table-row;
    }

    td {
        display: table-row;
    }

    #logo {

        width: 360px;
    }

    .et_header_style_centered #main-header {
        padding: 0 !important;
    }

    #logo {
        /* margin-top: 40px; */
    }

    .et_pb_row_2.et_pb_row {
        padding-top: 30px !important;
    }

    .accueil .et_pb_title_container .entry-title {
        /* font-size: 60px !important */
    }

    .et_pb_section_1 {
        padding-top: 50px !important;
    }

    .select_page {
        display: none !important;
    }

    .barre-menu-header {
        height: 155px !important;
    }

    .et_header_style_centered .et_mobile_menu {
        top: 35px !important;
    }

   
    .et_mobile_menu li a {
        color: #fff !important;
    }

   

    .img-partie2 .et_pb_column {
        width: 50% !important;
        margin-bottom: 71px;
    }

    .et_header_style_centered #logo {}

    .accueil::after {
        padding-top: 6.56vw !important;
    }

    .parallaxe {
        margin-top: 0 !important;
    }

    .et_pb_row_6.et_pb_row {
        padding-top: 0 !important;
    }

    .prestation::after {
        padding-top: 3.56vw !important;
    }

    .contact-us::after {
        padding-top: 7.56vw !important;
    }

    .words {
        font-size: 2.56vw !important;
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .et_pb_text_11 {
        margin-bottom: 60px !important;
        line-height: 35px !important;
    }

    .tel,
    .message {
        font-size: 15px !important;
        width: 28.83vw !important;
        height: 8.01vw !important;
    }

    .tel {
        margin-right: 4.3vw !important;
    }

    .font-tel {
        font-size: 5.08vw !important;
    }

    .font-env {
        font-size: 3.08vw !important;
    }

    .footer-widget {
        border-right: none;
    }

    .adresse {
        font-size: 15px !important;
    }

    .marker-google,
    .footert-tel {
        font-size: 20px !important;
        margin-left: 0px !important;
    }

    .footer-message {
        font-size: 4.6vw !important;
    }

    .tel_port {
        font-size: 15px !important;
        text-align: center;
        color: #fff;
        margin-top: 7px;
    }

    #footer-widgets .footer-widget a {
        min-width: 290px !important;
        min-height: 60px !important;
    }

    .bottom-nav li {
        padding-right: 0px !important;
    }

    .bottom-nav,
    .bottom-nav a {}

    .plan-site {
        font-size: 10px !important;
    }

    #main-footer .container-fluid {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .footer-partie2 {
   
    }

    #custom_html-2 {

    }

}


@media (min-width: 992px) {
	.table-bordered td {
    border: 1px solid #e9ecef;
    display: table-cell !important;
    padding: 6px 24px !important;
}
 .cont-cord-f {

    float: none;
    margin: 0 auto;
    display: block;
    width: 470px;

}
    .cont-produits {
    float: none;
    margin: 0 auto;
    display: block;
    width: 420px;
}

    tr {
        display: table-row;
    }

    td {
        display: table-cell;
    }

    #logo {
        width: 400px;
    }

    .headerBottom {
   
    }

    #et-info-email:hover,
    #et-secondary-menu>ul>li>a:hover,
    #top-menu-nav>ul>li>a:hover,
    .et-social-icons a:hover {
        opacity: 1 !important;
    }

    .both-header {
        background: transparent;
    }

    #top-menu li a:hover:before,
    #top-menu li.current-menu-item a:before {
    left: 0;
    right: 0;
    }

  #top-menu li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: 
    #F7F740;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .both-header {
        width: 100%;
        height: auto;
        z-index: 9;
        position: absolute;
        background: transparent;
        padding-top: 20px;
        padding-bottom: 0;
    }

    .et_header_style_centered #logo {}

    .header-add,
    .text-cont {
        font-size: 12px !important;
        padding-top: 7px !important;
    }

    .fond-noir-text {
        font-size: 24px !important;
    }

    .cont-nu {
        padding-top: 7px !important;
    }

    .partie1-top {
        padding-left: 0 !important;
    }

    .partie2-top {
        padding-right: 0 !important;
    }

    #top-menu li a {
        font-size: 18px !important;
        font-weight: 400;
        padding-bottom: 0 !important;
        height: auto !important;
        padding: 15px 5px !important;
    }

    #top-menu li {
        padding: 0px 0 !important;
        padding-right: 15px !important;
    }

    #top-menu-nav #top-menu {
        margin-top: 0;
    }

    div.et_pb_section.et_pb_section_1,
    div.et_pb_section.et_pb_section_2 {
        background-size: contain !important;
    }

    .p1 .et_pb_text_inner p {
        margin-left: 10px;
    }

    .p2 .et_pb_text_inner p {
        margin-right: 10px;
    }

    .txt-actualite,
    .txt-contact {
        font-size: 4.08vw !important;
    }

    .et_pb_row_5.et_pb_row,
    .et_pb_row_6.et_pb_row {
        padding-top: 100px !important;
    }

    .et_pb_section_3 {
        padding-top: 30px !important;
    }

    .et_pb_row_7.et_pb_row {
        background-size: contain;
        padding-top: 97px !important;
    }

    .contact-us::after {
        padding-top: 4.56vw !important;
    }

    .prestation::after {
        padding-top: 1.56vw !important;
    }

    #footer-widgets .footer-widget a {
        min-width: 144px !important;
        min-height: 30px !important;
    }

    .tel,
    .message {
        font-size: 17px !important;
        width: 23.83vw !important;
        height: 6.01vw !important;
    }

    .font-env {
        font-size: 25px !important;
    }

    .font-tel {
        font-size: 4.08vw !important;
    }

    .words {
        font-size: 22px !important;
    }

    .bottom-nav,
    .bottom-nav a,
    .plan-site {
        font-size: 14px !important;
        font-weight: 400;
        flex-direction: row;
    }

    .bottom-nav li {
        padding-right: 10px !important;
    }

    .parallaxe {
        margin-top: 40px !important;
    }

}

@media (min-width: 1200px) {
    .cont-cord-f {

    float: none;
    margin: 0 auto;
    display: block;
    width: 570px;

}
    .cont-produits {
    float: none;
    margin: 0 auto;
    display: block;
    width: 520px;
}
    #logo {

        width: 450px;
    }

    .headerLogo {
        margin-top: 15px;
    }

    .headerBottom {
   
    }
}

@media (min-width: 1400px) {
   .cont-cord-f {

    float: none;
    margin: 0 auto;
    display: block;
    width: 660px;

}
    #logo {
        width: 500px;
    }

    .headerLogo {
        margin-top: 30px;
    }

    .headerBottom {
     
    }

    #top-menu li a {
        font-size: 18px !important;
    }

    #top-menu-nav #top-menu {
        margin-top: 0;
    }

    div.et_pb_section.et_pb_section_1,
    div.et_pb_section.et_pb_section_2 {
        background-size: contain !important;
    }

    .p1 .et_pb_text_inner p {
        line-height: 25px !important;
        margin-left: 85px;
    }

    .bottom-nav li {
        padding-right: 13px !important;
    }

    .p2 .et_pb_text_inner p {
        margin-right: 85px;
        line-height: 25px !important;
    }

    .contact-us::after {
        padding-top: 70px !important;
    }

    .bouton-contact {
        margin-top: 2.82vw !important;
    }

    .words {
        margin-left: 283px !important;
        margin-right: 288px !important;
        line-height: 37px !important;
    }

    .fond-noir-text {
        font-size: 30px !important;
    }

    .bottom-nav,
    .bottom-nav a {
        font-size: 16px !important;
    }

}

@media (min-width: 1700px) {

    #logo {
        width: 540px;
    }

    .fond-noir-text {
        font-size: 40px !important;
    }

    #top-menu li a {
        font-size: 18px !important;
    }

    div.et_pb_section.et_pb_section_1,
    div.et_pb_section.et_pb_section_2 {
        background-size: contain !important;
    }

}