body.SiteBackground{background-image:url('https://resx.octorate.com/content/207188/1764089267706.jpg')}@media (min-width: 1220px) {.SearchLabel .fa{background:#142336;color:#fff}}.BoxHover:hover{box-shadow:1px 1px 10px #142336}.SearchBar .GreenButton .ui-button-text{background-color:#142336}.SiteTopBar{background-color:rgba(20,35,54,0.8)}:root{--color:#142336!important;--color-rotation:213.88576491225874deg!important;}.button, .button span.ui-button-text, .customButton span.ui-button-text{background-color:#142336!important;}/* Logo Plus grand sur PC */
@media (min-width: 1024px) {
    #SiteHeader2 section.cover .picture img {
        max-width: 480px !important;
    }
}

/* Masquer texte infos */
#SiteHeader2 .information p.text {
    display: none !important;
}

/* Couleur libellés */
#SiteHeader3 .datetheme2 label,
#SiteHeader3 .datetheme2 em {
    color: #142336 !important;
}

/* Couleur background libellés */
header .datetheme2 label {
    background-color: #fff !important;
}

/* Couleur logo dispo/reservat */
section.shortcuts a.box svg.icon {
    fill: #142336 !important;
}

/* Couleur logo code promo */
#SiteHeader3 .discount svg,
#SiteHeader3 .discount:hover svg {
    filter: brightness(0) saturate(100%) invert(12%) sepia(28%) saturate(1308%) hue-rotate(185deg) brightness(93%) contrast(95%) !important;
}

/* Couleur txt code promo */
#SiteHeader3 .discount p,
#SiteHeader3 .discount:hover p {
    color: #142336 !important;
}

footer span.count p {
    color: #142336 !important;
}

.Green,
.CancelPolicyText,
.Green.FontBold.CancelPolicyText {
    color: #142336 !important;
}

.Orange,
#panelRecapDeposit,
#panelRecapDeposit span,
.PriceChange .Orange.FontBold {
    color: #142336 !important;
}

section.confirm div.content .details .help {
    color: #142336 !important;
}

.customCheckbox .ui-chkbox-label {
    color: #142336 !important;
}

section.confirm .customCheckbox .ui-chkbox-box,
section.confirm .customCheckbox.ui-selectbooleancheckbox .ui-chkbox-box,
#chkPrivacy .ui-chkbox-box {
    border: 2px solid #142336 !important;
}

section.room .filterGreen {
     filter: grayscale(100%) brightness(400%) contrast(75%) !important;
}

.OrangeButton.ui-state-hover .ui-button-text, .OrangeButton.ui-state-focus .ui-button-text {
    background-color: #142336 !important;
}

/************************************
  PAGE PAIEMENT
************************************/

.ui-button-text {
    background-color: #142336 !important;
}

.SiteContentChannel .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
.SiteContentChannel .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon,
.SiteContentChannel .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-color: #142336 !important;
    opacity: 1 !important;
}

.GreenBack {
    background-color: #142336 !important;
}

a.ui-link.ui-widget.MarLeft5 {
    color: #142336 !important;
}

.Gray {
    color: #142336 !important;
}

.DarkGray {
    display: none !important;
}

/* Accueil : mobile + tablette jusqu'à 1024 px */
@media (max-width:1024px){

    #rowDiv,
    .customHeaderIndex,
    #rowDiv.customHeaderIndex{
        width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
    }

    #dateAndPax{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;
    }

    /* Le bloc qui contient les dates + occupants */
    #dateAndPax > .class600{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* Dates côte à côte */
    #dateAndPax > .class600 > span:first-child{
        width:100% !important;
        display:flex !important;
        flex-direction:row !important;
        justify-content:center !important;
        gap:45px !important;
    }

    /* Adultes / Enfants / Chambres côte à côte */
    #SiteHeader\:paxSelection{
        width:100% !important;
        display:flex !important;
        flex-direction:row !important;
        justify-content:center !important;
        gap:45px !important;
        margin-top:10px !important;
    }

    #secondoDiv,
    .searchBox,
    #rowDiv.customHeaderIndex .searchBox{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
    }

    .headerButton,
    #rowDiv.customHeaderIndex .headerButton{
        margin:0 auto !important;
        display:block !important;
    }
}

/* Augmenter Espace entre Reservation et dispo */

@media (max-width:600px){

    section.shortcuts a.box{
        margin-top: 10px !important;
    }
}

/* Mobile très étroit : header contact/langue/devise */
@media (max-width: 380px) {

    #SiteHeader2 .information {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px 10px !important;
        padding: 8px 6px !important;
    }

    #SiteHeader2 .information > a {
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

    #SiteHeader2 .information .MarRight10 {
        margin-right: 0 !important;
    }

    #SiteHeader2 .information .customSelect,
    #SiteHeader2 .information .ui-selectonemenu {
        min-width: 72px !important;
        width: 72px !important;
    }
}

/* Logo responsive mobile */

@media (max-width: 380px) {

    #SiteHeader2 section.cover .picture img {
        max-width: calc(100vw - 40px) !important;
        width: auto !important;
        height: auto !important;
    }

    #SiteHeader2 section.cover .picture {
        max-width: 100% !important;
        overflow: hidden !important;
        text-align: center !important;
    }
}