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

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

	Office de Tourisme de Bayeux // CSS
	NetConception 2021
	
//////////////////////////////////////////////////////////////////////////// */

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

    RESPONSIVE & MEDIA

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

@media (hover: hover) { /* the device can hover over elements */ }
@media (hover: none) {
	/* the device cannot hover over elements */
	.credits-photo {
		background-color: rgba(0,0,0,0.4);
	}
}

@media (min-width: 1921px) {
	.actus-agenda .article__list {
		margin: auto;
	}
}

@media (max-width: 1441px) {
 	 /* XL: big landscape tablets, laptops, and desktops */
	  .toolbar-recherche-prestataire {
		  margin-bottom: 20px;
	  }
	  .cartographie-wrapper {
		  margin-right: 20px;
	  }
	  .listing-prestataire__list {
		  margin: 0 -10px;
	  }
	  .listing-prestataire__item {
		  width: calc(50% - 20px);
		  margin: 0 10px 20px 10px;
	  }
}

@media (max-width: 1281px) {
	.search-responsive {
		display: block;
	}
	.home-slider-wrapper {
		top: 60px;
		height: calc(100% - 60px);
	}
	header#main-header .logo {
		max-width: 140px;
		padding: 10px 15px 15px 15px;
	}
	header#main-header .logo img:first-child {
		width: 60px;
	}
	header#main-header .logo img:last-child {
		width: 105px;
	}
	.tags__item {
		margin: 0 1% 2% 1%;
	}
	header#main-header .topbar {
		position: static;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 15px;
	}
	.page header#main-header .logo {
		max-width: 100px;
		padding: 10px;
	}
	.inner-page {
		padding: 0 10px
	}
	.details-partenaire__article {
		width: 67%;
	}
	.details-partenaire__aside {
		width: 31%;
		margin-left: 2%;
	}
	.details-partenaire__aside > * {
		margin-bottom: 20px;
	}
	.page-bandeau-wrapper {
		margin-top: 0;
	}
	.btn-icon-right .icon {
		margin-left: 5px;
	}
	.btn-icon-left .icon {
		margin-right: 5px;
	}
	.flex-prestataire {
		display: flex;
		flex-direction: column-reverse;
	}
	.liens-filtre__list {
		padding: 0;
	}
	.cartographie-wrapper {
		width: 100%;
		margin: 15px 0;
		height: 0;
		overflow: hidden;
		transition: all 0.2s ease;
	}
	.cartographie-wrapper.is-open {
		height: 50vh;
	}
	#btn-prestataire-carte {
		display: flex;
	}
	.cartographie-wrapper .cartographie {
		height: 50vh !important;
	}
	.recherche-prestataire {
		width: 100%;
	}
	.listing-prestataire__item {
		width: calc(33.33% - 20px);
	}
	.page .edito {
		margin: 30px 0;
	}
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.newsletter {
		padding: 20px 0;
	}
	.reseaux-sociaux__wrapper {
		flex-wrap: wrap;
	}
	.rs-facebook__wrapper,
	.rs-instagram__wrapper {
		width: calc(50% - 40px);
		flex: calc(50% - 40px);
	}
	.rs-autres__wrapper {
		width: 100%;
		flex: 100%;
		margin: 20px;
	}
	.rs-autres__wrapper .rs__block {
		flex-direction: row;
		margin: 0 -20px;
	}
	.rs-autres__wrapper .rs__block-link {
		margin: 0 20px;
		padding: 80px;
	}
	.actus-agenda {
		display: block;
	}
	.actus-agenda .article__list {
		margin: 10px auto;
	}
	.page header#main-header .logo img:first-child {
		width: 42px;
	}
	.page header#main-header .logo img:last-child {
		width: 75px;
	}
	.header-group-links {
		padding: 20px 15px;
	}
	.header-group-links .acces-espace {
		display: none;
	}
	.header-group-links .group-infos {
		position: static;
		width: 100%;
		justify-content: space-between;
	}
	/* .page .not-prestataire .header-group-links {
		position: absolute;
	} */
	.main-nav__list li {
		border-bottom: 1px solid #D9D9D9;
	}
	.nav-open .sidebar {
		display: flex;
	}
	.sidebar {
		display: none;

		position: absolute;
		top: unset;
		right: 0;
		bottom: 0;
		flex-direction: row;
		width: 100%;
    	height: 50px;
		padding-top: 0;
		background-color: #FCE4D9;
	}
	.sidebar .rs-list {
		display: none;
	}
	.sidebar ul {
		display: flex;
		padding: 0 10px;
		background-color: transparent;
	}
	.sidebar ul li {
		margin: 0 5px;
		width: 30px;
	}
	.sidebar .tooltip,
	.sidebar ul li a:hover .tooltip,
	.sidebar ul li button:hover .tooltip {
		opacity: 0;
		visibility: hidden;
	}
	.tools-rechercher {
		display: none!important;
	}
	.nav-content .acces-espace ul {
		display: block;
		width: 100%;
		padding: 10px 0 0 10px;
		background-color: transparent;
	}
	.nav-content .acces-espace ul li {
		display: block;
		width: 100%;
		border: none;
	}
	.nav-content .acces-espace a {
		font-size: 15px;
		padding: 10px 12px;
		margin: 0;
		background-color: transparent;
	}
	.nav-content .acces-espace .acces-groupes a {
		color: #313131;
		background-color: transparent;
		margin: 0;
	}
	.nav-content .acces-groupes a .icon {
		display: none;
	}

	header#main-header .logo {
		right: 0;
	}
	h1.home {
		padding: 0 10px;
		bottom: 110px;
	}
	header#main-header .scroll-next {
		right: 0;
	}
	main {
		padding-right: 0;
	}
	main::after {
		display: none;
	}
	footer#main-footer {
		padding-right: 30px;
	}
}
	

@media (max-width: 1025px) {
	.credits-photo {
		font-size: 1.2rem;
		padding: 5px;
	}
	.modal__content {
		padding: 15px 20px;
	}
	.modal__group {
		padding-bottom: 15px;
		margin: 0;
	}
	.modal .filtre {
		display: block;
	}
	.modal .filtre-entete {
		width: 100%;
	}
	.modal .group-input {
		width: 100%;
	}
	.page .edito {
		margin: 15px 0;
	}	
	.breadcrumb__list {
		padding: 15px 10px; 
	}
	.breadcrumb__item > a {
		padding: 2px 0;
	}
	.page-entete-wrapper .titre-eclats {
		padding: 10px;
	}
	.page-entete-wrapper .prestataire-classement {
		padding: 0 0 15px 0;
	}
	.listing-prestataire__item {
		width: calc(50% - 20px);
	}
	footer .linksbar {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0 20px;
	}
	footer .partenaires {
		padding: 0 20px;
	}
	footer .branding {
		order: 1;
		margin-bottom: 20px;
	}
	.footer-links,
	.linksbar .footer-links:first-child {
		order: 2;
		justify-content: center;
		margin-bottom: 20px;
	}
	.footer-links li,
	.linksbar .footer-links:first-child li {
		margin: 5px 10px;
	}
	footer .partenaires ul li {
		padding: 10px;
		margin: 0;
		width: 33.33%;
		text-align: center;
	}
	footer .partenaires ul li a {
		display: inline-block;
		width: 100%;
	}
	footer .partenaires ul li a img {
		max-width: 100%;
	}
	footer .bottombar {
		flex-direction: column;
	}
	footer .bottombar p:first-child {
		padding: 0 20px;
		text-align: center;
		line-height: 1.5;
	}
	footer .bottombar a {
		white-space: nowrap;
	}
	footer#main-footer {
		padding: 20px 0 0 0;
	}
	footer .bottombar .acces-espace {
		width: 100%;
		justify-content: center;
		background-color: #575756;
		padding: 10px 20px;
		margin: 20px 0 0 0;
	}
	footer .acces-espace .label {
		display: none;
	}
	footer .bottombar a.acces-groupes .icon {
		display: none;
	}
	footer .bottombar .acces-espace a,
	footer .acces-espace a.acces-groupes {
		color: #FFF;
		background-color: transparent;
		margin: 0;
	}
	.list-extended__item {
		margin: 0 0 20px 0;
	}
	.list-extended__photo {
		min-width: 40%;
	}
}

@media (max-width: 801px) {
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
	.table_grille td {
		display: block;
	}
	.modal__header {
		padding: 10px;
	}
	.modal__footer {
		padding: 10px;
	}
	.modal__close-btn {
		top: 10px;
		right: 10px;
	}
	.rangeValueMin,
	.rangeValueMax {
		font-size: 1.4rem;
	}
	.custom-input label {
		font-size: 1.2rem;
	}
	.page header#main-header .logo {
		max-width: 90px;
		padding: 10px 5px;
	}
	.titre-eclats span:nth-child(1) {
		font-size: 3.0rem;
	}
	.carte__text {
		width: 100%;
		align-items: center;
		padding: 5%;
	}
	.carte__text p {
		text-align: center;
	}
	.carte__img {
		opacity: 0.5;
	}
	.article__list {
		flex-wrap: wrap;
	}
	.article__item {
		flex: unset;
		width: calc(50% - 20px);
	}
	.article__link {
		max-width: unset;
	}
	.details-partenaire {
		display: block;
	}
	.details-partenaire__article {
		width: 100%;
		margin: 0;
	}
	.details-partenaire__aside {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.details-partenaire__adresse-text p {
		text-align: center;
	}
	.reseaux-sociaux__wrapper {
		flex-wrap: nowrap;
		flex-direction: column;
		margin: 20px 0;
	}
	.rs-facebook__wrapper,
	.rs-instagram__wrapper,
	.rs-autres__wrapper {
		width: 100%;
		margin: 0;
	}
	.reseaux-sociaux__wrapper > * + * {
		margin-top: 20px;
	}
	.rs-autres__wrapper .rs__block {
		flex-direction: column;
		width: 100%;
		margin: 0;
	}
	.rs-autres__wrapper .rs__block-link {
		margin: 10px 0;
	}
	header#main-header .scroll-next {
		display: none;
	}
	.home .header-group-links .group-infos .group-infos-links {
		position: absolute;
		right: 0;
		bottom: 40px;
		left: 0;
		padding: 15px 5px;
	}
	.home .header-group-links .group-infos ul.group-infos-links li {
		flex: 1;
	}
	.home .header-group-links .group-infos ul.group-infos-links li a {
		text-align: center;
		font-size: 1.6rem;
		padding: 10px;
		border-radius: 0;
		color: #FFF;
		border: 1px solid #FFF;
		background-color: rgba(255, 255, 255, 0.3);
		backdrop-filter: blur(30px);
	}
    
    #a-rdv-jour {
        color:#000!important;
        border:0;
        
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -115px;        
    }
    
	.list-extended__item{
		flex-direction: column;
	}
	.list-extended__photo {
		min-width: unset;
	}
	.list-extended__infos {
		padding: 10px 0 0 0;
	}
	.cadre-infos {
		transform: rotate(0);
	}
}

@media (max-width: 609px) {
	.modal .group-input {
		display: block;
	}
	.custom-input label {
		font-size: 1.4rem;
		padding-top: 1px;
	}
	.modal__footer {
		display: block;
	}
	#filtres-effacer {
		text-align: right;
	}
	#filtres-reload {
		justify-content: center;
		margin-top: 10px;
	}
	.modal-container {
		padding: 20px;
	}
	.page .header-group-links .group-infos .group-infos-links {
		display: none;
	}
	.article__item {
		flex: unset;
		width: 100%;
		margin: 10px 6%;
	}
	.listing-prestataire__list {
		margin: 0;
	}
	.listing-prestataire__item {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.toolbar-recherche-prestataire {
		display: block;
	}
	.nb-results {
		/*text-align: right;*/
		margin-bottom: 10px;
	}
	.toolbar-item-wrapper {
		justify-content: flex-end;
	}
}

@media (max-width: 515px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.carte {
		overflow: hidden;
	}
	.inner-eclats {
		margin: 0 10px;
	}
	.carte__text p {
		font-weight: 600;
		line-height: 2.0rem;
	}
	.rs__identifiant {
		font-size: 1.2rem;
	}
	.rs__titre-label {
		font-size: 1.6rem;
	}
	.rs__titre-icon {
		width: 25px;
		height: 25px;
		margin-right: 5px;
	}
	h1.home {
		font-size: 2.0rem;
	}
	.bandeau-bulles {
		padding: 20px 0;
	}
	.bulles__wrapper {
		margin: 20px 0;
	}
	.bulles__item {
		max-width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.bulles__link {
		width: 80%;
	}
	.home .header-group-links .group-infos .group-infos-icon {
		display: block;
	}
	.home .header-group-links .group-infos .group-infos-icon li {
		margin: 0 0 10px 0;
	}
	.footer-links,
	.linksbar .footer-links:first-child {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
		margin-bottom: 10px;
	}
	.linksbar .footer-links:first-child::after {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		background-color: #FFF;
		border-radius: 10px;
		margin-top: 10px;
	}
	.footer-links li,
	.linksbar .footer-links:first-child li {
		text-align: center;
	}
	.footer-links li::after {
		display: none;
	}
	footer .bottombar a {
		white-space: normal;
	}
	footer .partenaires {
		margin-bottom: 20px;
	}
	.nb-results {
		margin-bottom: 0;
	}
	.toolbar-item-wrapper {
		display: block;
	}
	.select-tri {
		width: 100%;
	}
	.toolbar-item-wrapper > * {
		width: 100%;
		margin: 10px 0 0 0;
	}
}

@media (max-width: 370px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.custom-input label {
		font-size: 1.2rem;
		padding-top: 2px;
	}
	footer .partenaires ul li {
		width: 50%;
	}
}

/* ==========================================================================
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;
	}
}