/* CSS Document */

*, html { margin: 0; padding: 0; }

body { padding: 50px; text-align: center; font-family: Helvetica, Arial, sans-serif; }

#siteWrapper { width: 700px; position: relative; margin: 0 auto; text-align: left; padding: 5px; border: 2px solid #EE0000; }
#contentWrapper { background: url(../images/bg-code-bar.png) repeat-x left bottom; padding: 10px 10px 60px 10px; }
#header { background: url(../images/logo-yultour.png) no-repeat; height: 150px; }
#header a { position: absolute; z-index: 2; width: 600px; height: 150px; display: block; text-indent: -3000px; overflow: hidden; }
#header h1, #header h4 { text-indent: -3000px; overflow: hidden; }
#contentWrapper p { font-size: 12px; line-height: 150%; margin: 5px 5px 20px 5px; }
#contentWrapper p strong { color: #EE0000; }
#contentWrapper p.credits { text-align: right; font-size: 10px; width: 600px; margin: 0 auto; }
#contentWrapper h2 { color: #EE0000; font-size: 18px; background: url(../images/bg-code-bar-h2.png) no-repeat left center; padding-left: 20px; position: relative; }
#contentWrapper h3 { font-size: 12px; }
#contentWrapper ul { margin: 0 0 2em 1.5em; list-style: square; }
#contentWrapper ul li { font-size: 12px; margin-bottom: 2px; }
#contentWrapper ul li a.pdf { background: url(../images/icon-pdf.png) no-repeat right center; padding: 2px 20px 2px 0; }
#contentWrapper ul li a.photos { background: url(../images/icon-photos.png) no-repeat right center; padding: 2px 20px 2px 0; }
#contentWrapper ul#commenditaires { list-style: none; margin: 0; height: 70px; text-align: center; }
#contentWrapper ul#commenditaires li { float: left; width: 25%; }
#contentWrapper ul#commenditaires li a img { border: none; }

#photos { width: 600px; margin: 10px auto; border: 2px solid #000; padding: 1px; }