body {
    font-family      : "Source Sans Pro", Helvetica, Roboto, Arial, sans-serif;
    font-weight      : 300;
    padding-top      : 0;
    background-color : #ffffff;
    color            : #000000;
}
.bandeau {
    padding: 10px 0 10px 0;
}
.logo_mel {
    height: 50px !important;
}
.logo_plateforme {
    height: 50px !important;
}
.headerContainer {
    background-color: #cf1220 !important;
    min-height: 200px;
}
.headerContainerPlu {
    background-image : url(../img/custom/mel/background_carto.png);
    background-size: cover;
    min-height: 200px;
}
.logoplu {
    padding: 5px;
}
.navbar {
    border-radius: unset;
}
.containHeader {
    background-image: linear-gradient(to right, rgba(26,24,29,0.8) 50%, var(--primary) 50%);
}
.header-enquete {
    clip-path : polygon(0 0, 75% 0, 65% 100%, 0% 100%);
    min-height: 200px;
}
.navbar a, .navbar-nav>li>a {
    color           : #cf1220 !important;
    font-weight     : bold;
    display         : inline-block;
    overflow        : hidden;
    text-decoration : none;
    vertical-align  : middle;
    width           : 100%;
    line-height 	: 24px !important;
}
.navbar .navbar-nav > li > a:before {
    background-color: #cf1220 !important;
}
.menu {
    background-color: #fff;
    color: #cf1220;
}
.menu .hidden-phone .menu-item a {
    padding: 7px 25px 8px!important;
}
.menu .hidden-phone .menu-item {
    max-width  : none !important;
    max-height : none !important;
    float      : none !important;
    overflow   : visible !important;
    display    : table-cell !important;
    text-align : left !important;
}
.menu .menu-item {
    text-align   : center;
    font-size    : 1.1em;
    /*max-width    : 35%;*/
    min-height   : 35px;
    overflow     : hidden;
    float        : left;
}
.menu a {
    color           : #ffffff;
    font-weight     : bold;
    display         : inline-block;
    overflow        : hidden;
    text-decoration : none;
    vertical-align  : middle;
}
.menu ul {
    padding: 0;
}
.menu .menu-item:hover {
    color: #fff !important;
}
.menu .menu-item:hover a {
    color: #ff0d10 !important;
}
.menu .menu-item.active {
    background-color: #cf1220;
    color: #fff !important;
}
.menu .menu-item.active a {
    color: #fff !important;
}
.btn-default, .btn-info, .btn-create {
    background            : #cf1220 !important;
    color                 : #ffffff;
    text-transform        : none;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    border-radius         : 4px;
}
.btn-default:hover, .btn-default:active, .btn-info:hover, .btn-info:active {
    background     : #ff0d10 !important;
    color          : #ffffff;
}
.btn-create {
    background      : #5cb85c !important;
}
.titre-enquete h1 {
    font-size      : 25px;
    font-weight    : 600;
    color          : #ffffff;
    text-transform : none;
    text-shadow    : 0 0 10px rgb(0 0 0 / 80%);
    text-rendering : optimizeLegibility;
    padding-right  : 20%;
}
.date-ouverture-enquete h2 {
    font-size      : 14px;
    font-style     : italic;
    text-transform : none;
    color          : #ffffff;
    text-shadow    : 0 0 10px rgb(0 0 0 / 80%);
    margin-top     : 5px;
    text-align     : left;
    text-rendering : optimizeLegibility;
    padding-right  : 20%;
}
.tab#permanencesTabs .nav-tabs{ border-bottom: 2px solid #e8e8e8; }
.tab#lieuxTabs .nav-tabs{ border-bottom: 2px solid #e8e8e8; }
.tab#contributionsTabs .nav-tabs{ border-bottom: 2px solid #e8e8e8; }
.tab#permanencesTabs .nav-tabs li a,
.tab#contributionsTabs .nav-tabs li a,
.tab#lieuxTabs .nav-tabs li a {
    color: #000000;
}
.tab#permanencesTabs .nav-tabs li a:hover,
.tab#lieuxTabs .nav-tabs li a:hover,
.tab#contributionsTabs .nav-tabs li a:hover,
.tab#permanencesTabs .nav-tabs li.active a,
.tab#lieuxTabs .nav-tabs li.active a
.tab#contributionsTabs .nav-tabs li.active a {
    color: #000000 !important;
}
.tab#permanencesTabs .nav-tabs li.active a:before,
.tab#lieuxTabs .nav-tabs li.active a:before,
.tab#contributionsTabs .nav-tabs li.active a:before {
    color: #cf1220;
}
.tab#permanencesTabs .nav-tabs li.active a:after,
.tab#contributionsTabs .nav-tabs li.active a:after,
.tab#lieuxTabs .nav-tabs li.active a:after {
    background: #cf1220;
}
#permanenceEmplacement .pagination ul li, #contentLieuxEnquete .pagination ul li, #contentLieuxInformation .pagination ul li, #permanenceDates .pagination ul li, #lieux .pagination ul li {
    background-color: #cf1220 !important;
}
#permanenceEmplacement ul li.active, #contentLieuxEnquete ul li.active, #contentLieuxInformation ul li.active, #permanenceDates ul li.active, #lieux .pagination ul li.active, #containerPage .pagination ul li.active, #container .pagination ul li.active {
    background-color: #ff0d10 !important;
}
.footer-commission {
    color : #ffffff !important;
}
.titre-validation-email, .titre-fin-traitement, .titre-voir, .titre-voir-avis, .titre-documents, .titre-deposez {
    color            : #000000;
    background-color : transparent;
    border-bottom    : 1px dotted #000000;
    text-transform   : unset;
}
.titre-validation-email h3, .titre-fin-traitement h3, .titre-voir h3, .titre-voir-avis h3, .titre-documents h3 {
    vertical-align: middle;
    display: block;
    text-transform: unset;
    text-align: left;
}

.panel-group .panel-heading a.collapsed:after,
.panel-group .panel-heading a:after,
.panel-group .panel-heading a:hover:after,
.panel-group .panel-heading a.collapsed:hover:after {
    background-color: #cf1220;
}
.doc-titre-1 {
    font-weight: 600;
    height: unset;
}
.doc-niv-2 {
    background-color: transparent !important;
    color: #000 !important;
}
.doc-niv-2 .icon-view, .doc-niv-2 .icon-download {
    background-color: transparent !important;
    color: #000 !important;
}
.panel-group .panel-heading a {
    color: #000 !important;
}
.panel-group .panel-body {
    background-color: #ECECEC;
}
.doc-titre-1-no {
    font-size: 24px;
    height: unset;
}
.row-dep-1 {
    border-bottom: 1px dotted;
}
.footer {
    background-color: #1a181d;
    clear: both;
    margin-top: 30px;
}
.bloc-thm {
    border           : solid;
    border-width     : 1px;
    border-color     : rgb(232, 232, 232);
    border-radius    : 4px;
    background-color : rgb(232, 232, 232);
    padding          : 4px;
    min-height       : 250px;
}
.bloc-thm:hover {
    box-shadow : 5px 5px 25px 0 rgba(0, 0, 0, 0.25);
    transition : box-shadow .4s;
}
.bloc-thm .btn-sm-blue {
    font-size: 10px !important;
}
.news_title {
    font-weight: 600;
    color: #cf1220;
    background-color: #ffffff;
    padding: 10px;
    border-color: #ffffff;
    border-radius: 4px;
}
.boxStats {
    padding: 10px;
    position         : relative;
    min-height       : 60px;
    background-color : rgb(232, 232, 232);
}
.boxStats:before {
    transition  : all .3s linear;
    position    : absolute;
    font-family : 'FontAwesome';
    right       : 20px;

    z-index     : 1;
    color       : rgba(0, 0, 0, 0.15);
    font-size   : 40px;
    line-height : 1;
}
.boxStats.user:before {
    content : "\f007";
}
.boxStats.visit:before {
    content : "\f086";
}
.textBoxStats {
    font-size   : 25px;
    z-index     : 10;
}
.footerImg {
    max-width: 300px;
}
.footer-menu a {
    color: #ffffff !important;
}
#selectLocalisation {
    border-color: #cf1220 !important;
    border-width: 2px !important;
}
.event .date {
    color       : #cf1220;
    font-size   : 16px;
    padding-left: 0;
}