/**
 * Custom CSS for Drupal multi-site with Bootstrap 3 base theme.
 * This file is shared across all sites. Specific colors are in colors.css.
 */

/* ===== Utiles ===== */
.float-left { float: left; }
.float-right { float: right; }
.hide { display: none; }
.p10 { padding: 10px; }
.clearboth { clear: both; }

/* ===== Content ===== */
.path-frontpage h1.page-header {
    margin: 0;
    padding-bottom: 10px;
}
h1.page-header {
    margin: 15px;
    padding-bottom: 10px;
}
.article .field--name-body img {
    padding: 10px;
}

/* ===== Regions ===== */
.region-top-header,
.featured-top,
.navbar,
.navbar-top,
.navbar-expand-lg {}

/* ===== Language icons ===== */
.lang-dropdown-form img.language-icon {
    vertical-align: unset;
    position: relative;
    top: -30px;
    left: 2px;
}
.lang-dropdown-form img {
    width: 30px;
}
.select-wrapper:after {
    right: 6px;
}
.lang-dropdown-select-element {
    border: 0;
}
.block-language-dropdown-blocklanguage-content {
    width: 70px;
    float: right;
}

/* ===== Navbar ===== */
.navbar-default .navbar-text,
.navbar-default .navbar-brand,
.navbar-default .navbar-text a,
.navbar-default .navbar-brand a,
.navbar-default .navbar-nav > li > a {}
.navbar-brand {
    font-weight: normal;
    font-size: 25px;
}
.navbar-nav > li > a,
.navbar-nav > li > a:hover {
    padding-top: 5px;
}
.nav > li {
    /* padding: 10px 15px; */
}

/* ===== Menu Bouton reserver ===== */
.btn-primary,
.btn-booking,
.btn-primary a:hover,
.btn-booking a:hover {
    font-weight: bold;
}
.navbar-default .navbar-nav > .last > a {
    background-repeat: no-repeat;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 30%);
    font-size: 17px;
    vertical-align: middle;
    margin: 2px;
    text-align: center;
    padding-top: 12px;
}
.navbar-default .navbar-nav > .last > a:hover {
    font-weight: bold;
}

/* ===== Flying Bouton reserver ===== */
.sticky {
  position: sticky;
  top: 4em;
  z-index: 100;
}
.sticky .btn-primary {
	width: 100%
}

/* ===== Breadcrumbs ===== */
.breadcrumb {
    margin-top: 10px;
}

/* ===== View Colorbox gallerie photo ===== */
.view-gallerie-photo {
    margin-top: 1em;
}
.view-gallerie-photo img,
.stage .field--name-field-images .field--item img,
.idee-de-sejour-externe .field--name-field-images .field--item img,
.chambre .field--name-field-images .field--item img {
    width: 100%;
    padding: 3px;
    border-radius: 10px;
}
.view-gallerie-photo img:hover,
.chambre .field--name-field-images .field--item img:hover {}
.view-gallerie-photo a {
    text-decoration: none;
}
.view-gallerie-photo p {
    margin: 0 0 10px;
    display: inline;
    position: relative;
    bottom: 60px;
    left: 6px;
    padding: 0.4em;
    border-radius: 10px;
}

/* ===== View Region ===== */
.leaflet-popup-content {
    font-size: 15px;
}

/* ===== Grid: Views ===== */
.view-id-formules .view-content,
.view-extras-vue .view-content,
.view-blog .view-content {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
}

.view-id-formules .formules-grid.views-row,
.view-extras-vue .formules-grid.views-row,
.view-blog .formules-grid.views-row {
  width: calc(100% - 0rem);
 }
/* ===== Container: formules-grid ===== */
.formules-grid.views-row {
    display: inline-block;
    width: calc(50% - 1rem);
    margin: 0.5rem;
    vertical-align: top;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.formules-grid-1.views-row {
    display: inline-block;
    width: calc(100% - 1rem);
    margin: 0.5rem;
    vertical-align: top;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.formules-grid-3.views-row {
    display: inline-block;
    width: calc(33% - 1rem);
    margin: 0.5rem;
    vertical-align: top;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.formules-grid-1,
.formules-grid-3,
.formules-grid {
    padding: 0;
    float: left;
}
.formules-grid-1.views-row:hover,
.formules-grid-3.views-row:hover,
.formules-grid.views-row:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transform: translateY(-3px);
}

/* ===== Title ===== */
.formules-grid-1.views-row h2,
.formules-grid-3.views-row h2,
.formules-grid.views-row h2 {
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    margin: 10px 0;
}

/* ===== Price ===== */
.formules-grid-1 .field--label-inline .field--label,
.formules-grid-3 .field--label-inline .field--label,
.formules-grid .field--label-inline .field--label {
    margin: .3em 1em;
}
.formules-grid-1 .extras .field--label-inline .field--label,
.formules-grid-3 .extras .field--label-inline .field--label,
.formules-grid .extras .field--label-inline .field--label,
.formules-grid-1 .chambre .field--label-inline .field--label,
.formules-grid-3 .chambre .field--label-inline .field--label,
.formules-grid .chambre .field--label-inline .field--label {
    margin: 0 1em;
}
.formules-grid-1 .chambre.teaser .field--label-inline .field--label,
.formules-grid-3 .chambre.teaser .field--label-inline .field--label,
.formules-grid .chambre.teaser .field--label-inline .field--label {
    margin: 0.2em 0;
}

/* ===== Image styling ===== */
.formules-grid-1.views-row img,
.formules-grid-3.views-row img,
.formules-grid.views-row img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px 6px 0 0;
    margin-bottom: 0.5rem;
}

/* ===== Content text ===== */
.formules-grid-1.views-row .field--item,
.formules-grid-3.views-row .field--item,
.formules-grid.views-row .field--item {
    font-size: 0.95em;
    line-height: 1.4;
    margin: 0.3em 1em;
}
.chambre .field--name-field-prix .field--label {
	display: none;
}
.extras .field--name-field-prix .field--label,
.formules .field--name-field-prix .field--label,
.produits-paysans .field--name-field-prix .field--label,
.stage .field--name-field-prix .field--label  {
	margin: 0;
	padding: 0;
	padding-right: .5em;
}
.stage .field--name-field-prix .field--label  {
	padding-left: 1em;
}
.extras .field--name-field-prix .field--label,
.formules .field--name-field-prix .field--label,
.produits-paysans .field--name-field-prix .field--label,
.stage .field--name-field-prix .field--label,
.formules-saison .field--name-field-prix-basse-saison .field--label,
.formules-saison .field--name-field-prix-moyenne-saison .field--label,
.formules-saison .field--name-field-prix-haute-saison .field--label {
	padding-top: .5em;
}
.extras .field--name-field-prix .field--item,
.formules .field--name-field-prix .field--item,
.produits-paysans .field--name-field-prix .field--item,
.stage .field--name-field-prix .field--item {
	margin: 0;
	padding: 0;
}
.chambre .field--name-field-prix .field--item,
.extras .field--name-field-prix .field--item,
.formules .field--name-field-prix .field--item,
.produits-paysans .field--name-field-prix .field--item,
.stage .field--name-field-prix .field--item,
.formules-saison .field--name-field-prix-basse-saison .field--item,
.formules-saison .field--name-field-prix-moyenne-saison .field--item,
.formules-saison .field--name-field-prix-haute-saison .field--item   {
	font-size: 2em;
	font-weight: bold;
}
.formules-grid-1.views-row .field--name-field-info-f,
.formules-grid-3.views-row .field--name-field-info-f,
.formules-grid.views-row .field--name-field-info-f {
	margin: 0;
}
.formules-grid-1.views-row .stage.teaser .field--name-field-info-f,
.formules-grid-3.views-row .stage.teaser .field--name-field-info-f,
.formules-grid.views-row .stage.teaser .field--name-field-info-f {
    padding: 10px;
    margin: 10px;
    width: 95%;
}
.page-node-type-formules .field--name-field-info-f,
.page-node-type-formules-saison .field--name-field-info-f,
.page-node-type-produits-paysans .field--name-field-info-f,
.page-node-type-stage .field--name-field-info-f {
    padding: 1em;
    margin-bottom: 1em;
}
.page-node-type-stage .field--name-field-nombre-de-places {
	padding-left: 1em;
	margin-bottom: 1em;
}

/* ===== Buttons & links ===== */
.formules-grid-1 .field--name-field-btn-reservation a,
.formules-grid-3 .field--name-field-btn-reservation a,
.formules-grid .field--name-field-btn-reservation a,
.formules-grid-1 .node-readmore a,
.formules-grid-3 .node-readmore a,
.formules-grid .node-readmore a {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
}
.formules-grid-1 .node-readmore a,
.formules-grid-3 .node-readmore a,
.formules-grid .node-readmore a {
    padding: 0.45em 1em;
}
.formules-grid-1 .field--name-field-btn-reservation,
.formules-grid-3 .field--name-field-btn-reservation,
.formules-grid .field--name-field-btn-reservation,
.formules-grid-1 .node-readmore,
.formules-grid-3 .node-readmore,
.formules-grid .node-readmore {
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em 0.5em 0 0;
}
.formules-grid-1 .field--name-field-btn-reservation,
.formules-grid-3 .field--name-field-btn-reservation,
.formules-grid .field--name-field-btn-reservation {
    margin: 0 0.5em 0 0;
}

.formules-grid-1 .links.inline.list-inline,
.formules-grid-3 .links.inline.list-inline,
.formules-grid .links.inline.list-inline {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0.8em;
	bottom : 1em;
}
.formules-grid-1 .produits-paysans .links.inline.list-inline,
.formules-grid-3 .produits-paysans .links.inline.list-inline,
.formules-grid .produits-paysans .links.inline.list-inline {
    position: inherit;
    float: right;
}
.formules-grid-1,
.formules-grid-3,
.formules-grid {
    position: relative;
    padding-bottom: 1em;
}
.view-chambres .formules-grid-1,
.view-chambres .formules-grid-3,
.view-chambres .formules-grid {
    position: relative;
    padding-bottom: 4em;
}
.formules-grid-1 .links.inline.list-inline .node-readmore a,
.formules-grid-3 .links.inline.list-inline .node-readmore a,
.formules-grid .links.inline.list-inline .node-readmore a {
    margin: 0 0 4px 0;
}
.formules-grid-1.views-row .clearfix,
.formules-grid-3.views-row .clearfix,
.formules-grid.views-row .clearfix {
    clear: both;
}

/* ===== Responsive: 1 item per row for small screens ===== */
@media (max-width: 991px) {
    .formules-grid-1.views-row,
	.formules-grid-3.views-row,
	.formules-grid.views-row {
        width: 100%;
        margin: 0.5rem 0;
    }
}

/* ===== View FAQ ===== */
.view-faq .card {
    margin-bottom: 3px;
    border-radius: 16px 16px 0 0;
}
.view-faq .class-header .btn-link {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
}
.view-faq .panel-body .views-field-field-conclusion {
    text-align: center;
    padding: 5px;
}

/* ===== View Supplément ===== */
.views-view-responsive-grid__item .views-field-title {
    text-align: center;
}
.views-view-responsive-grid__item .views-field-field-prix .text-right {
    padding-right: 20px;
}
.views-view-responsive-grid__item {
    border-radius: 6px;
    margin: 0.5em;
}

/* ===== View Blog ===== */
.view-blog .card img {
    margin: auto;
}

/* ===== Chambres content type ===== */
/*.page-node-type-chambre .field {
    padding: 0.2em;
}*/
.field--name-field-image img {
    display: block;
    margin: 1em auto;
}
.article .field--name-field-images,
.stage .field--name-field-images,
.idee-de-sejour-externe .field--name-field-images,
.chambre .field--name-field-images {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.article .field--name-field-images .field--item,
.stage .field--name-field-images .field--item,
.idee-de-sejour-externe .field--name-field-images .field--item,
.chambre .field--name-field-images .field--item {
    float: left;
    padding: 1em;
    width: 100%;
}

/* ===== Formules pages ===== */
.field--name-field-comprend .field--items,
.field--name-field-ne-comprend-pas .field--items {
    padding-left: 10px;
}

/* ===== Séjours ===== */
.block-views-blockidees-sejours-block-1 .collapsiblockTitleCollapsed,
.block-views-blockidees-sejours-block-2 .collapsiblockTitleCollapsed {
    margin: 0.3em 0;
    padding: 0 1em;
    background-repeat: no-repeat;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 30%);
    border-radius: 3px;
}
.block-views-blockidees-sejours-block-1 .collapsiblockTitleCollapsed h2,
.block-views-blockidees-sejours-block-2 .collapsiblockTitleCollapsed h2 {}

/* ===== Vues Partenaires / Randonnées ===== */
.view-id-partenaires .views-row,
.view-id-randonnee .views-row {
    margin: 10px 0;
}
.view-display-id-partenaires_reseau .views-row {
    border-bottom: 0;
}
.view-id-partenaires {
    margin-top: 20px;
}
.view-id-partenaires img {
    display: block;
    margin: 1em auto;
}
.view-id-activites_et_partenaires .view-footer {
    margin: 1em 0;
}
.view-id-activites_et_partenaires .view-footer img {
    margin-right: 0.5em;
    display: inherit;
}
.legende {
    width: 100%;
    padding: 7px;
}
.randonnee .field--type-address .field--item {
    float: left;
}

/* ===== Geolocation content type ===== */
.page-node-type-geolocation-address .layout__region--second-above {
    padding: 20px;
    margin-top: 20px;
}

/* ===== GDPR ===== */
.form-item-gdpr-warning {
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}
.form-item-gdpr-warning a {
    padding: 5px 15px;
}

/* ===== Livre d'Or ===== */
.view-header,
.view-livre-d-or a {
    font-size: larger;
}
.view-livre-d-or a:hover {}

/* ===== Booking form ===== */
.form-item-date-d-arrivee-heure .form-type-webform-time,
.form-item-date-de-depart-heure .form-type-webform-time {
    display: none;
}
.webform-submission-form .panel-default,
.webform-submission-form .panel-default>.panel-heading {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.webform-submission-form .panel-default {
    margin-top: 0.5625rem;
}
.webform-submission-form .panel-title {
    margin-bottom: 0;
    display: inline;
    padding-right: 0.5em;
    font-weight: 700;
    vertical-align: middle;
    font-size: 14px;
}
.webform-submission-form .panel-body {
    padding: 0;
}
.webform-actions {
    margin-top: 0.5625rem;
}
.webform-submission-form #edit-genre--wrapper-legend {
    display: none;
}
.radio label, .checkbox label {
    margin-bottom: 5px;
    font-weight: inherit;
}

/* ===== Gestionnaire ===== */
.gestionnaire {
    padding: 15px 5px;
    margin: 5px;
    height: 255px;
    width: 150px;
    line-height: 20px;
}
.gestionnaire-font {
    font-size: 17px;
    line-height: 20px;
}
.user-logged-in .login {
    display: none;
}
/* ===== Icon AdminBar ===== */

.toolbar-icon-admin-toolbar-tools-help {
    &::before {
        box-sizing: content-box;
        margin-left: 0.25rem;
        padding: 0.125rem;
        padding-bottom: 0;
        background-image: url(/sites/fresh/public/logo.png);
    }
}

/* ===== Menu Gestionnaire ===== */
#block-boostrap-3-reservations,
#block-reservations,
#block-boostrap-3-inscription,
#block-boostrap-3-inscription-menu,
.path-gestionnaire-reservation nav,
.path-calendrier-semaine nav,
.path-calendrier-mois nav {
    display: flex;
    padding-left: 15px;
}
#block-boostrap-3-reservations h2,
#block-reservations h2,
#block-boostrap-3-inscription h2,
#block-boostrap-3-inscription-menu h2,
.path-gestionnaire-reservation h2,
.path-calendrier-semaine h2,
.path-calendrier-mois h2 {
    float: left;
    margin-top: 7px;
    margin-bottom: 0px;
}
.navbar-default .menu--reservations > .last > a,
.navbar-default .menu--inscription > .last > a {
    background-color: transparent;
    background: none;
    border: none;
    text-shadow: none;
    font-size: inherit;
    font-weight: inherit;
    vertical-align: inherit;
    margin: 0;
    padding-top: 15px;
    text-align: inherit;
}
.navbar-default .menu--reservations > .last > a:hover,
.navbar-default .menu--inscription > .last > a:hover {
    font-weight: inherit;
}

/* ===== Fiche de réservation ===== */
.external-calendar {
    float: left;
    margin: 0 5px;
    padding: 5px;
    border-radius: 5px;
}
.table.sticky-header thead {
    position: static;
    z-index: 500;
}
.btn-group {
    display: flex;
}

/* ===== Calendrier ===== */
.calendar-view-pager__reset a,
.calendar-view-pager .pager__item > * {
    font-size: initial;
    line-height: initial;
}
.calendar-view-table .calendar-view-day__row {
    font-size: initial;
}
.view-calendrier-des-reservations ul {
    list-style-type: none;
}
.calendar-view-table caption {
    display: none;
    text-transform: capitalize;
}
.calendar-view-table {
    font-size: x-large;
}
.calendar-view-table a,
.calendar-view-table .calendar-view-day__row > * {}
.calendar-view-table th {
    font-size: 15px;
}
.calendar-view-table .calendar-view-day__number {
    width: 3.5rem;
}
.calendar-view-day__row .is-multi--middle,
.calendar-view-table .calendar-view-day__row {
    border: 0;
}
.sunday {}
.table-striped > tbody > tr:nth-of-type(odd) {}
.calendar-view-pager {
    list-style-type: none;
}

/* ===== Calendar Full ===== */
.views-live-preview .preview-section {
    margin: 0 -0.3125rem;
    padding: 0.1875rem 0.3125rem;
    border: 1px dashed #dedede;
}
.pager__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    margin: var(--space-m) 0;
    list-style: none;
    text-align: center;
    font-weight: 700;
}
.pager__item {
    display: inline-block;
    margin-inline: calc(var(--space-xs) / 2);
    vertical-align: top;
}
.form-item {
    margin-block: var(--space-l);
}
.form-item {
    margin-top: 0.5625rem;
    padding-top: 0;
    padding-bottom: 0;
}
.calendar-view-pager .pager__item > * {
    font-size: initial;
    line-height: initial;
    margin: 15px;
}
.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/core/misc/feed.svg) no-repeat;
}

/* ===== Boutton haut de page ===== */
.block-block-contentf55fcc99-ca94-4325-b3f0-c8ffd7f18806 {
    margin: 1em;
    text-align: right;
}
#block-boostrap-3-hautdepage .field--name-field-lien {
    margin-top: 2em;
}
.btn-booking {
    background-repeat: no-repeat;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 30%);
}

/* ===== Footer ===== */
#block-boostrap-3-calendrierdesdisponibilites {
    padding: 20px 0;
}
footer {
    text-align: center;
}
.footer {
    width: 100%;
    padding-top: 5px;
}
footer a {}
.region-footer {
    margin-right: auto;
    margin-left: auto;
}

/* ===== Mobile First ===== */
.navbar {
    margin-bottom: 0;
}
.navbar-brand {
    padding: 15px 0 15px 10px;
}

/* ===== Mobile Menu ===== */
.navbar-nav .expanded {
    padding: 10px 15px; 
}

/* ===== Mobile Reservation menu ===== */
#block-reservations-menu {
    display: none;
}

/* ===== ColorBox Gallery ===== */
.field-name-field-slideshow .field-item {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 5px;
}
#cboxTitle {
    display: none;
}

/* ===== Partenaire / Randonnees views ===== */
.view-id-partenaires .views-field-field-geolocation .col-sm-4,
.view-id-partenaires .views-field-field-image .col-sm-4,
.view-id-randonnee .views-field-field-geolocation .col-sm-4,
.view-id-partenaires .view-content .col-xs-12,
.view-id-randonnee .view-content .col-xs-12 {
    padding: 10px 0 0 0;
}
.view-id-partenaires img {
    display: block;
    margin: 0 auto;
}
/*.view-id-formules .field--name-field-info-f {
    margin-left: 15px;
}*/

/* ===== Calendrier ===== */
.calendar-view-pager {
    flex-direction: inherit;
}
.fc-day-grid-event .fc-time {
	display: none;
}

/* ===== Comprend field columns ===== */
.field--name-field-comprend .fieldset__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* ===== Media Queries ===== */

@media screen and (min-width: 320px) {
    .navbar-brand {
        font-weight: bold;
    }
}

@media screen and (min-width: 480px) {
    .gestionnaire {
        padding: 15px 9px;
        margin: 10px;
        height: 235px;
        width: 200px;
    }
}

@media screen and (min-width: 768px) {
    h1.page-header {
        margin: 40px 0 20px;
    }
    .navbar .container {
        padding-right: 0px;
    }
    .nav > li,
    .navbar-nav .expanded {
        padding: 0 0px;
    }
    .navbar-nav > li > a,
    .navbar-nav > li > a:hover {
        padding-top: 15px;
    }
    .navbar-nav > li > a {
        padding: 15px 10px;
    }
    .navbar .logo {
        padding-right: 0px;
        margin-right: 0px;
    }
    .navbar-brand {
        padding: 15px 0px 15px 10px;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }
    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-text {
        float: left;
        margin-right: 7px;
        margin-left: 10px;
    }
    .view-id-formules .view-content {
        grid-template-columns: repeat(2, 1fr);
    }
    .view-content {
        grid-template-columns: repeat(2, 1fr);
    }
    .article .field--name-field-images .field--item,
    .stage .field--name-field-images .field--item,
    .idee-de-sejour-externe .field--name-field-images .field--item,
    .chambre .field--name-field-images .field--item {
        width: 50%;
    }
    .view-id-partenaires img {
        padding-right: 10px;
    }
    .legende {
        width: 50%;
    }
    .region-footer {
        width: 750px;
    }
    .formules .field--name-field-prix .field--label,
	.formules .field--name-field-prix .field--item,
    .formules-saison .field--name-field-prix .field--label,
	.formules-saison .field--name-field-prix .field--item,
    .formules-saison .field--name-field-prix-basse-saison .field--label,
	.formules-saison .field--name-field-prix-basse-saison .field--item,
    .formules-saison .field--name-field-prix-moyenne-saison .field--label,
	.formules-saison .field--name-field-prix-moyenne-saison .field--item,
    .formules-saison .field--name-field-prix-haute-saison .field--label,
	.formules-saison .field--name-field-prix-haute-saison .field--item,
	.stage .field--name-field-prix .field--label,
	.stage .field--name-field-prix .field--item {
		margin: 0.3em 0;
	}
	.formules-grid .field--name-field-btn-reservation a {
		font-size: 1.8em;
	}	
    #block-boostrap-3-boutonreservationflying {
    display:none;
    }
}

@media screen and (min-width: 992px) {
    .navbar-brand {
        padding: 15px 5px 15px 10px;
    }
    .navbar-nav > li > a {
        padding: 15px 12px;
    }
    .region-footer {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .navbar-nav .expanded {
        padding: 0 15px;
    }
    .navbar-nav > li > a {
        /* padding: 15px 25px 12px 25px; */
    }
    .navbar-brand {
        padding-left: 25px;
    }
    .article .field--name-field-images .field--item,
    .stage .field--name-field-images .field--item,
    .idee-de-sejour-externe .field--name-field-images .field--item,
    .chambre .field--name-field-images .field--item {
        width: 33%;
    }
    .legende {
        width: 33%;
    }
    .region-footer {
        width: 1170px;
    }
}