Code Feuille De Style

body { margin: 0px 0px 20px 0px; padding: 0px; background-color: #ffee91; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 100%; word-spacing: normal; text-align: center; } #container { width: 771px; border: 1px solid #ff0033; line-height: 140%; margin-right: auto; margin-left: auto; text-align: left; background-color: #fff; } #left { overflow: hidden; float: left; width: 180px; background-color: #fff; } #right { overflow: hidden; float: right; width: 180px; background-color: #fff; } #center { overflow: hidden; float: left; width: 409px; background-color: #fff; } #banner { height: auto; color: #fff; /** code for your own banner : display : none; */ }

#banner h1 { background-color: #ff0033; padding: 10px 15px 20px 15px; margin: 0px; } #banner h2 { font-size: 80%; background-color: #ffcc00; width: auto; padding: 5px 10px 5px 15px; margin: 0px 0px 5px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #ff0033; } #banner a { color: #fff; font-weight: bold; font-size: 70%; text-decoration: none; } #banner-img { display: none; background: #ff0033; /** code for your own banner : display : block; background: #ff0033 url("[banner-url].jpg") no-repeat 0% 0%; height: [banner-height]px; */ } div.img-link a { display: block; text-decoration: none; width: 100%; /** code for your own banner : height: [banner-height]px; */ } .nowrap { white-space: nowrap; } .content { float: left; overflow: visible; padding: 20px 5px 8px 15px;

width: 94%; font-size: 70%; line-height: 150%; } .content h2 { line-height: 180%; margin: 0px 5px 3px 0px; padding: 0px 0px 1px 0px; font-size: 110%; font-weight: bold; border-bottom: 1px solid #000; } .content h3 { margin: 0px 5px 0px 0px; padding: 15px 0px 15px 0px; font-size: 115%; font-weight: bold; } .content p { margin: 5px 5px 5px 0px; padding: 0px 0px 0px 0px; font-size: 100%; } .content blockquote { font-size: 100%; padding: 0px 0px 0px 18px; margin: 5px 5px -10px 0px; } .content ul { font-size: 100%; } .content p.posted { padding: 3px 3px 20px 0px; margin: 15px 5px 15px 0px; font-size: 90%; border-bottom: 1px dashed #000; clear: both; } a, TABLE.calendar a { text-decoration: none; } a:link, TABLE.calendar a:link {

color: #ff0033; } a:visited, TABLE.calendar a:visited { color: #ff0033; } a:hover, TABLE.calendar a:hover { text-decoration: underline; color: #ff0033; } a:active, TABLE.calendar a:active { color: #ff0033; } .sidebar { padding: 20px 10px 8px 10px; } .decorator1, .decorator2 { padding: 0px; margin: 0px; } .sidebar h2 { font-size: 70%; font-weight: bold; border-bottom: 1px solid #000; margin: 1px 0px 15px 0px; } .sidebar ul { padding: 0px; margin: 0px 0px 30px 0px; } .sidebar li { margin: 10px 0px 0px 0px; list-style-type: none; font-size: 65%; line-height: 150%; } .sidebar li.description { text-align: left; margin: 0px 0px 15px 0px; } .sidebar li.album {

text-align: center; } .sidebar img { padding: 2px; border: 1px solid #333; background: #FFF; } .sidebar li.link img { border: 0px; padding: 0px; margin: 0px; vertical-align: -4px; } .link-note { font-size: 65%; text-align: center; line-height: 100%; padding: 2px; margin-bottom: 30px; } .link-note img { border: 0px; margin-bottom: 2px; background: transparent; } .photo { margin-bottom: 20px; } .sidebar a { text-decoration: none; } .sidebar a:link { color: #000; } .sidebar a:visited { color: #000; } .sidebar a:hover { text-decoration: underline; color: #000; }

.sidebar a:active { color: #000; } h1, h2, h3 { margin: 0px; padding: 0px; font-weight: normal; } /* Calendar */ TABLE.calendar { margin-bottom: 20px; letter-spacing: .1em; text-align: left; width: 85%; /* IE 5 */ voice-family: "\"}\""; voice-family: inherit; width: 100%; /* IE 6 */ } html>body .calendar { width: 100%; /* Mozilla & Safari & IE bug */ } TH.day-of-week { font-size: 0.6em; text-align: center; line-height: 150%; margin-top: 10px; list-style-type: none; } TD.selected-day { font-size: 0.6em; text-align: center; line-height: 150%; margin-top: 10px; list-style-type: none; } TD.day { font-size: 0.6em; text-align: center; line-height: 150%; margin-top: 10px; list-style-type: none; letter-spacing: 0.05em;

} /* Comments */ input { font-size: 100%; font-family: Verdana, Arial, sans-serif; } textarea { clear: both; width: 99%; font-size: 100%; font-family: Verdana, Arial, sans-serif; } form { padding-top: 1em; } form .formelement { clear: both; padding-top: 0.4em; padding-bottom: 0.8em; font-size: 95%; background: transparent; width: 99%; } form .formelement .name { float: left; width: auto; padding-left: 1em; } form .formelement .value { float: right; width: 70%; } form .formelement .error { color: #f00; font-weight: bold; font-size: 90%; } /* Albums */ .album-container h3 { text-align: center;

margin-top: 5px; padding: 1.5em 0.5em 1em 0.5em; font-weight: bold; font-size: 100%; } .album-container a img { padding: 3px; border: 1px solid #000; background: #fff; } .album-container p { font-size: 70% ! important; line-height: 150% ! important; } .album-container #gallery, .album-container #cover-intro { text-align: center; padding-bottom: 1em; } .album-container #cover-intro p { text-align: center; margin-left: 140px; margin-right: 140px; line-height: 130%; } .album-container #cover-intro p a { font-weight: bold; } .album-container #cover-intro img { text-align: left; padding: 3px; border: 1px solid #000; background: #fff; } .album-container .nav { text-align: right; margin-right: 1em; color: #ff0033; line-height: 110%; height: 1.1em; } .album-container .nav a { font-size: 70%; } .album-container #photo-detail .photo-container { padding: 20px; text-align: center; } .album-container #photo-detail .photo-container h4 { font-size: 80%;

} .album-container #photo-detail .photo-container img { margin: 0 auto 0 auto; padding: 3px; border: 1px solid #000; background: #fff; } .album-container #photo-detail .photo-container-no-thumb { padding: 20px; } .album-container #photo-detail .photo-container-no-thumb h4 { margin-top: 0; font-size: 80%; } .album-container #photo-detail .photo-container-no-thumb img { float: left; margin: 0 1em 1em 0; padding: 3px; border: 1px solid #000; background: #fff; } .album-container .thumblist { float: left; clear: both; padding: 20px; } .album-container .thumblist img { float: left; margin: 10px; padding: 3px; border: 1px solid #000; background: #fff; } .album-container .thumblist-nofloat { padding-top: 15px; } .album-container .thumblist-nofloat img { margin: 10px; padding: 3px; border: 1px solid #000; background: #fff; } .album-container .thumblist-with-detail { text-align: left; float: left; padding: 20px; width: auto; } .album-container .thumblist-with-detail .thumb-container { padding-top: 1em;

padding-bottom: 1.5em; float: left; width: 99%; } .album-container .thumblist-with-detail a { float: left; font-size: 70%; } .album-container .thumblist-with-detail img { margin-right: 10px; margin-bottom: 10px; padding: 3px; border: 1px solid #000; background: #fff; } .album-container .thumblist-with-detail h4 { margin: 0; padding: 0 0 0.5em 0; font-size: 80%; } .album-container .thumblist-with-detail a.view-details { float: right; } .spacer { clear: both; }

/* Diapo */ body.diapo { margin: 0px 0px 0px 0px; padding: 0px; background-color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; } #diapo-container { margin-right: 1em; margin-left: 1em; margin-top: 5px; text-align: center; width: 95%; } #diapo-container .content { width: 100%; position: relative; text-align: center; padding: 0px;

margin: 20px 0px 0px 0px; overflow: auto; height: 500px; } #diapo-container .content img { margin: 0 auto 0 auto; border: 4px solid #000; padding: 3px; } #diapo-container .content p { font-size: 130%; color: white; margin: 2em auto 0 auto; } #diapo-container .nav { color: #ddd; line-height: 90%; height: 1.1em; font-size: 70%; margin: 0px; width: 100%; } #diapo-container .top { position: relative; height: 30px; } #diapo-container .bottom { position: relative; height: 80px; text-align: center; float: left; padding-top: 1px; } #diapo-container .nav .menu { text-align: center; width: 100%; } #diapo-container .nav .menu select { background-color: #000; padding: 0px; margin: 0px 0px 0px 0.5em; color: #ddd; height: 18px;

vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; } #diapo-container .nav .close { text-align: right; float: right; line-height: 200%; } #diapo-container .nav a { color: #ddd; text-decoration: none; } #diapo-container .nav a:hover, #diapo-container .nav a:active { text-decoration: underline; }