/* global */
body   { font-size: 12px; font-family: Verdana; background-color: #f5f5f5; text-align: center; margin: 0; padding: 0 }
em { font-style: italic; }
hr {clear: both; visibility: hidden}

/* sections */
div#home   {margin-top: 40px; height: 60px;}
div#intro { position: absolute; top: 0; left: 0; width: 100%; z-index:1}
div#main   {text-align: left; margin-top: 0px; margin-right: auto; margin-left: auto; width: 720px; padding: 10px; }
div#main p  {color: #666; }
div#main quote  {color: #666; font-size: 13px; font-family: Georgia;}
div#notes quote  {font-size: 12px;}
h1, h2    { font-size: 14px; font-family: "Trebuchet MS"; margin-bottom: 5px }
h2 {font-weight: normal; }
#notes {clear: left; margin-top: 15px}

/* slide infos */
div#infos { display: none; color: #777; padding: 10px; background-color: #fff;  line-height: 13px;}
div#infos p  { text-align: left; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; width: 800px;}
div#bouton   { background-image: url(../pics/shadow.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; padding-left: 50px; }

/* liens */
a, a:visited   { text-decoration: none }
a img { border: 0 }
#footer a, #footer a:visited {color: #777;}
#main p a, #main p a:visited, #notes a, #notes a:visited  {color: #00c;}
#main p a:hover, #notes a:hover {text-decoration: underline}


/* pages images */
.gallery {padding-top:20px; padding-bottom:20px }
.gallery img {max-width: 150px; }
.gallery a, .gallery a:visited { display: block; margin-right: 10px; margin-bottom: 10px; float: left; border: solid 1px #ebebeb }
.gallery a:hover { border: solid 1px #333 }
.gallery ul, #notes ul { list-style-type: none; margin: 0; padding: 0}
.gallery li, #notes li { color: #666; font-size: 11px; text-indent: 0; margin: 0; }
.gallery li { margin-bottom: 5px; }

ul#footer   { width: 100%; clear: both; border-top: solid 1px #ccc; color: #777; text-align: left; margin-top: 30px; margin-bottom: 10px; padding-top: 5px}
ul#footer div   { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }
ul#footer div li   { white-space: nowrap; margin-left: 5px; list-style-type: none }
ul#footer div li:before   { content: ""}
ul#footer a   { font-family: Verdana; font-style: initial; }
ul#footer a:hover  { color: #000; background-color: transparent; }