/*
Theme Name: template
Description: Thème enfant pour le thème Divi 
Author:  Medialogue
Template: Divi
*/

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

/*
1. BASIC
2. HELPER
3. NAVBAR
4. HOME
5. SERVICES
6. ABOUT US
7.WEBSITE DESCRIPTION
8. PRICING BOX
9. TEAM
10. OUR PROCESS
11. PEOPLE SAYS
12. GET STARTED
13. BLOG
14. CONTACT
15. FOOTER
16. RESPONSIVE
*/

/* ==========
   1.BASIC
   ========== */

   .sectionbusiness{
    float: right;
    position: relative;
    padding: 3px 1% 5px 0px;
    color: #fff;
}

.sectionbusiness img{
    position: absolute;
    width: 25px;
    left: -32px;
    top: 3px;
}

#top-headerGoogleBusiness{
    position: fixed;
    width: 100%;
    background: #333;
    top: 0;
    z-index: 999999;
}

#main-header{
      top: 35px!important;
}

   .boutonfooter{
   float: right;
    margin-top: 5px;
    font-weight: 600;
    cursor: pointer;
  }

  h3 a:hover{
    text-decoration: underline;
  }

.et_pb_divider:before {
    border-top-color: #65617c !important; /*Overwrite du template pcq ça chie*/
}

html .et_pb_button {
  border-color: #65617c !important; /*Overwrite du template pcq ça chie*/
  background-color: #65617c !important; /*Overwrite du template pcq ça chie*/
  color: #fff !important; /*Overwrite du template pcq ça chie*/
}

.et_pb_text {
    border-color: #65617c !important; /*Overwrite du template pcq ça chie*/
  }

  #et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #65617c;
}

.et_overlay:before, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_contact_submit, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_member_social_links a:hover, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_pb_sum {
    color: #65617c;
}

.et_pb_toggle_title:before {
    color: #65617c!important;
}

a {
    color: #65617c;
}

  #headercontact a {
    color: #fff;
}

#debutdepage h2{
  color: #fff!important;
}

h2{
  font-size: 36px;
  font-weight: bold;
  padding-bottom:0.75em;
}

h3{
  font-size: 26px;
  font-weight: bold;
  padding-bottom:0.75em;
}

#debutdepage .et_pb_image_wrap img{
  filter: grayscale(100%) brightness(200%);
}

#footerid h2{
  padding-bottom:0!important;
}

#footerid h4{
  font-size: 1.5em;
  line-height: 1.5em;
}

#footerid .et-pb-icon{
    font-size: 30px;
}

#footerid .et_pb_specialty_column.et_pb_column{
  padding-bottom:0!important;
}

div.wpforms-container-full button[type=submit]{
  padding: 10px 20px;
  box-sizing: content-box;
  background-color: #333!important;
}

div.wpforms-container-full button[type=submit]:hover{
  background-color: #FFF!important;
  color: #333!important;
}

.wpforms-container .wpforms-form .wpforms-field-label{
  color:#FFF;
}

p,li{
font-size:16px;
}

.wpforms-error{
  color:#FFF;
}

.wpforms-container input.wpforms-field-medium,
.wpforms-container select.wpforms-field-medium,
.wpforms-container .wpforms-field-row.wpforms-field-medium,
.wp-core-ui div.wpforms-container input.wpforms-field-medium,
.wp-core-ui div.wpforms-container select.wpforms-field-medium,
.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium{
max-width:100%!important;
}

.grecaptcha-badge{
  z-index:10000000;
}

/* ==========
   2.HELPER
   ========== */

.margin-t-20 {
    margin-top: 20px;
}


.margin-t-30 {
    margin-top: 30px;
}

.margin-b-0 {
    margin-bottom: 0px;
}

.padding-t-15 {
    padding-top: 15px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.height-100vh {
    height: 100vh;
}

.vertical-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}

.nav li ul{
  width:300px;
}

#top-menu li li{
  padding:0;
}

#top-menu li li a{
  width:100%;
}


/* ==========
   4.HOME
   ========== */

#titreslide p{
  margin-bottom: 30px;
  font-size: 5em;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  line-height:1.2em;
}

#phraseaccro h2{
  font-size: 3em;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}



html body #page-container .et_pb_section .et_pb_button_1{
  color: #fff !important; /*Overwrite du template pcq ça chie*/
  background-color: #65617c !important; /*Overwrite du template pcq ça chie*/
}

html body #page-container .et_pb_section .et_pb_button_1:hover{
  background-color: #65617c !important; /*Overwrite du template pcq ça chie*/
}

#apropos{
background-color: #65617c !important; /*Overwrite du template pcq ça chie*/
}

#apropos h4{
color: #fff !important; /*Overwrite du template pcq ça chie*/
}

/* ==========
   14.Contact
   ========== */

   #headercontact .et_pb_column_1_3 {
    background-color: #65617c !important;
   }

   #headercontact .et_pb_column_1_3 h2, #headercontact .et_pb_column_1_3 h4{
    color: #fff !important;
   }

/* ==========
   15.footer
   ========== */

#footerid #contactform{
background-color: #65617c !important; /*Overwrite du template pcq ça chie*/
}

#footerid h2{
  color: #fff;
}
.page-id-145 #footerid {
background-color: #333 !important;  
}
 
#footerid input, #footerid textarea{
      width: 100%;
    padding: 12px;
    margin-bottom: 10px;
    font-size: 16px;
    border: 0;
}

#footerid .wpcf7-submit{
width: 400px !important /*Overwrite du template pcq ça chie*/;
    float: right;
    background: #fff;
    text-transform: uppercase;
    color: #65617c;
    font-weight: 800;
    font-size: 23px;
    cursor: pointer;
    max-width: 100%;
}

#footer-info img{
	margin-bottom: -10px;
	margin-right: 10px;
}

#sectioninfosupplementaire{
  height:100%;
}

.politiquefooter{
  margin-right:15px;
  margin-left:15px;
}


/* ==========
   16.Responsive
   ========== */

@media only screen and (max-width: 1200px){
  #top-menu li{
    padding-right:5px;
  }

  .politiquefooter{
    margin-right:0px;
    margin-left:150px;
  }

}

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

    .politiquefooter{
      margin-right:15px;
      margin-left:15px;
    }

  .mobile_menu_bar:before{
    color: #65617c;
  }

  .et_mobile_menu{
    border-top: 3px solid #65617c;
  }

  #titreslide p {
      margin-bottom: 15px;
      font-size: 3em;
      line-height: 1em;

  }

  .et_section_specialty .et_pb_row>.et_pb_column {
      padding-bottom: 50px;
  }

  #phraseaccro h2 {
    line-height: 1.5em;
  }

  #sectioninfosupplementaire{
    padding-bottom: 0 !important;
  }


}

@media only screen and ( max-width: 767px ) {
    #footer-bottom .container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .boutonfooter {
      margin-top: 0px;
      margin-bottom: 15px;
  }
}

@media only screen and ( max-width: 479px ) {
  #titreslide p {
      margin-bottom: 0px;
      font-size: 2em;
      line-height: 1.5em;
  }

  .sectionbusiness{
               margin-right: 8%;
    }

    .sectionbusiness img{
        top: 4px;
    }

  #footerid h4 {
    font-size: 1em;
    line-height: 1.5em;
}

  #phraseaccro h2 {
      line-height: 1.5em;
      font-size: 1.5em;
  }
}