/* Section 2
* ----------------------------------------- */

#s2_left {
    
    padding: 5% 10% 5% 2%;

    background: -webkit-radial-gradient(#EEEEEE, #929292); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#EEEEEE, #929292); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#EEEEEE, #929292); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#EEEEEE, #929292); /* Standard syntax (must be last) */
}
#s2_right{
    background-color: #3d7bb8;
    background-image: url(../mmd/images/bg_prog.jpg);
    background-size: cover;
    background-position: center;
}

/* Présentation 

*---------------------------------------------------*/



/* Projets 
*---------------------------------------------------*/

#prog01{
    background-image: url(../mmd/projects/dracar/accueil.jpg);
    background-size: cover;
    background-position: center;
}

#prog01_img{
    position: relative;
    top:50%;
    -ms-transform :translateY(-50%);
    -webkit-transform :translateY(-50%);
    transform: translateY(-50%);

    width: 100%;
}
#prog02{
    background-image: url(../mmd/projects/33jours/logo_accueil.jpg);
    background-size: cover;
    background-position: center;
}

.prog02_img{
    width: 100%;
    display: inline-block;
}
.prog02_img02{
    display: inline-block;
    width: 49%;
    margin: 0;
    padding: 0;
}
#prog03{
    background-image: url(../mmd/projects/cauchemar/rift-logo.jpg);
    background-size: cover;
    background-position: center;
}
.prog03_img{
    max-height: 48%;
    margin-top: 1%;
}
#prog04{
    background-image: url(../mmd/projects/bouffon/icone.jpg);
    background-size: cover;
    background-position: center;
}
.prog04_img{
    max-height: 48%;
    margin-top: 1%;
}