/* CSS GLOBALE */
body {margin:0; font-size:1em; font-style: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFF33; color:#0000FF}
h1 {font-size: 30px; text-transform:uppercase; margin:20px 0}
h2 {font-size: 22px; text-transform:uppercase; margin:40px 0 10px 0}
h3 {font-size: 18px; text-transform:uppercase; margin:0 0 28px 0}
p {font-size:1em; }
a {text-decoration:none; color:#0000FF}
a:hover {text-decoration:underline; color:#0000FF}
a.button {text-decoration:none; color:#FFF}
a.button:hover {text-decoration:underline; color:#FFF}
img {border:0}
ul {margin:20px 0 0 0; padding:0}
ul li {list-style-type:none;}

.conteneur {max:100%; margin:0; text-align:center;}
.corps {max-width:786px; margin:0 auto; background-color:#FFFF33}
.logo {margin:20px 0; max-width:484px;}
.couv {margin:20px 0; max-width:314px;}
.couvDouble {margin:20px 0; max-width:633px;}
.couvTriple {margin:20px 0; max-width:100%}
.texte {}
/*
.button-kiosque {margin:15px auto ; padding:5px 0; max-width:314px; max-height:60px; text-align:center; background-color:#0033ff; color:#FFF; font-size:18px; border-radius: 30px;}
.button-boutique {margin:0 auto; padding:5px 0; max-width:314px; max-height:60px; text-align:center; background-color:#CC0000; color:#FFF; font-size:18px ; border-radius: 30px;}
*/

.footer {font-size:12px; text-transform:uppercase; margin-top:20px; padding:10px 0}

/* CSS RESPONSIVE */
@media screen and (max-width: 720px) {
h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
p {font-size:0.8 em; padding:0 5% 0 5%}
ul li {padding:0 5% 0 5%}
.corps {max-width:85%;}
.logo {max-width:90%; height:auto}
.couv {max-width:75%; height:auto}
.couvDouble {max-width:85%; height:auto}
.texte {padding:0 5% 0 5%}
.button-kiosque {width:75%; font-size:0.7em; border-radius: 30px;}
.button-boutique {width:75%; font-size:0.7em; border-radius: 30px;}
.footer {font-size:0.8 em}
}