@font-face {
    font-family: 'ITC';
    src: url('/fonts/ITC/ITCAvantGardeStd-Bk.otf');
}
@font-face {
    font-family: 'ITCBold';
    src: url('/fonts/ITC/ITCAvantGardeStd-Bold.otf');
}
@font-face {
    font-family: 'ITCCdn';
    src: url('/fonts/ITC/ITCAvantGardeStd-BkCn.otf');
}

.errors div.alert {
    padding: 8px;
    background-color: #2c0b0e;
    color: #e8848d;
}
.input-group-text {
    color: #fff;
    background-color: #10260b;
    border-radius: 0px;
    border: 1px solid #111;
}
.help-text {
    color: #262626;
    background-color: #b5b5b5;
}

.input-group-text, .form-control, .form-select 
{
    padding: 2px;
    margin-bottom: 2px;
}

/* ****************************** TABLE ****************************** */
.tablesorter-blackice,
.tablesorter-blackice th, .tablesorter-blackice thead td {
    font: inherit !important;
}


.table-mdtq {
    border-collapse: collapse;
    border: 0px solid #888888;
    min-width: 300px;
}
.table-mdtq tr th {
    background-color: #2f2f2f;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}
.table-mdtq tr td {
    background-color: #111;
    color: #fff;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 2px;
}
.table-mdtq tr  {
    padding: 3px;
    margin: 2px;
}
.table-mdtq tr td:nth-child(odd) {
    background-color: #0d0d0d;
}
.table-mdtq tr td:nth-child(even) {
    background-color: #111;
}
.table-mdtq tr:hover td {
    background-color: #011700;
    background-color: #223;
}
.table-mdtq tr td a {
    color: rgb(129, 223, 77);
    color: rgb(128, 255, 57);
    text-decoration: none;
}

.table-mdtq tr td a:hover {
    text-decoration: underline;
}
/* ****************************** TABLE ****************************** */

/*
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf');
    src: url('/fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf') format('truetype');
}


@font-face {
    font-family: 'RobotoSlab';
    src: url('/fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf');
    src: url('/fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Fascinate';
    src: url('/fonts/Fascinate/Fascinate-Regular.ttf');

    src: url('/fonts/Fascinate/Fascinate-Regular.ttf?#iefix')
        format('embedded-opentype'),
         url('/fonts/Fascinate/Fascinate-Regular.ttf') format('woff'),
         url('/fonts/Fascinate/Fascinate-Regular.ttf')
        format('truetype'),;
}

Couleurs LGM :
--------------
    77c4b4 bleu clair
    db4a37 orange
    013f6e bleu foncé
    
*/
/* a, a:visited {text-decoration:none; color: #00a;} */
body {
    background-color: #000;
    color: #fff;
    font-family: Roboto;
    font-size: 15px !important;
}
/* Pour empêcher l'animation du modal qui rend malade */        
.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: inherit;
  transform: inherit;
}
.modal-header {
    color: #fff;
    background-color: #8e0a54;
    background-color: #084071;
    background-color: #0d6efd;
    background-color: #013f6e;
    padding: 4px;
    padding-left: 10px;
    cursor: pointer;
    width: 640px;
}
.modal-body {
    background-color: #000;
    color: #fff;
}
.modal-footer {
    background-color: #111;
}

.imgpanier {
    height: 32px
}
.imgpanier:hover {
    -webkit-box-shadow: 5px 5px 10px 5px #00000033; 
    box-shadow: 5px 5px 10px 5px #00000033;
}

.rubrique {
    background-image: url('/img/folder-image.svg');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
    padding: 5px;
    padding-top: 1px; padding-bottom: 1px;
    padding-left: 25px;
    width: 100%;
    display: block;
}
.rubrique a {
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: block;
}
.rubrique-rub {
    background-image: url('/img/folder-image.svg');
}
.rubrique-last {
    background-image: url('/img/folder-nouveautes.svg');
}
.rubrique-rubriques {
    background-image: url('/img/folder-rubriques.svg');
}
.rubrique-aclasser {
    background-image: url('/img/folder-pelemele.svg');
}
.rubrique-recherche {
    background-image: url('/img/recherche.svg');
}
.rubrique-ajouter {
    background-image: url('/img/ajouter.svg');
}
.rubrique-users {
    background-image: url('/img/menu-users.svg');
}
.rubrique-groupes {
    background-image: url('/img/menu-groupes.svg');
}
.rubrique-tags {
    background-image: url('/img/menu-tags.svg');
}
.rubrique-stats {
    background-image: url('/img/menu-stats.svg');
}
.rubrique-stats-dl {
    background-image: url('/img/download.svg');
}
.rubrique-corbeille {
    background-image: url('/img/trash.svg');
}
.rubrique-telechargements {
    background-image: url('/img/download.svg');
}
.rubrique-partages {
    background-image: url('/img/share.svg');
}
.rubrique-options {
    background-image: url('/img/media-status-0.svg');
}

.rubrique-panier {
    background-image: url('/img/panier.svg');
}
.rubrique-addmedia {
	background-image: url('/img/ajouter.svg');
}
.rubrique-mentions-legales, .rubrique-politique-confidentialite {
	background-image: url('/img/legal.svg');
}


.modal-dialog{
  margin: auto;
  max-width: none;  
  width: fit-content;
 }
 
.rubrique-nb {
    font-size: 85%;
}

.rubenfant {
    display: inline-block;
    background-image: url('/img/folder-image.svg');
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #fff;
    padding: 15px;
    padding-top: 3px; padding-bottom: 3px;
    padding-left: 35px;
    
    
    color: #fff;
    text-decoration: none;
    background-color: #333333;
    /*padding: 3px;*/
    font-weight: bold;
    border: 1px solid #757575;
    /*line-height: 40px; */
    margin: 5px;
    margin-left: 0px;
    
    border-radius: 4px;
}

.rubenfant:hover {
    background-color: #444;
}

.rubparent {
    background-image: url('/img/rubrique-back.svg');
}

.rubrique-edit {
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left top;
    color: #fff;
    padding: 5px;
    padding-top: 1px; padding-bottom: 1px;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
}
.rubrique:not(.rubselected):hover {
    background-color: #5C1F17;
    background-color: #333;
}
.rubselected {
    color: #FFF;
    /*background-color: #db4a37;*/
    background-color: #24481d;
    /*border-radius: 5px;*/
}

.media {
    display: inline-block;
    vertical-align: top;
    border: 0px solid #fff;
    max-width: 202px;
    /*max-height: 200px;
    height: 150px;*/
    width: 202px;
    margin: 3px;
    /* border-radius: 5px; */
    /* cursor: pointer; */
}
.media:hover {
    background-color: #111;
}
.media-visuel {cursor: pointer;
width: 200px;
height: 150px;
background-image: url('/medias/mini/SqAQVs0G5uTKQS4ZXZj2.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position:center center;
margin-bottom: 20px;
}
.media-lib {
    /*height: 25px;*/
    
    font-weight: bold;
    padding-left: 5px;
    font-size: 120%;
    background-color: #aaa; 
    background-color: #3333;
    
    color: #fff;
    font-family: ITCCdn;
    
    width: 100%;
    position: absolute;
    visibility: hidden;
}
.media-lib-sm {
    font-size: 90%;
}

.media:hover .media-lib {
    background-color: #333;
    visibility: visible;
}
.media-prop {
    height: 24px;
}

#nbpanier {
    display: inline-block;
    text-align: center;
    background-color: #88cc2a;
    color: #000;
    border-radius: 15px;
    min-width: 28px;
    padding: 2px;
    font-family: Roboto;
    font-weight: bold;
    font-size: 110%;
}


@media only screen and (min-width: 2000px) {
	.media {
	    display: inline-block;
	    vertical-align: top;
	    border: 0px solid #fff;
	    max-width: 300px;
	    /*max-height: 200px;
	    height: 150px;*/
	    width: 300px;
	    margin: 3px;
	    /* border-radius: 5px; */
	    /* cursor: pointer; */
	}
	.media-visuel {cursor: pointer;
	    width: 300px;
	    height: 200px;
	}
	.media-prop {
	    height: 32px;
	}
	body {
	    font-size: 18px !important;
	}
}