<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

html {scroll-behavior:smooth; margin:0; padding:0;}
*, *:before, *:after {box-sizing:border-box !important;}
* {box-sizing:border-box;}


/* Réinitialisation de base */
body {margin:0; padding:0; font-family:"Jost", sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal; font-size:15px; color:#444;}
.tab, .mob  {display:none;}
.desk {display:block;}

a {text-decoration:none; color:inherit;}

.bgpink {background-color:#f59b9b;}
.bglight {background-color:#efefef;}
.bgwhite {background-color:#ffffff;}
.bgdark {background-color:#444;}

.colorpink {color:#f59b9b;}
.colorlight {color:#efefef;}
.colorwhite {color:white;}
.colordark {color:#444;}

.center {text-align:center;}
.img {width:100%; height:auto; display:block;}
.italic {font-style:italic;}
.justify {text-align:justify;}
.flex {display:flex;}
.floatleft {float:left;}
.floatright {float:right;}
.fontsize {font-size:clamp(1em, 2vw, 1.4em);}
.fontsize13 {font-size:1.3em;}
.fontsize16 {font-size:1.6em;}
.gap {gap:20px;}
.gap10 {gap:10px;}
.grid {columns:2;}
.lineheight {line-height:clamp(1.2em, 2vw, 1.4em);}
.marginauto {margin:auto;}
.martom20 {margin-bottom:20px;}
.martom40 {margin-bottom:40px;}
.radius {border-radius:8px;}
.relative {position:relative;}
.uppercase {text-transform:uppercase;}
.w400 {font-weight:400;}
.w500 {font-weight:500;}
.w600, .strong, strong {font-weight:600;}
.width100 {width:100%;}
.wrap {flex-wrap:wrap;}

h1, h2 {padding:6px 10px 8px; font-weight:500; line-height:130%;}
h1 {font-size:clamp(19px, 3vw, 40px);}
h2 {font-size:clamp(19px, 3vw, 30px);}
h3 {margin:0; display:block;}

/* Firefox uniquement */
@-moz-document url-prefix() {
    h1, h2 {white-space:normal;}
}
/* Safari uniquement */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-touch-callout: none) {
    h1, h2 {white-space:normal;}
  }
}

/* Conteneur principal */
.container {display:flex; transition:all 0.6s ease;}

/* Checkbox masquée */
.toggle-checkbox {display:none;}

/* Bouton pour ouvrir/fermer le menu */
.menu-button {position:absolute; top:10px; transform:translateX(10px); z-index:10; width:30px; height:24px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.6s ease;}

/* Icone du burger */
.menu-icon {position:relative; width:100%; height:3px; background:transparent;}
.menu-icon::before, .menu-icon::after {content:''; position:absolute; width:100%; height:3px; background:#f59b9b; transition:all 0.6s ease;}
.menu-icon::before {top:-8px;}
.menu-icon {transition:opacity 0.6s ease;}
.menu-icon::after {bottom:-8px;}

/* Colonne menu */
.menu {height:100vh; overflow:hidden; box-shadow:2px 0 5px rgba(0, 0, 0, 0.5); position:relative; overflow-y:auto; scrollbar-width:none; transition:all 0.6s ease;}
.menu-content {position:relative; transform:translateX(-250px); transition:transform 0.6s ease; padding:30px 10px 100px; width:80%; margin:auto;}
.menu-profil {font-size:clamp(43px, 5vw, 80px); margin:0 auto 5%; line-height:70%;}
.menu-profil span {display:block; font-size:clamp(14px, 1.7vw, 28px); font-weight:300;}
.menu-profil strong {color:#444; font-size:0.42em; display:block;  white-space:nowrap; margin:-4% 0 5%;}
.tel {padding:5px; font-size:clamp(18px, 1.8vw, 30px); white-space:nowrap;}
.adress {font-size:clamp(16px, 1.8vw, 26px); margin:10% auto; line-height:120%;}
.adress strong {font-size:1.1em; color:#444; display:block; margin:3% 0;}
.adress span {display:block; font-size:0.9em; line-height:110%; margin-top:10px; white-space:nowrap;}

/* Contenu principal */
.content {flex:1; padding:20px 40px 20px 60px; transition:margin-left 0.6s ease; width:100%; min-width:340px; height:100vh; overflow-y:auto; scrollbar-width:none;}
header {}
nav {flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; gap:5%; font-size:clamp(18px, 2.6vw, 50px);}
nav a {position:relative; display:inline-block; text-decoration:none; padding-bottom:2px;}
nav a::after {content: ""; position:absolute; left:50%; bottom:0; width:0; height:4px; background-color:#f59b9b; transition:width 0.3s, left 0.3s; cursor:pointer;}
nav a:hover::after {width: 100%; left: 0;}

.logo {border-radius:50%; max-width:160px; max-height:160px;}
.prv-block {position:fixed; width:100%; margin-top:-10px; z-index:100;}
.prv {padding:7px 14px; cursor:pointer; display:table; margin:10px;}

/* État :menu fermé */
.toggle-checkbox:not(:checked) ~ .menu {width:0; min-width:0; box-shadow:none;}
.toggle-checkbox:not(:checked) ~ .menu .menu-content {transform:translateX(-500px);}
.toggle-checkbox:not(:checked) ~ .content {margin-left:0;}
.toggle-checkbox:not(:checked) ~ .menu-button {left:0; transform:translateX(10px);}

/* Animation du burger pour l'état fermé */
.toggle-checkbox:not(:checked) ~ .menu-button .menu-icon::before {transform:rotate(0deg); top:-8px;}
.toggle-checkbox:not(:checked) ~ .menu-button .menu-icon::after {transform:rotate(0deg); bottom:-8px;}
.toggle-checkbox:not(:checked) ~ .menu-button .menu-icon {background:#f59b9b;}

/* État :menu ouvert */
.toggle-checkbox:checked ~ .menu {min-width:220px; width:25%; max-width:350px;}
.toggle-checkbox:checked ~ .menu .menu-content {transform:translateX(0);}
.toggle-checkbox:checked ~ .content {margin-left:-20px;}
.toggle-checkbox:checked ~ .menu-button {/*left:250px; transform:translateX(10px);*/}

/* Animation du burger pour l'état ouvert */
.toggle-checkbox:checked ~ .menu-button .menu-icon::before {transform:rotate(45deg); top:0; background:#fff;}
.toggle-checkbox:checked ~ .menu-button .menu-icon::after {transform:rotate(-45deg); bottom:0; background:#fff;}
.toggle-checkbox:checked ~ .menu-button .menu-icon {background:transparent;}

section {overflow:hidden;}
article {overflow:hidden; width:100%;}

.rotation {background-size:contain; background-repeat:no-repeat; background-position-x:left; background-position-y:top; min-height:490px;}
.rotation1 {background-image:url(img/illu-002.jpg);}
.rotation2 {background-image:url(img/illu-004.jpg);}
.rotation3 {background-image:url(img/illu-005.jpg);}
.rotation4 {background-image:url(img/illu-006.jpg);}
.rotation5 {background-image:url(img/illu-007.jpg);}
.rotation6 {background-image:url(img/illu-009.jpg);}

.inside {position:relative; margin:0 0 30px 25%;}
.inside div {padding:20px; background-color:rgb(255, 255, 255, 0.7);}
.inside p {margin:0; padding:0;}
.inside span {display:block; font-size:0.8em;}
.inside ul {padding-inline-start:20px; line-height:130%;}

.illuright {float:right; max-width:13vw; min-width:150px; margin:0 0 10px 20px;}
.illuleft {float:left; max-width:13vw; min-width:150px; margin:0 20px 10px 0;}

.swiper {width:40%; max-width:400px; height:auto; float:left; margin-right:30px !important;}
.swiper-pagination {position:relative !important; padding-top:20px;}
.swiper-button-next, .swiper-button-prev {background:rgb(255, 255, 255, .7); border-radius:8px; color:#f59b9b !important;}
.swiper-button-next:after, .swiper-button-prev:after {font-size:30px !important;}
.swiper-pagination-bullet-active {background:#9c9c9c!important;}

footer {padding:20px; justify-content:space-between; gap:30px 5%;}
.footer-illu {flex-grow:1; flex-basis:300px;}
.footer-infos-block {flex-grow:1; flex-basis:400px;}
.footer-infos {flex-grow:1; flex-basis:160px; font-size:clamp(14px, 1.7vw, 19px); line-height:140%; font-weight:300; margin-left:15px;}
.footer-infos span {display:table; font-size:1.4em; font-weight:500; margin-left:-15px;}
.footer-infos img {display:block; margin:10px 0 0; max-width:30px;}

@media screen and (max-width:1080px) {
	.desk {display:none;}
	.tab {display:block;}
	.inside {margin:0 0 20px 15%;}
}

@media screen and (max-width:640px) {
	.tab {display:none;}
	.mob {display:block;}
	.rotation1 {background-image:url(img/illu-002-hor.jpg); background-size:100%;}
	.rotation2 {background-image:url(img/illu-004-hor.jpg); background-size:100%;}
	.rotation3 {background-image:url(img/illu-005-hor.jpg); background-size:100%;}
	.rotation4 {background-image:url(img/illu-006-hor.jpg); background-size:100%;}
	.rotation5 {background-image:url(img/illu-007-hor.jpg); background-size:100%;}
	.rotation6 {background-image:url(img/illu-009-hor.jpg); background-size:100%;}

	.inside {margin:50% 10px 0;}
	.toggle-checkbox:not(:checked) ~ .menu-button {left:-40px;}
	.toggle-checkbox:checked ~ .content {margin-left:10px;}
	.content {padding:10px;}
	header {margin-top:50px;}
	.logo {width:25%;}
	.illuright {float:left; max-width:10vw; min-width:130px; margin:0 20px 10px 0;}
	.illuleft {float:right; max-width:10vw; min-width:130px; margin:0 0 10px 20px;}
	.swiper {width:100%; max-width:100%; float:none; margin-right:0 !important;}
}</pre></body></html>