/* 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 ROUGE : 881a1b Bleu foncé : 004b8d Gris : d7dcd9 #### CODE COULEUR */ h1, body.home h2, body.services h2{ color: #881a1b!important; text-transform: uppercase; margin: 30px 0; line-height: 40px; font-size: 40px; font-weight: 300; text-align: left; font-style: normal; } h1 strong, body.home h2 strong, body.services h2 strong{ color: #5a829a; line-height: 30px; font-size: 30px; font-weight: 300;} h2{ color: #5a829a; margin: 30px 0; line-height: 35px; font-size: 25px; font-weight: 300; text-align: left; font-style: italic; } h2 strong{ color: #5a829a; text-transform: uppercase; font-size: 34px; font-weight: 300; font-style: normal;} /* HEADER */ #main-header{ background: url(/wp-content/themes/ChildThemeDivi/images/bg-header.png) top left repeat-x; border-bottom: 5px solid #5A829A; } #main-header #mainHeader{ } #main-header .et_menu_container{ padding-bottom: 20px; } #main-header .logo_container{ margin-top: 55px; height: 100px; max-width: 400px; float: left; position: inherit; } #main-header .logo_container .logo_helper{ display: none; } #main-header .logo_container a{ display: block; } #main-header .logo_container img{ height: 100px; } #main-header #phoneNumber{ float: right; text-align: right; margin-top: 60px; position: relative; color: #004b8d; } #main-header #phoneNumber a{ font-size: 20px; color: #881a1b; line-height: 30px; } #main-header #et-top-navigation{ padding: 0!important; margin: -30px 0 0; clear: both; } #main-header #top-menu-nav, #main-header #top-menu-nav ul{ float: right; clear: both; } #main-header #top-menu-nav #top-menu > li{ padding: 0;} #main-header #top-menu-nav #top-menu > li > a{ color: #5a829a; line-height: 40px; padding: 0 9px; margin:0 3px; text-align: right; font-size: 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: #881a1b; opacity:1; } #main-content .et_pb_section{ background-color: #f5f8f9!important; } /* FOOTER */ footer#main-footer{ padding: 30px 0 0; background: #5d87a0; } #main-footer #footer-bottom{ background: #d31145; 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; } #main-footer img{ max-width: 115%!important; } #nav_menu-2 h4, #nav_menu-3 h4, #main-footer #menu-main-menu-anglais, #main-footer #menu-main-menu{ margin-left: 60px!important; padding-bottom: 0;} #main-footer #menu-main-menu-anglais li, #main-footer #menu-main-menu li{ padding-left: 0!important; margin: 0 0 2px; } #main-footer #menu-main-menu-anglais li:before, #main-footer #menu-main-menu li:before{ display: none;} #main-footer #menu-main-menu-anglais li a, #main-footer #menu-main-menu li a{ font-size: 14px!important; line-height: 14px; color: #FFF; font-weight: 400; } #main-footer #menu-main-menu-anglais li a:hover, #main-footer #menu-main-menu li a:hover{ text-decoration: underline; } #footer-widgets { padding: 0; } #footer-widgets .footer-widget { margin-bottom: 20px; } #main-footer #footer-widgets h4{ margin-bottom: 10px; color: #FFF; font-size: 18px; font-weight: 600; } #main-footer #footer-widgets p a, #main-footer #footer-widgets p{ color: #FFF; line-height: 18px; font-size: 14px;} #main-footer #footer-widgets p strong{ font-size: 15px; } /* FOOTER */ /*=================================================================================*/ /* FLEXIBLE PART TEMPLATE FLEXIBLE PART TEMPLATE */ /*=================================================================================*/ /*================================================================================= */ @media only screen and (max-width: 1399px) { #main-header .logo_container{ margin-top: 55px; height: 80px; } #main-header .logo_container img { height: 80px; } #main-header #phoneNumber{margin-top: 55px;} #main-header #top-menu-nav #top-menu > li > a{ font-size: 19px;} } @media only screen and (max-width: 1299px) { #main-header #top-menu-nav #top-menu > li > a{ font-size: 18px;} } @media only screen and (max-width: 1199px) { #main-header .logo_container{ margin-top: 50px; height: 70px; } #main-header .logo_container img { height: 70px; } #main-header #phoneNumber{margin-top: 40px;} #main-header #top-menu-nav #top-menu > li > a{ font-size: 17px; padding: 0 5px; } } @media only screen and (max-width: 1099px) { #main-header .et_menu_container{ padding-bottom: 13px; } #main-header .logo_container{ margin-top: 45px; height: 60px; } #main-header .logo_container img { height: 60px; } #main-header #phoneNumber{margin-top: 35px;} #main-header #et-top-navigation{ margin: -25px 0 0; } #main-header #top-menu-nav #top-menu > li > a{ font-size: 16px;} } @media only screen and (max-width: 980px) { #main-header .et_menu_container{ padding-bottom: 0; } header .container{ width: 96%;} #main-header .logo_container{ margin-top: 38px; max-width: 200px; } #main-header .logo_container img { max-width: 100%; } #mobile_menu{ margin-top: 0;} .et_mobile_menu{ padding: 1%!important;} #main-header #et-top-navigation{ margin: -30px 0 0; } .et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar{ padding: 4px 0 0; margin-bottom: 13px;} footer .footer-widget #nav_menu-3{ display: none; } #main-footer #footer-bottom{ padding: 15px 0; font-size: 12px; line-height: 13px; } } @media only screen and (max-width: 767px) { footer .et_pb_widget{ width: 100%; float: none; } #main-footer .footer-widget h4, #main-footer .footer-widget img, #main-footer #footer-widgets p{ text-align: center; clear: both; display: block; margin: auto; max-width: 100%!important; } } @media only screen and (max-width: 400px) { #main-header .logo_container{ margin-top: 40px; height: 40px; max-width: 160px; } #main-header .logo_container img { height: 40px; } #main-header #phoneNumber{margin-top: 25px;} #main-header #phoneNumber a{ font-size: 17px;} #main-header #et-top-navigation{ margin: -25px 0 0; } .et_header_style_split .mobile_menu_bar{ margin-bottom: 7px;} } /*=================================================================================*/ /* 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: 720px;} body.home #banner .et_pb_slide_description{ padding: 15% 0 0 !important;} body.home #banner .et_pb_slide_description p{ font-size: 40px; color: #000; line-height: 50px; font-weight: 300; padding-bottom: 0; text-align: left; width:800px;text-shadow: 0.09em 0.09em 0.2em rgba(0,0,0,0.6);} body.home #banner .et_pb_slide_description p strong{ font-size: 55px; color: #881a1b; font-weight: 300; } body.home #banner .et_pb_slide_description p a{ } /* VOIR BTN */ @media only screen and (max-width: 1499px) { body.home #banner, body.home #banner .et_pb_slides, body.home #banner .et_pb_slide{ height: 650px;} } @media only screen and (max-width: 1399px) { body.home #banner, body.home #banner .et_pb_slides, body.home #banner .et_pb_slide{ height: 550px;} } @media only screen and (max-width: 1299px) { } @media only screen and (max-width: 980px) { body.home #banner, body.home #banner .et_pb_slides, body.home #banner .et_pb_slide{ height: 475px;} body.home #banner .et_pb_slide_description{ padding: 45% 0 0 !important;} body.home #banner .et_pb_slide_description p{ font-size: 35px; line-height: 50px; } body.home #banner .et_pb_slide_description p strong{ font-size: 45px; } } @media only screen and (max-width: 650px) { body.home #banner, body.home #banner .et_pb_slides, body.home #banner .et_pb_slide{ height: 375px;} body.home #banner .et_pb_slide_description{ padding: 50% 0 0 !important;} body.home #banner .et_pb_slide_description p{ font-size: 30px; line-height: 40px; text-align: left; } body.home #banner .et_pb_slide_description p strong{ font-size: 35px; } } @media only screen and (max-width: 500px) { body.home #banner, body.home #banner .et_pb_slides, body.home #banner .et_pb_slide{ height: 325px;} body.home #banner .et_pb_slide_description p{ /**EFFACER LE TEXTE MOBILE **/ display: none; font-size: 25px; line-height: 35px; text-align: left; } body.home #banner .et_pb_slide_description p strong{ font-size: 30px; } body.home #banner .et_pb_slide_description p a{ font-size: 16px!important; line-height: 25px; margin-top: 20px; display: inline-block; } } /* ###################################################################### HOME HOME HOME HOME ###################################################################### */ /* INTERNE */ #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 #main-content h1{ margin-bottom: 10px;} body #main-content p{ line-height: 28px; text-align: justify; } body #main-content ul{ margin: 30px 0 30px 50px;} /* puce list */ body #main-content ul li { list-style-image: url(/wp-content/themes/ChildThemeDivi/images/puce.png); line-height: 25px; margin-top: 15px; } body #main-content #listeTwoCols ul { margin-left: 5px; float: left;} #listeTwoCols ul li{ float: left; width: 50%; padding-right: 25px;} /* puce list */ body.home #banner .et_pb_slide_description p a, a.btn-MD, a.et_pb_more_button{ background: #881a1b; border: 1px solid #881a1b; border-radius: 15px; font-family: 'Roboto'; font-size: 21px; padding: 5px 20px; color: #fff; } body.home #banner .et_pb_slide_description p a:hover, a.btn-MD:hover, a.et_pb_more_button:hover{ background: #5d87a0; border-color: #881a1b; } a.btn-MD{margin-top: 30px;display: inline-block;} /* separator */ div.separator{ width: 100%; height: 50px; clear: both; } div.separator hr{ width: 100%; height: 1px; position: relative; border:none; background: #5d87a0; margin-top: 24px; z-index: 5; } div.separator div{ width: 340px; height: 50px; position: relative; margin: -33px auto 0; z-index: 555; background: url(/wp-content/themes/ChildThemeDivi/images/fioriture.png) top center no-repeat #f5f8f9; } /* separator */ /* PAGE TEAM PAGE TEAM PAGE TEAM */ /* PAGE TEAM PAGE TEAM PAGE TEAM */ body.team .et_pb_section{ padding: 25px 0;} body.team #main-content h3{ color: #881a1b; font-weight: bold; font-size: 19px; } body.team #main-content h4{ font-size: 17px; font-weight: bold; color: #616161; } body.team #main-content p{ font-size: 17px; font-weight: 300; line-height: 25px; margin-top: 15px; } /* PAGE FAQ PAGE FAQ PAGE FAQ PAGE FAQ */ /* PAGE FAQ PAGE FAQ PAGE FAQ PAGE FAQ */ body.faq h2{ font-weight: bold; color: #616161; font-size: 19px; line-height: 25px; border-bottom: 1px solid #5d87a0; padding-top: 0; font-style: normal; } /* PAGE carrieres PAGE carrieres PAGE carrieres */ /* PAGE carrieres PAGE carrieres PAGE carrieres */ body.carrieres h3{ color: #5a829a; margin: 0 0 30px; line-height: 25px; font-size: 20px; font-weight: 300; text-align: left; font-style: italic; } /* PAGE CONTACT PAGE CONTACT PAGE CONTACT */ /* PAGE CONTACT PAGE CONTACT PAGE CONTACT */ body.contact #main-content p strong{ color: #881a1b; } #mode-paiement{ width: 100%; padding: 25px 25px 10px; background: #eaf0f3; border: 1px solid #881a1b; margin-top: 40px; } body #main-content #mode-paiement p{ font-size: 14px; font-weight: 400; text-align: center; line-height: 20px; } #mode-paiement img{ text-align: center; } /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */ /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */ @media only screen and (max-width: 1600px) { h1, body.home h2, body.services h2{ margin: 30px 0; line-height: 35px; font-size: 35px; } h1 strong, body.home h2 strong, body.services h2 strong{ line-height: 25px; font-size: 25px; } 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%;} /* PAGE TEAM PAGE TEAM PAGE TEAM */ /* PAGE TEAM PAGE TEAM PAGE TEAM */ body.team #main-content h3{font-size: 18px; } body.team #main-content h4{ font-size: 16px; } body.team #main-content p{ font-size: 16px; line-height: 22px; margin-top: 15px; } } @media only screen and (max-width: 1299px) { h1, body.home h2, body.services h2{line-height: 30px; font-size: 30px; } h1 strong, body.home h2 strong, body.services h2 strong{ line-height: 21px; font-size: 21px; } 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%;} /* PAGE TEAM PAGE TEAM PAGE TEAM */ /* PAGE TEAM PAGE TEAM PAGE TEAM */ body.team #main-content h3{font-size: 17px; padding-bottom: 5px; } body.team #main-content h4{ font-size: 15px; } body.team #main-content p{ font-size: 15px; line-height: 21px; margin-top: 12px; } /* PAGE FAQ PAGE FAQ PAGE FAQ PAGE FAQ */ /* PAGE FAQ PAGE FAQ PAGE FAQ PAGE FAQ */ body.faq h2{ font-size: 17px; line-height: 23px; } } @media only screen and (max-width: 980px) { .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: 375px; } .et_pb_column.et_pb_column_empty{ display: block; border-top: 3px solid #616161; border-bottom: 3px solid #616161; } body.team .et_pb_column.et-last-child{ margin-bottom: 0;} /* PAGE carrieres PAGE carrieres PAGE carrieres */ /* PAGE carrieres PAGE carrieres PAGE carrieres */ body.carrieres h3{ line-height: 20px; font-size: 17px; } } @media only screen and (max-width: 767px) { h1, body.home h2, body.services h2{line-height: 26px; font-size: 26px; } h1 strong, body.home h2 strong, body.services h2 strong{ line-height: 19px; font-size: 19px; } h2{ margin: 20px 0; line-height: 25px; font-size: 17px; } 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; } .et_pb_row.et_pb_row_fullwidth > div, .et_pb_row.et_pb_row_1.et_pb_row_fullwidth > div{ min-height: 300px; } /* PAGE FAQ PAGE FAQ PAGE FAQ PAGE FAQ */ /* PAGE FAQ PAGE FAQ PAGE FAQ PAGE FAQ */ body.faq h2{ font-size: 16px; line-height: 21px; } } @media only screen and (max-width: 600px) { div.hideOnMobile{ display: none!important; } #listeTwoCols ul li{ width: 100%; } .et_pb_row.et_pb_row_fullwidth > div, .et_pb_row.et_pb_row_1.et_pb_row_fullwidth > div{ min-height: 250px; } } @media only screen and (max-width: 400px) { } #basic-modal-content {display:none;} /* Overlay */ #simplemodal-overlay {background-color:#FFF; cursor:wait;opacity: 0.8 !important;z-index: 99999!important;} /* Container */ #simplemodal-container {width: 570px; height: 440px; background: none; color:#bbb; padding:2px; z-index: 99999!important; position: relative;} #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 {color:#84b8d9;} @media only screen and (max-width: 767px) { #simplemodal-container {width: 90%; height: 80%;} #simplemodal-container img{ max-width: 100%;} } /********************************************************/ /* #### VACCIN #### */ #responsive { width: 100%; bottom: 0; z-index: 9999;position: relative; } #responsive #bgImage{ background: url(/wp-content/themes/ChildThemeDivi/mdcentro-vaccin.png) no-repeat; position: relative; width: 128px; height: 128px; margin-left: 12%; float: left; } #bg{ background: #5a829a; border-top: 3px solid #FFF; margin-top: 65px; } #responsive #containerResponsive{ width: 60%; margin: 0 auto; padding-bottom: 15px; position: relative; } #responsive #containerResponsive p{ font-size: 20px; font-weight: 500; text-transform: uppercase; color:#FFF; line-height: 60px; } #responsive #containerResponsive div{ font-size: 16px; font-weight: 500;color:#FFF; line-height: 20px; margin-top: 20px; cursor: pointer; } #responsive #containerResponsive div strong{ color: #f9d95d; font-weight: 500; } .closeResponsive{ background: url(/wp-content/themes/ChildThemeDivi/close-popmessage.png) top right no-repeat; margin: 0!important; padding: 0; width: 19px; height: 19px; position: absolute; right: 0; top: -10px; } @media only screen and (max-width: 1299px) { #responsive #bgImage{ margin-left: 6%; } #responsive #containerResponsive{ width: 80%; } #responsive #containerResponsive p{ font-size: 17px; } #responsive #containerResponsive div{ font-size: 15px; } } @media only screen and (max-width: 980px) { #responsive #bgImage{ margin-left: 2%; } #responsive #containerResponsive{ width: 90%; } #responsive #containerResponsive p{ font-size: 15px; } #responsive #containerResponsive div{ font-size: 14px; } } @media only screen and (max-width: 767px) { #mobile { width: 100%; height: 80px; bottom: -90px; z-index: 9999;position: fixed; cursor: pointer; } #mobile #bg{ margin: 0; height: 80px; } #mobile #bgImage{ background: url(/wp-content/themes/ChildThemeDivi/mdcentro-vaccin.png) left 5px top 6px no-repeat; position: relative; background-size: 70px 70px; width: 80px; height: 80px; margin-left: 5px; float: left; } #mobile p{ font-size: 15px; line-height: 19px;text-transform: uppercase; color:#FFF; padding-top: 6px; } #containerMobile div{ font-size: 12px; line-height: 15px; position: absolute; top: 80px; color: #FFF; padding: 0 15px 15px; } #containerMobile div strong{ color: #f9d95d; font-weight: 500; } #containerMobile .closeResponsive{ top: -10px; } }