/* Largeurs et hauteurs fixes */
.w-12px  { width: 12px !important; }
.w-16px  { width: 16px !important; }
.w-24px  { width: 24px !important; }
.w-32px  { width: 32px !important; }
.w-40px  { width: 40px !important; }
.w-50px  { width: 50px !important; }
.w-75px  { width: 75px !important; }
.w-100px { width: 100px !important; }
.w-125px { width: 125px !important; }
.w-150px { width: 150px !important; }
.w-200px { width: 200px !important; }
.w-250px { width: 250px !important; }
.w-300px { width: 300px !important; }
.w-350px { width: 350px !important; }
.w-400px { width: 400px !important; }
.w-450px { width: 450px !important; }
.w-500px { width: 500px !important; }
.w-550px { width: 550px !important; }
.w-600px { width: 600px !important; }
.w-650px { width: 650px !important; }
.w-700px { width: 700px !important; }
.w-750px { width: 750px !important; }
.w-800px { width: 800px !important; }

.h-12px  { height: 12px !important; }
.h-16px  { height: 16px !important; }
.h-24px  { height: 24px !important; }
.h-32px  { height: 32px !important; }
.h-40px  { height: 40px !important; }
.h-50px  { height: 50px !important; }
.h-75px  { height: 75px !important; }
.h-100px { height: 100px !important; }
.h-125px { height: 125px !important; }
.h-150px { height: 150px !important; }
.h-200px { height: 200px !important; }
.h-250px { height: 250px !important; }
.h-300px { height: 300px !important; }
.h-350px { height: 350px !important; }
.h-400px { height: 400px !important; }
.h-450px { height: 450px !important; }
.h-500px { height: 500px !important; }
.h-550px { height: 550px !important; }
.h-600px { height: 600px !important; }
.h-650px { height: 650px !important; }
.h-700px { height: 700px !important; }
.h-750px { height: 750px !important; }
.h-800px { height: 800px !important; }

/* Positionnements */
left-10px { left: 10px !important; }
left-15px { left: 15px !important; }
left-30px { left: 30px !important; }
left-50px { left: 50px !important; }
top-10px { top: 10px !important; }
top-15px { top: 15px !important; }
top-30px { top: 30px !important; }
top-50px { top: 50px !important; }
right-10px { right: 10px !important; }
right-15px { right: 15px !important; }
right-30px { right: 30px !important; }
right-50px { right: 50px !important; }
bottom-10px { bottom: 10px !important; }
bottom-15px { bottom: 15px !important; }
bottom-30px { bottom: 30px !important; }
bottom-50px { bottom: 50px !important; }


/* Flash messages */
.flash-container
{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1030;
}
.flash
{
    animation: flashMessage 750ms ease 500ms 1 normal forwards;
        -webkit-animation: flashMessage 750ms ease 500ms 1 normal forwards;
    opacity: 0;
    position: relative;
}
.flash .alert
{
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 5px solid;
}
.flash .btn-close
{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
@keyframes flashMessage {
    0% {
        opacity: 0;
        transform: translateY(-200px);
            -webkit-transform: translateY(-200px);
            -moz-transform: translateY(-200px);
            -ms-transform: translateY(-200px);
            -o-transform: translateY(-200px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
    }
}

/* ----- Curseurs ----- */
.cursor-auto          { cursor: auto; }
.cursor-cell          { cursor: cell; }
.cursor-col-resize    { cursor: col-resize; }
.cursor-context-menu  { cursor: context-menu; }
.cursor-copy          { cursor: copy; }
.cursor-crosshair     { cursor: crosshair; }
.cursor-default       { cursor: default; }
.cursor-e-resize      { cursor: e-resize; }
.cursor-ew-resize     { cursor: ew-resize; }
.cursor-help          { cursor: help; }
.cursor-move          { cursor: move; }
.cursor-n-resize      { cursor: n-resize; }
.cursor-ne-resize     { cursor: ne-resize; }
.cursor-new-resize    { cursor: ne-resize; }
.cursor-no-drop       { cursor: no-drop; }
.cursor-none          { cursor: none; }
.cursor-not-allowed   { cursor: not-allowed !important; }
.cursor-ns-resize     { cursor: ns-resize; }
.cursor-new-resize    { cursor: ne-resize; }
.cursor-nwse-resize   { cursor: nwse-resize; }
.cursor-pointer       { cursor: pointer; }
.cursor-progress      { cursor: progress; }
.cursor-row-resize    { cursor: row-resize; }
.cursor-s-resize      { cursor: s-resize; }
.cursor-se-resize     { cursor: se-resize; }
.cursor-sw-resize     { cursor: sw-resize; }
.cursor-text          { cursor: text; }
.cursor-vertical-text { cursor: vertical-text; }
.cursor-w-resize      { cursor: w-resize; }
.cursor-wait          { cursor: wait; }
.cursor-moz-grab      { cursor: -moz-grab; }
.cursor-moz-zoom-in   { cursor: -moz-zoom-in; }
.cursor-moz-zoom-out  { cursor: -moz-zoom-out; }
.cursor-alias         { cursor: alias; }
.cursor-all-scroll    { cursor: all-scroll; }

/* ----- Couleurs ----- */
.text-ardoise     { color: #5B6163; }
.text-anthracite  { color: #2B2B2B; }
.text-pin         { color: #3D858E; }
.text-jade        { color: #5BB3A3; }
.text-cerise      { color: #CA3C20; }
.text-turquin     { color: #3E73A1; }
.text-paon        { color: #46A1B6; }
.text-lila        { color: #804FA5; }
.text-capucine    { color: #F84C66; }
.text-melon       { color: #F5A644; }
.text-orange      { color: #FF9800; }
.text-amber       { color: #FFC107; }
.text-yellow      { color: #FFEB3B; }
.text-lime        { color: #CDDC39; }
.text-light-green { color: #8BC34A; }
.text-green       { color: #4CAF50; }
.text-teal        { color: #009688; }
.text-cyan        { color: #00BCD4; }
.text-light-blue  { color: #03A9F4; }
.text-blue        { color: #2196F3; }
.text-indigo      { color: #3F51B5; }
.text-deep-purple { color: #673AB7; }
.text-purple      { color: #9C27B0; }
.text-pink        { color: #E91E63; }
.text-red         { color: #F44336; }

.bg-ardoise     { background-color: #5B6163; }
.bg-anthracite  { background-color: #2B2B2B; }
.bg-pin         { background-color: #3D858E; }
.bg-jade        { background-color: #5BB3A3; }
.bg-cerise      { background-color: #CA3C20; }
.bg-turquin     { background-color: #3E73A1; }
.bg-paon        { background-color: #46A1B6; }
.bg-lila        { background-color: #804FA5; }
.bg-capucine    { background-color: #F84C66; }
.bg-melon       { background-color: #F5A644; }
.bg-orange      { background-color: #FF9800; }
.bg-amber       { background-color: #FFC107; }
.bg-yellow      { background-color: #FFEB3B; }
.bg-lime        { background-color: #CDDC39; }
.bg-light-green { background-color: #8BC34A; }
.bg-green       { background-color: #4CAF50; }
.bg-teal        { background-color: #009688; }
.bg-cyan        { background-color: #00BCD4; }
.bg-light-blue  { background-color: #03A9F4; }
.bg-blue        { background-color: #2196F3; }
.bg-indigo      { background-color: #3F51B5; }
.bg-deep-purple { background-color: #673AB7; }
.bg-purple      { background-color: #9C27B0; }
.bg-pink        { background-color: #E91E63; }
.bg-red         { background-color: #F44336; }
.bg-taupe       { background-color: #463F32; }

/* ----- Couleur de classement ----- */
.bg-gold   { background-color: #FFD700 !important; color: #000000 !important; }
.bg-silver { background-color: #C0C0C0 !important; color: #000000 !important; }
.bg-bronze { background-color: #CD7F32 !important; color: #000000 !important; }

/* ----- Classes communes ----- */
.pt-50
{
    padding-top: 50px;
}

/* ----- Boutons d'action et liens type bouton ----- */
.btn-w-150 { width: 150px; }
.btn-w-120 { width: 120px; }
.btn-w-100 { width: 100px; }

.btn-prepend-icon
{
    bottom: -26px;
    color: #FFFFFF;
    height: 30px;
    left: -8px;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    top: -4px;
    width: 30px;
}

.btn-prepend-icon-primary         { background-color: #0069D9; }
.btn-prepend-icon-danger          { background-color: #C82333; }
.btn-prepend-icon-warning         { background-color: #E0A800; }
.btn-prepend-icon-secondary       { background-color: #5A6268; }
.btn-prepend-icon-success         { background-color: #1E7E34; }

.btn-append-text
{
    margin-left: 30px;
    text-align: left;
}

/* Pagination */
.page-link
{
    border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    font-size: 9pt;
}
.page-item.active > .page-link
{
    background-color: #CFE2FF;
    border-color: #9DC2F9;
    color: #000000;
}

/* Supprime les marges des paragraphes CKEditor dans les tableaux */
.no-table-cell-p-margin p, .no-list-group-p-margin p
{
    margin: 0;
}

/* Ruban "Nouveau" */
.ribbon-new {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    color: #FFFFFF;
    font-size: 0.85rem;
    font-weight: bold;
    height: 30px;
    left: -10px;
    line-height: 30px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    top: 90px;
    transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    transform-origin: -30px 5px;
    width: 130px;
    z-index: 10;
}