.ButtonQuickAccess {
    padding-left: 30px;
    padding-top: 8px;
    cursor: pointer;
    opacity: 1;
    color: Black;
    text-align: center;
}

.accueil_background {
    flex: 1 1 auto;
    background-image: url(../../images/Cuisinella/logo_cuisinella.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    opacity: 0.2;
}

.EnteteLigne {
    background-color: #AA8676;
    height: 15px;
}


.PopupControl {
    z-index: 12000;
    cursor: pointer;
    background-color: white !important;
}

.SeventyFivePercentOpaque {
    opacity: 0.75;
}

.ZeroPercentOpaque {
    opacity: 0;
}

.btn_imgInsitu {
    border: 0;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/Insitu.png);
    cursor: pointer;
    background-color: transparent;
}

.btn_imgLoupe {
    border: 0;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/loupe.png);
    cursor: pointer;
}

/*
    classe utilisée pour la page NewHistoriqueDocumentsEdites.aspx
    pour afficher l'icone supprimer
*/
.btn_imgSupprimer {
    border: 0;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/supprimer.png);
    cursor: pointer;
    display: inline-block;
}

.btn_imgModifier {
    border: 0;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/modifier.png);
    cursor: pointer;
    display: inline-block;
}

/*
    classe utilisée pour la page NewHistoriqueDocumentsEdites.aspx
    pour afficher l'icone de l'espace conso
*/
.btn_imgEspaceConso {
    border: 0;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/valider.png);
    cursor: pointer;
    display: inline-block;
}

.btn_svgTarget {
    border: 0;
    cursor: pointer;
    background-color: transparent;
}

.btn_svgTarget svg {
    width: 30px;
    height: 30px;
}

.btn_svgTarget.green svg {
    color: #5caa7c;
}

.btn_svgTarget.orange svg {
    color: #f2a05b;
}

.btn_utilisateurs {
    border: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/Global/utilisateurs.png);
    cursor: pointer;
    background-color: transparent;
}

.btn_utilisateur_magasin {
    border: 0;
    width: 53px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/Global/utilisateur_magasin.png);
    cursor: pointer;
    background-color: transparent;
}

.ButtonSkin {
    background-color: Black;
    color: White;
    font-size: small;
    Width: 100px;
    cursor: pointer;
}

.Button {
    border-color: #543930;
    background-color: White;
    color: #543930;
    font-size: small;
    cursor: pointer;
}

.CadreListeProjet {
    padding-left: 10px;
    width: 103%;
}

.BoutonFicheProjet {
    width: 200px;
    background-color: #543930;
    color: White;
    border: #543930 solid 2px;
    cursor: pointer;
    background-image: url("../../images/Cuisinella/WebUserControls/icone_ajouter-ON.jpg");
    background-repeat: no-repeat;
    background-position: center right;
    text-decoration: none;
    padding-right: 30px;
    padding-left: 10px;
}

.TextBoxCourte {
    width: 60px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBox {
    width: 120px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxNombre {
    width: 120px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    text-align: right;
    padding-right: 2px;
}

.TextBoxLongueur100PourCent {
    width: 100%;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxLongue {
    width: 200px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxTresLongue {
    width: 300px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxDisabled {
    width: 120px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    background-color: #E6E6FA;
}

.TextBoxScheduler {
    width: 120px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
}

.TextBoxMultiLine {
    width: 100%;
    height: 48px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxMultiLine2 {
    width: 100%;
    height: 200px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxEmail {
    width: 218px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxSmall {
    width: 80px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxHeure {
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.TextBoxNeedKO {
    width: 120px;
    height: 16px;
    border-color: Red;
    border-width: 1px;
    border-style: solid;
}

.TextBoxNoNeedKO {
    width: 120px;
    height: 16px;
    border-color: Blue;
    border-width: 1px;
    border-style: solid;
}

.ASPxDateEdit {
    width: 124px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.ASPxDateEditWeek {
    width: 16px;
    height: 16px;
    background-color: White;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.dateEditColor {
    border: solid 1px Red;
}

.TextBoxAdresse {
    width: 250px;
    height: 16px;
}

.DropDownList {
    height: 20px;
}

.selectPremiereOptionGras option:first-of-type {
    font-weight: bold;
}

.DropDownListSmal {
    border: solid 1px black;
    width: 50px;
    height: 20px;
}

.DXLabelObligatoire {
    font-weight: bold;
    color: Red;
}

.LabelObligatoire {
    font-weight: bold;
    color: #543930;
    vertical-align: text-top;
    font-size: 9pt;
}

.DXLabel {
    color: White;
}

.Label {
    color: Black !important;
    font-size: 8pt;
}

.LabelWhite {
    color: #543930;
    font-size: 8pt;
}
/*--aspxLable avec la même apparence que asp label--*/
.ASPxLabel {
    color: Black;
}

.LabelAlert {
    color: Red;
    font-size: 8pt;
}

.LabelHeader {
    color: White;
}

.PageControl {
    width: 100%;
    height: 80px;
}

.CheckBox {
    color: Black;
    vertical-align: middle;
    font-size: 8pt;
}

.ASPxCheckBox {
    color: Black;
    vertical-align: middle;
    font-size: 8pt;
}

.RadioButton {
    color: Black;
    vertical-align: middle;
    font-size: 8pt;
}

.ListeDeroulante {
    width: 460px;
    height: 75px;
    overflow: auto;
    border: solid 1px #cccccc;
}

.ListeDeroulanteLongue {
    width: 580px;
    height: 80px;
    overflow: auto;
    border: solid 1px #cccccc;
}

.ListeDeroulanteDroit {
    vertical-align: top;
    width: 100%;
    overflow: auto;
}

.ListeDeroulanteDroitItem {
    width: 100%;
    height: 70px;
    overflow: auto;
    vertical-align: top;
}


/* cellule d'article ajouté par la salm */

.AjoutSALM {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: Black;
    border-color: #d4d4d4;
    border-width: 1px;
    border-style: solid;
    height: 34px;
    padding: 0px 3px 0px 1px !important;
    background: Yellow;
    border: 1px solid #d4d4d4;
    text-align: center;
}


/* Test David AspxUploadControl sur ModifyUser.aspx */
/* -- ASPxUploadControl -- */
.devControl, .devEditArea {
    font-size: 10pt;
}

.devErrorCell {
    font-size: 9pt;
    color: Red;
    text-align: left;
}

.BtnDeco {
    background-image: url(../../images/Cuisinella/WebUserControls/menu/annuler.png);
    background-image: url(../images/Cuisinella/WebUserControls/menu/annuler.png);
    border: 0;
    width: 21px;
    height: 21px;
}

.AccessRapide {
    background-color: #543930;
    color: White;
    vertical-align: bottom;
    height: 24px;
    cursor: pointer;
}

.img_panel {
    vertical-align: bottom;
    height: 24px;
}

.fondAccesRapide {
    background: #543930;
    background-color: #543930;
}

.menuAccesRapide {
    background-color: White;
    width: 100%;
    border: 0px;
}

.txtNameConnected {
    background-color: White;
    color: Black;
    font-size: Small;
    height: 17px;
    width: 160px;
    border-color: White;
    border-width: 1px; /*ForeColor="Black" BorderColor="#543930" BackColor="White" */
}

.txtSearchAccueil {
    background-color: White;
    color: Black;
    font-family: Arial, sans-serif;
    font-size: 11px;
    height: 17px;
    width: 160px;
    border-color: White;
    border-width: 0px; /*ForeColor="Black" BorderColor="#543930" BackColor="White" */
}

.txtSearch {
    background-color: White;
    color: Black;
    font-size: Small;
    height: 17px;
    width: 100px;
    border-color: White;
    border-width: 1px; /*ForeColor="Black" BorderColor="#543930" BackColor="White" */
    vertical-align: bottom;
    float: left;
}

.imgbLoupe {
    Height: 25px;
    Width: 22px;
    cursor: pointer;
}


.imgbReinit {
    height: 21px;
    width: 29px;
    cursor: pointer;
}

.DivEncart {
    background-color: White;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px White;
}

.DivEncartGrid {
    background-color: White;
    width: 100%;
    height: auto;
    margin: 10px 10px;
    border: solid 1px White;
}

.GestionGridView {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    background: url('../../images/pixel-Blanc80.png');
    border: 2px;
    border-color: #333333;
    border-style: solid;
}

.CadreEspaceRestreint {
    background-color: White;
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 5px;
    border: solid 1px White;
}

.Cadre {
    background-color: White;
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 10px;
    border: solid 1px White;
}

.CadreSimple {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

.CadreSimple2px {
    width: 95%;
    height: auto;
    margin-left: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    border: 2px;
    border-color: Gray;
    border-style: solid;
    float: left;
}

.GestionPopup {
    background-color: White;
    width: 100%;
    height: auto;
    margin: 10px;
    border: solid 1px White;
}

.GestionGridViewBis {
    background-color: White;
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.GestionGridView95 {
    background-color: White;
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.GridView {
    background-color: White;
    font-size: small;
    /* A mettre le style souhaité pour le GridView */
}

.GridViewAccueil {
    font-size: small;
    width: 100% !important;
    background-color: White;
}

.GridViewRecherche {
    font-size: small;
    width: 933px;
}

.barreCacheAccesRapide {
    width: 150px;
    background-color: #543930;
    text-align: center;
}

.CssHoverStyle {
    background-image: url("~/images/Cuisinella/WebUserControls/menu/bandeau_vigentte001a.jpg");
}

.PivotGrid {
    font-size: small;
}

.CssSousMenu {
    width: 110px;
}

.Lbldeco {
    Font-Size: small;
    vertical-align: text-top;
    color: #543930; /*#543930;*/
}

.CadreGrid {
    width: 100%; /*650px;*/
}

/*--------------le desous de menu acces rapide----------------*/
.tableHeaderAccordion {
    background-color: Transparent;
    border: 5px;
    width: 100%;
}

.borderTopRecherche {
    background-color: #543930;
}

.ColorAccesRapide {
    background-color: #543930;
    height: 5px;
}

.zoneRechAccesRapide {
    background-color: White; /*#E52205;*/
}

.espaceAccesRapide {
    background-color: #543930;
    height: 15px;
}

.Repeater th {
    background-color: gray;
    border: solid 1px gray;
    border-collapse: collapse;
    color: White;
}

.Repeater, .Repeater tr, .Repeater td {
    background-color: White;
    border: solid 1px gray;
    border-collapse: collapse;
}

/* css des onglets et sous menu*/

.subMenuStyle {
    background-color: #AA8676;
    color: Black;
}

.menuStyle {
    color: #543930;
    height: 91px;
    width: 190px;
}

.tdDeconnexion {
    vertical-align: middle;
}
/* Barre de défilement pour la popup affichant les erreurs [David Lamouret] */
/* Barre de défilement pour la popup affichant les erreurs [David Lamouret] */
.DivError {
    width: 450px;
    height: 200px;
    overflow: auto;
}

    .DivError span {
        white-space: pre-wrap;
    }

/*Affichage large de la popup*/
.DivErrorLarge {
    width: 550px !important;
    height: 200px !important;
    overflow: auto;
}

    .DivErrorLarge span {
        white-space: pre-wrap;
    }


.DivInfo {
    width: 350px;
    height: 100px;
    overflow: auto;
}


/* css AspxButton pour les gridView */

.ASPxButton {
    width: 82px;
    height: 22px;
    color: #AA8676;
    font-size: small;
    cursor: pointer;
}

.Wizard {
    width: 70%;
    margin: auto;
}

.WizardUtilisateur {
    width: 98%;
    margin: auto;
}

.AspxBtnPopup {
    width: 82px;
    height: 22px;
    font-size: small;
}

.AspxBtnPopupSuivant {
    width: 92px;
    height: 20px;
    font-size: small;
}

.AspxBtnPopupPrecedent {
    width: 92px;
    height: 20px;
    font-size: small;
}

.AspxBtnPopupOK {
    width: 97px;
    height: 22px;
    font-size: small;
}

.AspxBtnPrecedent {
    width: 92px;
    height: 20px;
    font-size: small;
}

.PopuCadre {
    width: 100%;
    background-color: White;
    text-align: center;
}

/* border bas de popup*/
.borderPopup {
    width: 100%;
    margin-bottom: 0px;
    background-color: #543930;
    border-bottom-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* border bas de popupCalendrier*/
.borderPopupCalendrier {
    width: 100%;
    margin-bottom: 0px;
    background-color: #543930;
    margin-left: 0px;
}

.TableHeader {
    text-align: center;
}

.Table {
    margin: auto;
}

.Row {
    text-align: center;
}

/* button close de la popup*/
.btnClosePopup {
    width: 16px;
    height: 16px;
    cursor: pointer;
}


/*-------------------------CSS pour les fond des popup----------------*/

.headerStylePopup {
    background-color: #543930;
    font-size: small;
    color: White;
}


.backColorPopupInfo {
    border: 2px;
    border-color: White;
    border-style: solid;
}

.backColorPopupError {
    border: 2px;
    border-color: White;
    border-style: solid;
}

.backColorPopupBlaquante {
    background-color: Red;
    border: 2px;
    border-color: White;
    border-style: solid;
}

/* AspxButton pour les Popup */
.LabelPopup {
    color: White;
    font-size: small;
    font-weight: bold;
    vertical-align: top;
}

/*style de contenu de la popup*/

.contentStyleError {
    color: #E52205;
    font-size: small;
}

.dropDownError {
    vertical-align: bottom;
    margin-left: 5px;
}

.contentStyleInfo {
    color: #343333;
    font-size: small;
}

.contentStyleBloquante {
    color: White;
    font-size: small;
}

/* style Loading GridView */

.styleLoadingGridView {
    background-color: White;
    height: 80px;
    width: 150px;
    font-size: small;
}

/* style Filter GridView */
.styleFilterGridView {
    background-color: White;
    border-color: White;
    border: 1px;
    border-style: solid;
    text-align: left;
    font-size: small;
    cursor: pointer;
}

.FilterPopupItem-HoverStyle {
    color: #543930;
}

.FilterPopupActiveItem {
    color: White;
}

.FilterPopupSelectedItem {
    color: White;
}

.FilterPopupWindow {
    background-color: White;
    border-color: White;
    border: 1px;
    border-style: solid;
    text-align: left;
    font-size: small;
    width: 200px;
}

/* style des bouton integrant les images de wizard*/

.aspxBtnWizardEtape1 {
    width: 48px;
    height: 38px;
}

.aspxBtnWizrd {
    width: 38px;
    height: 38px;
}

/* border et taille de calandrier*/
.schedulerBord {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}



/********* ASPxComboBox*****************/
.ASPxComboBox {
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    background-color: White;
}

/*-----------------------------------------------------------------------------------------------------
-------------------------AspxButton pour copier les adresses saisie fiche prospect-------------------*/

.btnCopier {
    color: #543930;
    background-color: White;
    font-weight: bold;
    font-size: small;
    border-color: #543930;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.accheader {
    background-image: url("~/Images/Cuisinella/global/flecheOuvert.jpg");
    background-repeat: no-repeat;
    background-position: left;
    height: 30px;
}

.accheaderSelected {
    background-image: url("~/Images/Cuisinella/global/flecheFerme.jpg");
    background-repeat: no-repeat;
    background-position: left;
    height: 30px;
}

.TextBoxTableau {
    border-style: solid;
    border-color: White;
    border-width: 1px;
}


.AutoCompleteExtender {
    margin-left: 0px;
    margin-top: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    background-color: White;
    padding: 0px;
    list-style-type: none;
    z-index: 9995000;
}

.CompletionListHighlightedItemCssClass {
    background-color: #958780;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.CompletionListItemCssClass {
    background-color: White;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

/********* GridViewDataComboBoxColumn*****************/

.PropertiesComboBox {
    background-color: White;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}

.ButtonStyleCss {
    cursor: pointer;
}

.PropertiesComboBox_HoverStyle {
    background-color: #AA8676;
    color: White;
}

.PropertiesComboBox_ListBox {
    background-color: White;
    font-weight: normal;
    border-color: Black;
    border-width: 1pt;
    border-style: solid;
}

.InlineEditRow {
    background-color: White;
    font-weight: bold;
}

.GroupRow {
    background-color: White;
    font-weight: bold;
}

/*---------cursor des boutons des grid view-------------------*/
.CursorGrid {
    cursor: pointer;
}

/* --------- Gestion Objectifs -------------------------*/
.EditItemTemplate {
    text-align: right;
    font-size: 11px;
    width: 40px;
}

.TotalItemTemplate {
    text-align: right;
    font-size: 11px;
    width: 40px;
    font-weight: bold;
}

.BlocListeDeroulante {
    width: 100%;
    overflow: auto;
    border: 0px;
}


/*------ couleur de la ligne selectionnée de la grid view-------*/
.RowColor {
    background-color: Yellow;
}

/*-------------border de header de la grid View--------------*/
.headerBorder {
    color: #FFFFFF !important;
    cursor: pointer;
    border-color: White !important;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    padding-left: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #948682; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #948682 0%, #c9c1be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#948682), color-stop(100%,#c9c1be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #948682 0%,#c9c1be 100%); /* W3C */
}

/*-------------border de header de la grid View--------------*/
.headerBorderAccueil {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    border-color: White;
    position: relative; /* IE8 IE9 border color  */
    border-style: solid;
    border-width: 1px;
    text-align: left;
    padding-left: 10px;
    height: 24px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #948682; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #948682 0%, #c9c1be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#948682), color-stop(100%,#c9c1be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #948682 0%,#c9c1be 100%); /* W3C */
}


.headerBorderRecherche {
    color: #FFFFFF !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-size: 12px !important;
    cursor: pointer !important;
    border-color: White !important;
    position: relative; /* IE8 IE9 border color  */
    border-style: solid !important;
    border-width: 1px !important;
    text-align: center !important;
    height: 39px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #948682; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #948682 0%, #c9c1be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#948682), color-stop(100%,#c9c1be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #948682 0%,#c9c1be 100%); /* W3C */
}

.dxgvControl, .dxgvDisabled {
    font: 12px Tahoma, Geneva, sans-serif;
    background-color: white !important;
    border: 1px Solid #CFCFCF !important;
    color: black;
    cursor: default;
}

.dxgvHeader td {
    white-space: normal !important;
}

.dxgvHeader, .dxgvHeader table {
    color: white !important;
}


.tabHeader {
    border-collapse: separate !important;
}

table.tabHeader th {
    color: #FFFFFF !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-size: 12px !important;
    cursor: pointer !important;
    border-color: White !important;
    position: relative; /* IE8 IE9 border color  */
    border-style: solid !important;
    border-width: 1px !important;
    text-align: center !important;
    border-collapse: separate !important;
    height: 39px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #948682; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #948682 0%, #c9c1be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#948682), color-stop(100%,#c9c1be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #948682 0%,#c9c1be 100%); /* W3C */
}

/*-------------css de commandColum de la grid View--------------*/
.commandColumGrid {
    cursor: pointer;
    border-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
}

/*-------------css de cellule de la grid View--------------*/
.cellGridCss {
    border-style: solid;
    border-color: White;
    border-width: 1px;
    padding: 0px 10px 0px 10px !important;
}

.cellGridCssAccueil {
    border-color: #d4d4d4;
    border-width: 1px;
    border-style: solid;
    height: 40px;
    padding: 0px 10px 0px 10px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#fefefe 100%); /* W3C */
}

.cellGridCssRecherche {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: Black;
    border-color: #d4d4d4;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    height: 34px;
    padding: 0px 3px 0px 1px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#fefefe 100%); /* W3C */
}

.rowError .cellGridCssRecherche {
    color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f00; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f00 0%, #f00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f00), color-stop(100%,#f00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f00 0%,#f00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f00 0%,#f00 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #E52205 0%,#E52205 100%); /* W3C */
}


.cellGridCssRechercheHighlight {
    filter: none;
    background: #eddcdc top left no-repeat;
}

.cellGridCssRechercheRight {
    text-align: right;
    padding-right: 6px !important;
}

.cellGridCssRechercheCenter {
    text-align: center;
}

.rowGrdAccueil {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: Black;
    border-color: #d4d4d4;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    height: 34px;
}

.GridView-TotalRow {
    font-size: smaller;
    background-color: rgba(158, 145, 141, 1);
    text-align: right;
}

/*--------------------- Style pour l'agenda -------------------------*/
.calendrier {
    z-index: 1;
}

a.lienAgenda, a.lienAgenda:hover {
    font-size: 13px;
    color: Black;
    text-decoration: none;
}

/*-----------btn menu lien de fiche projet---*/
.ButtonFP {
    background-color: #543930;
    color: White;
    border: none 0px #543930;
    border-bottom-width: 0px;
    text-align: left;
    vertical-align: bottom;
}

.MenuLien {
    background-color: #543930;
}

.MenuLienDevlopper {
    background: #543930;
    background-color: #543930;
}

.MenuLienReduire {
    background-color: #543930;
}

.borderRightMenuLien {
    text-align: center;
}

.espaceMenuRapide {
    height: 15px;
}

.btnAccesLienRapide {
    width: 150px;
    background-color: #543930;
    text-align: left;
    vertical-align: bottom;
}

.BorderIframe {
    background-color: White;
    border: solid 1px White;
    /*sebici background-color:White;*/
    /*sebici  border:solid 2px White; */
}

.BorderIframeVide {
    background-color: White;
    border: solid 2px White;
}

.ScrollIframe {
    scrollbar-face-color: #543930;
    scrollbar-shadow-color: White; /*White;*/
    scrollbar-highlight-color: White;
    scrollbar-darkshadow-color: White; /* black;*/
    scrollbar-track-color: #543930;
    scrollbar-arrow-color: White;
}

/*---------------------------------------------------------------------------------------*/
/*-------------------------skinId pour fiche decouverte----------------------------------*/
/*---------------------------------------------------------------------------------------*/

/*----------------les boutons des menu liens ------------------------*/
a.ASPxHyperLinkLiens:hover {
    color: White;
}

a.ASPxHyperLinkLiens:active {
    color: White;
}

a.ASPxHyperLinkLiens {
    background-color: Transparent;
    color: gray;
}

td.ASPxHyperLinkLiens {
    font-family: Arial, sans-serif;
    font-size: 11px;
}

    td.ASPxHyperLinkLiens:hover {
        font-family: Arial, sans-serif;
        font-size: 11px;
        background-color: #E52205;
        color: Black;
    }

    td.ASPxHyperLinkLiens:active {
        font-family: Arial, sans-serif;
        font-size: 11px;
    }

a.ASPxHyperLinkLiensZoneTransac {
    margin: 0px 5px 0px 8px;
    padding-top: 8px;
    float: left;
    color: White;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
}

    a.ASPxHyperLinkLiensZoneTransac:hover {
        color: White;
    }

table.ASPxButtonZoneTransac {
    margin: 0px 5px 0px 8px;
    padding-top: 0px;
    float: left;
    color: White;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    display: block;
}

table.ASPxButtonVenteZoneTransac {
    margin: 0px 5px 0px 8px;
    padding-top: 0px;
    float: left;
    color: black;
    font-family: Arial, sans-serif;
    font-size: 11px;
    height: 15px;
    display: block;
}

table.ASPxHyperLinkLiensZoneTransac:hover {
    margin: 0px 5px 0px 8px;
    padding-top: 8px;
    float: left;
    color: White;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
}

.LabelTitreDecouverte {
    font-weight: bold;
    color: #543930;
    font-size: 9pt;
}

.LabelTitreDecouverteLink {
    font-weight: bold;
    color: #543930;
    font-size: 9pt;
    cursor: pointer;
}

.LabelDecouverte {
    font-weight: bold;
    color: #AA8676;
    font-size: 7pt;
}

.LabelLien {
    font-weight: bold;
    color: #AA8676;
    font-size: 7pt;
    cursor: pointer;
}

    .LabelLien:hover {
        font-weight: bold;
        color: #543930;
        font-size: 7pt;
        text-decoration: underline;
    }

.LabelLectureSeule {
    color: red;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    float: right;
    padding: 10px 10px 0 0;
    max-width: 80%;
}

a.HyperLinkLien {
    font-weight: bold;
    color: #AA8676;
    font-size: 7pt;
    cursor: pointer;
    text-decoration: none;
}

    a.HyperLinkLien:active {
        font-weight: bold;
        color: #543930;
        font-size: 7pt;
        text-decoration: underline;
    }

    a.HyperLinkLien:hover {
        font-weight: bold;
        color: #543930;
        font-size: 7pt;
        text-decoration: underline;
    }

.LabelSousTitreDecouverte {
    font-weight: bold;
    color: #6E574F;
    font-size: 8pt;
}

td.InterligneDecouverte {
    background-color: #E7DED9;
}


/*
 *  Css : Fiche Projet / Boutons d'actions
 *  Decouverte, Devis, Vendu, Commande, Livré, Clos
 */

a.btnDecouverte, a.btnDecouverteON, a.btnDecouverte:hover, a.btnBegin, a.btnBeginON, a.btnBegin:hover,
a.btnEnd, a.btnEndON, a.btnEnd:hover {
    width: 75px;
    height: 15px;
    padding-top: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: Black;
    text-decoration: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
}

a.btnDecouverte {
    font-size: 7pt;
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-OFF.png);
}

a.btnDecouverteON {
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-ON.png);
}

a.btnDecouverte:hover {
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-ON.png);
}

a.btnBegin {
    font-size: 7pt;
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-begin-OFF.png);
}

a.btnBeginON {
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-begin-ON.png);
}

a.btnBegin:hover {
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-begin-ON.png);
}

a.btnEnd {
    font-size: 7pt;
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-end-OFF.png);
}

a.btnEndON {
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-end-ON.png);
}

a.btnEnd:hover {
    background-image: url(../../images/Cuisinella/WebUserControls/dossier-end-ON.png);
}



td.top {
    background-image: url(../../images/Cuisinella/WebUserControls/jointure.png);
    background-position: center;
    background-repeat: repeat-y;
    height: 20px;
    width: 43px;
}

.dxpc-shadow {
    background-color: white !important;
    border: none !important;
}

#ctl00_cphBody_puAgenda_PWC-1 {
    background-color: #958780 !important;
}

.HeaderPopUpCalendrier {
    background-color: #543930;
    color: White;
}

.ContentPopUpCalendrier {
    color: #543930;
}

.ActionProjet {
    width: 100%;
    background-color: #AA8676;
}

.BorderTable {
    border: solid 1px #543930;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
    margin-top: 2px;
}

.btnAideDevelopper {
    background-image: url("../images/Cuisinella/WebUserControls/icone_ajouter-ON.jpg");
    background-repeat: no-repeat;
    background-color: White;
    background-position: center;
    font-size: 8pt;
    color: #543930;
    border: #543930 solid 1px;
    text-decoration: none;
    padding-right: 20px;
    padding-left: 20px;
}

.ColorRowSelected {
    background-color: White;
}

/*------------------------------- ASPxTreeList-------------------------------*/
.ASPxTreeList_Css {
    background-color: White;
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 20px;
    border: solid 1px White;
}

/* style Loading GridView */

.StyleLoadingPanel {
    background-color: White; /* #DAD9E1;*/
    color: Black;
    height: 80px;
    width: 200px;
    font-size: small;
    border-color: #543930 !important;
    border-style: solid;
    border-width: 2px;
    text-align: center;
    vertical-align: middle;
}

tr.DonneesInsituTitre {
    height: 20px;
}

tr.trDonneesInsitu {
    height: 22px;
}

.StyleTotalGeneralTreeList {
    background-color: #543930;
    color: White;
}

.CellGridCurrencyCss {
    border-style: solid;
    border-color: White;
    border-width: 1px;
    text-align: right;
    padding-right: 3px;
}

.CellGridCurrencyCssCenter {
    border-style: solid;
    border-color: White;
    border-width: 1px;
    text-align: center;
}

/***** Sebastien *****/
/*********** Titres Briefing ********/
.lbl_Br_Titre {
    font-size: 12pt;
    color: #533930;
    font-weight: bold;
    text-align: center;
}


/*********** Titres Briefing ********/
.lbl_Br_Montant {
    font-size: 14pt;
    color: white;
    font-weight: bold;
    text-align: center;
    border-bottom: dashed 1px #aa8676;
}

.Lbl_EnteteIframeBriefing {
    font-size: 9pt;
    font-weight: bold;
    color: #533930;
    border-bottom: dashed 1px #aa8676;
}

.PC_briefing {
    width: 100%;
    height: 80px;
}

.Lbl_EnteteIframeDebriefing {
    font-size: 9pt;
    font-weight: bold;
    color: #533930;
    border-bottom: dashed 1px #aa8676;
}

.Lbl_EnteteIframeDebriefingODV {
    font-size: 9pt;
    font-weight: bold;
    color: #533930;
    text-align: right;
    border-bottom: none;
}

.divDeFond {
    height: 100%;
    width: 100%;
    background-color: #D4C1B8;
}

.iframeDebriefingHebdo {
    border: 0px solid #AA8676;
}
/***********************************/



/* ---------------------- TABLEAU DE BORD VENDEUR --------------------- */
.fondDivOBJVENTE {
    border-style: none;
    background-color: #D4C1B8;
}

/***********************************/



/*** Début pour les tooltips ***/

.cToolTipClearFlow {
    clear: both;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 1pt;
}

.cToolTipContainer {
    width: 300px;
    font-size: 12pt;
}

.cToolTipTopLeftCorner {
    background: url('../../images/Schmidt/ToolTipImages/TopLeft.png') no-repeat left top;
    height: 7px;
    width: 7px;
    overflow: hidden;
    float: left;
}

.cToolTipTopSide {
    background: #eff5d7 url('../../images/Schmidt/ToolTipImages/dot.gif') repeat-x left top;
    height: 7px;
    overflow: hidden;
    width: 286px;
    float: left;
}

.cToolTipTopRightCorner {
    background: url('../../images/Schmidt/ToolTipImages/TopRight.png') no-repeat left top;
    height: 7px;
    width: 7px;
    overflow: hidden;
    float: left;
}

.cToolTipLeftSide {
    background: #eff5d7 url('../../images/Schmidt/ToolTipImages/dot.gif') repeat-y left;
    width: 300px;
    overflow: hidden;
}

.cToolTipRightSide {
    background: url('../../images/Schmidt/ToolTipImages/dot.gif') repeat-y right;
    width: 300px;
    overflow: hidden;
}

.cToolTipBottomLeftCorner {
    background: url('../../images/Schmidt/ToolTipImages/BottomLeft.png') no-repeat;
    height: 7px;
    width: 7px;
    overflow: hidden;
    float: left;
}

.cToolTipBottomSide {
    background: #e4eac8 url('../../images/Schmidt/ToolTipImages/dot.gif') repeat-x bottom;
    height: 7px;
    overflow: hidden;
    width: 286px;
    float: left;
}

.cToolTipBottomSideSizeFixer {
    width: 0px;
    height: 7px;
    overflow: hidden;
}

.cToolTipBottomRightCorner {
    background: url('../../images/Schmidt/ToolTipImages/BottomRight.png') no-repeat;
    height: 7px;
    width: 7px;
    overflow: hidden;
    float: left;
}

.cToolTipFooter {
    background-color: #e4eac8 !important;
}

.cToolTipSeparatingStrip {
    background: #d7ddc1;
    overflow: hidden;
    height: 1px;
}

/*** Fin pour les tooltips ***/


/* ---------------------- TABLEAU DE BORD VENDEUR --------------------- (cuis) */

.ADVEvenRow {
    background-color: #EFE2DC;
}

.ADVOddRow {
    background-color: White;
}

.ADVTotalEvenRow {
    background-color: #AA8676;
}

.ADVTotalEvenRow_Positif {
    background-color: #AA8676;
    color: Green;
}

.ADVTotalEvenRow_Negatif {
    background-color: #AA8676;
    color: Red;
}

.ADVTotalOddRow {
    background-color: #EFE2DC;
}

.ADVTotalOddRow_Positif {
    background-color: #EFE2DC;
    color: Green;
}

.ADVTotalOddRow_Negatif {
    background-color: #EFE2DC;
    color: Red;
}










/*-----------------------NOUVEAUX STYLES-----------------------------------*/
.nv_PuceGif {
    vertical-align: middle;
    visibility: hidden;
}

.nv_PuceGifVisible {
    vertical-align: middle;
}

.nv_EnteteLabelObligatoire {
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #958881; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #958881 0%, #b9aaa2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#958881), color-stop(100%,#b9aaa2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #958881 0%,#b9aaa2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #958881 0%,#b9aaa2 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #958881 0%,#b9aaa2 100%); /* W3C */
}


.nv_EnteteLabelObligatoireRouge {
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    height: 25px;
    background-color: transparent;
    background-image: url(../../images/Global/bg_AgendaBrown.png);
    background-position: top;
    background-repeat: repeat;
}

.cssImageHedearPopup {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    height: 25px;
    width: 15px;
    background-color: transparent;
    background-image: url(../../images/users/FlecheBlanche.png);
    background-position: left;
    background-repeat: no-repeat;
}

.nv_LabelTitleScreen {
    color: #83675b;
    font-size: 14pt;
    font-weight: bold;
    vertical-align: middle;
}

.nv_LabelObligatoire {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    vertical-align: middle;
    font-family: Arial, sans-serif;
}

.nv_DivFormulaire {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    vertical-align: top;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.dataBlock {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #ffffff 0%,#f2f2f2 100%); /* W3C */
}

.nv_DivFormulaireGauche {
    height: Auto;
    background: White;
    border-Right: 3px;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-color: #e3e3e3;
    border-style: solid;
}


.nv_GestionGridView {
    height: 100%;
    border: 1px;
    border-color: #9c9e9f;
    border-style: solid;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #ffffff 0%,#f2f2f2 100%); /* W3C */
}

.nv_GestionGridViewTache {
    height: 100%;
}

.WrapLabel {
    white-space: pre-wrap !important;
}

.nv_headerBorder {
    /*background-color: #DD3333; /* COULEUR DE FOND DE L'ASPxGridView*/
    color: white;
    cursor: pointer;
    border-color: #d4d4d4 White;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    padding-left: 10px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #8f8e8e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #8f8e8e 0%, #a6a6a6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f8e8e), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8f8e8e 0%,#a6a6a6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8f8e8e 0%,#a6a6a6 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #8f8e8e 0%,#a6a6a6 100%); /* W3C */
}

.nv_cellGridCss {
    border-style: solid;
    border-color: #d4d4d4 White;
    border-width: 1px;
    padding: 0px 0px 0px 10px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
}

@media all and (min-width: 0px) {
    .BackgroundPanel { /* Opera 
        background: #f2f2f2 url("BackgroundPanel-bg.svg"); 
        background-image: -webkit-gradient( linear, left top, left bottom, from(#f2f2f2), to(rgba(255,255,255,1)) );
        background-image: -webkit-linear-gradient( top, #f2f2f2, rgba(255,255,255,1) );
        background-image: -moz-linear-gradient( top, #f2f2f2, rgba(255,255,255,1) );
        background-image: -o-linear-gradient( top, #f2f2f2, rgba(255,255,255,1) );
        background-image: linear-gradient( top, #f2f2f2, rgba(255,255,255,1) );*/
    }
}

.nv_GridView {
    font-size: small;
}


.nv_GestionGridView table {
    border-collapse: collapse;
    border-spacing: 0px;
}


.nv_GestionGridView tbody {
    border-collapse: collapse;
    border-spacing: 0px;
}

.nv_GestionGridView td {
    border-collapse: collapse;
}

.table_block {
    width: 100%;
    background-color: Transparent;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    border: solid 0px White;
}

.nv_ASPxComboBox {
    width: 100%;
    border-color: #9c9d9f;
    border-style: solid;
    border-width: 1px;
    background-color: White;
    scrollbar-face-color: #9c9d9f;
    scrollbar-shadow-color: White; /*White;*/
    scrollbar-highlight-color: White;
    scrollbar-darkshadow-color: White;
    scrollbar-track-color: #9c9d9f;
    scrollbar-arrow-color: White;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.nv_DivScreenContainer {
    width: 100%;
    vertical-align: top;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f3f3f3 0%,#ffffff 100%); /* W3C */
}

@media all and (min-width: 0px) {
    .BackgroundPanelDescendant {
        /* Opera */
        background: #f3f3f3 url("BackgroundPanelDescendant-bg.svg");
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff) );
        background-image: -webkit-linear-gradient(top, #f3f3f3, #ffffff );
        background-image: -moz-linear-gradient(top, #f3f3f3, #ffffff );
        background-image: -o-linear-gradient(top, #f3f3f3, #ffffff );
        background-image: linear-gradient(to top, #f3f3f3, #ffffff );
    }
}


/******************** CSS PAGE D'ACCUEIL BANDEAU [DEBUT]***********************/

.nv_standardTextBox {
    width: 100%;
    border-color: #9c9d9f;
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
    font-family: Arial, sans-serif;
    font-style: normal;
}

/* --- COULEURS --- */

/* Général */

/* En-tête */
#conteneurEntete {
    background-color: transparent;
    background-image: url(../../images/Global/header_bg2_cuisi.png);
    background-position: top;
    background-repeat: repeat;
}

#divMenuActions {
    background-color: transparent;
    background-image: url(../../images/Global/header_bg2_cuisi.png);
    background-position: top;
    background-repeat: repeat;
    float: left;
    margin: 0px 0px 0px 0px;
    vertical-align: text-top;
    height: 100%;
    overflow: visible;
    width: 160px;
}

#divLogoSchmidt {
    background-image: url(../../images/Global/logo_cuisinella.gif);
    background-repeat: no-repeat;
    background-size: 160px 55px;
    background-position: center center;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    width: 160px;
    height: 55px;
}

#divImgMesActions {
    background-image: url(../../images/Global/logo_woman.png);
    background-repeat: no-repeat;
    float: left;
    height: 51px;
    width: 58px;
}

#divMenu {
    float: left;
    position: relative;
    margin: 2px 0px 0px 0px;
    overflow: visible;
    padding: 0px 0px 0px 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #D3D3D3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #D3D3D3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3D3D3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D3D3D3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D3D3D3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #D3D3D3 0%,#ffffff 100%); /* W3C */
    background-color: #FFFFFF;
}

/* Contenu principal */


#contenu p, #contenu li {
    line-height: 1.5;
}

#contenu {
    color: #363B29;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: visible;
    background-color: transparent;
    height: 900px;
}

    #contenu a {
        color: #332510;
    }

        #contenu a:hover, #contenu a:focus {
            color: #6E5122;
        }

    #contenu strong {
        color: #181A12;
    }

a.textLinkButton {
    color: #000000;
    text-decoration: none;
}

    a.textLinkButton:hover {
        text-decoration: none;
    }

a.textLinkButtonPlanning {
    color: #000000;
    text-decoration: none;
}

    a.textLinkButtonPlanning:hover {
        color: #ffffff;
        text-decoration: none;
    }

/* --- POSITIONNEMENT --- */

/* Page */
html {
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

body {
    padding: 0px 0px 0px 0px; /* -> 2 */
    margin: 0px 0px 0px 0px;
    height: 100%;
    width: 100%;
    line-height: 1.25;
    color: black;
}

.bodyGlobal {
    overflow: hidden;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #948682; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #948682 0%, #c9c1be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#948682), color-stop(100%,#c9c1be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #948682 0%,#c9c1be 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #948682 0%,#c9c1be 100%); /* W3C */
}

/* En-tête */

#entete {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    height: 65px;
    width: 999px;
    min-width: 999px;
}

#divLogoSManager {
    float: left;
    margin: 0px 10px 0px 15px;
    font-family: Trebuchet MS, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.userLogged {
    width: 125px;
    overflow: hidden;
}

#divLogoSManager p {
    margin-top: 4px;
    margin-bottom: 0px;
}

#divMagasin {
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 15px 0px 0px 0px;
    float: left;
    margin: 0px 0px 0px 0px;
    height: 100%;
    overflow: visible;
}

.divMagasin {
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 35px 0px 0px 0px;
    float: left;
    margin: 0px 0px 0px 0px;
    overflow: visible;
    width: 150px;
    height: 30px;
}

#divListMagasin {
    float: left;
    position: absolute;
    margin: 30px 0px 0px 2px;
    overflow: visible;
    width: 300px;
    padding: 0px 0px 0px 0px;
    height: 107px;
}

.lbMagasin {
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
    font-family: Arial, sans-serif;
    font-size: 11px;
    border: 1px solid #888888 !important;
}

.lblNameSiteLibelle {
    float: left;
    width: 130px;
    display: block;
    margin-top: 3px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgFlecheMagasin {
    display: block;
    float: left;
    margin-top: 9px;
}

#menuActionsBt {
    vertical-align: middle;
    float: left;
    text-align: left;
    padding: 15px 15px 0px 15px;
}

#divMenuActions .imgVlineLeft {
    float: left;
    vertical-align: bottom;
    margin-top: 8px;
}

#divMenuActions .imgVlineRight {
    float: right;
    vertical-align: bottom;
    margin-top: 8px;
}

.lblMesActions {
    display: inline;
    margin-left: 10px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    text-align: left;
    width: 40px;
    white-space: pre-wrap;
}

#divMenuRecherche {
    padding: 0px 10px 0px 0px;
    float: right;
    overflow: visible;
    height: 30px;
}

.imgbtSearch {
    vertical-align: bottom;
    float: left;
}

#conteneurRecherche {
    width: auto;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.menuActions {
    width: 190px !important;
}

    .menuActions ul {
        width: 100% !important;
    }

#divTest {
    float: left;
    width: 100%;
}

.staticHoverStyle {
    background-color: #958780;
}

    .staticHoverStyle a {
        color: #FFFFFF;
    }

    .staticHoverStyle td {
        background-color: #958780;
    }

.staticMenuItemStyle {
    padding: 5px 10px 5px 10px;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.dynamicHoverStyle {
    background-color: #958780;
}

    .dynamicHoverStyle a {
        color: #FFFFFF;
    }

.dynamicMenuItemStyle {
    padding: 5px 10px 5px 10px;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.staticSelectedStyle {
    background-color: #958780;
}




/* Styles ASPxMenu rootMenu et subMenu */
.dxm-subMenu {
    text-align: center !important;
}

.dxm-hasText.dxm-content {
    float: none !important;
    display: inline;
    position: relative;
}

.rootItem {
    height: 30px;
    background-color: transparent !important;
    padding: 4px 0px 5px 8px;
}

.SubMenuItemStyleDev {
    height: 20px;
    margin-left: 0px !important;
    background-color: transparent !important;
    padding: 4px 6px 5px 8px;
    text-align: center !important;
}

.SubMenuStyle {
    top: -3px !important;
    border: 1px solid #A8A8A8;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #D3D3D3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #D3D3D3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3D3D3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D3D3D3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D3D3D3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #D3D3D3 0%,#ffffff 100%); /* W3C */
}

div.SubMenuItemStyleDev {
    margin-left: 10px !important;
}

table.SubMenuItemStyleDev {
    margin-left: 10px !important;
}

.rootItemHover {
    background-color: #958780 !important;
    color: white !important;
}

.SubMenuItemStyleHoverDev {
    background-color: #958780 !important;
    color: white !important;
}

    .SubMenuItemStyleHoverDev a:hover {
        background-color: #958780 !important;
        color: white !important;
    }

.SubMenuStyle:hover {
    color: white !important;
}

.SubMenuLiens {
    color: white !important;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

    .SubMenuLiens:hover {
        background-color: #958780 !important;
        color: white !important;
    }


.dxmSubMenu a:hover {
    color: White !important;
    background-color: #958780 !important;
}

.dxmSubMenu:hover {
    color: White !important;
    background-color: #958780 !important;
}

.dxmSubMenuItem:hover {
    color: White !important;
    background-color: #958780 !important;
}


.dxeListBoxItemSelected {
    color: white !important;
    background-color: #958780 !important;
}

.dxeListBoxItemHover {
    color: white !important;
    background-color: #958780 !important;
}

.dxlbd {
    width: auto !important;
    background-color: White;
}

.hide {
    display: none;
    visibility: hidden;
}

.show {
    display: block;
    visibility: visible;
}

.hideDropDownMenu {
    display: none;
    visibility: hidden;
}

.showDropDownMenu {
    visibility: visible;
}

#hMenu {
    padding: 2px 0px 12px 10px;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.menuDroite {
    float: left;
}

.textLinkButton {
    float: left;
}

.textLinkButtonAide {
    float: left;
    cursor: pointer;
}



/******************** CSS PAGE D'ACCUEIL BANDEAU [FIN]***********************/

/******************** PANNEAU DES MESSAGES DU FOOTER [DEBUT] ****************/
.messageFooterContainer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 250px;
    background-color: white;
}

.messageFooterHeader {
    width: 100%;
    height: 20px;
    background-color: #7F7F7F;
    padding-top: 8px;
    padding-bottom: 4px;
}

.messageFooterHeaderText {
    font-size: 12px;
    font-weight: bold;
    color: white;
    padding-left: 10px;
}

.messageFooterContent {
    width: 100%;
    overflow-y: scroll;
    height: 218px;
}

.messageFooterContentTitreText {
    font-size: 14px;
    color: red;
    text-decoration: underline;
    padding-left: 8px;
}

.messageFooterContentText {
    font-size: 12px;
}

.arrowWhiteRight {
    float: right;
    z-index: 2;
    margin-top: 5px;
    margin-right: 20px;
}

/******************** PANNEAU DES MESSAGES DU FOOTER [FIN] ******************/

/*
 *  Bouton Nv_Bouton
 */
a.nv_bouton {
    height: 22px;
    display: block;
    color: white !important;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin-right: 6px;
    padding-right: 5px;
    background: transparent url(../../images/users/BoutonGrisDroit.png) no-repeat scroll top right;
    background-color: #dddddd;
}

    a.nv_bouton span {
        display: block;
        color: white !important;
        line-height: 14px;
        padding: 4px 17px 4px 22px;
        background: transparent url(../../images/users/BoutonGrisGauche.png) no-repeat;
    }

    a.nv_bouton:active {
        background-position: bottom right; /* Effet du fond lors du click */
    }

        a.nv_bouton:active span {
            background-position: bottom left; /* Effet du fond lors du click */
            padding: 5px 17px 3px 22px; /* Effet du texte lors du click */
        }

/*pour l'utiliser il faut le mettre dans une div qui englobe le a.coolButton*/
.coolButton-inline-block {
    display: inline-block;
    margin: 5px;
}

a.coolButton {
    height: 22px;
    color: white !important;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 1.5px 20px;
    background: linear-gradient(#7C7C7C, #A8A8A8);
    border: 2px outset transparent;
    border-radius: 6px;
    cursor: pointer;
}

    a.coolButton[disabled] {
        opacity: 0.3;
    }

    a.coolButton span {
        line-height: 14px;
    }

    a.coolButton:active {
        position: relative;
        top: 1px;
    }

a.coolButtonRouge {
    background: linear-gradient(#CC2200, #EF695B);
}

a.coolButton_Doc_CLIENT {
    background: linear-gradient(#28B627, #0FE90D);
}

a.coolButton_Doc_FOURNISSEUR {
    background: linear-gradient(#BCAC1A, #EAD40A);
}

a.coolButton_Doc_LIVRAISON {
    background: linear-gradient(#A0A9A7, #C2CaC8);
}

a.coolButton_Doc_POSE {
    background: linear-gradient(#BC2324, #E80B0C);
}

a.coolButton_Doc_SAV {
    background: linear-gradient(#281EE5, #285EE5);
}

div.btnFermer {
    margin-bottom: 9px;
    width: auto;
}

/*******************************************************************/

/*
 *  Bouton Nv_BoutonRouge
 */
a.nv_boutonRouge {
    height: 22px;
    display: block;
    color: white !important;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin-right: 6px;
    padding-right: 5px; /*20px;*/
    background: transparent url(../../images/users/BoutonRougeDroit.png) no-repeat scroll top right;
    background-color: #dddddd;
    text-align: center;
}

    a.nv_boutonRouge span {
        display: block;
        line-height: 14px;
        padding: 4px 17px 4px 22px;
        background: transparent url(../../images/users/BoutonRougeGauche.png) no-repeat;
    }

    a.nv_boutonRouge:active {
        background-position: bottom right; /* Effet du fond lors du click */
    }

        a.nv_boutonRouge:active span {
            background-position: bottom left; /* Effet du fond lors du click */
            padding: 5px 17px 3px 22px; /* Effet du texte lors du click */
        }

/*******************************************************************/

/******************** CSS PAGE D'ACCUEIL [DEBUT]***********************/

#accueilContenu {
    width: 999px;
    height: 100%;
    padding: 0px 19px 0px 5px;
    min-width: 999px;
    margin: 0px auto 0px auto;
}

#leftFrame {
    float: left;
    height: 100%;
    width: 287px;
    min-width: 287px;
}

.rightFrame {
    float: left;
    margin-left: 17px;
    width: 658px;
    min-width: 658px;
    height: 100%;
}

.divErrMessage {
    float: left;
    margin-left: 15px;
    margin-top: 50px;
    color: #808992;
}

.lblErrTitle {
    display: block;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}

.lblErrText {
    display: block;
    text-align: left;
    font-size: 12px;
    margin-top: 30px;
}

.lblNewErrTitle {
    display: block;
    text-align: left;
    font-size: 36px;
    color: #154162;
}

.lblNewErrText {
    display: block;
    font-size: 18px;
    color: #154162;
}

.lblNewErrCode {
    display: block;
    font-size: 14px;
    white-space: pre-wrap;
    color: #154162;
}

.divErrorButton {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.buttonSM2 {
    border-radius: 4px;
    padding: 12px 16px;
    border: solid 1px;
    background: #154162;
    color: white;
    border-color: #154162;
    text-decoration: unset;
    font-weight: bold;
}

.divErrorPage {
    background-color: #F2F2F0;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100vh;
}

.divErrorContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    gap: 40px;
}

.divErrorImage {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
}

.errorImage {
    max-height: 100%;
    max-width: 100%;
}

.lblErrCode {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
}

.divErrButton {
    float: left;
    padding-top: 30px;
}

.bottomFrame {
    display: block;
}

.bottomFrameToggle {
    display: none;
}

.bottomFrameToggleRight {
    float: left;
    width: 615px;
    margin-left: 20px;
}

.divOpacity {
    clear: both;
    height: 320px;
    width: 800px;
    float: left;
    margin-top: 70px;
    margin-left: 60px;
    padding: 20px 20px 20px 20px;
    background-image: url(../../images/Global/bgWhiteTransparent.png);
    background-repeat: repeat;
    display: block;
    border-radius: 10px;
    behavior: url(/js/PIE/PIE.htc);
}

.divOpacityToggle {
    clear: both;
    height: 420px;
    width: 100%;
    float: left;
    margin-top: 5px;
    padding: 20px 20px 20px 20px;
    background-image: url(../../images/Global/bgWhiteTransparent.png);
    background-repeat: repeat;
    display: block;
    border-radius: 10px;
}

.imgCuisinellaAccueil {
    display: block;
    margin: auto 0px auto 0px;
}

.flashObject {
    display: none;
}

#flashContent {
    float: left;
}

.divOpacityToggle #flashContent {
    float: none !important;
}

.divOpacityToggle .imgCuisinellaAccueil {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}

.divOpacityToggle .lblCentralCuisinella {
    margin-bottom: 10px !important;
}

.divLblButton {
    float: left;
    margin-left: 50px;
    margin-top: 100px;
    font-size: 13pt;
    font-weight: bold;
    color: #808992;
    text-align: center; /* URBANG HPQC_3901 */
}

.divLblButtonToggle {
    text-align: center; /* URBANG HPQC_3901 */
    margin-top: 10px;
    font-size: 13pt;
    font-weight: bold;
    color: #808992;
    clear: both;
    width: 100%;
}

.divBtDecouverte {
    text-align: center;
    padding-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

    .divBtDecouverte > table /* URBANG HPQC_3901 */ {
        margin-left: auto;
        margin-right: auto;
    }

.divBtDecouverteToggle {
    text-align: center;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.test {
    background-color: Black;
}

#divAlert {
    margin-top: 4px;
}

.divBordure {
    border-color: White;
    border-width: 3px;
    border-style: solid;
    border-radius: 5px;
}

#divContenuBoard {
    border-width: 2px;
    border-color: #c9c1be;
    border-style: solid;
    height: Auto;
    background-color: white;
}

#divContenu {
    border-width: 2px;
    border-color: #c9c1be;
    border-style: solid;
    height: Auto;
    background-color: white;
}

#divContenu1 {
    border-width: 2px;
    border-color: #c9c1be;
    border-style: solid;
    height: Auto;
    background-color: white;
}

#divContenu2 {
    border-width: 2px;
    border-color: #c9c1be;
    border-style: solid;
    height: Auto;
    background-color: white;
}

#divContenu3 {
    border-width: 2px;
    border-color: #c9c1be;
    border-style: solid;
    height: Auto;
    background-color: white;
}

.arrowGrayLeft {
    display: none;
}

.arrowWhiteLeft {
    display: none;
}

.arrowRedLeft {
    display: none;
}

.arrowRedLeftOpened {
    display: none;
}

.arrowGrayLeftOpened {
    display: none;
}

.arrowGray {
    display: none;
}

.arrowWhite {
    display: none;
}

.arrowRed {
    display: none;
}

.blackTearLeft {
    float: left;
    margin-left: 5px;
    margin-top: 25px; /* URBANG HPQC_3901 */
}

.blackTear {
    float: left;
    margin-left: 5px;
}

.verrouille {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    width: 32px;
}

.deverrouille {
    display: none;
}

.avisEnvie {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    width: 32px;
}

.btnFicheProjet {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    width: 52px;
}

.btnFicheProjet_detailClient {
    float: right;
    margin-right: 5px;
    margin-top: 6px;
}

.imgPurge {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    width: 32px;
}

.arrowRedRight {
    float: right;
    z-index: 2;
    margin-top: 15px;
    margin-right: 17px;
}

.imgBoardFlecheDroite /* URBANG HPQC_3901 */ {
    margin-top: 35px;
}

.arrowRedRightOpened /* URBANG HPQC_3901 */ {
    float: right;
    z-index: 2;
    margin-top: 15px !important;
    margin-right: 17px;
}

/*CollapsiblePanel*/
.collapsePanelHeader {
    height: 85px;
    background-color: White;
    cursor: pointer;
    padding-left: 5px;
}

.collapsePanelHeaderToggle {
    height: 35px;
    background-color: White;
    cursor: pointer;
}

.collapsePanelHeaderTaskAccueil {
    height: 35px;
    background-color: White;
    cursor: pointer;
}

.collapsePanelHeaderTask {
    height: 35px;
    background-color: White;
}

.collapsePanelHeaderDemandesRDVWebAccueil {
    height: 35px;
    background-color: White;
    cursor: pointer;
}

.collapsePanelHeaderPasswordAccueil {
    height: 35px;
    background-color: White;
    cursor: pointer;
}

.HeaderContent {
    padding-left: 5px;
}

.Content {
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#fefefe 100%); /* W3C */
}

.ContentGlobal {
    width: 100%;
    height: 460px;
    overflow: auto;
    background-color: White;
}

.ContentScroll {
    overflow: auto;
}

.ContentTaskOpen {
    width: 100%;
    display: block;
    height: 235px;
    overflow: auto;
    background-color: White;
}

.ContentAlertOpen {
    width: 100%;
    display: block;
    height: 223px;
    overflow: auto;
    background-color: White;
}

.ContentRDVOpen {
    width: 100%;
    display: block;
    height: 230px;
    overflow: auto;
    background-color: White;
}

.ContentPasswordOpen {
    width: 100%;
    display: block;
    height: 80px;
    overflow: auto;
    background-color: White;
}

/* Labels */

.lblBoard {
    float: left;
    display: block;
    margin-left: 28px;
    z-index: 1;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #5c3727;
    margin-top: 30px; /* URBANG HPQC_3901 */
    vertical-align: middle;
}

.lblBoardToggle {
    float: left;
    display: block;
    margin-left: 28px;
    z-index: 1;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #5c3727;
    margin-top: 10px; /* URBANG HPQC_3901 */
    vertical-align: middle;
}

.lblRdvWeb {
    float: left;
    display: block;
    margin-left: 28px;
    margin-top: 9px;
    z-index: 1;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: auto;
    color: #5c3727;
}

.lblPassword {
    float: left;
    display: block;
    margin-left: 28px;
    margin-top: 9px;
    z-index: 1;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: auto;
    color: #5c3727;
}

.lblTitre {
    float: left;
    display: block;
    margin-left: 28px;
    margin-top: 9px;
    z-index: 1;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    width: auto;
    color: #5c3727;
}

.lblTask {
    float: left;
    display: block;
    margin-left: 28px;
    margin-top: 9px;
    z-index: 1;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: auto;
    color: #5c3727;
}

.titleRightLbl {
    float: right;
    margin-right: 15px;
}

.lblInfoHeader {
    float: left;
    display: block;
    margin-left: 25px;
    margin-top: 9px;
    z-index: 1;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: auto;
}

.lblalert {
    float: left;
    display: block;
    margin-left: 28px;
    margin-top: 8px;
    z-index: 1;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: auto;
    color: #5c3727;
}

.lblCentralSchmidt {
    display: none;
}

.lblCentralCuisinella {
    display: block;
}

.compteurAccueil {
    float: left;
    background-image: url(../../images/Global/vLigneBtRouge.png);
    background-repeat: repeat-x;
    margin-top: 7px;
    height: 30px;
    padding-top: 2px;
}

.compteurVertAccueil {
    float: left;
    background-image: url(../../images/Global/vLigneBtVert.png);
    background-repeat: repeat-x;
    margin-top: 7px;
    height: 30px;
    padding-top: 2px;
}

.compteurOrangeAccueil {
    float: left;
    background-image: url(../../images/Global/vLigneBtOrange.png);
    background-repeat: repeat-x;
    margin-top: 7px;
    height: 30px;
    padding-top: 2px;
}

.lblCompteur {
    color: White;
    font-size: 12px;
    font-weight: bold;
}

.btRougeLeft {
    float: left;
    margin-top: 7px;
}

.btRougeRight {
    float: left;
    margin-top: 7px;
}

.conteneurCompteur {
    float: left;
    margin-left: 20px;
}

/*************** CSS Conteneur Ecran EVO 9 [DEBUT]*****************/

#divBordure {
    background-color: transparent;
    border-color: White;
    border-width: 3px;
    border-style: solid;
}

#footerEvo9 {
    background-color: White;
}

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

#arrowWhite {
    float: left;
    margin-left: -2px;
    margin-top: -27px;
}

#arrowRed {
    float: left;
    margin-left: -6px;
    margin-top: -30px;
}

.divTopHeader {
    width: 100%;
    background-color: White;
    min-width: 900px;
    height: 37px;
    margin: 0px;
    padding: 0px;
}

#divLeftLabel {
    float: left;
    padding: 12px 0px 0px 0px;
    max-width: 380px;
}

#divContact {
    float: right;
    padding: 7px 0px 0px 10px;
    margin-top: 4px;
}

#divDevis {
    float: right;
    padding: 7px 0px 0px 10px;
    margin-top: 4px;
}

#divVente {
    float: right;
    padding: 7px 0px 0px 10px;
    margin-top: 4px;
}

#divCommande {
    float: right;
    padding: 7px 0px 0px 10px;
    margin-top: 4px;
}

#divLivraison {
    float: right;
    padding: 7px 0px 0px 10px;
    margin-top: 4px;
}

#divCloture {
    float: right;
    padding: 7px 10px 0px 10px;
    margin-top: 4px;
}

.lblLeft {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: normal;
    padding: 0px;
    margin: 0px 0px 0px 22px;
}

.lblBold {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.lblContact {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #767676;
    font-weight: normal;
}

.lblContactSelectionne {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #393939;
    font-weight: normal;
}

.lblDevis {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #767676;
    font-weight: normal;
}

.lblVente {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #767676;
    font-weight: normal;
}

.lblCommande {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #767676;
    font-weight: normal;
}

.lblLivraison {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #767676;
    font-weight: normal;
}

.lblCloture {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #767676;
    font-weight: normal;
}

.divLbl {
    display: inline;
    vertical-align: top;
    padding-top: 4px;
    height: 100%;
}

.divStepBarButton {
    float: right;
    padding: 7px 0px 0px 15px;
    margin-top: 4px;
}

.lblStepBar {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #767676;
    font-weight: normal;
}

/*************** CSS Conteneur Ecran EVO 9 [FIN] *****************/

/******************** CSS ZONE RECHERCHE [DEBUT]***********************/

#ZoneRechercheStandard {
    margin-left: 9px;
    margin-right: 9px;
    height: 100%;
    background: #f2f2f2;
}

#divZoneRecherche {
    display: block;
    width: 300px;
    height: 21px;
}

#borderZoneRecherche {
    background-color: White;
    border: 1px solid #e1e1e1;
    float: left;
}

#imgFleche {
    float: left;
    height: 21px;
    width: 21px;
}

#divRechercheVendeur {
    margin: 7px 0px 0px 5px;
}

#DivTypologieProjet {
    margin: 7px 0px 0px 5px;
}

#DivCboTypologieProjet {
    margin-left: 22px;
}

#dvcboVendeur {
    margin-left: 22px;
}

#divRechercheEtat {
    margin: 7px 0px 0px 27px;
}

#dvcboEtatProjet {
    margin-left: 25px;
}

#divRechercheType {
    margin: 7px 0px 0px 5px;
}

#dvcboTypeProjet {
    margin-left: 22px;
}

#divRechercheDate {
    margin: 7px 0px 4px 5px;
}

#divChkDate {
    float: left;
}

#dvDates {
    margin: 0px 0px 0px 4px;
}

#dvcboDate {
    float: left;
}



#ShowFilters {
    display: block;
    margin: 0px auto 0px auto;
    float: left;
    height: 21px;
    width: 20px;
}

#imgShowFilters {
    display: block;
    margin: 10px auto 0px auto;
}

#imgVBarreGrise {
    display: block;
    float: left;
    margin: 3px 0px auto 0px;
}

#inputRecherche {
    float: left;
    padding-left: 2px;
}

#divBtnRecherche {
    float: left;
    height: 17px;
}

#divBtnReinit {
    float: left;
    height: 21px;
    width: 21px;
    padding-top: 4px;
}

#searchBarRightAlign {
    width: 310px;
    float: right;
}

#divBtPlanning {
    float: left;
}

#divBtAccueil {
    float: left;
}

#divBtAgenda {
    float: left;
}

.imgFlechPlanning {
    margin-left: 3px;
}

#divBtAide {
    float: left;
}

#searchBox {
    padding: 0;
    width: 235px;
    margin: 0;
    border: 1px solid #e1e1e1;
    position: fixed;
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin-top: 0px;
    display: none;
    background-color: White;
}

.fontRecherche {
    font-family: Arial, sans-serif;
    font-size: 11px;
    z-index: 10000;
}

#closeButton {
    display: block;
    float: right;
    cursor: pointer;
    margin: 4px 4px 0px 0px;
}

    #closeButton:hover {
        color: red;
    }

#searchBox label {
    display: block;
}

.ContentRecherche {
    width: 100%;
    height: 100%;
    margin: 0px auto 0px auto;
    background-color: #f3f3f3;
}

.conteneurDivRecherche {
    left: 0;
    width: 960px;
    padding: 0;
    margin: 0px auto 0px auto;
    border: none;
}

.conteneurDivRechercheLarge {
    left: 0;
    width: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
    border: none;
}

#dvFiltres {
    width: 100%;
    height: 139px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#fefefe 100%); /* W3C */
}

#filtresRecherche {
    width: 255px;
    float: left;
    padding: 40px 20px 0px 20px;
}

#divBtRecherche {
    padding-top: 18px;
}

#filtresVendeur {
    width: 190px;
    float: left;
    padding: 10px 30px 0px 30px;
}

#subVendeurs {
    padding: 3px 0px 0px 35px;
}

#filtresEtat {
    width: 165px;
    float: left;
    padding: 10px 30px 0px 30px;
}

#filtresDate {
    float: left;
    width: 190px;
    padding: 10px 10px 0px 20px;
}

.imgVGrandeBarre {
    float: left;
    margin-top: 10px;
}

#selecteurTypeDate {
    padding: 0px 0px 12px 0px;
}

.cbDateRecherche {
    float: left;
}

.selectionDate {
    width: 165px;
    background-color: White;
    padding: 5px 0px 5px 5px;
}

#dvEmptyMessage {
    display: none;
}

#dvResultats {
    text-align: center;
    overflow: hidden;
    background-color: White;
}

#dvActionsFooter {
    border-top: 1px solid #d4d4d4;
    padding: 15px 0px 10px 10px;
    background-color: White;
}

.divErrorDates {
    margin-top: 10px;
    color: Red;
}

.dvErrorHidden {
    text-align: right;
    color: Red;
    visibility: hidden;
    padding-right: 20px;
}

.dvErrorVisible {
    text-align: right;
    color: Red;
    visibility: visible;
    padding-right: 20px;
}

#divResultatScroll {
    background-color: White;
}

#divActionHeader {
    background-color: White;
}

/******************** CSS ZONE RECHERCHE [FIN]***********************/

/******************** CSS POPUP [DEBUT]***********************/

.conteneurPopUp {
    max-width: 999px;
    margin: 0px auto 0px auto;
    background-color: white;
}

#contentGestionStrategieProjetLeft {
    width: 48%;
    float: left;
}

#contentGestionStrategieProjetRight {
    width: 48%;
    float: right;
}

.nv_btCloseRouge {
    float: right;
    margin-right: 20px;
    margin-top: 3px;
    display: block;
}

.nv_PuceGifPopUp {
    vertical-align: middle;
    display: block;
    float: left;
}

.nv_GestionGridViewPopUp {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.nv_GestionGridViewRight {
    height: 100%;
    border: 1px;
    border-color: #9c9e9f;
    border-style: solid;
}

.nv_DivFormulairePopUp {
    width: 100%;
    border-collapse: collapse;
    vertical-align: top;
    padding-left: 0px;
    padding-right: 0px;
}

.GestionStrategieProjetPlus {
    margin-top: 15px;
}

.nv_labelFieldWhite {
    font-family: Arial, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-align: right;
}

.nv_labelField {
    font-family: Arial, sans-serif;
    color: #232323;
    font-size: 11px;
    text-align: right;
}

.nv_Bloc_info {
    width: 95%;
    margin: 10px auto;
}

.nv_LabelTitre {
    font-weight: 600;
    color: red;
    font-size: 14px;
    vertical-align: middle;
    font-family: Arial, sans-serif;
    margin-left: 7px;
}

.nv_cellGridCssEcheancier {
    border-style: solid;
    border-color: #d4d4d4 White;
    border-width: 1px;
    padding: 0px 2px 0px 10px !important;
    height: 26px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#fefefe 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#fefefe 100%); /* W3C */
}

.nv_headerBorderEcheancier {
    /*background-color: #DD3333; /* COULEUR DE FOND DE L'ASPxGridView*/
    color: white;
    cursor: pointer;
    border-color: #d4d4d4 White;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    padding-left: 10px;
    text-align: center;
    height: 25px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #958881; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #958881 0%, #b9aaa2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#958881), color-stop(100%,#b9aaa2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #958881 0%,#b9aaa2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #958881 0%,#b9aaa2 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #958881 0%,#b9aaa2 100%); /* W3C */
}

.conteneurDivSaisieDevente {
    height: 100%;
    left: 0;
    width: 921px;
    padding: 0;
    margin: 0px auto 0px auto;
    border: none;
}

.tableOptionsPrix {
    margin: 10px;
}

/******************** CSS GESTION FICHE PROJET [DEBUT]***********************/

#divZoneFormulaire {
    float: left;
    width: 268px;
    height: 441px;
    margin-right: 15px;
}

#contenuGestionProjet {
    height: 630px;
    margin: 17px 0px 0px 13px;
}

#contenuGestionProjetSAV {
    margin: 8px 0px 0px 0px;
}

.divLeftPanel {
    width: 30%;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    border: 1px;
    border-color: #9c9e9f;
    border-style: solid;
}

.divCommandes {
    height: 750px;
    width: 20%;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    border: 1px;
    border-color: #9c9e9f;
    border-style: solid;
}

.divRightPanel {
    height: 750px;
    width: 46%;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    border: 1px;
    border-color: #9c9e9f;
    border-style: solid;
}

#bgContenuGestionProjet {
    background-color: White;
}

#divZoneDevis {
    float: left;
}

#divZoneDroite {
    float: left;
    margin-left: 15px;
}

#divZoneRappel {
    width: 358px;
    height: 180px;
    margin-bottom: 15px;
}

#divZoneTaches {
    width: 358px;
    height: 395px;
}

#divZoneTransac {
    height: 30px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #604135; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #604135 0%, #8c6a5b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#604135), color-stop(100%,#8c6a5b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #604135 0%,#8c6a5b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #604135 0%,#8c6a5b 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #604135 0%,#8c6a5b 100%); /* W3C */
    background-size: 100% 100%;
}

.divZoneTransacSelect {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #4d2e23; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #4d2e23 0%, #6b4b3c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d2e23), color-stop(100%,#6b4b3c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4d2e23 0%,#6b4b3c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4d2e23 0%,#6b4b3c 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #4d2e23 0%,#6b4b3c 100%); /* W3C */
    background-size: 100% 100%;
}

#zoneRight {
    float: right;
}

#divHistorique {
    margin: 0px 0px 0px 0px;
    height: 100%;
    overflow: visible;
    width: auto;
    float: right;
}

#divInformations {
    height: 100%;
    overflow: visible;
    width: auto;
    float: right;
}

.divDevisGestionProjet {
    height: 100%;
    overflow: visible;
    width: 80px;
    float: left;
}

.divBtPlanning {
    height: 100%;
    overflow: visible;
    width: auto;
    float: left;
}

.divVenteGestionProjet {
    height: 100%;
    overflow: visible;
    width: 75px;
    float: left;
}

.imgVLineRed {
    float: left;
}

.labelZoneTransac {
    margin: 0px 5px 0px 8px;
    padding-top: 7px;
    float: left;
    color: White;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
}

.imgWhiteArrowBas {
    float: left;
    margin-right: 5px;
    margin-top: 13px;
}

.lblGestionFicheProjet {
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.lblGestionFicheProjetBold {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.lblGestionFicheProjetBoldNoWrap {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 4px;
}

.imgPuceCouleurGridViewSmall {
    margin-left: 4px;
}

.lbHistorique {
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
}

.lbInformations {
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
}

#divListHistorique {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: absolute;
    overflow: visible;
    margin: -7px 0px 0px 0px;
    width: 150px;
    height: auto;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
    background-image: url(../../images/Global/bgMenuAction.png);
}

#divListInformations {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: absolute;
    overflow: visible;
    margin: -7px 0px 0px 0px;
    height: Auto;
    width: 160px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
    background-image: url(../../images/Global/bgMenuAction.png);
}

#divListDevisGestionProjet {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: absolute;
    overflow: visible;
    margin: -7px 0px 0px 0px;
    height: Auto;
    width: 145px;
    top: 87px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
    background-image: url(../../images/Global/bgMenuAction.png);
}

#divListPlanning {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: absolute;
    overflow: visible;
    margin: 0px 0px 0px -4px;
    height: auto;
    width: 280px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
    background-image: url(../../images/Global/bgMenuAction.png);
}

#divListVenteGestionProjet {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: absolute;
    overflow: visible;
    margin: -7px 0px 0px 0px;
    height: Auto;
    width: 145px;
    top: 87px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
    background-image: url(../../images/Global/bgMenuAction.png);
}

td.tdHistoriqueFicheProjet {
    font-family: Arial, sans-serif;
    font-size: 11px;
    height: 25px;
    border-left: 1px solid #6d6d6d;
    border-right: 1px solid #6d6d6d;
    border-top: 1px solid #6d6d6d;
    color: #8f8e8e;
    padding: 0px 0px 0px 3px;
}

td.tdHistoriqueFicheProjetLigneFin {
    height: 1px;
    border-left: 1px solid #6d6d6d;
    border-right: 1px solid #6d6d6d;
    border-top: 1px solid #6d6d6d;
    color: #8f8e8e;
}

.hideDisplay {
    display: none;
}

.showDisplay {
    display: block;
}

table.HideAspxButton {
    display: none;
}

.HideAspxButton {
    display: none;
}

.ASPxHyperLinkLiensOver {
    background-color: #a6a6a6;
    Color: White;
}

.iframeTransparent {
    background-color: transparent;
}

body.iframeTransparent {
    background-color: transparent;
}

/******************** CSS GESTION FICHE PROJET [Fin]***********************/

/******************** CSS GESTION FICHE PROJET SAV [DEBUT]***********************/

#bgContenuGestionProjetSAV {
    background-color: White;
}

#divZoneSAVClient {
    float: left;
    width: 268px;
    height: 441px;
    margin-right: 15px;
}

.LabelTitreFPSAV {
    font-weight: bold;
    color: Black;
    font-family: Arial, sans-serif;
    font-size: 24px;
}

.LabelNomDuClientFPSAV {
    font-weight: bold;
    color: Black;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.lblFontClientFPSAV {
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.dataFontClientFPSAV {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.dataFontClientFPSAVNoWrap {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 4px;
}

/******************** CSS GESTION FICHE PROJET SAV [FIN]***********************/

/******************** CSS Page d'accueil Assistante [DEBUT]***********************/

#divAssAnnuaire {
    height: 100%;
    overflow: visible;
    width: 30px;
    float: left;
    margin-top: 29px;
    margin-right: 16px;
}

#divListAssAnnuaire {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: relative;
    overflow: visible;
    margin: -7px 0px 0px 0px;
    height: 54px;
    width: 145px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
}

#divAssAdministration {
    height: 100%;
    overflow: visible;
    width: 30px;
    float: left;
    margin-top: 29px;
}

#divListAssAdministration {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: relative;
    overflow: visible;
    margin: -7px 0px 0px 0px;
    height: 54px;
    width: 145px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
}



.divBoardItem {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    height: 53px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
}

.imgBoardItem {
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 7px;
    width: 36px;
    height: 40px;
}

.imgFlecheBoardItem {
    float: left;
    display: block;
    margin-top: 22px;
    margin-left: 12px;
}

.labelBoardItem {
    float: left;
    display: block !important;
    margin-left: 5px;
    margin-top: 14px;
    width: 100px !important;
    text-align: left;
}

.labelBoardItemAscent {
    float: left;
    display: block !important;
    margin-left: 5px;
    margin-top: 14px;
    width: 125px !important;
    text-align: left;
}

.labelBoardItemControleDesAchats {
    float: left;
    display: block !important;
    margin-left: 5px;
    margin-top: 14px;
    width: 125px !important;
    text-align: left;
}

.dxpcContentPaddings {
    padding: 0px !important;
}


/********** AGENDA ********/

.ASPxViewSelectorAgenda {
    height: 40px;
}

.nv_labelFieldRDVBold {
    font-weight: bold;
    color: #888888;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.dxpcHeader {
    height: 25px !important;
    color: White !important;
    background-color: transparent;
    background-image: url('../../images/Global/bg_AgendaBrown.png');
    background-position: top;
    background-repeat: repeat;
}

.dxpc-header {
    height: 21px !important;
    color: White !important;
    background-color: transparent;
    background-image: url('../../images/Global/bg_AgendaBrown.png');
    background-position: top;
    background-repeat: repeat;
    text-transform: uppercase !important;
    padding-left: 18px !important;
    padding-top: 6px !important;
}


.dxscResourceNavigator {
    background-color: transparent;
    background-image: url('../../images/Global/bg_AgendaBrown.png');
    background-position: top;
    background-repeat: repeat;
}

.divInfos_detDoc {
    margin-bottom: 15px;
    margin-left: 10px;
}

.dxWeb_pcCloseButton {
    float: right !important;
    margin-top: -3px !important;
}


/********** ASPxPivotGridReunionCom ********/

.lblSousTitre_ReunionCom {
    color: Black;
    font-size: 14pt;
    font-weight: bold;
    vertical-align: middle;
}

.dxpgControl_ReunionCom, .dxpgCustForm_ReunionCom {
    color: Black;
    font-size: 9pt;
    font-family: Tahoma, sans-serif;
}

.dxpgContainerCell_ReunionCom {
    vertical-align: top;
}

.dxpgMainTable_ReunionCom {
    color: Black;
    font-size: 9pt;
    font-family: Tahoma, sans-serif;
    border: 0px;
    border-collapse: separate;
    width: 100%;
    text-align: left;
}

    .dxpgMainTable_ReunionCom caption {
        background: white;
        padding: 3px 3px 4px;
        font-weight: bold;
        text-align: center;
    }

.dxpgArea_ReunionCom, .dxpgArea_ReunionCom table {
    color: Black;
    font-size: 9pt;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
}

.dxpgArea_ReunionCom {
    border-left-style: none;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.dxpgColumnArea_ReunionCom {
    border-bottom-style: solid;
}

.dxpgFilterArea_ReunionCom {
    background-color: #DAE8EB;
    color: Black;
    border-bottom-style: solid;
    font-weight: bold;
}

.dxpgEmptyArea_ReunionCom {
    cursor: default;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-color: White;
}

.dxpgColumnFieldValue_ReunionCom {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    border-color: White;
    position: relative; /* IE8 IE9 border color  */
    border-style: solid;
    border-width: 1px;
    text-align: center;
    height: 39px;
    padding-left: 6px;
    padding-right: 6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #958780; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #958780 0%, #958780 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#958780), color-stop(100%,#958780)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #958780 0%,#958780 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #958780 0%,#958780 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #958780 0%,#958780 100%); /* W3C */
}

.dxpgColumnTotalFieldValue_ReunionCom {
    background-color: #C7DEDF;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-style: none;
    border-top-style: none;
}

.dxpgColumnGrandTotalFieldValue_ReunionCom {
    background-color: #9AC4C8;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-style: none;
    border-top-style: none;
}

.dxpgRowFieldValue_ReunionCom {
    background-color: #DFEAEC;
    border: solid 1px;
    border-left-style: none;
    border-bottom-style: none;
    border-right-style: solid;
    border-top-style: solid;
    padding: 3px 6px 4px 6px;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.dxpgRowTotalFieldValue_ReunionCom {
    background-color: #C7DEDF;
    border-left-style: none;
    border-bottom-style: none;
    border-right-style: solid;
    border-top-style: solid;
}

.dxpgRowTreeFieldValue_ReunionCom {
    padding: 0px;
    font: 0pt;
}

.dxpgRowGrandTotalFieldValue_ReunionCom {
    background-color: #d4c1b8 !important;
    color: Black;
    text-align: left;
    border-left-style: none;
    border-bottom-style: none;
    border-right-style: solid;
    border-top-style: solid;
    padding: 5px 6px 6px 6px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    background-image: none !important;
}

.dxpgRowGrandTotalFieldValueRight {
    text-align: right !important;
}

.dxpgCell_ReunionCom {
    background-color: #FFFFFF;
    border-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: none;
    border-right-style: none;
    padding: 4px;
    padding-top: 3px;
    white-space: nowrap;
}

.dxpgKPICell_ReunionCom {
    text-align: center;
    vertical-align: middle;
}

.dxpgTotalCell_ReunionCom {
    background-color: #EDF3F4;
}

.dxpgUnvisibleCell_ReunionCom {
    color: transparent;
}

.dxpgTopPager_ReunionCom {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: solid 1px #7EACB1;
    background-color: #F4FAFB;
}

.dxpgBottomPager_ReunionCom {
    border-top: solid 1px #7EACB1;
    border-bottom: none;
    border-right: none;
    border-left: none;
    background-color: #F4FAFB;
}

.nv_labelField_ReunionCom {
    font-family: Arial, sans-serif;
    color: #232323;
    font-size: 18px;
    font-weight: bold;
}

.dxtc-activeRow {
    width: 50% !important;
}

.dxtc-pageContent {
    border-top: #a8a8a8 1px solid !important;
}

.dxtc-rightIndentCell {
    border-bottom-width: 0px !important;
}

.dxtc {
    color: Black !important;
}

.dxtc-activeTab {
    background-color: White !important;
    width: 20% !important;
}

.dxtc-tab {
    width: 20% !important;
    background-color: #D4C1B8 !important;
}

    .dxtc-tab :hover {
        color: white !important;
    }

.container {
    width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.degradeGris {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #d4d4d4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #d4d4d4 0%, #F5F5F3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#F5F5F3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d4d4d4 0%,#F5F5F3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d4d4d4 0%,#F5F5F3 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #d4d4d4 0%,#F5F5F3 100%); /* W3C */
}

.degradeOrange {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #FED863; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #FED863 0%, #F5F5F3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FED863), color-stop(100%,#F5F5F3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FED863 0%,#F5F5F3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FED863 0%,#F5F5F3 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #FED863 0%,#F5F5F3 100%); /* W3C */
}

.orangeFonce {
    background-color: #FFC000;
}

#divBtLiens {
    float: left;
}

.divBtLiens {
    height: 100%;
    overflow: visible;
    width: auto;
    float: left;
}

#divListLiens {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: absolute;
    overflow: visible;
    margin: 0px 0px 0px -4px;
    height: auto;
    width: 175px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100 */
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: linear-gradient(to top, #f2f2f2 0%,#ffffff 100%); /* W3C */
    background-image: url(../../images/Global/bgMenuAction.png);
}

.dxpcLite .dxpc-content, .dxdpLite .dxpc-content {
    padding: 0px !important;
}

.dxbButton {
    background: none;
    border: none;
    background-repeat: no-repeat !important;
}

.btnSimple {
    background: #E0DFDF url('/DXR.axd?r=1_49-t7L4b') repeat-x top !important;
    border: 1px solid #7F7F7F !important;
}

.dxbButton div.dxb {
    padding: 0px !important;
}

.dx-vam {
    white-space: normal !important;
}

.dxtlNode td.dxtl, .dxtlAltNode td.dxtl, .dxtlSelectedNode td.dxtl, .dxtlFocusedNode td.dxtl, .dxtlEditFormDisplayNode td.dxtl, .dxtlCommandCell {
    white-space: normal;
}

.dxpcModalBackLite {
    z-index: 0;
}

.dxscViewNavigatorButton, .dxscViewNavigatorGotoDateButton {
    display: table-cell !important;
}

.dxscViewNavigatorGotoTodayButton {
    height: 20px !important;
}

.dxscViewNavigatorGotoDateButton {
    height: 20px !important;
}

.dxscViewNavigatorButton {
    height: 20px !important;
}

.dxgvDetailButton {
    border-bottom: 1px Solid #CFCFCF !important;
    border-right: 1px Solid #CFCFCF !important;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    padding: 3px 6px 4px !important;
}

.wizardStepNavigation {
    background-color: #958881;
}

/* pour la gestion des mails */
.mailRubrique {
    font-weight: bold;
    color: Black;
    font-size: 10pt;
    text-decoration: none;
}

.aspLinkButtonClass {
    text-decoration: none;
    font: 12px Tahoma, Geneva, sans-serif;
    color: grey;
}

    .aspLinkButtonClass:hover {
        color: white;
    }

.hrGris {
    height: 1px;
    border: 0;
    background-color: #9c9e9f;
    padding: 0;
}

.popupFinancementTexte {
    margin: 20px;
}

.lblFinancementTotalBelgique {
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 1.1em;
}

.ligneConfiguration {
    border-left: 2px solid;
    border-right: 2px solid;
    border-color: rgba(170, 134, 118, 0.4);
}

.ligneConfiguration .childConfiguration {
    padding-left: 20px;
}

.ligneConfigurationTitre {
    border-top: 2px solid;
    border-left: 2px solid;
    border-right: 2px solid;
    border-color: rgba(170, 134, 118, 0.4);
}

.ligneConfigurationSeparation {
    border-top: 2px solid;
    border-color: rgba(170, 134, 118, 0.4);
    height: 5px;
}

.ligneConfigurationCelluleEtroite {
    padding-bottom: 1px;
    padding-top: 0px;
}

.tableauConfiguration {
    border-collapse: collapse;
}

.blocConfiguration {
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.TitreSecondaire {
    font-weight: bold;
    color: white;
    vertical-align: text-top;
    padding: 3px 0px 3px 2px;
}

.Titre-MessageAvertissement {
    color: red;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 30px;
    max-width: 80%;
}


/*********** BEGIN CSS MOBILE ************/
@media (max-width: 1024px) {
    #conteneurEntete {
        background-size: 1px 93px !important;
    }

    #divMenuActions {
        background-size: 1px 83px !important;
    }
}

.checkedCheckboxMobile {
    background-image: url(/images/checked.png);
    background-size: 16px 16px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 15px !important;
    height: 15px !important;
}

.uncheckedCheckboxMobile {
    background-image: url(/images/unchecked.png);
    background-size: 16px 16px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 15px !important;
    height: 15px !important;
}

@media (max-width:900px) {
    .checkedCheckboxMobile {
        background-image: url(/images/checked.png);
        background-size: 22px 22px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        width: 22px !important;
        height: 22px !important;
    }

    .uncheckedCheckboxMobile {
        background-image: url(/images/unchecked.png);
        background-size: 22px 22px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        width: 22px !important;
        height: 22px !important;
    }
}

a.nv_boutonRougeCorrect {
    height: 22px;
    display: block;
    min-width: 95px;
    color: white !important;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin-right: 6px;
    padding-right: 5px;
    background: transparent url(../../images/users/BoutonRouge.png) no-repeat top right;
    background-color: #dddddd;
    text-align: center;
    padding-top: 3px;
}

    a.nv_boutonRougeCorrect:active {
        background-position: bottom right; /* Effet du fond lors du click */
    }

.configSiteMobile input[type=text].TextBox {
    width: 250px !important;
}

.configSiteMobile .ASPxComboBox {
    width: 250px !important;
}


.clientFicheProjetLine {
    padding-left: 10px;
    padding-top: 22px;
}
/*********** END CSS MOBILE ************/

#ctl00_cphBody_wucPopupModificationAdresse_puPopupModificationAdresse_PW-1 {
    top: 0px !important;
}

#ctl00_cphBody_wucPopupModificationAdresse_puPopupModificationAdresse_ddlPays_DDD_PW-1 {
    margin-top: 0px !important;
}

.showBtnPopupModifAdr {
    display: inherit;
}

.hideBtnPopupModifAdr {
    display: none !important;
}

.cellGridCoordonneesLabel {
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    width: 10%;
}

.cellGridCoordonneesValeur {
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    width: 25%;
}

/******************************
    Signature electronique
******************************/
/* Page voir toues les signatures */
#consulterSignaturePage .cellCenterAlign {
    text-align: center;
}

/* Page dans popup pdf */
.conteneurSignatureInfo {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 300px;
}

    .conteneurSignatureInfo .divTop {
        text-align: left;
        padding-top: 5px;
        padding-left: 5px;
        float: left;
    }

    .conteneurSignatureInfo .nv_DivFormulaire {
        padding-left: 10px;
        padding-right: 10px;
    }

    .conteneurSignatureInfo .divTop:first-child {
        font-size: 15px;
        font-weight: bold;
        padding-top: 15px;
    }

    .conteneurSignatureInfo .divGrid table tr {
        height: 35px;
    }

    .conteneurSignatureInfo .divMiddle .uploadCtrl {
        margin-right: 20px;
    }

        .conteneurSignatureInfo .divMiddle .uploadCtrl tr {
            height: 24px !important;
        }

    .conteneurSignatureInfo .divMiddle .browseButtonUploadCtrl {
        border-radius: 0px 5px 5px 0px;
    }

    .conteneurSignatureInfo .divMiddle .textBoxUploadCtrl {
        border-radius: 5px 0px 0px 5px;
    }

        .conteneurSignatureInfo .divMiddle .textBoxUploadCtrl:nth-of-type(2) {
            border-radius: 0px !important;
        }

    .conteneurSignatureInfo #DivAnnexes {
        margin-bottom: 30px;
    }

    .conteneurSignatureInfo .cellListDocsUpload {
        text-align: center;
    }

    .conteneurSignatureInfo #ctl00_cphBody_wucPopupPDFDocument_puPopupPDF_grdListDocsUpload_DXStatus {
        display: none;
    }

    .conteneurSignatureInfo .msgError {
        color: red;
    }

.txtBoxinfoCli {
    height: 25px;
    display: inline-block;
}

/* Begin SaisieDocumentVente page */
.tableReglement .questionReglement {
    font: 12px Tahoma, Geneva, sans-serif;
    margin-left: 41px;
}

.tableReglement .sousQuestion {
    margin-left: 75px;
    margin-top: 4px;
}

.tableReglement .errQuestion {
    text-align: center;
    margin-top: 10px;
}
/* End SaisieDocumentVente page */

.btnAccueilRg {
    margin-top: 10px;
}

.puPopupSuccessSend2 {
    font-size: 15px;
    width: 500px;
    margin-bottom: 30px;
    margin-right: 30px;
    margin-top: 15px;
    margin-left: 15px;
}

/******************************
    END Signature electronique
******************************/

/* Projets CA/CE */
img.imgCA, img.imgCE {
    vertical-align: middle;
}

img.imgCA {
    margin-bottom: 5px;
}

.HeaderCell {
    font-size: 12px;
    margin: 7px;
}

.buttonFooter {
    margin-top: 10px;
    margin-bottom: 5px;
    height: 22px;
}

.Column50perCent {
    position: relative;
    width: 50%;
    float: left;
}

/* Popup Commentaire */
.imageButton {
    cursor: pointer;
}

.noComment {
    color: #428bca;
}

.withComment {
    color: #d9534f;
}

.AspGridView95Width {
    width: 95%;
    height: auto;
    margin: auto;
}

/* Style Commande popup */

.commandePopupGridViewStyle th {
    padding: 8px;
    background-color: transparent;
    background-image: url(../../images/Global/bg_AgendaBrown.png);
    background-position: top;
    background-repeat: repeat;
    color: white;
    position: sticky;
    top: 0;
}

.commandePopupGridViewStyle td {
    font-size: 1em;
    padding: 3px;
}

.commandePopupMainModalStyle {
    background-color: rgba(10,10,10,0.7);
    opacity: 0.8;
}

.commandePopupMainModalPopupStyle {
    background-color: #f2f2f2;
    width: 600px;
    left: calc(50% - 300px)!important;
    padding: 15px,15px,15px,15px !important;
}

.commandePopupHide {
    visibility: hidden;
}

.commandePopupBtnSize {
    min-width: 90px;
    cursor: pointer;
}

/**
    *********************************
    *********************************
    *********************************
    ********* React Styles **********
    *********************************
    *********************************
    *********************************
*/

.error-content {
    color: red;
    text-align: center;
}


.margin-left {
    margin-left: 1rem;
}

.text-bold {
    font-weight: bold;
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1501;
}

.overlay .overlay-center {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-react {
    background-color: white;
    overflow-y: auto;
}

.spinner {
    width: 200px;
    height: 100px;
    border: 2px solid black;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: white;
}

.spinner img {
    content: url(../../images/Cuisinella/global/Loading.gif);
    object-fit: none;
}

/***  BOUTON  ***/
.coolButtonReact {
    height: 22px;
    color: white !important;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 1.5px 20px;
    background: linear-gradient(#7C7C7C, #A8A8A8);
    border: 2px outset transparent;
    border-radius: 6px;
    cursor: pointer;
    outline: none;
}

.coolButtonReact_Rouge {
    background: linear-gradient(#CC2200, #EF695B);
}

.controleARSynthese .entete {
    color: #616161;
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.controleARSynthese .content {
    margin-top: 10px;
}

.controleARSynthese .content .card {
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 5px 11px -9px rgba(0,0,0,0.75);
    border-radius: 10px;
    border: 2px solid #d3d3d3aa;
    display: flex;
    justify-content: center
}

.controleARSynthese .content .card:hover {
    box-shadow: 0px 5px 11px -7px rgba(0,0,0,0.75);
}

.controleARSynthese .content .card .card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9px;
}

.controleARSynthese .content .card .card-content .ar-canceled {
    color: red;
    font-weight: bold;
}

.controleARSynthese .card-content-catalogues {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
}

.controleARSynthese .card-content-table {
    flex: 1.9;
    margin-right: 11px;
}

.controleARSynthese .card-content-button {
    flex: 0.3;
    display: flex;
    justify-content: flex-end;
}

.controleARSynthese .card-content-table .table {
    margin-bottom: 0px;
}

.controleARSynthese .card-content-table .table td,
.controleARSynthese .card-content-table .table th {
    padding: 5px;
}

.controleARSynthese .infoDifferente {
    color: red;
}

.controleARSelection .icon {
    display: flex;
    justify-content: center;
}

.controleARSelection .icon:hover {
    cursor: pointer;
}

.controleARSynthese .numero_ar {
    font-weight: bold;
}

.controleARSynthese .list_catalogues {
    margin: 0;
}

.controleARSynthese .textinfo {
    color: var(--main-info-color);
}

.smii_button {
    border-radius: 20px !important;
    font-size: inherit !important;
    padding: 1px 10px !important;
    color: white !important;
    border-color: rgb(165, 0, 52) !important;
    background-color: rgb(165, 0, 52) !important;
}

.smii_button:hover {
    border-color:#c7003e !important;
    background-color: #c7003e !important;
}

.smii_button_gray {
    color: white !important;
    border-color: #9E9E9E !important;
    background-color: #9E9E9E !important;
}

.smii_button_gray:hover {
    border-color: #757575 !important;
    background-color: #757575 !important;
}

.traitementSAVPD .detailFinitionGenerique, 
.traitementSAVPD .detailInfosArticles {
    background-color: white;
    padding: 10px;
}

.traitementSAVPD .trtSavPdt_table .dx-datagrid .dx-header-row > td:nth-child(10),
.traitementSAVPD .trtSavPdt_table .dx-datagrid .dx-data-row > td:nth-child(10)
{
    border-right: 1px solid #ddd !important;
}

.footer-buttons-center {
    display: flex;
    justify-content: center;
    padding: 10px;
}

.dx-datagrid .dx-datagrid-rowsview .dx-row:not(.dx-freespace-row) > td {
    padding: 10px 7px !important;
}

.controleARControler .datagrid-container {
    margin-bottom: 15px;
    margin-top: 5px;
}

.controleARControler .info {
    border-radius: 23px;
    border: 0px;
    margin: 0 5px;
    padding: 9px 11px;
    line-height: initial;
    outline: none;
    color: black;
    background-color: #E0E0E0;
}

.controleARControler .info.gray.active {
    background-color: #5e5e5e;
    color: white;
}

.controleARControler .info.blue.active {
    background-color: #69a5ff;
    color: white;
}

.controleARControler .info.green.active {
    background-color: #00b894;
    color: white;
}

.controleARControler .info.orange.active {
    background-color: #fca13f;
    color: white;
}

.controleARControler .info.red.active {
    background-color: #fc3f3f;
    color: white;
}

.controleARControler .info.bordeaux.active {
    background-color: rgb(165, 0, 52);
    color: white;
}

.controleARControler .info.link {
    background-color: white;
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

.controleARControler .dx-header-multi-row  tr:nth-child(1) > td:nth-child(1),
.controleARControler .dx-header-multi-row  tr:nth-child(1) > td:nth-child(2),
.controleARControler .dx-header-multi-row  tr:nth-child(1) > td:nth-child(3),
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr > td.borderRight
{
    border-right: 1px solid #ddd !important;
}

.controleARControler .dx-header-multi-row  tr:nth-child(1) {
color: black;
font-weight: bold;
}

.controleARControler .dx-datagrid-headers.dx-header-multi-row tr:nth-child(2) {
    display: none;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar:not(:last-child) tr:last-child td,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar:not(:last-child) tr > td.borderBottom
{
    border-bottom: 1px solid #ddd !important;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.finitionsGeneriques td.identifiant,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.options td.identifiant
{
    padding-left: 41px
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.finitionsGeneriques .etat-vert,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.finitionsGeneriques .etat-orange,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.finitionsGeneriques .etat-rouge,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.commentaire .etat-vert,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.commentaire .etat-orange,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.commentaire .etat-rouge,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.options .etat-vert,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.options .etat-orange,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.options .etat-rouge {
    font-size: 1rem;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .vertical-center
{
    vertical-align:middle;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .position-relative
{
    position: relative;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .numero-ligne
{
    font-size: 0.7rem;
    color: #9E9E9E;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .non-trouve
{
    display: flex;
    justify-content: center;
    color: rgb(165, 0, 52);
    font-weight: bold;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .etat-vert,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .etat-orange,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .etat-rouge
{
   font-size:1.3rem;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .etat-vert
{
   color: #00b894;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .etat-orange
{
   color: #fca13f;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .etat-rouge
{
   color: #fc3f3f;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .type-reference
{
    color: rgb(165, 0, 52);
    font-weight: 500;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.finitionsGeneriques > td,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.options td,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.commentaire td 
{
    padding-top: 0px;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.finitionsGeneriques:not(:last-child) > td,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.options:not(:last-child) td,
.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.commentaire:not(:last-child) td {
    padding-bottom: 0px;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr.bold
{
    font-weight: bold;
}

.controleARControler .toolbar
{
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    align-items: center; 
}

.controleARControler .toolbar .filtre
{
    display: flex;
    align-items: center;
}

.controleARControler .toolbar .filtre > *
{
    margin-right: 7px;
}

.controleARControler .ar .detail {
    text-decoration: underline;
    color: rgb(165, 0, 52);
    font-size: 0.7rem;
}

.controleARControler .ar .detail:hover {
    cursor: pointer;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr > td.center
{
    text-align: center;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar .position-relative .detail 
{
    position: absolute;
    top: 7px;
    left: 7px;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr > td.tdRelative
{
    position: relative;
}

.controleARControler .dx-datagrid .dx-datagrid-rowsview tbody.ar tr > td.tdRelative > .divAbsolute
{
    position: absolute;
    right: 7px;
    top: 7px;
    left: 7px;
    bottom: 7px;
}

.controleARControler .titleInfo {
    text-decoration-line: underline;
    cursor: pointer;
}

.footer-buttons-center > * {
    margin-left: 10px;
    margin-right: 10px;
}

.modeLivraison input[type="radio"] {
    vertical-align: middle;
}

.magasinLibelle {
    color: gray;
}

.magasinPdlInexistant {
    max-width: 311px;
    color: gray;
    display: inline-flex;
}

.produitFini .dx-treelist-empty-space {
    width: 25px !important;
}

.produitFini .principalId {
    font-size: 15px;
    font-weight: bold;
}

.produitFini .linkProduitFini {
    font-size:15px;
    color:Black;
    font-weight:bold;
    text-align:right;
    text-decoration:underline;
    cursor:pointer;
}

.trtSavPdt_table {
    border-bottom: 2px solid #ddd;
}

.chellenge_subscription .titre {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    padding: 21px;
}

.chellenge_subscription .desicrption {
    font-size: 15px;
    padding: 9px 21px;
}

.chellenge_subscription .inscription_description {
    font-size: 13px;
    padding: 9px 21px;
    color: red;
    text-align: center;
}

.chellenge_subscription .challenge_subcription_data_grid {
    padding: 21px;
}

.chellenge_subscription .error {
    color: red;
}

.chellenge_subscription .challenge_subscription_form {
    margin: 1px 99px;
}

.chellenge_subscription .challenge_subscription_form .form_title {
    text-align: center;
    font-size: 13px;
}

.chellenge_subscription .challenge_subscription_form .form_content {
    display: flex;
    justify-content: center;
}

.chellenge_subscription .challenge_subscription_form .form_content > * {
    margin: 5px 11px
}

.chellenge_subscription .challenge_subscription_form .form_content .challenge_form_control {
    font-size: 13px
}

.chellenge_subscription .challenge_subscription_form .form_footer  {
    display: flex;
    justify-content: center;
    padding: 11px;
}

.uplFichier {
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #000000;
    border-style: dashed;
}

.uplFichier input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: inherit;
    height: inherit;
    font-size: 20px;
    opacity: 0;
}

.coolPopupSignificationCouleurs .coolPopup-Popup {
    height: initial;
    -webkit-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.33);
}

.coolPopupSignificationCouleurs table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.coolPopupSignificationCouleurs table,
.coolPopupSignificationCouleurs th,
.coolPopupSignificationCouleurs td {
    border: 1px solid black;
}

.coolPopupSignificationCouleurs th,
.coolPopupSignificationCouleurs td {
    padding: 11px;
}

.coolPopupSignificationCouleurs .divColor {
    height: 19px;
    width: 35px;
    margin: 0px auto;
    -webkit-box-shadow: 0px 5px 7px -1px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 5px 7px -1px rgba(0,0,0,0.33);
    box-shadow: 0px 5px 7px -1px rgba(0,0,0,0.33);
}

.coolPopupSignificationCouleurs .coolPopupSignificationCouleursFooter {
    text-align: center;
    padding: 11px;
}

.reculEcheancesMdp input {
    font-size: inherit;
}

.reculEcheancesMdp td,
.reculEcheancesMdp th {
    padding: 7px !important;
}

.reculEcheancesMdp .errorForm {
    color: red;
    font-size: .65rem;
    position: absolute;
}

.reculEcheancesMdp .textAlignCenter {
    text-align: center;
}

.reculEcheancesMdp .alignItemsCenter {
    align-items: center;
}

.reculEcheancesMdp .reculInput:focus {
    border-color: #337ab7;
    box-shadow: inherit;
}

.reculEcheancesConfirmationModal .countExpirationBold {
    font-size: 1rem;
    font-weight: bold;
    color: red;
    padding-left: 5px;
    padding-right: 5px;
}

body.body_master {
    margin-top: 5px;
}

.facadeSeule .facadeSeuleContent {
    margin-bottom: 15px;
}

.facadeSeule .facadeSeuleContent .facadeSeuleItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.facadeSeule .facadeSeuleContent .facadeSeuleItem .facadeSeuleLeft {
    display: flex;
    align-items: center;
}

.facadeSeule .facadeSeuleContent .facadeSeuleItem .facadeSeuleRight {
    font-size: 1rem;
}

.facadeSeule .facadeSeuleContent .facadeSeuleItem .facadeSeuleArrow {
    margin-right: 11px;
    width: 11px;
}

.facadeSeule .facadeSeuleContent .facadeSeuleItem .facadeSeuleInfo {
    flex: 1
}

.facadeSeule .facadeSeuleContent .facadeSeuleItem .facadeSeuleInfo .facadeSeuleIdentifiant {
    font-weight: bolder;
    font-size: 1.1em;
    text-decoration: underline;
    color: rgb(165, 0, 52)
}

.facadeSeule .facadeSeuleContent .facadeSeuleItem .facadeSeuleInfo .facadeSeuleDetail {
    color: gray;
}

.facadeSeule .tableFacadeSeuleComponent {
    margin-top: 11px;
}

.facadeSeule .tableFacadeSeuleComponent .tablePositionDestination td {
    width: 45px;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid black;
}

.facadeSeule .tableFacadeSeuleComponent .thInformations {
    width: 25%;
}

.facadeSeule .tableFacadeSeuleComponent .tdReponse {
    width: 25%;
}

.facadeSeule .tableFacadeSeuleComponent .tdPositionDestination,
.facadeSeule .tableFacadeSeuleComponent .tdElectroMenager {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.facadeSeule .tableFacadeSeuleComponent .tdSelectedPositionDestination {
    color: red;
    font-weight: bold
}

.modalElectroMenager .tbodySaisieLibreElectroMenager input,
.modalElectroMenager .tbodySaisieLibreElectroMenager select,
.modalElectroMenager .tbodyChoixElectroMenager input,
.modalElectroMenager .tbodyChoixElectroMenager select,
.tableFacadeSeuleComponent input,
.tableFacadeSeuleComponent select {
    font: inherit !important;
}

.modalElectroMenager .theadChoixElectroMenager .thLibelle {
    width: 51%;
}

.modalElectroMenager .theadChoixElectroMenager .thChoisir {
    width: 11%;
}

.modalElectroMenager .errorText,
.facadeSeule .errorText {
    color: red;
}

.facadeSeule .errorFormList {
    margin-top: 0;
    margin-bottom: 0;
}

.facadeSeule .tableFacadeSeuleComponent .tdError {
    color: red;
}

.facadeSeule .tableFacadeSeuleComponent .tdAchete {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.facadeSeule .tableFacadeSeuleComponent .tdAchete .acheteOuiNon {
    display: flex;
}

/* Case à cocher choix notice pose */
.ZonePdlNotice {
    display: flex;
    padding: 10px;
}

.VerticalAlignement {
    vertical-align: middle;
}

.ZonePDL {
    flex: 1;
    vertical-align: middle;
}

.ZoneChoixNoticePose {
    flex: 1;
    vertical-align: middle;
}