p.link-alaune {
    font-family: 'novecento_wide_ultralightbold';
    float: right;
    margin: 0 !important;
    padding: 0 !important;
    background-image: linear-gradient(to bottom,#a4a4a4 0,#8c8c8c 100%);
}

    p.link-alaune a {
        display: block;
        padding: 5px 22px 5px 22px;
        color: white;
    }

.row-same-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .row-same-height > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.twitter-typeahead {
    width: 100%;
}

.typeahead, .tt-query, .tt-hint {
    outline: medium none;
    padding: 8px 12px;
}

.typeahead {
    background-color: #FFFFFF;
}

    .typeahead:focus {
        border: 2px solid #db0029;
    }

.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tt-hint {
    color: #999999;
}

.tt-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 12px;
    padding: 8px 0;
    width: 300px;
}

.tt-suggestion {
    font-size: 16px; /* Set suggestion dropdown font size */
    padding: 3px 20px;
}

    .tt-suggestion:hover {
        cursor: pointer;
        background-color: #db0029;
        color: #FFFFFF;
    }

    .tt-suggestion p {
        margin: 0;
    }


.tt-cursor {
    background-color: #db0029;
    color: white;
}

.box {
    height: 100%;
}


.riTextBox {
    border: transparent !important;
    padding-left: 0 !important;
    font-family: FontFNCE2 !important;
}

.chapeau {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.box-body {
    margin-bottom: 30px;
}

.link-alaune {
    position: absolute;
    bottom: 10px;
    right: 10px;
}


.carousel-indicators {
    bottom: 0;
    right: 5%;
    position: absolute;
    left: auto;
    width: auto;
    margin-left: auto;
    list-style: none;
}


.chekboxlist {
    margin-left: -5px;
}

    .chekboxlist label {
        /*display:inline-block;*/
        margin-left: 2px;
        vertical-align: middle;

    }

        .chekboxlist label::first-letter {
            display : inline-block;
            text-transform : uppercase;
        }

    .chekboxlist input {
        margin-left: 5px;
    }

    .chekboxlist td {
        display: inline-block;
    }

.h2, h2 {
    font-size: 20px;
}


.small-box h3 {
    margin-right: 100px;
    white-space: normal;
}

@media screen and (max-width: 770px) {
    .small-box h3 {
        font-size: 30px;
        margin-right: 0;
    }
}

/*imprimer*/
.print {
    display: none;
}

@media print {
    .small-box h3 {
        margin-right: 0;
    }

    .no-print, .no-print * {
        display: none !important;
    }

    @page {
        margin: 0;
    }

    body {
        margin: 1.2cm;
        background-color: white !important;
    }

    .print {
        display: block;
    }

    * {
        -webkit-print-color-adjust: exact !important;
    }
}

h3 .fa {
    font-size: 16px;
    font-weight: lighter;
}



.btn-danger.focus, .btn-danger:focus, .btn-danger:active:focus {
    color: #fff;
    background-color: #e46c0a;
    border-color: #e46c0a;
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger, .btn-danger:hover {
    border-color: #e46c0a;
}

.skin-red .sidebar-menu > li:hover > a {
    background-color: #e46c0a;
    border-color: #e46c0a;
}

.skin-red .sidebar-menu > li.active > a {
    border-left-color: #e46c0a;
}

.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a, .skin-red .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #e46c0a;
}

.skin-red .main-header .navbar .nav > li > a {
    color: #e46c0a !important;
}

.skin-red .main-header .navbar .sidebar-toggle {
    color: #e46c0a;
}

.skin-red .main-header .logo {
    color: #e46c0a;
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
    color: #0f92d2;
}



/* Tableau
----------------------------------*/



.container {
    margin: 0 auto;
    max-width: 980px;
}

.panel {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 300px;
    height: 160px;
    margin: 10px;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    border-radius: 8px;
}

    .panel a {
        position: relative;
        display: block;
        padding: 12px 25px 25px 25px;
        color: #fff;
        text-decoration: none;
        z-index: 2;
    }

        .panel a span {
            display: block;
            font-size: 96px;
            font-weight: 700;
            line-height: 96px;
        }

    .panel:after {
        position: absolute;
        font-family: FontAwesome;
        color: #000000;
        z-index: 1;
        transition: all 0.5s;
        line-height: normal;
    }

    .panel.post {
        background-color: #b8aa0e;
    }

        .panel.post:after {
            content: "\f08d";
            font-size: 200px;
            color: #a5980d;
            top: 45px;
            right: 60px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .panel.post:hover:after {
            top: 8px;
        }

    .panel.comment {
        background-color: #0377c0;
    }

        .panel.comment:after {
            content: "\f075";
            font-size: 180px;
            color: #036bac;
            top: 30px;
            right: 35px;
        }

        .panel.comment:hover:after {
            top: -5px;
        }

    .panel.page {
        background-color: #279824;
    }

        .panel.page:after {
            content: "\f15c";
            font-size: 160px;
            color: #238820;
            top: 62px;
            right: 39px;
        }

        .panel.page:hover:after {
            top: 24px;
        }

    .panel.user {
        background-color: #fc1c3e;
    }

        .panel.user:after {
            content: "\f007";
            font-size: 200px;
            color: #ec0326;
            top: 45px;
            right: 35px;
        }

        .panel.user:hover:after {
            top: 7px;
        }

    .panel:hover:after {
        transition: all 0.5s;
    }



a {
    color: #999;
}





.responstable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .responstable caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    .responstable tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
    }

    .responstable th,
    .responstable td {
        padding: .625em;
    }

    .responstable th {
        background-color: #eee;
        text-align: left;
    }

@media screen and (max-width: 600px) {
    .responstable {
        border: 0;
    }

        .responstable caption {
            font-size: 1.3em;
        }

        .responstable thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .responstable tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        .responstable td {
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: right;
        }

            .responstable td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            .responstable td:last-child {
                border-bottom: 0;
            }
}



#del {
    position: relative;
    top: -28px;
    left: 14px;
    cursor: pointer;
}


.ui-autocomplete.ui-widget-content {
    width: auto;
    transition: .3s cubic-bezier(.4,.2,.5,1.4);
    transform-origin: 1.43em -.43em;
    position: absolute;
    left: 25%;
    z-index: 1111;
    box-sizing: border-box;
    list-style: none;
    border-radius: 0;
    margin: .2em 0 0;
    background: hsla(0,0%,100%,.9);
    background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
    border: 1px solid rgba(0,0,0,.3);
    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
    text-shadow: none;
    padding: 3px 0;
}

.ui-autocomplete .ui-menu-item {
    padding: 5px 10px;
    color: #666;
}


.ui-autocomplete .ui-helper-hidden-accessible {
    display: none;
}

.ui-state-focus {
    background: #e40171;
    color: #ffffff !important;
}


.ui-autocomplete .ui-helper-hidden-accessible {
    display: none;
}

.ui-state-active {
    background: #0f92d2 !important;
    color: #ffffff !important;
}

.ellipsis {
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 6em;
    line-height: 1.25em;
}

.form-control label {
    margin-left: 3px;
    margin-right: 10px;
    vertical-align : baseline;
}


.skin-red .main-header .navbar {
    background-color: #fff;
}

.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side {
    background-color: #fff;
}

.table-bordered > tbody > tr > td {
    border : 0;
}