body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  text-align: left;
}

/* Titres H1  H3 */
h1{
  font-size: 140%;
  font-weight: bold;
  padding: 0 0 0 0;
  text-align: center;
}

h2{
  display: list-item;
  list-style-type: square;
  font-size: 120%;
  padding: 10px 0 5px 5px;
  margin-left: 5px;
  font-weight: bold;
}

h3{
  font-size: 100%;
  padding: 10px 0 5px 0;
  font-weight: bold;
}

/* Error Messages */
h4{
  font-size: 120%;
  padding: 10px 0 5px 10px;
  font-weight: bold;
  text-align: center;
  color: #FF0000;
}

/* Information Messages */
h5{
  font-size: 120%;
  padding: 10px 0 10px 0;
  text-align: center;
  color: #336699;
}

/* Footer and Small Informations */
h6{
  font-size: 70%;
  text-align: center;
  font-weight: normal;
}

ul{
  text-align: left;
  list-style-type: circle;
}

ul ul{
  text-align: left;
  list-style-type: disc;
}

ul ul ul{
  text-align: left;
  list-style-type: none;
}

img{
  border: none;
}

.separator{
  text-align: center;
  padding: 10px 0 10px 0;
}

.left{
  text-align:left;
  padding: 0 0 0 10px;
}

.right{
  text-align:right;
  padding: 0 10px 0 0;
}

.center{
  text-align:center;
}

.important{
  font-size: 120%;
  padding: 10px 0 10px 0;
  font-weight: bold;
  color: #8B0000;
  text-align:center;
}

#header{
  display: none;
}

#nav{
  display: none;
}


#subnav{
  display: none;
}

#content{
  width: 100%;
  text-align: center;
  position: static;
  top: 0;
  left: 0;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#content table{
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #CCCCCC;
  border-collapse: collapse;
}

#content table.noborder{
  width: 50%;
  border: none;
}

#content tr.even {
  background-color: #EEEEEE;
}

#content tr.odd {
  background-color: #DDDDDD;
}

#content tr.CV{
  background-color:  #009700;
  color: #FFFFFF;
}

#content tr.CS{
  background-color: #8B0000;
  color: #FFFFFF;
}

#content th{
  font-weight: bold;
  font-style: italic;
  padding: 2px 10px 2px 10px;
  border-bottom: 2px solid #CCCCCC;
}

#content td{
  padding: 2px 10px 2px 10px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

#content th.even{
  font-weight: bold;
  text-align: center;
  background-color: #EEEEEE;
  border-bottom: none;
  border-left: 1px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
}

#content th.odd{
  font-weight: bold;
  text-align: center;
  background-color: #DDDDDD;
  border-bottom: none;
  border-left: 1px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
}

#content th.add{
  width: 15px;
  font-weight: bold;
  font-style: italic;
  padding: 2px 10px 2px 10px;
  border-bottom: 2px solid #CCCCCC;
}

#content th.mod{
  width: 15px;
  font-weight: bold;
  font-style: italic;
  padding: 2px 10px 2px 10px;
  border-bottom: 2px solid #CCCCCC;
}

#content th.del{
  width: 15px;
  font-weight: bold;
  font-style: italic;
  padding: 2px 10px 2px 10px;
  border-bottom: 2px solid #CCCCCC;
}

#content td.rights{
  width: 15px;
  text-align: center;
}

#content td.empty{
  text-align: center;
  background-color: #FFFFFF;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

#content table.legende{
  border: 1px solid #CCCCCC;
  width: 30%;
}

#content table.fileattach{
  border: 1px solid #CCCCCC;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#content table.fileattach th{
  text-align: center;
}

#content table.fileattach th.ico{
  width: 15px;
  text-align: center;
}

#content td.CV{
  text-align: center;
  color:  #FFFFFF;
  background-color:  #009700;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

#content td.CS{
  text-align: center;
  color: #FFFFFF;
  background-color: #8B0000;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

#annonce {
  text-align: left;
  padding: 15px 0 15px 0;
}

#annonce td{
  padding: 15px 0 15px 0;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  color: #009933;
  border-left: none;
  border-right: none;
}

#news {
  padding: 15px 0 15px 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#news table{
  border: 1px solid #CCCCCC;
}

#news th{
  text-align: left;
  font-weight: bold;
  border-bottom: 2px solid #CCCCCC;
  margin-left: auto;
  margin-right: auto;
  background-color: #EEEEEE;
}

#news td{
  padding: 5px 0 5px 10px;
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
}

#histoire {
  margin-left: auto;
  margin-right: auto;
}

#histoire td{
  border-left: none;
  border-right: none;
}

#livre {
  text-align: left;
}

#livre table.signature{
  border: 1px solid #CCCCCC;
}

#livre th{
  text-align: left;
  width:50%;
  padding: 2px 0 2px 10px;
  background-color: #DDDDDD;
  border-left: none;
  border-right: none;
}

#livre td{
  padding: 15px 0 15px 20px;
  border-left: none;
  border-right: none;
}

#form{
  width: 100%;
  margin-left: auto;
  margin-right: auto;  
}

#form{
  width: 100%;
  margin-left: auto;
  margin-right: auto;  
}

#form td{
  width: 50%;
  border-left: none;
  border-right: none;
}

#form table{
  width: 50%;
  margin-left: auto;
  margin-right: auto;  
  border-bottom: none;
}

#form th.must{
  text-align: right;
  font-weight: bold;
  border-bottom: none;
  white-space: nowrap;
}

#form th.opt{
  text-align: right;
  font-weight: normal;
  border-bottom: none;
  white-space: nowrap;
}

#form td.must{
  text-align: left;
}

#form td.opt{
  text-align: left;
}

#form select {
  font-weight: bold;
  background-color: #FFFFEF;
}

#form input {
  color: #3366CC;
  background-color: #FFFFEF;
}

#form .field {
  border: 1px solid #000000;
}

#form textarea {
  border: 1px solid #000000;
  background-color: #FFFFEF;
}

#form .checkbox {
  background-color: #FFFFEF;
}

#form .button {
  border: 1px solid #000000;
}

#image{
  width: 100%;
  text-align: center;
  padding: 5px 20px 5px 20px;
  margin-left: auto;
  margin-right: auto;
}

#flash{
  width: 95%;
  text-align: center;
  padding: 5px 20px 5px 20px;
  margin-left: auto;
  margin-right: auto;
}

#footer{
  display: none;
}