/* Font Face */
@font-face {
    font-family: "Montserra-Regular";
    src: url("/content/custom/css/Montserrat-Regular.ttf");
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("/content/custom/css/Montserrat-Regular.ttf");
}


/* MAIN NAV */
* {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
.inline {
    display: inline-block; 
}

body {
    font-family: 'Montserra-Regular', sans-serif;
    color: black;
    font-size: 14px;
    margin: 0;
    position: relative;
    height: 1920px;
    width: 1080px;
}

/***** Background ****/

#frontoffice {
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 1920px;
    width: 1080px;
    overflow: hidden;
    position: relative;
        
}
/***** Titre principal ****/

.dgb_page_title {
    font-size: 48px;
    color: #005599;
    margin-top: 208px;
    padding-left: 570px;
}

/**** Bouton RETOUR ****/
.dgb_retour {
    position: absolute; 
    overflow: visible; 
    top: 1730px; 
    left: 865px; 
    width: 180px; 
    height: 180px; 
    background: url(../images/retour.png);
    background-repeat: no-repeat; 
    background-size: contain;
    border-color: #000000;;
    text-decoration: none; 
    text-align: center; 
    line-height: 180px; 
    vertical-align: middle;
    font-family: Arial; 
    font-size: 12px; 
    color: #ffffff;
    z-index: 999;
}

.dgb_retour:active {
    transform: scale(0.95) !important;
}

.dgb_retour {
    transition: all .1s ease;
}

/**** Swiper nav button ****/


.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2391d100'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2391d100'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-button-prev {
    width: 100px;
    height: 100px;
    background-size: contain;
}

/* GRID */

.dgb_title {
    color: #91d100;
    font-size: 74px;
    font-weight: normal;
    margin: 32px;
    top: 29px;
    left: 46px;
    font-family: 'Pacifico', cursive;
    position: absolute;
}

.dgb_main_nav.swiper-container {
    width: 1046px;
    position: absolute;
    left: 15px;
    top: 300px;
    padding-bottom: 300px;
}

.swiper-container .swiper-pagination-bullet-active{
    background: #91d100;
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 1px;
}


/* MODAL */
.dgb_modalwrapper {
    display: none;
}

.dgb_modal {
    background: white;
    padding: 20px;
    position: relative;
    font-size: 18px;
    width: 100%;
    text-align: left;
}
/* TITRE */
.dgb_modal ._title {
    color: #005599;
    font-weight: normal;
    font-size: 32px;
    margin: 10px 0;
    padding-right: 40px;
}

.dgb_modal ._subtitle {
    font-weight: bold;
}

.dgb_modal ._subtitle--value {
    font-weight: normal;
}

/* Famille plus */
.dgb_modal  .dgb_familleplus {
    position: relative;
    top: 11px;
}

/* Heure */
.dgb_modal ._heureDebut {
    width: 55px;
    height: 27px;
    line-height: 27px;
    top: 75px;
    color: white;
    background: #e30045;
    font-family: 'Montserra-Regular', sans-serif;
    font-size: 18px;
    padding: 4px 7px;
}

/* LOGO */
.dgb_modal .dgb_logo {
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    position: absolute;
    right: 0;
}

/* COLUMN */
.dgb_column > * {
    display: inline-block;
    float:left;
}

.dgb_column:after {
    content: '';
    display: table;
    clear: both;
}

.dgb_column ._left {
    width: 100px;
}

/* SPECIFIQUE  */
.dgb_modalwrapper {
    width: 900px;
}

.dgb_bloc_contact  {
    font-size: 21px;
}

.dgb_bloc_contact ._left {
    width: 70%;
}
.dgb_bloc_contact ._right {
    width: 30%;
}

.dgb_qrcode > * {
    float: right
}

.dgb_qrcode:after {
    clear: both;
}

.dgb_qrcode--contact {
    height: 135px;
}

.js-generate_qrcode img {
    border: 1px solid #eee;
    width: 90%;
}

.dgb_qrcode--title {
    font-size: 16px;
}

.dgb_close-modal-button {
    position: absolute;
    z-index: 999;
    right: 13px;
    top: 12px;
}

/* DIAPO MODAL */
.dgb_diapo {
    margin-top: 17px;
}

.dgb_diapo .swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 483px;
}

.dgb_diapo ._slide ._text {
    text-align: center;
    color: black;
    background-color: white;
    border-radius: 10px;
    transform: translate(-50%);
    left: 50%;
    bottom: 5px;
    position: absolute;
    padding: 0 10px;
    box-shadow: 0px 0px 10px 0px #656565;
    font-size: 14px;
}
.dgb_diapo ._slide ._copyright {
    font-size: 12px;
    font-style: italic;
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23005599'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23005599'%2F%3E%3C%2Fsvg%3E")
}

/* hide button until swier is initialized */
.popup.swiper-button-prev,
.popup.swiper-button-next{
    display: none;
}

.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -17px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -17px;
}

/* TABS */
.dgb_tabs > * {
    display: inline-block;
    float:left;
}
.dgb_tabs:after {
    content: '';
    display: table;
    clear: both;
}

.dgb_tabs > ul {
    width: 250px;
    padding:0 11px 0 0;
    margin: 0;
    height: 300px;
    padding-top: 16px;
}

.dgb_tabs > div {
    width: 599px;
    height: 317px;
    overflow: auto;
    padding-top: 25px;
    padding-bottom: 25px;
}

.dgb_tabs {
    padding: 10px;
    padding-right: 0;
}

.dgb_tabs > ul > li {
    list-style: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-align: center;
    line-height: 47px;
    text-transform: uppercase;

    border-bottom: 1px dotted #a6a6a6;
    height: 47px;
    color: white;
    background: black;
}

.dgb_tabs > ul > li:hover {
    color: white;
    background: #f9b729;
}

.dgb_tabs > ul > li.active {
    background: #f9b729;
    line-height: 52px;
    color: white;
    border-right: none;
}
.dgb_tabs > ul > li:last-child {
    border-bottom: none;
}

.dgb_tabs > ul > li._equipements_services_tabs {
    line-height: 23px;
}

.dgb_tabs ._content {
    display: none;
}

.dgb_tabs ._content ._title {
    font-size: 21px;
}

.dgb_tabs ._content .conforts ._list ._item,
.dgb_tabs ._content .descriptifs_habitation ._list ._item,
.dgb_tabs ._content .equipements_services ._list ._item,
.dgb_tabs ._content .activites ._list ._item {
    float: left;
    width: 50%;
}

.dgb_tabs ._content .conforts:after,
.dgb_tabs ._content .descriptifs_habitation:after,
.dgb_tabs ._content .equipements_services:after,
.dgb_tabs ._content .activites:after {
    content:"";
    display:table;
    clear:both;
}

.dgb_tabs ._content .langues ._title {
    display: inline;
}

.dgb_tabs ._content ._court {
    color:black;
}

.dgb_tabs ._content ._detail {
    color: black;
    font-size: 16px;
    margin-top: 27px;
} 


/* Bons plans */
.dgb_tabs ._content ._bonsPlans {
    color: #e30045;
    box-shadow: 0px 0px 10px 0px #656565;
    display: inline-block;
    padding: 8px;
    border-radius: 8px;
    margin-top: 27px;
    margin-right: 27px;
    margin-left: 27px;
    transform: rotate(-2deg);
}

/* Capacite */
.dgb_tabs ._content ._capacite {
    margin-top: 27px;
    font-size: 16px;
}

.dgb_tabs ._content ._capacite > * {
    display: list-item;
    margin-left: 27px;
}

/* Tarifs */
.dgb_tabs ._content ._tarifs ._complement {
    margin-top: 27px;
    font-size: 16px;
}

/* Equipements et Services */
.dgb_tabs ._content ._equipements_services ._picto {
    position: relative;
    top: 7px;
}

.dgb_tabs ._content ._equipements_services ._libelle {
    margin-left: 5px;
}


/*  MAP  */
.js-map { 
    width: 100%;
    height: 300px;
}

.dgb_map-wrapper {
    position: relative;
}

._distance-duree {
    position: absolute;
    top: 7px;
    left: 7px;
    background: white;
    padding: 1px 5px;
}

._latlng {
    position: absolute;
    bottom: 7px;
    left: 7px;
    background: white;
    padding: 1px 5px;
}

._qrcode {
    position: absolute;
    bottom: 4px;
    right: 7px;
}

/* PICTOS */
_list_pictos {
    display: inline-block;
    list-style: none;
}


/* BUTTON */

.dgb_list_button {
    margin-top: 35px;
    margin-bottom: 17px;
}

.dgb_button {
    background: #e8620f;
    border-radius: 10px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #666;
    padding: 10px 20px 10px 20px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0px -1px 1px #999;
    cursor: pointer;
}



.dgb_filtre .dgb_button--search {
    background: #e8620f ;
}

.dgb_filtre .dgb_button--reset {
    background: #555 ;
}

.dgb_filtre .dgb_button+.dgb_button {
    margin-left: 21px;
}

/* AGENDA */
.dgb_agenda_date {
    color: #91d100;
    font-size: 48px;
    padding-left: 280px;
}

.dgb_agenda .dgb_miniwrapper {
    padding: 14px;
    float: left;
}

/* back button */
.dgb_back_button {
    position: absolute;
    top: 1737px;
    right: 33px;
    z-index:999;
}

.dgb_back_button {
    transition: all .1s ease;
}

.dgb_back_button:active {
    transform: scale(0.95) !important;
}

/*  -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    PINCH ZOOMER
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.zoomInOn,
.zoomInOff,
.zoomOutOn,
.zoomOutOff {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.zoomInOn,
.zoomInOff {
    background-image: url(../images/zoom_in.png);
    bottom: 52px;
    right: 10px;
}

.zoomOutOn,
.zoomOutOff {
    bottom: 10px;
    background-image: url(../images/zoom_out.png);
    right: 10px;
}

.zoomInOn,
.zoomOutOn {
    opacity: 1;
    cursor: pointer;
}

.zoomInOff,
.zoomOutOff {
    opacity: 0.3;
    cursor: auto;
}