@import url("environment.css");

body {
    background-color: #ffe6cc;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../../fonts/opensans-bold-webfont.eot');
    src: url('../../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: url('../../fonts/opensans-bolditalic-webfont.eot');
    src: url('../../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('../../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../../fonts/opensans-extrabold-webfont.eot');
    src: url('../../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url('../../fonts/opensans-extrabolditalic-webfont.eot');
    src: url('../../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('../../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../../fonts/opensans-italic-webfont.eot');
    src: url('../../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../../fonts/opensans-light-webfont.eot');
    src: url('../../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-light-webfont.woff') format('woff'),
         url('../../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('../../fonts/opensans-lightitalic-webfont.eot');
    src: url('../../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('../../fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../../fonts/opensans-regular-webfont.eot');
    src: url('../../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../../fonts/opensans-semibold-webfont.eot');
    src: url('../../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-SemiboldItalic';
    src: url('../../fonts/opensans-semibolditalic-webfont.eot');
    src: url('../../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('../../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

#ulChampsNonInclus, #ulChampsInclus {
    border: 1px solid #eee;
    width: 300px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

#ulChampsNonInclus li, #ulChampsInclus li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 278px;
}

#ulChampsNonInclus li:hover, #ulChampsInclus li:hover, #ulSearchManagement li:hover {
    cursor: move;
}

#ulChampsNonInclus, #ulChampsInclus, #ulSearchManagement {
    overflow-y: scroll; 
    overflow-x: hidden; 
    height: 500px;
    background-color: #e4e3e6;
    padding: 20px;
    width: 500px;
    list-style-type: none;
    -ms-user-select:none;
}

#ulSearchManagement {
    margin-left: 115px;
}

#ulChampsNonInclus li, #ulChampsInclus li {
    font-family: OpenSans-Bold;
    color: #00386f;
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 10pt;
    border: none;
    padding-left: 20px;
    width: 440px;
    height: 30px;
}

#ulChampsNonInclus li.ui-state-default, #ulChampsInclus li.ui-state-default {
    background-color: #f2f2f4;
}

#ulChampsInclus li.ui-state-highlight, #ulChampsNonInclus li.ui-state-highlight {
    background-color: #ffffff;
}

#ulSearchManagement li {
    font-family: OpenSans-Bold;
    font-size: 10pt;
    color: #00386f;
    background-color: #ffffff;
    border: none;
    padding-left: 20px;
    width: 440px;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#ulSearchManagement li button {
    float: right;
    height: 24px;
    margin-top: 3px;
    margin-right: 3px;
}

#divPageRecherche h5 {
    font-family: OpenSans-Regular;
    font-size: 14pt;
    color: #000000;
    display: inline-block;
}

#divTitreListes h5 {
    font-family: OpenSans-Semibold;
    font-size: 10pt;
    color: #000000;
    width: 500px;
    padding-left: 30px;
}

#divListes {
    margin-left: 50px;
}

.bouton{
    color: #ffffff;
    font-family: OpenSans-Regular;
    display:inline-block;
    padding-left: 18px;
    padding-right: 18px;
    height: 30px;
    margin-bottom:0;
    font-size:10pt;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px;
    text-transform: uppercase;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

.bouton.active,.bouton:active{
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}

.bouton.disabled,.bouton[disabled],fieldset[disabled] .bouton{
    cursor:not-allowed;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:.65
}

.boutonBleuFonce{
    background-color: #00386f;
}

.boutonBleuFonce:hover{
    background-color: #004d93;
}

.boutonBleuCiel{
    background-color: #00adff;
}

.boutonBleuCiel:hover{
    background-color: #4ac5ff;
}

.boutonVert{
    background-color: #59a203;
}

.boutonVert:hover{
    background-color:#6ac100;
}

.boutonRouge {
    background-color: #fa6e55;
}

.boutonRouge:hover {
    background-color: #ff9380;
}

#divBoutonsHautGauche {
    float: left;
    margin-bottom: 25px;
}

#divBoutonsHautDroite {
    float: right;
    margin-bottom: 25px;
}

#divBoutonsHautGauche button:not(:first-of-type), 
#divBoutonsBasGauche button:not(:first-of-type), 
#divBoutonsBasDroite button:not(:first-of-type){
    margin-left: 7px;
}

#divBoutonsBasGauche {
    float: left;
    margin-top: 25px;
}

#divBoutonsBasDroite {
    float: right; 
    margin-top: 25px;
}

#divResultatsRecherche {
    margin-top: 25px;
    clear: both;
}

#uppResultatsRecherche {
   margin-top: 25px;
}

#divBoutonsBasGauche button, #divBoutonsHautGauche button, #divBoutonsBasDroite button :not(#btnSauvegarderPreconfigurees) {
    width: 125px;
}

#divBoutonsSearchManagement {
    margin-top: 20px;
    margin-left: 300px;
}

#divBoutonsSearchManagement button:first-of-type {
    margin-right: 10px;
}

.divLiRechercheSauvegardee {
    font-family: OpenSans-Bold;
    font-size: 10pt;
    color: #00386f;
    margin-top: 10px;
    display: inline-block;
    margin-top: 5px;
}

#divPageRecherche {
    margin-top: 50px;
}

#divRecherches {
    padding: 30px 55px 64px 20px;
    background-color: #f3f2f5;
    height: 60px;
}

#divRecherches img {
    display: inline-block;
}

#cboRecherches {
    width: 350px;
    margin-left: 10px;
    display: inline-block;
}

#cboRecherchesSauvegardees, #cboRecherchesPreconfigurees {
    color: #808080;
    width: 300px;
    margin-left: 10px;
    display: inline-block;
}

#btnGererRecherchesSauvegardees {
    margin-left: 10px;
    margin-bottom: 5px;
}

#divFiltres, #divColonnes {
    padding: 30px 55px 30px 20px;
    background-color: #f3f2f5;
    margin-top: 5px;
}

#divPanelFiltres, #divPanelColonnes {
    margin-left: 35px;
}

#divRecherches select, #divPanelFiltres select, #divPanelFiltres textarea, #divPanelFiltres input {
    font-family: OpenSans-Regular;
    font-size: 10pt;
}

#btnInfo {
    margin-left: 10px;
}

#divLexique iframe {
    width: 780px;
    height: 700px;
    border: none;
}

#divAskSaveName, #divSearchManagement {
    padding: 30px 55px 30px 20px;
    background-color: #f3f2f5;
}

#divAskSaveName span {
    font-family: OpenSans-Regular;
    font-size: 10pt;
}

#divAskSaveName > span:first-of-type {
    font-family: OpenSans-Regular;
    font-size: 12pt;
    display: block;
    margin-bottom: 20px;
}

#divAskSaveName input[type=text] {
    font-family: OpenSans-Regular;
    font-size: 10pt;
    margin-left: 5px;
    width: 500px;
    display: inline-block;
}

#divAskSaveName select {
    width: 500px;
    margin-left: 42px;
    margin-top: 10px;
}

#divReplaceSaveSearch {
    margin-top: 20px;
}

#divProgressMessage {
    color: #666;
    margin-top: 5px; 
}

#messageListesColonnes {
    margin-top: 15px;
    font-family: OpenSans-Regular;
    font-size: 10pt;
    color: #00386f;
}

.error {
    background-color: #ff9380;
}

.clearBoth {
    clear: both;
}

.divCheckBox {
    margin-top: 10px;
}

.divCheckBox input[type=checkbox] {
    float: left;
}

.divCheckBox span{
    margin-left: 25px; 
    display:block;
}

.imgSupprimer:before {
    content: url("../../Img/Supprimer-bouton.png");
}

.cpeImage {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 15px;
}

.cpeImage:hover {
    cursor: pointer;
}

.RadComboBoxDropDown .rcbDisabled {
    opacity: 0.5;
}