body {
background-color: black;
background-image:url(img/wallsbw.jpg);
background-repeat:no-repeat;

font-family: Arial, Verdana, sans-serif;
font-size: 14px; color: white; 
scrollbar-face-color: antiquewhite;
scrollbar-highlight-color: darkorange;
scrollbar-3dlight-color: yellow;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: antiquewhite;
scrollbar-arrow-color: blue;
scrollbar-track-color: lightyellow;
}
/* TABLEAU */

INPUT.monbouton
{
BORDER-RIGHT: #544db5 thin solid;
BORDER-TOP: #544db5 thin solid;
BORDER-LEFT: #544db5 thin solid;
BORDER-BOTTOM: #544db5 thin solid;
FONT-FAMILY: Verdana, Arial, 'Times New Roman';
BACKGROUND-COLOR: #7569b5
} 

form {
background-color:#FAFAFA;
padding:10px;
width:550px;
font-family:"trebuchet ms",sans-serif;
}
fieldset {
padding:20px;
margin-bottom:10px;
}
legend {
color:#a0522d;
font-weight:bold
}
label {
margin-top:20px;
display:block;
font-size:90%;
}
label.inline {
display:inline
}
input {
border:1px solid black;
background-color:beige;
font-family:"trebuchet ms",sans-serif;
}
input[type=radio] {
margin-right:50px;
background-color:transparent;
border:none;
}
select, option {
background-color:beige;
font-family:"trebuchet ms",sans-serif;
}
textarea {
border:1px solid black;
font-size: 13px;
background-color:beige;
font-family:"trebuchet ms",sans-serif;
}


/* TABLEAU */

  
/* NOM DU MOIS */
td.nom_mois  {
  font-size:8pt; color: red;
  font-style:normal;
  font-weight:bold;}
  
  /* FLECHES */
td.fleches  {
  font-size:14pt;
  font-style:normal;
  font-weight:bold;
  }
  
/* NOMS DES JOURS*/
tr.noms_jours  {
  width:15;
  height:15;
  font-size:8pt; font-weight:bold;color: red; }
  
 /*DATES*/
td.jours  {
  width:15;
  height:15;
  //border-color:#33CCCC;
  border-width:0px;
  border-style:none;
  font-size:8pt;font-weight:normal;
  background-color:#CCFFFF; }
  
 /* AUJOURD'HUI */
td.aujourdhui  {
  width:15;
  height:15;
  //border-color:#000000;
  border-width:0px;
  border-style:none;
  font-size:8pt;font-weight:bold;
  background-color:#ffc020; }
  
 /* CASES DES MOIS PRECEDENTS ET SUIVANTS*/
td.cases_vides  {
  width:15;
  height:15;
 // border-color:#F5F5F5;
  border-width:0px;
  border-style:none;
  font-size:8pt;font-weight:bold;
  color:#C0C0C0;}

a { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: black; text-decoration: underline; background-color: #D2B48C}

a:hover { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #A52A2A; background-color: #FAEBD7; text-decoration: underline}

h1 { font-family: Arial, Verdana, sans-serif; font-size: 36px; color: Crimson}
h2 { font-family: "Book Antiqua", monospace; font-size: 24px; color: black; margin-bottom:0; text-align:center;  }
h3 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: Crimson }
h4 { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: Crimson }
h5 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: Crimson; background-color: sandybrown; }
h6 { font-family: Arial, Verdana, sans-serif; font-size: 8px; color: white }

hr{ color:brown; background-color:tan; width:90%; height:2px; }

table { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: black; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.table th {
	font-family: Arial, Verdana, sans-serif; font-size: 14px; color: white;
   color: white;
   font-size:0.8em;
}

.relief {
        position:relative;
        z-index:0;
        font-family: "Book Antiqua", monospace; 
        font-size: 24px; color: black; margin-bottom:0; text-align:center; font-weight:bold;
        line-height:2em;
        text-align:left;
}
.un     {
    position:absolute;
    z-index:3;color:#000;
    top:0;
     left:0;
}
.deux   {
    position:absolute;
    z-index:2;color:#444;
    top:1px;
    left:1px;
}
.trois  {
    position:relative; /* pour ocuper l'espace dans le flux normal */
    z-index:1;
    color:#D2B48C;
    top:3px;
    left:3px;
}

.reliefbig {
        position:relative;
        z-index:0;
        font-family: "Book Antiqua", monospace; 
        font-size: 48px; color: black; margin-bottom:0; text-align:center; font-weight:bold;
        line-height:2em;
        text-align:left;
}
.un     {
    position:absolute;
    z-index:3;color:#000;
    top:0;
    left:0;
}
.deux   {
    position:absolute;
    z-index:2;color:#444;
    top:1px;
    left:1px;
}
.trois  {
    position:relative; /* pour ocuper l'espace dans le flux normal */
    z-index:1;
    color:#D2B48C;
    top:3px;
    left:3px;
}

div.headg {
 float:left;
 text-align:left;
 padding-left:25px;
 width:50%;
}

div.headd {
 text-align:right;
 padding-right:25px;
}

p.list {
 margin-left:20px;
 margin-right:20px;
 margin-top:35px;
 text-align:center;
}

p.list a {
 margin-right:30px;
 line-height:170%;
 white-space:nowrap;
}

p.list a img {
 vertical-align:middle;
 margin-bottom:10px;
 border:2px solid;
}

p.retour a {
 margin-left:25px;
 padding:2px 6px;
 text-decoration:none;
 border:1px solid rgb(221,68,68);
 background-color:beige;
}

p.retour a:hover {
 border:1px solid #000;
}

p.newImg {
 color:white;
 text-align:center;
 font-style:italic;
}

p.newImg a {
 color:black;
 font-size:16px;
}

ul {
 list-style:url(.images/folder.gif);
 font-size:16px;
}

ul li {
 padding-left:8px;
}

ul > li {
 padding-left:0;
}

em {
 font-size:13px;
 padding-left:20px;
 font-weight:normal;
 color:white;
 vertical-align:middle;
}

span {
 color:#E22;
 font-weight:bold;
}

#mini {
 clear:both;
 position:absolute;
 top:28%;
 left:7px;
 text-align:right;
}

p[id=mini]  {
 position:fixed!important;
}

#mini img {
 border:1px solid #000;
}

#img {
 text-align:center;
 font-weight:bold;
 color:white;
 font-size:13px;
 clear:both;
}

#img img {
-moz-box-shadow: 10px 5px 5px black;
-webkit-box-shadow: 10px 5px 5px black;
        box-shadow: 10px 5px 5px black;


}
.note { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: grey; font-weight:bolder;
font-weight: bold;} 
.foot { font-family: Arial, Verdana, sans-serif; font-size: 9px; color: white;
font-weight: bold;}