/*
Theme Name:Child Theme for Divi
Theme URI: http://wordpress-style.net
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/
/* Start your custom CSS bellow this comment
============================================ */
/* 
#### NIVII  CODE COULEUR 
Bleu foncé : 0054a6
Gris : 868686
#### CODE COULEUR */
h1{ color: #2f4828; text-transform: uppercase; margin: 30px 0; line-height: 40px; }
h2{ color: #004b8d!important; font-size: 26px;  margin: 20px 0;  text-transform: uppercase; }
#CTA-standard h2 {text-transform: none;}
/* HEADER */
#main-header{ height: 175px;  }
#main-header #mainHeader{ max-width: 1500px; margin: auto;  }
#main-header #topNav{  position: relative; background: #0054a6; }
#main-header #topNav #phoneNumber{  text-align: right; margin: 0 auto; color: #FFF; max-width: 1500px; }
#main-header #topNav #phoneNumber a{ font-size: 16px; color: #FFF; line-height: 30px; text-transform: uppercase; }
#main-header #topNav #phoneNumber a.langSwitch{  color: #FFF; }
#main-header .et_menu_container{ height: 175px; padding-right: 0 !important; }
#main-header .logo_container{ margin: 30px 0 0; position: relative; float: left; padding-left: 0; }
#main-header .logo_container a{ display: inline-block; }
#main-header .logo_container a img{ height: auto; width: 100%; }
#main-header #et-top-navigation{  
    width: 100%!important; max-width: 1500px; height: 40px; clear: both!important; float: none;  padding: 0!important; margin: 0px auto 0!important;
}
#main-header #top-menu-nav, #main-header #top-menu-nav ul{  float: right;  }
#main-header #top-menu-nav #top-menu { height: 40px;}
#main-header #top-menu-nav #top-menu  > li{ padding: 0; float: left; display: block; }
#main-header #top-menu-nav #top-menu  > li > a{ color: #0054a6; line-height: 40px; padding: 0 9px; margin:0 3px; text-align: center; font-size: 18px; }
#main-header #top-menu-nav #top-menu  > li.highlight {  width: 160px; }
#main-header #top-menu-nav #top-menu  > li.highlight a{ font-size: 14px; text-transform: none; line-height: 20px; }
#main-header #top-menu-nav #top-menu li a:hover,
#main-header #top-menu-nav #top-menu  > li.current_page_parent > a,
#main-header #top-menu-nav #top-menu  > li.current_page_item > a{ color: #a2a2a2; opacity:1; }
#top-menu .menu-item-has-children > a:first-child::after{ display: none; }
#main-header #top-menu-nav #top-menu li ul{ width: 325px; border-color: #FFF; padding: 0; background: #0054a6;}
#main-header #top-menu-nav #top-menu li li{ padding: 0; }
#main-header #top-menu-nav #top-menu li li a{width: 325px;padding: 6px 15px; color: #FFF; line-height: 30px; text-align: left; font-size: 16px; border-bottom: 2px solid #FFF; }
#main-header #top-menu-nav #top-menu li li a:hover{ color: #ccc; }
/* FOOTER */
footer#main-footer{
    padding: 50px 0 0;
}
#main-footer #footer-bottom{ background: #004b8d; padding: 20px 0; font-size: 14px; color: #FFF; line-height: 20px; border-top:2px solid #FFF }
#main-footer #footer-bottom a{ color: #FFF;  }
#main-footer h4{ font-weight: 500; margin-bottom: 20px; color: #004b8d; }
#main-footer img{ max-width: 100%!important; }
#nav_menu-2 h4,
#nav_menu-3 h4,
#main-footer .widget_nav_menu{  padding-bottom: 0;}
#main-footer .widget_nav_menu li{ padding-left: 0!important; margin: 0 0 2px; }
#main-footer .widget_nav_menu li:before{ display: none;}
#main-footer .widget_nav_menu li a{ font-size: 14px!important; line-height: 14px; color: #004b8d; font-weight: 400; }
#main-footer .widget_nav_menu li a:hover{ text-decoration: underline; }
#main-footer .widget_nav_menu li.menu-item-has-children > a{ display: none; }
#main-footer .widget_nav_menu  ul ul li{ margin-left: 0; padding-left: 0; }
#footer-widgets  { padding: 0; }
#main-footer #footer-widgets h4{ margin-bottom: 10px; color: #004b8d; font-size: 18px; font-weight: 600; }
#main-footer #footer-widgets p a,
#main-footer #footer-widgets p{ color: #868686; line-height: 18px; font-size: 14px;}
#main-footer #footer-widgets p a{ color: #004b8d; }
#main-footer #footer-widgets p strong{ font-size: 15px; }
/* FOOTER */
/*=================================================================================*/
/*             FLEXIBLE PART TEMPLATE      FLEXIBLE PART TEMPLATE                  */
/*=================================================================================*/
/*=================================================================================*/
@media only screen and (max-width: 1550px) { 
    #main-header .logo_container,
    #main-header #phoneNumber{ padding: 0 10px; }
}
@media only screen and (max-width: 1299px) {
    #main-header .logo_container{ margin-top: 15px!important;}
    #main-header #et-top-navigation{ padding-top: 15px!important;}
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1099px) {
    footer #mainCredits{ font-size: 12px; }
}
@media only screen and (max-width: 980px) {
    body .et_pb_section{ padding: 0!important;}
    header .container{ width: 100%;}
    #main-header, #main-header .et_menu_container{ height: 110px;}
    #main-header #mainHeader{ position: absolute;  }
    #main-header .logo_container{ height: 50px; margin-top: 8px; }
    #main-header .logo_container img{ height: 50px;}
    .et_header_style_left #logo, .et_header_style_split #logo{ width: auto!important; max-width: inherit!important; height: 50px!important;}
    .et_mobile_menu{ padding: 1%!important; margin-top: 22px;}
    #main-header #et-top-navigation{ margin-top: 7px!important;}
    .mobile_menu_bar::before{ color: #004b8d!important; margin-right: 7px; }
    .et_header_style_left .mobile_menu_bar, 
    .et_header_style_split .mobile_menu_bar{ padding: 4px 0 0;}
    footer .footer-widget #custom_html-2{ display: none; }
    .et_pb_row_4col > .et_pb_column.et_pb_column_1_4,  
    .medecinList .et_pb_column.et_pb_column_1_3  
    {    width: 47.25%;    margin-right: 5.5%; }
    .medecinList .et_pb_column.et_pb_column_1_3:nth-child(2n){ margin-right: 0; }
}
@media only screen and (max-width: 767px) {
    #main-header .logo_container img { height: 42px!important;}
    #main-footer #footer-widgets p a, #main-footer #footer-widgets p{ display: block;}
}
@media only screen and (max-width: 550px) {
    .et_pb_section .et_pb_row,
    #main-content .container, #main-header .et_pb_row{ width: 90%; max-width: 90%!important;}
}
@media only screen and (max-width: 400px) {
    #main-header .logo_container img { height: 35px!important;}
}
@media only screen and (max-width: 350px) {
}
/*=================================================================================*/
/*             FLEXIBLE PART TEMPLATE      FLEXIBLE PART TEMPLATE                  */
/*=================================================================================*/
/* 
######################################################################
HOME        HOME        HOME        HOME
######################################################################
*/
body.home #banner, 
body.home #banner .et_pb_slides, 
body.home #banner .et_pb_slide{ height: 550px;}
body.home #banner .et_pb_slide_description{ padding:  15% 0 0 !important;}
body.home #banner .et_pb_slide_description h3{ text-transform: uppercase; color: #eee!important; }
body.home #banner .et_pb_slide_description .et_pb_slide_title{ color: #eee; text-shadow: 0.1em 0.1em 0.4em rgba(0,0,0,0.9); font-weight: 700!important; }
body.home #main-content li{ list-style: none;}
#servicesResume{ margin-top: -40px; background: none; }
#servicesResume .et_pb_column{ margin-right: 0!important; width: 33%!important;  }
#servicesResume .et_pb_column .et_pb_text{ padding: 15px 0; margin: 15px 0;  }
#servicesResume h2{ font-size: 22px; text-align: center; line-height: 24px; margin: 0 0 15px!important; }
#servicesResume h2 strong{font-size: 17px; font-weight: 400;  }
#servicesResume ul{  margin-left: 30px!important; width: 100%; }
#servicesResume ul li{ float: left; width: 50%; }
#servicesResume ul li a{ color: #868686;  }
#servicesResume ul li a:before{ content: "> ";  }
#servicesResume img{ text-align: center;display: block;margin: auto; }


#servicesResume #ramqAccueil ul li{ float: left; width: 100%; }
#servicesResume #ramqAccueil img{ text-align: inherit;display: inherit; margin: inherit; }

.da-overlay{ background: rgba(255,255,255,0.8)!important; }


@media only screen and (max-width: 1299px) {
    body.home #banner, 
    body.home #banner .et_pb_slides, 
    body.home #banner .et_pb_slide{ height: 500px;}
    body.home #banner .et_pb_slide_description{ padding:  24% 0 0 !important;}
    #servicesResume .et_pb_column .et_pb_text {padding: 9px 0;    margin: 9px 0;}
    #servicesResume h2{ font-size: 19px; }
    #servicesResume h2 strong{font-size: 16px; }
    #servicesResume img{ max-width: 50%; }
}
@media only screen and (max-width: 1099px) {
    body.home #banner, 
    body.home #banner .et_pb_slides, 
    body.home #banner .et_pb_slide{ height: 450px;}
    body.home #banner .et_pb_slide_description .et_pb_slide_title{ font-size: 33px!important;}
}
@media only screen and (max-width: 980px) {
    body.home #banner, 
    body.home #banner .et_pb_slides, 
    body.home #banner .et_pb_slide{ height: 325px;}
    body.home #banner .et_pb_slide_description .et_pb_slide_title{  display: none; }
    #servicesResume{ margin: -50px auto 0!important; }
    #servicesResume .et_pb_column{ margin: 0px auto!important; }
    #servicesResume , #servicesResume .et_pb_column { float: none; width: 100%!important; max-width: 400px;}
    #servicesResume .et_pb_column .et_pb_with_border.et_pb_text_1 { border: 0; border-top: 1px solid #004b8d; border-bottom: 1px solid #004b8d;  }
    #servicesResume .et_pb_column .et_pb_text {padding: 9px 0;    margin: 9px 0;}
    #servicesResume h2{ font-size: 19px; }
    #servicesResume h2 strong{font-size: 16px; }
    #servicesResume img{ max-width: 50%; }
}
@media only screen and (max-width: 760px) {
    body.home #banner, 
    body.home #banner .et_pb_slides, 
    body.home #banner .et_pb_slide{ height: 280px;}
}
@media only screen and (max-width: 600px) {
    body.home #banner, 
    body.home #banner .et_pb_slides, 
    body.home #banner .et_pb_slide{ height: 240px;}
    body.home #banner .et_pb_slide_title {
        font-size: 32px !important;
        text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.8);
    }
    body.home #banner .et_pb_button_wrapper{ display: none;}
    #servicesResume ul{  margin-left: 20px!important; width: 90%; }
}
@media only screen and (max-width: 500px) {
    body.home #banner, 
    body.home #banner .et_pb_slides, 
    body.home #banner .et_pb_slide{ margin: 0px; height: 180px;}
    body.home #banner .et_pb_button{ padding: 0.3em 0; min-width: 280px; }
    #servicesResume {    margin: -20px auto 0 !important;}
}
@media only screen and (max-width: 400px) {
    body.home #banner, 
    body.home #banner .et_pb_slides, 
    body.home #banner .et_pb_slide{  height: 120px;}
    body.home #banner .et_pb_button{ padding: 0.3em 0; min-width: 280px; }
}
/* 
######################################################################
HOME        HOME        HOME        HOME
######################################################################
*/
/* INTERNE */
#banniereInterne{ height: 400px; }
#main-content li{ list-style: initial;}
#sectionResume{  margin: 0; padding: 0; }
.et_pb_row.et_pb_row_fullwidth{ width: 100%!important; max-width: 100%!important; }
.et_pb_row.et_pb_row_fullwidth > div{ padding: 60px 10% 80px 5%; margin: 0!important; width: 50%!important; }
.et_pb_row.et_pb_row_1.et_pb_row_fullwidth > div{ padding: 60px 5% 80px 10%;}
body #banner{ height: 360px;}
body #main-content h1{ margin: 0 0 15px; color: #868686; font-size: 27px; }
body #main-content h1 strong{ color: #004b8d; font-size: 29px; font-weight: 400; }
body #main-content p{  line-height: 28px; text-align: justify;}
body #main-content ul{ margin: 0 0 20px 50px;}
#CTA-standard{ min-height: 400px; }
#CTA-standard .et_pb_row{ padding-top: 5%; }
#CTA-standard h2{ font-size: 30px;  color: #FFF!important; text-align: center; margin: 60px 0 30px; }
#CTA-standard h3{ font-size: 18px;  color: #FFF!important; text-align: center; font-weight: 400;}
#CTA-standard p{ font-size: 18px; color: #FFF; text-align: center!important; max-width:650px; margin: auto; }
#CTA-standard a.CTA{ display: block; margin: 30px auto; line-height: 50px; color: #FFF; text-transform: uppercase; width: 270px; background: rgba(255,255,255,0.15); text-align: center; border: 1px solid #fff; }
#CTA-standard a.CTA:hover{ background: #266194; }
#CTA-standard img{ cursor: pointer; }
body.pagecontact h1{ color: #004b8d !important; padding-top: 30px; }
body.pagecontact h2{ color: #004b8d; font-size: 25px; margin-top: 0;}
body.pagecontact #listeTwoCols h2{ color: #868686!important; font-size: 18px; text-transform: none; line-height: 22px; }
body.pagecontact #main-content em{ font-size: 14px; line-height: 18px;}
body.pagecontact #main-footer{ padding-top: 0;}
body.pagecontact #main-footer .container{ display: none;}
body.pagecontact #main-footer #footer-bottom .container{ display: block;}
/* page orthopedie */
#boxMontage .et_pb_column{ position: relative;display: block;margin: -65px auto 15px; 
    border-width: 2px;
    border-color: #e5e5e5;
    box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.3);
}
#boxMontage .et_pb_column.et_pb_column_empty{ position: relative;display: block;margin: -65px auto 15px; 
    border: 0px; box-shadow: none;
}
#boxMontage .et_pb_column.Special-23-Left{  margin: -65px 0 15px 20%; }
#boxMontage .et_pb_column.Special-23-Right{  width: 138px; }
#boxMontage .et_pb_text_inner{ padding-left: 15px; padding-right: 15px; }
#boxMontage .et_pb_column img{ position: relative;display: block;margin: -65px auto 15px; }
#boxMontage .et_pb_column h3{ color: #0054a6; text-transform: uppercase; text-align: center; font-size: 21px; }
#boxMontage .et_pb_column strong{ color: #0054a6; font-weight: 400; text-align: center; font-size: 15px; line-height: 17px; margin-bottom: 25px; display: block; }
#boxMontage .et_pb_column ul{ margin: 0; padding: 0;}
#boxMontage .et_pb_column li{ color: #868686; text-align: center; font-size: 16px; line-height: 18px; list-style: none; margin-bottom: 15px;  }
#boxMontage .small{font-size:14px;}
#main-content div.medecinList p{ font-size: 16px; text-align: center; line-height: 19px; }
/* FORMULAIRES */
/* FORMULAIRES */
body.pagecontact input{ border: 1px solid #d2e1ef; font-size: 14px; padding: 8px 7px; width: 90%; margin: 0 0 10px 10%; color: #9c9c9c; background: #FFF; }
body.pagecontact form p {padding-bottom: 0; }
body.pagecontact .upload{ border: 1px solid #d2e1ef; font-size: 14px; padding: 8px 7px; width: 90%; margin: 0 0 10px 10%; color: #9c9c9c; background: #FFF; }
body.pagecontact .upload label{ font-size: 14px;  color: #9c9c9c; }
body.pagecontact .upload input{ border: none;  }
body.pagecontact input[type="submit"]{ background: #004b8d; color: #FFF; line-height: 30px; font-size: 18px; text-transform: uppercase; cursor: pointer; }
body.pagecontact input[type="submit"]:hover{ background: #e2f2f7 ; color: #9c9c9c; }
/* FORMULAIRES */
/* FORMULAIRES */

#responsive {
    padding: 0;
    height: 120px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 99999;
    bottom: -120px;
    margin: 0;
    cursor: pointer;
}
#responsiveContent{
    position: absolute; bottom: 0;
    height: 56px; width: 100%; background:  #c40000; 
}
#responsive p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 55px;
    width: 100%;
    padding: 65px 0 0;
    height: 120px;
    position: relative;
    display: block;
    background: url(https://orthopedielaval.com/wp-content/uploads/2021/03/messages-bg.png) top left +20% no-repeat;
}


div.radio {
    margin: 15px 0 15px 50px;
    font-size: 14px;
}
div.radio span{
    font-size: 14px;
}

div.radio span label {
    display: flex;
}
div.radio span.wpcf7-list-item{
display: inline-block;
    margin: 0 0 0 1em;
}
body div.radio input[type="radio"] {
    margin: 0;
}
/* RESPONSIVE  RESPONSIVE  RESPONSIVE  RESPONSIVE  RESPONSIVE  */
/* RESPONSIVE  RESPONSIVE  RESPONSIVE  RESPONSIVE  RESPONSIVE  */
@media only screen and (max-width: 1600px) {
    h2{ margin: 30px 0; line-height: 35px; font-size: 22px;  }
    h2 strong{ font-size: 30px;}
    body #main-content p { line-height: 26px; font-size: 17px; }
    body #main-content li { line-height: 24px; font-size: 17px; }
    .et_pb_row.et_pb_row_fullwidth > div{ padding: 40px 7% 60px 4%; margin: 0!important; width: 50%!important; }
    .et_pb_row.et_pb_row_1.et_pb_row_fullwidth > div{ padding: 40px 4% 60px 7%;}
    
    #responsive p { background-position: top left +2%; }
}
@media only screen and (max-width: 1299px) {
    #banniereInterne{ height: 350px; }
    body #main-content h1{ font-size: 25px; line-height: 31px; }
    body #main-content h1 strong{ font-size: 27px;  }
    h2{ margin: 30px 0; line-height: 30px; font-size: 20px;  }
    h2 strong{ font-size: 27px;}
    body #main-content p { line-height: 26px; font-size: 16px; }
    body #main-content li { line-height: 24px; font-size: 16px; }
    .et_pb_row.et_pb_row_fullwidth > div{ padding: 20px 4% 60px 4%; margin: 0!important; width: 50%!important; }
    .et_pb_row.et_pb_row_1.et_pb_row_fullwidth > div{ padding: 20px 4% 60px 4%;}
}
@media only screen and (max-width: 980px) {
    #banniereInterne{ height: 300px; }
    body #main-content h1{ font-size: 22px; line-height: 28px; }
    body #main-content h1 strong{ font-size: 24px;  }
    #CTA-standard{ min-height: 320px;}
    #CTA-standard h2{ font-size: 25px; margin: 50px 0 30px; }
    #CTA-standard h3{ font-size: 17px; }
    #CTA-standard p{ font-size: 17px;  max-width:650px;  }
    #CTA-standard a.CTA{   }
    .et_pb_row.et_pb_row_fullwidth > div, 
    .et_pb_row.et_pb_row_1.et_pb_row_fullwidth > div{ padding: 0 3% 40px; margin: 0!important; width: 100%!important; min-height: 275px; }
    /* page orthopedie */
    #boxMontage .et_pb_column{ margin: 0 0 100px!important; }
    #boxMontage .et_pb_column:last-of-type,
    #boxMontage .et_pb_column.dernierPoint{ margin: 0 0 30px!important; }
    #boxMontage .et_pb_column.et_pb_column_empty{ display: none; }
    #boxMontage .et_pb_row_3.et_pb_row{ margin-top: 0!important; }
    #listeDr .et_pb_row{ padding: 0 0 20px!important;}
    
    #responsive p { font-size: 14px; line-height: 25px; padding-top: 70px; text-indent: 100px; }
}
@media only screen and (max-width: 767px) {
    h2{ margin: 20px 0; line-height: 25px; }
    h2 strong{ font-size: 23px;}
    body #main-content p { line-height: 24px; font-size: 15px; text-align: left; }
    body #main-content li { line-height: 22px; font-size: 15px; }
    body.home #banner .et_pb_slide_description p a, 
    a.btn-MD,
    a.et_pb_more_button{ 
        font-size: 18px; 
    }
}
@media only screen and (max-width: 600px) {
    #banniereInterne{ height: 200px; }
    body #main-content h1{ font-size: 20px; line-height: 25px; }
    body #main-content h1 strong{ font-size: 22px;  }
    #CTA-standard{ min-height: 300px;}
    #CTA-standard h2{ font-size: 22px; margin: 45px 0 25px; }
    #CTA-standard h3{ font-size: 16px; }
    #CTA-standard p{ font-size: 16px;  }
    #CTA-standard a.CTA{ line-height: 40px; font-size: 14px;  width: 250px; }
    #listeTwoCols ul li{ width: 100%;  }
    /* FORM */
    body.pagecontact input,body.pagecontact .radio, body.pagecontact .upload{ width: 96%; margin: 0 2% 10px; }    
    
    #responsive p { font-size: 12px; line-height: 23px; padding-top: 75px; }

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