/* ============================ */
/* claudecharraud main css file */
/* --------- JR Dumas --------- */
/* ============================ */

/* ============================ */
/* ------ dimlight.info ------- */
/* ============================ */


/* balises principales */
/* =================== */

a, a img, a:hover, a:active, a:visited {
   color: #cccccc;
   text-decoration: none;
   border: none; }

body {
   width: 95%;
   max-width: 1280px;
   margin: auto;
   margin-top: 3%;
   margin-bottom: 3%;
   background-color: #222222;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 11pt;
   color: #ffffff; }

div {
   border: 0px dotted #ffffff; }

fieldset {
   border: 0px dotted #ffffff; }

h1 {
   clear: both;
   padding-top: 10px;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 200%; }

h2 {
   padding-top: 10px;
   margin-bottom: 0px;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 150%; }

h3 {
   clear: both;
   padding-top: 15px;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 125%;
   font-variant: small-caps;
   letter-spacing: 4px;
   font-weight: bold; }

li, ol, ul  {
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 95%;
   line-height: 1.5em; }

p {
   padding: 0px;
   margin: 0px; }

textarea {
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 110%; }


/* header section */
/* ============== */

#header {
   padding-left: 50px;
   height: 115px;
   -moz-border-radius-topleft: 30px;
   -moz-border-radius-topright: 30px;
   background-image: url("images/fond_index.jpg");
   background-position: center right;
   background-repeat: no-repeat;
   text-align: right; }

img#title {
   margin-top: 18px; 
   padding: 20px; }


/* wrapper section */
/* =============== */

#wrapper {
   -moz-border-radius-bottomleft: 30px;
   -moz-border-radius-bottomright: 30px;
   height: 555px;
   background-image: url("images/degrade.png");
   background-position: top left;
   background-repeat: repeat-y; }


/* left menu section */
/* ================= */

#leftnav {
   overflow: hidden;
   float: left;
   height: 530px;
   width: 170px;
   padding-right: 50px;
   padding-top: 25px;
   background-image: url("images/vertical.png");
   background-position: top right;
   background-repeat: no-repeat; }

#leftnav a img {
   padding: 23px;
   padding-left: 30px; }

#leftnav a:hover img {
   border-left: 5px solid #ffffff;
   padding-left: 25px; }


/* galleries section */
/* ================= */

#content {
   overflow: auto;
   height: 510px;
   margin-left: 250px;
   padding-left: 75px;
   background-position: bottom left;
   background-repeat: no-repeat; }

.last_galleries {
   background-image: url("images/last_galleries.png"); }

.all_galleries {
   background-image: url("images/all_galleries.png");
   overflow: auto; }

.all_galleries img.thumb {
   margin: 0px;
   position: relative;
   top: -5px;
   bottom: -5px; }

.comments {
   overflow: auto;
   background-image: url("images/comments.png"); }

.contact {
   overflow: auto;
   background-image: url("images/contact.png"); }

form.contact {
   background: none;
   padding-top: 75px;
   font-size: 90%; }

.events {
   overflow: auto;
   background-image: url("images/events.png"); }

.about {
   background-image: url("images/about.png"); }

.favorites {
   background-image: url("images/favorites.png"); }

.rss_page {
   background-image: url("images/rss.png"); }

#galleries {
   height: 500px;
   margin-left: 250px;
   background-position: bottom left;
   background-repeat: no-repeat; }

.galleries_list {
   float: left;
   margin: 15px; 
   text-align: left;
   color: #ffffff; }

.galleries_list a {
   color: #ffffff;
   font-weight: bold;
   text-transform: uppercase; }


/* right links section */
/* =================== */

#links {
   float: right;
   padding-right: 25px;
   padding-top: 10px;
   width: 150px;
   text-align: right; }

.links_img {
   padding-top: 18px;
   padding-bottom: 18px; }


/* footer section */
/* ============== */

#footer {
   height: 45px;
   text-align: right; }

.footer_img {
   padding: 5px;
   padding-top: 20px; }


/* special */
/* ======= */

p.text {
   padding: 15px 220px 15px 0px; }

p.center {
   text-align: center; }

img.thumb {
   border: 10px solid #ffffff; }

label.tenoneonine {
   /* spam-bot suicide-trap ;) */
   display: none; }

span.thumb_title {
   margin-left: 15px;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 18pt;
   font-weight: normal;
   font-variant: small-caps; }

#flashcontent {
   height: 95%;
   overflow: hidden; }

#error {
   padding: 55px;
   padding-bottom: 0px;
   width: 75%;
   font-size: 90%; }

.legal {
   padding: 20px;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 75%;
   text-align: right;
   color: #cccccc; }

#stamp {
   position: fixed;
   top: 0px;
   left: 0px;
   font-size: 10px;
   color: #222222;
   text-align: center; }

.arrow_prev {
   position: relative;
   bottom: -5px;
   float: left;
   width: 15px;
   margin:auto;
   margin-left: 50px;
   text-align: left; }

.arrow_next {
   position: relative;
   bottom: -5px;
   float: right;
   margin:auto;
   margin-right: 50px;
   text-align: right; }


/* guestbook */
/* ========= */

div.list_comment {
   -moz-border-radius: 15px;
   border: 1px solid #222222;
   margin: 5px;
   padding: 15px 20px 15px 15px;
   margin-top: 20px; }

.author {
   margin-top: 10px; }

.comment_site {
   font-size: 75%;
   margin-top: 10px; }

.date {
   -moz-border-radius: 5px;
   border: 1px solid #222222;
   background-color: #222222;
   padding: 5px;
   margin-top: 10px;
   margin-left: 100px;
   font-size: 75%; }


/* events */
/* ====== */

div.list_event {
   clear: both;
   margin: 5px; }

img.event_img {
   float: left;
   margin-right: 15px;
   margin-bottom: 30px; }


/* links */
/* ===== */

div.list_links {
   clear: both;
   margin: 5px; }

h3 a {
   color: #ffffff; }


/* login */
/* ===== */

#login {
   margin-right: 30%;
   padding-top: 30px;
   font-size: 90%;
   text-align: center; }

.login_window {
   overflow: auto;
   background-image: url("images/login.png"); }

.admin_window {
   overflow: auto;
   background-image: url("images/webmaster.png"); }

.login_img {
   -moz-border-radius: 10px;
   padding: 20px;
   margin: 20px;
   background: #302c28; }

.login_elt {
   border-left: 1px dotted #ffffff;
   padding: 5px;
   margin: 15px;
   text-align: center; }

.login_btn {
   margin: 15px;
   text-align: center; }


/* admin */
/* ===== */

.admin_form {
   -moz-border-radius: 10px;
   padding: 20px;
   margin-top: 5px;
   margin-right: 5px;
   border: 1px solid #222222;
   font-size: 75%; }

.admin_window p {
   color: #00ff00;
   font-family: "Courrier New",monospace;
   padding: 20px;
   margin: 0px; }

.admin_window p a {
   color: #00ff00;
   text-decoration: underline; }

#error p {
   color: #00ff00;
   font-family: "Courrier New",monospace;
   padding: 0px;
   margin: 0px; }