/*
Theme Name: Theme enfant
Description: Theme enfant de Divi
Author: Julie Tusek
Author URI: https://www.julie-tusek.com
Template: Divi 
*/

h3{font-size:22px; font-weight:700;line-height:1.2em}
p {font-size:17px}

li {font-size:14px!important;line-height:21px!important;}
.font14 p {text-align:center;font-size:14px!important;}



/*REGLAGE MENU CUSTOM***********************/
/*Background noir au scroll***********************/
/*set the defautl background color of the header section*/
.black-scroll {
	background: linear-gradient(#000000, rgba(34,34,34,0.7));;
	-webkit-transition: background-color 0.1s ease-out;
	-moz-transition: background-color 0.1s ease-out;
	-o-transition: background-color 0.1s ease-out;
	transition: background-color 0.1s ease-out;
}
/*set the background color of the fixed header when scrolling*/
.black-fixed-scroll {
	background-color: #222222!important;
	-webkit-transition: background-color 0.1s ease-out;
	-moz-transition: background-color 0.1s ease-out;
	-o-transition: background-color 0.1s ease-out;
	transition: background-color 0.1s ease-out;
}
/***********************************************************************/
.et-menu-nav {height:68px}

.logo-lien-menu a:before {background:none!important}

#menu-menu1 ul.sub-menu {background:white!important;width:400px;}

.nav li ul {background-color:rgba(255,255,255,1)!important;}
#menu-menu2 ul.sub-menu {background:white!important;width:300px; text-align:left!important; right:300px;}
#menu-menu1 li {padding-right:2em!important}
#menu-menu2 li {padding-left:2em!important; }
#menu-menu2 ul {text-align:right!important }
#menu-menu2 ul.sub-menu a{color:#222222!important}

/******Animation menu custom******/
.anim-menu2 a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 35px;
 background: #2cace2; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.anim-menu2 a:hover {
 opacity: 1 !important;
}
.anim-menu2 a:hover:before {
 right: 0;
bottom: 35px;
	}

/*Animation sous-menu*/
.ld-menu1 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e027';	  /* casque sans fil*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}


.ld-menu2 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e00a';	  /* OMNICANAL */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}


.ld-menu3 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\50';	  /* paiement Nfois*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}

.ld-menu4 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e015';	  /* caddie*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}

.ld-menu5 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e014';	  /* Moyen de paiement*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}

.ld-menu6 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e00d';	  /* Tableau de bord*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}

.ld-menu7 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e01a';	  /* paiement 1 click*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}

.ld-menu8 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\5a';	  /* click and collect*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}

.ld-menu9 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\63';	  /* choix de l integration*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu10 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\7e';	  /* filtre antifraude*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}



.ld-menu11 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e109';	  /* terminaux*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu12 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e02f';	  /* applications*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu13 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\2b';	  /* TPE*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu14 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e035';	  /* maintenance*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}


.ld-menu15 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e000';	  /* identifier*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu16 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\41';	  /* connexion*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu17 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\6b';	  /* guide*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu18 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e027';	  /* contact*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu19 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\57';	  /* Modules de paiement */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu20 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\e022';	  /* manuels*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu21 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\7e';	  /* securite*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu22 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\68';	  /* infos release*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}
.ld-menu23 > a:before {
position:relative!important;
top:2px;
	margin-top:15px!important;
    font-family: 'ETMODULES';
   content: '\5a';	  /* test*/
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cace2; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
	background:none!important;
}

.ld-menu1 a:hover, .ld-menu2 a:hover, .ld-menu3 a:hover, .ld-menu4 a:hover, .ld-menu5 a:hover, .ld-menu6 a:hover, .ld-menu7 a:hover, .ld-menu8 a:hover, .ld-menu9 a:hover, .ld-menu10 a:hover, .ld-menu11 a:hover, .ld-menu12 a:hover, .ld-menu13 a:hover, .ld-menu14 a:hover, .ld-menu15 a:hover, .ld-menu16 a:hover, .ld-menu17 a:hover, .ld-menu18 a:hover, .ld-menu19 a:hover, .ld-menu20 a:hover, .ld-menu21 a:hover, .ld-menu22 a:hover, .ld-menu23 a:hover {
 padding-left:30px!important;
	 transition: all .3s ease;
	background:none!important;
}
.ld-menu1 a, .ld-menu2 a, .ld-menu3 a, .ld-menu4 a, .ld-menu5 a, .ld-menu6 a, .ld-menu7 a, .ld-menu8 a, .ld-menu9 a, .ld-menu10 a, .ld-menu11 a, .ld-menu12 a, .ld-menu13 a, .ld-menu14 a, .ld-menu15 a, .ld-menu16 a, .ld-menu17 a, .ld-menu18 a, .ld-menu19 a, .ld-menu20 a, .ld-menu21 a, .ld-menu22 a, .ld-menu23 a{
width:400px!important;
font-weight:300!important;
}





/*animation bouton*/
.lift-bouton .et_pb_button:hover{
box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
margin-top: -5px;
margin-bottom: 5px !important;
}
.lift-bouton .et_builder_submit_button:hover{
box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
margin-top: -5px;
margin-bottom: 5px !important;
}



/*Animation Iphone HOME*/
.levitation {
	overflow: hidden;
	transform: translatey(0px);
	animation: float 4s ease-in-out infinite;
	}
.levitation img { width: 100%; height: auto; }
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-30px);
	}
	100% {
		transform: translatey(0px);
	}
}
/*Animation Background HOME*/

.home-anim3 {
	background: linear-gradient(-45deg, #51b7e2, #2cace2, #0473a9, #045f8b);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}




/*Animation Box SURVOL*/

.box-survol2:hover {
box-shadow:0px 15px 32px 5px rgb(0 0 0 / 15%);
-webkit-box-shadow:0px 15px 32px 5px rgb(0 0 0 / 15%);
}

.box-survol2 {
margin-bottom:0;
padding-bottom:5%;
border-radius:10px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}



/*Animation Box SURVOL-ROND*/
.wrap-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 20px auto;
  width: 300px;
	height: 300px;
  background: white;
  border-radius: 50%;
  transition: 1s box-shadow;
}
.wrap-image:hover {
  box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
}
.wrap-image:hover::before, .wrap-image:hover::after {
  display: block;
  content: '';
  position: absolute;
  width: 300px;
  height:300px;
  background: #2cace2;
  border-radius: 50%;
  z-index: -1;
  animation: 2s clockwise infinite;
}
.wrap-image:hover:after {
  background: white;
  animation: 4s counterclockwise infinite;
}
@keyframes clockwise {
  0% {
    top: -5px;
    left: 0;
  }
  12% {
    top: -2px;
    left: 2px;
  }
  25% {
    top: 0;
    left: 5px;    
  }
  37% {
    top: 2px;
    left: 2px;
  }
  50% {
    top: 5px;
    left: 0;    
  }
  62% {
    top: 2px;
    left: -2px;
  }
  75% {
    top: 0;
    left: -5px;
  }
  87% {
    top: -2px;
    left: -2px;
  }
  100% {
    top: -5px;
    left: 0;    
  }
}
@keyframes counterclockwise {
  0% {
    top: -5px;
    right: 0;
  }
  12% {
    top: -2px;
    right: 2px;
  }
  25% {
    top: 0;
    right: 5px;    
  }
  37% {
    top: 2px;
    right: 2px;
  }
  50% {
    top: 5px;
    right: 0;    
  }
  62% {
    top: 2px;
    right: -2px;
  }
  75% {
    top: 0;
    right: -5px;
  }
  87% {
    top: -2px;
    right: -2px;
  }
  100% {
    top: -5px;
    right: 0;    
  }
}

/*Animation Box SURVOL- rectangle*/
.wrap-image-rect {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 20px auto;
  width: 250px;
	height: 250px;
  background: white;
  border-radius: 20px;
  transition: 1s box-shadow;
}
.wrap-image-rect:hover {
  box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
}
.wrap-image-rect:hover::before, .wrap-image-rect:hover::after {
  display: block;
  content: '';
  position: absolute;
  width: 250px;
  height:250px;
  background: #2cace2;
  border-radius: 20px;
  z-index: -1;
  animation: 2s clockwise infinite;
}
.wrap-image-rect:hover:after {
  background: white;
  animation: 4s counterclockwise infinite;
}


/*****TABLEAU PRIX********/
.nom-pack{font-size:28px;font-weight:bold}
.prix{font-size: 50px; font-weight: bold;}

/*****FORM CONTACT********/
.et-pb-contact-message p {color:white!important}





/**OLD PBX MENU**/
#menu-espace-integrateur ul.sub-menu{
    margin-left: 100px;
    width: 163%;
    display: grid;
}
#menu-espace-integrateur a{
	width:100%
}
#menu-espace-integrateur ul.sub-menu li ul.sub-menu{
	margin-left:0px;
    width: 100%;
	
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul#menu-espace-integrateur>li{
    white-space: nowrap;
	min-width: 100%;	
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul#menu-espace-integrateur>li.sub-menu{
	min-width: 100%;	
}