* { margin:0; padding: 0; box-sizing:border-box; }
body { background:#ffffff; font:12px / 1.55 Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; }
img { max-width:100%; height:auto; }
a { color:#ffffff; text-decoration:none; }
a:hover { color:#ffffff; text-decoration:underline; }
:focus { outline:0; }
h1, h2, h3, h4, h5, h6 { margin:0 0 5px; line-height:1.35; }
h1 { font-size:20px; font-weight:normal; }
h2 { font-size:18px; font-weight:normal; }
p { margin:0 0 10px; }
ul, ol { list-style:none; }

.page { max-width:1200px; margin:0 auto; text-align:center; }
.accroche-header { line-height:40px; font-size:30px; font-weight:bold; background:#ffffff; color:#000000; padding:5px 0 5px 0; }
.accroche-header a { color:#ffffff; }
.showroom-header { font-size:25px; font-weight:normal; background:#000000; color:#ffffff; text-align:center; padding:15px 0 15px 0; }
.showroom-date { color:#f23054; }
.websites-list { display:block; background:transparent; }
.websites-list:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.websites-list li{ display:block; float:left; width:600px; background:#fff; }
.website-logo { height:70px; line-height:70px; margin:0 0 10px; padding:0 10px; text-align:center; }
.website-logo img{ vertical-align:middle; }
.website-legend { height:70px; line-height:30px; padding:0 10px; font-size:20px; }
.website-legend2 { height:50px; line-height:30px; padding:0 10px; font-size:20px; font-weight:bold; }
.website-link { font-size:30px; font-weight:bold; text-decoration:none; line-height:80px; }
.website-link:hover { text-decoration:underline; }
.website-footer { font-size:10px; font-weight:bold; text-align:center; color:#333333; margin:0 auto; padding:10px 0 60px; }
.website-footer h1 { font-size:12px; font-weight:bold; color:#333333; }
.website-footer h2 { font-size:11px; font-weight:bold; color:#333333; }
.websites-list .website-pause-canap { background:#b70214; }
.websites-list .website-coindesfilles { background:#f23054; }
.websites-list .website-heribro { background:#74b63b; }
.websites-list .website-happy-selfie { background:#31b7d4; }
.websites-list .website-modacroquer { background:#c02283; }
.website-image img { display:block; }

@media (max-width: 1200px)
{
    .page { padding:0 10px; }
    iframe { max-width:100%; }
    .websites-list li{ width:50.0%; }
}

@media (max-width: 849px)
{
    .websites-list li{ float:none; width:100%; height:auto; }
    .website-logo { height:auto; line-height:normal; padding:16px 10px 10px; }
    .website-legend { height:auto; }
}