/* 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 pale : cddff3 Bleu semi foncé : 7daed8 Gris BG : e4e6e8 Gris Texte : 68727a #### CODE COULEUR */ h1{ color: #68727a; text-transform: uppercase; margin: 30px 0; line-height: 40px; } h2{ color: #68727a!important; font-size: 28px; margin: 20px 0; text-transform: uppercase; font-weight: 600; } /* HEADER */ #top-header{ border-top:3px solid #d7de76; background:transparent!important; position:relative; z-index:99999; } #et-secondary-menu > ul { margin-top:20px; } #et-secondary-menu > ul > li { margin:0; } #et-secondary-menu > ul > li a{ font-size:14px; color:#68727a; text-transform: uppercase; font-weight:bold; padding: 0; } #et-secondary-menu > ul > li a:before{ content:"|"; padding: 0 15px; } #et-secondary-menu > ul > li:first-of-type a:before{ content:""; } #top-menu > li:last-child a{ padding-right:0; } #main-header{ height: 223px; border-bottom:2px solid #FFF; background:#cddff3; margin-top:-80px; position:relative; z-index:10; } #main-header .container{ margin: 0 auto; position: relative; padding: 0!important; } #main-header .logo_container{ max-width: 1200px!important; margin: 0 auto; position: relative; float: none; padding: 50px 0 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; height: 50px; clear: both!important; float: none; padding: 0!important; margin: 20px auto 0!important; background:#7daed8; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } #main-header #top-menu-nav { max-width: 1200px!important; height: 50px; margin:0px auto; float:none;} #top-menu > li{ padding: 0; float: left; display: block; } #top-menu > li > a{ color: #FFF; line-height: 50px; padding: 0 27px 0 0!important; margin:0; text-align: center; font-size: 14px!important; } #top-menu li a:before{ content:"|"; padding-right:20px; color:#FFF!important; } #top-menu li:first-of-type a:before{ content:""; } #top-menu li:last-of-type a{ padding-right: 0!important; } #top-menu li a:hover, #top-menu > li.current_page_parent > a, #top-menu > li.current_page_item > a{ color: #0054a6!important; opacity:1; } /*#top-menu .menu-item-has-children > a:first-child::after{ display: none; }*/ #top-menu li ul{ width: 325px; border-color: #FFF; padding: 0; background: #0054a6;} #top-menu li li{ padding: 0; } #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; } #top-menu li li a:hover{ color: #ccc; } /* FOOTER */ #footer-bottom .et-social-icon a{ font-size: 30px; color:#FFF!important;} #footer-bottom .et-social-youtube a{ font-size: 40px; color:#FFF!important;} #footer-bottom{ background: #7daed8; font-size: 14px; color: #FFF; padding: 12px 0; line-height: 19px; } #footer-bottom a{ color: #FFF;} /* FOOTER */ /*=================================================================================*/ /* FLEXIBLE PART TEMPLATE FLEXIBLE PART TEMPLATE */ /*=================================================================================*/ /*=================================================================================*/ @media only screen and (max-width: 1550px) { } @media only screen and (max-width: 1299px) { #main-header #top-menu-nav{ width: 990px; } #top-menu > li > a{ padding-right: 12px!important; font-size: 13px!important; } #top-menu > li > a:before{ padding-right: 12px; } #main-header .logo_container{ width: 990px; } } @media only screen and (max-width: 1199px) { } @media only screen and (max-width: 1099px) { #top-menu > li > a{ padding-right: 9px!important; font-size: 13px!important; } #top-menu > li > a:before{ padding-right: 9px; } } @media only screen and (max-width: 980px) { h2{ font-size: 25px; } #main-header{ height: 185px; } #main-header .logo_container, #main-header .logo_container img{ width: 80%!important; max-width: 300px!important; margin: 10px 0 0!important; } #main-header #et-top-navigation{background: none; border:0; margin-top: -50px!important;} #et-top-navigation .mobile_menu_bar_toggle{background: #7daed8;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;} #top-menu-nav{ display: none!important; } .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar{ padding: 0!important; } .mobile_menu_bar::before { padding: 7px!important; display: block; } .et_mobile_menu{ padding: 0!important;} } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 550px) { } @media only screen and (max-width: 400px) { } @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: 750px;} body.home #banner .et_pb_slides .et_pb_slider_container_inner{ vertical-align: top;} body.home #banner .et_pb_slide_description{ padding: 100px 0 0 !important;} body.home #banner .et_pb_slide_description h1{ font-size: 32px; font-weight: bold; } body.home #banner .et_pb_slide_description h1 strong{ font-size: 52px; } /* MODELE BOUTON */ body.home #banner a, #CTA-standard a{ display: block; width: 250px; text-align: center; border: 2px solid #7daed8; line-height: 55px; color: #7daed8; margin: 35px 0 0; font-size: 24px; font-weight: bold; text-transform: uppercase; background: transparent; text-shadow: none; } /* MODELE BOUTON */ #servicesResume a{ display: block; width: 100%; max-width: 340px; text-align: center; margin: -50px auto 0; padding: 10px; background: #FFF; text-transform: uppercase; color: #7daed8; font-size: 17px; font-weight: 600; } #servicesResume .et_pb_column_1_3, #servicesResume .et_pb_row .et_pb_column_1_3{ width: 33%!important; margin-right: 0!important; } @media only screen and (max-width: 1299px) { 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-top: 30px!important;} #servicesResume a{ font-size: 16px; max-width: 300px; } } @media only screen and (max-width: 1199px) { #servicesResume a{ font-size: 15px; max-width: 280px; } } @media only screen and (max-width: 1099px) { #servicesResume a{ font-size: 13px; max-width: 260px; } } @media only screen and (max-width: 980px) { body.home #banner, body.home #banner .et_pb_slides, body.home #banner .et_pb_slide{ height: 450px;} body.home #banner .et_pb_slide_description h1{ font-size: 28px; } body.home #banner .et_pb_slide_description h1 strong{ font-size: 45px; } #servicesResume{ padding: 15px 0!important;} #servicesResume .et_pb_column_1_3, #servicesResume .et_pb_row .et_pb_column_1_3{ width: 100%!important; float: none; margin: 20px auto!important; } #servicesResume a{ margin: 0 auto!important; max-width: 360px; font-size: 16px; } } @media only screen and (max-width: 760px) { body.home #banner, body.home #banner .et_pb_slides, body.home #banner .et_pb_slide{ height: 375px;} } @media only screen and (max-width: 600px) { body.home #banner .et_pb_slide_description h1{ font-size: 24px; } body.home #banner .et_pb_slide_description h1 strong{ font-size: 38px; } body.home #banner a{ line-height: 45px; font-size: 22px; margin-top: 15px;} body.home #banner .et_pb_slide_title { font-size: 32px !important; text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.8); } } @media only screen and (max-width: 500px) { body.home #banner, body.home #banner .et_pb_slides, body.home #banner .et_pb_slide{ height: 300px;} } /* ###################################################################### HOME HOME HOME HOME ###################################################################### */ /* INTERNE */ #banniereInterne{ height: 400px; } #main-content li{ list-style: initial;} #CTA-standard{ padding: 50px 0 70px; } #CTA-standard h2, #CTA-standard h3, #CTA-standard li, #CTA-standard p{ color: #FFF!important; text-align: center; } #CTA-standard a{ width: inherit; display: inline-block; color: #FFF; padding: 0 25px; font-size: 17px; } #CTA-standard a sup{ font-size: 11px; } #CTA-double-products h2{ font-size: 28px; color: #68727a; text-align: center; line-height: 35px; } #CTA-double-products h2 strong{ font-size: 32px; display: block; font-weight: 500; margin: auto; } #CTA-double-products .blocBlanc{ padding: 2%!important; width: 50%!important; margin: 0px!important; } #CTA-double-products .blocBlanc .et_pb_text_inner{ padding: 10px; background: #FFF; max-width: 450px; margin: 30px auto; } #CTA-double-products h3{ font-size: 17px; color: #7daed8; text-align: center; font-weight: 500; text-transform: uppercase; font-style: italic; } #CTA-double-products h3 strong{ font-size: 30px; font-style: normal; line-height: 40px; font-weight: 500; } #CTA-double-products p{ font-size: 21px; text-align: center; text-transform: uppercase; font-weight: 500; line-height: 50px; padding: 0; } #CTA-double-products a{ font-size: 15px; display: block; font-weight: 500; margin: 15px auto 10px; text-transform: uppercase; color: #7daed8; border: 1px solid #7daed8; width: 150px; line-height: 40px; } #CTA-double-products a:hover{ background: #7daed8; color: #FFF; } #CTA-double-products hr{ width: 75px; border: 1px solid #e4e6e8; text-align: center; margin: 0 auto 10px; } #succursales {} #succursales .et_pb_column{ width: 25%!important; margin: 0!important; border-left: 1px dotted #333; padding: 20px 0; } #succursales .et_pb_column:first-of-type{ border-left: 0; } #succursales .et_pb_text_inner{ width: 100%!important; margin: 0!important; padding: 0 10%; } #succursales h3 { font-size: 24px; color: #7daed8; text-align: center; text-transform: uppercase; } #succursales p { font-size: 14px; text-align: center; line-height: 22px; margin: 10px 0;} #succursales a { font-size: 15px; text-align: center; text-transform: uppercase; color: #7daed8; background: #d8dd77; width: 100%; display: inline-block; line-height: 40px; } @media only screen and (max-width: 980px) { #CTA-double-products h2{ font-size: 24px; line-height: 30px; } #CTA-double-products h2 strong{ font-size: 28px; } #CTA-double-products h3{ font-size: 15px; } #CTA-double-products h3 strong{ font-size: 25px; } #CTA-double-products p{ font-size: 18px;} #succursales .et_pb_column{ width: 50%!important; margin: 10px 0!important; } #succursales .et_pb_column.et_pb_column_11 .et_pb_text_inner{ border-left: 0; } } @media only screen and (max-width: 767px) { #CTA-double-products .blocBlanc{ padding: 0!important; width: 100%!important; margin: 0px!important; } } @media only screen and (max-width: 600px) { #CTA-double-products h2{ font-size: 18px; line-height: 25px; } #CTA-double-products h2 strong{ font-size: 23px; } #CTA-double-products h3{ font-size: 13px; } #CTA-double-products h3 strong{ font-size: 21px; line-height: 27px; } #succursales .et_pb_column{ width: 100%!important; margin: 10px 0!important; border-bottom: 1px dotted #333; border-left: none; } #succursales .et_pb_column.et_pb_column_11 .et_pb_text_inner{ border: 0; } } @media only screen and (max-width: 500px) { #servicesResume a{ font-size: 14px; } }