/* Sticky footer styles
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    font-family: 'Open Sans', sans-serif;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 80px;
}

.footer.login_footer {
    bottom: inherit;
}

body#login {
    background: #5b5c5d
}


/* Custom page CSS
-------------------------------------------------- */


/* Not required for template or sticky footer method. */

body>.container {
    padding: 60px 15px 0;
}

.container .text-muted {
    margin: 20px 0;
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

#myd_map {
    background: linear-gradient(45deg, #cc2827 0%, #f36362 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 800px;
}

#top-nav {
    background: #5b5c5d;
    height: 60px;
    border-bottom: none;
    position: absolute;
    z-index: 300;
}

#top-nav .navbar-brand {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 2.5em;
    color: #777;
    height: 60px;
    margin: 0;
    padding: 0;
}

#top-nav .navbar-brand img {
    height: 82px;
}

#top-nav .navbar-brand.obs {
    padding-top: 0;
}

.footer p a {
    display: inline-block;
}

#footer_in a {
    display: block;
    float: left;
}

.footer p a#lnk_cma {
    width: 96px;
    background: url('../img/logo_footer_cma.jpg') no-repeat left top;
    border-right: 2px solid #fff;
    height: 55px;
    text-indent: -9999px;
}

a#lnk_myd {
    display: inline-block;
    width: 116px;
    background: url('../img/logo_footer_myd.jpg') no-repeat right top;
    text-indent: -9999px;
    height: 55px;
    position: absolute;
    right: 0;
    margin-top: -55px;
}

.footer p #lnk_euro {
    width: 303px;
    background: url('../img/logo-europe.jpg') no-repeat right top;
    text-indent: -9999px;
    height: 55px;
    background-size: 303px 55px;
    margin-left: 10px;
}

.footer a#lnk_paca_in {
    width: 290px;
    background: url('../img/logo_footer_paca_in.png') no-repeat left 30px / contain;
    text-indent: -9999px;
    height: 85px;
    margin: -30px 10px 0 10px
}

.footer a#lnk_fabrique_in {
    width: 192px;
    background: url('../img/logo_fabrique_footer_in.jpg') no-repeat center center / contain;
    text-indent: -9999px;
    height: 53px;
    margin: 0px 10px 0 0px
}

.footer a#lnk_myd_in {
    width: 123px;
    background: url('../img/logo_footer_myd_in.png') no-repeat right top;
    text-indent: -9999px;
    height: 60px;
}

.footer p a:hover {
    color: #a6cfe2
}

.footer.inner p.footer_links {
    margin-top: -70px;
    position: absolute;
    right: 10px;
}

#top-nav ul.nav-notification,
#top-nav ul.nav-notification>li,
#top-nav ul.nav-notification>li>a {
    height: 100%;
}

#top-nav ul.nav-notification>li {
    margin-right: 20px;
}

#top-nav ul.nav-notification>li>a {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    color: #777;
    padding-top: 25px;
}

#top-nav ul.nav-notification>li>a img {
    margin-right: 10px;
}

#top-nav ul.nav-notification>li.profile>a img {
    height: 34px;
    border-radius: 17px;
    border: 1px solid #777;
}

#top-nav,
#myd_map,
#footer,
#footer_in {
    max-width: none;
}

#top-nav .navbar-brand img {
    /*height: 150px;*/
    height: 115px;
}


/* MID */

#bloc_container {}

#bloc_container tr td {
    vertical-align: top;
}

.bloc {
    margin-top: 145px;
    position: absolute;
    z-index: 100;
    background: #fff;
}

#recherche .form-group label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #01981d;
}

.form-control {
    border-radius: 0;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-radius: 0;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

#blocks_container {
    max-width: 430px;
    width: 430px;
    height: 100%;
    position: absolute;
    overflow: hidden;
}

#search_close_btn {
    top: 180px;
    left: 430px;
}

#search_close_btn.right {
    background: rgba(0, 0, 0, 0) url("../img/close_btn_2.png") no-repeat scroll right top;
}

#recherche,
#loading,
#resultats {
    max-width: 430px;
    width: 430px;
}

#loading {
    z-index: 101;
    padding-top: 100px;
    display: none;
}

#resultats {
    z-index: 102;
    background: #f2f2f2;
    padding-bottom: 185px;
    display: none;
}

#recherche .tab-bar li a {
    font-size: 16px;
    text-shadow: none !important;
    padding: 10px 18px;
}

#recherche .tab-bar li.active a {
    color: #515151
}

#recherche .tab-bar {
    background: #577679;
    /* For browsers that do not support gradients */
    height: 43px;
}

#recherche .tab-bar li.geoloc {
    background: #e7c564;
}

#recherche .tab-bar li.geoloc a {
    color: #f5f5f5;
}

#recherche .tab-bar li.active.geoloc a {
    color: #515151;
}

#recherche .tab-bar li.cartestat {
    background: #ed7372;
}

#recherche .tab-bar li.cartestat a {
    color: #f1bfbf;
}

#recherche .tab-bar li.active.cartestat a {
    color: #515151;
}

#recherche .tab-bar li.rapports {
    background: #5f9e9b;
}

#recherche .tab-bar li.rapports a {
    color: #c7cfcf;
}

#recherche .tab-bar li.active.rapports a {
    color: #515151;
}

#recherche .bloc_content {
    padding: 0;
}

#recherche .text-danger {
    padding: 20px 0 0 0;
    margin: 0;
}

.legend_geoloc {
    width: 430px;
    height: 100px;
    background: #dfeff9;
    text-align: center;
    height: 110px;
    margin: 20px 0 10px -10px;
}

#legendeCarteStat {
    background: #f9dfdf;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 10px;
    /*position: absolute;*/
    bottom: 0;
    opacity: 0.7;
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#legendeCarteStat:hover {
    opacity: 1;
}

#legendeCarteStat.legendemobile {
    width: 350px;
    z-index: 200;
    position: absolute;
}

#legendeCarteStat h4 {
    font-size: 14px;
    font-weight: 300;
}

#legendeCarteStat h3 {
    margin: 10px 0;
}

#legendeCarteStat.legendemobile h3 {
	color :   #515151;
}


.div-legendemobile
{	z-index:200;
	position:absolute;
	margin:20px 0 0 0 ;
	 bottom:0;
}


#recherche .cancelbutton {
    display: none;
}

#legendeCarteStat .legendBloc {
    display: block;
    margin: 5px auto;
    width: 40px;
    height: 15px;
    border: 1px solid #515151;
}

#legendeCarteStat .content>div {
    margin-bottom: 5px;
}

#resultats .header_results {
    background: #01981d;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#01981d, #026314);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#01981d, #026314);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#01981d, #026314);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#01981d, #026314);
    /* Standard syntax */
    height: 34px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 0px 10px;
}

#resultats .header_results span {
    font-size: 12px;
}

#resultats .header_results a {
    color: #fff;
}

#resultats .header_results i {
    margin-right: 5px;
}

#resultats .header_results button.btn {
    border-color: #fff;
    border-radius: 0px;
}

#resultats .header_results ul.dropdown-menu {
    border-color: #fff;
    border-radius: 0px;
    left: auto;
    top: 32px;
    right: 10px;
}

#resultats .header_results ul.dropdown-menu a {
    color: #515151;
}

#resultats .header_results ul.dropdown-menu a:hover {
    color: #fff;
}

#resultats .header_results .return {
    display: inline-block;
    margin-top: 4px;
    cursor: pointer;
}

#resultats .header_results .return:hover {
    color: #515151;
}

#list_resultats li {
    display: block;
    cursor: pointer;
    margin: 5px;
    min-height: 65px;
    padding-left: 54px;
    color: #515151;
    padding-bottom: 5px;
}

#list_resultats li h2 {
    font-family: 'Open Sans', sans-serif;
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    margin: 0 0 5px 0;
    padding-top: 10px;
}

#list_resultats li h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-weight: 300;
    font-size: 12px;
    margin: 0;
    line-height: 14px;
    margin: 0;
    overflow: hidden;
}

#list_resultats.par4 li {
    width: 24%
}

#list_resultats.par3 li {
    width: 32%
}

#list_resultats.par2 li {
    width: 47%
}

#list_resultats.par1 li {
    width: 97%
}

#list_resultats li.nar4-A {
    background: #fff url('../img/ico_results/nar4-A.png') 5px 5px no-repeat;
}

#list_resultats li.nar4-B {
    background: #fff url('../img/ico_results/nar4-B.png') 5px 5px no-repeat;
}

#list_resultats li.nar4-P {
    background: #fff url('../img/ico_results/nar4-P.png') 5px 5px no-repeat;
}

#list_resultats li.nar4-S {
    background: #fff url('../img/ico_results/nar4-S.png') 5px 5px no-repeat;
}

#list_resultats li.default {
    background: #fff url('../img/ico_results/default.png') 5px 5px no-repeat;
}

#list_resultats li span.lib_etab {
    display: block;
    font-size: 12px;
    margin: 5px 0;
}

#resultats .bottom_results {
    position: absolute;
    bottom: 0;
    padding: 5px 10px;
    width: 100%;
}

#resultats .bottom_results select {
    height: 20px;
    padding: 0;
    max-width: 200px;
}

#mydModal .modal-content {
    border-radius: 0;
    box-shadow: none;
}

.modal-backdrop {
    background-color: #fff;
}

.modal-backdrop.in {
    opacity: 0.75;
}

#mydModal.fiche .modal-dialog {
    width: 400px;
}

#mydModal.fiche .modal-dialog .modal-header {
    height: 51px;
    color: #fff;
    background-color: #d51219;
    padding: 0;
}

#mydModal.fiche .modal-dialog .modal-header i {
    background-color: rgba(0, 0, 0, 0.2);
    height: 50px;
    color: #fff;
    color: #fff;
    font-size: 27px;
    height: 50px;
    margin: 0 10px 0 0;
    padding: 10px;
}

#mydModal.fiche .modal-dialog .modal-header h4 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: normal;
    margin: 0;
    font-weight: 300;
    font-size: 24px;
}

#mydModal.fiche .modal-dialog .modal-header .close {
    color: #fff;
    font-size: 26px;
    margin-top: -2px;
    opacity: 1;
    padding: 10px;
}

#mydModal.fiche .modal-dialog .modal-header.nar4-A {
    background: #6fa71b
}

#mydModal.fiche .modal-dialog .modal-header.nar4-S {
    background: #ff9c00
}

#mydModal.fiche .modal-dialog .modal-header.nar4-P {
    background: #da4338
}

#mydModal.fiche .modal-dialog .modal-header.nar4-B {
    background: #265f75
}

#mydModal.fiche .modal-dialog .modal-body {
    color: #533603;
}

#mydModal.fiche .modal-dialog .modal-body .title {
    padding: 5px;
    padding-left: 54px;
    margin-bottom: 20px;
    min-height: 50px;
}

#mydModal.fiche .modal-dialog .modal-body .title.nar4-A {
    background: url('../img/ico_results/nar4-A.png') 5px 5px no-repeat;
}

#mydModal.fiche .modal-dialog .modal-body .title.nar4-B {
    background: url('../img/ico_results/nar4-B.png') 5px 5px no-repeat;
}

#mydModal.fiche .modal-dialog .modal-body .title.nar4-P {
    background: url('../img/ico_results/nar4-P.png') 5px 5px no-repeat;
}

#mydModal.fiche .modal-dialog .modal-body .title.nar4-S {
    background: url('../img/ico_results/nar4-S.png') 5px 5px no-repeat;
}

#mydModal.fiche .modal-dialog .modal-body a.btn-export-pdf {
    background: url('../img/icons/pdf.png');
    height: 40px;
    width: 40px;
    border: 0;
}

#mydModal.fiche .modal-dialog .modal-body .title h3 {
    margin: 0 0 5px 0;
}

#mydModal.fiche .modal-dialog .modal-body .title h5 {
    margin: 0 0 5px 0;
}

#mydModal.fiche .modal-dialog .modal-body>p {
    margin: 15px 0 0 0;
}

#mydModal.fiche .modal-dialog .modal-body>ul {
    padding-left: 10px;
}

#mydModal.documents .modal-dialog .modal-header {
    height: 51px;
    color: #fff;
    background-color: #b01e1d;
    padding: 0;
}

#mydModal.documents .modal-dialog .modal-header i {
    background: none repeat scroll 0 0 #07596a;
    height: 50px;
    color: #fff;
    color: #fff;
    font-size: 27px;
    height: 50px;
    margin: 0 10px 0 0;
    padding: 10px;
}

#mydModal.documents .modal-dialog .modal-header h4 {
    margin-top: 0;
}

#mydModal.rapports .modal-dialog .modal-body .docs-group.disabled {
    background: #cccccc;
    opacity: 0.7;
}

#mydModal.rapports .modal-dialog .modal-body .docs-group.disabled h3 {
    color: #666;
}

#mydModal.rapports .modal-dialog .modal-body .docs-group.disabled h5 {
    color: #666;
}

#mydModal.rapports .modal-dialog .modal-body .docs-group.disabled:hover {
    border-color: #fff;
}

#mydModal.rapports .modal-dialog .modal-body .docs-group.disabled:hover>a {
    color: #666;
}

#mydModal.rapports .modal-dialog .modal-body .docs-item h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    padding: 0 10px;
}

#mydModal.rapports .modal-dialog .modal-body .docs-item p {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin: 0;
    font-weight: 300;
    font-size: 10px;
    padding: 0 10px;
}

#mydModal.rapports .modal-dialog .modal-body .docs-item {
    border: 1px solid #efefef;
    cursor: pointer;
}

#mydModal.rapports .modal-dialog .modal-body .docs-item a {
    padding: 10px;
}

#mydModal.rapports .modal-dialog .modal-body .docs-group .stat-icon {
    font-size: 30px;
    opacity: 0.3;
    margin-top: -10px;
    float: right;
    color: #666;
    display: none;
}

#mydModal.rapports .modal-dialog .modal-body .docs-group.active .stat-icon {
    display: block;
}

#recherche .itemSearch .cancel_geom {
    display: none;
}

#recherche .type-rep {
    display: none;
}

#list_requetes tr.menu_element td {
    padding: 0;
}

#list_requetes tr.menu_element td label {
    line-height: 20px;
}

#list_requetes tr td span {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#list_requetes tr td span.loadFiltre:hover {
    color: #9bc736
}

#list_requetes tr td span.deleteFiltre:hover {
    color: #e85230
}

#list_requetes {
    padding-bottom: 20px;
}

#list_requetes tr td {
    border-bottom: 1px solid #f7f7f7;
}

#list_requetes tr td a {
    color: #80c641;
    cursor: pointer;
}

#list_requetes tr td:hover a,
#list_requetes tr td:hover address,
#list_requetes tr td:hover a div {
    color: #9ad268;
}

#list_requetes tr td a h3 {
    color: #999;
    padding: 0 10px;
    font-size: 12px;
    margin: 0;
}

#list_requetes tr td a h4 {
    padding: 0 10px;
    font-size: 10px;
    margin: 0 0 0 0;
}

#list_requetes tr td a address,
#list_requetes tr td a div {
    padding: 0 5px 10px 10px;
    font-size: 10px;
    margin: 0 5px 0 0;
}

#list_requetes tr td a h3 {
    padding: 10px 10px;
    font-size: 14px;
    margin: 0;
}

#list_requetes_wrapper .ui-widget-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #777;
    font-weight: normal;
}

#list_requetes_filter label {
    float: right;
    font-weight: normal;
}

#list_requetes_length {
    display: none;
}

#list_requetes_length label {
    float: left;
    font-weight: normal;
}

#list_requetes tr td .ui-state-default {
    background: none;
}

#list_requetes .DataTables_sort_wrapper {
    color: #777;
}

#list_requetes tr.even td.sorting_1 {
    background: #f7f7f7;
}

#list_requetes tr.odd td.sorting_1 {
    background: #fff;
}

#popup {
    position: absolute;
    z-index: 2997;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    height: auto;
    max-height: 300px;
    padding: 10px;
    padding-bottom: 20px;
    top: 70px;
    background-color: #fff;
    color: #666;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #666;
}

#popup ul {
    max-height: 280px;
    overflow: auto;
    width: 120px;
    float: left;
    background: #efefef;
    padding: 15px;
    border-radius: 7px;
    padding-top: 0;
}

#popup div.actions {
    float: left;
    width: 120px;
    margin-left: 30px;
}

#popup a.action {
    display: block;
    padding: 10px;
    background: #0073b2;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    width: 100px;
    margin-bottom: 10px;
    text-align: center;
}

#popup a#saveAndClose {
    margin-top: 160px;
}

div#popup.infoMsg h3 {
    margin-top: 0;
}

.login-wrapper h2.login_title {}

.login-wrapper h2.login_title span {
    color: #777777;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 54px;
    text-shadow: 0 1px #fff
}

.login-wrapper h2.login_title img {
    display: inline-block;
    margin-top: -20px;
}

.forget-password a {
    color: #80c641
}

.forget-password a:hover {
    color: #777
}

#lightCustomModal {
    display: none;
    text-align: left !important;
}

.progress .progress-bar.progress-bar-primary {
    background-color: #ccc;
}

.ui-widget-content.ui-autocomplete {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
}


/*
*
*	INFOWINDOW
*
*/

div.listebulle {
    padding: 10px;
    min-width: 250px;
}

div.listebulle h5 {
    margin: 0;
    font-size: 13px;
    font-family: Arial;
    color: #333;
    font-weight: bold;
}

div.listebulle ul {
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 100px;
    max-height: 100px;
    overflow: auto;
}

div.listebulle li {
    font-size: 11px;
    font-family: Arial;
    color: #dc632d;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 4px;
}

.box-arrow:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    top: 35px;
    right: 0;
    margin-top: -10px;
    margin-right: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 2px 0 2px -1px rgba(0, 0, 0, .3);
}

div.poi-info-max {
    background: #fff none repeat scroll 0 0;
    left: 50%;
    margin-left: -495px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    margin-top: -60px;
    position: absolute;
    width: 460px;
    z-index: 200;
}

div.poi-info-max .content {
    padding: 0;
}

div.poi-info-max .content .scrollable p {
    padding: 0;
}

div.poi-info-max .content .scrollable p:last-child {
    padding-bottom: 20px;
}

div.poi-info-max .content .scrollable h4 {
    margin: 5px 0 0 0;
}

div[class^="poi-info"] .type {
    text-align: left;
    color: #333;
    font-size: 14px;
    min-height: 14px;
}

div[class^="poi-info"] span.month {
    font-size: 14px;
    text-transform: lowercase;
    color: #8ba71f;
    font-weight: bold;
}

div[class^="poi-info"] .periode {
    color: #5f5847;
    font-size: 34px;
    line-height: 34px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

div.poi-info-max .content-header {
    border-bottom: 1px solid #3273b7;
    min-height: 63px;
}

div.poi-info-max .content-poi {
    padding: 0;
}

div.poi-info-max .content-poi .description {
    padding: 5px;
    color: #333;
}

div.poi-info-max .content-panel ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div.poi-info-max .content-panel li {
    padding: 2px;
    margin: 2px;
}

div.poi-info-max .content-panel .poi-attached li {
    padding: 10px 0 10px 30px;
}

div.poi-info-max .content-panel .poi-attached li a {
    color: #428bca;
    font-size: 16px;
    cursor: pointer;
}

div.poi-info-max .content-panel .poi-attached li a:hover {
    text-decoration: underline
}

div.poi-info-max h2 {
    padding: 0px;
    line-height: 20px;
    overflow: hidden;
    color: #3273b7;
    font-size: 24px;
    margin: 5px 0 0 0
}

div.poi-info-max h4 {
    padding: 0px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    color: #3273b7;
    font-size: 16px;
    margin: 0 0 5px 0
}

div.poi-info-max h3 {
    padding: 0px;
    margin: 0 0 5px 0;
    color: #333;
    font-size: 12px;
    font-weight: normal
}

div.poi-info-max .content-panel h2 {
    color: #000;
    padding: 10px;
}

div.poi-info-max .content-panel .poi-proximite {}

div.poi-info-max .content-panel .poi-proximite li {}

div.poi-info-max .content-panel .poi-proximite input {}

div.poi-info-max.small .bloc-content {
    display: none;
}

div.poi-info-max .content-panel i {
    position: absolute;
    margin: -5px 0 0 -35px;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 30px;
}

div.poi-info-max .content-panel i.fa-car {
    margin: 0 0 0 -35px;
    width: 30px;
    height: 30px;
    font-size: 22px;
}

div.poi-info-max .content-links {
    background: #f9f9f8 url('../img/poi_gradiant.png') 0px 0 repeat-y;
}

div[class^="poi-info"] .small-picture {
    width: 70px;
    height: 45px;
    float: left;
    background: #efefef;
}

div.poi-info-max span.lib_etab {
    display: block;
    font-size: 12px;
    margin: 5px 0;
}

a#ol-popup-closer {
    float: none;
    height: auto;
    margin-left: -102px;
    margin-top: -60px;
    padding: 15px 25px;
    position: absolute;
    z-index: 999;
    background: #f9f9f8 url('../img/close_gradiant.png') 0 0 repeat-y;
}

a#ol-popup-closer .icon-fermer {
    font-size: 30px;
}

#infowindow.iconar4a h2 {
    color: #6fa71b
}

#infowindow.iconar4s h2 {
    color: #ff9c00
}

#infowindow.iconar4p h2 {
    color: #da4338
}

#infowindow.iconar4b h2 {
    color: #265f75
}

#infowindow.iconar4a h4 {
    color: #6fa71b
}

#infowindow.iconar4s h4 {
    color: #ff9c00
}

#infowindow.iconar4p h4 {
    color: #da4338
}

#infowindow.iconar4b h4 {
    color: #265f75
}

#infowindow.iconar4a .content-header {
    border-bottom-color: #6fa71b
}

#infowindow.iconar4s .content-header {
    border-bottom-color: #ff9c00
}

#infowindow.iconar4p .content-header {
    border-bottom-color: #da4338
}

#infowindow.iconar4b .content-header {
    border-bottom-color: #265f75
}

#infowindow.iconar4a .content-panel .poi-attached li a {
    color: #6fa71b
}

#infowindow.iconar4s .content-panel .poi-attached li a {
    color: #ff9c00
}

#infowindow.iconar4p .content-panel .poi-attached li a {
    color: #da4338
}

#infowindow.iconar4b .content-panel .poi-attached li a {
    color: #265f75
}

div#listIwContainer {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    min-height: 63px;
    clear: both;
    cursor: default;
    margin-left: -435px;
    margin-top: -61px;
    overflow: inherit;
    position: absolute;
    width: 400px;
    z-index: 997;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

ul#listInfowindow {
    padding: 10px;
    min-width: 250px;
    width: 385px;
    margin: 0;
    height: 100px;
    max-height: 100px;
    overflow: auto;
    list-style-type: none;
}

ul#listInfowindow li,
ul#listInfowindow li h2,
ul#listInfowindow li h3 {
    font-size: 12px;
    font-family: Arial;
    color: #515151;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 4px;
    margin: 0;
}

ul#listInfowindow li h3 {
    font-size: 11px;
    color: #333333;
    margin: 0;
}

ul#listInfowindow li {
    margin: 0 0 10px;
    padding: 5px 5px 15px 35px;
    cursor: pointer;
    min-height: 45px;
    border-bottom: 1px solid #ccc;
}

ul#listInfowindow span.lib_etab {
    display: block;
}

ul#listInfowindow li.iconar4s {
    background: url('../img/icons/iconar4s.png') left center no-repeat;
}

ul#listInfowindow li.iconar4b {
    background: url('../img/icons/iconar4b.png') left center no-repeat;
}

ul#listInfowindow li.iconar4a {
    background: url('../img/icons/iconar4a.png') left center no-repeat;
}

ul#listInfowindow li.iconar4p {
    background: url('../img/icons/iconar4p.png') left center no-repeat;
}

div#listIwContainer h2 {
    font-size: 16px;
    padding-left: 10px;
}

div#listIwContainer h3 {
    font-size: 12px;
    padding-left: 10px;
    color: #515151;
}

div#listIwContainer a.gen_carte {
    float: right;
}


/*
*
*	LOGIN
*
*/

#login_logo {}

.login-wrapper {
    background: #f1f2f2 url('../img/bg_login.png') center -220px no-repeat;
}

.login-wrapper .form-group a {
    color: #fd4d4d;
}

.login-wrapper .panel {
    min-height: 340px;
}

.login-wrapper .footer {
    position: relative;
}


/* Scrollbar */


/*======================================*/

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nano>.nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.nano>.nano-content::-webkit-scrollbar {
    display: none;
}

.nano>.nano-content:focus {
    outline: 0 !important;
}

.nano>.nano-pane {
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 5px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.nano>.nano-pane>.nano-slider {
    background-color: rgba(205, 40, 40, 0.5);
    position: relative;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
}

.nano-hide.nano>.nano-pane {
    display: none !important;
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
    display: block;
}

.nano:hover>.nano-pane,
.nano-pane.active,
.nano-pane.flashed {
    opacity: 0.99;
}

#recherche .search-box,
#recherche .search_btns {
    padding: 0 15px;
}

#recherche .panel-search h3 {
    font-size: 18px;
    color: #dd5f5f;
    font-size: 18px;
    font-weight: 300;
    margin-top: 35px
}

.chosen-container-single .chosen-single {
    height: 34px;
}

#recherche .search_btns {
    margin-top: 20px
}

#recherche .search_btns .btn {
    padding: 0 10px;
}

#recherche .btn-danger {
    background-color: #db5757;
    border-color: #dd5f5f;
    color: #fff;
    border-radius: 0px;
}

#recherche .search_btns .btn-danger i {
    background-color: rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-left: -12px;
    margin-right: 6px;
    padding: 8px 12px;
}

#recherche .search_btns .btn-danger:hover,
#recherche .search_btns .btn-danger:active,
#recherche .search_btns .btn-danger.active {
    background-color: #d53b3b;
    border-color: #d74242;
    color: #ffffff;
}

#recherche select.form-control:focus {
    border-color: #dd5f5f
}

#recherche select.form-control {
    margin-bottom: 0px;
}

#recherche .panel-search a.plus {
    border-radius: 0;
    margin: 2px 0 0 0;
}

.close_btn {
    position: absolute;
    z-index: 199;
    cursor: pointer;
    width: 18px;
    height: 44px;
}

.close_btn.left {
    background: url('../img/close_btn.png') top left no-repeat;
}

.close_btn.left.closed {
    background: url('../img/close_btn.png') top right no-repeat;
}

.close_btn.right {
    background: url('../img/close_btn.png') top right no-repeat;
}

.close_btn.right.closed {
    background: url('../img/close_btn.png') top left no-repeat;
}

#request_summary_container {
    position: absolute;
    z-index: 200;
    top: 150px;
    right: 0px;
    width: 398px;
    overflow: hidden;
    display: none;
}

#request_summary_wrapper {
    width: 398px;
}

#request_summary {
    background: rgba(243, 99, 98, 0.8);
    width: 380px;
    float: right;
    color: #fff;
}

#request_summary a {
    color: #fff;
}

#request_summary {
    padding: 10px;
}

#request_summary h3 {
    font-wieght: bold;
    font-size: 16px;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

#request_summary a.suprreq {
    cursor: pointer;
    font-size: 14px;
}

#request_summary a.suprreq:hover {
    color: #026314;
}

#request_summary .panel-body {
    padding: 0 0 20px 0;
}

#request_summary .panel-body {
    padding: 0 0 20px 0;
}

#request_summary .panel-body h5 {
    margin-bottom: 2px;
}

#request_summay_container .close_btn {
    margin-top: 10px;
}

#printbtn {
    background: rgba(243, 99, 98, 0.8);
    width: 70px;
    height: 65px;
    position: absolute;
    z-index: 200;
    bottom: 80px;
    right: 20px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    display: block;
}

#printbtn i.subfa {
    display: block;
    font-size: 16pt;
    margin-top: -10px;
}

#myd_map .ol-zoom {
    padding: 0;
    position: absolute;
    right: 20px;
    top: 80px;
    left: inherit;
}

#myd_map .ol-control {
    background: none;
    border-radius: 0;
    border: none;
}

#myd_map .ol-zoom .ol-zoom-out,
#myd_map .ol-zoom .ol-zoom-in {
    border-radius: 0;
}

#myd_map .ol-control button {
    background: rgba(243, 99, 98, 0.8) none repeat scroll 0 0;
    font-size: 2.14em;
}

#filCarte a {
    display: block;
}

#filCarte a:hover {
    color: #515151;
}

.topNavMenu {
    float: right;
}

.topNavMenu a {
    display: block;
    min-width: 19px;
    height: 19px;
    line-height: 15px;
    padding: 2px 4px;
    font-size: 12px;
    color: #b01e1d;
    background: #fff;
    text-align: right;
}

.topNavMenu a:hover {
    color: #fff;
    background: #b01e1d;
}

.topNavMenu a.left {
    margin-right: 5px;
    text-align: center;
}

.topNavMenu a.right {
    margin-left: 5px;
    padding-left: 25px;
}

.topNavMenu a.top {
    margin-bottom: 2px;
}

.topNavMenu a.bottom {
    margin-top: 2px;
}

#top-nav {
    padding-right: 0px;
}

#top-nav h1 {
    padding: 0px 5px;
    margin-left: 90px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 280px;
    color: #fff;
    font-size: 30px;
}

#top-nav h2 {
    padding: 0px 5px;
    margin-left: 90px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 280px;
    color: #fff;
    font-size: 18px;
}

#top-nav .dropdown-menu {
    right: 0;
    left: inherit;
}

#top-nav .topNavMenu {
    width: 194px;
    height: 111px;
    margin-top: -20px;
    background: url('../img/bg_top_right.png') no-repeat left top;
}

#top-nav .topNavMenu table {
    margin-top: 38px;
    margin-left: 14px;
    opacity: 0.6;
}

#top-nav .topNavMenu table:hover {
    opacity: 1;
}

.topNavMenu .dropdown-menu a {
    height: auto;
}

#footer_in a.loadPageMentions {
    color: #666;
    margin: 40px 20px 0 0;
}

.btns_requete {
    padding: 5px;
}


/*
*
*	CLEM : MAPPAMOBILE MAQUETTES
*
*/

.subDivision {
    position: absolute;
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    margin: 5px 0;
    padding: 3px 10px;
    background-color: #5b5c5d;
    color: #999999;
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    cursor: pointer;
    z-index: 250;
}

.activeSubDivision {
    width: 350px;
}

.subDivision.subDivisionsHidden {
    margin-left: -350px;
}

.subDivision.subDivisionsShown {
    margin-left: 0;
}

.subDivision:hover {
    background-color: #999;
    color: #fff;
}

.btn-switch-subdiv {
    position: absolute;
    margin-left: 350px;
    margin-top: 5px;
    font-size: 14px;
}

.subDivision.hover {
    width: 350px;
}

.subDivision.hover h4 {
    font-size: 16px;
}

.subDivision .btn-danger {
    background: #d83a39;
    border: 1px solid#f51901;
}

.activeSubDivision {
    margin: 5px 0;
    padding: 3px 10px;
    background-color: #d83a39;
    color: #fff;
    font-weight: bold;
}

.activeSubDivision h3 {
    margin-top: 10px;
}

#leftPanel {
    padding-top: 150px;
    width: 350px;
    position: absolute;
    z-index: 250;
    left: 0;
    top: 0;
    height: 100%;
    background-color: none;
}

#rightPanel {
    width: 500px;
    position: absolute;
    z-index: 350;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #5b5c5d;
}

#rightPanel .stats-content {
    background-color: #fff;
    padding-top: 10px;
}

#rightPanel .btn-panel {
    display: none;
}

#map_wrapper {
    padding-right: 500px;
}

#map_wrapper.embedded {
    padding-right: 0;
}

@media only screen and (max-width: 767px) {
    /* smartphone */
    body {
        overflow: hidden;
    }
    .activeSubDivision {
        display: inline-block;
        width: auto;
    }
    .subDivision.hover {
        width: auto;
    }
    #rightPanel {
        width: 100%;
        padding-top: 20px;
    }
    #rightPanel.panel-down {
        top: 100%;
        margin-top: -75px;
    }
    #rightPanel.panel-up {
        top: 75px;
        margin-top: -75px;
    }
    #rightPanel .btn-panel {
        margin-top: -20px;
        position: absolute;
        z-index: 300;
        width: 100%;
        text-align: center;
        display: block;
    }
    #top-nav,
    #myd_map,
    #footer,
    #footer_in {
        min-width: 100%;
        left: 0;
    }
    #map_wrapper {
        padding-right: 0;
    }
    #legendeCarteStat.legendemobile {
        bottom: 75px;
    }

	.div-legendemobile{
		bottom: 75px;
	}

    #legendeCarteStat.legendemobile h3 {
        bottom: 75px;
        margin: 5px 0;
        font-size: 14px;
        font-weight: bold;
    }
    #legendeCarteStat.legendemobile h4 {
        font-size: 12px;
        font-weight: 300;
        margin: 0 0 5px 0;
    }
    #legendeCarteStat.legendemobile {
        width: 100%;
    }
    #rightPanel .stats-content {
        padding-top: 20px;
    }
    #rightPanel .btn-switch-search {
        margin-top: 25px;
        margin-right: 25px;
        ;
    }
    div#listIwContainer {
        height: 630px;
        margin-left: 0px;
        margin-top: 0px;
        width: 1000px;
        z-index: 997;
    }
    a#ol-popup-closer {
        margin-left: 0px;
        margin-top: 0px;
        right: 0px;
    }
    #top-nav h1,
    #top-nav h2 {
        display: none;
    }

	#top-nav .navbar-brand{
		float:right;
	}

	#top-nav .navbar-brand img {
        height: 55px;
    }
    .navbar {
        min-height: 40px !important;
    }
    #top-nav {
        height: 40px;
    }
    h5 {
        font-size: 12px;
    }
}


/*
*
*	CLEM : FIN MAPPAMOBILE MAQUETTES
*
*/

table#soussecteur tr[class^="sousAct"] td{
    text-transform: capitalize;
}