/*
Theme Name:     Pixel Online Création
Description:    Thème enfant de DIVI
Author:         Anthony PARIS
Author URI:     https://www.pixel-online.fr
Template:       Divi                       
Version:        1.0.0
*/
:root {
  --blue: #0e436a;
  --black: #383838;
  --lightblue: #01adb5;
  --gris: #565656;
  --vert: #52bd3c;
}

/* SCROLL */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}
/* ANIMATION */
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.pulse {
  animation: pulse 2s infinite;
}

/**TEXT**/
body{
  font-weight:400;
}

/**THEME (A MODIFIER)**/
/* HEADER */
/* div#logo-website img{
  min-width:333px;
}
@media (max-width: 1370px) {
  div#logo-website img{
    min-width:290px;
  }
}
@media (max-width: 1070px) {
    div#logo-website img{
      min-width:175px;
    }
} */
div.header-annonce-bat-item div.et_pb_blurb_content{
  display:flex;
  align-items:center;
}
div.header-annonce-bat-item div.et_pb_blurb_content .et_pb_main_blurb_image{
  margin-bottom:0px;
}
@media (min-width: 100px) {
  div#header-annonce-bat-item-0{
    background: #fff;
    padding: 4px 8px;
    border-radius: 6px;
  }
  div#header-annonce-bat-item-0 div.et_pb_blurb_content span.et_pb_image_wrap .et-pb-icon,
  div#header-annonce-bat-item-0 div.et_pb_blurb_container a{
    font-weight: bold;
    color:var(--blue)!important;
  }
}
/* MENU */
@media (min-width: 981px) {
  .dle-hd-174 .et_mobile_menu li:not(:last-child) a,
  .dle-hd-174 .nav li li:not(:last-child),
  .dle-hd-174 .et-menu-nav li.mega-menu>ul>li>a:first-child,
  .dle-hd-174 .et-menu-nav li.mega-menu ul li ul li:not(:last-child) a {
    border-bottom: 0px solid rgb(0,0,0,0.1) !important;
  }
}

.dle-hd-174 .et_mobile_menu .menu-item-has-children > a:after {
  content: '+';
  display: inline-block !important;
  font-weight: normal;
  position: absolute;
  right: 10px;
}

.dle-hd-174 .et_mobile_menu .menu-item-has-children > .dle-menu-switched-icon:after {
  content: '-';
}

.dle-hd-174 .et_mobile_menu .menu-item-has-children .sub-menu li {
  display: none;
}

.dle-hd-174 .et_mobile_menu .menu-item-has-children .sub-menu .dle-show-menu-items {
  display: block;
}
  
.dle-hd-174 .nav li li ul {
  top: -2px !important;
  left: 200px;
}
  
.dle-hd-174 .nav li.mega-menu li ul {
  top: auto !important;
  left: auto;
}
  
.dle-hd-174 .nav li {
  margin-top: 0 !important;
}
  
.dle-hd-174 .nav li li {
  padding: 0 !important;
}
  
.dle-hd-174 .et_pb_menu .et_mobile_menu,
.dle-hd-174 .et_mobile_menu {
  padding: 0 !important;
  border-width: 2px;
  margin-top: 10px;
}
  
.dle-hd-174 .et_pb_menu .et_mobile_menu a,
.dle-hd-174 .et_mobile_menu a {
  padding: 12px 20px !important;
  font-weight: 500;
  background-color: transparent;
}
  
/* Ces valeurs car le sous menu est en absolute mais son bloc (vert) est en 2 partie , le menu etant dans la deuxieme cellule donc 50% de 100% */
.dle-hd-174.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu {
  border-width: 0px !important;
  padding: 10px 20px !important;
  min-width: 132%;
  left: 0%!important;
  border-radius: 0px 0px 15px 15px;
}
  
.dle-hd-174 .nav li.mega-menu li {
  border-bottom: none !important;
}
  
/* .dle-hd-174 .et-menu-nav li.mega-menu li>a {
  width: 180px !important;
} */
  
.dle-hd-174.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu a {
  padding: 12px 0 !important;
}
  
.dle-hd-174 .et_pb_menu__search-button {
  margin-top: 5px;
}
  
@media screen and (min-width: 981px) {
ul#menu-header{
  align-items: center;
}
ul#menu-header ul.sub-menu{
  border-top: 4px solid #096788;
  border-top-width: 4px!important;
}
.dle-hd-174 .et-menu .sub-menu .menu-item-has-children>a:first-child:after {
  top: 10px !important;
}
  
.dle-hd-174.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu li ul.sub-menu {
  padding: 0 !important;
}
.dle-hd-174 li.mega-menu ul.sub-menu li {
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}

}
.et_pb_menu_0_tb_header .mobile_nav span.mobile_menu_bar:before{
  color: #0d4566;
  font-weight: 900;
  font-size: 40px;
}
.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d';
}
/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
/*rotate the Divi Menu icon on click*/

.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}


/* MEGAMENU */
@media only screen and (min-width: 981px){
  .et-menu-nav li.mega-menu.mega-menu-parent-3>ul.sub-menu>li {
    width:31%;
  }
	.et-menu-nav li.mega-menu>ul>li {
		width: 23%;
    margin: 2% 1%;
		border-radius: 0 20px;

	}
	div.dle-hd-174.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu a {
		padding: 0px !important;
		font-weight:100;
    width:100%!important;
	}
	.et-menu-nav li.mega-menu li>a{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		text-align: center;
		transition:0.3s;
		font-size: 16px!important;
	}
	
	body.et-db div#et-boc .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li a{
		color:#282727!important;
		font-weight: 600;
		opacity: 1;
    background: white;
    padding: 12px!important;
    border-radius: 5px;
	}
  /* body.et-db div#et-boc .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li a span{
  display: block;
    width: 100%;
    color: white;
    background:#007288b8;
    border-radius:0 0 0 20px;
    transition: 0.4s;
  }
  body.et-db div#et-boc .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li:hover a span{
    font-size:16px!important;
    padding-top:6px;
    padding-bottom: 6px; 
  } */
	body .et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
		background-color: #eeeeee!important;
	}
	/* .et-menu-nav li.mega-menu li{
		background-size: cover!important;
		background-repeat: no-repeat!important;
		background-position: center!important;
	} */

  /* BOUTON SOUS MENU */

  li.m-btn-menu a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform: scaleX(0.015);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
    border-radius: 5px;
    background-color:var(--lightblue);
}
li.m-btn-menu a:hover::before {
    z-index:-1;
    transform: scaleX(1);
}


body.et-db div#et-boc .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.m-btn-menu a:hover {
  color: white!important;
}

}


@media (min-width:1301px){
  .et_pb_menu_0_tb_header .et_pb_menu_inner_container>div.et_pb_menu__logo-wrap{
  width: 400px;
  }
}
@media (min-width:1182px) and (max-width:1300px) {
  .et_pb_menu_0_tb_header .et_pb_menu_inner_container>div.et_pb_menu__logo-wrap{
  width: 350px;
  }
}
@media (min-width:981px) and (max-width:1181px) {
  .et_pb_menu_0_tb_header .et_pb_menu_inner_container>div.et_pb_menu__logo-wrap{
  width: 260px;
  }
  .et_pb_menu_0_tb_header.et_pb_menu nav ul li a {
    font-size:15px;
  }

}
@media (max-width:980px) {
  .et_pb_menu_0_tb_header .et_pb_menu_inner_container>div.et_pb_menu__logo-wrap{
  max-width: 330px;
  }

}
/* HACK MENU MOBILE TRES PETIT */


/* SLIDE */

@media (min-width: 1181px) {
  div.bloc-slide.et_pb_row{
    margin-left:25vw!important;
  }
}

div#main-content div.bloc-slide a.item-slide-btn{
  font-size:17px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px 10px;
  color: #3f3f3f!important;
}
@media (min-width:1370px){
  div#main-content div.bloc-slide a.item-slide-btn{
    font-size:20px;
  }
}
div#main-content div.bloc-slide a.item-slide-btn:before{
  position:relative;
  margin-left:0px!important;
  color: #04abb7;
    font-size: 42px!important;
    margin-bottom: 15px;
}
div.case-slide{
  display: flex;
  align-items: center;
  overflow: visible;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}
div.case-slide:hover{
  transform: scale(1.15);
}
div.case-slide > div{
  width:100%;
}

body div#header-slide-index a.item-slide-btn::before{
  background-size: 55px 55px;
  display: inline-block;
  width: 55px; 
  height: 55px;
  content:""!important;
}
body div#header-slide-index a#slide-1-i::before{
  background-image: url('/wp-content/uploads/2024/02/ico-pret-imo-s.webp');
}
body div#header-slide-index a#slide-2-i::before{
  background-image: url('/wp-content/uploads/2024/02/ico-assurance-pret-s.webp');
}
body div#header-slide-index a#slide-3-i::before{
  background-image: url('/wp-content/uploads/2024/02/ico-regroupement-s.webp');
}
body div#header-slide-index a#slide-4-i::before{
  background-image: url('/wp-content/uploads/2024/02/ico-pret-s.webp');
}
body div#header-slide-index a#slide-5-i::before{
  background-image: url('/wp-content/uploads/2024/02/ico-placement-s.webp');
}
body div#header-slide-index a#slide-6-i::before{
    background-image: url('/wp-content/uploads/2024/02/ico-mutuelle-s.webp');
}

/* BLOG MODULE */

.dle-bl-63 .et_pb_ajax_pagination_container, 
.dle-bl-63 .et_pb_post {
  display: flex;
  flex-wrap: wrap;
}
  
.dle-bl-63 .et_pb_post {
  border: 1px solid #f0f0f0;
  padding: 20px;
  margin-bottom: 5%;
}
  
.dle-bl-63 .et_pb_post + div {
  width: 100%;  
}
  
.dle-bl-63 .et_pb_post:before {
  background: radial-gradient(circle at bottom left,#00a7ae 22.8%,#fff 23%);
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: -1;
}
  
.dle-bl-63 .et_pb_post .entry-featured-image-url {
  height: 120px;
  margin: 20px 10px 0 0;
  order: 2;
  width: 120px;
}
  
.dle-bl-63 .et_pb_post .entry-featured-image-url img {
  border: 10px solid #fff;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
  
.dle-bl-63 .et_pb_post .entry-title {
  order: 0;
}
  
.dle-bl-63 .et_pb_post .post-meta {
  align-content: center;
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
  order: 3;
  width: calc(100% - 130px);
  background: #eee;
  border-radius: 5px;
  
}
  
.dle-bl-63 .et_pb_no_thumb .post-meta {
  width: 100%;  
}
  
.dle-bl-63 .et_pb_post .post-content {
  order: 1;
  width: 100%;
}
  
.dle-bl-63 .et_pb_post a.more-link {
  float: right;
  margin-top: 10px;
  background: #E09900;
  border-radius: 5px;
  padding: 5px 10px;
}
  
/* to display layout accurate on theme builder */
.dle-bl-63 > div {
  display: flex;
  flex-wrap: wrap;
}
  
@media screen and (min-width: 981px) {
  
.dle-bl-63 .et_pb_post {
    width: 30%;
}
    
.dle-bl-63 .et_pb_post:not(:nth-child(3n)) {
  margin-right: 5%;
}
}
  
@media screen and (max-width: 980px) {
  
.dle-bl-63 .et_pb_post {
  margin-bottom: 7%;
  width: 46.5%;
}
    
.dle-bl-63 .et_pb_post:not(:nth-child(2n)) {
  margin-right: 7%;
}
  
.dle-bl-63 .et_pb_post .entry-featured-image-url {
  height: 100px;
  width: 100px;
}
  
.dle-bl-63 .et_pb_post .post-meta {
  width: calc(100% - 110px);
}
  
.dle-bl-63 .et_pb_no_thumb .post-meta {
  width: 100% !important;
}
}
  
@media screen and (max-width: 767px) {
  
.dle-bl-63 .et_pb_post {
  margin-bottom: 50px;
  width: 100%;
}
  
.dle-bl-63 .et_pb_post .post-content {
  margin-top: 15px;
}
    
.dle-bl-63 .et_pb_post .post-meta {
  margin-top: 10px;
}
  
.dle-bl-63 .pagination.clearfix {
  bottom: -20px;
}
    
.dle-bl-63 .et_pb_post:not(:nth-child(2n)) {
  margin-right: 0;
}
}


/* ENVIRONNEMENT SECTEUR */
div.flexible-bloc{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
div.flexible-bloc > div.et_pb_module:hover{
	transform: scale(1.05);
	transition:0.5s;
}
div.bloc_menu_activite{
	width:202px;
	height:100px;
	margin: 8px!important;
}
@media only screen and (max-width: 1300px){
	div.bloc_menu_activite{
		width:150px;
		height:80px;
		margin: 6px 5px!important;
	}
  div.bloc_menu_activite h3{
    font-size: 16px;
  }
}
@media only screen and (max-width: 690px){
  div#contrats-courtage{
    width: 100%;
  }
	div.bloc_menu_activite{
		width:105px;
		height:69px;
		margin: 6px 4px!important;
	}
  div.bloc_menu_activite h3{
    font-size: 14px;
  }
}
div.bloc_menu_activite div.et_pb_text_inner{
	height:100%;
	background: rgba(0,0,0,.22);
	transition: all 0.5s;
}
div.bloc_menu_activite div.et_pb_text_inner:hover{
	background: rgba(0,0,0,.48);
}

div.bloc_menu_activite div.et_pb_text_inner h3, div.bloc_menu_activite div.et_pb_text_inner a{
	height:100%;
	color:white;
}
div.bloc_menu_activite div.et_pb_text_inner a{
	display: flex; 
     flex-direction: column; 
     justify-content: center;
	 text-shadow: 0.1em 0.1em 0.1em #333;
}

/* BOUTON CONTACT */
@media only screen and (min-width: 981px) {
  .pulse-menu {
    animation: pulse 2s infinite;
  }

  .btn-pixel {
    background: #fdc428 !important;
    padding: 5px 10px !important;
    border-radius: 5px;
    color: white !important;
    margin-top: 2px !important;
  }
  .btn-pixel > a {
    padding-bottom: 0px !important;
    padding-top: 2px !important;
    font-size: 16px !important;
    color: white !important;
  }
  .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.btn-pixel a {
    color: #ffffff !important;
  }
}

/* INVERSION BLOC */
@media only screen and (max-width: 980px) {
  .dc_inverser_colonnes-section .dc_inverser_colonnes-ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

/**BREADCRUMB**/
#page-title {
  position: relative;
  padding: 10px 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
}
.breadcrumb {
  padding: 8px 15px;
  list-style: none;
  padding: 0 !important;
}

/**BARRE HAUTE && MENU (A MODIFIER)**/

/**FOOTER**/

/**ARCHIVE**/
.archive div#sidebar {
  display: none !important;
}
.archive.et_right_sidebar #main-content .container:before {
  display: none !important;
}
.archive #left-area {
  width: 100% !important;
}

/**blog**/
body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
  padding-top: 30px;
}
article > div.et_post_meta_wrapper {
  padding: 20px !important;
  border-bottom: 3px solid #f2f6f9;
}
article > div.et_post_meta_wrapper > h1 {
  font-weight: bold;
  font-size: 35px;
}
@media (max-width: 1140px) {
  article > div.et_post_meta_wrapper > h1 {
    font-size: 31px;
  }
}

@media (max-width: 900px) {
  article > div.et_post_meta_wrapper > h1 {
    font-size: 24px;
  }
}

/**CUSTOM THEME**/
.et_pb_button {
  color: white !important;
}

/**recaptcha**/
.grecaptcha-badge {
  visibility: visible;
  z-index: 100;
}

div#wpadminbar {
  z-index: 100000;
}

/* BAS BLOG */
h2.jp-relatedposts-headline {
  font-weight: bold;
  font-size: 20px;
}

div#jp-relatedposts {
  padding: 0 60px;
}
h3.jp-relatedposts-post-title {
  font-size: 18px !important;
  color: #263b77;
  text-align: center;
  margin: 10px 0 0 0;
}
a.jp-relatedposts-post-a {
  font-weight: bold !important;
  text-transform: uppercase;
}
p.jp-relatedposts-post-date {
  padding-bottom: 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items {
  text-align: center !important;
}
img.jp-relatedposts-post-img {
  text-align: center;
  border-radius: 5px;
  display: inline-block !important;
}

#commentform input[type="email"],
#commentform input[type="text"],
#commentform input[type="url"] {
  width: 100% !important;
}

p#reply-title {
  font-size: 20px;
}

#comment-wrap {
  padding-top: 25px;
}