body { max-width: 400px; margin-right: auto; margin-left: auto; border: 0; margin-top: 1%; margin-bottom: 1%; background-color: #ffffff; background: url(util/beige031.jpg); } 

a:link { color: #0000cc; }
a:active { color: #cccccc; }
a:visited { color: #cc00cc; }
a:hover { color: #ff0000; background: #66ff00; }
a.nodec { text-decoration: none; }

a.back:link { display: block; background: url(util/atm4.gif) no-repeat; color: #ffff00; width: 190px; height: 39px; padding-top: 0.4em; 
text-align: center; text-decoration: none; letter-spacing: 0; font-family: verdana, arial, universe, sans-serif; font-weight: normal; font-size: 13pt; }
p.back { margin-right: auto; margin-left: auto; background: url(util/atm4.gif) no-repeat; color: #ffff00; width: 190px; height: 39px; padding-top: 0.4em;  
text-decoration: underline; letter-spacing: 0; font-weight: bold; font-size: 13pt; } 
a.back:active { color: #cccccc; }
a.back:visited { color: #ffffff; }
a.back:hover { color: #ff0000; }

h1,h2,h3,p,ul,li { color: #000000; }
h2,h3,h4,h5,h6,p,ul,li,p.back { margin-top: 0em; font-family: verdana, helvetica, sans-serif; }
h1,h2 { text-align: left; }
h4,h5,h6,p.back,p.center,p.signal,p.blu,li.retour { text-align: center; }
h3,p,ul,li { margin-bottom: 0.5em; text-align: left; font-size: 11pt; line-height: 1.5em; }
h1,h2,h3,h4,h5,h6,p,ul,li { font-weight: normal; }

h1 { font-size: 18pt; margin-top: 0em; margin-bottom: 0.2em; font-family: Georgia, Century, Times new roman, Garamond, serif; } 
h2 { font-size: 14pt; font-style: italic; margin-bottom: 0.2em; } 
h3 { font-style: italic; }
h4 { font-size: 18pt; color: #000066; }
h5 { font-size: 16pt; margin-bottom: 1em; color: #000066; }
h6 { font-size: 12pt; color: #000066; margin-bottom: 1em; }
p, ul, li { font-weight: normal; }


div.blanccentre, div.blanc, div.blancleft, div.blancright { display: block; max-width: 92%; margin-right: auto; margin-left: auto;  }

div.blanc { padding: 1.6em; }
div.blancleft { background: #ffffff; padding: 0.6em; margin-bottom: 1em; }
div.blancright { background: #ffffff; padding: 0.6em; margin-bottom: 1em; }
div.blanccentre { background: #ffffff; padding: 0.6em; }
p.signal { line-height: 20px; margin-top: 2em; }
span.rom { font-style: normal; }
ul.retour { display: block; margin-left: auto; margin-right: auto; }
li.retour { margin-bottom: 0.5em; list-style-type: none; }

/* La touche finale : réduire de façon harmonieuse toutes les tailles de polices en orientation paysage (car bugguée sur les périphériques iPhone et iPad). */

@media (max-device-width: 540px) and (orientation: landscape) { html { -webkit-text-size-adjust: 100%; } }