/* CSS Document */


/* ADAPTATON AUX ECRANS */
/* ==================== */

/*@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');*/

/* STANDARD PC */

* { font-family: "Quicksand", "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif"; font-weight: 400;}
.wrap{ width: 90%;margin:auto;max-width:1415px;clear:both;float:none;}

.Menu{ width:130px; }
.menu2 .MenuSous{ margin-left:-120px; }
.menu3 .MenuSous{ margin-left:-240px; }
.MenuSous{ margin-top:5px;width:522px; }
.mobil-menu-haut{margin-top:-46px;width:94%;}
.MenuMeta{height:45px;}
.mobil-menu-haut-1{margin-left:33%;}

.MenuCatTitle{font-size:13px;padding:7px 15px 7px 15px;}
.titre3{width:100%;}

.mobil-logo{ display: inline-block;margin-top:25px; padding-left:14%; }
.mobil-logo a{ position:relative;display:block;width:100%;height:100% }
.logoHeader{width:100%;max-width:142px;}
.CTA-publier{height:330px;}
.CTA-publier-marge{padding-top:20%;}

.bloc_padding{padding: 0;}
.bloc_contact{box-shadow:0 0 1rem rgb(0 0 0 / 8%);}

.KiwiizLogo{width:90px;margin-left:3px;margin-top:-1px;}
.seo-lien{ color:#fff;padding:7px;margin:5px;margin-right:8px;float:left;width:30%;background-color:#9ca5b4;font-size:13px;text-align:center;border-radius:10px;height:20px;padding-top:10px; }
.seo-lien:hover{ background-color:#1e3354;text-decoration:none;color:#fff; }
.seo-keywords{color: #1e3354;padding:7px;margin-top:10px;margin-right:0.5rem;float:left;width:16%;background-color: #fff;font-size:13px;text-align:center;border-radius:10px;height:20px;padding-top:10px;border: 1px solid #9ca5b4;}
.seo-keywords:hover{ background-color:#1e3354;text-decoration:none;color:#fff; }

.search input{padding-left:10px;background-color:#fff;height:33px;width:160px;border:1px solid #f6f6f6;border-radius:5px;color:#375267;font-size:14px;}
.wish_depuis{ float:right;width:100%;font-size:12px;text-align:right;margin-top:25px;margin-bottom:20px; }
.bt_jai{position:absolute;border-radius:100%;color:#fff;width:20px;height:20px;margin-top:-130px;margin-left:110px;cursor:pointer;}

span.alert { animation:bounce 0.35s ease infinite alternate;margin-top:0.4rem;height:20px;line-height:20px;min-width:20px;border-radius:20px;font-size:13px;text-align:center;font-weight:700;padding:0 3px;position:absolute;box-sizing:border-box;background:#fd3b2f;color:#FFF;}

 @keyframes bounce{
	   from {transform: translateY(0);}
	   to   {transform: translateY(-0.6em);}
	 }

#bottom .alert { left: 50%; margin-top: 0.4rem; z-index: 4;}

menu#bottom { position: fixed; width: 100%; height: 80px; margin: 0; bottom: 0; z-index: 10; background: url(../images/bottom.svg) no-repeat center 0; background-size: auto 80px;  box-sizing: border-box;  }
.open menu#bottom {border-radius:0 0 2rem 2rem; transition: border-radius 0.25s; }


menu#bottom a#send {background: #00ff99;
	background: -moz-linear-gradient(45deg,  #00ff99 0%, #00defd 100%);
	background: -webkit-linear-gradient(45deg,  #00ff99 0%,#00defd 100%);
	background: linear-gradient(45deg,  #00ff99 0%, #00defd 100%); left: 50%; margin:-18px -28px; height: 56px; width: 56px; box-sizing: border-box; border: 3px solid #FFF; position: absolute; border-radius: 100%; box-shadow: 0 0 6px rgba(29,50,84,0.08);  bottom: auto; top: 0; } 

menu#bottom a#send svg { position: absolute; width: 34px; height: 34px; top: 50%; left: 50%; margin: -17px; transform: scale(0.8); transition: all 0.15s;}	
menu#bottom a#send svg path { fill:#FFF;}
menu#bottom a { position: absolute; bottom: 15px; left: 0; box-sizing: border-box; height: 40px; width: 20%; border: 0 solid #FFF; border-width: 0 10px; border-radius: 20px;}
menu#bottom a svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px; z-index: 2; }


menu#bottom a svg path { fill:#1E3354; ;}
menu#bottom a svg path.fill { opacity:0;}
menu#bottom a.actif svg path.fill { opacity:1; fill: #00f4ba;   fill: url(#header-shape-gradient) #00f4ba;}
menu#bottom a.actif svg path.border { fill:#FFF;  opacity:0;}

#header { position: fixed;text-align: center; z-index: 15; line-height: 1.1rem; background: #FFF; position: fixed; width: 100%; box-sizing: border-box;  padding:1px 0.2rem; margin:-1px; box-shadow: 0 6px 16px -6px rgba(29,50,84,0.08);height: 80px;padding-top: 20px; }
.open #header { border-radius: 2rem 2rem 0 0;  transition: border-radius 0.25s; }

#header .myAvatar {position:absolute;background:no-repeat center center #E5E5E5;background-size:cover;border:2px solid #FFF;border-radius:100%;box-sizing:border-box;height:3rem;width:3rem;margin-right:4%;margin-top:5px;box-shadow:0 0 5px rgba(29,50,84,0.15);}
menu#header a { position:absolute;top:15px;left:0;box-sizing:border-box;height:40px;width:20%;border:0 solid #FFF;border-width:0 10px;border-radius:20px;}
menu#header a svg { position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px;z-index:2; }
menu#header a svg path { fill:#1E3354; }
menu#header a svg path.fill { opacity:0;}
menu#header a.actif svg path.fill { opacity:1;fill:#00f4ba;fill: url(#header-shape-gradient) #00f4ba;}
menu#header a.actif svg path.border { fill:#FFF;opacity:0;}

.MenuProfil{float:right;margin-right:2.7%;margin-top:-8px;}

.ghost:before {  opacity: 0;  height: 100%; width: 0; transition: all 0.2s; content: "";  background: rgba(29,50,84,0.06); position: absolute;  left: 0; top: 0; border-radius: 10px;}
.ghost:hover:before {  width: 100%; opacity: 0.5;  }

#toggleMenu { height: 1.1rem; width: 1.1rem; padding: 0.3rem; margin: -0.3rem 0; position: absolute; background: #1E3354; left: 1.5rem; background: url(../images/pictos/menu.svg) no-repeat center center; background-size: 1.5rem;}

#menuCloser { position: fixed; height: 2.2rem; width: 2.2rem; line-height: 2.2rem; color: #FFF; right: 2rem; top: 2rem; font-size: 240%; transition: color 0.25s; text-align: center; }
#menuCloser:before { z-index: -1;  opacity: 0;  width: 0; transition: all 0.2s; content: "";  background: rgba(255,255,255,0.9); position: absolute; height: 100%; left: 0; top: 0; border-radius: 8px;}
#menuCloser:hover:before {  width: 100%; opacity: 0.5;  }
#menuCloser:hover { color:#069d95; }

menu#bottom a#send {background: #00ff99;
	background: -moz-linear-gradient(45deg,  #00ff99 0%, #00defd 100%);
	background: -webkit-linear-gradient(45deg,  #00ff99 0%,#00defd 100%);
	background: linear-gradient(45deg,  #00ff99 0%, #00defd 100%); left: 50%; margin:-18px -28px; height: 56px; width: 56px; box-sizing: border-box; border: 3px solid #FFF; position: absolute; border-radius: 100%; box-shadow: 0 0 6px rgba(29,50,84,0.08);  bottom: auto; top: 0; } 

menu#bottom a#send svg { position: absolute; width: 34px; height: 34px; top: 50%; left: 50%; margin: -17px; transform: scale(0.8); transition: all 0.15s;}	
menu#bottom a#send svg path { fill:#FFF;}
menu#bottom a { position: absolute; bottom: 15px; left: 0; box-sizing: border-box; height: 40px; width: 20%; border: 0 solid #FFF; border-width: 0 10px; border-radius: 20px;}
menu#bottom a svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px; z-index: 2; }


menu#bottom a svg path { fill:#1E3354; ;}
menu#bottom a svg path.fill { opacity:0;}
menu#bottom a.actif svg path.fill { opacity:1; fill: #00f4ba;   fill: url(#header-shape-gradient) #00f4ba;}
menu#bottom a.actif svg path.border { fill:#FFF;  opacity:0;}


  
  #header-shape-gradient {
	--color-stop: #00ff99;
	--color-bot: #00defd;
  }


menu#bottom a#send:hover  svg { transform: scale(1);}

.ghost:before {  opacity: 0;  height: 100%; width: 0; transition: all 0.2s; content: "";  background: rgba(29,50,84,0.06); position: absolute;  left: 0; top: 0; border-radius: 10px;}
.ghost:hover:before {  width: 100%; opacity: 0.5;  }

menu#bottom a#bottom-annonce { left: 20%;}

menu#bottom a#bottom-chat { left: auto; right: 20%;}
menu#bottom a#bottom-notify { left: auto; right: 0;}

menu#bottom a#bottom-notify:before , menu#bottom a#bottom-chat:before { left: auto; right: 0; }

.cartoucheAnnonceHolder{ width:31%; }
.cartoucheAnnonceHolder a.coverAllWish{
	position: absolute;
	width: 100%;
	height: 100%;
}
.annonces .cartoucheAnnonceHolder{ width: 100%; }
.annonces{ width: 31%; }

.col  { box-shadow:none; }

.pub { box-shadow:none !important;background-color:initial !important;padding-top:5%; }

@media (max-width:850px){
		.pub { padding-top:0; }
}

/* IPAD + MOBILE */
@media (max-width:1024px){

	h3.border, h1.border { font-size:28px !important; padding-top:0px; margin-top:0px; }

	.bloc_contact{float:left;box-shadow:none;border:0;}

	.KiwiizLogo{width:60px;}
	.MenuProfil{margin-right:11%;margin-top: -16px;}

	.mobil-menu-haut{ margin-top:-4px; }
	.MenuMeta{ height:30px; }
	.mobil-menu-0{ position:static; }
	/*.mobil-menu-profil{ padding-top: 27px;padding-left:105px;padding-left:58%; }*/
	
	.mobil-menu-profil-espace{ margin-left:20.4%; }
	
	.mobil-menu-haut-1{ width:90%;margin-left:3%; }
	.MenuMeta{ width:95%;margin-left:20%; }
	.Menu{ width:130px; }
	.MenuCatTitle{ font-size:13px; }
	.titre3{width:340px;}

	.mobil-logo{ padding-left:1%; }
	.MenuConnect{ margin-right:0; }
	.logoHeader{ width: 100%;max-width:103px; }

	.CTA-publier{height:330px;}


	#header{height: 60px;}
	
}

/* SPECIFIQUE MOBILE */
@media (max-device-width : 400px){
}

.MenuHeader{background-color:#375267;background-image:url('/img/geant/Bg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
.MenuConteneur{ width:70%;margin:auto; }
.MenuConnect{float:right;margin-top:3px;}
.mobil-menu-profil{float:right;margin-top:45px;height: 43px;}



a.btn-gradient {background: #00ff99;
		background: -moz-linear-gradient(45deg,  #00ff99 0%, #00defd 100%);
		background: -webkit-linear-gradient(45deg,  #00ff99 0%,#00defd 100%);
		margin: 1.5em auto; max-width: 480px;
		background: linear-gradient(45deg,  #00ff99 0%, #00defd 100%); display: block; border-radius: 2rem; padding:1.2em 0.8em; color:#FFF; font-size:110%; white-space: nowrap; overflow: hidden; text-align: center; text-overflow: ellipsis; font-weight: 700; } 	

#background { background-color:#f7f7f7;  width: 100%; height: 100%; z-index: 0; left: 0; top: 0;}


html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; 	}

.no-select {  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none;
            user-select: none; 
 }

.clear { clear: both;}

h1 { margin: 1.5rem 0; font-size: 40pt;line-height: 115%; color:#1D3254;}
h1 .sub { display: block; font-size: 90%; font-weight: 500 ;}

h2 { margin: 1.5rem 0; font-size: 115%; line-height: 110%;}

h3.border, h1.border { 
	font-size: 36px;
	margin: 0 0 10px;
	width: fit-content;
	font-weight:bold !important;
	font-family:'Quicksand';
	margin-top:20px;
}
@media screen and (max-width: 1024px){
	h3.border, h1.border {
		margin-top: 10px !important;
		padding-top: 0px !important;
	}
}

.lead{ font-size:24pt; letter-spacing: -16%; color:#1D3253; }
.wrap .lead{ font-size:14px;}
.wrap h1{font-weight:bold;}
.filariane{ font-size:1vw;margin-bottom:10px;margin-top:71px; }
.filariane a:has(> img) img{ width: 15px;}

a { cursor: pointer; color:#393e5e; text-decoration: none;}
a.underline { text-decoration: underline;}

.annonce_price { position:relative;float:left;bottom:clear;right:clear;width:clear; }


/*body { font-family: "Quicksand", "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif"; font-size:12pt; font-weight: 400; margin:4em 3em 6em 3em; color: #1E3354;  }
*/


body .center { margin:0rem auto; }
.center { margin: 2rem auto; padding: 0 1.5rem; /*max-width: 1140px;*/}

/*.mobil-home-cate{position:relative;float:left;width:98%;margin:auto;margin-left:1.5%;}*/
/*.mobil-home-cate{position:relative;width:71.5%;margin:auto;}float:none;*/
.mobil-home-cate{width:93%;margin:auto;position:relative;}
.DivFlex{display:flex;width:100%;}
.DivAlertes{width:106%;overflow:hidden;height:105px;margin-left:-3%;}
.DivSearch{margin:auto;width:91%;}
.DivMargeSearch{height:70px;}
.HomeCate{width:93%;margin:auto;}

#annonce .columns { text-align: center;  margin: 1.4em -0.4em 0 -0.4em;}
#annonce .columns .col { float: left; width:33.33%; padding: 0 0.4em; box-sizing: border-box;}
#annonce .columns .col p { margin: 0; line-height: 1.4em; font-size: 85%;}

#annonce .columns .col p.gradient { border-radius: 1rem; padding: 0 0.6em; height: 2.5em; line-height: 2.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#annonce .columns .col p.gradient + p { margin-top: 0.8em; }
#annonce .columns .col p.border { border: 1px solid #1E3354; border-radius: 1rem; color:#1E3354AA; padding:0.2em 0.5em; box-sizing: border-box; font-size: 90%; height: 5.5em; display: flex; align-items: center;  }
#annonce .columns .col p.border span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; }
#annonce .columns .col p.border strong {font-family:Quicksand; display: block;  color: #1E3354; font-size: 115%; }

.annonces { max-width:1280px; margin: 0;font-family: "Quicksand", "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";}
.wishinline{ display:inline; }

	
.annonces article { background: #FFF; border-radius: 1.1rem; padding: 1px; margin: 1rem -0.5rem; transition: margin 0.25s; box-shadow: 0 0 1rem rgba(29,50,84,0.08);}
.annonces.listing article { margin: 0.5rem -0.5rem; }
.annonces article .wrap { margin: 1.6rem; position: relative; transition: margin 0.25s; width:auto;}
.annonces.listing article .wrap { margin: 0.9rem; }

.annonces article .preview a { color:#1D3254; text-decoration: none; }
.annonces article .preview a:before { padding: 1.8rem; margin: -1.8rem; position: absolute; z-index: 2; content: ""; top:0; left: 0; width: 100%; height: 100%;}
.annonces article .preview {min-height: 2.5em;overflow:hidden;  color:#1E3354; font-size:80%; font-weight:normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.25em; max-height: 2.5em; margin: 0; transition: all 0.25s; }
.annonces article .preview titre { text-transform: uppercase;font-weight:bold; }


.annonces.listing article .preview a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: block;}
.annonces.listing article .preview   { max-height: 1.5em; margin: -5.1rem 0 2.6rem 3.2rem; color:rgba(255,255,255,0); }


.annonces article span.read-more {  margin-top: -2.50em;font-size:80%; line-height: 1.25em; transition: all 0.25s; position: absolute; right:0; background: #FFF; padding-left: 2px; }
.annonces article span.read-more span { color:#5282ff; text-decoration: underline;}
.annonces.listing article span.read-more  { opacity:0;  margin-top: -3.25em;   }


.annonces article .picture { margin:1rem 0; position: relative; height: 2rem; padding: 25%; border-radius: 1rem; overflow: hidden; transition: all 0.25s;}

.annonces article .picture div {position: absolute;width: 100%;height: 100%;background:#EEE no-repeat center center;background-size: cover;top: 0;left: 0;transition: padding 0.2s, margin 0.2s;border-radius: 1rem;}
.annonces article .picture div img {position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;}
.annonces article .picture.double div , .annonces article .picture.triple div { width: 49%; width: calc(50% - 0.2rem);}
.annonces article .picture.double div + div { right: 0; left: auto;}

.annonces article .picture.triple div + div { right: 0; left: auto; height: 49%; height: calc(50% - 0.2rem);}
.annonces article .picture.triple div + div + div {  bottom:0; top: auto; }

.annonces article header { margin:0 0 1.4rem 0; padding-left: 4.6rem; transition: padding-left 0.25s;}
.annonces.listing article header { padding-left: 3.2rem;}
.annonces article header p { margin: 0;  line-height: 110%; white-space: nowrap; overflow: hidden; transition: all 0.25s;}
.annonces article header p.location {color:#AAA;font-size:85%;font-weight:normal;}
.annonces article header p.location strong {color:#1E3354;font-weight:normal;}
.annonces article header p.tags { white-space: nowrap; overflow: hidden; line-height: 1.2rem; margin-top: 0.2rem; margin-left:-1px;}

.annonces article header p.tags span {display: inline-block;   text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.2s;  color:#FFF;border-radius: 1rem; font-size: 75%; line-height: 1.2rem; padding: 0 0.6em;}

.annonces article header .avatar { position: absolute; width: 4rem; height: 4rem; border-radius: 100%; background: #EEE no-repeat center center; background-size: cover; left: 0; transition: all 0.25s;}
.annonces.listing article header .avatar { width: 2.8rem; height: 2.8rem; margin-top: 0.6rem;}

.annonces.listing article .picture , .annonces.listing article footer  { height: 0; padding: 0; opacity: 0; margin: 0 .8rem; }
.annonces.listing article header p.name { opacity:0;}



.annonces article footer p { font-size: 85%; color: #888;}

 p.price { background: #1E3354;  }

.annonces article p.price { transition: margin 0.25s;}
.annonces.listing article p.price { margin-top: 1.8rem; font-size:110%; }
p.price  , .annonces article header p.price { color: #FFF; position: absolute; margin:1px 0; right: 0; padding:0 0.6em; border-radius: 3em; height: 1.7em; line-height: 1.7em; font-size: 115%;}
p.price sup { line-height: 0; font-size:60%}


.annonces article footer { line-height: 2.2rem; margin-bottom: -0.5rem; overflow: hidden; transition: all 0.25s; position: relative;}
.annonces article footer a {position:absolute;top:50%;margin-top:-1.1rem;z-index:8;right:0;white-space: nowrap;transition:box-shadow 0.2s;text-decoration:none;background: #1d3253;background-size:2.2rem;border-radius: 0.5rem;color:#FFF;font-size:90%;padding: 0 0.8rem 0 0.8rem;text-align: center;}
.annonces article footer a:hover { box-shadow: 0 0 8px 1px rgba(29,50,84,0.3);}

.annonces article header p.price {box-shadow:-4px 0 0 #FFF;font-weight:bold;}
.annonces article header strong { font-weight: bold;}
.annonces article.demande footer p strong {color: #fa6900;font-weight:bold;}
.annonces article.offre footer p strong {color:#71d600;font-weight:bold;}

.demande .gradient  , .demande .select-type a.demande , #popdown.demande .buttons a.actif { background: #fa6900;
	background: -moz-linear-gradient(45deg,  #f7b100 0%, #fa6900 100%);
	background: -webkit-linear-gradient(45deg,  #f7b100 0%,#fa6900 100%);
	background: linear-gradient(45deg,  #f7b100 0%,#fa6900 100%); /* min-height: 100%; */  color:#FFF; } 
.demande span.gradient + .gradient ,  .demande p.price { background: #fa6900; }


.gradient a{position:relative;z-index:4;text-decoration:none;color:#fff;font-weight:bold;}

.offre .gradient , .offre .select-type a.offre , #popdown.offre .buttons a.actif { background: #71d600;
		background: -moz-linear-gradient(45deg,  #abec05 0%, #71d600 100%);
		background: -webkit-linear-gradient(45deg,  #abec05 0%,#71d600 100%);
		background: linear-gradient(45deg,  #abec05 0%,#71d600 100%); /* min-height: 100%; */ color:#FFF; } 



.offre span.gradient + .gradient ,  .offre p.price  { background: #71d600; }
.offre p.price{ background:#1d3253;}
.demande p.price{background:#1d3253;}
.center > .wrap { width:auto;  }

.search{width:73%;background: #FFF url(../images/pictos/search.svg) no-repeat 0rem center;padding-left:1.8rem;background-size: 1.2em;white-space: nowrap;}
/*.focus .searchBar { z-index: 99; }
.searchBar:before { position: fixed; height: 0; opacity:0;  transition: opacity 0.5s; width: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); content: ""; z-index: 1; }
.focus .searchBar:before {opacity:1; height: 100%; }


.focus .searchBar { padding-right: 0;}
.focus .searchBar .filters , .focus .searchBar  a.refresh { z-index: 1; opacity: 0;}

.searchBar { line-height: 2.8rem; position: relative; padding-right: 3.2rem; transition: padding-right 0.2s;  }
.searchBar .wrap { margin:0;}
.searchBar #input-search , .searchBar #input-search:focus {display: block;outline: none;transition: opacity 0.25s;padding-left: 2.4rem;font-size:80%;cursor: text; color:#1E3354;background: #FFF url(../images/pictos/search.svg) no-repeat 1rem center;background-size: 1.2em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 2.8rem;height: 2.8rem;border: 1px solid rgba(0,0,0,0.05); border-radius:3rem;width: 100%;box-sizing: border-box;box-shadow: 0 3px 6px rgba(0,0,0,0.08);z-index: 2;position: relative;}
*/
.zonesearch { width:98%;height:43px;margin-top:21px;padding:5px;padding-left:25px;padding-top:12px;border-radius:38px;background-color:#fff;} /*width:calc(100% - 120px);*/

.search_zone{ width:110px; }
.Switch{float:left;padding-top:10px;margin-left:-10px;}
.SwitchImg{ width:80px; }
.search input{border-right:1;}
.wish_desc{font-size:15px !important;float:left;text-align:justify;width:100%;color:#1D3253;font-size:90%;}

.Connect{ margin-left:20px;float:left;text-decoration:underline;color:#1D3253; }
.Inscrit{ margin-left:35px;margin-right:25px;float:left;color:#fff;font-weight:bold;border-radius:7px;box-shadow:0 2px 4px 0 rgba(29, 50, 84, 0.06);padding:10px;margin-top:-10px;background-color:#408fec;}

.mobil-list-wish {
    float: left;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media screen and (min-width: 640px) {

	body .center { padding:0 2.5rem; margin: 1rem auto;}
	.annonces article { margin: 2.5rem;}
	#annonce { position: relative;}
	.annonces .columns { margin: 0 -0.5rem; }
	.annonces .col  {  float: left; width: 50%;  }
	.annonces .col article {  margin: 0.5rem; }

	#overallAnnonce #annonce { max-width: 720px; margin: 1.5rem auto 1.5rem auto; background: #fcfeff; box-shadow: 0 0 2rem rgba(29,50,84,0.1); padding-bottom: 1px; border-radius: 1.5rem; overflow: hidden;}
	#overallAnnonce { background-color: rgba(29,50,84,0.6) !important; backdrop-filter: blur(8px) !important; padding: 2rem; transform: scale(1) !important;}
	#overallAnnonce.loading { background-image: url(../images/dark-load.gif); opacity: 1;}
}



@media screen and (min-width: 1px) {
	.annonces .col  {  width: 100%;  }
}

@media screen and (min-width: 768px) {
	.annonces .col  {  width: 50%;  }
}

@media screen and (min-width: 1024px) {
	.annonces .col  {  width: 33.33%;  }

}

@media screen and (max-width:360px) {
	.wrap{  width: 100%;  }
}

@media (max-width : 1024px){

	body .center { padding: 0 !important;}

	.cartoucheAnnonceHolder{ width: 47%; }
	.annonces .cartoucheAnnonceHolder{ width: 100% !important; }
	.ctaProposeDemandeContainer .proposeMonAideCTA, .ctaProposeDemandeContainer .faireAppelVoisinsCTA{ width: 47% !important; }
	.annonces{ width: 47%; }
	.Connect{ margin-left:-5px;float:left;text-decoration:underline;color:#1D3253; }
  .Inscrit{ margin-right:-12px;margin-left:12px; }

	.filariane{ margin-top:-5px; }

	.mobil-home-cate{width:112%;margin-top:20px;}
	.DivFlex{float:left;}
	.DivMargeSearch{height:5px;}

	.bt_jai{ margin-left:95px; }
	

	/*.wish{ width: 100%; }*/

	.mobil-list-wish{
		width: 100%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0 16px;
        gap: 16px;
	}
	.wrap{
		width: auto !important;
	}
	.MenuConteneur{ width:90%;margin:auto; }
	.zonesearch { width:81%;margin:2rem;margin-top:0px;height:30px;padding-top:6px;padding-bottom:12px;padding-left:15px; }
	.search_zone{ width:110px; }
	.DivSearch{float:left;width:112%;margin-left:-25px;margin-bottom:-40px;}
	.Switch{padding-top:70px;margin-left:-20px;}
	.SwitchImg{ width:70px;padding-left:20px; }
	.wish_desc{font-size:120%;}
	.annonce_form{float:left;width:100%;margin-left:-5%;}
	.seo-keywords{width:95%;}
	.seo-lien{width:95%;}

}

.picture { background: #00ff99;
		background: -moz-linear-gradient(45deg,  #00ff99 0%, #00defd 100%);
		background: -webkit-linear-gradient(45deg,  #00ff99 0%,#00defd 100%);
		background: linear-gradient(45deg,  #00ff99 0%, #00defd 100%); }
.picture em { width: 100%; position: absolute; top: 50%; margin: 0.4rem 0; font-size:90%; left: 0; font-weight: 700; font-style: normal; color:#FFF; }
a.post svg { position: absolute; width: 2.2rem;  height: 2.2rem; bottom: 50%; left: 50%; margin: -0.55rem -1.1em;}
a.post svg path { fill: #FFF;}

	.swiper-container { width:100%;height:150px;margin-left:8px;margin-top:20px; }

    .swiper-slide {
      font-size: 13px;float:left;width:120px;height:150px;margin-left:10px;min-width:130px;max-width:130px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

	.swiper-wrapper{
		height:120px;
	}

	.SwiperCate{ border-color:1px solid #bbb;box-shadow:0 0 0 3px #fff, 0 3px 0.6em 3px rgb(0 0 0 / 20%);border-radius:0.5em;background-color:#fff;margin-top:2px; }
	.SwiperImg {width:130px;height:105px;border-radius:0.5em;margin-bottom:-3px; }
	/*.SwiperImg{border-color:1px solid #bbb;box-shadow:0 0 0 3px #fff, 0 3px 0.6em 3px rgb(0 0 0 / 20%);border-radius:0.5em;background-color:#fff; }*/
	.SwiperTitre{ padding-top:12px;color:#1D3254;text-align:center;height:30px; }
	.SwiperPost{ margin-top:-40px;border-color:1px solid #bbb;background: linear-gradient(45deg, #00ff99 0%,#00defd 100%);width:120px;height:100px;border-radius:0.5em;background-color:#fff;margin-bottom:0px;}
	.SwiperSvg{ padding-top:20%;padding-left:32%;height:40px; }
	.SwiperBack{ min-height:73px;width:40px;padding-top:25px;text-align:center; }
	.SwiperBackContener{ margin-right:-35px !important;margin-top:-20px;margin-left:-31px; }
	.wallback{margin-top:3px;}
	.SwiperVoir{ margin-left:0px; }
	.reduce { height:20px;width:100px;padding:1.5em 0;padding:10px;border-radius:5px;margin:auto;background:#1D3253;text-align:center;}
	.reduce a{ text-decoration:none;color:#fff; }
	.swiper-slide a{ text-decoration:none; }

	@media (max-width : 1024px){

	.DivAlertes{margin-bottom:15px;padding-left:14px;margin-left:0px;width:103%;height:85px;}
	.swiper-container { height:140px;margin-left:-20px;margin-top:0px; }
    .annonces article footer p { font-size: 85%;}
    .SwiperImg { width:105px;height:85px; }
    .swiper-slide{ width:105px;min-width:105px;max-width:105px; }
    .SwiperPost{ width:93px;height:85px; }
    .SwiperSvg{ padding-top:14%; }
	.SwiperBack{ min-height:70px;max-width:36px;padding-top:15px;text-align:center; }
	.SwiperBackContener{ margin-right:-21px !important;margin-left:-20px; }
	.wallback{margin-top:20px;}
	.SwiperVoir{ margin-left:10px; }

	.HomeCate{width:99%;margin:auto;}

	}


.cartoucheAnnonceHolder{
	min-width: 328px;
	float: left;
	/*height: 506px;*/
	position: relative;
	border-radius: 24px;
	border: 0.72px solid var(--Grey-Grey-000, #FFF);
	background-color: #FFF;
	box-shadow: 0px 8.642px 18.868px 0px rgba(29, 50, 84, 0.08);
	/* margin: 0.5rem; */
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cartoucheAnnonceHolder:hover {
	transform: translateY(-4px); /* Élévation très légère */
	box-shadow: 0 4px 12px rgba(29, 50, 84, 0.08);
}
.cartoucheAnnonceHolder a:hover{
	text-decoration: none;
}

.illustrationCartouche{
	height: 250px;
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	border-radius: 18px;
	margin: 6px;
}
.illustrationCartouche .tagCartouche{
	position: absolute;
	bottom: 16px;
	left: 16px;
	display: flex;
	gap: 8px;
}
.illustrationCartouche div a:first-of-type{
    background-color: rgba(255, 255, 255);
    border-radius: 38px;
    padding: 4px 12px 4px;
    z-index: 1;
    color: #203455;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
	opacity: 0.8;
}
.illustrationCartouche > a > img:first-of-type{
	width: 100%;
	min-height:100%;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.contentCartouche{
	margin: 16px 24px;
}
.userCartouche{
	display: flex;
	align-items: center;
}
.userCartouche > a{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	border: 2px solid #FFF;
	box-shadow: 0px 4px 16px 0px rgba(29, 50, 84, 0.10);
	position: relative;
	z-index: 1;
	text-decoration: none;
	margin-right: 8px;
	margin-left:-2px;
}

.userCartouche > a > img{
	width: 48px;
	height: 48px;
	border-radius: 100%;
}
.userCartouche > a .noteUserCartouche{
	position: absolute;
	top: -5px;
	right: -9px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	background: url("/img/star.png");
	background-size: 100%;
}
.userCartouche > a .noteUserCartouche p{
	color: #FFF;
	font-family: Quicksand;
	font-size: 14px;
	font-style: normal;
	margin: 0;
    position: relative;
    top: 1px;
}
.userCartouche > div:first-of-type{
	height: fit-content;
}
.userCartouche > div:first-of-type > div{
	display: flex;
	gap: 4px;
}
.userCartouche > div:first-of-type > div a:first-of-type{
	color: #203455;
	font-family: Quicksand;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin: 0;
	position: relative;
	z-index: 1;
}
.userCartouche > div:first-of-type > div img{
	width: 24px;
	height: 24px;
}
.userCartouche > div:first-of-type > div .premium{
	color: #FFF;
	font-family: Quicksand;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 8px; 
	padding: 4px 8px;
	border-radius: 4px;
	opacity: 0.9;
	background-color: #1891FC;
	box-shadow: 0px 4px 16px 0px rgba(29, 50, 84, 0.10);
	margin: 0;
	display: flex;
	align-items: center;
}
.userCartouche > div:first-of-type > p{
	color:#666E8A;
	font-family: Quicksand;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; 
	margin: 0;
}
.prixCartouche{
	font-family: Quicksand;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	background: var(--gradient-brand-90060045-deg, linear-gradient(45deg, #F907FC 0%, #0779FF 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0;
	width: fit-content;
}
.prixCartouche sup{
	font-weight: 700;
}
.distance{
    font-family: Quicksand;
    /* transform: rotate(-10deg); */
	margin: 0;
	background-color: #CCC;
    font-size: 16px;
    font-weight: 700;
    padding: 4px 12px 4px;
    border-radius: 36px;
    line-height: 24px;
    background: rgba(255, 255, 255, 1);
    color: #203455;
    z-index: 3;
	opacity: 0.8;
}
.cartoucheAnnonce{
	margin: 18px 0 24px;
}
.cartoucheAnnonce .titreCartouche{
	color: #203455;
	font-family: Quicksand;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; 
	margin: 0 0 5px;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.cartoucheAnnonce p:not(.titreCartouche):not(.prixCartouche){
	color: #666E8A;
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.cartoucheBouton{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cartoucheBouton a{
	color: #FFF;
	background-color: #1D3253;
	font-family: Quicksand;
	font-size: 14.5px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	padding: 12px 18px;
	border-radius: 100px;
	margin: 0;
}
.cartoucheBouton a:active{
	color: #fff !important;
}
.cartoucheBouton a:hover{
    text-decoration: none;
    background: #617087;
    text-decoration: none;
}
.cartoucheBouton p{
	color: #666E8A;
	font-family: Quicksand;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; 
	margin: 0;
}
.clickableCartouche{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 0;
}
.deleteCartouche{
	background-color: red;
	border-radius: 100%;
	width: 32px;
	height: 31px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	position: absolute;
	z-index: 1;
	top: -15px;
	right: -15px;
	rotate: 45deg;
	font-size: 2rem;
	font-weight: 500;
}
.deleteCartouche:hover{
	text-decoration: none;
}
.rotateCartouche{
	position: absolute;
	z-index: 2;
	top: 12px;
	right: 12px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0px 2px 8px 0px rgba(29, 50, 84, 0.15);
	border: 1px solid rgba(239, 239, 239, 0.8);
	transition: all 0.2s ease;
	cursor: pointer;
	padding: 8px;
}
.rotateCartouche:hover{
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(29, 50, 84, 0.2);
	transform: scale(1.05);
}
.rotateCartouche img{
	width: 20px;
	height: 20px;
	object-fit: contain;
}

/* Version mobile : bouton rotation plus compact (32x32) */
@media (max-width: 768px){
	.rotateCartouche{
		width: 32px;
		height: 32px;
		padding: 6px;
	}
	.rotateCartouche img{
		width: 16px;
		height: 16px;
	}
}
.editCartouche{
	display: flex;
	gap: 16px;
	width: fit-content;
	position: relative;
	z-index: 1;
	padding: 10px 24px;
	border-radius: 100px;
	border: 1px solid #EFEFEF;
	background: #FFF;
	box-shadow: 0px 5px 10px 0px rgba(29, 50, 84, 0.05);
	color: var(--Bleu-fonc, #1D3253);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}
.editCartouche:hover{
	text-decoration: none;
}
.editCartouche img{
	width: 16px;
}

.newSwipperHolder {
    margin-top: 0px; /* Réduit car #AllSite a maintenant padding-top: 95px */
    background-color: #FFF;
    border-top: rgba(29, 50, 53, 0.05);
    position: relative;
    overflow: hidden; /* Assure que le dégradé reste au bon endroit */
    box-shadow:0 6px 16px -6px rgba(29, 50, 84, 0.08);
}

.newSwipper {
    margin: 0 auto;
    display: flex;
	box-sizing: border-box;
	width: 93.5%;
	max-width: 1398px;
    height: 90px;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-behavior: smooth;
    position: relative;
	padding: 0 10px;
}

/* Ajout du dégradé fixe à droite */
.newSwipperHolder::after {
    content: "";
    position: absolute;
    top: 0;
    right: 3%;
	width: 50px; /* Ajuste la largeur du dégradé */
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none; /* Évite d'interférer avec les interactions */
}
.newSwipperHolder::before {
    content: "";
    position: absolute;
    top: 0;
    left: 3%;
	width: 50px; /* Ajuste la largeur du dégradé */
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none; /* Évite d'interférer avec les interactions */
	z-index: 1;
}

.newSwipper a{
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	gap: 8px;
	padding: 10px 0;
	min-width: 115px;
  width: 115px;
	height: 100%;
	color: #1D3254;
	text-align: center;
	font-family: Quicksand;
	font-size: 13px;
	font-style: normal;
	font-weight: 550;
	line-height: normal;
	opacity: 0.8;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	/*pointer-events:none;*/
}
.newSwipper a p{
	margin: auto 0;
	color: #1D3254;
	text-align: center;
	font-family: Quicksand;
	font-size: 13px;
	font-style: normal;
	font-weight: 550;
	line-height: normal;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	pointer-events:none;
}
@media screen and (max-width: 1024px){
	.newSwipperHolder {
		margin-top: 30px; /* Espace pour éviter que la barre de recherche cache les catégories */
		position: relative;
		z-index: 1; /* Les catégories restent en dessous du header fixe */
	}
	.newSwipper{
		width: 100%;
		margin-left:-10px;
	}
	.newSwipper a{
		opacity: 1;
	}
	.newSwipperHolder::after {

		right: 0%;
	}
	.newSwipperHolder::before {
		left: 100%;
	}
}

.newSwipper a img{
	width: 32px;
	height: 32px;
	user-select:none;
	pointer-events:none;

}
.newSwipper a:hover{
	opacity: 1;
	text-decoration: none;
}

#popupClubRequest, #popupClubCreate{
	position: fixed;
	z-index: 16;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	width:400px;
	padding: 2vw;
	border-radius: 12px;
	background: var(--blanc, #FFF);
	box-shadow: 0px 0px 40px 0px rgba(0, 23, 48, 0.08);
}
#popupClubRequest #hidePopup, #popupClubCreate #hidePopup{
	position: absolute;
	right: 20.5px;
	top: 18px;
	cursor: pointer;
	width: 1vw;
	height: 1vw;
}
#popupClubRequest #avatarRequest{
	width: 100px;
	height: 100px;
	border-radius: 100%;
}
#popupClubRequest #contentRequest{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
#popupClubRequest #titreRequest{
	font-family: Quicksand;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.3px;
	color:#1D3253;
	margin: 0;
}
#popupClubRequest #textRequest{
	color: var(--Bleu-fonc, #1D3253);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.3px;
	margin: 0;
}
#popupClubRequest #rejoindre{
	color: var(--Blanc, #FFF);
	text-align: center;
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding: 16px 32px;
	border-radius: 100px;
	background: var(--Bleu-fonc, #1D3253);
	margin-top: 8px;	
	cursor: pointer;
	border:0;
	text-decoration: none;
}
#popupClubRequest form{
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}
#popupClubRequest form div{
	width: 100%;
	box-sizing: border-box;
	display: flex;
	gap: 12px;
	background-color: #f9f9f9;
	border-radius: 100px;
	padding: 8px 16px;
}
#popupClubRequest form div:has(input:focus-visible){
	outline: 2px solid #1D3254;
}
#popupClubRequest form div input{
	border: none;
	background: transparent;
	width: 100%;
	font-size: 18px;
}
#popupClubRequest form div input:focus-visible{
	outline: none;
}
#popupClubRequest form input[type="submit"]{
	background: var(--Bleu-fonc, #1D3253);
	color: var(--Blanc, #FFF);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding: 16px 32px;
	border-radius: 100px;
	border: 0;
	cursor: pointer;
	width: 100%;
}
#backgroundRequest{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(29, 50, 84, 0.5);
	z-index: 15;
	cursor: pointer;
}



@media screen and (max-width:700px){
	.cartoucheAnnonce{
		margin: 8px 0 ;
	}
	.cartoucheAnnonceHolder{ width: 46% !important; min-width: 0; }
	.illustrationCartouche{ height: 140px; }
	.userCartouche > *:not(.distance){ display: none; }
	.distance{
		font-family: Quicksand;
		background-color: #CCC;
		font-size: 16px;
		font-weight: 700;
		padding: 4px 12px 4px;
		border-radius: 36px;
		line-height: 24px;
		background: rgba(255, 255, 255, 1);
		color: #203455;
		z-index: 3;
		/* box-shadow: 0px 4px 16px 0px rgb(32 52 85 / 0.7); */
		opacity: 0.8;
        font-size: 12px;
        padding: 4px 8px;
        line-height: 14px;
	}
	.cartoucheAnnonce .titreCartouche{ 
		-webkit-line-clamp: 2; 
		line-clamp: 2; 
        font-size: 16px;
        line-height: 16px;
        height: 33px;
	}
	.prixCartouche{ font-size: 16px; }
	.contentCartouche{ margin: 8px; }
	h3.border, h1.border { font-size: 24px !important; margin-left: 20px; padding-top:0px; margin-top:0px; }

	#popupClubRequest{ padding:5vw; }
	#popupClubRequest #hidePopup{	width:5vw;height:5vw;}
}

#blocCreerWiiz{
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	max-width: 610px;
	margin: 20px auto 0;
	padding: 32px 40px;
	border-radius: 32px;
	background: #FFF;
	gap: 24px;
	/* ombre card */
	box-shadow: 0px 0px 40px 0px rgba(0, 23, 48, 0.08);
}
#blocCreerWiiz #imageWiiz{
	display: none;
}
#blocCreerWiiz #addPhotoWiiz{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 200px;
	border-radius: 16px;
	border: 1px solid var(--Bleu-fonc, #1D3253);
	background: var(--Grey-Grey-000, #FFF);
	cursor: pointer;
	overflow: hidden;
}
#blocCreerWiiz #addPhotoWiiz > img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	width: 100%;
}
#blocCreerWiiz #addPhotoWiiz div{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	position: relative;
	z-index: 1;
}
#blocCreerWiiz #addPhotoWiiz.imaged div{
	padding: 8px;
	flex-direction: row;
	border-radius: 4px;
	border: 0.72px solid var(--Primary-bleu-dark, #1D3253);
	opacity: 0.9;
	background: var(--Grey-Grey-000, #FFF);
	/* Shadow S */
	box-shadow: 0px 4px 16px 0px rgba(193, 201, 214, 0.35);

}
#blocCreerWiiz #addPhotoWiiz div img{
	width: 32px;
	height: 32px;
}
#blocCreerWiiz #addPhotoWiiz div p{
	margin: 0;
	font-weight: 500;
}
#blocCreerWiiz #addPhotoWiiz.imaged div img{
	width: 16px;
	height: 16px;
}
#blocCreerWiiz #addPhotoWiiz.imaged div p{
	color: var(--Primary-Primary, #203455);
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px; 
}
#blocCreerWiiz #OffreDemande{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 16px;
}
#blocCreerWiiz #OffreDemande input{
	display: none;
}
#blocCreerWiiz #OffreDemande label{
	width: -webkit-fill-available;
	padding: 16px 0;
	font-family: Roboto;
	font-weight: 400;
	line-height: 20px; /* 125% */
	text-align: center;

	border-radius: 100px;
	border: 1px solid var(--Primary-Primary, #203455);
	background: var(--Grey-Grey-000, #FFF);
	cursor: pointer;
	transition: 0.3s;
}
#blocCreerWiiz #OffreDemande input:checked + label{
	color: var(--Blanc, #FFF);
	background: var(--Bleu-fonc, #1D3253);
}
#blocCreerWiiz #OffreDemande p{
	font-size: 14px;
	font-weight: 700;
	line-height: 16px; /* 114.286% */
	margin: 0;
}
#blocCreerWiiz > p:first-of-type{
	color: var(--Bleu-fonc, #1D3253);
	font-family: Quicksand;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 35.2px */
	margin: 0 auto;
}
#blocCreerWiiz .contenusWiiz{
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	justify-content: start;
}
#blocCreerWiiz .contenusWiiz label{
	color: var(--Primary-Primary, #203455);
	font-family: Quicksand;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#blocCreerWiiz input, #blocCreerWiiz textarea, #blocCreerWiiz #prixHolderWiiz{
	box-sizing: border-box;
	padding: 12px 16px;
	border-radius: 12px;
	border: 1px solid var(--Grey-Grey-300, #ECEDF0);
	background: var(--Grey-Grey-000, #FFF);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 125% */
	color: var(--Black, #1D3253);
}
#blocCreerWiiz input::placeholder, #blocCreerWiiz textarea::placeholder{
	color: #8D93AA;
}
#blocCreerWiiz #infobulleWiiz{
	position: relative;
	display: flex;
}
#blocCreerWiiz #infobulleWiiz img{
	width: 24px;
	aspect-ratio: 1/1;
}
#blocCreerWiiz #infobulleWiiz img:hover +p{
	display: block;
}
#blocCreerWiiz #infobulleWiiz p{
	display: none;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translate(0, -50%);
    box-sizing: border-box;
    width: 242px;
    white-space: break-spaces;
    padding: 12px;
    border-radius: 8px;
    background: var(--Bleu-fonc, #1D3253);
    color: var(--Blanc, #FFF);
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
#blocCreerWiiz #prixHolderWiiz{
	display: flex;
	width: 160px;
	padding: 0 16px 0 0;
	align-items: center;
}
#blocCreerWiiz #prixHolderWiiz input{
	border-radius: 0;
	border: none;
	padding: 0;
	background: transparent;
	width: 100%;
	padding: 12px 4px 12px 16px;
	text-align: right;
}
#blocCreerWiiz #prixHolderWiiz input::-webkit-outer-spin-button,
#blocCreerWiiz #prixHolderWiiz input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#blocCreerWiiz #prixHolderWiiz input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
#blocCreerWiiz #prixHolderWiiz input:focus-visible{
	outline: none;
}
#blocCreerWiiz #prixHolderWiiz:has(> input:focus-visible){
	outline: 2px solid #1D3254;
}
#blocCreerWiiz #prixHolderWiiz p{
	margin: 0;
}
#blocCreerWiiz .contenusWiiz textarea{
	min-height: 96px;
}
#blocCreerWiiz div:has(> .tempWiiz),#blocCreerWiiz #categorieWiizChangement{
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}
#blocCreerWiiz .tempWiiz{
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
}
#blocCreerWiiz .tempWiiz:first-of-type{
	gap: 8px;
}
#blocCreerWiiz .tempWiiz:first-of-type > div{
	display: flex;
	align-items: center;
	gap: 8px;
}
#blocCreerWiiz .tempWiiz:first-of-type input{
	width: 100px;
}
#blocCreerWiiz .tempWiiz:first-of-type input::-webkit-outer-spin-button,
#blocCreerWiiz .tempWiiz:first-of-type input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#blocCreerWiiz .tempWiiz:first-of-type input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
#blocCreerWiiz p, #blocCreerWiiz label, #blocCreerWiiz #suivantChoixSsrubr{
	color: var(--Primary-Primary, #203455);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
	white-space: nowrap;
}
#blocCreerWiiz .ssrubrTitre{
	white-space: normal;
	text-align: center;
}

#blocCreerWiiz .tempWiiz select, #blocCreerWiiz #categorieWiizChangement select{
	color: var(--Primary-Primary, #203455);
	box-sizing: border-box;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid var(--Grey-Grey-300, #ECEDF0);
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    width: -webkit-fill-available;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(/img/arrow-more.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;
    background-size: 14px;
}
#blocCreerWiiz .tempWiiz #nbjTemp{
	width: 100px;
    background-position-x: 70%;
}
#blocCreerWiiz #submitWiiz, #blocCreerWiiz #suivantCreerWiiz, #blocCreerWiiz #suivantChoixSsrubr{
	width: 100%;
	color: var(--Grey-Grey-000, #FFF);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;

	padding: 16px 0;
	border-radius: 37px;
	background: var(--Brand-900, #1D3253);
	cursor: pointer;
	border: none;
}
#blocCreerWiiz #blocSuivant{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
#blocCreerWiiz #choixssrubr{
	display: none;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}
#blocCreerWiiz #choixssrubr > div:first-of-type{
	display: flex;
	gap: 20px;
}
#blocCreerWiiz #choixssrubr > div:first-of-type div{
	display: flex;
	gap: 8px;
}
#blocCreerWiiz #choixssrubr > div:first-of-type #autreSelectorSsrubrs{
	text-decoration: underline;
	cursor: pointer;

}
#blocCreerWiiz #choixssrubr > div:first-of-type input{
	display: none;
}
#blocCreerWiiz #choixssrubr > div:first-of-type #checkboxAutres{
	cursor: pointer;
	background-image: url("/img/checkboxAutreEmpty.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	aspect-ratio: 1 / 1;
}
#blocCreerWiiz #choixssrubr > div:first-of-type input:checked + #checkboxAutres{
	background-image: url("/img/checkboxAutreChecked.svg");
}
#blocCreerWiiz #choixssrubr #ssrubrHolder{
	display: flex;
	gap: 16px;
}
#blocCreerWiiz #choixssrubr #ssrubrHolder > div{
	width: 33%;
	min-width: 100px;
	border-radius: 16px;
	background: var(--Grey-Grey-000, #FFF);
	box-shadow: 0px 4px 16px 0px rgba(29, 50, 84, 0.10);
}
#blocCreerWiiz #choixssrubr #ssrubrHolder > div input{
	display: none;
}

#blocCreerWiiz #choixssrubr #ssrubrHolder > div:has(> input[type="radio"]:checked) .selectedIcon{
	display: block;
}
#blocCreerWiiz #choixssrubr #ssrubrHolder > div label{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	padding: 4%;
}
#blocCreerWiiz #choixssrubr #ssrubrHolder > div label img:first-of-type{
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 16px;
}
#blocCreerWiiz #choixssrubr #ssrubrHolder .selectedIcon{
	display: none;
	position: absolute;
    aspect-ratio: 1 / 1;
    width: 33px;
	top: -4%;
    right: -4%;
}
.hidden{
	display: none !important;
}
#blocCreerWiiz #submitWiiz.canClick, #blocCreerWiiz #suivantCreerWiiz.canClick, #blocCreerWiiz #suivantChoixSsrubr.canClick{
	background: var(--Bleu-fonc, #1D3253);
	color: var(--Grey-Grey-000, #FFF);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 150% */
}
#validationWiiz{
	display: none;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	gap: 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: white;
	position: absolute;
	top: 0;
	padding: 20px;
	z-index: 1;
}
#validationWiiz a:first-of-type{
	position: absolute;
	top: 12px;
	right: 12px;
}
#validationWiiz a:first-of-type img{
	width: 24px;
	aspect-ratio: 1 / 1;
}
#validationWiiz > img{
	width: 144px;
	aspect-ratio: 1 / 1;
}
#validationWiiz p{
	margin: 0;
	white-space: normal;
}
#validationWiiz p:first-of-type{
	color: var(--Bleu-fonc, #1D3253);
	text-align: center;
	font-family: Quicksand;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#validationWiiz p:last-of-type{
	color: var(--Grey-Grey-000, #FFF);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	width: 100%;
	text-align: center;
	padding: 16px 0;
	border-radius: 100px;
	background: var(--Bleu-fonc, #1D3253);
	cursor: pointer;
}
.ctaProposeDemandeContainer{
	width: 100%;
	display: flex;
	/* justify-content: center; */
	gap: 16px;
}
.ctaProposeDemandeContainer .proposeMonAideCTA:hover, .ctaProposeDemandeContainer .faireAppelVoisinsCTA:hover{
	text-decoration: none;
}

.ctaProposeDemandeContainer .proposeMonAideCTA, .ctaProposeDemandeContainer .faireAppelVoisinsCTA{
	width: 48%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px;
	border-radius: 16px;
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
	box-sizing: border-box;
	background: linear-gradient(45deg, #F907FC 0%, #0779FF 100%);
}
.ctaProposeDemandeContainer .proposeMonAideCTA img, .ctaProposeDemandeContainer .faireAppelVoisinsCTA img{
	height: 48px;
}
.ctaProposeDemandeContainer .proposeMonAideCTA img:last-of-type, .ctaProposeDemandeContainer .faireAppelVoisinsCTA img:last-of-type{
	height: 36px;
}
/* .ctaProposeDemandeContainer .proposeMonAideCTA{
	background: #8AD636;
}
.ctaProposeDemandeContainer .faireAppelVoisinsCTA{
	background: #FF842E;
} */
.ctaProposeDemandeContainer .proposeMonAideCTA div, .ctaProposeDemandeContainer .faireAppelVoisinsCTA div{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ctaProposeDemandeContainer .proposeMonAideCTA div p, .ctaProposeDemandeContainer .faireAppelVoisinsCTA div p{
	margin: 0;
	color: #FFF;
	font-family: "Patrick Hand", "Quicksand", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
.ctaProposeDemandeContainer .proposeMonAideCTA div p:first-of-type, .ctaProposeDemandeContainer .faireAppelVoisinsCTA div p:first-of-type{
	font-family: Roboto, "Quicksand";
	font-weight: 600;
	line-height: 150%; /* 24px */
}
.emoji{
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
	top: 7px;
	/* transform: translateY(-50%); */
}
.emojiWave{
	background-image: url("/img/emoji/wave.png");
	background-size: 100%;
}
.emojiThumbs{
	background-image: url("/img/emoji/thumb_up.png");
	background-size: 100%;
}
.emojiSunglasses{
	background-image: url("/img/emoji/sunglasses.png");
	background-size: 100%;
}
.emojiWorld{
	background-image: url("/img/emoji/earth.png");
	background-size: 100%;
}
@media screen and (max-width: 768px) {
	.ctaProposeDemandeContainer{
		flex-direction: column;
	}
	.ctaProposeDemandeContainer .proposeMonAideCTA, .ctaProposeDemandeContainer .faireAppelVoisinsCTA{
		width: 100% !important;
	}
	.ctaProposeDemandeContainer .proposeMonAideCTA img, .ctaProposeDemandeContainer .faireAppelVoisinsCTA img{
		height: 24px;
	}
	.ctaProposeDemandeContainer .proposeMonAideCTA img:last-of-type, .ctaProposeDemandeContainer .faireAppelVoisinsCTA img:last-of-type{
		height: 15px;
	}
	#blocCreerWiiz > p:first-of-type{
		font-size: 24px;
	}
	#blocCreerWiiz #addPhotoWiiz{
		height: 150px;
	}
	#blocCreerWiiz{
		gap: 16px;
		margin: 50px auto 0;
		padding: 20px;
	}
	#blocCreerWiiz .contenusWiiz{
		gap: 8px;
	}
	#blocCreerWiiz .contenusWiiz label{
		font-size: 14px;
	}
	#blocCreerWiiz input, #blocCreerWiiz textarea, #blocCreerWiiz #prixHolderWiiz{
		font-size: 14px;
	}
	#blocCreerWiiz input#wish_cp{
		min-width: 92px;
	}
	#blocCreerWiiz #prixHolderWiiz{
		width: auto;
	}
	#blocCreerWiiz #submitWiiz{
		font-size: 16px;
	}
	#blocCreerWiiz #OffreDemande input + label{
		font-size: 14px;
		padding: 8px 0;
	}
	#blocCreerWiiz #submitWiiz, #blocCreerWiiz #suivantCreerWiiz, #blocCreerWiiz #suivantChoixSsrubr{
		color: var(--Grey-Grey-000, #FFF);
		font-family: Quicksand;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px; /* 150% */
	}
	#blocCreerWiiz .ssrubrTitre{
		color: var(--Primary-Primary, #203455);
		text-align: center;
		font-family: Quicksand;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 12px; /* 100% */
	}
	#validationWiiz{
		position: fixed;
		width: 100%;
		height: 100vh;
		z-index: 16;
	}
	#blocCreerWiiz #prixHolderWiiz input{
		padding: 12px 4px 12px 4px;
		min-width: 31px;
	}
	.illustrationCartouche .tagCartouche{
        left: 0;
        top: 0;
        bottom: auto;
        width: 100%;
        height: 100%;
        flex-direction: column;
        padding: 5px;
        box-sizing: border-box;
        justify-content: space-between;
        align-items: baseline;
	}
	.illustrationCartouche div a:first-of-type{
		background-color: rgba(255, 255, 255);
		opacity: 0.8;
		border-radius: 35px;
		padding: 4px 8px;
		z-index: 1;
		color: var(--Bleu-fonc, #1D3253);
		font-family: Roboto;
		font-size: 9px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-decoration: none;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		margin-top: auto;
	}
	.cartoucheBouton a{
		color: #32568F;
		background-color: #D9E3F2;
		font-size: 10px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 16.5px */
		padding: 4px 8px 4px 6px;
	}
}