/*

 Theme Name:     Divi Child Theme

 Description:    Divi Child Theme

 Author:         Marketing Local

 Author URI:     http://www.marketinglocal.fr

 Template:       Divi

 Version:        1.0.0

*/



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



/** theme colors **/



/* blue: #4597d3

   orange: #f8b22e

   red : #e5203c  

   dark blue: #2e2d50

*/

/** body **/
div#page-container {
    overflow-x: hidden!important;
}

.et_pb_contact p textarea {
    font-family: monospace!important;
}

body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button:hover {
    color: #ffffff!important;
    background: #e5203c!important;
    border-color: #e5203c!important;
    border-radius: 50px!important;
}

body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button {
    color: #2e2d50!important;
    border-width: 1px!important;
    border-radius: 50px!important;
    text-transform: uppercase!important;
    font-weight: 900;
    padding: 15px 20px 10px 20px!important;
}

/** some design **/



.fl {

    float: left;

}

.fr {

    float: right;

}

.clear {

    clear: both;

}

.bold {

    font-weight: bold;

}

.padding-top-zero {

    padding-top: 0px

}

.padding-bottom-zero {

    padding-bottom: 0px

}

.padding-top-20 {

    padding-top: 20px

}



/* Contact nagivation secondaire*/



#page-container #top-header {

    background-color: #ea6a48

}

#et-info {

    position: relative;

    float: right;

    font-size: 14px;

    color: #fff

}

#et-info #et-info-email {

    color: #fff

}

#et-info ul.et-social-icons li a {

    color: #fff

}



/* Solution */



.note-intro {

    font-size: 13px;

    padding: 15px;

    background-color: #f8f8f8;

    border: 1px solid #F2f2f2

}



/* sidebar element */



.custom-sidebar {

    border: 1px solid #DBDBDB;

    border-radius: 5px;

    padding: 10px 10px 0px 10px;

}

.custom-sidebar h4 {

    font-weight: bold;

    font-size: 16px;

    color: #CB4014;

    border-bottom: 2px solid #1282b1;

    background: url("https://www.marketinglocal.fr/wp-content/uploads/2015/06/icon-marketing-local-16.png") left no-repeat;

    padding: 3px 0px 3px 20px;

}

.custom-sidebar div {

    padding: 15px 0px 0px 0px;

}

.et_pb_widget {

    float: none!important;

}



/** text sizes **/

.size-42 {

    font-size: 42px;

}

.size-36 {

    font-size: 36px;

}

.size-32 {

    font-size: 32px;

}

.size-27 {

    font-size: 27px;

}

.size-26 {

    font-size: 26px;

}

.size-24 {

    font-size: 24px;

}

.size-20 {

    font-size: 20px;

}

.size-18 {

    font-size: 18px;

}

.size-16 {

    font-size: 16px;

}

.size-14 {

    font-size: 14px;

}

.size-12 {

    font-size: 12px;

}

.size-11 {

    font-size: 11px;

}

.size-10 {

    font-size: 10px;

}



/** top header **/



div#top-header {

    display: none;

}

.et_header_style_left #et-top-navigation,

.et_header_style_split #et-top-navigation {

    padding: 15px 0 0 0!important;

}

div#et-top-navigation {  

	padding-top: 0px!important;

}

@media only screen and (min-width: 981px){

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {    

    padding: 35px 10px;   

    opacity: 1!important;

}

#top-menu li {    

    padding-right: 0px!important;

}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {    

    padding: 0px;

}

.et-fixed-header #top-menu li li a {
    color: #2e2d50!important;
    background: #4096d3;
}


#top-menu li li.et-hover a {
    background: #2e2d50!important;
    opacity: 1!important;
	color: #4096d3!important;
}


/* Overline From Center */

.hvr-overline-from-center {  

	display: inline-block;  

	vertical-align: middle;  

	-webkit-transform: perspective(1px) translateZ(0);  

	transform: perspective(1px) translateZ(0);  

	box-shadow: 0 0 1px transparent;  

	position: relative;  

	overflow: hidden; 

	opacity: 1!important;

}

.hvr-overline-from-center:before {  

	content: "";  

	position: absolute;  

	z-index: -1;  

	left: 50%;  

	right: 50%;  

	top: 0;  

	background: #3c8ccd;  

	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;

}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {  

	left: 0;  

	right: 0; 

}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {

    padding: 0px 0 0 0!important;

}

}



/** cta button **/



.CTA-button a {

    background-color: #f8b22e;

    padding: 15px 20px!important;

    color: white!important;

    border-radius: 40px;

}

.CTA-button a:hover {

    background: #4597d3;

    opacity: 1!important;

    color: white!important;

}

.CTA-button a {

    margin-left: 5px;

}



/** titles , subtitles, paragraph **/
h1 {
    color: #2e2d50!important;
    font-size: 45px!important;
    font-weight: normal!important;
    text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3);
}

h2 {
    color: #f8b22e!important;
    font-weight: bold!important;
    font-size: 30px!important;
}

h3 {
    color: #e5203c!important;
    font-weight: bold!important;
    font-size: 25px!important;
}


h4 {
    font-size: 20px!important;
    color: #000!important;
    font-weight: bold!important;
}

h4.title {
    font-family: 'bebas-neue' !important;
}

h5 {
    font-size: 18px!important;
    color: #4597d3!important;
    font-weight: bold!important;
    line-height: 1.5em;
}

p {
    font-size: 16px!important;
    font-weight: bold!important;
	line-height: 1.5em;
}




/** footer info **/

#footer-bottom #footer-info {
    font-weight: bold!important;
}


#main-footer #footer-widgets {

    background: #4096d3;

}

#footer-bottom #footer-info {

    text-align: right

}

#footer-widgets a {
    color: #fff !important;
    font-weight: 900;
	webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#footer-widgets a:hover {
    color: #e51f3a!important;
}

.footer-widget li::before {

    color: #fff !important;

    border-color: #fff !important;

}

#footer-widgets ul a:hover {

    color: #fff !important;

    text-decoration: underline;

}

.footer-widget .contact_widget_address {

    padding-left: 22px;

}

.et_bloom_form_text {

    padding: 0px !important;

}

p#footer-info {

    font-size: 14px!important;

    margin: auto;

    text-align: center!important;

    float: none!important;

}

#footer-info,

#footer-info a {

    color: #ffffff!important;

}

footer#main-footer .container {

    width: 100%!important;

    max-width: 100%!important;

    margin: auto!important;

}

div#footer-widgets {

    margin: auto!important;

    padding: 80px 70px 0px 70px!important;

}

.footer-widget {

    margin-bottom: 0px!important;

}

div#bloomwidget-2 {

    margin-bottom: 30px!important;

}

.et_bloom_form_content.et_bloom_1_field.et_bloom_bottom_stacked {

    padding: 30px 0px 0px 0px!important;

}

span.icon_pin {

    background: #f8b22e;

    padding: 6px 6px 6px 5px!important;

    border-radius: 25px;

    margin-right: 5px;

}

.icon_pin:before {

    margin: AUTO;

    FONT-SIZE: 16PX;

}

#footer span.icon_phone {

    background: #f8b22e;

    padding: 6px 7px 6px 6px!important;

    border-radius: 25px;

    margin-right: 5px;

}

.icon_phone:before {

    margin: AUTO;

    FONT-SIZE: 12PX;

}

span.icon_phone {

    padding-right: 5px;

    font-size: 14px!important;

}

span.icon_mail {

    background: #f8b22e;

    padding: 5px 7px 7px 6px!important;

    border-radius: 25px;

    margin-right: 5px;

}

.icon_mail:before {

    margin: AUTO;

    FONT-SIZE: 16PX;

}

.footer-widget .contact_widget_address {

    padding-left: 33px!important;

}

#main-footer .footer-widget h4 {

    color: #2d2d51!important;

    font-size: 25px!important;

}

.et_bloom .et_bloom_widget_content .et_bloom_form_header {

    padding: 15px!important;

    text-align: center;

}

#footer-widgets .footer-widget li:before {

    border-width: 0px!important;

}

#footer-widgets ul a:hover {

    color: #e5203c !important;

    text-decoration: none!important;

}

#footer-widgets ul a {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}

#footer-map ,#footer-map .et_pb_map {

height:250px!important;

}

div#adresse,

div#tel {

    margin-bottom: 30px;

}



/** scroll bar **/



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);

    border-radius: 10px;

    background-color: transparent!important;

}

::-webkit-scrollbar {

    width: 12px;

    background-color: transparent!important;

}

::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);

    background-color: #e5203c;

}



/**  buttons **/



.et_pb_button {

    padding: 15px 20px 10px 20px!important;

}

input#submit {
    padding: 10px 20px!important;
    border-radius: 77px;
    font-size: 20px;
    color: #ffffff;
    background: #2e2d50;
}

input#submit:hover {

    color: #fff;

}

button.wpcf7-form-control.wpcf7-submit.button.et_pb_contact_submit.et_pb_button:hover {

    background: #6fbcb3!important;

    color: black!important;

}





/** text-selection **/



::selection {

  background: #f8b22e; 

  color: white;

}

::-moz-selection {

  background: #f8b22e; 

  color: white;

}



/** single post **/



.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {

    width: 80%!important;

    max-width: 100%!important;

}

span.nav-previous {

    padding: 20px 20px 10px 20px;

    background: #2e2d50;

    border-top-right-radius: 20px;

    border-bottom-right-radius: 20px;

    margin-left: -22.5%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

span.nav-next {

    padding: 20px 20px 10px 20px;

    background: #2e2d50;

    border-top-left-radius: 20px;

    border-bottom-left-radius: 20px;

    margin-right: -37.5%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

span.nav-next span {

    float: right;

    padding-right: 20px;

    color: white;

}

span.nav-previous span {

    float: right;

    padding-left: 20px;

    color: white;

}

span.nav-next:hover, span.nav-previous:hover {

    margin: 0px!important;

    background: #e11d34;

}



/** cookies consent **/

button#catapultCookie:hover {

    background: #f7a929;

}

button#catapultCookie {

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    border-radius: 0px!important;

}



/** mobile menu **/

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

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {

    background-color: rgba(255, 255, 255, 0)!important;

}

.container.clearfix.et_menu_container {

    width: 90%;

}

ul#mobile_menu {

    background: #2e2d50!important;

}

}

/** others **/
div#wph-modal-popup--1 {
    margin-top: 0px!important;
}
#top-menu li {
    margin-left: 20px;
}

#footer-map .et_pb_map {
    border: 2px solid #2c2d51!important;
}
.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {
    margin-bottom: 8.54%!important;
}
div#monarchwidget-3 {
    width: 65%;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    top: 32px!important;
}
.textwidget.widget-text {
    font-size: 16px;
}

/* Prepare the menu for applying animations */

#top-menu-nav ul.sub-menu {
 overflow: hidden;
 background-color: transparent !important;
 padding: 0px !important;
 -webkit-box-shadow: none !important;
 -moz-box-shadow: none !important;
 box-shadow: none !important;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu, 
#top-menu-nav ul#top-menu > li:focus ul.sub-menu {
 max-height: 3000px ;
}

#top-menu-nav #top-menu li li a {
 width: 300px !important;
 padding: 10px 20px;
}

#top-menu-nav #top-menu li li {
 padding: 0px !important;
 background-color: #fff !important;
}

ul.sub-menu {
    width: 320px!important;
    border-top: none!important;
}


/* forward */
#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(1) {
 -webkit-transition-delay: 0s;
 -moz-transition-delay: 0s;
 -ms-transition-delay: 0s;
 -o-transition-delay: 0s;
 transition-delay: 0s;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(2) {
 -webkit-transition-delay: 66ms;
 -moz-transition-delay: 66ms;
 -ms-transition-delay: 66ms;
 -o-transition-delay: 66ms;
 transition-delay: 66ms;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(3) {
 -webkit-transition-delay: 133ms;
 -moz-transition-delay: 133ms;
 -ms-transition-delay: 133ms;
 -o-transition-delay: 133ms;
 transition-delay: 133ms;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(4) {
 -webkit-transition-delay: 200ms;
 -moz-transition-delay: 200ms;
 -ms-transition-delay: 200ms;
 -o-transition-delay: 200ms;
 transition-delay: 200ms;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(5) {
 -webkit-transition-delay: 266ms;
 -moz-transition-delay: 266ms;
 -ms-transition-delay: 266ms;
 -o-transition-delay: 266ms;
 transition-delay: 266ms;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(6) {
 -webkit-transition-delay: 333ms;
 -moz-transition-delay: 333ms;
 -ms-transition-delay: 333ms;
 -o-transition-delay: 333ms;
 transition-delay: 333ms;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(7) {
 -webkit-transition-delay: 400ms;
 -moz-transition-delay: 400ms;
 -ms-transition-delay: 400ms;
 -o-transition-delay: 400ms;
 transition-delay: 400ms;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(8) {
 -webkit-transition-delay: 466ms;
 -moz-transition-delay: 466ms;
 -ms-transition-delay: 466ms;
 -o-transition-delay: 466ms;
 transition-delay: 466ms;
}

/* Default
 ================================================================= */
#top-menu-nav ul.sub-menu li {
 margin: 0px !important;
 opacity: 0;
 -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
 -moz-transition: opacity .4s, -moz-transform .6s, max-height .6s;
 -ms-transition: opacity .4s, -ms-transform .6s, max-height .6s;
 -o-transition: opacity .4s, -o-transform .6s, max-height .6s;
 transition: opacity .4s, transform .6s, max-height .6s;
}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li, 
#top-menu-nav ul#top-menu > li:focus ul.sub-menu li {
 opacity: 1;
 -webkit-transform: none;
 -moz-transform: none;
 -ms-transform: none;
 -o-transform: none;
 transform: none;
}

/* Fence
 ================================================================= */
#top-menu-nav li.fence ul.sub-menu {
 -webkit-perspective: 600px;
 -moz-perspective: 600px;
 -ms-perspective: 600px;
 -o-perspective: 600px;
 perspective: 600px;
}
#top-menu-nav li.fence ul.sub-menu li:nth-child(odd) {
 -webkit-transform-origin: 0 50%;
 -moz-transform-origin: 0 50%;
 -ms-transform-origin: 0 50%;
 -o-transform-origin: 0 50%;
 transform-origin: 0 50%;
 -webkit-transform: rotateY(90deg);
 -moz-transform: rotateY(90deg);
 -ms-transform: rotateY(90deg);
 -o-transform: rotateY(90deg);
 transform: rotateY(90deg);
}
#top-menu-nav li.fence ul.sub-menu li:nth-child(even) {
 -webkit-transform-origin: 100% 50%;
 -moz-transform-origin: 100% 50%;
 -ms-transform-origin: 100% 50%;
 -o-transform-origin: 100% 50%;
 transform-origin: 100% 50%;
 -webkit-transform: rotateY(-90deg);
 -moz-transform: rotateY(-90deg);
 -ms-transform: rotateY(-90deg);
 -o-transform: rotateY(-90deg);
 transform: rotateY(-90deg);
}
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 104%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  /* move the element up by 15px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

@media only screen and (max-width: 980px)
{
 #main-header .et_mobile_menu {
    background-color: #ffffff!important;
}
span.mobile_menu_bar.mobile_menu_bar_toggle {
    background: #fff!important;
    padding-bottom: 0px;
    margin-bottom: 24px;
}
.CTA-button {
    display: none;
}
div#footer-widgets {
    margin: auto!important;
    padding: 45px 30px 0px 30px!important;
}
.et_pb_posts_nav.et_pb_module.nav-single.et_pb_post_nav_0 {
    display: none;
}
}

.et_pb_column_1_3 h2, .et_pb_column_1_4 h2 {
    line-height: 1.2em!important;
}

.pp_top , .pp_bottom {
    display: none;
}

div.pp_default .pp_content_container .pp_right , div.pp_default .pp_content_container .pp_left , div.pp_default .pp_content, div.light_rounded .pp_content{
    background: none!important;
}

div.pp_default .pp_close {
 background: url(../../uploads/2017/10/cross-mark-on-a-black-circle-background.png)!important;
    background-size: contain!important;
}
div.pp_default .pp_expand {
 background: url(../../uploads/2017/10/expand.png)!important;
    background-size: contain!important;
}

.wph-modal--content audio, .wph-modal--content video, .wph-modal--content object, .wph-modal--content iframe {
    height: -webkit-fill-available!important;
}

.wph-modal .wph-modal--content .wph-modal--message p {
    font-size: 0px!important;
}


/** mobile css **/
@media only screen and (max-width: 980px){

h1 {
    font-size: 25px!important;
}

h2 {
    font-size: 18px!important;
}

h3 {
    font-size: 16px!important;
}

h4 {
    font-size: 14px!important;
}

h5 {
    font-size: 14px!important;
}

p {
    font-size: 12px!important;
}

a.et_pb_button {
    font-size: 14px!important;
    padding: 15px 30px 10px 30px!important;

}

.textwidget.widget-text {
    font-size: 12px!important;
}

p#footer-info {
    font-size: 12px!important;
    margin: 0px 20px 20px 20px!important;
}

div#monarchwidget-3 {
    width: 100%!important;
}

.box {
    font-size: 16px!important;
}
div#nuages {
    margin-bottom: -1px;
}

}