@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
    overflow: auto !important;
    font-family: "Open Sans", sans-serif !important;
}

    body a {
        text-decoration: none !important;
    }

a, a:active, a:visited {
    color: #129af0;
}

h2, h3, .ms-h2, .ms-h3, .ms-headerFont {
    font-family: "Open Sans", sans-serif !important;
}

    /*title*/
    h2#searchTitle {
        margin-top: 10px;
        margin-bottom: 5px;
        font-family: "Open Sans", sans-serif !important;
        text-align: justify;
        font-weight: 500;
    }
	
.DateNoResult{
	font-size: 16px;
}
.RefNoResult{
	font-weight: bold;
	font-size: 24px;
}
.TitleNoResult{
	font-weight:bold;
	font-size: 18px;
}

.searchDetail h2 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}

/* BLEU */
.fa.fa-cog, .fa.fa-cog:hover,
.fa.fa-comment, .fa.fa-comment:hover,
.fa.fa-file, .fa.fa-file:hover,
.fa.fa-envelope, .fa.fa-envelope:hover,
.fa.fa-user, .fa.fa-user:hover,
.fa.fa-calendar-o, .fa.fa-calendar-o:hover,
 .fa.fa-cogs, .fa.fa-cogs:hover{
    color: #129af0;
}
/* ORANGE */
.glyphicon.glyphicon-question-sign, .glyphicon.glyphicon-question-sign:hover,
.glyphicon.glyphicon-envelope, .glyphicon.glyphicon-envelope:hover,
.glyphicon.glyphicon-print, .glyphicon.glyphicon-print:hover,
.glyphicon-download-alt, .glyphicon-download-alt:hover,
.glyphicon.glyphicon-link,
.fa.fa-sort, .fa.fa-sort:hover {
    color: #f06812;
    /*color: #129af0;*/
}
    /*JDT TEST pour meilleure visibilité tri*/
    .fa.fa-sort, .fa.fa-sort:hover {
        color: #333333;
    }


/*END*/
/* ROUGE */
.fa.fa-times-circle, .fa.fa-times-circle:hover {
    color: #f94b23;
}

.fa-lg {
    vertical-align: 0 !important;
}

/**********CORRECTION alignement*********/
@media only screen and (max-width: 750px) {
    .ms-srchnav {
        /*margin-left: 0px !important;*/
		border-bottom: none;
    }
	li.ms-srchnav-item {
       min-height:35px;
    }
    li.ms-srchnav-item a {
        padding: 5px 5px;
    }
}
#searchOverHead, #ResultHeader {
    padding-left:15px;
}
#ResultHeader .resCount {
    padding-left: 0px;
}
/**********FIN CORRECTION****************/
@media only screen and (max-width: 655px) {
    .ddlFiltersWithIcons {
        min-width: 260px;
        width: 260px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 655px) {
    .ddlFiltersWithIcons {
        min-width: auto !important;
        width: auto !important;
    }
}

@media only screen and (max-width: 767px) {
	.ms-srch-item-path-selected{
		max-width: 300px;
	}
	
    .only-desktop {
        display: none !important;
    }

    #wrapper {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #s4-workspace .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .ms-srch-result-groups {
        padding-right: 10px;
    }

    .ms-srch-result #ResultHeader {
        padding-right: 10px;
    }

    #wrapper > .ms-webpart-zone > .ms-webpartzone-cell {
        max-width: 750px;
    }

    .filters .filter.col-lg-6 {
        width: 97%;
        margin-left: 10px !important;
    }

    .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        margin-right: calc((100% - 614px)/2);
    }

    #SearchBox {
        /*margin: 0px 17px 0px 3px !important; */
        margin-left: 10px !important;
        width: 98% !important;
    }

    #coe-filter-bar.navbar {
        padding: 5px 0px;
        margin-left: 10px !important;
    }

    .nav-bar-details {
        /*display:inline-block;*/
    }

        .nav-bar-details .navbar-left {
            float: left;
        }

        .nav-bar-details .navbar-right {
            float: right;
        }

            .nav-bar-details .navbar-right .availableLanguages,
            .nav-bar-details .navbar-right .availableFormats {
                float: left;
            }

            .nav-bar-details .navbar-right .sendMail,
            .nav-bar-details .navbar-right .print {
                width: 30px;
                height: 30px;
                background: #fff !important;
                float: right;
            }

    .navbar.nav-bar-details .sendMail .glyphicon-envelope,
    .navbar.nav-bar-details .print .glyphicon-print {
        float: left;
        top: 10px !important;
        left: -12px !important;
        z-index: 10;
    }

    .nav-bar-details .navbar-right .sendMail a:hover,
    .nav-bar-details .navbar-right .print a:hover {
        background-color: #fff !important;
    }

    .nav-bar-details .navbar-right .sendMail > a,
    .nav-bar-details .navbar-right .print > a {
        width: 25px;
        height: 25px;
        font-size: 0;
        border-radius: 5px;
        margin-left: -20px;
        background: #fff;
        background-size: 13px 13px;
        padding-left: 20px;
    }

    .dropdown-menu {
        left: -100px;
    }

    .dropdown-filter > .dropdown-menu {
        left: 0px !important;
    }

    .filtercoe {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
	.ms-srch-item-path-selected{
		max-width: 400px;
	}
	
    .only-mobile {
        display: none !important;
    }

    #wrapper {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #s4-workspace .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #wrapper > .ms-webpart-zone > .ms-webpartzone-cell {
        max-width: 746px;
    }

    .filters .filter.col-lg-6 {
        width: calc(50% - 10px);
        padding-left: 5px !important;
    }

    .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        margin-right: calc((100% - 740px)/2);
    }

    #SearchBox {
        /*margin: 0px 10px 0px 3px !important;*/
        margin: 0px 0px 0px 3px !important;
        width: 100% !important;
    }

    .filtercoe {
        width: 68%;
    }
}

@media only screen and (min-width: 992px) {
	.ms-srch-item-path-selected{
		max-width: 400px;
	}
	
    #wrapper > .ms-webpart-zone > .ms-webpartzone-cell {
        max-width: 966px;
    }

    .filters .filter.col-lg-6 {
        width: calc(50% - 10px);
        padding-left: 5px !important;
    }

    .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        margin-right: calc((100% - 960px)/2);
    }

    #SearchBox {
        margin: 0px 0px 0px 0px !important;
    }

    .filtercoe {
        width: 76%;
    }
}

@media only screen and (min-width: 1200px) {
	.ms-srch-item-path-selected{
		max-width: 600px;
	}
	
    #wrapper > .ms-webpart-zone > .ms-webpartzone-cell {
        /*max-width: 1166px;*/
        max-width: 1170px;
    }

    .filters .filter.col-lg-6 {
        width: calc(50% - 10px);
        padding-left: 5px !important;
    }

    .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        margin-right: calc((100% - 1160px)/2);
    }

    #SearchBox {
        margin: 0px !important;
    }

    .filtercoe {
        width: 80%;
    }
}

@media only screen and (min-width: 1400px) {
    .ms-srch-item-path-selected{
		max-width: 800px;
	}
	.container, .searchDetail {
        width: 1300px !important;
    }

    #wrapper > .ms-webpart-zone > .ms-webpartzone-cell {
        max-width: 1296px;
    }

    .filters .filter.col-lg-6 {
        width: calc(50% - 10px);
        padding-left: 5px !important;
    }

    .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        margin-right: calc((100% - 1290px)/2);
    }

    #SearchBox {
        margin: 0px !important;
    }

    .filtercoe {
        width: 82%;
    }
}

.navbar-left > .back {
    display: none;
}

#contentBoxContainer {
    display: table-cell !important;
}

#contentBox {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0px 15px !important;
    min-width: auto !important;
}

@media only screen and (max-width: 767px) {
    #contentBox {
        padding: 0px !important;
    }
}

.searchDetail {
    margin-left: auto;
    margin-right: auto;
}

#sideNavBox {
    min-width: 300px;
    display: table-cell;
    margin-left: 0px !important;
    /*margin-right: 40px !important;*/
    margin-right: 20px !important;
    padding: 0px !important;
}

.ms-srch-result #ResultHeader li#filterButtonContainer {
    display: none;
}

@media only screen and (max-width: 767px) {
    #site-banner .site-name-wrapper .titles-wrapper {
        margin: 0px;
    }

    #site-banner {
        min-height: auto;
    }

    #searchMain #sideNavBox {
        display: none;
        width: 50%;
        min-width: 220px;
        left: -1px;
        position: absolute;
        z-index: 1001;
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    }

    .ms-srch-result #ResultHeader li#filterButtonContainer {
        display: block;
    }

    #leftMenuHeader #filterClose {
        display: table-cell;
    }
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 100px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    /*background: #1b7eac;*/
    background: #129af0;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    display: none;
}

    #back-to-top:hover {
        background: #163650;
    }

#filterButton {
    width: 70px;
    padding: 0px 5px;
    color: white;
    background-color: #129af0;
    font-size: 17px;
    line-height: 27px !important;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
}

#leftMenuHeader {
    color: white;
    font-size: 18px;
    font-weight: 500;
    padding: 0px;
    background-color: #163650;
    box-shadow: 0 1px 3px rgba(18,55,81.12), 0 1px 2px rgba(18,55,81,0.24);
}

#filterHeader {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-right: 10px;
    padding: 15px 0px 15px 15px;
}

#filterClose {
    vertical-align: middle;
    cursor: pointer;
    display: none;
    padding: 20px 20px 20px 0px;
}

#resFilters {
    padding-top: 0px;
}

.ms-searchCenter-result-main {
    width: calc(100% + 25px);
}

#searchIcon {
    display: none;
}

#s4-workspace {
    /*height: auto !important;*/
}

#s4-titlerow {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    #searchGlobalPanel {
        padding: 0px;
    }
}

.ms-ref-refiner #Container {
    padding: 8px 15px;
    background-color: #fafafa;
    border: 0px;
    margin-bottom: 0px;
}

.ms-ref-refinername {
    /*width: auto !important;*/
    color: rgba(80, 80, 80, 1);
    /*font-weight: bold;*/
    text-transform: uppercase;
    font-size: 12pt !important;
    font-weight: 500 !important;
    font-family: "Open Sans", sans-serif !important;
}

.ms-ref-uparrow, .ms-ref-downarrow {
    margin-top: 3px;
}

.ms-ref-uparrow {
    display: table-cell;
}

.labelRefiners {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    display: block;
    margin-top: 0px;
}

.showMore {
    text-align: right;
}

.selBox #SortbySel, .selBox #LangSel {
    width: auto; /*width: 228px;width: 288px;*/
    height: 20px;
    overflow: hidden;
    background: transparent;
}

.selBox {
    /* background: url("/_layouts/15/CoE.Search.UI/images/sortDDL.png?v2") no-repeat right rgb(237, 237, 237);  */
    background: url("/_layouts/15/CoE.Search.UI/images/bullet-arrow-grey-down.png") no-repeat right 5px top 13px;
    border-radius: 5px;
    width: auto; /*width: 260px;*/
    overflow: hidden;
    cursor: pointer;
    padding: 0px;
    line-height: 22px !important;
    color: #666;
}

    .selBox select {
        padding-right: 15px;
        background: transparent;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }

        .selBox select::-ms-expand {
            display: none;
        }

#ResultHeader .resCount {
    color: #163650;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: 600;
    /* clear: both;  */
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 5px;
    padding-left: 5px;
    white-space: nowrap;
    float: none;
}

#ResultHeader .resSort {
    /* float: right; */
    height: 30px;
    display: table-cell;
    width: 100%;
}

.ms-srch-result#Result div ul#Actions {
    padding-left: 0px !important;
}

.ms-srch-result #ResultHeader {
    display: block !important;
    margin: 0px;
}

#ResultHeader select {
    color: #000 !important;
    font-weight: 600 !important;
}

.selBox select#LangSel {
    color: #666 !important;
    font-size: 10pt !important;
    height: 25px;
    font-size: 12px !important;
    font-weight: 600 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/*JDT TEST meilleure visibilité*/
.selBox select#SortbySel {
    color: #333333 !important;
    font-size: 10pt !important;
    height: 25px;
    font-size: 12px !important;
    font-weight: 600 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
}
/*END*/

#ddlHelp, #ddlSendByMail, #ddlPrint, #ResultsExport {
    color: #666 !important;
    font-size: 10pt !important;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    height: 25px;
    font-size: 12px !important;
    margin-right: 10px;
    padding: 0px 5px;
}

    #ddlHelp li, #ddlSendByMail li, #ddlPrint li, #ResultsExport li {
        width: 100%;
    }

#SortbySel option, #LangSel option {
    color: rgb(136, 136, 136);
    font-size: 10pt !important;
}

#Actions #Lang, #Actions #Sortby, #Actions #ResultsCount, #Actions #SwitchTiles, #Actions li {
    float: right;
}

@media only screen and (min-width: 768px) {
    .ms-srch-result #Actions li#Sortby {
        margin-right: 0px;
    }
}


#Actions #Sortby {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    height: 25px !important;
}

    #Actions #Sortby .fa {
        float: left;
        margin: 8px 5px 0px 5px;
    }

#ResultsCount {
    display: none !important;
}

.ms-srch-result {
    margin-top: 0px;
}

    .ms-srch-result #Actions li,
    .ms-srch-result #Actions li:first-child {
        margin-left: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .ms-srch-result #Actions .dropdown-menu > li > a {
        font-size: 12px;
        padding: 5px 5px;
    }

    .ms-srch-result #Actions .dropdown-menu li a:first-child {
        padding-top: 8px !important;
    }

    .ms-srch-result #Actions li li {
        margin-right: 0px;
    }

    .ms-srch-result #Actions li.separator {
        /* border-left: 1px solid #777777; */
        margin-right: 5px;
    }

#btnSwitchTiles {
    font-size: 21px;
    cursor: pointer;
}

.ms-srch-result #ResultHeader #Actions li#SwitchTiles {
    display: none !important;
}

#searchOverHead .ms-webpartzone-cell {
    margin-bottom: 0px;
}
/* TEST JDT */

.coe-search-menu-details {
    box-shadow: 0px 9px 0px rgba(0,0,0,0.02), 0px 8px 0px rgba(0,0,0,0.03), 0px 7px 0px rgba(0,0,0,0.05), 0px 6px 0px rgba(0,0,0,0.06), 0px 5px 0px rgba(0,0,0,0.07), 0px 4px 0px rgba(0,0,0,0.08), 0px 3px 0px rgba(0,0,0,0.09), 0px 2px 0px rgba(0,0,0,0.1);
}

#wrapper {
    min-height: auto !important;
}

#s4-bodyContainer #wrapper {
    padding-top: 0px !important;
}

.container-fluid {
    padding: 0px !important;
}

.dropdown-filter {
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.12), 0px 1px 2px rgba(0,0,0,0.24);
    min-width: 125px;
    height: 30px;
}

    .dropdown-filter .fa {
        margin-right: 1px;
    }

.dropdown-menu-title {
    position: absolute;
    /*top: 25%;*/
    top: 34%;
    font-weight: 600;
    padding-left: 2px;
}

.dropdown-menu > li > a {
    padding: 3px 20px;
}

    .dropdown-menu > li > a:hover {
        background: rgba(0, 0, 0,0.1);
    }

.dropdown, .selBox {
    font-family: "Open Sans", sans-serif !important;
}

.nav > .dropdown-filter > a.dd-menu-title:hover, .nav > .dropdown-filter > a.dd-menu-title:focus,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.nav > .dropdown-filter > a.dropdown-filter-a:hover,
.nav > .dropdown-filter > a.dropdown-filter-a:focus {
    background-color: transparent;
}


.caret-white {
    border-top: 6px solid white;
    border-left-width: 6px;
    border-right-width: 6px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 45%;
    left: 25%;
}

.dropdown-filter-a {
    float: right;
    width: 25px;
    height: 25px;
}

#wrapper > .ms-webpart-zone {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    box-shadow: 0 3px 6px rgba(0,00,0,0.16), 0 3px 6px rgba(0,0,0,0.10);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#wrapper > :first-child.ms-webpart-zone > :first-child.s4-wpcell-plain {
    /*padding: 0px 0px;*/
}

#wrapper > .ms-webpart-zone > .ms-webpartzone-cell {
    margin: auto auto 0px !important;
    /*padding:0px 300px 0px*/
}

#wrapper > .ms-webpart-zone > .searchBar {
    margin-left: 3px;
}

.navbar {
    margin-bottom: 0px !important;
}

.navbar-right {
    margin-right: 0px !important;
    height: 25px;
}
/* END TEST JDT */
#searchMain > .ms-webpart-zone {
    padding-top: 5px;
    margin-bottom: 40px;
    background-color: rgb(250, 250, 250);
    box-shadow: 0px 9px 0px rgba(0,0,0,0.02), 0px 8px 0px rgba(0,0,0,0.03), 0px 7px 0px rgba(0,0,0,0.05), 0px 6px 0px rgba(0,0,0,0.06), 0px 5px 0px rgba(0,0,0,0.07), 0px 4px 0px rgba(0,0,0,0.08), 0px 3px 0px rgba(0,0,0,0.09), 0px 2px 0px rgba(0,0,0,0.1);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#searchMain {
    padding: 0px 0px 0px;
    border: 0px solid rgb(238, 238, 238);
    /*min-width: 1024px;*/
}

    #searchMain .navbar.nav-bar-mobile {
        margin-bottom: 0px;
        float: right;
    }
    /*Menu toujours horizontal*/
    #searchMain .navbar-nav.navbar-right {
        float: right !important;
        margin: 0;
    }

    #searchMain .navbar-nav > li {
        float: left !important;
    }

        #searchMain .navbar-nav > li > a {
            padding-top: 5px;
            padding-bottom: 5px;
        }

    #searchMain .navbar-right .dropdown-menu {
        left: auto;
    }
/*End menu toujours horizontal*/
@media only screen and (max-width: 767px) {
    .navbar-nav {
        margin: 0px;
    }

    .nav-bar-details .navbar-right .sendMail > a,
    .nav-bar-details .navbar-right .print > a {
        background: none;
        background-size: 13px 13px;
        padding-left: 20px;
    }
}

.navbar a {
    color: rgb(119, 119, 119);
}

.navbar .dd1 {
    color: rgb(51, 51, 51);
}

.navbar-left {
    padding-left: 0px !important;
}
/*.navbar-left .dd1 {
        padding-right: 3px !important;
        padding-left: 5px !important;
    }*/
.navbar a span {
    /*color: rgba(28, 126, 173, 1);*/
}

#SearchBox .ms-srch-sbLarge {
    /*border-left: 3px solid #60a9de;*/
    border-left: none;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

    #SearchBox .ms-srch-sbLarge:hover {
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
    }

#SearchBox .ms-srch-sbLarge,
#SearchBox .ms-srch-sb-borderFocused,
.filter {
    border-radius: 4px !important;
    border: 1px solid rgba(0,0,0,0);
}

.ms-srch-sbLarge > .ms-srch-sb-searchLink {
    width: 29px;
    height: 29px;
    border: 1px solid #129af0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #129af0;
    margin-right: 0px;
    position: relative !important;
    right: 0px !important;
    float: right;
}

    .ms-srch-sbLarge > .ms-srch-sb-searchLink::after {
        font: normal normal normal 19px/1 FontAwesome;
        content: "\f002";
        padding: 5px;
        color: #fff;
        display: inline-block;
    }

    .ms-srch-sbLarge > .ms-srch-sb-searchLink:hover {
        background-color: #163650;
    }

.ms-srch-sbLarge-searchImg {
    display: none;
}

.ms-searchCenter-refinement {
    background-color: #fafafa;
    margin-top: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#Refinement {
    padding-top: 10px;
}

#MSOZoneCell_WebPartWPQ3 {
}

.ms-srchnav {
    margin-bottom: 7px;
    margin-left: 14px;
    border-bottom: 1px solid #ebebeb;
	margin-top:-10px;
}

.ms-srchnav-list {
    margin-left: 0px;
}

@media only screen and (max-width: 767px) {
    .ms-srchnav-list {
        margin-left: 0px;
    }
}

ul.ms-srchnav-list {
    /*padding-left: 4px !important;*/
    padding-left: 0px !important;
}

.ms-srchnav-item {
    /* 	border-width: 1px 1px 0px; 
	border-style: solid solid none; 
	border-color: rgb(238, 238, 238) rgb(238, 238, 238) currentColor;  */
    border: 0px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-color: white;
    margin-left: 4px;
    /* text-transform: uppercase; */
    font-size: 11px;
}
/*Documents base*/
li.ms-srchnav-item {
    /*font-weight: 600;
    font-family: "Open Sans";
    color: #777;
    font-size: 7.5pt;
    padding-left: 0px !important;
    padding-right: 20px !important;*/
	padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 2px;
	margin-top:10px;
}
li.ms-srchnav-item a {
    border:1px solid #ccc;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    padding: 5px 10px;
}


@media only screen and (max-width: 767px) {
    .ms-srchnav-item {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 10px;
        font-size: 10px;
        line-height: 20px;
    }
}

.ms-srchnav-link {
    /*color: #4f4f4f !important;
    font-weight: 500;
    font-size: 16px;*/
	color: #555 !important;
    font-weight: 500;

}

.ms-srchnav-more-glyph {
    color: rgb(183, 183, 183) !important;
}

.ms-srchnav-link-selected {
    /*color: #129af0 !important;
    font-weight: 600;
    padding-bottom: 2px;*/
    /*border-bottom: 2px solid #129af0;*/
    /*border-bottom:3px solid #129af0;*/
    color: #fff !important;
    border-bottom: none;
    background-color: #129af0;
	padding: 5px 10px; 
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    font-size: 16px;
}

.ms-srchnav-overflow {
    padding-right: 20px !important;
    vertical-align: bottom;
}

#resFilters {
    /* padding-top: 10px; */
}

.coe-filtersSep {
    display: none;
    padding-bottom: 10px;
    border-bottom: 3px solid #ededed;
    margin-right: -20px;
    margin-bottom: -10px;
}

#resFilters label {
    font-size: 14pt;
    color: rgb(119,119,119);
    font-family: Arial, Helvetica, sans-serif;
}

.subSilo {
    float: left;
    font-size: 14pt;
    padding: 3px 3px 3px 0px;
    color: rgb(119,119,119);
    margin-right: 10px;
}

.activeRef {
    margin: 3px 0px;
    padding: 2px 0px;
    border: 0px solid #f4f4f4;
    border-radius: 6px;
    color: rgb(102, 102, 102);
    font-size: 9pt;
    cursor: pointer;
    display: block;
}

.switch-label *, .ms-ref-name {
    font-family: "Open Sans", sans-serif !important;
    color: #111;
}

.activeSwitch {
    margin-left: -50px !important;
}

a.activeRef, .activeRef > .switch-label {
    font-size: 13px !important;
    color: #163650 !important;
    font-weight: 600 !important;
    font-family: "Open Sans", sans-serif !important;
}

.activeRef:hover {
    text-decoration: none;
    cursor: pointer;
    background: none;
}

.ms-srch-hover-viewerContainer {
    background: url("/_layouts/images/PROGRESS-CIRCLE-24.GIF") no-repeat center #f7f7f7;
}

.ms-srch-hover-innerContainer.ms-srch-hover-wacSize {
    height: auto !important;
    width: 500px !important;
}

.ms-srch-hover-outerContainer .ms-srch-hover-title {
    font-weight: 600;
    font-size: 16px;
}

.ms-srch-hover-outerContainer h3.ms-soften {
    line-height: 22.85px;
}

.ms-srch-hover-outerContainer .ms-srch-hover-actions {
    background: none;
}

.ms-srch-hover-outerContainer .ms-srch-hover-action {
    background-color: #129af0;
    padding: 5px;
    margin-right: 5px;
    border-radius: 3px;
}

    .ms-srch-hover-outerContainer .ms-srch-hover-action:hover,
    .ms-srch-hover-outerContainer .ms-srch-hover-action:visited {
        background-color: #163650;
        color: #fff;
    }

    .ms-srch-hover-outerContainer .ms-srch-hover-action a {
        color: #fff;
    }

@media only screen and (max-width: 991px) {
    .ms-srch-hover-outerContainer {
        left: 9999px !Important;
    }
    /*ne pas l'afficher*/
}

@media only screen and (min-width: 992px) {
    .ms-srch-hover-outerContainer {
        left: 300px !Important;
    }
}

@media only screen and (min-width: 1200px) {
    .ms-srch-hover-outerContainer {
        left: 400px !Important;
    }
}

@media only screen and (min-width: 1400px) {
    .ms-srch-hover-outerContainer {
        left: 550px !Important;
    }
}

@media only screen and (min-width: 1550px) {
    .ms-srch-hover-outerContainer {
        left: 600px !Important;
    }
}

@media only screen and (min-width: 1750px) {
    .ms-srch-hover-outerContainer {
        left: 700px !Important;
    }
}

.switch {
    padding-: 60px;
    float: right;
}

    .switch img {
        height: 28px;
    }

#smartTB {
    padding-left: 15px;
}

#Paging li {
    border-radius: 3px !important;
    width: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #f5f5f5;
}

#Paging #PagingImageLink {
    border-radius: 3px !important;
    width: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: rgb(250, 250, 250);
}

.ms-srch-result #PagingLink a {
    color: #129af0;
    font-weight: 600;
}


#PagingImageLink .ms-promlink-button {
    border: 0px currentColor;
}

#Paging li a {
    color: rgb(82, 82, 97);
}

#Paging #PagingSelf {
    background-color: #129af0;
    color: #fff;
}

    #Paging #PagingSelf a {
        color: rgb(255, 255, 255);
    }

#btSearch {
    margin: 6px 10px;
    border-radius: 3px;
    width: 100px;
    height: 28px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 28px;
    font-size: 10pt;
    vertical-align: middle;
    float: left;
    display: inline-block;
    background-color: rgb(0, 102, 204);
}

.select2-result-label {
    font-size: 11pt;
}

.cbt label input {
    margin-right: 100px;
    display: none;
    position: absolute;
    top: -20px;
}

.cbt {
    margin: 3px 0px;
    background-color: #E8E8E8;
    border: 2px solid white;
    overflow: auto;
    float: left;
    cursor: pointer;
}

    .cbt:hover {
        border-color: #129af0;
    }

    .cbt label {
        float: left;
        font-size: 10pt;
    }

        .cbt label span {
            text-align: center;
            padding: 3px 1em;
            display: block;
        }

    .cbt input:checked + span {
        background-color: #129af0;
        color: #fff;
    }

.ms-srch-item-highlightedText {
    background-color: yellow;
}

.ms-srch-result-didYouMean {
    clear: both;
}

.filters .filter {
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    border-radius: 0px;
}

    .filters .filter.col-lg-12 {
        width: calc(100% - 35px);
        padding-left: 5px !important;
    }

.filter.ng-binding {
    background-color: #fff;
    color: #000;
    font-weight: 500;
    padding: 4px;
    border-radius: 4px !important;
    margin-left: 2px;
    margin-right: 2px;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

    .filter.ng-binding .close-red {
        padding-top: 6px;
    }

/*.filters .filter.col-lg-6{
	width : calc(50% - 31px);
	padding-left: 5px !important;
}*/
/*TEST JDT*/
/*.filters .filter.col-sm-12{
	width : calc(100% - 5px);
}
.filters .filter.col-xs-12{
	width : calc(100% - 5px);
}*/
/*END TEST JDT*/

.filters {
    position: relative;
    z-index: 3;
}

.dateFilter {
    cursor: pointer;
}

#contentRow {
    padding: 2px;
}

#searchMain > :first-child.ms-webpart-zone > :first-child.s4-wpcell-plain {
    padding: 0px 5px;
}

.close-red {
    padding-top: 6px;
    cursor: pointer;
    color: #129af0;
    margin-right: 5px;
}

    .close-red:hover {
        color: #163650;
    }


.dropdown {
    cursor: pointer;
}

#searchMain .ms-webpartzone-cell {
    margin-bottom: 0px;
}

.select2-match {
    color: red;
    background-color: yellow;
}

.Resumee_Item {
    text-align: justify;
}

#globalNavBox {
    background-color: transparent;
}

.coe-rm-language, .coe-classification-ttem {
    font-style: italic;
}

.ms-srch-sbLarge-searchImg {
    max-width: none !important;
}

.Classification_Item {
    font-style: italic;
}

.ms-promlink-button-image img {
    max-width: none !important;
}

.savedSearchItemTitle {
    padding-right: 70px;
    display: inline-block;
}

#coe-filter-bar.navbar {
    padding: 5px 0px;
    margin-left: 0px;
}

    #coe-filter-bar.navbar .nav > li > a {
        padding: 5px;
        margin-left: 0px;
    }

.navbar {
    margin-left: 5px;
    min-height: auto;
}

.coe-filter-bar .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

#console-logs {
    margin-top: 20px;
    border: 1px solid #F7BC4D;
    background-color: #FFF0B3;
    border-radius: 4px;
    padding: 5px;
    display: none;
}

.icoRC {
    float: left;
    margin-right: 4px;
}

#Result.ms-srch-result div ul {
    padding-right: 0px !important;
    margin-top: 0px;
}

#navigation-wrapper {
    color: white;
    background-color: rgb(27, 126, 172);
}

#navigation .navbar-inner {
    color: white;
    background-color: rgb(27, 126, 172);
}

    #navigation .navbar-inner .nav > li:hover > a {
        color: rgb(27, 126, 172);
    }

    #navigation .navbar-inner .nav > li.selected > a {
        color: rgb(27, 126, 172);
    }

    #navigation .navbar-inner .nav > li.dropdown {
        border-left-color: rgb(27, 126, 172);
        border-left-width: 1px;
        border-left-style: solid;
    }

    #navigation .navbar-inner ul.child-menu {
        border-color: rgb(27, 126, 172);
    }

        #navigation .navbar-inner ul.child-menu a.main-item::after {
            color: rgb(27, 126, 172);
        }

#navigation-wrapper a {
    line-height: 35px;
    min-height: 35px;
    color: white;
    font-size: 14px;
    font-weight: 400px;
    padding: 9px 15px 9px 15px;
}

    #navigation-wrapper a:hover {
        background-color: white;
        color: rgb(27, 126, 172);
        text-decoration: none;
    }

.rightfloaticon {
    float: right;
}

.itemsDataButton {
    padding-left: 5px;
}

.savedSearchItemTitle {
    color: black !important;
}

.filters {
    padding: 0 5px;
}

    .filters .filter select {
        border-color: #ddd;
        background-color: #fff;
        min-width: 18px;
    }

        .filters .filter select:hover {
            font-weight: 700;
        }

    .filters .select2-container {
        padding: 0px !important;
    }

        .filters .select2-container .select2-choice {
            border: 0px;
            border-radius: 0px;
            padding: 0px !important;
            height: 20px;
            line-height: 20px;
            top: 5px;
            /*background-color: white;*/
            background-color: transparent;
            background-image: none;
            box-shadow: none;
        }

            .filters .select2-container .select2-choice div b { /* background-position-y: -2px; */
            }

            .filters .select2-container .select2-choice abbr.select2-search-choice-close {
                top: 2px;
                right: 4px;
            }

.select2-container .select2-choice span {
    margin-right: 10px;
    font-size: 14px;
    margin-top: 0px;
}

.bigSelect {
    width: 300px !important;
}

.filters .select2-container .select2-choice div {
    display: none;
}

ul.select2-results ul.select2-result-sub {
    padding-left: 5px;
}

li.select2-disabled {
    background-color: transparent !important;
}

li.select2-results-dept-1 .select2-result-label {
    padding-left: 0px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.filter {
    background-color: #fff;
    padding: 4px;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

    .filter:nth-child(2n) {
        margin-right: 0px !important;
    }

.filters .filter {
    padding-left: 5px !important;
    padding-right: 0px !important;
    /*margin-top:14px;*/
    margin-top: 5px;
}

.filter:hover {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0; /*left:100%;*/
        right: 100%;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
        cursor: pointer;
    }

    .dropdown-submenu:active > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:active > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

ul .dropdown-menu .pull-left {
    min-width: 0px !important;
    padding: 0px !important;
}

.hide-bootstrap-arrow {
    padding-right: 0px !important;
    overflow-x: hidden !important;
}

.coe-date {
    color: #888;
}

.main-item span {
    font-family: "Open Sans", sans-serif !important;
}

.chevron {
    position: relative;
}

    .chevron:after {
        content: "";
        background: url(img/chevron.svg) 0 2px no-repeat;
        position: absolute;
        height: 8px;
        width: 12px;
        bottom: -1px;
        left: 50%;
        margin-left: -6px;
    }

#search-msg {
    display: none;
    text-align: center;
    border: 1px dotted red;
    font-size: 12pt;
    font-weight: bold;
}

#sideNavBox .ms-ref-refinername:link, .ms-ref-refinername:visited {
}

#sideNavBox .ms-ref-refiner {
    padding-right: 0px;
    min-width: 180px;
    padding-left: 15px;
    padding-right: 15px;
}

    #sideNavBox .ms-ref-refiner #Container {
        padding: 5px;
        overflow: hidden;
    }

.ms-ref-refinername:link, .ms-ref-refinername:visited {
    padding: 0 0 5px 0;
}

.ms-ref-refiner #Value a {
    line-height: 19px;
}

#resFilters #Container {
    border-bottom: 1px solid #acacac;
}

#sideNavBox .ms-displayInlineBlock {
    display: table-cell;
    font-weight: 600;
    width: 100% !important;
}

@media only screen and (max-width: 767px) {
    .ms-srchnav-list {
        width: 140px;
    }
}

.search-welcome {
    padding: 15px;
}

.container .search-welcome ul {
    padding-left: 20px;
}

a:not([href]) {
    color: inherit;
}

    a:not([href]):hover h4, a:not([href]):hover p, a:not([href]):hover, a:not([href]):hover span {
        color: inherit !important;
    }
/*MODIF CM*/

#SearchBox {
    /*margin:0px 10px 0px 3px !important;*/
    /*margin: 0px 3px;*/
}

    #SearchBox .ms-textLarge {
        width: 90%;
        font-size: 15px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

.ms-helperText, input.ms-helperText {
    color: #999 !important;
}

.select2-result > .obsoleteRefiner {
    color: lightGray;
}

@media (max-width: 767px) {
    .filters .filter {
        height: auto !important;
    }
    /*END MODIF CM*/
}

#labelActiveFilter.ms-displayInlineBlock {
    font-weight: 600;
    color: #163650;
    font-family: "Open Sans", sans-serif !important;
}

div#AutoCompContainer {
    bottom: 15px;
}

.ms-srch-group-content *, .ms-srch-group-content *::before, .ms-srch-group-content *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-srch-group-content {
    /*border-top: 1px solid #acacac;
	margin-top: 5px;
	padding-top: 5px;*/
    border-top: none;
    margin-top: -40px;
}

/* Card box Search items */
.card-tile {
    background-color: #f7f7f7;
    border-radius: 2px;
    position: relative;
}

.card-tile-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .card-tile-1:hover {
        box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
    }

.card-tile-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .card-tile-2:hover {
        background-color: #f7f7f7;
        box-shadow: 0 8px 15px rgba(0,0,0,0.16), 0 6px 6px rgba(0,0,0,0.23);
    }

.card-tile-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-tile-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-tile-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.ms-srch-item {
    padding: 10px 10px;
    margin: 5px 0px 5px 0px;
    border-radius: 2px;
    background-color: #fcfcfc;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    clear: inherit;
    overflow: visible;
}

@media only screen and (max-width: 767px) {
    .ms-srch-item {
        margin: 5px 0px;
    }

    #sideNavBox {
        min-width: 250px;
    }
}

.ms-srch-item.col-md-6 {
    width: 50%;
}

@media only screen and (max-width: 991px) {
    .ms-srch-item.col-md-6,
    .ms-srch-item.col-md-12 {
        width: 100%;
    }

    #sideNavBox {
        min-width: 200px;
    }

    #Actions li#SwitchTiles {
        display: none !important;
    }

    li.separator {
        display: none !important;
    }
}

.ms-srch-item:hover {
    background-color: transparent;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
}

.ms-srch-item-path {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .ms-srch-item-path {
        white-space: normal;
        word-break: break-all;
    }
}

.ms-srch-item .Boxitem {
    /*padding: 10px 20px 10px 20px;
    color: #7e7e7e;*/
}

    .ms-srch-item .Boxitem > div:first-child {
        font-size: 15px;
        font-weight: 600;
        /* overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
    }

.ms-srch-item .Boxitem-Tag {
    border-radius: 3px;
    background-color: white;
    border: 0.5pt solid #ddd;
    padding: 3px 4px;
    margin: 2px 2px 0px 0px;
    font-size: 12px;
    font-weight: 600;
}

.Boxitem-Tag.Boxitem-Date::before {
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f133";
    margin-right: 2px;
}

/*################################### Gestion des types de fichier #########################################*/
.ms-srch-item span.Boxitem-Tag.Boxitem-Extension {
    /*text-transform: uppercase;
    padding-left: 20px;
    color: #fff;
    background: #163650 url("/_layouts/15/CoE.Search.UI/images/icon-file-26.png") no-repeat left 4px center;
    background-size: 13px 13px;*/
    text-transform: uppercase;
    padding: 3px 4px;
    background: none;
}
    /*a.ms-srch-item-link {
    font-weight:600 !important;
}*/
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="pdf"] {
        /*background-color: #d8212b;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="pdf"]::before {
            content: "\f1c1";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #d8212b;
        }

    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="xls"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="ods"]	{
        /*background-color: #409737;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="xls"]::before,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="ods"]::before		{
            content: "\f1c3";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #409737;
        }

		
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="csv"] {
        /*background-color: #409737;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="csv"]::before {
            content: "\f1c3";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #409737;
        }
		
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="doc"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="dot"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="odt"]	{
        /*background-color: #364f9b;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="doc"]::before,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="dot"]::before,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="odt"]::before		{
            content: "\f1c2";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #364f9b;
        }
		
	/*MS POWERPOINT*/
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="pp"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="odp"]	{
        /*background-color: #e26824;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="pp"]::before,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="odp"]::before 		{
            content: "\f1c4";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #e26824;
        }
		
	/*MS ONENOTE*/
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="one"] {
        /*background-color: #e26824;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="one"]::before {
            content: "\f02d";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #7D3778;
        }
		
	/*MS OUTLOOK*/
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="msg"] {
        /*background: #c18400 url("/_layouts/15/CoE.Search.UI/images/mail-1.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="msg"]::before {
            content: "\f003";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #c18400;
        }

	/*MS VISIO*/
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="vsd"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="vdw"]	{
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/news.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="vsd"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="vdw"]::before{
            /*content: "\f542";*/
            content: "\f248";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #306CFE;
        }
		
		
	/*PAGES WEB*/
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="web"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="site"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="html"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="htm"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="asp"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="aspx"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="php"]	{
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/news.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="web"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="site"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="html"]::before,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="htm"]::before ,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="asp"]::before,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="aspx"]::before,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="php"]::before{
            content: "\f0ac";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #163650;
        }

	/*IMAGES*/
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="jpg"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="jpeg"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="gif"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="png"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="svg"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="bmp"] {
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/photo-2.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="jpg"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="jpeg"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="gif"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="png"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="svg"]::before ,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="bmp"]::before{
            content: "\f03e";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #09B5FF;
        }
		
	/*AUDIO*/
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="wav"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"] {
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/photo-2.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="wav"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"]::before ,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp3"]::before{
            content: "\f028";
            font-family: FontAwesome;
            margin-right: 3px;
            color: rgb(255, 21, 151);
        }
	/*VIDEO*/
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp4"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mov"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="wmv"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="flv"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp4"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp4"] {
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/photo-2.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp4"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mov"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="wmv"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="flv"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp4"]::before ,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mp4"]::before{
            content: "\f008";
            font-family: FontAwesome;
            margin-right: 3px;
            color: rgb(255, 21, 151);
        }
	/*CALENDRIER*/
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="hol"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="ics"] {
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/photo-2.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="hol"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="ics"]::before {
            content: "\f073";
            font-family: FontAwesome;
            margin-right: 3px;
            color: #c18400;
        }
		
	/*ARCHIVES*/
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="zip"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="rar"] {
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/photo-2.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="zip"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="rar"]::before {
            content: "\f1c6";
            font-family: FontAwesome;
            margin-right: 3px;
            color: rgb(51, 51, 51);
        }
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="txt"] {
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/photo-2.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }


        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="txt"]::before{
            content: "\f15c";
            font-family: FontAwesome;
            margin-right: 3px;
            color: rgb(51, 51, 51);
        }
		
	/*FICHIERS TECHNIQUES*/
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="xml"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="json"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="js"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mht"],
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="xps"] {
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/photo-2.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="xml"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="json"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="js"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mht"]::before,
        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="xps"]::before{
            content: "\f1c9";
            font-family: FontAwesome;
            margin-right: 3px;
            color: rgb(51, 51, 51);
        }
	
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mmap"],
	.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mpp"]	{
        /*background: #163650 url("/_layouts/15/CoE.Search.UI/images/photo-2.png") no-repeat left 4px center;
        background-size: 13px 13px;*/
        background-color: transparent;
        color: rgb(51, 51, 51);
    }

        .ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mmap"]::before,
		.ms-srch-item span.Boxitem-Tag.Boxitem-Extension[data-type^="mpp"]::before{
            content: "\f0e8";
            font-family: FontAwesome;
            margin-right: 3px;
            color: rgb(60,203,7);
        }
		
		
    .ms-srch-item span.Boxitem-Tag.Boxitem-Extension::before {
        font-weight: normal;
    }
/*############################### Fin de la Gestion des types de fichier #####################################*/

.navbar-toggler {
    background-color: rgb(27, 126, 172);
    border: none;
}

    .navbar-toggler:hover {
        background-color: #fff;
        color: rgb(27, 126, 172);
    }

.navbar-left-coe {
    float: left;
}

.navbar.nav-bar-details {
    background-color: #f7f7f7;
}

    .navbar.nav-bar-details li {
        margin: 5px 10px;
        padding: 0px 5px;
        border-radius: 5px;
    }

        .navbar.nav-bar-details li a {
            padding: 5px;
        }

    .navbar.nav-bar-details .dropdown-menu li {
        margin: 0px;
        padding: 0px;
    }

        .navbar.nav-bar-details .dropdown-menu li a {
            padding: 3px 20px;
        }

    .navbar.nav-bar-details li.back {
        background: #60a9de url("/_layouts/15/CoE.Search.UI/images/left-4.png") no-repeat left 5px center;
        background-size: 13px 13px;
        padding-left: 20px;
    }

    .navbar.nav-bar-details li.relatedDocuments {
        /*background: #60a9de url("/_layouts/15/CoE.Search.UI/images/link.png") no-repeat left 5px center;*/
        background: #fff;
        background-size: 13px 13px;
        padding-left: 20px;
        font-weight: 600;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }

    .navbar.nav-bar-details li.sendMail {
        /*background: #60a9de url("/_layouts/15/CoE.Search.UI/images/mail-1.png") no-repeat left 5px center;*/
        background: #fff;
        /*content:"\2709";*/
        background-size: 13px 13px;
        padding-left: 20px;
        font-weight: 600;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }

    .navbar.nav-bar-details li.print {
        /*background: #60a9de url("/_layouts/15/CoE.Search.UI/images/print.png") no-repeat left 5px center;*/
        background: #fff;
        background-size: 13px 13px;
        padding-left: 20px;
        border-radius: 5px;
        font-weight: 600;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    /*.navbar.nav-bar-details li.print::before {
		font-family:"Glyphicons Halflings";
		margin-left:-16px;
		padding-top:-25px;
		content:"\e045";
		}*/

    .navbar.nav-bar-details li.availableLanguages,
    .navbar.nav-bar-details li.availableFormats {
        /*background: url("/_layouts/15/CoE.Search.UI/images/sortDDL.png?v2") no-repeat right white;*/
        background-color: #fff;
        background-size: 30px 30px;
        padding-right: 30px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        height: 30px;
        font-weight: 600;
    }

.availableLanguagesCaret,
.availableFormatsCaret {
    top: -20px;
    margin-right: -20px;
    float: right;
    position: relative;
}

#anchorsBar .dropdown,
#anchorsBar .dropdown-toggle {
    display: inline-block;
}

#anchorsBar .availableLanguagesCaret,
#anchorsBar .availableFormatsCaret {
    top: 8px;
}

#anchorsBar .relatedDocuments {
    height: 30px;
}

.navbar.nav-bar-details .relatedDocuments a.dd1,
.navbar.nav-bar-details .sendMail a.dd1,
.navbar.nav-bar-details .print a.dd1,
.navbar.nav-bar-details .back a.dd1 {
    /*color: white;*/
    color: rgb(51, 51, 51);
}

.navbar.nav-bar-details .relatedDocuments .glyphicon-link,
.navbar.nav-bar-details .sendMail .glyphicon-envelope,
.navbar.nav-bar-details .print .glyphicon-print {
    float: left;
    top: 8px;
    left: -10px;
}

    .navbar.nav-bar-details .relatedDocuments .glyphicon-link:hover,
    .navbar.nav-bar-details .sendMail .glyphicon-envelope:hover,
    .navbar.nav-bar-details .print .glyphicon-print:hover {
        color: #666;
    }

.navbar.nav-bar-details .relatedDocuments a.dd1:hover,
.navbar.nav-bar-details .sendMail a.dd1:hover,
.navbar.nav-bar-details .print a.dd1:hover,
.navbar.nav-bar-details .back a.dd1:hover,
.navbar.nav-bar-details .relatedDocuments:hover,
.navbar.nav-bar-details .sendMail:hover,
.navbar.nav-bar-details .print:hover,
.navbar.nav-bar-details .back:hover {
    /*background-color: transparent;*/
    /*background-color:#666;
            color: white !important;*/
}

    .navbar.nav-bar-details .relatedDocuments a.dd1:hover.glyphicon-link,
    .navbar.nav-bar-details .sendMail a.dd1:hover.glyphicon-envelope,
    .navbar.nav-bar-details .print a.dd1:hover .glyphicon-print,
    .navbar.nav-bar-details .relatedDocuments:hover .glyphicon-link,
    .navbar.nav-bar-details .sendMail:hover .glyphicon-envelope,
    .navbar.nav-bar-details .print:hover .glyphicon-print {
        /*background-color: transparent;*/
        /*background-color:#666;
            color: white !important;*/
        color: #666;
    }

.navbar.nav-bar-details .availableLanguages a.dd1,
/*.navbar.nav-bar-details .availableFormats a.dd1{padding: 0px 10px;}*/
.navbar.nav-bar-details .availableLanguages a.dd1:hover,
.navbar.nav-bar-details .availableFormats a.dd1:hover {
    background-color: transparent;
}

#savedSearchUL.dropdown-menu {
    top: calc(100% - 5px);
}

.ddlFiltersWithIcons {
    float: left;
    min-width: 300px;
}

@media only screen and (max-width: 767px) {
    .ddlFiltersWithIcons {
        min-width: 270px;
        width: 260px;
    }

        .ddlFiltersWithIcons > li {
            /*min-width: 120px;*/
            min-width: 125px;
            margin-bottom: 5px;
            float: left;
        }

    .ddlOptionsWithIcons > li {
        float: right;
    }
}

.ddlOptionsWithIcons {
    float: right;
}
    /* Ajout FTH */

    .ddlOptionsWithIcons .caret {
        position: relative !important;
        top: 0px !important;
    }

.ms-srch-people-item #UserInfoContainer {
    float: left !important;
    margin-left: 12px;
    width: 80%;
    text-align: left;
}

.ms-srch-people-outerContainer:hover {
    background-color: transparent;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent !important;
}

.nav-coe .nav li {
    line-height: normal;
}

.ms-peopleux-userImg {
    min-width: 72px;
    min-height: 72px;
    clip: auto !important;
    max-width: 72px;
    top: -8px;
}

.ms-srch-people-outerContainer {
    padding: 10px 10px;
    margin: 10px 0px 10px 0px;
    border-radius: 2px;
    background-color: #fcfcfc;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    clear: inherit;
    overflow: visible;
    width: 100%;
}

    .ms-srch-people-outerContainer #NameFieldLink {
        font-family: "Open Sans", sans serif;
    }


.ddlAnd, .ddlContains {
    background-color: #fff !important;
    border: none !important;
    border-radius: 4px;
    /*border: 1px solid #c4c4c4 !important;*/
    box-shadow: none !important;
    cursor: pointer;
    padding-left: 10px;
    /*background-color: #EDEDED !important;
	border:none !important;
	border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.12), 0px 1px 2px rgba(0,0,0,0.24);
    height: 20px !important;
	top:-5px;
	cursor:pointer;*/
    /*display:none;*/
}

    .ddlAnd:hover,
    .ddlContains:hover {
        background-color: #fff !important;
    }

.ddlOperators {
    /*border-radius: 4px;
    border: 1px solid #c4c4c4 !important;
	float:left;
	margin-left:1px;
	margin-top:-2px;*/
    line-height: 18px;
    margin-top: 5px;
    margin-right: 2px;
    padding-left: 1px;
    padding-right: 1px;
    display: none; /*Commenté seulement le temps des tests*/
    /*display:inline;*/
}

    /*.ddlOperators #operatorSpanOption[class="glyphicon-minus"]{
	display:inline;
}*/

    .ddlOperators > .fa.fa-sort.fa-lg {
        margin-left: 1px !important;
    }

    .ddlOperators::before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f0dc";
        color: #f06812;
        margin-left: 2px;
        /*Adjust for position however you want*/
        top: 13px;
        padding: 0 0 2px;
        /*left line */
        position: absolute;
    }


.ddlContains {
    width: 20px;
}

/*.dropdown-toggle::after {
    border:none !important;
}*/

select.ddlContains::-ms-expand {
    display: none;
}

select.ddlAnd::-ms-expand {
    display: none;
}

select.ddlAnd, select.ddlContains, select.SortbySel {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
/*.ddlAnd select:before, .ddlContains select:before{
	content:"\f107";
}*/


/******************************** TEST pour les textbox dynamiques (material design) **********************************/
/*.filterContain{
	position:relative;
	margin-bottom:45px;
}*/



/*.filterLabel{
	color:#999 !important;
	font-size:18px !important;
	font-weight:normal !important;
	position:absolute !important;
	pointer-events:none !important;
	left:5px !important;
	transition:0.2s ease all !important;
	-moz-transition:0.2s ease all !important; 
	-webkit-transition:0.2s ease all !important;
	width:50% !important;
}*/
/* active state */
/*.filter:focus ~ .filterLabel, .filter:valid ~ .filterLabel {
  top:-20px !important;
  font-size:14px !important;
  color:#5264AE !important;
}*/

.select2-choice:focus + .filterLabel {
    top: 20px;
}

.filterLabel {
    /*OLD*/
    /*top:-22px;
	font-size:12px;
	color:#999;
	position:absolute;
	margin-left:-5px;*/
    /*test*/
    top: -8px;
    left: 5px;
    font-size: 13.5px;
    color: #7a7a7a;
    position: absolute;
    margin-left: 0px;
    z-index: 100;
    background: linear-gradient(transparent, #f7f7f7, #fff);
    background-size: auto auto;
    background-repeat: no-repeat;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 17px;
    height: 17px;
    /*margin-left:-50px;*/
}
/*
input.select2-input:focus ~ span.filterLabel, input.select2-input:valid ~ span.filterLabel {
  top:-20px !important; 
  font-size:14px !important;
  color:#5264AE !important;
}
input.select2-input:focus ~ div.filter, input.select2-input:valid  ~ div.filter {
	margin-top:20px !important;
}*/
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}