html {
    /* Footer*/
    position: relative;
    min-height: 100%;
}

body {
    /* Footer*/
    margin-bottom: 60px;
}

.notSupport {
    background: red;
    color: white;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 20px;
    z-index: 99999;
}

.labelFilter {
    display: inline-block;
    margin-bottom: 5px;
}

.caretDrop {
    position: absolute;
    left: 96%;
    top: 45%;
}

.textDrop {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.dropdown-menu {
    background-color: #fff;
    min-width: 100%;
    max-height: 200px;
    overflow-y: scroll;
}

.btnLanguage {
    float: left;
}

#pagebodyplaceholder_TotalRows {
    white-space: normal;
}

/* Font page maitre*/
.bgMain {
    background-image: url("../img/bg-main.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bgPage {
    background-image: url('../img/bg-page.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

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

.orange {
    background-color: #ea5b0b;
    color: #fff;
    padding: 1%;
    border-radius: 10px;
}

.orange-min {
    background-color: #ea5b0b;
    color: #fff;
    padding: 0.1%;
    border-radius: 5px;
}

.orange-min h6 {
    line-height: 0.6;
}

.borderOrange {
    border: 1px solid #ea5b0b;
}

.search-row {
    margin-top: 2%;
    margin-bottom: -1%;
}

.titlePageAdmin-row {
    margin-bottom: 4%;
}

.LinkAccueil, .LinkAccueil:hover {
    color: #fff;
    text-decoration: none;
}

/*
 *	Main
 */
#LoginLogo {
    margin-top: 10%;
}

#LoginLogo img {
    display: inline-block;
}

/*
 *	Page
 */

.seuil {
    background-color: #ea5b0b;
    color: white;
    font-weight: bold;
}

#BoxLogoPage, .panelAccueil {
    height: 210px;
    display: table;
}

.panelAccueil {
    margin: 0 auto;
}

#BoxLogoPage div, .panelAccueil div {
    vertical-align: middle;
    display: table-cell;
}

#BoxLogoClientConfig {
    height: 200px;
}

#BoxTextLogoClientConfig {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
}

#BoxTextLogoClientConfig h3 {
    display: table-cell;
    vertical-align: middle;
}

#PageBodyPlaceholder_BtnDeleteLogo, #BoxErrorPage {
    margin-top: 38px;
    margin-bottom: 20px;
}

#BoxUploadDnd {
    width: 100%;
    height: 200px;
    border: 2px dashed #787070;
    border-radius: 2%;
    display: table;
    background-color: #ffffff;
}

.dndhover {
    background-color: #f7f7f7 !important;
}

#BoxUploadDnd h3 {
    display: table-cell;
    vertical-align: middle;
}

#logoClient {
    max-height: 150px;
}

.margin-top {
    margin-top: 20%;
}

.titlePage {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    color: #fff;
}

.titlePageAdmin h1 {
    padding-top: 2%;
}

#PageBodyPlaceholder_ErrorBox {
    margin-top: 2%;
}

.mainContent {
    margin-bottom: 100px;
}

.clientName {
    margin-top: 20%;
    margin-bottom: 2%;
}

.error {
    display: block;
}

#modal-rgpd {
    display: flex !important;
    align-items: center;
}

/*
 *	Page d'accueil
 */

#MenuAccueil {
    margin-top: 5%;
    margin-bottom: 5%;
}

#BoxLogo {
    max-height: 150px;
    margin: 0 auto;
    display: table;
}

#BoxLogo a, #BoxLogo a:hover {
    color: #787070;
}

#BoxTextBtnLogo {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 100%;
    display: table-cell;
    cursor: pointer;
}

#BoxImgBtnLogo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    cursor: pointer;
}

#BoxImgBtnLogo img {
    margin: 0 auto;
    background-color: transparent !important;
}

.padding-none {
    padding-right: 0px;
}

.circleDefault {
    color: #fff;
    height: 210px;
    display: table;
}

.circleDefault img {
    position: absolute;
    display: block;
    width: 210px;
    height: 210px;
    top: 50%;
    left: 50%;
    margin-top: -105px;
    margin-left: -105px;
    border-radius: 105px;
}

.circleDefault-min {
    color: #fff;
    height: 150px;
    display: table;
}

.circleDefault-min img {
    position: absolute;
    display: block;
    width: 150px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    border-radius: 75px;
}

.circle-min {
    height: 150px;
    display: table;
}

.circleBoxText {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.paddingTextCircle {
    padding: 0 60px !important;
}

.circleText {
    display: table-cell;
    vertical-align: middle;
    height: 210px;
}

.circleText-min {
    display: table-cell;
    vertical-align: middle;
    height: 150px;
}

.btnAccueil {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1049;
    top: 0;
    left: 0;
    border-radius: 50%;
}

.circle {
    height: 210px;
    display: table;
}

.circleInfo {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.circleInfo img, .circle img, .circleInfo input, .btnAdminAccueil input {
    margin: 0 auto;
}

#BoxInfos {
    display: none;
}

#RowInfos {
    margin-bottom: 2%;
}

#BoxLoader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}

#pagebodyplaceholder_BoxProd, #pagebodyplaceholder_BoxRef, #pagebodyplaceholder_BoxInv, #PageBodyPlaceholder_BoxUserAllow {
    margin-bottom: 2%;
}

#pagebodyinfoplaceholder_BoxProd, #pagebodyinfoplaceholder_BoxRef, #pagebodyinfoplaceholder_BoxInv {
    margin-top: 2%;
}

.panelAccueil .panelBody {
    min-width: 250px;
    height: 150px !important;
    margin: 0 auto;
}

/*
 *	Classement des colonnes sur le formulaire de création de config
 */

body.dragging, body.dragging *, .sorted-table tr :active {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.placeholder {
    width: 100%;
    height: 10px;
    background-color: #ccc;
}

.sorted-table tr {
    cursor: move;
}

.gridColumnHeader {
    cursor: auto !important;
}

/*
 *  TABLE
 */

/* Retrait de la bordure pour les table générées par ASP.Net*/
.table-noborder > tbody > tr > td {
    border: none;
}

/* Hauteur max du tableau des bases sur le formulaire de création des admin*/
#tableDbAdmin, .tableUserAllow {
    height: 180px;
    overflow: auto;
}

/* Hauteur max du tableau des configurations sur le formulaire de création des configurations*/
#tableConf, #PageBodyPlaceholder_GridUser {
    max-height: 400px;
    overflow: auto;
}

/* Hauteur max du tableau des colonnes sur le formulaire de création des configurations*/
#tableColumn {
    height: 600px;
    overflow: auto;
}

/* Message dans la table de sélection de base de donnée*/
.tableBddUse {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

#PageBodyPlaceholder_GridColumn td {
    vertical-align: middle;
}

/* TABLE CONSULTATION */

.overflow {
    display: block;
    overflow-x: auto;
    padding: 0.1%;
}

.mytable {
    border-spacing: 0;
    border-collapse: collapse !important;
    width: 99%;
    max-width: 99%;
    white-space: nowrap;
    margin: 0 auto;
    background-color: white;
}

.mytable td, .mytable th {
    border: 1px solid #ea5b0b;
    padding: 8px;
    line-height: 1.42857143;
}

.mytable-hover {
    background-color: #ea5b0b;
    color: #fff;
    cursor: pointer;
}

.picto-photo {
    background-color: white !important;
}

#photo-product {
    max-width: 80%;
}

/*
 *  NAVBAR
 */
.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ea5b0b;
    border-color: #433F3F;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #433F3F;
}

.navbar-brand {
    font-size: 2em;
}

.navbar-brand:hover, .navbar-brand:focus {
    color: #433F3F !important;
}

.navbar-brand:visited {
    color: #fff;
}

.navbar-left {
    margin-left: 10%;
}

.selected {
    color: #433F3F !important;
    text-decoration: underline !important;
}

/*
 *	FENETRE MODAL
 */

.modal-dialog {
    width: 95% !important;
}
/*
 *  BOUTON - DROPDOWN
 */
.btn-primary {
    color: #fff;
    background-color: #ea5b0b;
    border-color: #b24508;
}

.btn-align {
    margin-top: 40px;
}

.btn-attrib {
    padding-top: 180px;
}

.ddl-align {
    padding-top: 7px;
}

/*
 *  FOOTER
 */

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #EA5B0B;
}

.footer .text-muted {
    margin: 20px 0;
    color: #fff;
}

.footer a {
    color: #fff;
}

/*
 *	RESPONSIVE
 */

@media (max-width: 1280px) and (min-width: 1200px) {

    #BoxTextBtnLogo h3 {
        font-size: 18px;
    }
}


@media (max-width: 1200px) and (min-width: 1025px) {
    h1 {
        font-size: 26px;
    }

    h3 {
        font-size: 18px;
    }

    #PageBodyPlaceholder_BoxProd, #PageBodyPlaceholder_BoxRef, #PageBodyPlaceholder_BoxInv {
        margin-bottom: 8%;
    }

    .navbar-left {
        margin-left: 0;
    }

    .titlePageAdmin h1 {
        padding-top: 0px;
    }
}

@media (max-width: 1025px) and (min-width: 992px) {
    h1 {
        font-size: 24px;
    }

    h3 {
        font-size: 14px;
    }

    h4 {
        font-size: 16px;
    }

    #BoxTextLogoClientConfig {
        height: 135px;
    }
}

@media (max-width: 992px) {

    #PageBodyPlaceholder_BtnDeleteLogo {
        margin-top: 0;
    }

    .circleDefault, .circleDefault-min {
        width: 100%;
    }

    .orange-min h6 {
        line-height: 1;
    }

    .orange-min {
        margin-top: 2%;
        margin-bottom: 4%;
    }

    .circle-min {
        margin-bottom: 2%;
    }

    .ddl-align {
        text-align: left;
    }

    .center, .titlePageAdmin-row {
        text-align: center;
    }

    .titlePageAdmin-row img {
        margin: 0 auto;
        width: 20%;
    }

    .btn-attrib {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20%;
    }

    #PageBodyPlaceholder_BoxAttrib .col-xs-12 {
        margin-top: 20px;
    }

    #BoxTextLogoClientConfig {
        height: 105px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .navbar-right .navbar-text {
        text-align: right;
        margin-right: 20px;
        float: right;
    }
}

.catalogue-photo {
    max-width: 200px;
    max-height: 200px;
}

.catalogue-list-group {
    margin: 0px;
    font-size: 12px;
    line-height: 1.2;
}

@media print {
    @page {
        size: A4 landscape;
    }

    #RowInfos {
        padding-top: 85mm;
        page-break-after: always;
    }

    .page-break {
        page-break-after: always;
    }
}