#sommaire.smarts {display:none}


@media screen and (max-width: 1024px) {
body{margin: 0 0em;}
#corps{margin: 0;}
#menusHauts {width: auto;}
#entete,.largeur{width:auto;padding: 0em 1em 0 0;}
#sommaire {border-left: 0 none;}
}


@media screen and (max-width: 768px) {
#entete {position: relative;z-index: -1;padding-top: 3em;}
#accroche h2,#accroche h3,#accroche p{text-align: left;}
#contenu {padding: 0em 0em 2em 2em;}
}


@media screen and (max-width: 640px) {
#logo {margin-left: 0;}
.largeur {padding: 0;}
#accroche {background-color: rgb(6, 48, 75);}
#sommaire, #contenu {width: auto;display: block;}
#sommaire {border: 0 none;display:none}
#sommaire.smarts {display:block}
#contenu {padding: 0em 1em;}
#pied, #pied p, #pied a {text-align: center;}
#pied a {padding: 0.5em 2em;display: inline-block;}
ul.zul .zli2 a {font-size: 10pt;margin: 3px 3px 4px 3px;font-weight: bold;}
ul.zul {float: none;width: auto;}
h1 {font-size: 15pt;}
}

@media screen and (max-width: 480px) {
.imageDroite,.imageGauche {float: none;margin: auto;display: block;width: 100%;}
ul.zul .zli1 a { font-family: Arial Narrow,Arial,sans-serif;font-size: 14pt;padding: 8px 11px 10px 11px;font-weight: bold;}
}