/*
 Theme Name:     Divi creative agency
 Theme URI:      https://demo.infomaniak.com/preview?t=divi-creative-agency
 Description:    Votre site sera constitue de plusieurs pages (accueil, blog, contact, etc...) que vous pourrez librement personnaliser selon vos besoins.
 Author:         Infomaniak
 Author URI:     https://www.infomaniak.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");


.SlideContent.hidden {
  display: none;
}



/* Burger Menu ---------------------------------------------------------------------- */
	.burger{right: 55px; position: fixed; display:none; top:50px; z-index: 99999;}
	.burger .btn {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: 40px;
	  cursor: pointer; z-index: 99999;
	}
	 @media (max-width: 981px) {
		 .burger{ display: block;right: 46px; }
		}

	.burger span {
	  display: block;
	  width: 100%;
	  border-radius: 3px;
	  height: 3px;
	  background: #c41c27;
	  transition: all .3s;
	  position: relative;
	}

	.burger span + span {
	  margin-top: 8px;
	}

	.burger .active span{ background: #fff;}
	.burger .active span:nth-child(1) {
	  animation: ease .7s top forwards;
	}

	.burger .not-active span:nth-child(1) {
	  animation: ease .7s top-2 forwards;
	}

	.burger .active span:nth-child(2) {
	  animation: ease .7s scaled forwards;
	}

	.burger .not-active span:nth-child(2) {
	  animation: ease .7s scaled-2 forwards;
	}

	.burger .active span:nth-child(3) {
	  animation: ease .7s bottom forwards;
	}

	.burger .not-active span:nth-child(3) {
	  animation: ease .7s bottom-2 forwards;
	}

	@keyframes top {
	  0% {
		top: 0;
		transform: rotate(0);
	  }
	  50% {
		top: 11px;
		transform: rotate(0);
	  }
	  100% {
		top: 11px;
		transform: rotate(45deg);
	  }
	}

	@keyframes top-2 {
	  0% {
		top: 11px;
		transform: rotate(45deg);
	  }
	  50% {
		top: 11px;
		transform: rotate(0deg);
	  }
	  100% {
		top: 0;
		transform: rotate(0deg);
	  }
	}

	@keyframes bottom {
	  0% {
		bottom: 0;
		transform: rotate(0);
	  }
	  50% {
		bottom: 11px;
		transform: rotate(0);
	  }
	  100% {
		bottom: 11px;
		transform: rotate(135deg);
	  }
	}

	@keyframes bottom-2 {
	  0% {
		bottom: 11px;
		transform: rotate(135deg);
	  }
	  50% {
		bottom: 11px;
		transform: rotate(0);
	  }
	  100% {
		bottom: 0;
		transform: rotate(0);
	  }
	}

	@keyframes scaled {
	  50% {
		transform: scale(0);
	  }
	  100% {
		transform: scale(0);
	  }
	}

	@keyframes scaled-2 {
	  0% {
		transform: scale(0);
	  }
	  50% {
		transform: scale(0);
	  }
	  100% {
		transform: scale(1);
	  }
	}




/*Primary menu  ---------------------------------------------------------------------- */
	#menu-menu-4{text-align:right;}
	.PrimaryMenu{text-align:right;}

	.PrimaryMenu.et-menu li{ display:inline; margin-right: 10px;}
	.PrimaryMenu.et-menu li > a{ padding-bottom:0; text-transform:uppercase; letter-spacing: 1.3px; font-weight:600; font-size:0.75em; color:#303e48;}
	.PrimaryMenu.et-menu li:last-child{ padding-right:0;}
	.PrimaryMenu.et-menu li:hover > a{ padding-bottom:0; background-color:transparent;}

	 @media (max-width: 981px) {
		.PrimaryMenu{display:none;}
	}


/*secondary menu  ---------------------------------------------------------------------- */
	.menu-menu-secondaire-container{ text-align:right; padding-bottom:0; font-size: 0.75em;}
	.menu-menu-secondaire-container li{display: inline; margin-right: 10px;}
	.menu-menu-secondaire-container li a{color:#696969; font-weight: 400;}
	.menu-menu-secondaire-container li a:hover, .menu-menu-secondaire-container li.current_page_item a{color:#303e48; /*font-weight: 600;*/}
	#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul{ padding-bottom:0;}

	 @media (max-width: 981px) {
	.menu-menu-secondaire-container{display:none;}
		}


		/* navigation hover effect  ---------------------------------------------------------------------- */
		.PrimaryMenu.et-menu  ul li{ position:relative;}
		.PrimaryMenu.et-menu  ul li a{
			display: inline-block; 
			position: relative; 
		}
		.PrimaryMenu.et-menu li:hover > a, 
		.PrimaryMenu.et-menu ul *:hover > a {
			color: #000;
		}

		.PrimaryMenu.et-menu a::after {    
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 0.3em;
			top:46px;
			background-color: #c41c27;
			opacity: 0;
			transition: opacity 300ms, transform 300ms;
			transform: translate3d(-100%, 0, 0);
		}
		.PrimaryMenu.et-menu a:hover::after,
		.PrimaryMenu.et-menu a:focus::after,
		.PrimaryMenu.et-menu li.current_page_item a::after,
		.PrimaryMenu.et-menu li.current-menu-item a::after,
		.single-aprotec-produit .PrimaryMenu.et-menu li.menu-item-29701 a::after,
		.page-id-29082 .PrimaryMenu.et-menu li.menu-item-29701 a::after,
		.page-id-29625 .PrimaryMenu.et-menu li.menu-item-29701 a::after{
			opacity: 1;
			transform: translate3d(0, 0.3em, 0);

			transform: translate3d(-100%, 0, 0);
			transform: translate3d(0, 0, 0);
		}


		.PrimaryMenu.et-menu > nav > ul > li > a::after {
		  top: 133% !important;
		  -webkit-transform: translateY(-50%);
		  transform: translateY(-50%);
		}



/* menu mobile  ---------------------------------------------------------------------- */

.TopMenu{ display: inline-block; width: 95%; margin-right:2.5%; margin:0 auto; margin-bottom: 15%; }
	.MobileLogoTop{ float: left; width:65px;}
	.MobileLogoBottom{ /*background-color:pink;*/ text-align: center; display: inline-block; width: 100%; margin-top:95px;}
		.MobileLogoBottom span{ width: 80px; margin:0 auto; display: inline-block;}

	#MobileMenuContainer{ 
		position:fixed; background-color:#303E48; 
		width: 100%; height:100%; top:0; left:0; 
		z-index: 9999; padding-top:55px;
		opacity: 0; /* Commencer avec une opacité à 0 */
		pointer-events: none; /* Empêcher les interactions avec le menu masqué */
		transition: opacity 0.3s ease; /* Ajouter une transition d'opacité de 0.3 seconde avec une courbe d'accélération */
	}

	@media (min-width: 891px) {
		#MobileMenuContainer{visibility: hidden;}
	}
		#MobileMenuContainer .menu-menu-container{ 
			position: relative; width: 94%; display: inline-block; clear: both; text-align: left;
		}
		#MobileMenuContainer .menu-menu-container ul{padding: 0;}
		#MobileMenuContainer .menu-menu-container ul li { text-align: left!important; margin-bottom: 15px;}
		#MobileMenuContainer .menu-menu-container ul li.menu-item a{ 
			color:#fff; text-transform: uppercase; font-weight: 600;
			font-size: 1.8em; padding: 5px 0;
		}
		#MobileMenuContainer .menu-menu-container ul li.menu-item a:hover,
		#MobileMenuContainer .menu-menu-container ul li.current_page_item a,
		#MobileMenuContainer .menu-menu-container ul li.current-page-ancestor a{color:#c41c27; }

		/* Classe pour faire apparaître le menu mobile */
		/*.appear {
		  display: block !important;
		}*/
	#MobileMenuContainer.appear {
	  opacity: 1; /* Opacité à 1 pour afficher le menu */
	  pointer-events: auto; /* Rétablir les interactions avec le menu affiché */
	}
	@media (max-width: 981px) {
		#MobileMenuContainer .menu-menu-secondaire-container{ 
			display: block!important;
			
		}
		#MobileMenuContainer{visibility: visible;}
	}

	#MobileMenuContainer #menu-menu-secondaire-1 { text-align:left; position: relative; width: 94%; display: inline-block; clear: both; text-align: left; padding-left:0!important;}
	#MobileMenuContainer #menu-menu-secondaire-1 li{ display:inline-block; width: 100%; margin-bottom:14px;}
	#MobileMenuContainer #menu-menu-secondaire-1 li a{ color:#fff; text-transform: uppercase; font-weight: 600;
				font-size: 2.3em; padding: 5px 0; }

	#MobileMenuContainer #menu-menu-secondaire-1 li a:hover,
	#MobileMenuContainer #menu-menu-secondaire-1 li.current_page_item a,
	#MobileMenuContainer #menu-menu-secondaire-1 li.current-page-ancestor a{ color:#c41c27;}

	 /*
	.et_pb_row_0_tb_header.et_pb_row{ margin-top:0!important;}
	*/


/*Facet infos techniques ---------------------------------------------------------------------- */

	.row.Head{ display: inline-block; width: 100%; padding: 10px; }
	.row.Head .TitleHead{float:left; width: 25%;text-align: left; text-transform: uppercase;}
	.row.Head .TitleHead.Icon{float:right; width:25%;text-align: right;}
	.facetwp-template .row .Files a{color:#303e48}.facetwp-template .row .Files a:hover{color:#c41c27}

	.facetwp-template{}
	.facetwp-template .row{ display: inline-block; width: 100%; border-top:1px solid #000; padding: 10px; }
	.facetwp-template .row .Title, .row.Head .Title.Head{ float:left; width: 50%;}
	.facetwp-template .row .Files{float:left; width: 50%;text-transform: none;}

.facetwp-facet-search_technique span i{padding:5px;}



/* facet result produits ---------------------------------------------------------------------- */

	.fwpl-result, .fwpl-layout .fwpl-result{ margin-bottom:25px!important;}
	.fwpl-item a{color:#303e48;width: 100%;display: inline-block;}
	.fwpl-item a:hover{color:#c41c27}

	.fwpl-col.el-77kneo .fwpl-item:first-child{background-color:#F8F8F8; text-align: center; padding:20px 0; }
	.fwpl-col.el-77kneo .fwpl-item:last-child{padding:10px 0;}

	.facetwp-pager{ text-align: left; margin:20px 0;}

	.facetwp-facet-search_produit_aprotec .facetwp-input-wrap .facetwp-icon{padding:5px;}

/* Facet  ---------------------------------------------------------------------- */

	/*facet toogle
    .toggle-content {display: none; /* Cacher le contenu par défaut * /
      overflow: hidden;
      transition: height 0.5s; /* Ajouter une transition pour l'effet "slideDown" * /
    
    }*/
	.facetwp-checkbox{background-position: 0px 6px!important;}
	.toggle-container h2{ margin-bottom:0!important;}
		.toggle-container.BorderBottom{ border-bottom: 1px solid #303e48; margin-bottom:40px; }

	.facetwp-facet{ margin-bottom:20px;}

	.facetwp-flyout-wrap h3{ font-weight: 600;}
	.flyout-row.name-search_produit_aprotec h3{display:none;}

	@media (min-width: 891px) {
	  .facetwp-flyout-open {
		display: none;
	  }
		
	}
	@media (max-width: 891px) {
		.toggle-container{display:none;}
		.facetwp-flyout-open{ font-weight:900;}
		.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location, .facetwp-input-wrap{ width:100%;}
	}


 /* Facet input / system  ---------------------------------------------------------------------- */
¨
	.facetwp-facet input.facetwp-search, 
	.facetwp-facet input.facetwp-location{ line-height:2.5em; border-radius: 25px!important; padding: 0 15px!important;} 

	.facetwp-page{color:#303e48;}
	.facetwp-page.active, .facetwp-page:hover{color:#c41c27;}
	.facetwp-facet-search_produit_aprotec{ margin-bottom:20px!important;}

	.ResetFacet{ margin:20px 0; font-size: 0.75em;}
	.ResetFacet:hover{ color:#c41c27; cursor: pointer;}

	.facetwp-counter {
	  /*display: none;*/
	}
/* Cacher le style du shortcode ResetFacet */


.select-all-facet{ color:#000; font-size: 0.75em; margin:5px 0;}
.select-all-facet:hover{ color: #c41c27;}

/**/
@media (max-width: 600px) {
	.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location{
	  line-height: 2.5em;
	  border-radius: 25px !important;
	  padding: 0 15px !important;
	}

}

 /* Force font size body  ---------------------------------------------------------------------- */
body, .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url, body .et_pb_bg_layout_light .et_pb_post p, body .et_pb_bg_layout_dark .et_pb_post p{ font-size:20px!important;}