/* Ça sent le sapin.css
 * Un design qui sent bon le Noyël.
 * Disponible naturellement sous licence Creative Commons BY-NC-SA 2.0.
 * Créé par Signez en 2007, pour le Calendrier de Noël de Netophonix.
 * Version 0.9 RC
 */

html, body{
   margin: 0px;
   padding: 0px;
   margin-top: -1px;
   font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
}

input {
   font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
}

h1{
   display:none;
}

#header{
   padding: 0px;
   margin-top: 0px;
   width: 80%;
   margin-left: auto;
   margin-right: auto;
   height: 81px;
   min-width: 600px;
   position: absolute;
   top: 0px;
   left: 10%;
   right: 10%;
}

#footer{
   font-size: 10px;
   color: #AAA;
   text-align:center;
   clear: both;
}

#footer.sapined{
   position: absolute;
   top: 1260px;
   width: 100%;
}

#footer a, #footer a:link, #footer a:visited {
   color: #AAA;
}

#head-l, #head-r{ width: 10px; float:left; background: transparent url(./img/FondHeaderL.png) repeat-x;  height: 100%; z-index: 7; position:relative;}
#head-r{ float:right; background: transparent url(./img/FondHeaderR.png) repeat-x; }
#head-c{ width: 100%; height: 100%; background: transparent url(./img/FondHeaderC.png) repeat-x; }

#head-c ul{
   list-style: none;
   margin: 0px;
   padding-left: 0px;
   padding-top: 61px;
}

#head-c li{
   float:left;
   padding-left: 5px;
   font-size: 12px;
}

#head-c a { color: black; text-decoration: none; }
#head-c a:hover { text-decoration: underline; }

#head-c li:after { content: " \00B7 " }
#head-c li.fin:after { content: "" }

#head-im1 { float: left; height: 60px; width: 330px; background-image: url(./img/TitreCalendrier.png); position: absolute;
   left: 10px; z-index: 9; text-decoration: none; }
#head-im2 { float: left; height: 60px; width: 100%; background-image: url(./img/FondH1.jpg); position: absolute;
   z-index: 5; }
#head-c1 { height: 20px; width: 10px; left:0px; bottom: 0px; position: absolute; background-color: white; }
#head-c2 { height: 20px; width: 10px; right:0px; bottom: 0px; position: absolute; background-color: white; }
   
#contenu{
   width: 80%;
   font-size:12px;
   margin: 20px auto 10px auto;
}

#contenu{
   margin-top: 100px;
}

#pot {
   width: 800px;
   height: 1118px;
   position: absolute;
   top: 120px;
   left: 0px;
   width: 100%;
   
}

#sapin {
   width: 800px;
   height: 1118px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid black;
}

#calendrier {
   position: absolute;
   width: 800px;
   height: 1118px;
   background: transparent url(./img/noel-attente-colorised.png) no-repeat 0px 0px;
}

.case {
   position: absolute;
   width: 44px;
   height: 47px;
   border: 1px dashed black;
   text-align: right;
   padding: 1px 3px 2px 3px;
   color: white;
   overflow: hidden;
}

.case a {
   color: white;
   text-decoration: none;
   font-weight: bold;
   width: 50px;
   height: 50px;
   position: absolute;
   right: 0px;
   top: 0px;
   padding: 2px;
   border: 0px none;
}

.case img {
   border: 0px none;
}

#copyart {
   position: absolute;
   bottom: 0px;
   right: 0px;
   width: auto;
   background-color: black;
   margin: 0px;
   padding: 5px;
   color: white;
   font-size: 11px;
}

#audessuscalendrier {
   position: absolute;
   top: 0px;
   left: 0px;
   width: auto;
   margin: 0px;
   height: 0px;
   padding: 0px;
   color: #888;
   font-size: 12px;
   opacity: 0;
}

#infosextrastatut {
   position: absolute;
   top: 0px;
   right: 0px;
   width: auto;
   margin: 0px;
   height: 0px;
   padding: 0px;
   color: #888;
   font-size: 12px;
   opacity: 0;
}

.ec-bloc {
   padding: 15px;
   width: 250px;
   float: right;
   clear: right;
   margin-bottom: 20px;
   margin-left: 20px;
}

.ec-bloc h4{
   margin-top: 5px;
   margin-bottom: 2px;
   font-size: 22px;
}

#bc-ident, #bc-pass {
   border: 1px solid #442200;
   padding: 2px;
   margin-top: 2px;
   width: 204px;
}

.aright {
   text-align:right;
}


.delog, .delog a{
   color: #AAA;
}

.profil p{
   padding-top: 2px;
   padding-bottom: 2px;
}

#copyart a{
   color: orange;
}

/* Style pour le formulaire de proposition de MP3 */

.mp3-bloc {
   margin-right: 270px;
}

#mp3-form-send label {
   display: block;
}

#mp3-form-send label#mp3-l-url, #mp3-form-send label#mp3-l-upload {
   display: inline;
}

#mp3-desc {
   height: 4em;
   background: white url(./icons/page_white_text.png) 2px 3px no-repeat;
}

#mp3-url {
   background: white url(./icons/link.png) 2px 2px no-repeat;
}

#mp3-name {
   background: white url(./icons/pencil.png) 2px 2px no-repeat;
}

#mp3-file {
   background: white url(./icons/page_add.png) 2px 2px no-repeat;
}

#mp3-sub {
   background-image: url(./icons/bullet_disk.png);
   background-position: 2px center;
   background-repeat: no-repeat;
   padding: 2px;
   padding-left: 18px;
}

#mp3-name, #mp3-url, #mp3-file, #mp3-desc  {
   width: 400px;
   border: 1px solid black;
   padding: 2px;
   padding-left: 22px;
}

#mp3-form-send {
   margin: auto;
   width: 400px;
   padding: 0px 10px;
}

.important {
   background: white url(./icons/flag_red.png) 0px 0px no-repeat;
   padding-left: 22px;
}

.b-vert {
   background: white url(./icons/bullet_green.png) 0px -1px no-repeat;
   padding-left: 20px;
}

.b-orange {
   background: white url(./icons/bullet_orange.png) 0px -1px no-repeat;
   padding-left: 20px;
}

#bc-ident {
   background: white url(./icons/user_orange.png) 2px 2px no-repeat;
   padding: 2px;
   padding-left: 20px;
}

#bc-pass {
   background: white url(./icons/key.png) 2px 2px no-repeat;
   padding: 2px;
   padding-left: 20px;
}

.contlistmp3, .contlistcases {
   margin-right: 265px;
}

.listallmp3, .listallcases {
   width: 100%;
   border: 1px solid black;
   border-collapse: collapse;
}

.listallmp3 th, .listallcases th{
   border-bottom: 1px solid black;
   background-color: #333;
   color: white;
}

.listallmp3 td, .listallcases td{
   padding: 5px;
}

.listallmp3 tr:hover, .listallcases tr:hover{
   background-color: #FAFAFA;
}

.chmp3status{
   width: 80px;
   font-family: inherit;
   border: 1px solid #DDD;
}

.chmp3status .accepted {
   background: white url(./icons/bullet_green.png) 0px 0px no-repeat;
   padding-left: 16px;
}

.chmp3status .onsuspend {
   background: white url(./icons/bullet_orange.png) 0px 0px no-repeat;
   padding-left: 16px;
}

.chmp3status .refused {
   background: white url(./icons/bullet_red.png) 0px 0px no-repeat;
   padding-left: 16px;
}

.listallmp3 img, .listallcases img {
   border: 0px none;
   position: relative;
   top: 2px;
}

.bottomtableau{
   text-align: right;
}

.bottomtableau p{
   display: inline;
   opacity: 0;
}

.bottomtableau input {
   background-color: #333;
   color: white;
   border: 1px solid black;
   font-family: inherit;
   font-weight: bold;
}

#validatelistmp3{
   background: #333 url(./icons/tick.png) 2px center no-repeat;
   padding-left: 20px;
   border-top: 1px solid #333;
   margin-right: 0px;
}

.chkdeletemp3 {
   display: none;
}

#contdesccase{
   border: 1px dashed #888;
   width: 600px;
   height: 400px;
   margin: auto;
}

#desccase {
   position: absolute;
   width: 600px;
   height: 400px;
}

#desccase h2 {
   position: absolute;
   right: 10px;
   top: 10px;
   font-size: 100px;
   margin: 0px;
}

#desccase h3{
   margin: 10px 0px 0px 10px;
   font-size: 20px;
   font-weight: bold;
}

#desccase h4 {
   margin: 0px 0px 0px 10px;
   font-size: 16px;
   font-weight: normal;
}

#desccase #allontheauteur{
   float: right;
   width: 300px;
}

#desccase h5 {
   margin: 10px 0px 0px 10px;
   font-size: 15px;
   font-weight: bold;
}

#desccase p {
   margin: 10px 10px 0px 10px;
}

#desccase .toutpetitenbasadroite {
   position: absolute;
   bottom: 2px;
   right: 2px;
   color: #888;
}

#desccase a, #desccase a:link, #desccase a:visited {
   color: blue;
}

form.editcase textarea {
   width: 300px;
   border: 1px solid black; 
   margin-bottom: 3px;
   font-family: inherit;
   height: 6em;
   font-size: inherit;
   padding: 2px;
}

form.editcase input {
   width: 300px;
   border: 1px solid black;
   margin-bottom: 3px;
   padding: 2px;
}

form.editcase label {
   display: block; 
   width: 150px; 
   float: left;
}
/* ============================================================================== *
 * Style pour les dialog (vient d'un script "Even more rounded corners with CSS") *
 * ============================================================================== */

.ec-bloc {
 position:relative;
 left: 12px;
 top: 0.5em;
 margin:0px auto;
 min-width:100px;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */

 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 padding:0px;
}

.ec-bloc .content,
.ec-bloc .t,
.ec-bloc .b,
.ec-bloc .b div {
 background:transparent url(./img/blocAdroite.png) no-repeat top right;
 _background-image:url(./img/blocAdroite.gif);
}

.ec-bloc .content {
 min-height: 150px;
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 18px 0px 0px;
}

.ec-bloc .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.ec-bloc .b {
 /* bottom */
 position:relative;
 width:100%;
}

.ec-bloc .b,
.ec-bloc .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.ec-bloc .b {
 background-position:bottom right;
}

.ec-bloc .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.ec-bloc .hd,
.ec-bloc .bd,
.ec-bloc .ft {
 position:relative;
}

.ec-bloc .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.ec-bloc h1,
.ec-bloc p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.ec-bloc h1 {
 padding-bottom:0px;
}

.ec-bloc ul {
   margin-top: 0px;
   margin-bottom: 0px;
}