// Message d'erreur 404

html, body, #content {margin:0; padding:0; border:0; vertical-align:baseline;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 104%; font-weight: normal; text-align: left; color: #000; text-decoration: none; background-image: none; background-color: #bbb;}

#content  {position: relative; visibility: visible;}
header img {display: inline-block; line-height: 1em; width: 6%; margin: 0.5em 0 0.5em 7%; vertical-align: top;}
#content {width: 65%; margin: 0.5em 7%; padding: 1em 5%; background-color: #fff; z-index: 3;}

h1, h2, p {margin: 0 0 1em 0; font-weight: normal;}
h1 {font-size: 1.3em; margin: 0.5em 0;}
h2 {font-size: 1.1em;}
p {font-size: 1em; text-indent: 3%;}

a {font-weight: bold; text-decoration: none;}
a:link, a:visited {color: #56f;} /* bleu 36f */
a:focus, a:hover, a:active {color: #333;}

ul {margin: 1em 7%; padding: 0;}
li {font-size: 1em; margin: 0 3% 0 0; padding: 0 0 1em 0; list-style-image: url(i/gris.gif); text-align: left;}

@media screen and (max-width: 1099px) {
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#content {width: 100%; margin: 0; padding: 1em 3%;}
h1 {font-size: 1.2em;}
}
@media (max-device-width: 768px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
}