/* --- FEUILLE DE STYLE --- */

/* ////////////////////////////////////////////////////////////////////////////

	Inolya // CSS
	NetConception 2021
	
//////////////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////////////////

    RESPONSIVE & MEDIA

//////////////////////////////////////////////////////////////////////////// */

@media (hover: hover) { /* the device can hover over elements */ }
@media (hover: none) { /* the device cannot hover over elements */ }

@media (min-width: 1921px) {

}

@media (max-width: 1641px) {

}

@media (max-width: 1441px) {
 	 /* XL: big landscape tablets, laptops, and desktops */
}

@media (max-width: 1281px) {
	.home-slider-wrapper::before,
	#main-header::after,
	.footer-wrapper::before,
	.footer-wrapper::after {
		width: 33.33%;
		height: 33.33%;
	}
	.pattern::after {
		width: 200px;
		height: 200px;
	}
	.offre__list.list-wrap > *,
    .actualite__list.list-wrap > * {
        flex: none;
        width: calc(33.33% - 20px);
        margin: 0 10px 20px 10px;
		max-width: unset;
    }
}

@media (max-width: 1025px) {
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
	.offre__list.list-wrap > *,
    .actualite__list.list-wrap > * {
        width: calc(50% - 20px);
    }
	#form_filtres_actus .see-more-actualites__link {
		top: -10px;
	}
	.actualites .see-more-actualites__link-label {
		margin-top: 10px;
	}
	.cartographie-home {
		background-color: hsl(167, 63%, 90%);
	}
	.cartographie-home__background {
		position: relative;
		height: 0;
		width: calc(100% - 40px);
		margin: 0 20px;
		border-radius: 15px;
		padding-bottom: 56.25%;
		overflow: hidden;
	}
	.cartographie-home__background #leafletmap {
		position: absolute!important;
	}
	.cartographie-home .filtrer-offres {
		margin-bottom: 20px;
		background-color: rgba(240, 240, 244, 1);
	}
	.share-list {
		display: none;
	}
	.cartographie-home .filtrer-offres {
		max-width: unset;
	}
	.topbar__right > * + *,
	.topbar__left > * + * {
		margin-left: 5px;
	}
	.btn-cta {
		text-align: left;
	}
	.cta-label {
		padding: 10px;
	}
	.cta-icon {
		width: 30px;
		background-size: 20px;
	}
	.cta-icon .arrow-left {
		width: 15px;
	}
	.home-slider__link {
		font-size: 1.2rem;
		margin: 0;
	}
	.home-slider__credits {
		font-size: 1.2rem;
		right: 10px;
		bottom: 10px;
		text-align: left;
	}
	.bloc-blanc table tr {
		display: flex;
    	flex-direction: column;
	}
	.bloc-blanc table td + td {
		padding-left: 0;
	}
	.topbar .num-tel {
		font-weight: 400;
	}
	#main-header {
		margin: 0 0 40px 0;
	}
	#main-header .topbar,
	#main-header .tools {
		padding: 10px;
	}
	#main-header .tools ul li + li {
		margin-left: 5px;
	}
	#main-header .tools ul + ul::before {
		margin: 0 5px;
		width: 1px;
	}
	#main-header .btn span.btn-label {
		display: none;
	}
	#haut_nb_favoris {
		position: absolute;
    	left: 4px;
    	transform: translateX(-100%);
    	margin: 0;
    	border-radius: 20px;
	}
	#main-header .btn-img {
		padding: 2px;
	}
	#main-header .btn-img img {
		margin-left: 0;
	}
	#main-header .logo {
		transform: scale(0.7);
	}
	#main-footer .btn-link-list {
		flex-wrap: wrap;
	}
	#main-footer .btn-link-list > li {
		flex: unset;
		width: calc(50% - 20px);
	}
	#main-footer .link-list {
		column-count: 2;
		text-align: center;
	}
	#main-footer .bottombar .container {
		flex-direction: column;
	}
	#form_filtres_actus .group-select {
		flex-wrap: wrap;
	}
	#form_filtres_actus .group-select > * {
		width: calc(50% - 20px);
	}
	.layout-2-col {
		flex-direction: column-reverse;
		margin: 20px 0;
	}
	.layout-2-col .left-col,
	.layout-2-col .right-col {
		width: 100%;
		margin: 0;
	}
	.page-detail-actus.layout-2-col .right-col {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.flux-rs {
		margin: 0;
		width: 50%;
	}
	.flux-rs--wrapper > * + * {
		margin-left: 15px;
	}
	.flux-rs--wrapper {
		margin-top: 15px;
		display: flex;
	}
	.layout-2-col .right-col {
		margin-top: 20px;
	}
	.inscription-alertes h2 {
		margin: 0 0 10px 0;
	}
	.inscription-alertes .group-input {
		flex-direction: column;
		margin: 0 0 10px 0;
	}
	.inscription-alertes .group-input > * {
		margin: 0 0 5px 0;
	}
	.group-checkbox .custom-input,
	.group-radio .custom-input {
		margin: 0 20px 10px 0;
	}
}

@media (max-width: 801px) {
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
	.btn-link {
		font-size: 1.6rem;
		text-align: left;
	}
}

@media (max-width: 641px) {
	.flux-rs {
		margin: 0;
		width: 100%;
	}
	.flux-rs--wrapper > * + * {
		margin-left: 0;
		margin-top: 15px;
	}
	.flux-rs--wrapper {
		margin-top: 15px;
		display: block;
	}
	#main-footer .bottombar {
		padding-bottom: 40px;
	}
	#main-header .topbar::after {
		position: fixed;
		height: 50px;
		top: unset;
		bottom: 0;
		transform: rotate(180deg);
		background: rgba(64, 63, 86, 0.8);
	}
	.topbar__right {
		width: 100%;
		justify-content: center;
	}
	#main-header .topbar,
	#main-header .topbar.nav-down,
	#main-header .topbar.nav-up {
		position: relative;
		padding: 5px;
		background-color: #403F56;
	}
	#main-header .topbar.nav-up {
		transform: none;
	}
	.topbar .num-tel {
		position: fixed;
		bottom: 10px;
		right: 10px;
	}
	.topbar__left {
		position: fixed;
		bottom: 10px;
		left: 10px;
	}
	.h1-home {
		display: block;
		text-align: center;
		text-shadow: none;
		margin: 0 15%;
	}
	.home-slider__left-bottom {
		top: 10px;
		left: 10px;
		bottom: unset;
		right: unset;
	}
	#main-header .tools {
		position: static;
		padding: 0;
	}
	#main-header .tools ul {
		position: absolute;
		z-index: 100;
		padding: 10px;
	}
	#main-header .tools .rs-list {
		display: none;
		left: 0;
		bottom: 0;
	}
	.topbar .num-tel {
		padding: 2px;
	}
	.topbar .num-tel > span {
		display: none;
	}
	.topbar .num-tel > img {
		display: block;
	}
	.langues-list {
		right: 0;
		bottom: 0;
	}
	#main-header .tools ul + ul::before {
		display: none;
	}
	.home-slider__left-bottom {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 609px) {
	.offre__list.list-wrap > *,
    .actualite__list.list-wrap > * {
        width: 100%;
		margin: 0 0 20px 0;
    }
	#form_filtres_actus .see-more-actualites__link {
		position: static;
		transform: none;
	}
	.loyer--infos {
		flex-direction: column;
	}
	.loyer-item,
	.loyer--infos > * {
		width: 100%;
	}
	/*
	.cta-icon {
		position: absolute;
	}
	*/
	.cta-label {
		width: 100%;
		text-align: center;
	}
	#main-footer .btn-link-list {
		margin: 0;
	}
	#main-footer .btn-link-list > li {
		width: 100%;
		margin: 5px 0;
	}
	#main-footer .link-list {
		column-count: 1;
	}
	#form_filtres_actus .group-select {
		margin: 0;
	}
	.form-page {
		margin-bottom: 20px;
	}
	#form_filtres_actus .group-select > *,
	.form-page #form_filtres_actus .group-select > * {
		width: 100%;
		margin: 10px 0 0 0;
	}
	.filtrer-offres__content {
		padding: 10px;
	}
	.filtrer-offres__footer {
		padding: 0 10px 10px 10px;
	}
	#form_eligibilite {
		padding: 10px;
	}
	.offre__list,
	.actualite__list {
		margin: 0;
	}
	.page-liste-offres .offre__list > * {
		width: 100%;
		margin: 20px 0;
		max-width: none;
	}
}

@media (max-width: 515px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.filtre-icon .filtre__title {
		font-size: 1.4rem;
	}
	.group-select {
		display: block;
		margin: 0;
	}
	.group-select select {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0 0 10px 0;
	}
	.topbar__right {
		display: block;
		width: 100%;
	}
	#main-header .tools ul {
		display: block;
	}
	#main-header .tools ul li + li {
		margin-left: 0;
		margin-top: 5px;
	}
	#main-header .tools ul li a {
		width: 25px;
	}
	#main-header::after {
		display: none;
	}
}

@media (max-width: 370px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.filtre-icon .filtre__title::before {
		display: none;
	}
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 1.25dppx),
	(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}
  
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #000 !important;
		/* Black prints faster */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	/*
	* Don't show links that are fragment identifiers,
	* or use the `javascript:` pseudo protocol
	*/
	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
	* Printing Tables:
	* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
	*/
	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}