/*
Skin package for boisduluc intranet

css by Netvaast

Orange base : #ff8336;

CSS pour les dosssier images
*/


/*** DOSSIER IMAGE ***/
.dossier-section{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
}

.dossier-article{
    width:260px;
    height:300px;
    border:1px solid #ccc;
    border-radius:8px;
    margin:8px;
    box-shadow:1px 1px 5px rgba(50,50,50,0.3);
    transition: all .2s ease-in-out;
}

.dossier-article:hover{
    width:260px;
    height:300px;
    border:1px solid #ff8336;
    border-radius:8px;
    margin:8px;
    box-shadow:0px 0px 0px rgba(50,50,50,0.3);
    transition: all .2s ease-in-out;
}


.dossier-article a{
    font-size:16px;
    font-family: 'Exo', sans-serif;
    color:#595a5c !important;
    text-decoration:none;
    border-bottom:none !important;
}

.dossier-article a:hover{
    color:#ff8336 !important;
    text-decoration:none;
}
.dossier-image{
    min-height:148px;
    border-radius:0px 0px 8px 8px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size:cover !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.dossier-image:hover{
    border:1px solid #fcc;
    box-shadow:0px 0px 0px rgba(50,50,50,0.3);
    opacity: 0.5;
}

.dossier-titre{
    display: table-cell; /* comportement visuel de cellule */
    vertical-align: middle;
    width:260px;
    height:150px;
    text-align:center;
    font-size:1.5em;
    padding:4px;
}