@charset "UTF-8";
/*
 1 - BOOTSTRAP OVERRIDES
 2 - GENERAL
 3 - LAYOUT
 4 - HEADER
 5 - NAV
 6 - FOOTER
 7 - SIDEBAR
 8 - HOME
 9 - CAROUSEL
10 - CONTENT
11 - FICHE AUBERGE
12 - FICHE PRODUIT
13 - LISTE AUBERGES ET PRODUITS
14 - MON COMPTE
15 - PAGES TYPE
16 - PANIER (et MON COMPTE pour les tables)
17 - ÉVÉNEMENTS
18 - BOUTON SCROLL TO TOP (MOBILE)
19 - GOOGLE MAP
20 - GMAP DES HOTELS EN FRANCE
21 - OFFRES SPECIALES
22 - BOOKING FORM
23 - MAP LINK BLOCK
*/

/* ========================================================================== *\
   1 - BOOTSTRAP OVERRIDES
\* ========================================================================== */
a {
    color: #397AB4;
}
a.selected {
    color: #f08a11;
}
.remarque-dev {
    color: #f00;
}
.read-less a {
    display: block;
    text-align: right;
    margin-top: -1em;
    margin-bottom: 1.5em;
}
@media (min-width: 768px) {
    .read-less a {
        margin-bottom: 0;
    }
}
b,
strong {
    font-weight: 700;
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn-default {
    background-image: none;
    border-color: #ddd;
    text-shadow: 0 0 0 transparent;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
}
.btn-sm, .btn-xs {
    border-radius: 0;
    padding: 4px;
}
@media (min-width: 768px) {
    .btn-sm, .btn-xs {
        padding: 4px 10px;
    }
}
.btn-default.neutre {
    background: #f0f0f0;
}
.navbar {
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
    line-height: 1.1;
}
h3 {
    font-size: 13px;
    margin-top: 0;
}
.btn-fuaj,
.btn-fuaj.btn-search {
    font-family: "Roboto";
    color: #fff;
    background: #f08a11;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: background-color 0.3s ease;
    text-decoration: none !important;
}
.btn-fuaj.btn-search {
    font-family: "Roboto";
    font-size: 12px;
    padding: 4px;
    font-weight: bold;
    text-transform: uppercase;
    border: solid 2px #ee8100;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    transition: background-color 0.3s ease;
    min-width: 82px;
    text-decoration: none !important;
}
.btn-fuaj:hover,
.btn-fuaj.btn-search:hover,
a:hover .btn-fuaj,
a:hover .btn-fuaj.btn-search {
    background: #ffab3a;
    color: #fff;
    text-decoration: none !important;
}
.btn-fuaj-simple {
    font-family: "Roboto";
    color: #f08a11;
    display: inline-block;
    line-height: 1.428571429;
    cursor: pointer;
    transition: color 0.3s ease;
}
.h14 {
    font-size: 14px;
}
.h15 {
    font-size: 15px;
}
.h16 {
    font-size: 16px;
}
.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 0;
    padding-bottom: 0;
    padding-top: 0;
    left: 1.4%;
    right: 1.4%;
    text-align: right;
    text-shadow: none;
    z-index: 1; /* c.à.d >0 mais sous le datepicker */
}
p.slide-title {
    display: inline-block;
    clear: right;
    padding: 6px 8px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    background: rgba(70,132,188,.9);
    margin-bottom: 8px;
}
p.slide-baseline {
    display: inline-block;
    clear: right;
    padding: 8px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #397ab4;
    background: rgba(255,255,255,.9);
    margin-bottom: 8px;
}
.carousel-indicators li {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 1px;
    text-indent: -9999em;
    width: 14px;
    background: url(../img/carousel-indicator.png) no-repeat;
}
.carousel-indicators li.active {
    background-position: 0 100%;
    width: 14px;
    height: 14px;
    margin: 1px;
    background-color: transparent;
}
.carousel .glyphicon {
    margin-left: -10px;
    margin-top: -10px;
}
.glyphicon-lock:before {
    content: "\E033" !important;
}
.form-group {
    margin-bottom: 10px;
}
.form-control {
    border-radius: 0px;
    font-size: 12px;
    height: 26px;
    line-height: normal;
    padding: 4px 8px;
    color: inherit;
}
.form-horizontal .my.form-group {
    margin-left: -5px;
    margin-right: -5px;
}
.form-horizontal .control-label {
    text-align: left;
}
.row.my-row,
.my.row {
    margin-left: -5px;
    margin-right: -5px;
}
.my-col-1, .my-col-2, .my-col-3, .my-col-4, .my-col-5, .my-col-6, .my-col-7, .my-col-8, .my-col-9, .my-col-10, .my-col-11, .my-col-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    display: block;
}
.my.col-xs-1, .my.col-xs-2, .my.col-xs-3, .my.col-xs-4, .my.col-xs-5, .my.col-xs-6, .my.col-xs-7, .my.col-xs-8, .my.col-xs-9, .my.col-xs-10, .my.col-xs-11, .my.col-xs-12, .my.col-sm-1, .my.col-sm-2, .my.col-sm-3, .my.col-sm-4, .my.col-sm-5, .my.col-sm-6, .my.col-sm-7, .my.col-sm-8, .my.col-sm-9, .my.col-sm-10, .my.col-sm-11, .my.col-sm-12, .my.col-md-1, .my.col-md-2, .my.col-md-3, .my.col-md-4, .my.col-md-5, .my.col-md-6, .my.col-md-7, .my.col-md-8, .my.col-md-9, .my.col-md-10, .my.col-md-11, .my.col-md-12, .my.col-lg-1, .my.col-lg-2, .my.col-lg-3, .my.col-lg-4, .my.col-lg-5, .my.col-lg-6, .my.col-lg-7, .my.col-lg-8, .my.col-lg-9, .my.col-lg-10, .my.col-lg-11, .my.col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}
.my-col-1 {
    width: 8.3333%;
}
.my-col-2 {
    width: 16.6666%;
}
.my-col-3 {
    width: 25%;
}
.my-col-4 {
    width: 33.3333%;
}
.my-col-5 {
    width: 41.6666%;
}
.my-col-6 {
    width: 50%;
}
.my-col-7 {
    width: 58.3333%;
}
.my-col-8 {
    width: 66.6666%;
}
.my-col-9 {
    width: 75%;
}
.my-col-10 {
    width: 83.3333%;
}
.my-col-11 {
    width: 91.6666%;
}
.my-col-12 {
    width: 100%;
}
.my-form label {
    line-height: 2em;
}
.my-form label.label2 {
    line-height: 1em;
}
.my.col-sm-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.label-warning {
    background-color: #f08a11;
}




/* ========================================================================== *\
   2 - GENERAL
\* ========================================================================== */
html,
body {
    margin: 0;
    padding: 0;
}
em.highlight {
    color: #f08a11;
    font-style: inherit;
}
.b-r {
    border-right: solid 1px #ddd;
}
abbr[title], abbr[data-original-title] {
    border-bottom: none;
    cursor: inherit;
}
.jump {
    margin-bottom: 10px;
}
.no-jump {
    margin-bottom: 0;
}
.top-jump {
    margin-top: 10px;
}
.big-top-jump {
    margin-top: 30px;
}
.hidden-text {
    text-indent: -9999em !important;
}
.uppercase {
    text-transform: uppercase;
}
.highlight1 {
    color: #f08a11;
}
.highlight2 {
    color: #397AB4;
}
.uc {
    text-transform: uppercase;
}
.iblock {
    display: inline-block;
}
@media (max-width: 767px) {
    .mobile-nobr {
        white-space: nowrap;
    }
}
body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
html,
body {
    margin: 0;
    padding: 0;
}
em.highlight {
    color: #f08a11;
    font-style: inherit;
}
.b-r {
    border-right: solid 1px #ddd;
}
abbr[title], abbr[data-original-title] {
    border-bottom: none;
    cursor: inherit;
}
.jump {
    margin-bottom: 10px;
}
.no-jump {
    margin-bottom: 0;
}
.top-jump {
    margin-top: 10px;
}
.big-top-jump {
    margin-top: 30px;
}
.hidden-text {
    text-indent: -9999em !important;
}
.uppercase {
    text-transform: uppercase;
}
.highlight1 {
    color: #f08a11;
}
.highlight2 {
    color: #397AB4;
}
.uc {
    text-transform: uppercase;
}
.iblock {
    display: inline-block;
}
@media (max-width: 767px) {
    .mobile-nobr {
        white-space: nowrap;
    }
}
/* ========================================================================== *\
   3 - LAYOUT
\* ========================================================================== */
@media(max-width: 1024px) {
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
}
body {
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 13px;
    color: #2d2d2d;
}
.ui-width {
    width: 96%;
    margin: 0 2%;
}
@media(min-width: 768px) {
    .ui-width {
        width: 98%;
        margin: 0 1%;
    }
}
@media (min-width: 992px) {
    .ui-width {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
    }
}
.container.ui-width {
    padding-left: 0;
    padding-right: 0;
}
.caption {
    background: #2d2d2d;
    color: #fff;
}
#right {
    margin-bottom: 1em;
    position: relative;
    z-index: 1;
}
@media(min-width: 768px) {
    #right {
        margin-bottom: 0;
    }
}
#left {
    z-index: 2;
}
@media(max-width: 1024px) {
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
}
body {
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 13px;
    color: #2d2d2d;
}
.ui-width {
    width: 96%;
    margin: 0 2%;
}
@media(min-width: 768px) {
    .ui-width {
        width: 98%;
        margin: 0 1%;
    }
}
@media (min-width: 992px) {
    .ui-width {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
    }
}
.container.ui-width {
    padding-left: 0;
    padding-right: 0;
}
.caption {
    background: #2d2d2d;
    color: #fff;
}
#right {
    margin-bottom: 1em;
    position: relative;
    z-index: 1;
}
@media(min-width: 768px) {
    #right {
        margin-bottom: 0;
    }
}
#left {
    z-index: 2;
}
/* ========================================================================== *\
   4 - HEADER
\* ========================================================================== */
.loading {
    display: block;
    background: #2d2d2d;
    padding: 10px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -26px 0 0 -26px;
    z-index: 100;
}
/*.no-js .loading {
	display: none;
}
.no-js.js .loading {
	display: block;
}*/

.main-header {
    position: relative;
}
.main-header .col-xs-6.header-tools-container {
    padding-right: 0;
}
.le-logo a {
    display: block;
    max-width: 100%;
    position: relative;
}
@media(max-width: 991px) {
    .le-logo a img.img-responsive {
        max-width: 200%;
    }
}
.le-logo a span {
    color: #2c2c2c;
    display: block;
    font: bold 11px arial,sans-serif;
    position: absolute;
}
.le-logo a h1 {
    color: #2c2c2c;
    display: block;
    font: bold 11px arial,sans-serif;
    position: absolute;
    border: none;
}
@media(max-width: 767px) {
    .le-logo {
        display: none;
    }
}
@media (min-width: 992px) {
    .le-logo a span {
        font-size: 16px;
        left: 25.5%;
        top: 79%;
    }
    .le-logo a h1 {
        font-size: 16px;
        left: 25.5%;
        top: 79%;
    }
}
.header-height {
    min-height: 1px;
    position: relative;
}
@media(min-width: 768px) {
    .header-height {
        min-height: 127px;
    }
}
.main-header h6 {
    margin-top: 7px;
    margin-bottom: 0;
    font-size: 11px;
}
.main-header .block-account-title {
    margin-top: 7px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
    display: block;
    line-height: 1.1;
}
.main-header p {
    font-size: 11px;
}
@media (min-width: 992px) {
    .main-header h6 {
        font-size: 14px;
    }
    .main-header .block-account-title {
        font-size: 14px;
    }
    .main-header p {
        font-size: 13px;
    }
}
.header-tools {
    margin-top: 2mm;
    margin-bottom: 14px;
}
@media (min-width: 768px) {
    .header-tools {
        margin-top: -1px;
    }
}
.header-tools-1 {
    margin-right: -1px;
}
.header-tools-1 .btn-default,
.lang-switcher .btn-default {
    color: #777;
}
@media (min-width: 992px) {
    .header-tools-1 .btn-default,
    .lang-switcher .btn-default {
        min-width: 97px;
    }
}
.flag {
    width: 16px;
    height: 11px;
    background:url(../img/flags.png) no-repeat;
    display: inline-block;
    margin: 0 1em;
}
.flag.flag-de {
    background-position: -16px 0;
}
.flag.flag-es {
    background-position: -32px 0;
}
.flag.flag-fr {
    background-position: 0 -11px;
}
.flag.flag-gb {
    background-position: -16px -11px;
}
.lang-switcher a .row {
    margin-left: 0;
    margin-right: 0;
}
.lang-switcher .dropdown-menu > li > a {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
}
.compte-et-panier {
    margin-top: 14px;
}
@media(max-width: 767px){
    .log-me:before {
        content: "";
        font-family: "Glyphicons Halflings";
        line-height: 1;
        position: relative;
        top: 1px;
    }
    .header-mon-panier:before {
        content: "";
        font-family: "Glyphicons Halflings";
        line-height: 1;
        position: relative;
        top: 1px;
    }
}
.log-me,
.header-mon-panier {
    color: inherit;
}
.social-placeholder {
    position: relative;
    right: auto;
    bottom: auto;
}
@media(min-width: 768px) {
    .social-placeholder {
        /*margin-top: -40px;*/
        position: absolute;
        right: 0;
        bottom: 0;
    }
}
.social ul {
    margin-bottom: 0;
}
.social .list-inline > li {
    padding-left: 0;
    padding-right: 0;
    /*margin-left: 3px;*/
}
.social a {
    background: url(../img/social.png) no-repeat;
    display: inline-block;
    text-indent: -9999em;
    height: 21px;
    width: 21px;
    line-height: 20px; /* utile pour l'alignement vertical du texte inline a gauche des icones des reseaux sociaux dans la Fiche Auberge */
    transition: all .3s ease;
    outline: none;
}
.social a:hover {
    transition: all .3s ease;
}
.social a.fb {
    background-position: 0 0;
}
.social a.fb:hover {
    background-position: 0 -21px;
}
.social a.tw {
    background-position: -21px 0;
}
.social a.tw:hover {
    background-position: -21px -21px;
}
.social a.fl {
    background-position: -42px 0;
}
.social a.fl:hover {
    background-position: -42px -21px;
}
.social a.gp {
    background-position: -63px 0;
}
.social a.gp:hover {
    background-position: -63px -21px;
}
.social a.rs {
    background-position: -84px 0;
}
.social a.rs:hover {
    background-position: -84px -21px;
}
.social a.fs {
    background-position: -105px 0;
}
.social a.fs:hover {
    background-position: -105px -21px;
}
/* Bugfix Hover non conforme, http://redmine.in.itnetwork.fr/issues/2848 */
#head a.btn-default:hover, #head a.btn-default:focus {
    background-position: 0 !important;
}
.social a.ma {
    background-position: -126px 0;
}
.social a.ma:hover {
    background-position: -126px -21px;
}
/* Alerte concernant l'utilisation des cookies */
.alerte-cookies {
    background: #f0f0f0;
    color: #404040;
    display: block;
    font-size: 0.9em;
    padding: 1.2em 0 0.5em;
    width: 100%;
}
.alerte-cookies--placeholder {
    padding: 0 1em;
}
/* ========================================================================== *\
   5 - NAV
\* ========================================================================== */
/* Mars 2015
je gère une navbar fixed-top façon bootstrap pour mobile, mais en CSS entièrement
plutôt que d'ajouter une classe fixed-top à la nav en JS, qui ne s'appliquerait
qu'après le chargement de la page, provoquant un flick avant/après l'application
de la classe fixed-top.
En gros, je réécrit une classe fixed-top pour mobile uniquement.
*/
body {
    padding-top: 54px;
}
.my-fixed-top-navbar {
    top: 0;
    z-index: 1030;
    left: 0;
    position: fixed;
    right: 0;
}
@media (min-width: 768px) {
    body {
        padding-top: 0;
    }
    .my-fixed-top-navbar {
        top: auto;
        z-index: auto;
        left: auto;
        position: relative;
        right: auto;
    }
}
.menu .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.menu .navbar-nav {
    width: 100%;
    font-size: 14px;
}
@media(max-width: 767px) {
    .menu .navbar-nav {
        margin: 7.5px 0;
    }
}
.navbar {
    border-radius: 0;
    box-shadow: none;
    border: none;
    min-height: 34px;
    font-weight: 300;
}
@media(max-width: 767px){
    .navbar .h1,
    .navbar .h2,
    .navbar .h3 {
        font-weight: 300;
    }
    .navbar-inverse .navbar-toggle .glyphicon.glyphicon-arrow-down {
        color: #fff;
    }
}
@media(min-width: 768px){
    .navbar {
        font-weight: 500;
    }
}
.navbar-inverse {
    background-image: none;
    filter: none;
    background: #2d2d2d;
}
@media(max-width: 767px){
    .navbar-inverse {
        background: #fff;
    }
    .navbar-header {
        background: #2d2d2d;
    }
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    background: url(../img/nav-sep.png) no-repeat 100% 0;
}
@media(max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
        color: #000;
        background: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu a {
        color: #000;
        display: block;
        padding: 7px 15px;
    }
}
.navbar-inverse .navbar-nav > li:first-child > a,
.navbar-inverse .navbar-nav > li:last-child > a {
    background-image: none;
}
.navbar-inverse .navbar-nav > li > a {
    text-shadow: none;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #397ab4;
    background-image: url(../img/nav-gradient.png) !important;
    background-repeat: repeat-x !important;
    /*text-shadow: 2px 1px 0px #333;*/
}
.navbar-nav > li > a {
    padding: 7px 15px;
}
@media(min-width: 768px) and (max-width: 991px){
    .navbar-nav > li > a {
        padding: 7px .5em;
    }
}
@media(min-width: 992px) {
    .navbar-nav > li > a {
        padding: 7px 28px;
    }
    .navbar-nav > li:first-child > a {
        padding: 7px 15px;
    }
}
.navbar-nav > li > .dropdown-menu {
    border-radius: 0;
    z-index: 1031;
}
/* Dropdown menus et rich menus (yamm plugin overrides) */
.yamm .dropdown-menu {
    border: 2px solid #397ab4
}
/*@media(max-width: 320px){
	.yamm .dropdown-menu {
		color: #fff;
	}
}*/
.yamm .dropdown-menu.rich-menu.full {
    left: 0;
    width: 100%;
    padding: 1px 0;
}
.yamm .yamm-content {
    padding: 0;
    background: #fff;
    font-size: 13px;
}
/* Left tabs - extending Bootstrap 3 - http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3 */
/* custom inclusion of right, left and below tabs */
.tabs-left > .nav-tabs {
    border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}
.tab-content > .active,
.pill-content > .active {
    display: block;
}
.tabs-left > .nav-tabs > li {
    float: none;
}
.tabs-left > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
    float: left;
}
/* FUAJ skin for Yamm + stacked tabs */
.yamm .tabbable {
    background: #fff;
}
.yamm .tabbable .nav {
    background: #fff;
    padding-left: 10px;
    width: 30%;
}
.yamm .tab-content {
    float: left;
    width: 70%;
}
.yamm .tabbable .nav-tabs > li > a {
    color: #333;
    border: none;
    border-radius: none;
    padding: 4px 15px 4px 0;
    font-size: 1.1em;
}
.yamm .tabbable .nav > li > a:hover {
    background-color: #fff;
    color: #ffab3a;
}
.yamm .tabbable .nav > li > a:focus {
    background-color: #fff;
    color: #ffab3a;
}
.yamm .tabbable .nav-tabs > li.active > a {
    color: #ffab3a;
}
.tabs-left .tab-pane {
    /*float: left;*/
    min-height: 200px;
}
.tabs-left .tab-pane,
.tabs-left .tab-pane a {
    background: #397ab4;
    color: #fff;
}
.tab-pane .full {
    width: 100%;
}
.tab-pane .full .regular {
    padding: 10px;
}
.tab-pane .full .regular li {
    margin-bottom: 10px;
}
.tab-pane .full .regular li:last-child {
    margin-bottom: 0;
}
.tab-pane .full .themes {
    padding: 10px 0 10px 2%;
    width: 20%;
}
.tab-pane .full .themes li {
    margin-bottom: 7px;
    font-weight: 700;
    line-height: 1.2;
}
.tab-pane .full .activites {
    padding: 10px 2%;
    width: 80%;
}
.activites-container {
    display: block;
}
@media(min-width: 768px) {
    .activites-container {
        padding-left: 10px;
        border-left: solid 1px #fff !important;
    }
}
.yamm .tab-pane .h3 {
    color: #3978b0;
    font-size: 15px;
    font-weight: 500;
    background: #fff;
    padding: 4px 8px;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
}
@media(min-width: 768px) {
    .yamm .tab-pane .h3 {
        font-size: 12px;
        padding: 4px 4px;
    }
}
@media(min-width: 992px) {
    .yamm .tab-pane .h3 {
        font-size: 15px;
        padding: 4px 8px;
    }
}
.yamm .tab-pane .activites .h3 {
    margin-left: 10px;
}
.type-activites {
    margin-right: 5%;
    margin-bottom: 15px;
    max-width: 30%;
}
.type-activites:last-child {
    margin-right: 0;
}
.yamm .h4 {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 15px;
}
.type-activites li {
    font-size: 12px;
    margin-bottom: 4px;
    font-weight: normal;
    line-height: 1.3em;
}
.type-activites .list-unstyled li {
    display: block;
    padding-left: 12px;
    background: url(../img/ico-tiret.png) no-repeat 0 .5em;
}
/* navbar smartphones */
.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-brand {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    width: 82%;
}
.navbar-brand .img {
    display: block;
    float: left;
    width: 40%;
    margin-left: 15px;
    margin-top: 4px;
}
.navbar-brand .slogan {
    display: block;
    float: left;
    width: 50%;
    margin-top: 8px;
    padding-left: 5px;
}
.nav-mobile-switch {
    display: block;
    padding: 7px 0 7px 15px;
}
.nav-mobile-hidden-content {
    display: none;
}
.nav-mobile-hidden-content .h3 {
    font-size: 14px;
}
@media (min-width: 768px) {
    .nav-mobile-hidden-content .h3 {
        font-size: 12px;
    }
}
@media(max-width: 767px) {
    .navbar li.dropdown > a:after {
        content: "";/*  */
        font-family: "Glyphicons Halflings";
        color: #000;
        display: block;
        position: absolute;
        top: .5em;
        right: 1em;
        text-shadow: none !important;
        font-size: 14px;
    }
    .navbar li.dropdown.open > a:after {
        content: "";
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #397ab4;
    }
    .navbar-nav > li {
        border-bottom: solid 1px #b9b9b9;
    }
    .navbar-nav > li:first-child {
        border-top: solid 1px #b9b9b9;
    }
    .nav-mobile-hidden-content > div {
        padding-left: 15px;
    }
    /*.nav-mobile-hidden-content:last-child > div {
        margin-bottom: 6px;
    }*/
    .dropdown-menu ul {
        list-style-type: none;
        padding-left: 0;
    }
    /* Activites */
    .type-activites.pull-left {
        margin-right: 0;
        margin-bottom: 6px;
        max-width: 100%;
        float: none !important;
    }
    .yamm .type-activites .h4 {
        margin-bottom: 0;
    }
    .type-activites ul.list-unstyled {
        display: none;
    }
    .yamm .h4 {
        font-weight: normal;
        font-size: 14px;
    }
    .mobile-switch .glyphicon {
        font-size: 14px;
    }
    /* Avril 2015 - navbar plus "sobre" */
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px;
    }
    .yamm .dropdown-menu.rich-menu.full,
    .navbar-nav > li > ul {
        padding-left: 15px;
    }
    .navbar-nav .nav-mobile-switch {
        padding: 7px 0 7px 15px;
    }
    .block-fuaj-front-menu .mobile-switch {
        display: block;
        float: right;
        margin-right: 15px;
    }
    .navbar-nav ul ul ul {
        margin-left: 15px;
    }
}
/* ========================================================================== *\
   6 - FOOTER
\* ========================================================================== */
.main-footer a {
    text-decoration: none;
}
.main-footer address {
    margin-bottom: 0;
}
.footer-1 {
    background: #242424 url(../img/footer-bg.png) repeat-x;
    padding-top: 95px;
    padding-bottom: 40px;
}
@media (min-width: 768px) {
    .footer-1 {
        padding-top: 130px;
    }
}
.footer-1,
.footer-1 a {
    color: #c7c7c7;
}
.footer-1 a:hover {
    color: #fff;
    text-decoration: underline;
}
.footer-1 a.btn-fuaj {
    color: #fff;
}
.mobile-spacer {
    margin-top: 2em;
}
@media (min-width: 768px) {
    .mobile-spacer {
        margin-top: 0;
    }
}
.footer-1 a.linked-img img {
    opacity: 1;
    border: none;
    -moz-backface-visibility: hidden;
    transition: opacity .3s ease;
}
.footer-1 a.linked-img:hover img {
    opacity: .8;
    transition: opacity .3s ease;
}
.footer-1 .list-unstyled a {
    display: block;
}
.footer-1 .list-unstyled a:hover {
    text-shadow: 1px 1px 2px #000;
}
.footer-2 {
    background: #3a3a3a;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 2em;
}
@media(min-width: 768px){
    .footer-2 {
        font-weight: bold;
        line-height: auto;
    }
}
.footer-2,
.footer-2 a {
    color: #fff;
    transition: color .3s ease;
}
.footer-2 a:hover {
    color: #c7c7c7;
    transition: color .3s ease;
}
.footer-2 nav ul {
    padding: 1em 0;
    margin-bottom: 0;
}
.footer-2 nav li {
    margin-right: 2em;
}
@media(max-width: 767px){
    .footer-2 nav ul.list-inline li {
        width: 100%;
        margin-right: 0;
        padding: 0;
    }
}
#footer p.h3 {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
@media(min-width: 768px) {
    #footer p.h3 {
        font-size: 14px;
    }
    #footer p.h3.first {
        margin-top: 0;
    }
}
#footer .list-unstyled .list-unstyled {
    padding-left: 20px;
}
/* Accordéons du footer (mobile only) */
.mobile-switch {
    display: none;
}
@media(max-width: 767px) {
    .footer-accordeon-mobile .replie-mobile {
        display: none;
    }
    #footer .mobile-switch {
        display: block;
        float: right;
        margin-right: 14px;
    }
}
/* ========================================================================== *\
   7 - SIDEBAR
\* ========================================================================== */
.mini-jump-top {
    margin-top: 4px;
}
.btn.btn-default.sidebar {
    border-radius: 0;
    padding: 0 2px;
    margin: 0 1px;
    vertical-align: top;
    border: solid 1px #b9b9b9;
}
/* Bpoutons + et - */
/* sur le modele de .sidebar-input */
.btn.btn-xs.btn-plus,
.btn.btn-xs.btn-moins {
    height: 22px;
    border: solid 1px #b9b9b9;
    padding: 1px 0 0;
    width: auto;
    color: #666;
    min-width: 2em;
    margin-top: -3px;
}
@media(max-width: 767px) {
    .sidebar-not-home {
        display: none;
    }
}
.sidebar-not-home {
    text-align: center; /* pour iPad portrait */
}
@media (max-width: 768px) {
    .sidebar-not-home p {
        display: inline;
    }
}
/* Sidebar grise de l'accueil */
@media(max-width: 767px){
    #block-fuaj-news-leftnews {
        display: none;
    }
}
.sidebar-home {
    background: #ddd;
    padding: 10px 10px 0;
    font-size: 14px;
    font-weight: 400;
}
.sidebar-news {
    border-top: solid 1px #fff;
}
.sidebar-news.une {
    border-top: none;
}
.sidebar-news h4 {
    font-family: "Roboto", Arial, sans-serif;
    color: #2d2d2d;
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;
}
.sidebar-news .sidebar-news-title {
    font-family: "Roboto", Arial, sans-serif;
    color: #2d2d2d;
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;
}
.fake-table {
    display: table;
}
.fake-table-row {
    display: table-row;
    vertical-align: middle;
}
.fake-table-cell {
    display: table-cell;
    vertical-align: middle;
}
img.sidebar-une {
    -webkit-transform: rotate(-5deg);/* Agrandissement de la photo a  l'echelle 1.4 et rotation de -10 degres */
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    margin: 0 20px 20px 10px;
}
.restez-connecte h4 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 20px;
    border-bottom: solid 2px #2d2d2d;
    padding-bottom: 10px;
    font-weight: 400;
    text-transform: uppercase;
}
.restez-connecte ul {
    margin-bottom: 2px;
}
.restez-connecte ul a {
    display: inline-block;
    background: url(../img/social-sidebar.png) no-repeat;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    transition: background-position 0.5s ease-out;
}
.restez-connecte ul a:hover {
    transition: background-position 0.3s ease-out;
}
.restez-connecte ul li {
    padding: 0;
    margin-right: 8.5px;
    margin-bottom: 8px;
}
.restez-connecte ul li:nth-child(6) {
    margin-right: 0;
}
.restez-connecte ul a.facebook {
    background-position: 0 0;
}
.restez-connecte ul a.facebook:hover {
    background-position: 0 100%;
}
.restez-connecte ul a.twitter {
    background-position: -40px 0;
}
.restez-connecte ul a.twitter:hover {
    background-position: -40px 100%;
}
.restez-connecte ul a.flickr {
    background-position: -80px 0;
}
.restez-connecte ul a.flickr:hover {
    background-position: -80px 100%;
}
.restez-connecte ul a.google-plus {
    background-position: -120px 0;
}
.restez-connecte ul a.google-plus:hover {
    background-position: -120px 100%;
}
.restez-connecte ul a.rss {
    background-position: -160px 0;
}
.restez-connecte ul a.rss:hover {
    background-position: -160px 100%;
}
.restez-connecte ul a.youtube {
    background-position: -200px 0;
}
.restez-connecte ul a.youtube:hover {
    background-position: -200px 100%;
}
.restez-connecte ul a.linkedin {
    background-position: -240px 0;
}
.restez-connecte ul a.linkedin:hover {
    background-position: -240px 100%;
}
.restez-connecte ul a.pinterest {
    background-position: -280px 0;
}
.restez-connecte ul a.pinterest:hover {
    background-position: -280px 100%;
}
.restez-connecte ul a.blog {
    background-position: -320px 0;
}
.restez-connecte ul a.blog:hover {
    background-position: -320px 100%;
}
.restez-connecte ul a.foursquare {
    background-position: -360px 0;
}
.restez-connecte ul a.foursquare:hover {
    background-position: -360px 100%;
}
@media(max-width: 767px){
    .restez-connecte ul a {
        width: 30px;
        height: 30px;
        background-size: 300px;
    }
    .restez-connecte ul a.facebook {
        background-position: 0 0;
    }
    .restez-connecte ul a.facebook:hover {
        background-position: 0 100%;
    }
    .restez-connecte ul a.twitter {
        background-position: -30px 0;
    }
    .restez-connecte ul a.twitter:hover {
        background-position: -30px 100%;
    }
    .restez-connecte ul a.flickr {
        background-position: -60px 0;
    }
    .restez-connecte ul a.flickr:hover {
        background-position: -60px 100%;
    }
    .restez-connecte ul a.google-plus {
        background-position: -90px 0;
    }
    .restez-connecte ul a.google-plus:hover {
        background-position: -90px 100%;
    }
    .restez-connecte ul a.rss {
        background-position: -120px 0;
    }
    .restez-connecte ul a.rss:hover {
        background-position: -120px 100%;
    }
    .restez-connecte ul a.youtube {
        background-position: -150px 0;
    }
    .restez-connecte ul a.youtube:hover {
        background-position: -150px 100%;
    }
    .restez-connecte ul a.linkedin {
        background-position: -180px 0;
    }
    .restez-connecte ul a.linkedin:hover {
        background-position: -180px 100%;
    }
    .restez-connecte ul a.pinterest {
        background-position: -210px 0;
    }
    .restez-connecte ul a.pinterest:hover {
        background-position: -210px 100%;
    }
    .restez-connecte ul a.blog {
        background-position: -240px 0;
    }
    .restez-connecte ul a.blog:hover {
        background-position: -240px 100%;
    }
    .restez-connecte ul a.foursquare {
        background-position: -270px 0;
    }
    .restez-connecte ul a.foursquare:hover {
        background-position: -270px 100%;
    }
    .restez-connecte ul li:nth-child(6),
    .restez-connecte ul li {
        margin-right: 6.25px;
    }
    .restez-connecte ul li:last-child {
        margin-right: 0;
    }
}
.abonnez-vous {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .5px;
    width: 100%;
}
/* ========================================================================== *\
   8 - HOME
\* ========================================================================== */
.front h2 {
    font-size: 21px;
    font-weight: 400;
    color: #2d2d2d;
    padding-bottom: 5px;
    margin-bottom: 12px;
    border-bottom: solid 2px #2d2d2d;
    text-transform: uppercase;
}
/* Featured products */
.list-home-featured {
    margin-bottom: 0;
    float: left;
    width: 100%;
}
.list-home-featured li {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
a.home-featured {
    display: block;
    border: solid 1px #ddd;
    color: #333;
}
a.home-featured:hover {
    border-color: #f08a11;
}
a.home-featured .img-container {
    display: block;
    position: relative;
}
a.home-featured .img-container img {
    border-bottom: solid 1px #ddd;
    max-width: 100%;
    /*transition: transform .3s ease;*/
}
/*a.home-featured:hover .img-container img {
	transform: rotate(-2deg) scale(0.9);
	transition: transform .3s ease;
}*/
a.home-featured .img-label {
    display: block;
    width: auto;
    position: absolute;
    left: 0;
    bottom: 4px;
    background: #f08a11;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px;
}
.featured-details {
    display: block;
    padding: 4px 8px;
    width: 100%;
    /*float: left;*/
    color: #333;
    background-color: #fff;
    min-height: 51px;
    /*transition: background-color .3s ease;*/
}
/*a.home-featured:hover .featured-details {
	background-color: #f0f0f0;
	transition: background-color .3s ease;
}*/
.featured-details .col1 {
    display: block;
    width: 65%;
    margin-right: 2%;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.featured-details .col2 {
    width: 33%;
}
.featured-details .col1 span,
.featured-details .col2 span {
    display: block;
}
.featured-details .col2 .a-partir-de {
    font-size: 11px;
    text-align: right;
    font-weight: 700;
}
.featured-details .col2 .price {
    font-size: 28px;
    text-align: right;
    color: #f08a11;
    line-height: 1;
    font-weight: 500;
}
/* 5 bonnes raisons */
@media(max-width: 767px){
    #block-block-2 {
        display: none;
    }
}
.five-good-reasons h3 {
    font-size: 16px;
    color: #f08a11;
    font-weight: 700;
    margin-top: 2px;
    margin-bottom: 15px;
}
.five-good-reasons ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0 10px 0 0;
    font-size: 14px;
}
.five-good-reasons li {
    display: block;
    margin: 0 0 15px;
    padding: 0 0 0 25px;
    background: url(../img/ico-checked.png) no-repeat 0 3px;
    font-weight: normal;
}
/* FAUJ s'engage */
.fuaj-s-engage {
    margin-bottom: 1em;
}
.fuaj-s-engage li {
    margin-bottom: 13px;
    font-weight: 500;
}
.fuaj-s-engage img {
    max-width: 100%;
}
/* ========================================================================== *\
   9 - CAROUSEL
\* ========================================================================== */
.carousel-indicators {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    left: auto;
    right: 10px;
    top: auto;
    z-index: 15;
    width: auto;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
}
@media(min-width: 768px) {
    .carousel-indicators {
        bottom: auto;
        top: 10px;
    }
}
.maxed,
.carousel .item,
.carousel img {
    max-width: 100%;
}
.block-fuaj-sliderv2 {
    position: relative;
    display: none;
}
.block-fuaj-sliderv2 .carousel .node-evenements.view-mode-home_slideshow .field-name-field-slider-photo img {
    width: auto;
    max-width: none;
}
.block-fuaj-sliderv2 .carousel .node-evenements.view-mode-home_slideshow .field-name-title {
  width: 100%;
  top: 106px;
  left: 0;
  position: absolute;
}
.block-fuaj-sliderv2 .carousel .node-evenements.view-mode-home_slideshow .field-name-title h2 {
  border: 0;
  padding: 0 0 0 42px;
  font-size: 26px;
  margin: 0;
}
.block-fuaj-sliderv2 .carousel .node-evenements.view-mode-home_slideshow .field-name-title h2 a {
    color: #FFF;
    position: relative;
    z-index: 99;
    font-weight: bold;
}
.block-fuaj-sliderv2 .carousel .carousel-control-wrapper {
    background: none;
    text-shadow: none;
    position: absolute;
    top: 27%;
    left: 0;
    width: 100%;
    display: block;
    cursor: pointer;
}
.block-fuaj-sliderv2 .carousel .carousel-control-wrapper .carousel-control-inside {
    width: 100%;
    display: block;
    color: #fff;
    text-align: left;
}
.block-fuaj-sliderv2 .carousel .carousel-control-wrapper .carousel-control-inside a {
    position: relative;
    z-index: 99;
    opacity: 1;
    font-size: 36px;
    background: none;
}
.block-fuaj-sliderv2 .carousel .carousel-control-wrapper .carousel-control-inside a .glyphicon {
    margin-left: 0;
}
.block-fuaj-sliderv2 .carousel .carousel-control-wrapper .carousel-control-inside.right {
    text-align: right;
}
.block-fuaj-sliderv2 .carousel .carousel-indicators {
    width: 80%;
    text-align: left;
    position: relative;
    margin-bottom: -18px;
    z-index: 999;
    top: 10px;
    left: 41px;
    cursor: pointer;
}
.block-fuaj-sliderv2 .carousel .carousel-indicators li {
    background: #fff;
    opacity: 0.3;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}
.block-fuaj-sliderv2 .carousel .carousel-indicators li.active {
    opacity: 1;
}
@media (min-width: 1024px) {
  .block-fuaj-sliderv2 {
    display: block;
  }
  .block-fuaj-sliderv2 .carousel .carousel-indicators {
    width: 960px;
    margin: 0 auto -18px;
  }
  .block-fuaj-sliderv2 .carousel .node-evenements.view-mode-home_slideshow .field-name-field-slider-photo {
    text-align: center;
  }
  .block-fuaj-sliderv2 .carousel .node-evenements.view-mode-home_slideshow .field-name-title h2 {
    width: 960px;
    margin: 0 auto;
  }
  .block-fuaj-sliderv2 .carousel .carousel-control-wrapper .carousel-control-inside {
    width: 960px;
    margin: 0 auto;
  }
}
/* ========================================================================== *\
   10 - CONTENT
\* ========================================================================== */
.main-content {
    background: #fff;
    color: #333;
    font-size: 12px;
}
/* Si pas sur la home : on supprime le bandeau noir; */
.not-front .home-bg {
    background: #fff;
}
h1 {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-top: 0;
    border-bottom: solid 2px #333;
    padding-bottom: 7px;
}
.breadcrumb {
    background-color: #fff;
    border-radius: none;
    list-style: none outside none;
    margin-bottom: 5px;
    padding: 10px 0;
    font-size: 14px;
}
.breadcrumb,
.breadcrumb a {
    color: #999;
}
.breadcrumb .home-link {
    float: left;
}
.breadcrumb ol a.fln {
    float: none !important;
}
.breadcrumb .home-link:after {
    content: " >";
}
.breadcrumb ol {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.breadcrumb ol a {
    float: none;
}
.breadcrumb ol a:after {
    float: none;
}
@media(max-width: 767px) {
    #block-system-main {
        margin-bottom: 1em;
    }
}
/* ========================================================================== *\
   11 - FICHE AUBERGE
\* ========================================================================== */
/* Carousel type Fiche Auberge - jQuery plugin "jCarousel" */
/*.carousel.carousel-stage img {
	width: 100%;
}*/
.connected-carousels {
    background: #2d2d2d;
}
.connected-carousels .stage {
    width: 300px;
    max-width: 100%;
}
.connected-carousels .carousel-stage {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: auto;
}
.connected-carousels .prev-stage,
.connected-carousels .next-stage {
    color: #FFFFFF;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 20%;
}
.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
.connected-carousels .navigation {
    margin: 0 auto 1em;
    position: relative;
    width: 80%;
}
.connected-carousels .carousel-navigation {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    width: auto;
    padding: 2px 0;
}
.connected-carousels .carousel-navigation li img {
    border: 1px solid #2d2d2d;
    display: block;
}
.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: #ffbf00;
    /*font: normal 30px/29px Arial,sans-serif;*/
    height: 30px;
    position: absolute;
    text-decoration: none;
    text-shadow: none;
    width: 30px;
    background: url(../img/jcarousel-prev-next.png) no-repeat;
}
.connected-carousels .prev-navigation {
    left: -30px;
    text-indent: -9999em;
    top: 13px;
    background-position: 0 0;
}
.connected-carousels .next-navigation {
    right: -30px;
    text-indent: -9999em;
    top: 13px;
    background-position: 0 -30px;
}
.connected-carousels .prev-stage span {
    left: 15px;
}
.connected-carousels .next-stage span {
    right: 15px;
}
.connected-carousels .stage {
    margin: 0 auto;
}
/* Resume */
.auberge-resume {
    text-align: justify;
}
.auberge-resume a {
    color: #333;
    text-decoration: underline;
}
.vous-aimez {
    display: none;
}
@media (min-width: 768px) {
    .vous-aimez {
        display: block;
    }
}
.vous-aimez {
    margin: 1em 0;
}
/* Cartouche prix */
a.lien-cartouche-prix {
    display: block;
    margin-bottom: 1em;
    color: #f08a11;
}
.nom-produit {
    display: block;
    width: 60%;
    float: left;
    font-size: 18px;
    color: #f08a11;
    line-height: 40px;
}
.lien-cartouche-prix.sans-prix .nom-produit {
    width: 45%;
}
.no-price {
    color: #F08A11;
    display: block;
    font-size: 1.1em;
    line-height: 1.4em;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
}
.conteneur-prix {
    display: block;
    float: left;
    width: 40%;
}
a .voir-les-tarifs {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #f08a11;
    text-decoration: none;
}
a:hover .voir-les-tarifs {
    text-decoration: underline;
}
/* Pour le reste des cartouches prix, voir la partie commune => voir plus bas, "FICHE PRODUIT" */
/* Tous les produits */
ul.tous-les-produits {
    display: block;
    list-style-type: none;
    margin: 0 0 1.5em;
    padding: 0;

}
ul.tous-les-produits li {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin: 0;
    padding: 0;
}
ul.tous-les-produits li a {
    display: block;
    margin-left: 2em;
    color: #397ab4;
}
ul.tous-les-produits li a:before {
    content: "\3e\20";
}
/* fiche technique */
.fiche-technique .hide {
    display: none;
}
.fiche-technique span {
    display: block;
    margin-left: 1em;
}
.fiche-technique span[itemprop="photo"] {
    margin-left: -10px;
}
.fiche-technique strong {
    font-size: 13px;
}
.fiche-technique {
    padding: 10px 10px 0;
    background: #f0f0f0;
    margin-bottom: 1em;
}

.fiche-technique .hide {
    display: none;
}
.fiche-technique span {
    display: block;
    margin-left: 1em;
}
.fiche-technique p {
    margin-left: 1em;
}
.fiche-technique span[itemprop="photo"] {
    margin-left: -10px;
}
.fiche-technique h3 {
    margin-bottom: 0;
}
.fiche-technique .list-unstyled {
    margin-left: 1em;
}
.fiche-technique a {
    color: #333;
    text-decoration: underline;
}
.fiche-technique .icones {
    float: left;
    width: 100%;
    clear: left;
}
.fiche-technique #aj_tel span{
    margin-left: 0;
}
.fiche-technique .icones a {
    text-decoration: none;
    display: block;
    float: left;
    margin-right: 5px;
    min-height: 33px;
    line-height: 33px;
}
.fiche-technique .icones a.handicaps {
    display: block;
    float: left;
    background: #094fa3;
    margin-right: 0;
}
.handicaps span {
    display: block;
    float: left;
    letter-spacing: normal;
    background: url(../img/icones/handicaps.png) no-repeat;
    /*margin-right: 1px;*/
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999em;
    margin-right: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.handicaps span.tourisme-et-handicap {
    height: 5px;
    width: 44px;
    overflow: hidden;
    background-position: 0 100%;
    clear: left;
}
.handicaps span.handicap-moteur {
    background-position: -28px 0;
}
.handicaps span.handicap-mental {
    background-position: -57px 0;
}
.handicaps span.handicap-auditif {
    background-position: -85px 0;
}
.handicaps span.handicap-visuel {
    background-position: -114px 0;
}
.infos-paiement {
    display: block;
    width: 100%;
    letter-spacing: -0.31em; /* trick pour virer les espaces entre les éléments inline-block (cf http://theamazingweb.net/2013/06/24/fixing-display-inline-block/) */
}
.infos-paiement .half {
    letter-spacing: normal;
    display: inline-block;
    width: 50%;
}
.cc-ok,
.cc-no {
    padding-top: 4px;
    padding-left: 38px;
    min-height: 32px;
    line-height: 1;
}
.cc-ok {
    background: url(../img/icones/credit-cards.png) no-repeat 0 -3px;
}
.cc-no {
    background: url(../img/icones/no-credit-cards.png) no-repeat 0 -3px;
}
.cv-ok {
    /*margin-top: 2px;*/
    padding-top: 4px;
    padding-left: 38px;
    background: url(../img/icones/cheques-vacances.png) no-repeat 0 4px;
    min-height: 32px;
    line-height: 1;
}
/* Tabs */
.auberge-tabs .nav-tabs li {
    width: 25%;
}
.auberge-tabs .nav > li > a {
    padding: 3px 1px;
}
.auberge-tabs .nav-tabs > li > a {
    border: 0px solid transparent;
    border-radius: 0;
    line-height: 1.3;
    margin-right: 1px;
    background: #f0f0f0;
    color: #333;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.auberge-tabs .nav-tabs > li > a b {
    display: block;
    font-weight: 400;
}
.auberge-tabs .nav-tabs > li > a:hover,
.auberge-tabs .nav-tabs > li > a:focus,
.auberge-tabs .nav-tabs > li.active > a,
.auberge-tabs .nav-tabs > li.active > a:hover,
.auberge-tabs .nav-tabs > li.active > a:focus {
    color: #fff;
    background: #f08a11;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
}
.auberge-tabs .nav-tabs .table-table {
    display: table;
    width: 100%;
}
.auberge-tabs .nav-tabs .table-row {
    display: table-row;
}
.auberge-tabs .nav-tabs .table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 3em;
}
.auberge-tabs .tab-content {
    border: solid 1px #ddd;
    border-top: solid 3px #f08a11;
    font-size: 12px;
    text-align: justify;
}
.auberge-tabs .tab-marges {
    margin: 0 10px;
}
.auberge-tabs h2 {
    font-size: 13px;
    color: #f08a11;
    margin: 0 0 .5em;
    text-align: left;
}
/* tab contents */
.auberge-tabs .services {
    padding-top: 10px;
}
.auberge-tabs .services a {
    color: #333;
    text-decoration: underline;
}
.services .list-unstyled {
    margin-left: 1em;
    text-align: left;
}
.services-2-cols {
    display: block;
    width: 100%;
    letter-spacing: -0.31em; /* trick pour virer les espaces entre les éléments inline-block (cf http://theamazingweb.net/2013/06/24/fixing-display-inline-block/) */
}
.services-2-cols .half {
    letter-spacing: normal;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.page-auberge-de-jeunesse .suggestions-sejours {
    text-align: left;
    line-height: 1.2em;
}
.suggestions-sejours ul {
    margin-bottom: 0;
}
.suggestions-sejours li {
    border-bottom: solid 1px #ddd;
}
.suggestions-sejours li:last-child {
    border-bottom: none;
}
.suggestions-sejours a {
    padding: 10px;
    display: block;
    color: #333;
    float: left;
    width: 100%;
    margin: 0;
}
.suggestions-sejours a:hover {
    text-decoration: none;
    background: #397AB4;
}
.suggestions-sejours .titre {
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: .5em;
}
.suggestions-sejours a:hover .titre {
    color: #fff;
}
.suggestions-sejours .ligne {
    display: block;
    float: left;
    width: 100%;
}
.suggestions-sejours .visuel {
    display: block;
    float: left;
    width: 35%;
    margin: 0 5% 0 0;
}
.suggestions-sejours .visuel img {
    max-width: 100%;
}
.suggestions-sejours .a-partir-de-et-prix {
    display: block;
    float: left;
    width: 60%;
}
.suggestions-sejours .a-partir-de-et-prix .a-partir-de {
    display: block;
    margin-top: 10px;
    margin-left: 12.5%; /* 12.5% au lieu de 20px pour être utilisé aussi dans le contexte de la fiche produit */
    font-size: 9px;
}
.suggestions-sejours .a-partir-de-et-prix .prix {
    display: block;
    text-align: right;
    margin-right: 25%; /* 25% au lieu de 40px pour être utilisé aussi dans le contexte de la fiche produit */
    font-size: 22px;
    color: #f08a11;
    font-weight: 500;
    margin-top: 10px;
}
.suggestions-sejours a:hover .a-partir-de-et-prix .prix {
    color: #fff;
}
.suggestions-sejours .a-partir-de-et-prix .prix .decimales {
    font-size: 16px;
    font-weight: 500;
}
.auberges-proximite {
    background: #f0f0f0;
    padding: 10px;
    margin: .5em 0 1em;
}
.auberges-proximite h2 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 1em;
    border-bottom: solid 2px #333;
    padding-bottom: 7px;
}
.auberges-proximite a {
    display: block;
    text-decoration: none;
}
@media (max-width: 767px) {
    .auberges-proximite a {
        text-align: center;
    }
}
.auberges-proximite a .nom {
    display: block;
    background: #f08a11;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: .25em .3em;
    margin: .5em 0 1.5em;
}
@media (min-width: 768px) {
    .auberges-proximite a .nom {
        display: inline-block;
        margin: -1px 1px 0 1px;
    }
}
.auberges-proximite a .visuel {
    display: block;
}
.auberges-proximite a .visuel img {
    display: block;
    max-width: 100%;
    border: solid 1px #f0f0f0;
}
.auberges-proximite a:hover .visuel img {
    border: solid 1px #f08a11;
}
/* ========================================================================== *\
   12 - FICHE PRODUIT
\* ========================================================================== */
.page-produit p.nom-auberge {
    line-height: 1.6em;
}
.page-produit p.nom-auberge a {
    font-size: 15px;
}
.page-produit .chapo {
    font-size: 12px;
    background: #f0f0f0;
    padding: 10px 20px;
    margin-bottom: 1em;
}
@media(min-width: 768px){
    .page-produit .chapo {
        min-height: 185px;
    }
}
.page-produit .chapo a {
    color: inherit;
    text-decoration: underline;
}
.page-produit .visuel {
    margin-bottom: 4px;
}
/*.page-produit .visuel img {
	width: 100%;
	height: auto;
	max-height: 130px;
}*/
.page-produit .visuel img {
    /*width: 190px;*/
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    /*max-height: 130px;*/
}
.page-produit .cartouche-prix {
    margin-bottom: 1em;
}
/* Cartouche prix (y compris pour FICHE AUBERGE) */
.cartouche-prix {
    display: block;
}
.cartouche-prix .ombre-d {
    display: block;
    background: url(../img/cartouche-prix-ombre.png) no-repeat 100% 100%;
}
.cartouche-prix .ombre-g {
    display: block;
    background: url(../img/cartouche-prix-ombre.png) no-repeat 0 100%;
    padding-bottom: 12px;
}
.cartouche-prix .cartouche-table {
    display: table;
    width: 100%;
}
.cartouche-prix .cartouche-row {
    display: table-row;
}
.cartouche-prix .cartouche-cell {
    border: solid 1px #ccc;
    padding: 8px 10px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
a:hover .cartouche-prix .cartouche-cell {
    border-color: #f08a11;
}
.cartouche-prix .a-partir-de {
    color: #333;
}
.cartouche-prix .prix .unites,
.cartouche-prix .prix .devise {
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
}
.cartouche-prix .prix .decimales {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}
/* Spécifique fiche produit : */
.page-produit .cartouche-prix .a-partir-de {
    font-size: 11px;
    display: block;
    float: left;
    width: 35%;
    margin-right: 5%;
    line-height: 35px;
}
.page-produit .cartouche-prix .prix {
    display: block;
    float: left;
    width: 60%;
    text-align: right;
    color: #f08a11;
    line-height: 1;
}
.page-produit .produits-tabs .tab-pane > .cadre {
  padding: 0;
}
.page-produit .produits-tabs #tab2 > .cadre {
  padding: 0 0 1em 0;
}
.page-produit .produits-tabs .cadre:first-child {
  border-top: 3px solid #f08a11;
}
.page-produit .disponibilites h2.dispo,
.page-produit .suggestions h2.dispo{
  margin-left: 0;
  margin-right: 0;
}
.page-produit .disponibilites > .row,
.page-produit .suggestions > .row{
  margin-top: 0.75em;
}
/* Spécifique fiche auberge : */
.page-auberge-de-jeunesse .cartouche-prix .a-partir-de {
    font-size: 11px;
    display: block;
    /*float: left;*/
    /*width: 35%;*/
    /*margin-right: 5%;*/
    text-align: right;
    line-height: 1;
}
.page-auberge-de-jeunesse .cartouche-prix .prix {
    display: block;
    /*float: left;*/
    /*width: 60%;*/
    text-align: right;
    color: #f08a11;
    line-height: 1;
}
/* Tabs */
.produits-tabs .nav-tabs li {
    width: 33.333%;
    margin-top: 2px; /* utile pour mobile, quand on a beaucoup d'onglets et qu'ils s'affichent sur plusieurs lignes => permet de les séparer verticalement */
}
@media(min-width: 768px) {
    .produits-tabs .nav-tabs li {
        width: 20%;
    }
}
.produits-tabs .nav > li > a {
    padding: 3px;
}
@media(min-width: 768px) {
    .produits-tabs .nav > li > a {
        padding: 3px 18px;
    }
}
.produits-tabs .nav-tabs > li > a {
    border: 0px solid transparent;
    border-radius: 0;
    line-height: 1.3;
    margin-right: 1px;
    background: #f0f0f0;
    color: #333;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}
@media(min-width: 768px) {
    .produits-tabs .nav-tabs > li > a {
        font-size: 14px;
    }
}
.produits-tabs .nav-tabs > li > a b {
    display: block;
    font-weight: 400;
}
.produits-tabs .nav-tabs > li > a:hover,
.produits-tabs .nav-tabs > li > a:focus,
.produits-tabs .nav-tabs > li.active > a,
.produits-tabs .nav-tabs > li.active > a:hover,
.produits-tabs .nav-tabs > li.active > a:focus {
    color: #fff;
    background: #f08a11;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
}
.produits-tabs .nav-tabs .table-table {
    display: table;
    width: 100%;
}
.produits-tabs .nav-tabs .table-row {
    display: table-row;
}
.produits-tabs .nav-tabs .table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 3em;
}
.produits-tabs .tab-content {
    font-size: 12px;
    text-align: justify;
}
.produits-tabs .tab-marges {
    margin: 0 10px;
}
.produits-tabs h2 {
    font-size: 13px;
    color: #f08a11;
    margin: 0 0 .5em;
}
.produits-tabs h3 {
    font-size: 13px;
    color: #333;
    margin: 0 0 .5em;
}
.produits-tabs .reduc-enfants {
    line-height: 1.2em;
}
.produits-tabs .reduc-enfants tr:first-child td {
    padding: 0 1px 1px;
}
.produits-tabs .reduc-enfants tr:last-child td {
    padding: 1px 1px 0;
}
.produits-tabs .reduc {
    min-width: 80px;
    text-align: right;
    color: #f08a11;
    font-weight: bold;
}
.produits-tabs .tarifs .table {
    margin-bottom: 5px;
}
.produits-tabs .tarifs .table > thead > tr > th {
    background: #397ab4;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: 300;
    border-bottom: 0px solid transparent;
    vertical-align: middle;
    padding: 1px 4px;
}
.produits-tabs .tarifs .table tbody > tr > td {
    border-top: 1px solid #ccc;
    padding: 4px 4px;
    vertical-align: middle;
    text-align: center;
}
.produits-tabs .tarifs .table tbody > tr.promotion > td {
    background-color: #F08A11;
    color: #fff;

}
.produits-tabs .tarifs .picto-promo {
    background-color: #fff;
    color: #F08A11;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    border-radius: 20px;

}
.produits-tabs .tarifs p.pied {
    text-align: right;
    font-size: .75em;
    margin-top: 0;
    color: #888;
}
.switch-tarifs a {
    color: inherit;
    text-decoration: underline;
}
.zoning-resa {
    padding: 10px;
}
.zoning-resa#non_reservable {
  background: #f0f0f0;
}
.zoning-resa#non_reservable h3 {
  margin-bottom: 1em;
}
.form_resa {
    border-top: 1px solid #ddd;
    padding: 10px 0 0;
    margin: 10px 0 0;
}
.form_resa .chosen-container {
    max-width: 60px;
}
.resa-input {
    border: solid 1px #cacbcc;
    padding: 10px;
    width: auto;
    max-width: 100%; /* pour les smartphones */
    color: #666;
    border-radius: 5px;
}
.has-error label {
    color: #b94a48;
}
.has-error .resa-input {
    border-color: #b94a48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #d59392;
}
.resa-input.size2 {
    width: 40px;
    margin-right: 13px;
    text-align: center;
}
.resa-input.age {
    width: 38px;
}
.resa-input.calendar {
    width: 110px;
    background: #fff url(../img/ico-calendar.png) no-repeat 98% 50%;
}
.bgimage-calendar {
  background: #fff url(../img/ico-calendar.png) no-repeat 98% 50%;
}
.resa-input + .ui-datepicker-trigger {
    display: none;
}
.zoning-resa label.chtio {
    font-weight: 400;
    white-space: nowrap;
}
.resa-select {
    width: 100%;
    border-radius: 0;
    border: solid 1px #b9b9b9;
    background: #fff;
    text-align: center;
}
#resa2 {
    margin: 10px 0;
    border: solid 1px #ddd;
    background-color: #fff;
}
#resa2 > .row {
    margin: 10px 0;
    padding: 0 0 10px;
}
#resa2 h3 {
    padding-bottom: 10px;
    color: #397ab4;
    border-bottom: solid 1px #ddd;
}
#resa2 .resa-select {
    width: 80px;
}
#resa2 .sous-total {
    font-weight: 700;
}
#resa2 input.calendar {
    width: 110px;
    height: 40px;
    border-right: 1px solid #b9b9b9;
}
@media screen and (min-width: 768px) {
    #resa2 {
        padding: 10px;
    }
}
.nb-nuits-placeholder {
    margin-left: 20px;
}
p.resa-legende {
    font-size: 10px;
    text-align: center;
    margin: 1px 0 0;
    white-space: nowrap;
}
.get-resa-table-height .dates {
    margin-top: 10px;
    margin-bottom: 20px;
}

.row.voyageurs {
  margin-bottom: 20px;
}
.voyageurs > div > h3 {
border-top: 1px solid #ddd;
padding: 10px 0;
}
.voyageurs h3 > span {
    display: inline-block;
    padding: 2px 7px;
    background-color: #F08A11;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
}
.voyageurs h3 .popover-title {
    margin-bottom: 0;
}
.voyageurs .champ {
    display: flex;
    align-items: center;
}
.voyageurs .champ label {
    margin-right: 10px;
}
.voyageurs .td_age {
  margin-top: 20px;
}
.option_panier_popover {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    background-color: #666;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    font-size: 16px;
    font-style: italic;
    font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}
.chosen-container-single .chosen-single {
    background: #fff;
    height: auto;
    padding: 5px 10px;
}
.chosen-container-single .chosen-single div b {
    margin-top: 5px;
}
.popover {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.popover.top {
    margin-top: -15px;
}
.popover.top .arrow {
    bottom: -10px;
}
.popover.top .arrow::after {
    border-top-color: #F9F9F9;
}
.popover-title {
    font-weight: 700;
    border-bottom: 0;
}
.popover-content {
    font-weight: 400;
    background-color: #F9F9F9;
}
.produits-tabs h3 {
    margin-bottom: 0;
}
/* Juillet 2015 - "Code promo" */
.row.code-promo {
    padding: 0 0 10px;
}
.code-promo label.h2 {
    font-size: 13px;
}
.code-promo .form-group {
  border-top: 1px solid #ddd;
  margin: 0;
  padding-top: 10px;
}
.code-promo .form-group p {
  margin: 0;
}
#code_promo {
    width: 111px;
}
.code-promo .info {
    font-size: 10px;
    margin-bottom: 0;
    clear: left;
}
.row.validation-options {
    border-top: 1px solid #ddd;
    padding: 10px 0 0;
    margin: 10px 0 0;
}
.btn-dispo-placeholder {
    text-align: center;
    margin-top: 1em;
}
.btn-dispo-placeholder a {
    margin: 0 auto;
}
@media (min-width: 769px) {
    .btn-dispo-placeholder {
        margin-top: 0;
        margin-left: -24px;
    }
    .btn-dispo-placeholder a {
        margin: 47px auto 0;
    }
}
h2.dispo {
    font-size: 13px;
    color: #397ab4;
    border-bottom: solid 1px #ddd;
    padding: 10px 0;
    margin: 0 10px;
}
h2.dispo span.type-dispo {
    display: block;
}
.titre-disponibilites,
.disponibilites-contenu {
    background: #f0f8ff;
}
.disponibilites-contenu {
    padding: 10px;
}
#datepicker .ui-datepicker-calendar a {
    cursor: default;
}
#datepicker .ui-widget-header {
    background: #fff;
    color: #333;
    border: 0;
    border-bottom: 1px solid #b2b2b2;
}
#datepicker .ui-widget-header .ui-icon {
    background-image: url("../img/ui-icons_666_256x240.png");
}
#datepicker .date-tarif-pleine-saison .ui-state-default {
    background: #fff;
    color: #333;
}
#datepicker .date-non-disponible .ui-state-default {
    background: #bbb;
    color: #333;
    border-color: transparent;
}
#datepicker .date-non-disponible.date-passee .ui-state-default {
  background: #f1f1f1;
  color: #d6d6d6;
}
.dispo-table {
    width: 100%;
    font-size: 12px;
}
.dispo-table th,
.dispo-table td {
    padding: 1px;
}
.dispo-table th b {
    font-weight: normal;
}
@media (min-width: 480px) {
    .dispo-table th b {
        font-weight: 700;
    }
    .dispo-table th,
    .dispo-table td {
        padding: 5px;
    }
}
.dispo-table th:first-child,
.dispo-table td:first-child {
    padding-left: 0;
}
@media (min-width: 768px) {
    .dispo-table .uniforme {
        width: 16%;
    }
}
.dispo-table .times, .loading_btn {
    color: #999;
}
.dispo-table .shoot a {
    color: #666;
    text-decoration: none;
    /*font-size: 12px;*/
}
.btn-ajout-panier-placeholder {
  margin-top: 1em;
  margin-bottom: 1em;
    width: 25%;
    float: right;
    text-align: center;
}
.btn-ajout-panier-placeholder a {
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .btn-ajout-panier-placeholder {
        margin-right: 25px;
    }
}
.get-dispo-table-height,
.get-resa-table-height {
    position: relative;
}
.btn-dispo-placeholder {
    width: 25%;
    float: right;
}
.btn-ajout-panier-placeholder .btn-fuaj.btn-search,
.btn-dispo-placeholder .btn-fuaj.btn-search {
    display: block;
    width: 100%; /* utile pour les <input> */
}
@media (max-width: 768px) {
  .btn-ajout-panier-placeholder,
  .btn-dispo-placeholder {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
  }
  .btn-ajout-panier-placeholder .btn-fuaj.btn-search,
  .btn-dispo-placeholder .btn-fuaj.btn-search {
    display: inline-block;
  }
  .btn-ajout-panier-placeholder {
    padding: 1em 30px;
  }
}
.btn-dispo-placeholder .btn-fuaj.btn-search {
    font-size: 11px;
}
.dispo-table .montant-total {
    color: #397AB4;
}
.page-produit .suggestions-sejours .a-partir-de-et-prix .a-partir-de {
    text-align: center
}
#resultats-tarifs > div:last-child {
  clear: both;
}
#resultats-tarifs #disponibilite h2 {
  padding-left: 10px;
}
/* Onglet "L'Auberge de Jeunesse" */
.fiche-produit-visuel-auberge {
    float: left;
    width: 25%;
    margin: 0 10px 10px 0;
}
.fiche-produit-visuel-auberge img {
    max-width: 100%;
}
.page-produit .vous-aimez {
    clear: left;
}
.produits-tabs .fiche-technique {
    margin-bottom: 0;
}
a.voir-la-page-auberge {
    color: #397AB4;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}
a.voir-la-page-auberge:hover {
    text-decoration: underline;
}
.page-produit .infos-paiement .half {
    width: 25%;
}
/* Suggestions autres produits depuis fiche produit */
.fiche-produit-suggestions {
    background: #fff;
}
.fiche-produit-suggestions ul {
    list-style-type: none;
    display: block;
    float: left;
    width: 100%;
    clear: left;
    margin: 0;
    padding-left: 10px;
}
.fiche-produit-suggestions ul li {
    display: block;
    float: left;
    width: 33.33333%;
}
.fiche-produit-suggestions ul li:nth-child(3n+1) {
    clear: left;
}
@media(max-width: 640px) {
    .fiche-produit-suggestions ul li {
        float: none;
        width: 100%;
    }
}
.fiche-produit-suggestions a {
    display: block;
    padding: 10px 10px 10px 0;
    text-align: left;
    text-decoration: none;
}
.fiche-produit-suggestions a * {
    text-decoration: none;
}
.fiche-produit-suggestions a:focus {
    outline: none;
    border: none;
}
.fiche-produit-suggestions a:focus * {
    text-decoration: none;
}
.fiche-produit-suggestions a:hover {
    text-decoration: none;
}
.fiche-produit-suggestions .a-partir-de-et-prix {
    display: block;
    text-align: right;
}
.fiche-produit-suggestions a .a-partir-de {
    color: #333;
    font-size: 9px;
}
.fiche-produit-suggestions a .a-partir-de-et-prix .prix {
    color: #F08A11;
    font-size: 22px;
    font-weight: 500;
}
.fiche-produit-suggestions a .a-partir-de-et-prix .prix .decimales {
    font-size: 16px;
    font-weight: 500;
}
.fiche-produit-suggestions a .thumb {
    display: block;
    text-align: center;
  overflow: hidden;
}
.fiche-produit-suggestions a .thumb img {
    display: block;
    border: 1px solid #fff;
    border-top: none;
    max-width: 99%;
}
.fiche-produit-suggestions a:hover .thumb img {
    border-color: #F08A11;
}
.fiche-produit-suggestions a .titre {
    background: #F08A11;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    /*margin: -1px 1px 0;*/
    padding: 0.25em 0.3em;
    height: 3.3em;
    overflow: hidden;
    border: solid 1px #fff;
    border-bottom: none;
    width: 99%;
}
.fiche-produit-suggestions a:hover .titre {
    border-color: #F08A11;
}
/* partages bas de page (fiche produit) */
.social-pied-placeholder {
    margin-top: .2em;
}
.social-pied-placeholder p {
    margin-right: 1em;
}
/*
 * Date picker
 */
/* Conteneur du datepicker */
.datepicker-placeholder {
    margin-bottom: 10px;
    position: relative;
}
.datepicker-placeholder .ui-state-disabled,
.datepicker-placeholder .ui-widget-content
.datepicker-placeholder .ui-state-disabled,
.datepicker-placeholder .ui-widget-header .ui-state-disabled {
  opacity: 1;
}
/* jQuery UI datepicker overrides */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #333;
}
.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0.2em;
    text-align: center;
}
/* custom jQuery UI datepicker */
.date-non-disponible .ui-state-default {
    background: #bbb;
    color: #fff;
}
.date-promo .ui-state-default {
    background: #f08a11;
    color: #fff;
    font-weight: bold;
}
.date-tarif-normal .ui-state-default {
    background: #fff;
  color: #333;
}
.date-tarif-majore .ui-state-default {
    background: #fff;
    color: #333;
}
.date-tarif-pleine-saison .ui-state-default {
  background: #fff;
  color: #333;
}



/* Légende */
.legende {
    margin-top: 1em;
}
.largeur-legende {
    width: 60%;
}
.glyphicon.promo {
    color: #f08a11;
}
.glyphicon.non-dispo {
    color: #bbb;
}
.legende .progress {
    border-radius: 0;
    margin-bottom: 0;
}
.legende .plus-moins {
    color: #666;
}
.legende .progress-bar {
    width: 33.3333%;
}
.legende .progress-bar.normal {
    background: #F0F8FF;
}
.legende .progress-bar.majore {
    background: #88afd2;
}
.legende .progress-bar.pleine-saison {
    background: #397AB4;
}
/* Suggestions si produit non dispo à la date choisie */
.suggestions {
    text-align: left;
}
.suggestions.proches {
    margin-bottom: 15px;
}
.suggestions .nom-produit {
    display: block;
    float: none;
    font-size: 13px;
    line-height: normal;
    width: auto;
    padding: 0;
    margin-bottom: 10px;
    color: #333;
}
.suggestions .nom-produit .nom-auberge {
    color: #F08A11;
    font-weight: bold;
}
.suggestions .dates {
    display: block;
    margin-bottom: 10px;
    float: left;
    width: 50%;
    margin-right: 5%;
}
.suggestions .prix {
    color: #F08A11;
    font-size: 15px;
    background: #fff;
    display: block;
    float: left;
    font-weight: bold;
    margin: 5px auto 10px;
    padding: 0.1em 0;
    text-align: center;
    width: 44%;
    border: solid 1px #ddd;
}
.suggestions .btn-fuaj.btn-search {
    margin-bottom: 10px;
}
/* Fiche produit, "produit ajouté", ainsi que pour la page panier */
@media (max-width: 479px) {
    .groupe-boutons {
        width: 100%;
    }
    .text-right .groupe-boutons {
        text-align: center;
    }
    .groupe-boutons .btn,
    .groupe-boutons .btn-fuaj.btn-search {
        width: 100%;
        display: block;
    }
    /*.page-produit-fiche-produit-ajoute .btn.btn-default.btn-sm.neutre.uc,
    .page-panier  .btn.btn-default.btn-sm.neutre.uc {
        je m'arrange pour que le bouton "continuer mes achats"
        soit suffisamment petit pour ne pas provoquer un saut de ligne
        avant le bouton "Voir mon panier"
        text-transform: none;
    }*/
}
/* ========================================================================== *\
   13 - LISTE AUBERGES ET PRODUITS
\* ========================================================================== */
@media(max-width: 767px) {
    .pagination-sm > li > a, .pagination-sm > li > span {
        padding: 5px 8px;
    }
}
.liste-resultats .pagination {
    margin: 0;
}
.liste-resultats .pagination-sm > li > a,
.liste-resultats .pagination-sm > li > span {
    font-size: 10px;
}
.liste-resultats .pagination > li > a,
.liste-resultats .pagination > li > span {
    border-color: #fff;
}
.resultat-recherche {
    margin: 10px 0;
}
.page-booking .resultat-recherche {
  border: 1px solid #ddd;
}
.resultat-recherche .fuaj-bookingV2-not-available {
  font-size: 12px;
  text-align: justify;
  font-weight: bold;
  margin: 20px 0;
  color: #fff;
  background: #397AB4;
  padding: 12px 15px 14px;;
}
hr.search-sep {
    display: none;
}
@media(min-width: 768px) {
    .item-resultat-recherche {
        /*margin-bottom: 10px;*/
        background: #f0f0f0;
    }
}
/*.item-resultat-recherche:last-child {
	margin-bottom: 0;
}*/
.list-unstyled.produits {
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
    width: 100%;
    clear: left;
}
.produit--produits {
    display: table;
    float: left;
    width: 100%;
    clear: left;
    /*margin-top: 5px;*/
    padding-bottom: 5px;
}
.item-resultat-recherche .ligne {
    float: left;
    width: 100%;
    clear: left;
    background: #fff;
    padding: 10px 10px 0 10px;
}
@media (max-width: 767px) {
    .item-resultat-recherche:nth-child(odd) .ligne {
        background: #f0f0f0;
    }
}
/*.item-resultat-recherche .colonne-1 {
	text-align: center;
}*/
@media(min-width: 768px) {
    .item-resultat-recherche .ligne {
        padding-right: 0;
    }
    .item-resultat-recherche .colonne-1 {
        width: 25%;
        float: right;
        margin-right: 10px;
    }
    .item-resultat-recherche .colonne-2 {
        width: 70.35%;
        float: left;
    }
}
.item-resultat-recherche img {
    /*width: 100%;*/
    width: auto;
    height: auto;
    max-width: 100%;
    margin-top: 4px;
}
@media (min-width: 768px) {
    .item-resultat-recherche .colonne-1 {
        text-align: center;
    }
}
.item-resultat-recherche h2{
    margin-bottom: 0;
    margin-top: 0;
}
.item-resultat-recherche a.h2 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 .4em;
    color: #f08A11;
    padding: .5em 0;
    border-bottom: solid 2px #f08A11;
}
.item-resultat-recherche a.h2:hover {
    text-decoration: none;
}
.item-resultat-recherche .btn-fuaj.btn-search {
    float: left;
    width: 24%;
    margin-left: 1%;
}
.item-resultat-recherche .desc .placeholder {
    line-height: 1.5em;
}
@media (min-width: 768px) {
    .item-resultat-recherche .desc .placeholder {
        height: 4.39em;
        overflow: hidden;
    }
}
.item-resultat-recherche .tab-marges {
    margin: 0 10px;
}
.produit--produits a {
    display: table-row;
    padding: .4em 0;
    color: #397AB4;
}
.produit--produits a:hover {
    text-decoration: none;
}
.produit--produits a:hover .produits--libelle {
    text-decoration: underline;
}
.produit--produits:last-child a {
    border-bottom: none;
}
.produits--libelle {
    border-bottom: 1px solid #ddd;
    display: table-cell;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 10px;
    vertical-align: middle;
}
@media (min-width: 992px) {
    .produits--libelle {
        padding-bottom: 0;
        border-bottom: none;
    }
}
.produits--prix {
    display: table-cell;
    /*float: left;*/
    width: 25.5%;
    /*padding-left: 4%;*/
    /*margin-left: 6%;*/
    vertical-align: middle;
    border-bottom: solid 1px #ddd;
    padding: 0;
}
.produit--produits:last-child .produits--libelle,
.produit--produits:last-child .produits--prix {
    border-bottom: none;
}
a .produits--prix .etiquette {
    display: block;
    color: #333;
    background: #fff;
    text-align: center;
}
.produits--prix .prix {
    display: inline-block;
    /*width: 6em;*/
    text-align: center;
    font-weight: bold;
    padding: 0 .2em;
    line-height: 1;
    vertical-align: middle;
}
@media(max-width: 767px) {
    .item-resultat-recherche .ligne .produits--prix .prix {
        background: none;
    }
}
.produits--a-partir-de {
    font-size: .8em;
    margin-right: 30px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
.item-resultat-recherche .prix {
    font-size: 18px;
    color: #F08A11;
}
.item-resultat-recherche .more {
    margin: .5em 0 10px;
}
.item-resultat-recherche .more a {
    color: #F08A11;
    font-weight: bold;
    text-decoration: none;
}
.item-resultat-recherche .more a:hover {
    text-decoration: underline;
}
/* Liste Produits */
.liste-produits .item-resultat-recherche .ligne {
    border-top: solid 1px #ddd;
}
.liste-produits .item-resultat-recherche:first-child .ligne {
    border-top: none;
}
a.produits--auberge {
    display: inline-block;
    font-size: 15px;
    color: #397AB4;
    margin-bottom: 5px;
}
.produits--href {
    position: relative;
    display: block;
    text-align: center;
    font-size: 1.4em;
    line-height: 30px;
    vertical-align: middle;
    padding: 0;
    border: 0;
}
.produits--href img {
    display: none;
}
@media (min-width: 768px) {
    .produits--href img {
        display: inline;
        width: 100%;
    }
}
.produits--href .produits--a-partir-de {
    display: block;
    height: auto;
    vertical-align: middle;
}
.produits--href .produits--prix {
    display: inline-block;
    height: 34px;
    vertical-align: middle;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 1px;
}
.produits--href .produits--prix:after {
    display: block;
    content: '';
    position: absolute;
    width: 10px;
    height: 16px;
    background-image: url("../img/arrow.png");
    color: #fff;
    top: 10px;
    right: 8px;
    font-size: 30px;
}
.page-offres-speciales .produits--href .produits--prix:after {
  display: none;
}
.page-offres-speciales .item-resultat-recherche img {
  margin-top: 0;
}
@media (min-width: 992px) {
    .produits--href .produits--prix {
        border-bottom: none;
    }
}
.produits--href .produits--prix .prix {
    width: auto;
    padding: 0;
    margin: 0 30px 0 0;
    vertical-align: middle;
    display: block;
    color: #fff;
    text-align: right;
}
.produits--href .produits--a-partir-de {
    display: block;
    font-size: 11px;
    color: #fff;
    text-align: right;
    margin-top: 3px;
}
a.produits--href:hover {
    text-decoration: none;
}
.liste-produits-dispos {
    display: none;
}
@media (min-width: 768px) {
    .liste-produits-dispos {
        display: block;
    }
}
a.switch-dispos {
    outline: none;
    color: #333;
}
a.switch-dispos .libelle {
  text-decoration: none;
}
a.switch-dispos:hover .libelle {
  text-decoration: underline;
}
.rotate-90 {
    transform: rotate(90deg);
}
.rotate-minus-90 {
    transform: rotate(-90deg);
}

.liste-produits .produit--produits a {
    color: #666;
}
table.table-dispos {
    background: #fff;
    border-collapse: separate;
    width: 100%;
    border-spacing: 1px;
    border: 1px solid #b2b2b2;
}
.table-dispos th {
    height: 25px;
    border-bottom: 1px solid #b2b2b2;
}
.table-dispos th:first-child {
    border-right: 1px solid #b2b2b2;
}
.table-dispos th:first-child:nth-last-child(1) {
  border-right: 0;
}
.table-dispos td,
.table-dispos th {
    margin: 1px;
    padding: 3px;
    text-align: center;
}
.table-dispos .date-non-disponible {
    background: #bbb;
    color: #fff;
}
.table-dispos .date-promo {
    background: #f08a11;
    color: #fff;
    font-weight: bold;
}
.table-dispos .date-tarif-normal {
    background: #fff;
}
.table-dispos .date-tarif-majore {
  background: #fff;
}
.table-dispos .date-tarif-pleine-saison {
  background: #fff;
}
.liste-produits .more {
    font-size: 1.2em;
}
.recherche-disponibilites {
    display: none;
    margin-top: 10px;
    padding: 10px;
}
.liste-produits .item-resultat-recherche .btn-search-placeholder {
    display: block;
    margin-top: 8px;
    margin-bottom: 7px;
}
.liste-produits .item-resultat-recherche .btn-fuaj.btn-search {
    float: none;
    width: auto;
    margin: 0 auto;
    display: block;
}
.liste-produits-dispos {
    margin: 10px 0;
}
.warning {
    padding: 10px 10px 1px;
    margin: 10px 0;
    background: #397AB4;
    color: #fff;
}

.avertissement {
    background-color: #397AB4;
    padding: 10px 10px 1px;
    margin: 10px 0;
    color: #fff;
    font-weight: bold;
}
.avertissement.info {
    background-color: #f08a11;
}
.avertissement a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
.avertissement a:hover {
    text-decoration: none;
}
.recherche-disponibilites .legende {
    margin-top: 0;
}
.bookingtrie {
    margin: 10px 0;
}
/*@media (min-width: 768px) {
	.bookingtrie {
		padding: 10px;
		background: #f0f0f0;
	}
}*/
.bookingtrie .btn-group-sm > .btn {
    padding-right: 6px;
    padding-left: 6px;
}
@media (min-width: 768px) {
    .bookingtrie .btn-group-sm > .btn {
        padding-right: 10px;
        padding-left: 10px;
    }
}
.bookingtrie a.btn-default {
    color: #000;
}
.bookingtrie a.btn-default.selected {
    color: #f08a11;
}
.fuaj-sort-label {
    line-height: 28px;
}
/*@media (min-width: 768px) {
	.fuaj-sort-group {
		margin-left: 1em;
	}
}*/
.fuaj-disabled {
    cursor: default;
}
.fuaj-disabled.btn-default:hover,
.fuaj-disabled.btn-default:focus {
    background: #fff;
    border-color: #ddd;
}
.bookingtrie .one-third {
    width: 33.3333%;
    display: inline-block;
}
.bookingtrie .one-third:nth-child(1) {
    text-align: left;
}
.bookingtrie .one-third:nth-child(2) {
    text-align: center;
}
.bookingtrie .one-third:nth-child(3) {
    text-align: right;
}
.heading-auberge {
    position: relative;
}
.heading-auberge p {
    position: absolute;
    z-index: 2;
    background-color: rgba(57, 122, 180, 0.8);
    color: #fff;
    padding: 10px 15px;
    font-size: 15px;
}
.heading-auberge p a {
    color: #fff;
}
.heading-auberge img {
  max-width: 100%;
  height: auto;
}
/* ========================================================================== *\
   14 - MON COMPTE
\* ========================================================================== */
body.espace-perso .alert {
    margin-bottom: 0;
    padding: 0;
}
@media (min-width: 768px) {
    body.espace-perso .alert {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) {
    .loggin-or-create-account .cadre {
        min-height: 246px;
    }
}
.cadre {
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .cadre {
        padding: 10px;
        border: solid 1px #ddd;
    }
}
.cadre.no-jump {
    margin-bottom: 0;
}
.espace-perso .main-content h2 {
    padding: 0 0 7px;
    color: #f08a11;
    font-size: 16px;
    margin-top: 0;
}
.mdp-oublie a {
    color: #333;
    text-decoration: underline;
}
.espace-perso .main-content label {
    font-weight: normal;
}
.espace-perso .progress {
    background-color: #f0f0f0;
    border-radius: 0;
    height: 6px;
    margin-bottom: 5px;
}
.espace-perso .main-content .nav > li {
    max-width: 25%;
}
.espace-perso .main-content .nav > li > a {
    padding: 3px 1px;
}
.espace-perso .main-content .nav-tabs > li > a {
    border: 0px solid transparent;
    border-radius: 0;
    line-height: 1.3;
    margin-right: 1px;
    background: #f0f0f0;
    color: #333;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
}
.espace-perso .main-content .nav-tabs > li > a b {
    display: block;
    font-weight: 400;
    padding: 0 1px;
}
@media (min-width: 480px) {
    .espace-perso .main-content .nav-tabs > li > a {
        font-size: 14px;
    }
    .espace-perso .main-content .nav-tabs > li > a b {
        padding: 0 1em;
    }
}
.espace-perso .main-content .nav-tabs > li > a:hover,
.espace-perso .main-content .nav-tabs > li > a:focus,
.espace-perso .main-content .nav-tabs > li.active > a,
.espace-perso .main-content .nav-tabs > li.active > a:hover,
.espace-perso .main-content .nav-tabs > li.active > a:focus {
    color: #fff;
    background: #f08a11;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
}
.espace-perso .main-content .nav-tabs .table-table {
    display: table;
    width: 100%;
}
.espace-perso .main-content .nav-tabs .table-row {
    display: table-row;
}
.espace-perso .main-content .nav-tabs .table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 3em;
}
.espace-perso .main-content .tab-content {
    border: solid 1px #ddd;
    border-top: solid 3px #f08a11;
    font-size: 12px;
    text-align: justify;
}
.espace-perso .main-content .tab-marges {
    margin: 0 10px;
}
a.indice,
.indice {
    color: #333;
    font-size: .9em;
}
a.indice {
    text-decoration: underline;
}
h3.carte {
    font-size: 14px;
}
h4.carte {
    font-size: 12px;
    text-align: center;
    color: #f08a11;
    text-transform: uppercase;
}
.cartes-table {
    width: 100%;
}
.cartes-table .td {
    padding-bottom: .5em;
}
@media (min-width: 768px) {
    .cartes-table .td {
        padding-bottom: 0;
        min-height: 12em;
    }
}
.prix-carte {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1em;
}
@media (min-width: 768px) {
    .prix-carte {
        margin-bottom: 0;
    }
}
#adhesion-form .cadre {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .fond-carte {
        background: url(../img/adhesion-carte.png) no-repeat 110% 5%;
    }
}
/* Mars 2015 : on gère un cadre autour de l'option (carte) et de son prix, sur mobile uniquement; */
#adhesion-form .my.col-sm-4 {
    border: solid 1px #ddd;
    padding: 15px;
    margin-bottom: 1em;
}
.prix-carte {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    #adhesion-form .my.col-sm-4 {
        border: none;
        padding: 0 5px;
        margin-bottom: 0;
    }
    .prix-carte {
        margin-bottom: 1em;
    }
}
.fond-carte.alternate {
    padding-right: 24%;

    background-size: 30%, auto;
}
.fond-carte .cadre.highlight {
    background: #f0f0f0;
}
.fond-carte .cadre.highlight.on {
    border-color: #f08a11;
    background: #fff;
}
.fond-carte .cadre.top-jump.on {
    border-color: #f08a11;
    background: #f08a11;
}
.fond-carte .cadre.top-jump.on .highlight1 {
    color: #fff;
}
.fond-carte .my-radio label {
    color: #f08a11;
}
.fond-carte-caption {
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: .5em;
}
.espace-perso .radio-trigger {
    cursor: pointer;
}
.table.mes-commandes thead > tr > th, .table.mes-commandes tbody > tr > th, .table.mes-commandes tfoot > tr > th, .table.mes-commandes thead > tr > td, .table.mes-commandes tbody > tr > td, .table.mes-commandes tfoot > tr > t {
    vertical-align: middle;
}
/* Avril 2015 - entête récap commande */
.recap-montants2 {
    text-align: center;
}
@media (min-width: 768px) {
    .recap-montants,
    .recap-montants2 {
        text-align: right;
    }
}
/* ========================================================================== *\
   15 - PAGES TYPE
\* ========================================================================== */
.node-type-article .main-content h2 {
    margin: 0 0 1em;
    padding: 0;
    color: #f08a11;
    font-size: 16px;
}
/* ========================================================================== *\
   16 - PANIER (et MON COMPTE pour les tables)
\* ========================================================================== */
.panier .main-content .table,
.main-content .table,
.main-content .table.mes-commandes {
    margin-bottom: 0;
}
.panier a.h2,
.panier h2.h2,
.espace-perso a.h2 {
    border-bottom: 2px solid #F08A11;
    color: #F08A11;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0.4em;
    padding: 0.5em 0;
}
.panier a.h2.alternate,
.espace-perso a.h2.alternate {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.panier h2 {
    padding: 0 0 7px;
    color: #f08a11;
    font-size: 16px;
    margin-top: 0;
}
.panier h2.h2 {
    border-bottom: none;
    margin: 0 0 10px;
    padding: 0;
}
.main-content .ajoute thead th,
.main-content .mes-commandes thead th,
.main-content .adhesion thead th {
    text-align: center;
    vertical-align: middle;
    background: #2D2D2D;
    color: #fff;
    font-weight: normal;
}
@media (min-width: 768px) {
    .main-content .ajoute thead th,
    .main-content .mes-commandes thead th,
    .main-content .adhesion thead th {
        white-space: nowrap;
    }
}
tr.total td {
    text-align: right;
    background: #f0f0f0;
}
.panier .main-content .table thead > tr > th, .panier .main-content .table tbody > tr > th, .panier .main-content .table tfoot > tr > th, .panier .main-content .table thead > tr > td, .panier .main-content .table tbody > tr > td, .panier .main-content .table tfoot > tr > td,
.main-content .table.mes-commandes thead > tr > th, .main-content .table.mes-commandes tbody > tr > th, .main-content .table.mes-commandes tfoot > tr > th, .main-content .table.mes-commandes thead > tr > td, .main-content .table.mes-commandes tbody > tr > td, .main-content .table.mes-commandes tfoot > tr > td,
.main-content .table.ajoute thead > tr > th, .main-content .table.ajoute tbody > tr > th, .main-content .table.ajoute tfoot > tr > th, .main-content .table.ajoute thead > tr > td, .main-content .table.ajoute tbody > tr > td, .main-content .table.ajoute tfoot > tr > td,
.main-content .table.assurance thead > tr > th, .main-content .table.assurance tbody > tr > th, .main-content .table.assurance tfoot > tr > th, .main-content .table.assurance thead > tr > td, .main-content .table.assurance tbody > tr > td, .main-content .table.assurance tfoot > tr > td,
.main-content .table.adhesion thead > tr > th, .main-content .table.adhesion tbody > tr > th, .main-content .table.adhesion tfoot > tr > th, .main-content .table.adhesion thead > tr > td, .main-content .table.adhesion tbody > tr > td, .main-content .table.adhesion tfoot > tr > td {
    padding: 4px 2px;
}
@media (min-width: 768px) {
    .panier .main-content .table thead > tr > th, .panier .main-content .table tbody > tr > th, .panier .main-content .table tfoot > tr > th, .panier .main-content .table thead > tr > td, .panier .main-content .table tbody > tr > td, .panier .main-content .table tfoot > tr > td,
    .main-content .table.mes-commandes thead > tr > th, .main-content .table.mes-commandes tbody > tr > th, .main-content .table.mes-commandes tfoot > tr > th, .main-content .table.mes-commandes thead > tr > td, .main-content .table.mes-commandes tbody > tr > td, .main-content .table.mes-commandes tfoot > tr > td,
    .main-content .table.ajoute thead > tr > th, .main-content .table.ajoute tbody > tr > th, .main-content .table.ajoute tfoot > tr > th, .main-content .table.ajoute thead > tr > td, .main-content .table.ajoute tbody > tr > td, .main-content .table.ajoute tfoot > tr > td,
    .main-content .table.assurance thead > tr > th, .main-content .table.assurance tbody > tr > th, .main-content .table.assurance tfoot > tr > th, .main-content .table.assurance thead > tr > td, .main-content .table.assurance tbody > tr > td, .main-content .table.assurance tfoot > tr > td,
    .main-content .table.adhesion thead > tr > th, .main-content .table.adhesion tbody > tr > th, .main-content .table.adhesion tfoot > tr > th, .main-content .table.adhesion thead > tr > td, .main-content .table.adhesion tbody > tr > td, .main-content .table.adhesion tfoot > tr > td {
        padding: 4px;
    }
}
.main-content .table.ajoute tbody > tr.options > td,
.main-content .table.mes-commandes tbody > tr.options > td {
    vertical-align: middle;
}
.b-l {
    border-left: solid 1px #ddd;
}
th.b-l {
    border-left-color: #777;
}
.main-content .table.ajoute thead > tr > th,
.main-content .table.mes-commandes thead > tr > th {
    border-bottom: none;
}
.panier .shoot a {
    color: #666666;
    text-decoration: none;
}
label.normal {
    font-weight: normal;
}
.assurance.table td {
    border: none;
}
.assurance.table.recap td {
    vertical-align: middle;
}
.assurance.table .total td {
    border-top: solid 1px #ddd;
}
h2.resa {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 1em;
    border-bottom: solid 2px #F08A11;
    color: #F08A11;
    padding-bottom: 7px;
}
h2.resa.small {
    font-size: 14px;
}
.panier .montant-total,
.espace-perso .montant-total {
    color: #fff;
    background: #F08A11;
    padding: 10px;
    margin-bottom: 10px;
    line-height: 22px;
}
h3.infos {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 .5em;
    color: #333;
}
.cadre.rempli {
    background: #f0f0f0;
}
a.highlight {
    color: #F08A11;
}
.maif-logo {
    max-width: 80px;
}
.ligne-produit td {
    background: #f0f0f0;
    font-weight: bold;
}
@media (max-width: 767px) {
    .mobile-h-scroll {
        overflow-x: auto;
    }
}
.main-content .ajoute.table tbody > tr.ligne-produit > td {
    padding: 5px 2px;
}
@media (min-width: 768px) {
    .main-content .ajoute.table tbody > tr.ligne-produit > td {
        padding: 10px 4px;
    }
}
.table tbody > tr.slash > td {
    border-top-color: #888;
}
.marge-cout {
    padding-right: 24px !important;
}
.calendar-field-group {
    font-size: 13px;
}
.calendar-field-group input.calendar {
    width: 100px;
    border: 1px solid #b9b9b9;
    border-right: medium none;
    color: #666;
    height: 22px;
    padding: 1px 0 0 4px;
}
.table-resa-options {
    width: 100%;
}
.table-resa-options td {
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .table-resa-options tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: 1px solid #b2b2b2;
    }
    .table-resa-options td {
        display: block;
        padding: 10px;
    }
}
.partenairepub {
    text-align: center;
    margin: 30px 10px;
}
.promo_adhesion {
    margin-bottom: 0;
    border-bottom: 0;
}
.statut_adherent fieldset {
    margin: 10px 20px 0;
    padding-left: 8px;
    border-left: 2px solid #ccc;
}
.statut_adherent fieldset.lvl2 + fieldset.lvl2 {
    margin-top: 0;
}
.statut_adherent fieldset.lvl2 {
    margin-left: 40px;
}
.statut_adherent legend {
    border: 0;
    font-size: 13px;
    float: left;
    padding-bottom: 3px;
    margin-bottom: 0;
}
.statut_adherent fieldset.conditional label {
    font-weight: 400;
    font-size: 13px;
}
.statut_adherent .chosen-container {
    margin: 10px 0;
    min-width: 260px !important;
}
.fuaj-radio > input[type='radio'] {
    display:none;
}
.fuaj-radio > label {
    display:table;
}
.fuaj-radio > label > span.button {
    display:table-cell;
    width:20px;
    white-space:nowrap;
}
.fuaj-radio > label > span.button:before {
    content:'';
    width:11px;
    height:11px;
    border-radius:50%;
    display:inline-block;
    background: #fff;
    vertical-align:middle;
    border: 1px solid #ddd;
}
.fuaj-radio > label > span.button:after {
    content:'';
    position:relative;
    display:inline-block;
    vertical-align:middle;
    left:-9px;
    width:7px;
    height:7px;
    border-radius:50%;
    background: #f58c02;
    visibility:hidden;
}
.fuaj-radio > label:hover > span.button:before {
    box-shadow: 0 0 3px 3px orange inset;
}
.fuaj-radio > input[type='radio']:checked + label > span.button:after {
    visibility:visible;
}
.fuaj-radio {
    display: block;
    width: 100%;
}


/* ========================================================================== *\
   17 - ÉVÉNEMENTS
\* ========================================================================== */
.evenements-list {
    list-style-type: none;
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.evenements-list li {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .evenements-list li {
        display: block;
        width: 47.6%;
        margin-right: 4.8%;
        margin-bottom: 10px;
    }
    .evenements-list li:nth-child(even) {
        margin-right: 0;
    }
}
a.evenement-link {
    border: 1px solid #fff;
    background: #fff;
    color: #333;
    display: block;
    float: left;
    width: 100%;
    clear: left;
}
a.evenement-link:hover {
    border-color: #f08a11;
    text-decoration: none;
}
.evenement-link .img-container {
    display: block;
    float: left;
    width: 29%;
    max-width: 86px;
    height: 86px;
    margin: 0;
    text-align: center;
}
.evenement-link .img-container {
    background: #eee;
}
.evenement-link .img-container img {
    max-width: 90%;
    margin: 4px;
}
.evenement-link .evenement-cont {
    float: left;
    width: -moz-calc(100% - 86px);
    width: -webkit-calc(100% - 86px);
    width: calc(100% - 86px);
}
.evenement-link .img-label {
    background: #fff;
    color: #f08a11;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.1em;
    padding: 5px 10px 6px;
    width: auto;
    display: block;
}
.evenement-link .evenement-details {
    display: block;
    margin: 4px 10px 0;
    line-height: 1.1em;
    width: auto;
}
/* ========================================================================== *\
   18 - BOUTON SCROLL TO TOP (MOBILE)
\* ========================================================================== */
.scrollToTop,
.scrollToTop:focus {
    width: 48px;
    height: 48px;
    font-size: 18px;
    text-align: center;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    display: none;
    border-radius: 10px;
    line-height: 48px;
    z-index: 999;
    outline: none;
}
.scrollToTop:hover {
    background: #f08a11;
    color: #fff;
}
/* ========================================================================== *\
   19 - GOOGLE MAP
\* ========================================================================== */
#map-canvas {
    width: 80%;
    height: 400px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    #map-canvas {
        width: 100%;
        height: 490px;
    }
}

/* ========================================================================== *\
   20 - GMAP DES HOTELS EN FRANCE
\* ========================================================================== */
.page-carte-auberge-france .breadcrumb {
    display: none;
}
.page-carte-auberge-france .main-content > h1 {
  font-size: 21px;
}
.page-carte-auberge-france .googlemap-auberge-france-description {
  margin-bottom: 43px;
}
.page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form {
    margin-bottom: 10px;
}
.page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form label {
    font-weight: normal;
    font-size: 14px;
}
.page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form .form-text {
    border-radius: 4px;
    border: 1px solid #cacbcc;
    padding: 9px 9px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px;
}
.page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form .form-submit {
    text-indent: -99999px;
    background: #ef8911 url('../img/loupe.png') no-repeat center center;
    border-radius: 4px;
    border: 0;
    padding: 11px 25px;
    width: 100%;
}
.page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form .form-submit:hover {
  background-color: #ffab3a;
}
@media (min-width: 768px) {
    .page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form label {
        width: 33%;
    }
    .page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form .form-text {
        width: 57%;
        margin-left: 1%;
        margin-bottom: 0;
    }
    .page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form .form-submit {
        margin-left: 1%;
        width: auto;
        position: relative;
        top: -1px;
        height: 18px;
        box-sizing: content-box;
    }
}
@media (min-width: 1024px) {
    .page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form label {
        width: 39%;
    }
    .page-carte-auberge-france .googlemap-auberge-hostel-france-map-filter-form .form-text {
        width: 50%;
    }
}
.page-carte-auberge-france #map-canvas {
    width: 100%;
}
.page-carte-auberge-france #map-canvas .infowindow .googlemap-auberge-infowindow-prefix {
    line-height: 15px;
    font-size: 14px;
    font-weight: 700;
    color: #2d2d2d;
}
.page-carte-auberge-france #map-canvas .infowindow .googlemap-auberge-infowindow-hostel-title {
    font-size: 14px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 3px;
}
.page-carte-auberge-france #map-canvas .gm-style div div div div {
    background: transparent !important;
    box-shadow: none !important;
}
.page-carte-auberge-france #map-canvas .gm-style > div > div + div + div + div > div + div + div > div > div > div {
    border: 0 !important;
}
.page-carte-auberge-france #map-canvas .gm-style > div > div + div + div + div > div + div + div > div > div > div + div + div > div {
    top: 5px !important;
    left: -12px !important;
    z-index: 99;
}
@media (min-width: 768px) {
    .page-carte-auberge-france #map-canvas .gm-style > div > div + div + div + div > div + div + div > div > div > div + div + div > div {
        top: 6px !important;
    }
}
.page-carte-auberge-france #map-canvas .gm-style > div > div + div + div + div > div + div + div > div > div > div + div + div > div + div {
    left: 4px !important;
}
.page-carte-auberge-france #map-canvas .gm-style > div > div + div + div + div > div + div + div > div > div > div + div + div > div > div{
    background: #fff !important;
    height: 14px !important;
    left: 3px !important;
    transform: skewX(41.6deg) !important;
    width: 14px !important;
    box-shadow: 0px 0px 3px 2px #a4acb5 !important;
}
.page-carte-auberge-france #map-canvas .gm-style > div > div + div + div + div > div + div + div > div > div > div + div + div > div + div > div{
    left: 0 !important;
    transform: skewX(-44.6deg) !important;
}
.page-carte-auberge-france #map-canvas .gm-style .gm-style-iw {
    background: #fff !important;
    width: 215px !important;
    padding: 7px 10px 0 10px;
    top: 21px !important;
    box-shadow: 0px 0px 3px 2px #a4acb5 !important;
}

.page-carte-auberge-france #map-canvas .gm-style .gm-style-iw .infowindow img {
    margin-bottom: 6px;
}
.page-carte-auberge-france #map-canvas .gm-style .gm-style-iw .infowindow a {
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background: #ef8911;
    float: right;
    padding: 4px 19px;
    transition: background-color 0.3s ease;
}
.page-carte-auberge-france #map-canvas .gm-style .gm-style-iw .infowindow a:hover {
    background: #ffab3a;
    text-decoration: none;
}
.page-carte-auberge-france #map-canvas .gm-style .gm-style-iw .infowindow a:focus {
  text-decoration: none;
}
.page-carte-auberge-france #map-canvas .gm-style .gm-style-iw + div {
    top: 25px !important;
    right: 23px !important;
}

/* ========================================================================== *\
   21 - OFFRES SPECIALES
\* ========================================================================== */
.page-offres-speciales .breadcrumb {
    display: none;
}
.page-offres-speciales #block-system-main > .content > h1 {
  font-size: 21px;
}
.page-offres-speciales .item-resultat-recherche {
    position: relative;
    width: 300px;
    height: 260px;
    display: block;
    margin: 0 auto;
}
.page-offres-speciales .clearfix + .item-resultat-recherche,
.page-offres-speciales .item-resultat-recherche + .item-resultat-recherche {
    margin-top: 30px;
}
@media (min-width: 768px) {
    .page-offres-speciales .item-resultat-recherche {
        display: inline-block;
        vertical-align: top;
    }
    .page-offres-speciales .item-resultat-recherche + .item-resultat-recherche {
        margin-left: 27px;
    }
    .page-offres-speciales .item-resultat-recherche + .item-resultat-recherche {
        margin-top: 0;
    }
    .page-offres-speciales .clearfix + .item-resultat-recherche,
    .page-offres-speciales .clearfix + .item-resultat-recherche + .item-resultat-recherche {
        margin-top: 30px;
    }
}
.page-offres-speciales .item-resultat-recherche img {
    position: absolute;
    top: 0;
    left: 0;
}
.page-offres-speciales .item-resultat-recherche .fuaj-front-menu-item-resultat-recherche-top {
    background: #ef8911;
    opacity: 0.8;
    color: #fff;
    padding: 0 16px 6px;
    text-align: left;
}
.page-offres-speciales .item-resultat-recherche .fuaj-front-menu-item-resultat-recherche-top a.h2 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    position: relative;
    top: -2px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.page-offres-speciales .item-resultat-recherche .fuaj-front-menu-item-resultat-recherche-top .hostel-prefix {
    font-size: 14px;
}
.page-offres-speciales .item-resultat-recherche .fuaj-front-menu-item-resultat-recherche-top a.produits--auberge {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.page-offres-speciales .item-resultat-recherche .fuaj-front-menu-item-resultat-recherche-top a.produits--auberge span {
  font-weight: 400;
}
.page-offres-speciales .item-resultat-recherche .produits--href {
    background: #ee8911;
    position: absolute;
    z-index: 99;
    right: 15px;
    bottom: 13px;
    padding: 4px 10px 6px;
    transition: background-color 0.3s ease;
}
.page-offres-speciales .item-resultat-recherche .produits--href:hover {
    background: #ffab3a;
}
.page-offres-speciales .item-resultat-recherche .produits--href .glyphicon-menu-right {
    display: inline-block;
    vertical-align: top;
    font-size: 19px;
    color: #fff;
    margin-top: 9px;
}
.page-offres-speciales .item-resultat-recherche .produits--href .produits--prix {
    border: 0;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    text-align: right;
    padding: 0;
}
.page-offres-speciales .item-resultat-recherche .produits--href .produits--prix .produits--a-partir-de {
    display: block;
    font-size: 12px;
    color: #fff;
    height: auto;
    line-height: normal;
    margin: 0;
}
.page-offres-speciales .item-resultat-recherche .produits--href .produits--prix .prix {
    background: none;
    color: #fff;
    font-size: 25px;
    display: block;
    height: auto;
    line-height: 21px;
    margin: 0;
}

/* ========================================================================== *\
   22 - BOOKING FORM
\* ========================================================================== */
.front .block-fuaj-bookingv2 {
    cursor: pointer;
}
.front .block-fuaj-bookingv2 .content {
    cursor: auto;
}
.block-fuaj-bookingv2 {
    background: #ddd;
    padding: 17px 42px 26px 42px;
}
.block-fuaj-bookingv2 .offres {
    float: right;
    position: relative;
    padding: 2px 0;
    margin-bottom: 5px;
}
.block-fuaj-bookingv2 .offres .temoin {
    position: absolute;
    top: 0;
    left: 4px;
    font-size: 14px;
    color: #f58c02;
    background: #fff;
    padding: 8px 11px 6px 9px;
    border-radius: 100%;
    box-shadow: 4px 2px 5px 0px #c47002;
}
.block-fuaj-bookingv2 .offres .f-table {
    background: #f58c02;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 22px 6px 49px;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
}
.block-fuaj-bookingv2 .offres .f-table:hover {
  background-color: #ffab3a;
}
.block-fuaj-bookingv2 ul.france-vs-foreign {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    clear: both;
}
.front .block-fuaj-bookingv2 ul.france-vs-foreign {
    cursor: pointer;
}
.block-fuaj-bookingv2 .france-vs-foreign li {
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}
.block-fuaj-bookingv2 .france-vs-foreign li a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
}
.block-fuaj-bookingv2 .france-vs-foreign .france a {
    background: #f08a11;
    z-index: 99;
    position: relative;
}
.block-fuaj-bookingv2 .france-vs-foreign .foreign a {
    background: #fff;
    color: #666;
    text-align: center;
    padding: 10px 10px 11px;
}
.block-fuaj-bookingv2 .france .temoin {
    font-size: 24px;
    display: block;
    position: relative;
    top: 43px;
    height: 1px;
    color: #f08a11;
    transform: rotate(180deg);
    z-index: 99;
}
.block-fuaj-bookingv2 #search-aj {
  background: #fff;
  padding: 29px 23px 22px;
  text-align: center;
  color: #666;
  margin-bottom: 10px;
  position: relative;
}
.block-fuaj-bookingv2 #search-aj .ajax-progress-throbber {
    position: absolute;
    top: 0;
    right: 5px;
}
.block-fuaj-bookingv2 #search-aj .ajax-progress-throbber .message {
    display: none;
}
.block-fuaj-bookingv2 #search-aj label.error {
    display: block;
    color: #f08a11;
    margin-bottom: 10px;
    font-weight: normal;
}
.block-fuaj-bookingv2 #search-aj .form-radios {
    display: inline-block;
    margin-bottom: 10px;
}
.block-fuaj-bookingv2 #search-aj .form-radios label {
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
.block-fuaj-bookingv2 #search-aj .form-radios input {
    margin: 0;
}
.block-fuaj-bookingv2 #search-aj .form-radios label + input + label,
.block-fuaj-bookingv2 #search-aj .form-radios label + input + .ajax-progress-throbber + label {
    margin-left: 10px;
}
.block-fuaj-bookingv2 #search-aj .form-radios input[type=radio]{
    position: absolute;
    visibility: hidden;
}
.block-fuaj-bookingv2 #search-aj .form-radios label:after{
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #cbcccd;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 0px;
    left: 0px;
    z-index: 5;
}
.block-fuaj-bookingv2 #search-aj .form-radios input[type=radio]:checked + label::after{
    background: #f58c02;
    border: 0;
}
.block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-form-select-wrapper {
  font-size: 14px;
  margin-bottom: 10px;
  color: #666;
}
.block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-form-select-wrapper .form-select {
  border-radius: 4px;
  border: 1px solid #cacbcc;
  padding: 5px 8px;
  box-shadow: none;
  background: #fff url("../img/chrome-select-arrow.png") no-repeat right 10px top 50%;
  font-size: 14px;
  width: 100%;
  height: 38px;
  color: #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.block-fuaj-bookingv2 #search-aj .form-select.error {
    margin-bottom: 5px;
}
.block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-date-wrapper {
    position: relative;
}
.block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-date-wrapper .glyphicon-calendar {
    position: absolute;
    top: 12px;
    right: 9px;
}
.block-fuaj-bookingv2 #search-aj .container-inline-date .date-padding {
    padding: 0;
    float: none;
}
.block-fuaj-bookingv2 #search-aj .container-inline-date .date-padding .form-text {
    border-radius: 4px;
    border: 1px solid #cacbcc;
    padding: 9px 9px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px;
    height: 38px;
    color: #666;
    padding-right: 35px;
}
.block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-departure-prefix {
    margin-bottom: 10px;
    display: block;
}
.block-fuaj-bookingv2 #search-aj .form-submit {
    text-indent: -99999px;
    background: #ef8911 url('../img/loupe.png') no-repeat center center;
    border-radius: 4px;
    border: 0;
    padding: 10px 25px;
    width: 100%;
}
.block-fuaj-bookingv2 #search-aj .form-submit:hover {
  background-color: #ffab3a;
}
.block-fuaj-bookingv2 p {
    margin: 0;
}
.block-fuaj-bookingv2 p + p {
    margin-top: 10px;
}
.block-fuaj-bookingv2 p img {
    max-width: 100%;
}
@media (min-width: 768px) {
    .block-fuaj-bookingv2 #search-aj {
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
  .front .region-slider {
    position: relative;
  }
  .front .region-slider .block-fuaj-bookingv2 {
    background: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 99;
  }
  .region-slider .block-fuaj-bookingv2 #search-aj #fuaj-bookingV2-form-hostels-wrapper.required {
    position: relative;
  }
  .block-fuaj-bookingv2 #search-aj label.error {
    margin-left: 10px;
    width: 159px;
    position: absolute;
    left: 0;
    top: 42px;
    line-height: 11px;
  }
  .block-fuaj-bookingv2 .content {
    width: 960px;
    margin: 0 auto;
    position: relative;
  }
  .block-fuaj-bookingv2 .offres {
    position: absolute;
    top: 0;
    right: 0;
  }
  .block-fuaj-bookingv2 .france-vs-foreign li {
    width: auto;
  }
  .block-fuaj-bookingv2 .france-vs-foreign li a {
    padding: 10px 48px 11px;
  }
  .block-fuaj-bookingv2 .france-vs-foreign .foreign a {
    padding: 10px 48px 12px;
  }
  .block-fuaj-bookingv2 #search-aj .form-select,
  .block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-date-wrapper,
  .block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-departure-prefix,
  .block-fuaj-bookingv2 #search-aj .form-submit {
    display: inline-block;
    vertical-align: top;
    width: auto;
  }
  .block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-form-select-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    margin-left: 10px;
  }
  .block-fuaj-bookingv2 #search-aj #fuaj-bookingV2-personne-wrapper {
    width: 120px;
  }
  .block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-form-select-wrapper .form-select {
    margin-left: 0;
    width: 100%;
  }
  .block-fuaj-bookingv2 #search-aj .form-select,
  .block-fuaj-bookingv2 #search-aj .container-inline-date,
  .block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-departure-prefix,
  .block-fuaj-bookingv2 #search-aj .form-submit {
    margin-left: 10px;
  }
  .block-fuaj-bookingv2 #search-aj .form-radios {
    margin: 10px 0 0 0;
  }
  .block-fuaj-bookingv2 #search-aj .fuaj-bookingV2-departure-prefix {
    margin-top: 9px;
  }
  .block-fuaj-bookingv2 #search-aj .form-select {
    width: 180px;
  }
  .block-fuaj-bookingv2 #search-aj .container-inline-date .date-padding .form-text {
    width: 125px;
  }
}

/* ========================================================================== *\
   23 - MAP LINK BLOCK
\* ========================================================================== */
#block-fuaj-bookingv2-bookingv2-map-link {
    padding: 0;
    margin-bottom: 10px;
    background: none;
    display: none;
}
#block-fuaj-bookingv2-bookingv2-map-link .content {
    width: auto;
}
#block-fuaj-bookingv2-bookingv2-map-link .content img {
    width: 100%;
}
#block-fuaj-bookingv2-bookingv2 .fuaj-bookingv2-map-link {
    margin-bottom: 10px;
}
#block-fuaj-bookingv2-bookingv2 .fuaj-bookingv2-map-link a {
    display: block;
    text-align: center;
}
#block-fuaj-bookingv2-bookingv2 .fuaj-bookingv2-map-link img {
    max-width: 100%;
}
@media (min-width: 768px) {
    #block-fuaj-bookingv2-bookingv2 .fuaj-bookingv2-map-link {
        margin-top: 20px;
    }
}
@media (min-width: 1024px) {
    #block-fuaj-bookingv2-bookingv2 .fuaj-bookingv2-map-link {
        display: none;
    }
    #block-fuaj-bookingv2-bookingv2-map-link {
        display: block;
    }
}