/*----------------------------------------*/
/*   Feuille de style                     */
/*----------------------------------------*/

body {
   margin: 0;
   padding: 0;
   color: #a48481;
   background-color: #F1E9E6;
   font-style: normal;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
}


li {
   font-style: normal;
   text-align: left;

   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   margin-top: 15px;
}

td {
   font-style: normal;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
}
.bodyIndex {
  
}
a {
	 color: #a48481;
} 
.entete {
   background-color: #d1b7b4;
   height: 70px;
   margin-top: 0px;
   margin-bottom: 0px
   padding-top: 0px;
}
.entete img {
   height: 70px;
}

.entete span {
   font-size: 16px;
   
}

.entete .auteur {
   font-size: 30px;
   
}

.version {
   font-size: 9px;
}

.corp {
   margin-left: 70px;
   padding-left: 1px;
   overflow: auto;
   height: 530px;

}
.itemMenu {
   background-color: #d1b7b4;
   width: 160px;
   height: 90%;
   margin-top: 0px;
   padding-top: 0px;
   float: left;
}
.itemMenu a {
   color: #a48481;
   background-color: #f8f3f2;
   font-size: 16px;
   font-weight: bold;
   text-align: left;
   text-decoration: none;
   border-style: solid;
   
   margin-top: 0px;
   margin-bottom: 5px;
   margin-left: 30px;
   
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   display: block;
   width: 110px;
 }

.itemMenu a:hover {
   background-color: #af8e8b;
   color: #f8f3f2;
}
.itemMenu a:focus {
   background-color: #af8e8b;
   color: #f8f3f2;
}

.itemMenu .itemSelected {
   background-color: #af8e8b;
   color: #f8f3f2;
}
 
.ancre {
}

.ancreCentre {
   text-align: center;
}
.ancreGauche {
   text-align: left;
}
.ancreDroite {
   text-align: right;
}
.ancreIndex {
   font-size: 20px;
   height: 30px;
   margin-left: 20%;
   margin-top: 10%;
}


.ancre a, .ancreIndex a, .ancreCentre a, .ancreGauche a, .ancreDroite a  {
   color: #a48481;
   background-color: #f8f3f2;
   border-style: solid;
   border-width: 1px;
   text-decoration: none;
   text-align: center;
   
   font-size: 14px;
   font-weight: bold;
   
   margin-left: 10px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   height: 25px;
 }

.ancre a {
   display: block;
   width: 200px;
   margin-top: 20px;
   padding-top: 10px;
}

.ancre a:hover, .ancreIndex a:hover, .ancreCentre a:hover,.ancreGauche a:hover, .ancreDroite a:hover   {
   background-color: #af8e8b;
   color: #f8f3f2;

}
.ancre a:focus, .ancreIndex a:focus, .ancreCentre a:focus, .ancreGauche a:focus, .ancreDroite a:focus   {
   background-color: #af8e8b;
   color: #f8f3f2;
}

.liste a {
   border-style: solid;
   border-width: 1px;
   text-decoration: none;
   text-align: center;
   
   font-size: 14px;
   font-weight: bold;
   
   margin-top: 10px;
   margin-left: 10px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   
 }

.liste a:hover {
   font-style: italic;

}
.liste a:focus {
   font-style: normal;
}



.titre {
   font-style: normal;
   font-size: 20px;
   text-align: center;
   font-weight: bold;
   border-style: solid;
   margin-top: 5px;
}

.sTitre {
   font-style: normal;
   font-size: 20px;
   text-align: center;
   font-weight: bold;
}

.chapitre {
   font-style: normal;
   font-size: 14px;
   text-align: center;
   font-weight: bold;
   text-decoration: underline;

}



.nomPropre, .nomPropreCentre  {
   font-style: normal;
   font-size: 14px;
   text-align: left;
   font-weight: bold;
}

.nomPropreCentre {
   text-align: center;
}

.pCentreGras {
   font-style: normal;
   font-size: 14px;
   text-align: center;
   font-weight: bold;
}
.motCle {
   font-style: normal;
   font-size: 14px;
   font-weight: bold;
   text-align: right;
}

.pCentre {
   font-style: normal;
   font-size: 14px;
   text-align: center;
}

.iFrameNews {
   width: 600px;
   height: 160px;
}

.sousMenu a {
   cursor: pointer;
   color: #a48481;
   border-style: solid;
   border-width: 1px;
   background-color: #f8f3f2;
   text-decoration: none;
   text-align: center;

   font-size: 14px;
   font-weight: bold;

   margin-top: 10px;
   margin-left: 10px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   display: block;
   height: 20px;
   width: 150px;
 }
 
 .sousMenu a:hover {
   background-color: #af8e8b;
   color: #f8f3f2;
 
 }
 .sousMenu a:focus {
   background-color: #af8e8b;
   color: #f8f3f2;
}

.sousMenuTexte {
   display: none;
}
 
.imgPetitFormat {
   border: none;
}
 
.imgGrandFormat {
   border: none;
}

.texteGrandFormat {
   color: #a48481;
   font-weight: bold;
}
 
.tableauGauche a {
   background-image : url("../image/tableauMoins.jpg");
   background-repeat: no-repeat;
   border: none;
   height: 532px;
   width: 42px;
   display: block;
 }

.tableauGauche a:hover, .tableauGauche a:focus {
   background-image : url("../image/tableauMoinsFocus.jpg");
}   

.tableauDroit a {
   background-image : url("../image/tableauPlus.jpg");
   background-repeat: no-repeat;
   border: none;
   height: 532px;
   width: 42px;
   display: block;
 }

.tableauDroit a:hover, .tableauDroit a:focus  {
   background-image : url("../image/tableauPlusFocus.jpg");
}   

.tableauxGauche a {
   background-color: #F1E9E6;
   background-image : url("../image/tableauxMoins.jpg");
   background-repeat: no-repeat;
   border: none;
   height: 532px;
   width: 42px;
   display: block;
 }

.tableauxGauche a:hover, .tableauxGauche a:focus {
   background-image : url("../image/tableauxMoinsFocus.jpg");
}   

.tableauxDroit a {
   background-image : url("../image/tableauxPlus.jpg");
   background-repeat: no-repeat;
   border: none;
   height: 532px;
   width: 42px;
   display: block;
 }

.tableauxDroit a:hover, .tableauxDroit a:focus  {
   background-image : url("../image/tableauxPlusFocus.jpg");
}   


.sousMenuTableau {
   margin-top: 10px;
   margin-left: 170px;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   padding-bottom: 5px;
 }

.onglet {
   margin-top: 10px;
   margin-left: 170px;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   padding-bottom: 5px;
}
 
.sousMenuTableau a, .onglet a{
   cursor: pointer;
   color: #a48481;
   border-style: solid;
   border-width: 2px;
   border-color: #a48481;
   
   background-color: #f8f3f2;
   text-decoration: none;
   text-align: center;

   font-size: 14px;
   font-weight: bold;

   margin-top: 5px;
   margin-left: 0px;
   margin-right: 0px;
   margin-left: 0px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
 }
 
.sousMenuTableau a:hover, .onglet a:hover {
   background-color: #D1B7B4;
   color: #f8f3f2;
 
}
.sousMenuTableau a:focus, .onglet a:focus {
   background-color: #af8e8b;
   color: #f8f3f2;
}

.sousMenuTableau a.selected, .onglet a.selected {
   background-color: #af8e8b;
   color: #f8f3f2;
 
}


