/* 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:auto;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{none;}
.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(0,0,0,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(0,0,0,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(0,0,0,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(0,0,0,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(0,0,0,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(0,0,0,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; }

#alertGroupeEntraide{
	box-sizing: border-box;
	float: left;
	width: 393px;
	height: 85px;
	background: #FFF;
	border: 1px solid #F3F3F3;
	border-radius: 16px;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08);
	display: flex;
	gap: 20px;
	padding: 10px 15px;
}
#alertGroupeEntraide.alone{
	background: linear-gradient(226deg, #F907FC 0.01%, #0779FF 100%);
	border: none;
}
#alertGroupeEntraide > div:first-of-type{
	display: flex;
	align-items: center;
	position: relative;
	width: 145px;
}
#alertGroupeEntraide > div:first-of-type .EleGroupeEntraide{
	box-sizing: border-box;
	width: 55px;
	height: 55px;
	border-radius: 150px;
	position: absolute;
	left: 0;
}
#alertGroupeEntraide.alone > div:first-of-type .EleGroupeEntraide{
	padding: 8px;
	background-color: #FFF;
}
#alertGroupeEntraide:not(.alone) > div:first-of-type p.EleGroupeEntraide{
	left: 85px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	text-align: center;
	font-family: Quicksand;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 0px;
	background: linear-gradient(226deg, #F907FC 0.01%, #0779FF 100%);
}
#alertGroupeEntraide > div:first-of-type .EleGroupeEntraide:nth-of-type(4){
	left: 85px;
}
#alertGroupeEntraide.alone > div:first-of-type .EleGroupeEntraide:nth-of-type(4){
	left: 90px;
	opacity: 1;
}
#alertGroupeEntraide > div:first-of-type .EleGroupeEntraide:nth-of-type(3){
	left: 57px;
}
#alertGroupeEntraide.alone > div:first-of-type .EleGroupeEntraide:nth-of-type(3){
	left: 51px;
	opacity: 0.75;
	width: 48.71px;
	height: 48.71px;
}
#alertGroupeEntraide > div:first-of-type .EleGroupeEntraide:nth-of-type(2){
	left: 27px;
}
#alertGroupeEntraide.alone > div:first-of-type .EleGroupeEntraide:nth-of-type(2){
	left: 20px;
	opacity: 0.5;
	width: 41.1px;
	height: 41.1px;
}
#alertGroupeEntraide.alone > div:first-of-type .EleGroupeEntraide:nth-of-type(1){
	opacity: 0.25;
	width: 30.44px;
	height: 30.44px;
}
#alertGroupeEntraide > div:last-of-type p:first-of-type{
	color: #1E3354;
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
}
#alertGroupeEntraide.alone > div:last-of-type p:first-of-type{
	color: #FFF;
}
#alertGroupeEntraide > div:last-of-type p:last-of-type{
	color: #1E3354;
	font-family: Quicksand;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
}
#alertGroupeEntraide.alone > div:last-of-type p:last-of-type{
	color: #FFF;
}
#alertGroupeEntraide a{
	display: inline-block;
	color: #FFF;
	text-align: center;
	font-family: Quicksand;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background: #1D3B65;
	border-radius: 8px;
	padding: 3px 5px;
	margin-top: 3px;
}
#alertGroupeEntraide.alone a{
	background: #FFF;
	border: 1px solid #1D3253;
	color: #1D3253;
}
#alertGroupeEntraide a:hover{
	text-decoration: none;
}
/* IPAD + MOBILE */
@media (max-width:1024px){


	.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;}

html { } 

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:#000;}
h1 .sub { display: block; font-size: 90%; font-weight: 500 ;}

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

.lead{ font-size:24pt; letter-spacing: -16%; color:#1D3253; }
.wrap .lead{ font-size:14px;}
.wrap h1{font-weight:bold;}
.filariane{ font-size:15px; }

a { cursor: pointer; color:#5282ff; 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:100%;overflow:hidden;height:105px;margin-left:-8px;margin-top:20px;margin-bottom:-15px;}
.DivSearch{margin:auto;width:99%;}
.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:1420px;margin: auto;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(0,0,0,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:#000; 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.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(0,0,0,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:48%;background: #FFF url(../images/pictos/search.svg) no-repeat 0rem center;padding-left:1.8rem;background-size: 1.2em;white-space: nowrap;}
.search2{width:22%;margin-left:28px;padding-left:15px;background: #FFF url(../images/pictos/localisation.png) no-repeat 0rem center;background-size: 1.2em;white-space: nowrap;float:left;}
/*.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;margin-bottom:-15px;} /*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{ margfin-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(0, 0, 0, 0.06);padding:10px;margin-top:-10px;background-color:#408fec;}

@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(0,0,0,0.1); padding-bottom: 1px; border-radius: 1.5rem; overflow: hidden;}
	#overallAnnonce { background-color: rgba(0,0,0,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: 32.2%; padding-top:10%;  }
}

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

@media (max-width : 1024px){


	.Connect{ margin-left:-5px;float:left;text-decoration:underline;color:#1D3253; }
  .Inscrit{ margin-right:-12px;margin-left:12px; }

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

	.bt_jai{ margin-left:95px; }
	

	/*.wish{ width: 100%; }*/
	.annonces { /*width:96%;*/ }
	.mobil-list-wish{/*min-width:auto;*/}
	.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:97.5%;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:#000;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-top:0;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;}

	}

	@media screen and (min-width : 700px) and (max-width :1035px){
		.mobil-list-wish{/*display: flex;flex-wrap: wrap;*/}
		.annonces{/*width: 46%;*/}
	}