body{
  font-family : Verdana,Arial,Helvetica,sans-serif;
  margin    : 0;
  padding   : 0;
  background: url(../images/background.gif) bottom left;
  text-align: center;
  font-size : 11px;
}

#document{
  margin-left : auto;
  margin-right: auto;
  width       : 780px;
  text-align  : left;
}


p{
  margin-top : 2em;
  margin-bottom : 2em;
}

  
.error{
  font-weight : bold;
  color       : #C7282C;
}    
  
/*table{
  border: 1px solid red;
}  

th, td {
  border: 1px dotted purple;
}*/

/* =============================================== */
/*      BARRE DE TITRE                             */
/* =============================================== */

#titre{
  background    : #FFF url(../images/document.gif) top left repeat-x;
  padding-top   : 65px;
  padding-left  : 1em;
  padding-right : 1em;
  padding-bottom: 1em;
  color         : #C7282C;
} 
#titre h1{
  font-family   : Georgia,Times,sans-serif;
  font-style    : italic;
  font-weight   : bold;
  border-bottom : 2px solid gray;
  margin-bottom : 0;
  font-size     : 24px;
}
#titre h2{
  margin        : 0;
  font-family   : Georgia,Times,sans-serif;
  font-style    : italic;
  font-weight   : bold;
  text-align    : right;
  font-size     : 18px;
}



/* =============================================== */
/*         CONTENT                                 */
/* =============================================== */

#content{
  margin      : 1em 0 1em 0;
  padding     : 0.1em 2em 2em 2em;
  background  : #FFF;
  color       : gray;
  text-align  : justify;
}    


#content h3{
  color        : #C7282C;
  border-bottom: 1px dashed #C7282C;
  font-weight  : bold;
  margin-top   : 2em
}
#content h4{
  font-weight  : bolder;
  margin-top   : 1em;
  border-bottom: 1px dashed;
}
 

label{
  width : 350px;
  font-style: italic;
  text-align : right;
}

#table-login table{
  background   : #DDD;
  border       : 1px solid #999;
  width        : 75%;
  margin-top   : 3em;
  margin-bottom: 4em;
  padding      : 0.5em;
}
#table-login td, #table-login th{
  color      : gray;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size  : 11px;
}
#table-login select, #table-login input.text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size  : 11px;
  padding    : 1px;
}

#table-login select {
  width : 100%;
  padding : 0;
}

#table-login input.submit {
  padding    : 1px 10px 1px 10px;
  margin-top : 1em;
}  

#table-login #error_message {
  font-weight: bold;
  color      : #C7282C;
}


/* TABLE INFO -------------------------------------- */

#table-info table{
  background     : #EEE;
  border         : 1px solid #999;
  width          : 80%;
  margin-top     : 2em;
  margin-bottom  : 2em;
  padding        : 0;
  border-collapse:collapse;
  border-spacing : 0;
}
#table-info th{
  background: #999;
  color: #666;
  padding: 0.3em;
  font-size: small;
  text-align: center;
  text-transform:uppercase;
}
#table-info td{
  border-bottom: 1px dashed #999;
  padding: 0.3em;
  text-align:center;
  color : #666;
  font-size : small;
}
#table-info a:link, #table-info a:visited{
  color: #888;
  text-decoration: none;
  font-weight:bold;
}
#table-info a:hover{
  color: #C7282C;
  text-decoration:underline;
}  


/* TABLE PREVIEW ------------------------------------ */

#table-preview table{
  width       : 900px;
  color       : #666;
  font-family : Verdana, Arial, Helvetica, sans-serif; 
}
#table-preview th{  
  background-color : #999;
  text-align       : left;
  font-size        : 11px;
  text-transform   : uppercase;
  padding          : 3px 5px 3px 5px;
}

#table-preview td{
  background-color : #DDD;
  font-size        : 11px;
  text-align       : justify;
  padding          : 2px 5px 2px 5px;
}

#table-preview td.title{
  font-weight      : bold;
}

#table-preview pre{
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  overflow        : auto;
}


/* TABLE DATA --------------------------------------- */

#table-data table{
  background    : #DDD;
  border        : 1px solid #999;
  width         : 70%;
  margin-top    : 0.5em;
  margin-bottom : 1em;
  padding       : 0.5em 0.5em 0.5em 0.5em;
  color         : #888;
  font-size     : 11px;
}
 
#table-data table.table_author{
  border   : none;
  border-bottom : 1px dashed #BBB;
  margin   : 0 0 3px 0;
  padding  : 0 0 2px 0;
  width    : 100%;
  border-collapse : collapse;
}

#table-data table.table_author td.header{
  width : 90px;
  text-align : right;
  font-style : italic;
}

#table-data td{
  text-align: left;
}
#table-data img{
  border:0;
  margin-left: 1em;
}
#table-data a{
  color : #06C;
  text-decoration : none;
}
#table-data hr{
  border : none;
  border-bottom : 1px solid #999;
  margin : 1em 0 1em 0;
}

select{
  margin         : 2px;
  vertical-align : top;
}
optgroup{
  font-style : normal;
  font-weight : bold;
  color : #666;
}
option{
  color : black;
  border-bottom  : 1px dotted #D7D7D7;
}
input[type="text"]{
 margin-bottom : 3px;
}



ol{
  color       : #C7282C;
  font-weight : bold;
  margin-left : 1em;
}
ol li span{
  color       : gray;
  font-weight : normal;
}
ul{
  list-style-image: url(../images/puce.png);
}
ol li a:link, ol li a:visited{
  color : #06C;
  text-decoration : none;
  font-weight : normal;
}
ol li a:hover{ 
  text-decoration : underline;
}


.submit{
  font-size : 11px;
  padding: 2px 1em 2px 1em;
}


/* =============================================== */
/*                 NOTE                            */
/* =============================================== */

#note-warning{
  background  : #F9EBBA;
  border      : 1px dashed #E5B402;
  padding     : 1em;
  margin      : 0 3em 0 3em;
}
#note-warning #warning{
  background  : url(../images/warning.gif) center left no-repeat;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  text-indent : 0;
  padding-left: 50px;
  font-size   : x-small;
}

#note-info{
  background : #B8C8F1;
  border     : 1px dashed #3300FF;
  padding    : 1em;
  margin     : 0 3em 0 3em;
}
#note-info #info{
  background  : url(../images/info.gif) center left no-repeat;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size   : 10px;
  text-indent : 0;
  padding-left: 45px;
}

/* =============================================== */
/*    FOOTER                                       */
/* =============================================== */

#footer{
  text-align     : left;
  margin-top     : 1em;
  padding        : 1em;
  background     : #FFF;
}

#footer ul{
  color        : #FFF;
  margin-left  : 0;
  padding-left : 0;
  display      : inline;
}
#footer ul li{
  margin-left  : 0;
  padding      : 3px 13px;
  border-left  : 1px solid #FFF;
  list-style   : none;
  display      : inline;
}
#footer ul li.premier{
  margin-left  : 0;
  border-left  : none;
  list-style   : none;
  display      : inline;
}
#footer ul li a:link, #footer ul li a:visited{
  color           : #C7282C;
  text-decoration : none;
}
#footer ul li a:hover{
  font-weight  : bold;
}