/* Feuille de style du site du CSD */

html, body {
   padding: 0;
   height: 100%;
}

h1 {
   background-color: #0000AA;
   color: #E5E5E5;
   height: 19px;
   text-transform: none;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 16px;
   padding: 0 8px 1px 8px;
   margin-right: 25px;
}

/* <<- le menu horizontal d'en-tete */

#navlist
{
   border: 3px solid #222;
   padding: 0 0 0 20px;
   margin-top: 0;
   margin-left: 7px;
   margin-right: 7px;
   background-color: #CC0000;
   font-family: verdana,sans-serif;
   font-size: 12px;
   font-weight: bold;
}

#navlist li
{
   display: inline;
   list-style: none;
   padding: 0;
   margin: 0;
}

#navlist #active
{
   float: right;
   margin-right: 10px;
}

#navlist li a
{
   text-decoration: none;
   border: 3px solid #000;
   padding: 0 8px 1px 8px;
   margin: 0 2px;
   background-color: #0000DD;
   color: #E5E5E5;
}

#navlist li a#current
{
   background-color: #FFFF00;
   color: #000;
}

#navlist li a:hover
{
   background-color: #FFFFFF;
   color: #CC0000;
}

/* le menu horizontal d'en-tete ->> */

/*******************************************/

p {
   margin-top: 30px;
   clear: right;
}

#conteneur {
   position: absolute;
   width: 100%;
   background-color: #FDFAEB;
}

#entete {
   height: 100px;
}

#gauche {
   position: absolute;
   left: 15px;
   width: 200px;
   margin-top: 15px;
}

#paraDroite {
   border-style: none solid solid;
   border-color: #CCCCCC #CCCCCC;
   border-width: medium 1px 1px;
   padding: 15px;
   background: #FFFFFF none repeat scroll 0% 50%;
   clear: both;
   margin-left: 210px;
   margin-right: 25px;
}

#pied {
   height: 17px;
   margin-left: 7px;
   margin-right: 7px;
   margin-top: 10px;
   border: 3px solid #222;
   color: #E5E5E5;
   background-color: #CC0000;
   font-family: verdana,sans-serif;
   font-size: 12px;
   font-weight: bold;
   font-style: italic;
   text-align: right;
}

.entet1 {
   height: 100px;
   width: 100px;
   float: left;
}

.entet2 {
   height: 40px;
   width: 500px;
   float: left;
   margin-left: 50px;
   margin-top: 20px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 2.5em;
   font-style: bold;
}

.logo {
   float: left;
   margin-left: 11px;
   margin-top: 7px;
   border: 0;
}

/* << le menu vertical a gauche */

.menugauche {
   list-style-type: none;
   margin: 0;
   padding: 0;
   font-weight: bold;
}

.menugauche li {
   margin-bottom: 5px;
}

.menugauche a {
   display: block;
   height: 20px;
   width: 250px;
   text-decoration: none;
   color: #0000FF;
   text-indent: 20px;
   background-image:url(../img/puce0.png);
   background-position: left center;
   background-repeat: no-repeat;
}

.menugauche a:hover {
   background-image:url(../img/puce1.png);
   background-position: left center;
   background-repeat: no-repeat;
   color: #CC0000;
}

/* le menu vertical a gauche >> */

.contenu {
   margin-top: 13px;
   margin-left: 20px;
   margin-right: 20px;
}

.cadre {
   border-style: none solid solid;
   border-color: #CCCCCC #CCCCCC;
   border-width: medium 1px 1px;
   margin: 15px;
   padding: 15px;
   background: #FFFFFF none repeat scroll 0% 50%;
   clear: both;
}

.imgTop {
   float: right;
   margin-right: 0;
   margin-bottom: 0;
   margin-top: 0;
}

.imgDroite {
   display: block;
   float: right;
   margin-right: 20px;
}

/* << Les tableaux : */

table.csd_tab {
   border-style:solid;
   border-width:1px;
}

table.csd_tab td { 
   border-style:solid;
   border-color:black;
   border-width:1px;
}

.tab_tit {
   font-family: verdana,sans-serif;
   font-size: 16px;
   font-weight: bold;
   font-style: italic;
   color: #0000DD;
   text-align: center;
   margin-bottom: 16px;
}

.tab_ent {
   font-family: verdana,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-color: #CC0000; 
   text-align: left;
   color: #FFFFFF;
}

.tab_cel {
   background-color: #FFFF99;
   text-align: left;
}

.tab_col1 {
   font-weight: bold;
   background-color: #FFFF77;
   text-align: left;
}

table.edc_tab {
   border-style:solid;
   border-width:1px;
}

.tab_row1 {
   background-color: #FFEC99;
   text-align: left;
}

.tab_row2 {
   background-color: #FFFF99;
   text-align: left;
}

/* Les tableaux >> */

.imgGauche {
   float: left;
   padding: 1%;
   margin-right: 2px;
   margin-top: 2px;
}

.liberDeux {
   clear: both;
}