/* ======================== */
/* artemedion main css file */
/* last update : 2009-07-12 */
/* ------- JR Dumas ------- */
/* ======================== */


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

body {
   margin: auto;
   margin-top: 25px;
   margin-bottom: 25px;
   min-width: 1000px;
   max-width: 1260px;
   overflow: auto;
   background-color: #333333;
   font-size: 11pt;
   font-family: "Trebuchet MS","Arial",sans-serif;
   line-height: 1.2em;
   color: #eeeeee;
   font-size: 16px; }

a {
   border-bottom: 1px dotted #ffffff;
   color: #e8d1be;
   font-size: 100%;
   text-decoration: none; }

a img {
   border: 0px; }

.noborder:link {
   text-decoration: none;
   border: 0px; }

a:link, a:focus, a:active, a:visited {
   border: 0px;
   text-decoration: none; }

div {
   border: 0px dotted #ffffff; }

fieldset.admin {
   border: 0px dotted #ffffff;
   padding: 0px;
   padding-bottom: 30px;
   margin: 0px;
   font-size: 90%;
   line-height: 1.3em; }

fieldset.user {
   border: 0px dotted #ffffff;
   padding: 15px;
   margin: auto;
   width: 600px;
   font-size: 90%;
   line-height: 1em; }

h1 {
   padding: 10px;
   color: #ffa500;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 110%;
   font-weight: bold;
   letter-spacing: 3px; }

h2 {
   color: #ffa500;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 100%;
   font-weight: bold;
   letter-spacing: 3px; }

hr {
   margin-bottom: 10px; }

img {
   margin: 0px;
   padding: 0px;
   border: 0px;
   vertical-align: -15%; }

legend {
   display: block;
   padding: 10px;
   font-weight: bold;
   font-size: 110%;
   font-family: "Trebuchet MS","Arial",sans-serif;
   letter-spacing: 3px;
   color: #ffa500; }

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


/* header et titre du site */
/* ======================= */

#above {
   -moz-border-radius-topleft: 30px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 15px;
   background: #000000;
   font-weight: bold;
   font-size: 75%;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-variant: small-caps;
   text-align: right; }

#header {
   border: 1px solid #000000;
   border-bottom: 5px solid #000000;
   background: #000000 url(images/fonds/fond_index.jpg) top left no-repeat;
   height: 95px;
   text-align: left; }


/* menu de navigation et boutons de gauche */
/* ======================================= */

#leftnav {
   border-left: 1px solid #000000;
   border-right: 0px;
   float: left;
   width: 200px;
   background: #938478;
   height: 515px;
   font-variant: small-caps;
   white-space: nowrap;
   text-align: right; }

.leftnav_menu {
   font-weight: bold;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-variant: small-caps;
   padding-top: 30px; } /* centrage vertical bof-bof... */

.leftnav_menu a {
   display: block;
   padding: 8px;
   margin-top: 20px;
   margin-right: 20px;
   margin-left: 2px;
   border-bottom: 1px dotted #ffffff;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-weight: bold;
   text-decoration: none;
   color: #ffffff;
   letter-spacing: 2px; }

.leftnav_menu a:hover {
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-weight: bold;
   text-decoration: none;
   border-left: #ffa500 solid 10px; } /* ou #e8d1be */

.leftnav_menu img {
   vertical-align: middle;
   margin-left: 5px; }


/* bloc principal */
/* ============== */

#main {
   border-right: 1px solid #000000;
   padding-left: 50px;
   padding-right: 20px;
   background: #3d3732 url(images/bezier_leftnav.png) top left no-repeat;
   height: 515px;
   overflow: auto;
   color: #ffffff;
   font-family: "Trebuchet MS","Arial",sans-serif;
   font-size: 100%;
   text-align: center; }

#message {
   border: 0px dotted #ffffff; 
   margin: 5px;
   height: 15%;
   text-align:center;
   overflow: hidden;
   font-size: 90%;
   color: #e8d1be; }

#order_by, #order_by a {
   letter-spacing: 2px;
   color: #e8d1be; }

#galleries_cloud {
   border: 0px dotted #ffffff; 
   margin: 10px;
   margin-top: 30px;
   margin-left: 20%;
   width: 60%;
   height: 60%;
   text-align: justify;
   font-weight: bold;
   overflow: hidden; } 

#galleries_cloud a:hover {
   border-bottom: 0px dotted #ffffff;
   text-decoration: none; }

#bottom_main { 
   text-align: right;
   height: 30px;
   overflow: hidden; }

#flashcontent {
   position: relative;
   top: 0px;
   left: 0px;
   height: 99%; }


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

#footer {
   -moz-border-radius-bottomright: 30px;
   clear: both;
   height: 35px;
   padding: 0px;
   border: 1px solid #000000;
   border-top: 5px solid #000000;
   background: #000000 url(images/fonds/fond_index_inv.jpg) bottom right no-repeat; }

#footer p {
   padding-left: 20px;
   margin-top: 10px;
   color: #ffffff;
   font-size: 75%;
   font-family: "Trebuchet MS","Arial",sans-serif;
   letter-spacing: 3px;
   text-align: left; }


/* divers ou specifique à certaines pages */
/* ====================================== */

.cloud0 { color: #544c43; font-size: 75%; line-height: 1.1em;  text-shadow: 3px 3px 3px #222222; }
.cloud1 { color: #61574e; font-size: 100%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }
.cloud2 { color: #6e6358; font-size: 125%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }
.cloud3 { color: #7a6e63; font-size: 150%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }
.cloud4 { color: #877a6e; font-size: 175%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }
.cloud5 { color: #948578; font-size: 200%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }
.cloud6 { color: #a19183; font-size: 225%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }
.cloud7 { color: #ad9c8e; font-size: 250%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }
.cloud8 { color: #baa898; font-size: 275%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }
.cloud9 { color: #c7b3a3; font-size: 300%; line-height: 1.1em; text-shadow: 3px 3px 3px #222222; }

#error {
   /* BSOD style ;) */
   width: 500px;
   background-color: #0000bb;
   color: #ffff00;
   border-left: 1px dashed #ffff00;
   padding: 15px;
   margin: 15px;
   font-size: 90%;
   font-variant: small-caps;
   font-weight: normal;
   text-align: left; }

.center {
   text-align: center;
   clear: both; }

.impress {
   position: relative;
   height: 0px;
   top: -7px;
   left: 70%;
   margin: 0px;
   font-size: 155%;
   font-weight: bold;
   font-variant: small-caps;
   letter-spacing: 2px;
   color: #3d3732;
   text-shadow: 1px 3px 3px #080808; }

/*
.impress:before {
   content: "// ";
   color: #ffa500; }
*/

#description {
   display: none;
   overflow: hidden;
   color: #000000;
   font-size: 0pt; }

label.ref10109 {
   display: none; }

#stamp {
   font-size: 10px;
   color: #333333;
   font-family: "Courrier New",monospace;
   text-align: right;
   font-weight: bold; }

/* login */

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

.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; }

/* autres pages fixes */

#screen, #cdcoeur, #comments, #links, #contact, #about {
   margin: auto;
   margin-top: 15px;
   margin-bottom: 15px;
   overflow: hidden;
   text-align: center; }

#comments, #confirm {
   text-align: justify;
   padding: 15px; }

.texte {
   -moz-border-radius: 10px;
   padding: 10px;
   margin: 10px;
   margin-top: 20px;
   background: #302c28;
   color: #ffffff;
   font-weight: normal;
   font-size: 90%;
   font-family: "Trebuchet MS","Arial",sans-serif;
   text-align: justify; }

.texte:first-letter, .comment:first-letter {
   float: left;
   width: 3em;
   padding: 5px;
   margin-left: -45px;
   font-family: "Times New Roman",serif;
   font-size: 3em;
   font-weight: bold;
   color: #ffa500;
   text-shadow: 3px 3px 3px #080808; }

.texte a {
   border-bottom: 1px dotted #938478; }

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

.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; }

/* coup de coeur */

#img_cdc {
   border: 10px solid #ffffff; }

/* commentaires */

.comment {
   font-size: 90%; }

.author {
   padding-left: 15px;
   font-size: 130%;
   font-variant: small-caps;
   font-weight: bold; }

.comment_site {
   font-size: 66%;
   font-style: italic;
   font-variant: normal;
   font-weight: normal; }

/* admin section */

#above img {
   vertical-align: middle; }

.notif, .notif p {
   border-left: 0px dotted #ffffff; 
   margin: 15px;
   padding: 15px;
   text-align: left;
   overflow: hidden;
   font-size: 90%;
   color: #e8d1be;
   line-height: 1.3em; }

div.notif p a {
   border-bottom: 1px dotted #938478; }