/* Reset */

html, body { width:100%; height:100%; }
img { border:0 none; padding:0; margin:0; }
p, ul, ol, li, blockquote, input, div, input, textarea, select, option, form, label, fieldset { margin:0; padding:0; }
input, select, textarea, table, td, th {  font: inherit; }
td, th { vertical-align:top; text-align:left; }
em { font-style:italic; font-weight:normal; }
sup { vertical-align:baseline; font-size:75%; position:relative; top:-0.5em; }



body {
    margin:0; padding:0; text-align:center;
    background-color:#FFFFFF;
    font-family: Arial, Sans-serif; font-size:100%; color:#595959;
}


a, a:visited {
    text-decoration:underline; color:#595959; display: inline-block;
}
a:hover, a:visited:hover {
    text-decoration:none; color:#595959;
}


.blocs-container {
    display: table; height: 100%; width: 100%; font-size: 14px;
}

.bloc {
    display: table-cell; width: 50%; text-align: left; vertical-align: middle; padding: 40px;
}

.bloc-content {
    width: 440px; margin: 0 auto;
}

a.lien-fleche::before {
    content: ">"; float: left; margin-right: 5px;
}


img {
    display: block; /*margin: 0 0 35px 0;*/ margin: 0 auto 35px auto;
}

p {
    margin-bottom: 25px; padding: 0;
}

.bloc-noir {
    background: #000; color: #FFF;
}
.bloc-noir a, .bloc-noir a:visited {
    text-decoration:underline; color:#FFF;
}
.bloc-noir a:hover, .bloc-noir a:visited:hover {
    text-decoration:none; color:#FFF;
}

img.logo-baralunettes {
	display: block; /*margin-top: 32px;*/
}
img.logo-msdion {
        margin-top: 15px;
    }


@media only screen and (max-width : 1100px) {
    .bloc-content {
        width: 370px;
    }
    img.logo-baralunettes {
        display: block; max-width: 100%; height: auto;
    }
	img.logo-msdion {
        display: block; max-width: 100%; height: auto; max-height: 150px; /*height: 150px; margin-top: 18px;*/
    }
}


@media only screen and (max-width : 900px) {
    .bloc-content {
        width: auto;
    }
    .blocs-container {
        display: block;
    }
    .bloc {
        display: block; padding: 50px; width: auto;
    }
    img {
        /*margin-left: 0; margin-right: 0;*/
    }
    a.lien-fleche::before {
        display: none;
    }
    img.logo-msdion {
        margin-top: 0;
    }
}