:root {
  --white: #fff;
  --black: #000;
  --seaweed: #1ade75;
  --light-sea-green: #8cf0bb;
  --periwinkle: #9195ff;
  --ice: #e3fff0;
  --lavander: #b5b8fd;
  --light-lavender: #e3e5fe;
  --orange: #f7bf1b;
  --cream: #ffe598;
  --off-white: #fffde3;}
@media (min-width: 992px) and (max-width: 1199px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 990px;
    }
}

ul.menu-child {
	display: block!important;
}
.faq{text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
	padding: 2vh 0;}
.wk-grid71b {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;}
.nav.menu-defi ul {
                min-width: 100%;
                display: flex;
                list-style-type: none;
                flex-wrap: wrap;
                /* border-radius: 5px; */
                /* border: solid 1px var(--black); */
                /* background-color: var(--black); */
                padding: inherit;
                /* align-content: center; */
                /* align-items: center; */
                justify-content: center;
                flex-direction: column;
}.nav.menu-defi ul li a{
	padding: 2vh;
    color: black;
    width: 100%;
    display: block;
    text-align: center;
    padding: 2vh;
    border: 1px solid black;
    margin-bottom: 1vh;
}
.sppb-addon.sppb-addon-module.nav.menu-defi {
    width: 100%;
    display: block;
}

@media (min-width: 720px) and (orientation : portrait) {
  
  body div div #sp-main-body div main div div:nth-child(2) div #section-id-1666019875732{
    margin-top : 10vh;
  }
}

@media (min-width: 768px) { 
  i {
    margin-right : 5vw ;
  }
}


div#sppb-addon-1666102764161 a {
    width: 100%;
}
.wk-grid71b img {
	border-radius: 25px 25px 0 0;
	border:none;}

.wk-grid71b .uk-card-body {background-color: var(--lavander);}
.uk-scope .uk-h3, .uk-scope h3 {font-family: 'degular'!important;font-weight: bold!important;text-align: center;font-size: 20px!important;}
.offcanvas-menu a.btn.btn-dg.bk-lv {
    background-color: revert;
    text-align: revert;
}


.wk-grid71b .uk-card.uk-card-default {
	box-shadow: none;
	font-family: 'degular';
}


.container.cream {background-color: var(--off-white);}
.container.lavender {background-color: var(--light-lavender);}
.container.light-green{background-color: var(--ice);}
 #sppb-addon-1669219943686 ul {
    border-radius: 5px;
    padding: 2vh 2vw;
    margin-left: 2vw;}
.itemid-156 #sppb-addon-1669219943686 ul,
.itemid-153 #sppb-addon-1669219943686 ul {background-color: var(--off-white);}
.itemid-157 #sppb-addon-1669219943686 ul,
.itemid-154 #sppb-addon-1669219943686 ul {background-color: var(--ice);}
.itemid-155 #sppb-addon-1669219943686 ul {background-color: var(--light-lavender);}
.bg-off-white h3 {color: white;}
/*footer*/
#sp-bottom ul.menu {}
#sp-bottom ul.menu a {
    font-family: Degular;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;}
#sp-bottom li.item-129 {display: none!important;}
/**/
.fa-l{width:3vw;padding-right:1vw}

#column-id-1666103372081 {border-radius: 5px;}
h3.bigdm{
  font-family: 'DM Serif Display'!important;
  font-size: 40px!important;
  margin-bottom: 0!important;
  font-weight: normal;}
#item1 .card-p h3 {text-align: center;}
#item1 .card-p h3 a{color:black}
li.uk-open h3 {
                font-family: Degular;
                font-size: 22px;
                font-weight: 600;
                line-height: normal;
                margin: 0;
                color: var(--black);
                }
.def.hp-card.hv-orange {box-shadow: -10px 10px var(--orange);}
.def.hp-card.hv-peri {box-shadow: -10px 10px var(--periwinkle);}
.def.hp-card.hv-sw {box-shadow: -10px 10px var(--seaweed);}
.def.hp-card {
                border: 2px solid black;
                border-radius: 5px;
                margin-bottom: 2.5vh;
                width: 65%;
                }
h2.def.title {
                font-family: Degular;
                font-size: 22px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.05;
                letter-spacing: normal;
                color: var(--black);
                padding-left: 15px;
                margin-bottom: 3vh;
}
#flex-group {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* overflow: hidden; */
  height: 28vh;
  /* margin: 12px 0; */
  /* width: 100vw; */
  transition: all ease-out;
  /* max-width: 410px; */
  }
/** make a flex item the size of the group container **/
.flex-item {
  /* width: 20vw; */
  /* height: 100%; */
  /* display: inline-block; */
  /* margin-bottom: 12px; */
  height: 10vh;
  position: absolute;
  /* padding: 5vh 3vw; */
}

#flex-group #item1 {
  /* height: 25vh; */
  /* width: 25vw; */
  /* margin-bottom: 12px; */
  opacity: 1;transition: opacity 0.5s;
}

#item2 {
  /* height: 25vh; */
  /* width: 25vw; */
  /* background-color: white; */
 /* opacity:0;*/
  /* margin-top: 16px; */display:none
}
#item2 .card-p.border {
    border-color: black!important;
    /* transition: margin-left .5s .2s, box-shadow .5s .2s; */
    /* height: inherit; */
    /* margin-bottom: 12px; */
}

#item2 .card-p.border:hover {
    /* box-shadow: -12px 12px var(--periwinkle); */
    /* margin-left: 12px; */
    /* background: white; */
}
/** Hover switch - hide item 1, show item 2 **/
#flex-group:hover #item1 {
  /* order: 2; */
  /* margin-top: 16px; */
 /* opacity: 0;*/
}
#flex-group #item2 {/* transition: opacity 0.5s; *//* margin-top: 0; */}
#flex-group:hover #item2 {
  /*opacity: 1;*/
}
.position-md-absolute {position:revert}
.z-1 {z-index: 1;}
.z-0 {z-index: 0;}
.body-innerwrapper {overflow: hidden;}
h1,h2,h3 {color: var(--black);}
h1,h2{font-size:35px}
.page-content section:first-child {background: rgb(227,229,254);
background: -moz-linear-gradient(180deg, rgba(227,229,254,1) 0%, rgba(227,229,254,1) 33%, rgba(255,255,255,1) 33%);
background: -webkit-linear-gradient(180deg, rgba(227,229,254,1) 0%, rgba(227,229,254,1) 33%, rgba(255,255,255,1) 33%);
background: linear-gradient(180deg, rgba(227,229,254,1) 0%, rgba(227,229,254,1) 33%, rgba(255,255,255,1) 33%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e5fe",endColorstr="#ffffff",GradientType=1);
                     }
.lavander {color: var(--lavander);}
.lghtlav {color: var(--light-lavender);}
.bg-lghtlav{background-color: var(--light-lavender);}
.orange{color:var(--orange)}
.seaweed {color: var(--seaweed);}
.lsg {color: var(--light-sea-green);}
.peri {color: var(--periwinkle);}
.cream {color: var(--cream);}
#sp-bottom p {
    color: white;
}
p,li {
                font-family: Degular;
                font-size: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.13;
                letter-spacing: normal;
                text-align: left;
                /* color: var(--black); */
}
.rellax.bg-1 {
    /* left: 0px; */
    /* top: 20px; */
}

.rellax.bg-2 {
    /* left: 5px; */
    /* top: 5px; */
    /* display: flex; */
    /* justify-content: flex-end; */
}
.carr .rellax.bg-1 {
                bottom: -3vh;
                top: revert!important;
}

.carr .rellax.bg-2 {
                bottom: -1.5vh;
                top: revert!important;
}
/*PHOTOS*/
img {
  /*filter: grayscale(1);*/
  /*transition: transform .2s;*/
  border-radius: 2%;
}
img:hover,img.ico {/*filter: revert;*/}
img.scal:hover {/*transform: scale(1.5);*/}
img.scal {
  /*box-shadow: -5px 5px var(--periwinkle);*/
  /*border-radius: 5px;*/
}
/**/
h3 {font-family: Degular;font-size: 22px;font-weight: 600;}
/*btn*/
a.btn.btn-dg {
                display: block!important;
                /* padding: 2vh; */
                border-radius: 5px;
                font-family: Degular;
                font-weight: bold;
                line-height: normal;
                padding: 1vh 1vw;
                }
.btn.btn-dg.bk-lv,
.btn.btn-dg.bk-wh,
.btn.btn-dg.bk-yl{background-color:var(--black);color: white;}
.btn.btn-dg.lv-wh{
                background-color:var(--periwinkle);
                border-color: var(--periwinkle);
                color: var(--white);}
.btn.btn-dg.wh-bk{
                background-color:var(--white);
                color: var(--black)!important;}
.btn.btn-dg.bk-lv:hover{
                background-color:var(--white);
                color:var(--black);
                box-shadow: -3px 3px 0px var(--black);
                border-color: black;
                } 
.btn.btn-dg.lv-wh:hover {
                background-color:var(--white);
                color:var(--periwinkle);
                box-shadow: -3px 3px 0px var(--periwinkle);
                border-color: black;
                }

.btn.btn-dg.bk-wh:hover{
                background-color:var(--white);
                color:var(--black);
                box-shadow: -3px 3px 0px var(--cream);
                border-color: var(--black);
                }
.btn.btn-dg.wh-bk:hover{
                background-color:var(--black);
                color: var(--white)!important;
                box-shadow: -3px 3px 0px var(--white);
                border-color: var(--white)!important;
                }
.btn.btn-dg.bk-yl:hover{
                background-color:var(--white);
                color:var(--black);
                box-shadow: -3px 3px 0px var(--orange);
                border-color: black;
                }
.btn.btn-dg.lv-wh:focus,
.btn.btn-dg.bk-wh:focus,
.btn.btn-dg.bk-yl:focus{background-color:var(--white); 
                color:var(--black);
                box-shadow: -3px 3px 0px var(--black);}
.btn.btn-dg.bk-lv:focus,
.btn.btn-dg.wh-bk:focus{background-color:var(--white); 
                color:var(--periwinkle);
                box-shadow: -3px 3px 0px var(--periwinkle);}
/**/
header#sp-header {
    background-color: var(--light-lavender);
    border-bottom: 1px solid var(--black);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
nav.sp-megamenu-wrapper  a{
  font-family: 'degular';
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  }

/*expertcode*/

#sppb-addon-1667403457747 .bg-off-white h3 {
    font-family: 'DM Serif Display', sans-serif;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.98;
    letter-spacing: normal;
    text-align: left;
    color: var(--black);
    }

ul.no-puce {
                list-style-type: none;
                font-family: 'degular';
                font-size: 16px;
                /* font-weight: bold; */
                padding-left: unset;
}
h4{font-family: 'degular';
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);}
.card-p {
                display: flex;
                padding: 1vh 3vw;
                /* border-radius: 5px; */
                /* flex-direction: column; */
                justify-content: center;
                /* align-items: center; */
                /* height: inherit; */
                /* margin-bottom: 12px; */
                align-content: center;
                width: 20vw;
}
h3.hp-card {
               width: -webkit-fill-available;
                text-align: center;
                border-radius: 5px;
                background-color: var(--white);
                padding: 2.5vh 3vw;
                margin: 2vw;
                height: 25vh;
                transition: ease-in 0.3s;
}
h3.hp-card:hover {
                border: 3px solid var(--white);
                box-shadow: -12px 12px 0 white;}
h3.hp-card.hv-peri:hover {background-color: var(--light-lavender);}
h3.hp-card.hv-orange:hover {background-color: var(--off-white);}
h3.hp-card.hv-seaweed:hover {background-color: var(--ice);}



/*contact*/

.form-control::placeholder,.form-control[type=file]:not(:disabled):not([readonly]) {
	font-family: 'degular';
}
h2.shad-ora {
	box-shadow: -5px 5px var(--orange);
	border-radius: 5px;
	padding-left: 2vw;
	margin-bottom: 2vh;
	line-height: 1.5;
}
.cbg-bk h4.mini-peri {
                font-family: 'degular';
                font-size: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.13;
                letter-spacing: normal;
                text-align: center;
                color: var(--periwinkle);
}

.cbg-bk {background-color: var(--black);}

.carte {                border-radius: 5px;
                border: solid 1px var(--black);
                transition: 0.3s;
}
.carte.cbg-bk p {
                font-family: 'degular';
                font-size: 22px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.05;
                letter-spacing: normal;
                text-align: center;
                color: var(--white);
}
  .carte.cbg-bk.hv-peri:hover {
                background-color: var(--white);
                box-shadow: -5px 5px 0px var(--periwinkle);
}

.carte.cbg-bk.hv-peri:hover p{color: var(--black);}
.bg-lv{
                /* background-color:var(--periwinkle); */
                /* width: auto; */
                /* height: auto; */
                /* position:absolute; */
                /* top: 30px; */
                /* left: 0px; */
                /* border-radius: 5px; */
}
.bg-bk{
                /* background-color:var(--black); */
                /* width:315px; */
                /* height: 210px; */
                /* position:absolute; */
                /* top: 17px; */
                /* left: 6px; */
                /* border-radius: 5px; */
}
.bg-or {
    /* background-color: var(--orange); */
    /* width: 530px; */
    /* height: 353px; */
    position: absolute;
    top: 45px;
    left: 23px;
    border-radius: 5px;
}

/*DEFIS*/
.no-puce h3.peri {
    font-family: Degular;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    color: var(--periwinkle);
    margin: 9px 0;
}
.no-puce p {
    margin-top: 0;
}
ul.uk-accordion.acc >li {
    border-radius: 5px;
    border: solid 1px var(--black);
    padding: 2vh;
}
ul.uk-accordion.acc>li{padding: 3vh 3vw;}
ul.uk-accordion.acc.off-white li {/* background:var(--off-white); */color: var(--black);}
ul.uk-accordion.acc.light-lavender li {/*background:var(--light-lavender)*/}
ul.uk-accordion.acc.ice li {/*background:var(--ice)*/}
a.uk-accordion-title {font-family: Degular;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.05;letter-spacing: normal;text-align: left;color: var(--black)!important;}

.card-bg-bk {
    border: solid 1px var(--black);
    border-radius: 5px;
    background-color: var(--black);
    padding: 4vh 2vw 6vh;
    color: white;
    /* height: 45vh; */
    transition: ease-in 0.15s;
    margin-bottom: 10px;
}
.card-bg-bk:hover {
    background-color: white;
    box-shadow: -11px 10px 1px black;
    margin-left: 12px;
    
}

.card-bg-bk:hover p, .card-bg-bk:hover h3 {
    color: black;
}
.card-bg-bk h3,.card-bg-bk p { color: white;}

/*eco*/
.shadow-box {
    border-radius: 5px;
    border: solid 1px var(--black);
    background-color: var(--white);
    box-shadow: -11px 11px 0px black;
}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { div#sppb-addon-1666963949857 {
    text-align: center;
}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
  div#sppb-addon-1666963949857 {
    text-align: revert;
}
	#sppb-addon-1666102764161 a {width: 33%!important;}
	#section-id-1666102764158 #column-id-1666102764157  {
	background: url(/images/hp/homme-payant-en-sans-contact-a-une-caisse.webp), url(/images/hp/femme-sur-son-telephone.webp);
	background-size: 260px;
	background-repeat: no-repeat;
	background-position: bottom left, top right;}
  p,li {font-size: 18px;}
  a.btn.btn-dg {display: flex;width: fit-content;}
  h3.hp-card{width:revert;}
  h1,h2 {font-size: 45px;line-height: 1;}
  .position-md-absolute {position:absolute}
  a.uk-accordion-title {font-size: 22px;}
  .page-content h1 {font-size: 45px;}
  nav a.btn-dtex {
    border-radius: 3px;
    background-color: var(--black);
    color: var(--white)!important;
    height: 45px;
    width: fit-content!important;
    padding: 1vh 2vw!important;
    display: flex!important;
    align-content: center;
    align-items: center;  }
  ul.sp-megamenu-parent {
    display: flex!important;
    align-content: center;
    align-items: center;  }
  h2.lvl-2 {font-size: 40px;}
                .bg-lv{
                /* background-color:var(--periwinkle); */
                /* width: auto; */
                /* height: auto; */
                /* position:absolute; */
                /* top: 0px; */
                /* left: -6px; */
                /* border-radius: 5px; */}
.bg-bk{
                /* background-color:var(--black); */
                /* width: auto; */
                /* height: auto; */
                /* position:absolute; */
                /* top: -5px; */
                /* left: 5px; */
                /* border-radius: 5px; */}
.bg-or {
    background-color: var(--orange);
    /* width: 530px; */
    /* height: 353px; */
    position: absolute;
    top: 45px;
    left: 23px;
    border-radius: 5px;
}
  .expert .bg-bk,
  .expert .bg-or {width:460px;height:615px}
  .expert .img-bk-lv{width:460px;}
  .img-bk-lv{/* width: auto; */}
  
/*defis*/
.nav.menu-defi ul {
               flex-direction: row;
               flex-wrap: nowrap;
               padding: inherit;
               align-content: center;
               align-items: center;
               justify-content: space-between;
               background-color: black;
               color: white;
}
.nav.menu-defi li a {
                padding: 2vh;
                font-family: Degular;
                font-size: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.13;
                letter-spacing: normal;
                text-align: left;
                color: var(--white)!important;
                }li.item-153.current.active a {
    border: none;
    color: black;
}
.sppb-addon.sppb-addon-module.nav.menu-defi {
    display: block;
    text-align: center;
}
.nav.menu-defi li {width: -webkit-fill-available;text-align: center;}
.nav.menu-defi li.current.active {
  border-radius: 5px;
  border: solid 1px var(--black);
  background-color: white;
  }
.cream .nav.menu-defi li.current.active{background-color: var(--cream);}
.lavander .nav.menu-defi li.current.active{background-color: var(--lavander);}
.lsg .nav.menu-defi li.current.active{background-color: var(--light-sea-green);}
.nav.menu-defi li.current.active a {color: var(--black)!important;border:none}}
/**/
/*EXPERTISE*/
.bg-off-white {
    border-radius: 11px;
    background-color: black;
    padding: 3vh 3vw;
    margin-top: 5vh;
    color: white;
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 

}