.page_imprimer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-top: 36px;
    margin: 0 auto;
    max-width: 1140px;
}

.page_imprimer header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding-left: 24px;
}

.btn_imprimer, .btn_retour {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #D2D3D7;
    cursor: pointer;
}

.btn_imprimer::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.69102 14.667H12.306V12H3.69102V14.667ZM3.69102 8H12.306V4H10.768C10.5132 3.98934 10.2729 3.87811 10.0999 3.69068C9.92693 3.50324 9.83527 3.25488 9.84502 3V1.333H3.69102V8ZM14.768 8.667C14.7583 8.54749 14.714 8.43341 14.6405 8.33869C14.5669 8.24398 14.4674 8.17273 14.3541 8.13367C14.2407 8.0946 14.1184 8.08941 14.0022 8.11873C13.8859 8.14805 13.7807 8.21061 13.6994 8.29876C13.6182 8.3869 13.5643 8.49682 13.5445 8.61507C13.5247 8.73333 13.5398 8.85479 13.5879 8.96461C13.636 9.07443 13.7151 9.16785 13.8155 9.23345C13.9158 9.29906 14.0331 9.33399 14.153 9.334C14.3225 9.32569 14.482 9.25112 14.597 9.12636C14.7121 9.00159 14.7735 8.83662 14.768 8.667ZM15.999 8.667V13C16 13.0844 15.9686 13.1659 15.9113 13.2278C15.854 13.2897 15.7752 13.3274 15.691 13.333H13.537V15C13.5468 15.2549 13.4551 15.5032 13.2821 15.6907C13.1091 15.8781 12.8689 15.9893 12.614 16H3.38402C3.12917 15.9893 2.88893 15.8781 2.71593 15.6907C2.54293 15.5032 2.45127 15.2549 2.46102 15V13.333H0.307015C0.222841 13.3274 0.144015 13.2897 0.0867325 13.2278C0.0294499 13.1659 -0.00193876 13.0844 -0.000984517 13V8.667C-0.0170575 8.15815 0.167437 7.66335 0.51274 7.28924C0.858042 6.91513 1.33651 6.69166 1.84502 6.667H2.46002V1C2.45027 0.745116 2.54193 0.496758 2.71493 0.309325C2.88793 0.121891 3.12817 0.0106621 3.38302 0H9.84502C10.4392 0.036555 10.9998 0.288233 11.422 0.708L12.884 2.291C13.2816 2.77459 13.5108 3.37452 13.537 4V6.666H14.152C14.6605 6.69066 15.139 6.91413 15.4843 7.28824C15.8296 7.66235 16.0141 8.15715 15.998 8.666L15.999 8.667Z" fill="%233F3F3F"/></svg>');
    margin-top: 4px;
  }

.btn_retour::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"><path d="M16.4969 8.2602V9.73906C16.509 9.92593 16.4853 10.1135 16.4272 10.2903C16.3691 10.4672 16.2779 10.6296 16.159 10.7679C16.0402 10.9061 15.8962 11.0173 15.7357 11.0947C15.5752 11.172 15.4017 11.214 15.2255 11.2179H7.57482L10.7589 14.6149C10.8896 14.75 10.9936 14.9116 11.0645 15.0902C11.1355 15.2688 11.172 15.4607 11.172 15.6545C11.172 15.8484 11.1355 16.0403 11.0645 16.2188C10.9936 16.3974 10.8896 16.559 10.7589 16.6942L9.94376 17.5726C9.6829 17.8455 9.33185 17.999 8.96586 18C8.59698 17.9968 8.24319 17.8439 7.97683 17.5726L0.90201 10.04C0.645114 9.7625 0.500785 9.38899 0.5 8.99963C0.503008 8.60747 0.646813 8.23134 0.90201 7.94816L7.97683 0.439223C8.23917 0.159959 8.59461 0.00210708 8.96586 0C9.14804 0.00110986 9.32821 0.0404845 9.49603 0.115861C9.66385 0.191238 9.81601 0.30113 9.94376 0.439223L10.7589 1.29401C10.8897 1.43154 10.9935 1.59529 11.0644 1.77577C11.1353 1.95626 11.1718 2.1499 11.1718 2.34548C11.1718 2.54106 11.1353 2.7347 11.0644 2.91519C10.9935 3.09567 10.8897 3.25942 10.7589 3.39695L7.57482 6.78133H15.2255C15.4017 6.78529 15.5752 6.82722 15.7357 6.90458C15.8962 6.98194 16.0402 7.09311 16.159 7.23137C16.2779 7.36964 16.3691 7.53211 16.4272 7.70895C16.4853 7.88579 16.509 8.07333 16.4969 8.2602Z" fill="%233F3F3F"/></svg>'); 
    margin-top: 2px;
  }

.btn_imprimer:hover, .btn_retour:hover {
    border: 1px solid #000;
    color: #008DEB;
}

.container_logo {
    height: 100%;
    width: 100%;
    padding: 16px 24px;
    background-color: #F6F6F6;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.logo_imprimer img {
    height: 31px;
    width: 348px;
}

.text_logo {
    color: #848484;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 115%; 
    padding-left: 8px;
}

.intro_resd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px 24px;
	width: 100%;
}

.titre_img_resd {
    display: flex; 
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}

.image_logo_resd {
    position: relative;
}

.titre_img_resd div h1 {
    color: #283A42;
    font-family: "Open Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; 
}

.sous_titre_imprimer {
    color: #3F3F3F;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%; 
}

.liste_resd ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.liste_resd ul li {
    color: #3F3F3F;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.liste_resd ul li span, .liste_resd ul li a {
    color:  #3F3F3F;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.liste_resd ul li a:hover {
    color: #008DEB;
    text-decoration: underline;
}

.pres_imprimer, .photo_imprimer,
.service_imprimer, .attrait_imprimer,
.plus_info {
    background-color: #F6F6F6;
    border-radius: 8px;
    padding: 12px 24px;
    width: 100%;
}

.pres_imprimer p, .photo_imprimer p,
.service_imprimer p, .attrait_imprimer p {
    color: #3F3F3F;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}

.parag_pres {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    padding: 0px 24px;
    width: 70%;
}

.parag_pres p {
    color: #000;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; 
}

.galerie_photo_imprimer {
	display: grid;
	grid-template-columns: repeat(auto-fill, 270px);
	width: 100%;
	row-gap: 8px;
	column-gap: 8px;
	justify-content: center;
}


.galerie_photo_imprimer div {
    width: 270px;
}

.galerie_photo_imprimer div img {
    height: 176px;
    width: 270px;
    border-radius: 8px;
	object-fit: cover;
}

.galerie_photo_imprimer div button {
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; 
}

.galerie_photo_imprimer div button:hover {
    cursor: pointer;
    color: #008DEB;
    text-decoration: underline;
}

.liste-service-imprimer, .attrait-prox-imprimer {
    color: #3F3F3F;
    padding: 0px 24px;
    cursor: pointer;
}  

.liste-service-imprimer:hover, .attrait-prox-imprimer:hover {
    color: #008DEB;
    text-decoration: underline;
    padding: 0px 24px;
    cursor: pointer;
}

.liste-service-imprimer:focus, .attrait-prox-imprimer:focus {
    color: #008DEB;
    text-decoration: underline;
    padding: 0px 24px;
    cursor: pointer;
} 

.plus_info p {
    color: #3F3F3F;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; 
}

.plus_info p a:hover {
    cursor: pointer;
    color: #008DEB;
}

footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0px 24px;
    margin-top: 16px;
    margin-bottom: 35px;
}

/* style pour la liste de services et loisirs  */
.la-liste, .la-liste-attrait {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 25px;
    padding: 0px 24px;
}

.la-liste.visible, .la-liste-attrait.visible {
    display: none;
}

.liste-service-imprimer.p-active p,
.attrait-prox-imprimer.p-active p  {
    color: #69AF4B;
}

.liste-service-imprimer.p-active p:hover,
.attrait-prox-imprimer.p-active p:hover  {
    color: #008DEB;
    text-decoration: underline;
}

.secteur_service, .secteur_attrait {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
     flex: 0 1 250px;
}

.secteur_service div, .secteur_attrait div {
    color: #3F3F3F;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 125%; 
}

.secteur_service ul, .secteur_attrait ul {
    padding-left: 30px;
}

.secteur_service ul li, .secteur_attrait ul li {
    list-style-type: disc;
}


.secteur_attrait ul li span {
    color: #7E7C7A;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}