.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1873 .elementor-element.elementor-element-6a3f266b{width:var( --container-widget-width, 99.906% );max-width:99.906%;--container-widget-width:99.906%;--container-widget-flex-grow:0;}/* Start custom CSS for text-editor, class: .elementor-element-6a3f266b */.sultants-hotels{

--hotel-navy:#071b28;
--hotel-navy2:#0d3045;
--hotel-gold:#d9a441;
--hotel-ice:#eef5f8;
--hotel-ink:#142631;
--hotel-muted:#667781;

font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
color:var(--hotel-ink);
line-height:1.55;
background:#fff;

}

.sultants-hotels *,
.sultants-hotels *::before,
.sultants-hotels *::after{
box-sizing:border-box;
}

.sultants-hotels a{
text-decoration:none;
}

.hotel-wrap{
width:min(1160px,calc(100% - 48px));
margin:auto;
}

/* =========================================================
HERO
========================================================= */

.hotel-hero{
min-height:620px;
position:relative;
display:flex;
align-items:center;
overflow:hidden;
color:#fff;
background:var(--hotel-navy);
}

.hotel-hero__bg{
position:absolute;
inset:0;

background-image:url("https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/motoneige-1.jpg");
background-size:cover;
background-position:center;

}

.hotel-hero__overlay{
position:absolute;
inset:0;

background:
    linear-gradient(
        90deg,
        rgba(3,17,27,.94),
        rgba(3,17,27,.42) 75%
    ),
    linear-gradient(
        0deg,
        rgba(3,17,27,.75),
        transparent 60%
    );

}

.hotel-hero__content{
position:relative;
z-index:2;
padding:100px 0;
}

.hotel-kicker{
font-size:12px;
font-weight:900;
letter-spacing:3px;
color:var(--hotel-gold);
margin-bottom:18px;
}

.hotel-hero h1{
max-width:900px;
font-size:clamp(55px,8vw,94px);
line-height:.92;
letter-spacing:-5px;
margin:0 0 30px;
}

.hotel-hero h1 span{
color:var(--hotel-gold);
}

.hotel-hero p{
max-width:650px;
margin:0;
font-size:20px;
opacity:.9;
}

.hotel-hero__bottom{
position:absolute;
bottom:0;
left:0;
right:0;
z-index:3;

padding:18px max(24px,calc((100% - 1160px)/2));

background:rgba(6,22,33,.82);

font-size:10px;
letter-spacing:2px;
font-weight:900;

}

/* =========================================================
INTRO
========================================================= */

.hotel-intro{
display:grid;
grid-template-columns:1fr 1fr;
gap:90px;
align-items:center;

padding-top:105px;
padding-bottom:105px;

}

.hotel-intro h2{
font-size:clamp(45px,5vw,70px);
line-height:.96;
letter-spacing:-4px;
margin:0;
}

.hotel-intro h2 span{
color:var(--hotel-gold);
}

.hotel-intro__text{
color:var(--hotel-muted);
font-size:17px;
}

.hotel-intro__text p{
margin:0 0 20px;
}

/* =========================================================
HOTEL LIST
========================================================= */

.hotel-list{
padding:105px 0;
background:var(--hotel-navy);
color:#fff;
}

.hotel-list__header{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:50px;
margin-bottom:55px;
}

.hotel-list__header h2{
font-size:clamp(44px,5vw,70px);
line-height:.96;
letter-spacing:-4px;
margin:0;
}

.hotel-list__header h2 span{
color:var(--hotel-gold);
}

.hotel-list__count{
text-align:right;
}

.hotel-list__count strong{
display:block;
color:var(--hotel-gold);
font-size:58px;
line-height:.8;
}

.hotel-list__count span{
font-size:10px;
letter-spacing:2px;
font-weight:900;
opacity:.65;
}

/* =========================================================
TUILES
========================================================= */

.hotels-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}

.hotel-card{
position:relative;
min-height:300px;

padding:32px;

display:flex;
align-items:flex-end;

overflow:hidden;

background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.09),
        rgba(255,255,255,.025)
    );

border:1px solid rgba(255,255,255,.12);

transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease;

}

.hotel-card::before{
content:"";
position:absolute;
inset:0;

background:
    linear-gradient(
        135deg,
        rgba(217,164,65,.08),
        transparent 50%
    );

pointer-events:none;

}

.hotel-card:hover{
transform:translateY(-6px);

background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.13),
        rgba(255,255,255,.04)
    );

border-color:rgba(217,164,65,.55);

}

.hotel-card__number{
position:absolute;
top:25px;
right:28px;


font-size:13px;
font-weight:900;
letter-spacing:2px;

color:var(--hotel-gold);

}

.hotel-card__content{
position:relative;
z-index:2;
width:100%;
}

.hotel-card__tag{
font-size:10px;
font-weight:900;
letter-spacing:2px;
color:var(--hotel-gold);
margin-bottom:9px;
}

.hotel-card h3{
margin:0 0 8px;

color:#fff;

font-size:34px;
line-height:1;

letter-spacing:-1px;

}

.hotel-card__address{
color:rgba(255,255,255,.65);
font-size:14px;
margin-bottom:25px;
}

.hotel-card__details{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.hotel-card__details a{
display:inline-flex;
align-items:center;
gap:9px;

min-height:40px;
padding:0 13px;

color:#fff;

border:1px solid rgba(255,255,255,.18);

font-size:12px;
font-weight:800;

transition:.2s;

}

.hotel-card__details a:hover{
color:var(--hotel-navy);
background:var(--hotel-gold);
border-color:var(--hotel-gold);
}

.hotel-icon{
font-size:9px;
letter-spacing:1px;
font-weight:900;
color:var(--hotel-gold);
}

.hotel-card__details a:hover .hotel-icon{
color:var(--hotel-navy);
}

/* =========================================================
NOTE
========================================================= */

.hotel-note{
padding:90px 0;
background:var(--hotel-ice);
}

.hotel-note__inner{
display:grid;
grid-template-columns:75px 1fr;
gap:30px;
align-items:start;
}

.hotel-note__icon{
width:60px;
height:60px;

display:flex;
align-items:center;
justify-content:center;

background:var(--hotel-gold);
color:var(--hotel-navy);

font-size:25px;

}

.hotel-note h2{
max-width:800px;

font-size:clamp(38px,4.5vw,58px);
line-height:1;
letter-spacing:-3px;

margin:0 0 20px;

}

.hotel-note h2 span{
color:var(--hotel-gold);
}

.hotel-note p{
max-width:700px;
color:var(--hotel-muted);
font-size:17px;
}

/* =========================================================
CTA
========================================================= */

.hotel-cta{
padding:100px 0;


background:var(--hotel-navy2);
color:#fff;


}

.hotel-cta__inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}

.hotel-cta h2{
font-size:clamp(44px,5vw,68px);
line-height:.95;
letter-spacing:-4px;
margin:0;
}

.hotel-btn{
display:inline-flex;
align-items:center;
justify-content:center;

min-height:54px;
padding:0 25px;

background:var(--hotel-gold);
color:#17242b;

font-size:13px;
font-weight:900;

white-space:nowrap;

transition:.25s;


}

.hotel-btn:hover{
transform:translateY(-3px);
box-shadow:0 12px 25px rgba(0,0,0,.2);
}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:800px){

.hotel-wrap{
    width:min(100% - 36px,1160px);
}

.hotel-hero{
    min-height:590px;
}

.hotel-hero h1{
    font-size:clamp(52px,14vw,78px);
    letter-spacing:-3px;
}

.hotel-hero p{
    font-size:17px;
}

.hotel-intro{
    grid-template-columns:1fr;
    gap:35px;
    padding-top:75px;
    padding-bottom:75px;
}

.hotel-list{
    padding:75px 0;
}

.hotel-list__header{
    align-items:flex-start;
    flex-direction:column;
    margin-bottom:40px;
}

.hotel-list__count{
    text-align:left;
}

.hotels-grid{
    grid-template-columns:1fr;
}

.hotel-card{
    min-height:280px;
}

.hotel-note{
    padding:70px 0;
}

.hotel-cta{
    padding:75px 0;
}

.hotel-cta__inner{
    flex-direction:column;
    align-items:flex-start;
    gap:35px;
}

.hotel-btn{
    white-space:normal;
    text-align:center;
}

}

@media(max-width:480px){

.hotel-hero__content{
    padding:75px 0;
}

.hotel-hero__bottom{
    font-size:8px;
    letter-spacing:1.5px;
}

.hotel-card{
    padding:27px;
}

.hotel-card h3{
    font-size:29px;
}

.hotel-card__details{
    flex-direction:column;
    align-items:stretch;
}

.hotel-card__details a{
    justify-content:flex-start;
}

.hotel-note__inner{
    grid-template-columns:1fr;
}

}

/* =========================================================
   AUTRES HÉBERGEMENTS À PROXIMITÉ
   ========================================================= */

.hotel-nearby {
    padding: 105px 0;
    background: var(--hotel-ice);
    color: var(--hotel-ink);
}

.hotel-nearby .hotel-list__header {
    margin-bottom: 55px;
}

.hotel-nearby .hotel-list__header h2 {
    color: var(--hotel-navy);
}

.hotel-nearby .hotel-list__count {
    color: var(--hotel-muted);
}

.hotel-nearby .hotel-list__count span {
    color: var(--hotel-muted);
    opacity: 1;
}


/* CARTES CLAIRES */

.hotel-card--light {
    background: #fff;

    border: 1px solid #dce5e9;

    color: var(--hotel-ink);
}

.hotel-card--light::before {
    background:
        linear-gradient(
            135deg,
            rgba(217,164,65,.08),
            transparent 50%
        );
}

.hotel-card--light:hover {
    background: #fff;

    border-color: var(--hotel-gold);
}

.hotel-card--light h3 {
    color: var(--hotel-navy);
}

.hotel-card--light .hotel-card__address {
    color: var(--hotel-muted);
}

.hotel-card--light .hotel-card__details a {
    color: var(--hotel-navy);

    border-color: #d5e0e4;
}

.hotel-card--light .hotel-card__details a:hover {
    color: var(--hotel-navy);

    background: var(--hotel-gold);

    border-color: var(--hotel-gold);
}

.hotel-card--light .hotel-icon {
    color: var(--hotel-gold);
}

.hotel-card--light .hotel-card__number {
    color: var(--hotel-gold);
}


/* INFORMATION MOTONEIGE */

.hotel-card__feature {
    margin-top: 18px;

    padding-top: 14px;

    border-top: 1px solid #dce5e9;

    color: var(--hotel-navy);

    font-size: 12px;
    font-weight: 800;

    line-height: 1.4;
}


/* =========================================================
   STANDARDISATION DES DIMENSIONS
   ========================================================= */

.sultants-hotels .hotel-wrap {
    width: min(1160px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}

.sultants-hotels .hotel-intro,
.sultants-hotels .hotel-list,
.sultants-hotels .hotel-nearby,
.sultants-hotels .hotel-note,
.sultants-hotels .hotel-cta {
    width: 100%;
}


/* Même rythme vertical que les autres pages */

.sultants-hotels .hotel-intro {
    padding-top: 105px;
    padding-bottom: 105px;
}

.sultants-hotels .hotel-list {
    padding-top: 105px;
    padding-bottom: 105px;
}

.sultants-hotels .hotel-nearby {
    padding-top: 105px;
    padding-bottom: 105px;
}

.sultants-hotels .hotel-note {
    padding-top: 90px;
    padding-bottom: 90px;
}

.sultants-hotels .hotel-cta {
    padding-top: 100px;
    padding-bottom: 100px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 800px) {

    .sultants-hotels .hotel-wrap {
        width: calc(100% - 36px);
    }

    .sultants-hotels .hotel-intro {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .sultants-hotels .hotel-list,
    .sultants-hotels .hotel-nearby {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .sultants-hotels .hotel-note {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .sultants-hotels .hotel-cta {
        padding-top: 75px;
        padding-bottom: 75px;
    }

}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-5dd1b66 */.sultants-hotels .hotel-hero .hotel-kicker {
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
}

.sultants-hotels .hotel-list .hotel-kicker {
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
}/* End custom CSS */