#downloads-popup
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    overflow: auto;
    background-color: #fafafa;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform 0.2s ease;
    font-family: 'unistraA';
    font-size: 2em;
    line-height: 1.2;
}

#downloads-popup.active
{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.telechargement,
.masonry-sizer
{
    width: 50%;
}
@media (max-width: 859px)
{
    .telechargement,
    .masonry-sizer
    {
        width: 100%;
    }
}

.telechargement.left    {border-right: 1px solid #dddddd;}
.telechargement.right   {border-left: 1px solid #dddddd;}

@media (max-width: 859px)
{
    .telechargement.left,
    .telechargement.right
    {
        border-right: none;
        border-left: none;
    }
}

.telechargement:nth-child(2n+4),
.telechargement:nth-child(2n+5)
{
    border-top: 1px solid #dddddd;
}

@media (max-width: 859px)
{
    .telechargement:nth-child(2n+3)
    {
        border-top: 1px solid #dddddd;
    }
}

.telechargement-xs    {height: 100px;}
.telechargement-md    {height: 350px;}
.telechargement-lg    {height: 450px;}

@media (max-width: 859px)
{
    .telechargement-xs,
    .telechargement-md,
    .telechargement-lg
    {
        height: auto;
    }
}

@media (max-width: 859px)
{
    .telechargement
    {
        position: static !important;
    }
}

.telechargement-info
{
    font-size: 0.5em;
    font-family: 'unistraA';
}

.telechargement > a
{
    display: block;
    height: 100%;
    text-decoration: none;
}
@media (max-width: 859px)
{
    .telechargement > a
    {
        padding: 60px 0;
    }
}

.telechargement .outer-container
{
    display: table;
    width: 62%;
    height: 100%;
    margin: 0 auto;
}
@media (max-width: 859px)
{
    .telechargement .outer-container
    {
        display: block;
    }
}

.telechargement .inner-container
{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
@media (max-width: 859px)
{
    .telechargement .inner-container
    {
        display: block;
    }
}

.telechargement .under-construction
{
    font-family: 'unistraA';
    font-size: 0.5em;
    position: relative;
    top: -4px;
    border: 1px solid #dddddd;
    padding: 2px 6px;
    display: inline-block;
    margin-right: 4px;
}
@media (max-width: 859px)
{
    .telechargement.is-under-construction .inner-container
    {
        padding: 50px 0;
    }
}

.telechargement p
{
    display: inline;
}

.telechargement .important,
.telechargement a .important
{
    font-family: 'unistraA';
    font-weight: bold;
}

.telechargement,
.telechargement a                                            {color:#fafafa;background-color:#000000;}
.telechargement .important,
.telechargement a .important                                 {color:#fafafa;}
.telechargement.is-under-construction                        {color:#000000;background-color:#fafafa;}
.telechargement.is-under-construction .important             {color:#000000;}
.telechargement.is-under-construction .under-construction    {color:#000000;border-color:#000000;}

.telechargement-cat-A,
.telechargement-cat-A a                                            {background-color:#FF4D4D;}
.telechargement-cat-A.is-under-construction,
.telechargement-cat-A.is-under-construction .important             {color:#FF4D4D;}
.telechargement-cat-A.is-under-construction .under-construction    {color:#FF4D4D;border-color:#FF4D4D;}
.telechargement-cat-A:not(.is-under-construction):hover a          {background-color: #FF5151;}

.telechargement-cat-SG,
.telechargement-cat-SG a                                            {background-color:#3877fc;}
.telechargement-cat-SG.is-under-construction,
.telechargement-cat-SG.is-under-construction .important             {color:#3877fc;}
.telechargement-cat-SG.is-under-construction .under-construction    {color:#3877fc;border-color:#3877fc;}
.telechargement-cat-SG:not(.is-under-construction):hover a          {background-color: #407cfd;}

.telechargement-cat-SS,
.telechargement-cat-SS a                                            {background-color:#6348c0;}
.telechargement-cat-SS.is-under-construction,
.telechargement-cat-SS.is-under-construction .important             {color:#6348c0;}
.telechargement-cat-SS.is-under-construction .under-construction    {color:#6348c0;border-color:#6348c0;}
.telechargement-cat-SS:not(.is-under-construction):hover a          {background-color: #6651b2;}

.telechargement-cat-PB,
.telechargement-cat-PB a                                            {background-color:#00ab88;}
.telechargement-cat-PB.is-under-construction,
.telechargement-cat-PB.is-under-construction .important             {color:#00ab88;}
.telechargement-cat-PB.is-under-construction .under-construction    {color:#00ab88;border-color:#00ab88;}
.telechargement-cat-PB:not(.is-under-construction):hover a          {background-color: #00b28d;}

.telechargement-cat-W,
.telechargement-cat-W a                                            {background-color:#f75a45;}
.telechargement-cat-W.is-under-construction,
.telechargement-cat-W.is-under-construction .important             {color:#f75a45;}
.telechargement-cat-W.is-under-construction .under-construction    {color:#f75a45;border-color:#f75a45;}
.telechargement-cat-W:not(.is-under-construction):hover a          {background-color: #f46552;}

.telechargement-cat-SI,
.telechargement-cat-SI a                                            {background-color:#cf214f;}
.telechargement-cat-SI.is-under-construction,
.telechargement-cat-SI.is-under-construction .important             {color:#cf214f;}
.telechargement-cat-SI.is-under-construction .under-construction    {color:#cf214f;border-color:#cf214f;}
.telechargement-cat-SI:not(.is-under-construction):hover a          {background-color: ##ce2853;}

.telechargement-cat-SE,
.telechargement-cat-SE a                                            {background-color:#cf214f;}
.telechargement-cat-SE.is-under-construction,
.telechargement-cat-SE.is-under-construction .important             {color:#cf214f;}
.telechargement-cat-SE.is-under-construction .under-construction    {color:#cf214f;border-color:#cf214f;}
.telechargement-cat-SE:not(.is-under-construction):hover a          {background-color: #ce2853;}

.telechargement-info    {color:#999999;background-color:#fafafa;}
@media (max-width: 859px)
{
    .telechargement-info
    {
        padding: 10px 0;
    }
}