#opendcp
    {
    background-image: url(../image/distri/encodage/opendcp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_opendcp
    {
    background-color: #4E4E4E;
    }
.fond_opendcp .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(229, 229, 229, 0.1)!important;
    }
.fond_opendcp p, .fond_opendcp h2, .fond_opendcp .mdl-button
    {
    color: #E5E5E5!important;    
    }

#dcpomatic
    {
    background-image: url(../image/distri/encodage/dcpomatic.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_dcpomatic
    {
    background-color: #892205;
    }
.fond_dcpomatic .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 255, 255, 0.1)!important;
    }
.fond_dcpomatic p, .fond_dcpomatic h2, .fond_dcpomatic .mdl-button
    {
    color: #FFFFFF!important;    
    }

#wraptor
    {
    background-image: url(../image/distri/encodage/wraptor.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_wraptor
    {
    background-color: #000000;
    }
.fond_wraptor .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(0, 255, 0, 0.1)!important;
    }
.fond_wraptor p, .fond_wraptor h2, .fond_wraptor .mdl-button
    {
    color: #00FF00!important;    
    }

#cutedcp
    {
    background-image: url(../image/distri/encodage/cutedcp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_cutedcp
    {
    background-color: #2C3033;
    }
.fond_cutedcp .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 255, 255, 0.1)!important;
    }
.fond_cutedcp p, .fond_cutedcp h2, .fond_cutedcp .mdl-button
    {
    color: #FFFFFF!important;    
    }

#easydcp
    {
    background-image: url(../image/distri/encodage/easydcp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_easydcp
    {
    background-color: #B2B4B4;
    }
.fond_easydcp .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(229, 61, 22, 0.1)!important;
    }
.fond_easydcp p, .fond_easydcp h2, .fond_easydcp .mdl-button
    {
    color: #E53D16!important;    
    }

#ffmpeg
    {
    background-image: url(../image/distri/encodage/ffmpeg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_ffmpeg
    {
    background-color: #303030;
    }
.fond_ffmpeg .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(68, 157, 68, 0.1)!important;
    }
.fond_ffmpeg p, .fond_ffmpeg h2, .fond_ffmpeg .mdl-button
    {
    color: #449D44!important;    
    }

#quicktime
    {
    background-image: url(../image/distri/encodage/quicktime.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_quicktime
    {
    background-color: #2C2C2B;
    }
.fond_quicktime .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(26, 208, 252, 0.1)!important;
    }
.fond_quicktime p, .fond_quicktime h2, .fond_quicktime .mdl-button
    {
    color: #1AD0FC!important;    
    }

#handbrake
    {
    background-image: url(../image/distri/encodage/handbrake.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_handbrake
    {
    background-color: #E9F5FF;
    }
.fond_handbrake .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(211, 41, 35, 0.1)!important;
    }
.fond_handbrake p, .fond_handbrake h2, .fond_handbrake .mdl-button
    {
    color: #D32923!important;    
    }

#mpegstreamclip
    {
    background-image: url(../image/distri/encodage/mpegstreamclip.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_mpegstreamclip
    {
    background-color: #FFFFFF;
    }
.fond_mpegstreamclip .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 255, 255, 0.1)!important;
    }
.fond_mpegstreamclip p, .fond_mpegstreamclip h2, .fond_mpegstreamclip .mdl-button
    {
    color: #0878F0!important;    
    }

#mediaencoder
    {
    background-image: url(../image/distri/encodage/mediaencoder.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_mediaencoder
    {
    background-color: #0B004D;
    }
.fond_mediaencoder .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(158, 140, 255, 0.1)!important;
    }
.fond_mediaencoder p, .fond_mediaencoder h2, .fond_mediaencoder .mdl-button
    {
    color: #9E8CFF!important;    
    }

#totalcode
    {
    background-image: url(../image/distri/encodage/totalcode.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_totalcode
    {
    background-color: #4d000e;
    }
.fond_totalcode .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(237, 235, 234, 0.1)!important;
    }
.fond_totalcode p, .fond_totalcode h2, .fond_totalcode .mdl-button
    {
    color: #edebea!important;    
    }