@charset "UTF-8";

#tableau-appartement-proprietaire .radio,
#tableau-appartement-locataire .radio,
#tableau-maison-locataire .radio,
#tableau-maison-proprietaire .radio,
#tableau-location-jeunes .radio,
#tableau-colocation .radio {
	display: inline-block;
	background: url(/images/theme/circle.svg);
	background-size: cover;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 5px 0 0;
}

#tableau-appartement-proprietaire .tabs-title:hover .radio,
#tableau-appartement-locataire .tabs-title:hover .radio,
#tableau-maison-proprietaire .tabs-title:hover .radio,
#tableau-maison-locataire .tabs-title:hover .radio,
#tableau-location-jeunes .tabs-title:hover .radio,
#tableau-colocation .tabs-title:hover .radio {
	background: url(/images/theme/circle-point.svg);
	display: inline-block;
	background-size: cover;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 5px 0 0;
}

h3 {
	color: #333;
}

sans-compte,
.badge-3d,
.badge-urgences,
.badge-repa,
.badge-cle,
.badge-justice,
.badge-meilleur,
.badge-degat,
.badge-bail {
	margin-top: .5rem;
	line-height: normal;
}

.sans-compte {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #c30045;
	position: relative;
}

.sans-compte:after {
	content: '';
	display: block;
	position: absolute;
	width: 33px;
	height: 33px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/v.svg) no-repeat 0 0;
	background-size: contain;
	transform: rotate(-15deg);
}

.sans-compte.ing{
	background: #ff6200;	
}

.sans-compte.ing:after{
	background: url(/images/svg/v2.svg) no-repeat 0 0;	
}

.badge-degat {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #ff6f61;
	position: relative;
}

.badge-degat:after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/degat.svg) no-repeat 0 0;
	background-size: contain;
	transform: rotate(-3deg);
}

.badge-meilleur {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #4b945e;
	position: relative;
}

.badge-meilleur:after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/meilleur.svg) no-repeat 0 0;
	background-size: contain;
	transform: rotate(-5deg);
}

.badge-3d {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #e1582e;
	position: relative;
}

.badge-3d:after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/equerre.svg) no-repeat 0 0;
	background-size: contain;
}

.badge-urgences {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #0baf97;
	position: relative;
}

.badge-urgences:after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/fuite.svg) no-repeat 0 0;
	background-size: contain;
}

.badge-repa {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #e6d300;
	position: relative;
}

.badge-repa:after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/repa.svg) no-repeat 0 0;
	background-size: contain;
	transform: rotate(-3deg);
}

.badge-cle {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #7c57e5;
	position: relative;
}

.badge-cle:after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/cle.svg) no-repeat 0 0;
	background-size: contain;
}

.badge-justice {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #ffa600;
	position: relative;
}

.badge-justice:after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/justice.svg) no-repeat 0 0;
	background-size: contain;
}

.badge-bail {
	display: inline-block;
	font-weight: bold;
	padding: 1rem;
	border-radius: 0 5px 0 5px;
	margin-bottom: 1rem;
	padding: 0 5px 0 40px;
	color: #fff;
	background: #5c7995;
	position: relative;
}

.badge-bail:after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -6px;
	left: 5px;
	background: url(/images/svg/bail.svg) no-repeat 0 0;
	background-size: contain;
}

.has-tip{
	border-bottom: none;
}

.insurance-item {
    display: flex;
    justify-content: space-between;
    padding: 0.125rem .25rem;
}

.insurance-item:nth-child(even) {
    background-color: rgba(255, 255, 255, .75); 
}

.thead-callout {
	background: #43b400;
	border: 1px solid #3a9b00;
	font-weight: bold;
	color: #fff;
}

.thead-callout.proprio-callout {
	background: #CA5650;
	border: 1px solid #b13c36;
}

.tr-callout .sponsor {
	color: rgba(10, 10, 10, 0.35);
	background: #f1f1f1;
	padding: 0.125rem 0.25rem;
	font-size: .65rem;
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 0 0 10px 0;
	border: 1px solid rgba(10, 10, 10, 0.15);
	border-top: none;
	border-left: none;

}

.tr-callout.yago .sponsor {
	background: none;
	color: rgba(2, 80, 75, .35);
	border-color: rgba(2, 80, 75, .25);
}

.tr-callout {
	font-size: .85rem;
	position: relative;
}

.ribbon {
	position: absolute;
	right: -7px;
	top: -7px;
	z-index: 1;
	overflow: hidden;
	width: 85px;
	height: 85px;
	text-align: right;
}


.tr-callout.yago .ribbon {
	top: -51px;
}

.ribbon span {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 110px;
	display: block;
	background: #79A70A;
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .25);
	position: absolute;
	top: 24px;
	right: -21px;
}

.ribbon span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #3a9b00;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #3a9b00;
}

.ribbon span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #3a9b00;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #3a9b00;
}

.tr-callout.yago {
	background: #e3eeee;
	border: 1px solid #02504b;
	border-radius: 0 0 0 20px;
	margin: 0 0 1.25rem;
}

.tr-callout.yago.last {
	border-radius: 0 0 20px 20px;
	margin: 0 0 1.25rem;
	border-top: none;
}

.yago-callout {
	border: 1px solid transparent;
	background: #02504b;
	color: #fff;
	padding: 0 1.25rem;
	border-radius: 0 20px 0 0;
	margin: 0;
	font-size: .85rem;
}

.yago-callout img {
	margin: 0 10px 0 0;
}

.tr-callout span.promo strong {
	font-size: .85rem;
	display: inline-block;
}

.tr-callout span.promo {
	text-align: center;
	border-radius: 0 10px 0 10px;
	display: block;
	width: 100%;
	font-size: .85rem;
	margin: 0 auto 1rem;
	padding: 0.25rem;
	background: #ffa400;
}

.tr-callout span.promo.no-partner {
	background: #cacaca;
}

.tr-callout span.exclu strong {
	background: #43b400;
	color: #fff;
	border-radius: 0 5px 0 5px;
	display: inline-block;
	margin-top: 1rem;
	padding: 0 5px;
}

strong.green{
	color: #43b400;	
}

strong.red{
	color: red;	
}

.tr-callout .price.green-box{
	background: rgba(67, 180, 0, .25);	
}

.tr-callout .rating {
	margin: 0 auto 1rem;
	border: 1px solid rgba(10, 10, 10, 0.25);
	border-radius: 20px;
}

.tr-callout .price {
	border-radius: 20px;
	display: block;
	padding: 0.5rem;
	margin: 0 0 1rem;
	border: 1px solid rgba(10, 10, 10, 0.25);
	background: #fff;
}

.tr-callout .price s {
	font-size: 1rem;
	color: #8a8a8a;
	font-weight: normal;
}

.tr-callout.yago .price {
	border: 1px solid #02504b;
}

.tr-callout.yago .yago-style {
	color: rgba(92, 135, 255, 1);
	margin: 0;
}

small.mini-style{
		margin: 0;
	}

.cards{
	margin: 1rem 0 0 0;
}

#sort-box.new {
  display: flex;
  align-items: center;
  justify-content: space-between;
	flex-wrap: wrap;
    gap: .25rem;
}

.left-links,
.right-links {
    display: flex;
    gap: .25rem; 
	align-items: center;
}

#sort-box.new {
    column-gap: .25rem;
}

#sort-box a {
	display: inline-block;
	padding: .5rem 1rem;
	border-radius: 20px;
	background: rgba(10, 10, 10, 0.15);
	font-size: .75rem;
	border: 1px solid transparent;
}

#sort-box a.active {
	background: rgba(255, 255, 255, 1);
	border: 1px solid #02569f;
}

small.no-margin {
	margin: 0;
	opacity: .75;
}

.tabs-title > a {
	color: #333;
	border-radius: 10px 10px 0 0;
	padding: 1.25rem 1.25rem;
}

.tabs-title.is-active a {
	background: rgba(64, 190, 84, .25);
	border: 1px solid #43b400;
	border-bottom: none;
	color: #43b400;
}

.proprio-tabs .tabs-title.is-active a {
	border: 1px solid #CA5650;
	background: rgba(184, 62, 56, .25);
	border-bottom: none;
	color: #CA5650 !important;
}

.tabs-title {
	padding: 0 0 0 2px;
}

.tabs-title.tabs-yago {
	position: relative;
}

.tabs-title.tabs-yago:before {
	content: 'Of';
	border-radius: 100px;
	width: 30px;
	height: 30px;
	text-align: center;
	display: block;
	background: #f0f0f0;
	color: #333;
	font-size: 1rem;
	top: 50%;
	bottom: 50%;
	position: absolute;
	right: inherit;
	left: 0px;
	transform: translate(-50%, -50%);
	padding-top: 3px;
	font-weight: bold;
}

.tabs-title.tabs-yago a {
	background: #02504b;
	color: #fff;
}

.tabs-title.tabs-yago:hover a {
	color: rgba(88, 209, 189, 1);
	border: 1px solid #02504b;
	border-bottom: none;
}

.tabs-title:first-child {
	padding: 0;
}


.tr-callout {
	/*    background: rgba(67, 180, 0, .1);*/
	background: #f1f1f1;
}

.reveal {
	border-radius: 0 20px 0 20px;
	border: none;
}

.reveal-overlay {
	background: rgba(2, 86, 159, .5);
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {

	.tr-callout .details-box {
		margin: 1rem 0;
	}

}

@media screen and (max-width: 39.9375em) {
	
	#sort-box.new {
        flex-direction: column;
        align-items: center; 
    }

    .left-links,
    .right-links {
        justify-content: center; 
        flex-wrap: wrap; 
        text-align: center;
    }
	
	.tr-callout strong.price {
    font-size: 1.1rem;
}
	
	.tr-callout small {
		margin: 0 0 .5rem;
	}

	.button-group {
		margin-bottom: .5rem;
	}

	.tabs-title.tabs-yago:before {
		display: none;
	}


	.tr-callout.yago .ribbon {
		top: -91px;
	}

	.ribbon span {
		font-size: 10px;
	}

	.tr-callout .price {
		border-radius: 10px;
		margin: 0;
	}

	.tr-callout .rating {
		border-radius: 10px;
		margin-bottom: 1rem;
	}
	
	.tr-callout .cards {
		margin: .5rem 0 0 0;
	}

	.tr-callout {
		padding: 0.5rem;
	}

	.tr-callout span.promo strong {
		font-size: .65rem;
	}

	.tr-callout span.promo {
		/*		width: 50%;*/
		margin: 0 auto 1rem;
		font-size: .65rem;
	}

/*
	.tr-callout span.promo span {
		display: none;
	}
*/

	.tr-callout .columns:first-child .sponsor {
		display: none !important;
	}

	.yago-callout {
		border-radius: 0 20px 0 0;
		margin: 0;
		font-size: .85rem;
	}

	.yago-callout img {
		margin: 0 auto 10px;
		display: block;
	}

	.tr-callout .details-box {
		margin: 0 0 1rem 0;
	}

	.tr-callout .sponsor,
	.tr-callout.yago .sponsor {
		display: block;
		position: relative;
		color: #8A8A8A;
		background: none;
		margin: 0 0 0.5rem 0;
		border: none;
		padding: 0;
	}
	
	small.mini-style{
		margin: 0;
	}
	
	.tr-callout.yago .yago-style {
		margin: 0;
		padding: 0;
	}

	.button-group.expanded .button {
		margin: 0 10px 0 0;
	}

	.button-group.expanded .button:last-child {
		margin: 0;
	}

	#content .thumbnail.float-left.visu {
		margin: 0 20px 10px 0;
	}

	.callout.small-gutter {
		padding: 0.625rem 0.625rem 0;
		margin: 0 0 1 rem;
	}

	h3 {
		font-size: .75rem;
	}

	.tabs-title.is-active a {
		background: rgba(64, 190, 84, .25);
		border: 1px solid #43b400;
		border-bottom: none;
		color: #43b400;
	}

	.tabs-title {
		padding: 0 0 0 1px;
	}

	.tabs-title:first-child {
		padding: 0;
	}

	.tabs-title > a {
		padding: .70rem 0.25rem;
		border-radius: 10px 10px 0 0;
		font-size: .75rem;
	}

	.reveal {
		max-width: 90%;
		/* ou une autre valeur appropriée */
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		height: inherit;
		min-height: inherit;
		/* ou une autre valeur appropriée */
		overflow-y: auto;
		/* Ajoute une barre de défilement si nécessaire */
	}

	.reveal img {
		width: 50%;
	}
	
	.badge-3d,
	.badge-urgences,
	.badge-repa,
	.badge-cle,
	.badge-justice,
	.badge-meilleur,
	.badge-degat,
	.badge-bail {
		width: 100%;
	}

	.badge-3d:after,
	.badge-urgences:after,
	.badge-repa:after,
	.badge-cle:after,
	.badge-justice:after,
	.badge-meilleur:after,
	.badge-degat:after,
	.badge-bail:after {
		width: 30px;
		height: 30px;
		top: -5px;
	}

	.badge-urgences:after {
		transform: rotate(13deg);
		top: -4px;
		left: 2px;
	}
	
	.badge-repa:after {
		transform: rotate(-5deg);
		left: 3px;
	}
	
	.badge-cle:after {
		transform: rotate(-5deg);
		left: -1px;
	}

	.badge-bail:after {
		left: -5px;
		transform: scale(85%)
	}

	.badge-justice:after {
		left: 2px;
	}
	
	.badge-meilleur:after {
		left: 2px;
		transform: rotate(-5deg);
	}
	
	.badge-degat:after {
		left: 2px;
		transform: rotate(-3deg);
	}
	
	.tabs-panel.is-active {
		display: block;
		background: rgba(2, 86, 159, .25);
	}
	
	.callout.small-gutter.intro-table,
	.tabs.proprio-tabs,
	.tabs-content{
		background: none;
	}

	
}