/***
rgb(163,3,30);  bordeaux
rgb(237,188,167); rose
rgb(255,253,217); creme + clair
rgb(248,245,189); creme
***/



body{
font-familly: verdana, arial, sans-serif;
font-size : 12px;
margin : 0px;
color: rgb(163,3,30);
background-color: rgb(255,253,217);
}

/******************************/
/*   Tableau du Grand titre   */
#header1{
background-color:rgb(255,253,217);
/*background-image: url('bro-right.jpg');*/
background-repeat: no-repeat;
background-position: right;
width: 100%;
height: 50px
}

#titre{
/*float: left;*/
font-size: 30px;
color: rgb(163,3,30);
font-weight: bold;
margin-top: 0px;
/*margin-left: 20px;*/
padding: 8px;
padding-left: 20px;
text-align: left;
/*background: url('bro-left.jpg') no-repeat left;*/
}


/******************************/
/* Tableau du menu du haut */
#header2{
background-color: rgb(163,3,30);
width: 100%;
height: 38px;
}


.rubriques {
list-style-type:none;
font-size:18px;
color: rgb(163,3,30);
margin: 0;
}


.rubriques li{
float: right;
/*margin: 2px 2px 0 2px;*/
margin: 4px 4px 0 4px;
border: 1px solid black;
background-color: rgb(163,3,30);
}


.rubriques a{               /* definition de chaque rubrique */
font-size: 18px;
font-weight: bold;
text-decoration: none;
/*margin-left: 15px;*/
display: block;
color: white;
padding: 4px;
}

.rubriques a:hover{   /* change la couleur de la reference qd la souris passe dessus */
background: rgb(255,253,217);
color: rgb(163,3,30);
}


li.actif {
font-weight: bold;
border-bottom: 2px solid rgb(255,253,217);
background-color:rgb(255,253,217);
padding: 4px
}


/**********************************************/
/* le reste */
.contenu 
{
display: table;
/*float: right;*/
margin-left: 15px;
margin-right: 5%;
padding: 5%
width: 80%;
height: 100%;
text-align: justify;
color: rgb(163,3,30);

}

h1{
color: green;
text-align:right;
}

h2{
text-align: right;
}


/************************************/
/* Tableau du menu a gauche */

.menu{
float: left;
background-color: rgb(163,3,30);
width: 160px;
height: 180em;
}

.items {
margin-top: 60px;
margin-left: 7px;
padding: 0px;
width: 110px;
height: 350px;
border: 3px solid black;
background-color: white;
}


.menu a{               /* definition de chaque rubrique */
font-size: 15px;
font-weight: bold;
text-decoration: none;
margin-left: 0px;
margin-top: 15px;
display: block;
color: rgb(163,3,30);
padding: 1px;
text-align: center;
}



.menu ul, .menu li{
/*float: left;*/
padding-right: 15px;
list-style-type: none;
/*line-height: 14px;*/
width: 110px;
margin-top: 0px;
margin-left: 8px;
/*text-align: center;*/
font-size: 30px
}





/***********************************************************/
/* Barre a gauche simple */
.menu2{
float: left;
background-color: rgb(163,3,30);
width: 5%;
height: 105%;
}


input.button {
  /***background: rgb(255,253,217);**/
  font-size: 1.2em;
  color: rgb(163,3,30);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 2px #rgb(163,3,30);
}