body{
  padding:0px;margin:0px;
}
*{
 font-family:'Open Sans',sans-serif;transition: .6s cubic-bezier( 1, .2, .2, 1 );
}
.containerToPage{
  background:transparent;width:100%;;height:500px;
}
.flex{display:flex;}
.aligncenterX{display:flex;align-items:center;}
.aligncenterY{display:flex;justify-content:center;}
.centerflex{display:flex;align-items:center;justify-content:center;}
.flexun{flex:1;}
.flexwrap{ display:flex;flex-wrap:wrap;}

.marginleft20px{ margin-left:20px; }

.flexstart{ align-content:flex-start; }

a{text-decoration:none;color:black}

.marginbottom10px{margin-bottom:10px;}

.marginTopBottom100px{margin-top:100px;margin-bottom:100px;}

.margintop5{margin-top:5px;}
.margintop5Important{margin-top:5px !important;}
.margintop10px{ margin-top:10px; }
.margintop15Important{ margin-top:12.5px !important; }
.margintop20px{margin-top:20px;}
.margintop40px{margin-top:40px;}
.margintop50px{margin-top:50px;}
.margintop100px{margin-top:100px;}

.container80{margin-right:10%;margin-left:10%;width:80%;}

.width50{width:50%;}
.width100{width:100%;}
.width30px{width:30px;}
.width65{ width:65%; }
.width70{ width:70%; }
.height100px{height:100px;}
.height130px{ height:130px; }
.height400px{ height:400px; }

.opac1{opacity:.1;}
.opac2{opacity:.2;}
.opac3{opacity:.3;}
.opac4{opacity:.4;}
.opac5{opacity:.5;}
.opac6{opacity:.6;}
.opac7{opacity:.7;}
.opac8{opacity:.8;}
.opac9{opacity:.9;}
.opac10{opacity:1;}

.fontSize1{font-size:1rem;line-height:1.25rem;}
.fontSize2{font-size:1.25rem;line-height:1.5rem;}
.fontSize3{font-size:1.5rem;line-height:1.75rem;}
.fontSize4{font-size:1.75rem;line-height:2rem;}
.fontSize5{font-size:2rem;line-height:2.25rem;}
.fontSize6{font-size:2.25rem;line-height:2.5rem;}
.fontSize7{font-size:2.5rem;line-height:2.75rem;}
.fontSize8{font-size:2.75rem;line-height:3rem;}
.fontSize9{font-size:3rem;line-height:3.25rem;}
.fontSize10{font-size:3.25rem;line-height:3.5rem;}
.fontSize20{font-size:5rem;line-height:5.25rem;}

.fontSize-1{font-size:.95rem;line-height:.975rem;}
.fontSize-2{font-size:.9rem;line-height:.925rem;}
.fontSize-3{font-size:.85rem;line-height:.875rem;}
.fontSize-4{font-size:.8rem;line-height:.825rem;}
.fontSize-5{font-size:.75rem;line-height:.775rem;}
.textcenter{ text-align:center; }
.textjustify{ text-align:justify; }

.roundIdClass{ height:25px; }
.roundIdClass:first-child{ padding-right:2px; }
.roundIdClass:last-child{ padding-left:2px; }

.rotate270 { transform: rotate(270deg); }
.rotate180 { transform: rotate(180deg); }
.rotate90 { transform: rotate(90deg); }

.hoverZoom1{ transform: scale(1); }
.hoverZoom1:hover{ transform: scale(1.05); }

.pointer{ cursor:pointer; }

.color_black{color:black;}
.background_black{background:black;}

.color_grey{color:black;}
.background_grey{background:black;}

.color_darkgrey{color:black;}
.background_darkgrey{background:black;}

.color_lightgrey{color:black;}
.background_lightgrey{background:black;}

.color_white{color:black;}
.background_white{background:black;}

.background_fff{background:white;}
.background_000{background:white;}

.background_green{color:white;}
.background_green{background:white;}

.h170px{
  height:170px;
}

.w300{ font-weight:300;}
.w350{ font-weight:350;}
.w400{ font-weight:400;}
.w450{ font-weight:450;}
.w500{ font-weight:500;}
.w550{ font-weight:550;}
.w600{ font-weight:600;}
.w650{ font-weight:650;}
.w700{ font-weight:700;}
.w750{ font-weight:750;}
.w800{ font-weight:800;}
.w850{ font-weight:850;}
.w900{ font-weight:900;}
.w950{ font-weight:950;}

.br30{ border-radius:30px; }
.br_30000{ border-radius:30px 0px 0px 0px; }
.br_03000{ border-radius:0px 30px 0px 0px; }
.br_00030{ border-radius:0px 0px 0px 30px; }
.br_00300{ border-radius:0px 0px 30px 0px; }
.br_303000{ border-radius:30px 30px 0px 0px; }
.br_003030{ border-radius:0px 0px 30px 30px; }


.containerToPage{
  height:auto;
}
.wallheader{
  height:190px;
}
.container90{
  width:90%;margin-left:5%;margin-right:5%;
}
.cardClassicWhite{
  background:#fff;border-radius:30px;
}
.h350px{
  height:350px;
}
.textTitleCenter{
  text-align:center;font-size:2.5em;font-weight:550;color:#222;
}
.marginTop100px{
  margin-top:100px;
}
.flexWrap{
  display:flex;flex-wrap:wrap;
}
.h600px{
  height:600px;
}
.marginTop50px{
  margin-top:50px;
}
:root {
  --colorMain: #0f6f7c;
  --colorMain2: #104249;
  --colorHover1: #148291;
}



*{
font-family: 'Alpino', sans-serif;
}
body{
  background: #fff;
  padding:0px;margin:0px;font-size:18px;
}
header{
  width:90%;margin-left:5%; height:60px;border-radius: 0px;
  margin-top:50px;display: flex;align-items: center;
  border-bottom:1px solid #ddd;transition: .3s;box-shadow: rgba(50, 50, 93, 0) 0px 50px 100px -20px, rgba(0, 0, 0, 0) 0px 30px 60px -30px;
}



.button1{
  background:var(--colorMain);;color:white;height:40px;padding:0px 13px;border-radius: 20px;cursor: pointer;
  width:145px;display: flex;align-items: center;justify-content: center;margin-right:10px;
  font-size:.9em
}

.button1 i{
  padding-right:6px;
}
.button1:hover{
  background:var(--colorHover1);
}

.globbt{
  margin-right:20px;height:30px;width:30px;border-radius:7px;
  display:flex;align-items:center;justify-content: center;
  font-size:20px;cursor: pointer;
}
header:hover .globbt{

}
.carding{
  height:300px;width:300px;background:white;
  border-radius: 30px;
}
.buttonGlass{
  height:40px;width:40px;margin-right:12px;
    display:flex;align-items:center;justify-content: center;
    cursor: pointer;font-size:1.3em;color:#777;
}
.buttonGlass:hover{
  color:#000;
}
.glass_label{
  display:none;font-size:16px;
}

.buttonGlass:hover .glass_label{
  display:block;
}
.buttonGlass:hover{
  width:190px;background:#e4e4e4;border-radius:20px;
  justify-content: flex-start;
}

.buttonGlass i{
  padding-right:9px;padding-left:15px;
}

.glass_label input{
  background:transparent;border:0px;
  outline:none;  font-family: 'Work Sans', sans-serif;
  font-size:.9em;flex:1;width:200px;
   font-weight:450;color:#222;
}

.glass_label input::placeholder{
    font-weight:400;font-size:.9em;
}
header{
  position:absolute;transition: .0s;
}

.linkheader{
  margin-left:11px;margin-right:11px;cursor: pointer;color:#444;border-bottom:1.75px solid rgba(0,0,0,0);
  font-size:1em;  font-weight:400;transition: .0s;transition:transform .6s cubic-bezier( 1, .2, .2, 1 );
}
.linkheader i{
  padding-right:4px;
}
.linkheader:hover{
  color:#000;transform: scale(1.05)

}

.headerFocus{
  position:fixed;margin-top:0px;
  margin-top:10px;background:var(--colorMain2);  border-bottom:0px solid #eee;border-radius: 30px;
  box-shadow: rgba(50, 50, 93, 0.45) 0px 50px 100px -20px, rgba(0, 0, 0, 0.4) 0px 30px 60px -30px;
  opacity:1;z-index:99999;color:white;
}
.headerFocus .linkheader{
 color:#eee !important;
}

.headerFocus .linkheader:hover{
 color:#fff !important;
}

.headerFocus .buttonGlass:hover{
background:#333 !important;color:white;
}
header input{
  font-weight:400 !important;
}
.headerFocus .buttonGlass:hover input{
 color:white;
}
header input::placeholder{
  font-weight:400 !important;
}
.headerFocus input::placeholder{
  color:#ccc;
}

.menumobilbtn{
  margin-right:0px;margin-left:0px;color:white;font-size:32px;cursor:pointer;
  display:none;transition: 0s;
}
.menumobilbtnfocus{

}


@media screen and (max-width: 1260px) {
  .linkheader{
    display:none;
  }
  .menumobilbtn{
    display:block;  margin-left:12px;margin-right:25px;color:black;
  }
.buttonGlass{
  display:none;
}
}
.headerFocus .menumobilbtn{
  color:white;
}
footer{
  background:#fff;height:580px;width:100%;
margin-top:100px;
 
}

.zoneCenter{
  display: flex;
  justify-content: center;align-items: center;
}
footer .containerTop{
  height:100px;width:400px;margin-top:40px;
  display: flex;border-radius: 20px;
  justify-content: center;align-items: center;
  margin-bottom:40px;

}
footer .linkker i{
  padding-right:6px;
}
footer .linkker{
   height:30px;margin:10px;
cursor: pointer;
   display: flex;justify-content: center;align-items: center;
  border-bottom:1.5px solid #fff;
}
footer .linkker:hover{
  border-bottom:1.5px solid #111;font-weight: 500;
}
footer .link1{
  margin:5px;color:#777;cursor: pointer;font-weight: 300;
}

footer .link1:hover{
   color:#222;
}

.roundcircleing{
  height:50px;width:50px;background: #fff;border-radius: 25px;
     display: flex;justify-content: center;align-items: center;
     cursor: pointer;color:#333;margin-right:10px;border:1px solid #d3ddde;
}

.roundcircleing:hover{
  color:#000;border:1px solid #000;
}

.tr0s{
transition: 0s !important;
}

.roundcircleing i:hover{

}
.btnsouscrire{
  height:100%;padding:0px 20px;background: #0f6f7c;color:white;;border-radius:30px;
   display: flex;justify-content: center;align-items: center;cursor: pointer;
   font-size:.9em;font-weight:400;
}
.btnsouscrire:hover{
  background:#0a5a65;text-decoration: underline;
}
.searchzone{
  border-radius: 25px;;background:rgba(15, 111, 124, 0.1);margin-top:10px;height:50px;width:80%;display:flex;margin-left:20%;
}
.searchzone:hover{
  background:rgba(15, 111, 124, 0.2);
}
.searchzone:hover input{
  background:transparent;
}

.searchzone input{
  height:50px;width:90%;margin-left:5%;color:#111;;  background:transparent;font-weight:400;border:0px;font-size:16px;outline:none;
}
.btEditIaora1{
  height:32px;border-radius:16px;font-size:.9em;cursor: pointer;background:#fff;margin:4px;
  padding:0px 6px;display: flex;justify-content: center;align-items: center;margin-right:2px;margin-left:2px;
  flex:1;
}
.btEditIaora1:first-child{
  margin-left:4px;
}
.btEditIaora1:last-child{
  margin-right:4px;
}
.editIaora{ border:1px solid #ccc;
  position:fixed;height:83vh;max-width:850px;background:white;bottom:20px;right:20px;border-radius: 24px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  z-index:9999999;transition: .5s;
  opacity:1;width:90%;
}
.focuseiaorabt{
  background:black;color:white;
}
.editIaoraMasquer{
  right:-1000px;
}

.editeurIaoraShowBtn{ transition: .3s;
  position:fixed;bottom:30px;height:50px;width:90px;border-radius:16px;background:#151515;font-weight:400;font-size:.9em;
  z-index:999999999;opacity:1;background: #333;right:-16px;color:white;padding-left:10px;padding-top:12px;cursor: pointer;
  padding-right:12px;box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.editeurIaoraShowBtn:hover{
  background: #000;right:-12px;box-shadow: rgba(50, 50, 93, 0.5) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.incco{
  height:50px;width:200px;background:#eee;border-radius:25px;
  outline:none;border:0px;text-align: center;cursor:pointer;
}
.secureBack{
  background:red;height:100vh;width:100%;z-index:99999;opacity:1;position:fixed;top:0px;left:0px;
  transition: .5s;
}

.background {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #FFFFFF, #ECE9E6);
    display: flex;
    flex-grow: 1;
    z-index: -1;
}

.background div {
    position: absolute;
    border-radius: 100%;
    height: 0;
    filter: blur(240vw);
    opacity: 0.4;
}

.background div:nth-child(1) {
    background: linear-gradient(132deg, #1FCFC3 0.00%, #1F91CF 100.00%);
    width: 30%;
    padding-top: 30%;
    left: 47%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.background div:nth-child(2) {
    background: linear-gradient(132deg, #0800FF 0.00%, #E32BE3 100.00%);
    width: 40%;
    padding-top: 40%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.background div:nth-child(3) {
    background: linear-gradient(132deg, #1FCFC3 0.00%, #1F91CF 100.00%);
    width: 30%;
    padding-top: 30%;
    left: 80%;
    top: 80%;
    transform: translateX(-50%) translateY(-50%);
}

.background div:nth-child(4) {
    background: linear-gradient(132deg, #987dc0 0.00%, #2b5465 100.00%);
    width: 24%;
    padding-top: 24%;
    left: 21%;
    top: 34%;
    transform: translateX(-50%) translateY(-50%);
}

.background div:nth-child(5) {
    background: linear-gradient(132deg, #76aa73 0.00%, #d3ea4c 100.00%);
    width: 66%;
    padding-top: 66%;
    left: 69%;
    top: 67%;
    transform: translateX(-50%) translateY(-50%);
}

.background div:nth-child(6) {
    background: linear-gradient(132deg, #b36dce 0.00%, #e27f46 100.00%);
    width: 43%;
    padding-top: 43%;
    left: 80%;
    top: 68%;
    transform: translateX(-50%) translateY(-50%);
}

.secureBackNone{
  display:none;
}

.buttonmenuboutiquecard{
  height:45px;min-width:35%;flex:1;
  display: flex;justify-content: center;align-items: center;cursor: pointer;border:0.5px solid #aaa;
  margin:5px;border-radius:13px;font-size:.9em;outline:1px solid #eee;text-align:center;
  padding:5%;
}
.buttonmenuboutiquecard:hover{
  border:0.5px solid var(--colorMain);outline:1px solid var(--colorMain); text-decoration: underline;
}



.iaoracardproduct:hover{

  outline:1px solid var(--colorMain);border:0.5px solid var(--colorMain);
}
.pagesAnnexesTitle1{
  font-weight:600;font-size:1.8em;
}
.pagesAnnexesText1{
font-size:1.3em;margin-bottom:35px;padding-bottom:35px;
border-bottom:1px solid #ddd;
}
.containerPageAnnexes{
  width:90%;margin-left:5%;
}

.pagesAnnexesFondMain{
  background:rgba(255,255,255,.9);width:90%;margin-left:5%;font-size:.87em;padding-top:50px;padding-bottom:50px;
}
.pagesAnnexesMainTitle{
  margin:2.5%;font-size:2.4em;margin-bottom: 50px;font-weight:700;text-align:center;
}

input{
    color:#111;
}
input::placeholder{
  color:#555;
}
.btnmdpoublie{
  opacity:.6;cursor: pointer;font-size: 1em;
}
.btnmdpoublie:hover{
  opacity:.8;text-decoration: underline;
}
.container90{
  width:90%;margin-left:5%;margin-right:5%;
}
.br30{
  border-radius: 30px;
}
.bcgfff{
  background:#fff;
}

.height500px{
  height:500px;
}
.paddingBottom50px{
  padding-bottom:50px;
}
.paddingTop50px{
padding-top:40px;
}

.marginTop40px{
  margin-top:40px;
}

.menuprofilbtn1{
  color:#999;cursor: pointer;margin:0px 20px;margin-left:0px;font-size:.95em;font-weight:400;height:77px;
  display:flex;align-items:center;margin-top:3px;border-bottom:3px solid rgba(0,0,0,0);transition: .3s;
}
.menuprofilbtn1:hover{
  color:#000;border-bottom:3px solid #ddd;
}
.menuprofilbtn1hover{
  color:#000;border-bottom:3px solid #444;
}
.menuprofilbtn1hover:hover{
  color:#000;border-bottom:3px solid #444;
}
.buttonvoirallimg{ cursor: pointer; color:#444;
  cursor:pointer;height:40px;width:130px;margin-right:10px;font-size:.85em;font-weight:400;border-radius:10px;backdrop-filter:blur(10px) brightness(1.2);border:0.5px solid rgba(0,0,0,.5);background:rgba(255,255,255,.4);
}
.buttonvoirallimg:hover{ backdrop-filter:blur(10px) brightness(1.4);
  border:0.5px solid rgba(0,0,0,.8);background:rgba(255,255,255,.5);color:#000;
}
.pr_b_ba{
  margin-top:30px;margin-left:7.5%;display:flex;align-items:Center;cursor:pointer;color:#aaa;font-weight:400;font-size:.9em;
}
.pr_b_ba:hover{
  color:#333;
}
.pr_m_m2{
  background:rgba(255,255,255,.9);backdrop-filter:blur(6px) brightness(1);position:absolute;display:flex;align-items:center;height:30px;width:85%;height:80px;margin-left:7.5%;margin-right:7.5%;border-bottom:0.5px solid #ccc;
}


.pr_m_m2_f{
  position:fixed;top:0px;
  margin-left:0%;margin-right:0%;
  padding-left:7.5%;padding-right:7.5%;
  opacity:1;z-index:999999;
}
.pr_m_m2_sha{padding:0px 14px;font-size:.95em;font-weight:350;color:#666;
  height:34px;border-radius:0px;background:#eee;cursor: pointer;display:flex;align-items:center;justify-content: center;
}
.pr_m_m2_sha:hover{
  color:#000;background:#ddd;
}
.pr_m_m2_sha i{
  font-size:18px;padding-right:4px;
}
.containerProfilMain{
 width:100%;height:auto;padding-bottom:50px;padding-top:20px;
}
.btcreent{
  background:rgba(212, 227, 235,1);height:55px;flex:1;transition: 0s;cursor:pointer;
}
.btcreent:hover{
    background:rgba(23, 92, 129, 1);color:white;
}
.btcreentFocus{
      background:rgba(23, 92, 129, 1);color:white;
}
.btcreent2{
  background:#fff;height:55px;flex:1;transition: 0s;cursor:pointer;
}
.btcreent2:hover{
    background:rgb(53, 53, 61);color:white;
}

.btconnecttematete{
height:45px;width:350px;  background:#08c336;color:white;cursor: pointer;transition: 0s;
display: flex;justify-content: center;align-items: center;margin-top:10px;margin-bottom:5px;
}
.btconnecttemateteonscription{
  font-size:.9em;font-weight:400;cursor: pointer;color:#888;transition: 0s;margin-top:4px;

}
.btconnecttematete:hover{
    background:#09af32 !important;
}
.btconnecttemateteonscription:hover{
  color:#000;
}
input{
  outline-color:black;
}
.pr_mod_m1{transition: border 1s, background 1s;
  position: absolute;margin-top:10px;width:400px;background:#f4f4f4;border:0.5px solid #eee;border-radius:0px;padding-top:10px;padding-bottom:10px;
}
.pr_mod_m1_f{
  position:fixed;right:7.5%;top:90px;border:0.5px solid #ccc;background:#fcfcfc;
}
.pr_mod_m1_bt{ transition: 0s;
  padding-left:5%;height:28px;font-size:.9em;display: flex;align-items: center;color:#555;cursor: pointer;
}
.pr_mod_m1_bt:hover{
color:#000;font-weight:500;
}
.pr_mod_m1_bt_f{
  color:#000 !important;font-weight:500 !important;
}
.containermovericons{
 height:100vh;width:100%;position:fixed;top:0px;left:0px;z-index:-1;
}
.containermovericons i{
  position:absolute;font-size:3em;opacity:.05;transition: 20s;
}
.btfilterCat{
  min-height:40px;width:90%;padding-right:5%;padding-left:5%;transition: 0s;
  display: flex;align-items: center;
  border-bottom:0.5px solid #ccc;cursor: pointer;color:#555;font-size:.95em;
}
.btfilterCat2{
  background:#08c336;color:white;
}
.btfilterCat2:hover{
  background:#09af32 !important;color:white;font-size:.95em !important;
}
.btfilterCat:hover{
  background:#000;color:#fff; ;font-size:.925em;  border-bottom:0.5px solid #000;
}
.btfilterCat i{
  padding-right:6px;transition: 0s;
}
.btfilterCatZone{ box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  position:absolute;top:100px;left:100px;  border-radius:0px 0px 20px 20px;border:0.5px solid #ccc;border-top:0px;height:auto;width:250px;backdrop-filter:blur(6px);background:rgba(255,255,255,.9);
  display:none;max-height:75vh;overflow:auto;
}
.btmainfilter{
  border-radius:0px;border-right:0.5px solid #ccc;border-left:0.5px solid #ccc;height:100%;width:250px;
  color:#222;
}
.btmainfilter:hover{
cursor: pointer;color:#000;
}
.btfilterCatZoneFocus{
  display:inline-block;
}
.cardVendeur{ cursor: pointer;transition: 0s;border:0.5px solid #ccc;
  height:345px;flex:1;min-width:300px;background:#fff;;border-radius:27px;flex-direction:column
}
.cardVendeur:hover{
border:0.5px solid #444;
}
.buttonaccountheader{
  width:180px;transition: 0s;height:100%;border-radius:0px 30px 30px 0px;border-left:0.5px solid #ccc;cursor:pointer;
}
.buttonaccountheader:hover{
  background:#000;color:white;border-left:0.5px solid #000;
}
.buttonaccountheader i{
  transition: 0s;
}
.nbArticlepanier{
  display: inline-block;height:24px;border-radius: 12px;  background: #baced1;display: flex;justify-content: center;align-items: center;
  position: absolute;margin-top:-25px;margin-left:65px;width:20px;height:20px;color:#104249;font-size:.8em;font-weight:600;

}
.tr0s{
  transition:0s !important;
}
*{
  font-family: 'Author', sans-serif;
}
input{
  font-family: 'Author', sans-serif;
}