html { width: 100%; height: 100% }
body { width: 100%; height: 100%; }


a, select, input, h1 { vertical-align:middle; }
.btn-xs { font-size:13px; }
li{ list-style:none }
.invisible { visibility:hidden }
.no-padding { padding:0 }
.btn-primary { background-color:#72b128; }
.no-wrap { white-space:nowrap; }
.row { margin:0; }
.fill { height:100%; }

.navbar {
    border-bottom:#999; box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.35); position:fixed; z-index:1000; width:100%; border-bottom:2px solid #fff;
    font-family: 'Roboto Condensed', sans-serif; color:#fff;
    background: #49423d url(../../images/background-header.jpg) repeat center top; background-size: cover;
}
/*.navbar-header { float:none; }*/
h1 { margin:15px 0 15px 10px; padding:0; display:inline-block; color: #ffffff; font-size: 22px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
.logo { position:absolute; top:0; left:190px; z-index:100; }
.top-logos { margin: 0 0 5px 0; }
.signature-enchante { margin: 10px 0 0 0; }
.navbar-collapse.collapse { padding:0; }
.navbar-inverse .navbar-toggle { border-color:#fff; margin-top:30px; }
.navbar-nav { float:none; display:inline-block; margin:0 auto; }
.narrow-search-container .colonne {
    padding:28px 22px 25px 22px; min-height:115px; text-align:left; border-left:1px solid rgba(255,255,255,.4); /*background-color: rgba(0,0,0,0.1)*/
}
.narrow-search-container .colonne:hover {
    background-color: rgba(0,0,0,0.25)
}
.narrow-search-container .colonne > div { display:inline-block; text-align:left; }
.narrow-search-container label, .narrow-search-container span { display:block; font-size:1.5em; color:rgba(255,255,255,1); font-weight:normal; margin-bottom:5px; }
#dropdown { padding:20px 25px 0 0; text-align:right; }
.liste-complete-colonne a { display:inline-block; width:100%; text-align:left; }

#content { padding-top:118px; }

#map { width:100%; height:100%; position:relative; z-index:3; padding:0; }
body.show-sidebar #map { width:75%; }

#sidebar-container {
    width:25%; height:100%; position:absolute; z-index:997; top:117px; right:0; overflow:auto; background-color:rgb(255,255,255); box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.35);
    padding:0; font-family: 'Questrial', sans-serif; display:none;
}
#btn-hide-sidebar, .favoris-btn-fermer { margin:2px 5px 0 0; color:#fff; opacity:1; text-shadow: 0px 1px 0px #666; float: none; position: absolute; top: 5px; right: 5px; }
#btn-hide-sidebar:hover, .favoris-btn-fermer:hover { color:#fff; opacity:1; transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); }
#recherche-container { white-space:nowrap; padding:10px 25px; background: #d67b4f url(../../images/background-recherche-container.jpg) no-repeat left top; }

#recherche-container input { display:inline-block; }
#sidebar { padding-top:15px; }

#sidebar .title {margin: 10px 12px 20px 24px;padding: 0;color: #81766E;text-transform: uppercase;font-size: 20px;font-weight: bold;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-align-items: center;
    align-items: center;
}
#sidebar .title .col-icon {margin-right: 10px;position: relative;top: 2px;
    -webkit-flex: 0 1 auto;       /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex: 0 1 auto;           /* IE 10 */
    flex: 0 1 auto;               /* NEW, Spec - Firefox, Chrome, Opera */
}
#sidebar .title .col-text {
    -webkit-flex: 0 1 auto;       /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex: 0 1 auto;           /* IE 10 */
    flex: 0 1 auto;               /* NEW, Spec - Firefox, Chrome, Opera */
}

#sidebar .commerce { cursor:pointer; padding:5px 25px; color:#044387; border-bottom:1px solid #CCC; font-size:1.1em; line-height:1.2em; }
#sidebar .commerce:hover { background-color:#7bb85f; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.85) }
body.show-sidebar #sidebar-container { display:block; }
#sidebar .commerce img {
    display: none; /*width: 100px; height: auto; float: none;*/
}

.map_infowindow {
    overflow:hidden !important; padding: 0px 10px 0 0 !important; margin: 0px !important; color: black !important; font-family: arial,sans-serif !important; line-height: normal !important; width:320px; /*font-size: 12px !important;*/
}
.map_infowindow img {
    max-width: 150px; max-height: 100px; display: block; margin-bottom: 10px;
}
.map_infowindow .nom {
    font-size: 1.2em; display: block; margin-bottom: 10px;
}
.map_infowindow a, .map_infowindow a:visited {
    text-decoration: underline; color: #333;
}
.alt { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; }

#btn-map-fullscreen { position:absolute; bottom:20px; left:-120px; z-index:999; }
#btn-map-normal { display:none; }
/** Mode fullscreen **/
body.map-fullscreen nav, body.map-fullscreen #sidebar-container { display:none; }
body.map-fullscreen #content { padding-top:0; }
body.map-fullscreen #map { height:100% !important; width:100%; }
body.map-fullscreen #btn-map-fullscreen { display:none; }
body.map-fullscreen #btn-map-normal { display:block; position:absolute; bottom:20px; left:20px; z-index:999; }





/* Favoris */

a.favoris, a.favoris:visited {
    position: absolute; top: 117px; left: 0; z-index: 1000; border: 2px solid #fff; background-color: #72c4bd; color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); padding: 13px 15px 15px 15px;
    border-bottom-right-radius: 10px; z-index: 999; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
a.favoris:hover, a.favoris:visited:hover {
    background-color: #60a6a0; color: #fff; text-decoration: none; cursor: pointer;
}

#favoris {
    position: fixed;
    top: 117px;
    left: -350px;
    bottom: 0;
    z-index: 998;
    border: 2px solid #fff;
    width: 300px;
    height: auto;
    color: #fff;
    background: #72c4bd url(../../images/background-favoris.jpg) no-repeat left top;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    padding: 25px 15px 20px 15px;
    transition: all 500ms ease-out; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#favoris .favoris-titre {
    font-size: 14px; font-weight: bold; margin-bottom: 20px;
}
#favoris .favoris-liste {
    margin-bottom: 70px;
    overflow: auto;
    margin-top: 50px;
    height: 83%;
    height: calc(100% - 100px);
}
#favoris .favoris-item:first-child {border-top: 1px solid rgba(255,255,255,0.4);}
#favoris .favoris-item {border-bottom: 1px solid rgba(255,255,255,0.4); padding: 5px 0; display: table; width: 100%;}
#favoris .favoris-nom {padding: 5px 0; display: table-cell; text-align: left; vertical-align: middle; width: 85%;}

    #favoris .favoris-item.aucun {border-bottom: 0;}
    #favoris .favoris-item.aucun .favoris-nom {font-style:italic;display: block;border-bottom: 1px solid rgba(255,255,255,0.4);width: 100%;padding-bottom: 10px;}
    #favoris .favoris-item.aucun p {font-style: normal;font-size: 14px;line-height: 1.5;margin: 1em 0;}

#favoris .favoris-delete {
    display: inline; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    background: none;
    border: none;
    padding: 3px 10px;
    cursor: pointer;
}
#favoris .favoris-delete i {
    padding: 4px; display: inline-block;  font-size: 16px;
}
#favoris .favoris-delete:hover i {
    color: #444; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.5);*/
}
#favoris .btn-envoyer-container {
    text-align: center;
    position: absolute;
    bottom: 20px;
}
#favoris .btn-envoyer {
    font-size: 15px;
    /* border: 1px solid #e95921; */
    width: 265px;
}

#favoris-send {display: none;position: fixed;z-index: 1001;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);}
#favoris-send .in {padding: 25px 35px 10px 35px; background: #72c4bd url(../../images/background-favoris.jpg) no-repeat left top; /*background-color: #72c4bd;*/ text-align: center; font-size: 16px; line-height: 20px; z-index: 109; width: 500px; position: absolute; left: 50%; top: 170px; margin-left: -250px; box-shadow: 1px 1px 15px rgba(0,0,0,0.5); color:#fff; /*border-radius: 6px;*/ text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
#favoris-send .titre {color: #fff; font-size: 28px; line-height: 32px; margin: 0 0 15px 0; padding: 0;}
#favoris-send p {margin: 0 0 15px 0;}
#favoris-send .btn-orange {font-size: 16px; line-height: 20px; margin: 0 0 10px 0;}
#favoris-send .ligne {width: 400px; border-bottom: 1px solid #fff; margin: 25px auto 25px auto;}
#favoris-send .form-item {}
#favoris-send .form-item label {display: block; margin-bottom: 15px;}
#favoris-send .form-item input {display: block; width: 80%; margin: 0 auto; padding: 6px 12px; border: 1px solid #fff; line-height: 22px; font-size: 16px; font-weight: bold; background-color: #eee; color: #333;}

#favoris-send-success {display:none;}
#favoris-send-error {display: none;}

.favoris_btn_wrapper {margin-top: 10px;}
.favoris_btn_wrapper p {margin: 0;}

.j-favoris-send-btn-fermer {
    color: #fff; opacity: 1;
}


/*** utilities ***/
.slide-right {right: -5px !important;}
.slide-left {left: -5px !important;}

.btn {
    cursor: pointer; background-color: #fff; border-radius: 4px; display: inline-block; border: 1px solid transparent; text-decoration: none;
}
.btn:hover {
    color: #fff; background-color: #d67b4f /*#e95921*/; border: 1px solid #fff;
}
.btn-orange {
    cursor: pointer; font-size: 12px; color: #ffffff; border-radius: 4px; display: inline-block; padding: 4px 10px; border: 1px solid #fff; text-decoration: none;
    background: #d67b4f; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.85);*/
}
.btn-orange:hover {
    color: #d67b4f; background: none; background-color: #fff; border: 1px solid #e95921; text-shadow: none;
}

.bordure-orange {
    border: 1px solid #d67b4f;
}

.btn-fermer {
    cursor: pointer;
    position: absolute;
    /* z-index: 10; */
    top: -25px;
    right: -15px;
    background-color: #666;
    color: #fff;
    border-radius: 50%;
    padding: 8px 10px;
    display: inline-block;
    font-size: 20px;
    border: 3px solid #fff;
}
.btn-fermer:hover {
    color: #666;
    background-color: #fff;
    border: 3px solid #fff;
}

.msg-warning {color: #7f1100;}
.msg-confirm {color:#ffffff;}





/* Media Queries */

@media only screen and (max-width : 1300px) {

    input#recherche { width:130px; }

}

@media only screen and (max-width : 1230px) {
    .narrow-search-container label, .narrow-search-container span {
        font-size: 1.2em;
    }
}

@media only screen and (max-width : 1024px) {

    .narrow-search-container .colonne { padding:22px 10px 25px 10px; }
    body.show-sidebar #map { width:70%; }
    #sidebar-container { width:30%; }
    .signature-enchante img { width: 290px; }

}

@media only screen and (max-width : 940px) {

    h1 { margin-left:0; }
    .top-logos img { width: 120px; }
    .navbar-inverse .navbar-collapse { overflow:hidden; }
    .narrow-search-container label, .narrow-search-container span { font-size:1.2em; }
    input#recherche { width:100px; }

}

@media only screen and (max-width : 767px) {

    h1 { float: left; text-align: left; }
    .navbar-inverse .navbar-collapse { border:none; box-shadow:none; padding:0; border-top:1px solid #fff; }
    .narrow-search-container .colonne { border:none; padding-right:15px; text-align:left; background-color: transparent; }
    .narrow-search-container .colonne:hover { background-color: transparent; }
    .narrow-search-container label, .narrow-search-container span { font-size:1.5em; }
    .top-logos, .signature-enchante { /*clear:both;*/ text-align: left; }
    .navbar-inverse .navbar-toggle { margin-bottom: 0; margin-top:15px; margin-right:0; position: absolute; top: 20px; right: 20px; }
    #content { padding-top: 100px; }
    input#recherche { width:150px; }
    #map, body.show-sidebar #map { height:500px; width:100%; }
    #sidebar-container { position:fixed; top:auto; right:auto; bottom:0; left:0; width:100%; height:200px; padding:0 0 10px 0; display:block; }
    #sidebar-container  button.close { display:none; }
    #btn-map-fullscreen { right:10px; bottom:210px; left:auto; }

}

@media only screen and (max-width : 665px) {

    .narrow-search-container label, .narrow-search-container span { font-size:1.2em; }
    input#recherche { width:140px; }
    .navbar { background-size: 100% 100px; }

}

@media only screen and (max-width : 580px) {

    .narrow-search-container .colonne { min-height:auto; width:48%; }
    input#recherche { width:140px; }
    .narrow-search-container .btn-primary { border:1px solid #fff }
    #favoris-send .in { width: 90%; left: 15px; margin-left: 0; }
    #favoris-send .ligne { width: 100%; }

}


@media only screen and (max-width : 480px) {

    h1 { font-size: 1.3em; margin: 12px 0 10px; text-align: left; width: 240px; }
    .top-logos, .signature-enchante { text-align: center; }
    .navbar-inverse .navbar-toggle { margin: 5px 0 15px 0; float:none; position: relative; top: auto; right: auto; }
    .navbar-inverse .navbar-collapse { padding:0 10px; }
    .narrow-search-container .colonne { min-height:70px; width:100%; padding:15px 0 0 0; }
    .narrow-search-container .colonne.liste-complete-colonne { padding-bottom:15px; }
    #content { padding-top: 70px; }
    #map { height:200px; }
    #sidebar-container { /*height:60px;*/ height:auto; top:0px; position:relative; /*top:auto; right:auto; bottom:auto; left:auto;*/ }
    #sidebar-container .commerce { margin:0 25px; padding:5px; }
    #recherche-container { display:none; }
    .map_infowindow { width:180px; }
    #btn-map-fullscreen { top:-30px; right:10px; bottom:auto; left:auto; }

}

@media only screen and (max-width : 321px) {

    /*#sidebar-container { height:80px; }*/
    #map { height:250px; }
    #sidebar-container .commerce { margin:0 10px; }
    .map_infowindow { width:120px; }
    #btn-map-fullscreen {  }
}