/*

*/

body
{
 
   width: 780px;
   margin: auto;
   margin-top: 25px;
   margin-bottom: 20px;    
   background-image: url("../image/fond.jpg");
  background-color:#e1d4a6;
  background-attachment: fixed ;
   scrollbar-face-color: #B3B3B3; /* couleur du bouton de l'ascenseur*/ 
   scrollbar-track-color: #626262 /* couleur du fond de l'ascenseur*/ 
   

}

.barres_defilement{
   overflow: scroll;
}

/* L'en-tête---------------------------------------------------------------------------------------------------*/

#en_tete
{
   width: 775px;
   height: 130px;
   background-image: url("../image/logo.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
    border: 3px solid #6d767b;
	
}


/* Le menu---------------------------------------------------------------------------------------------------------- */

#menu
{
   
   float: left;
   width: 160px;
   margin-top: 5px;
   margin-left: 1px;
   margin-right: 2px;

  padding:3px;
}

#menu_droite
{
   float: right;
   width: 138px;
   margin-top: 5px;
   
  padding:5px;
 
  font-size:12px;

}
#menu_droite_grand
{
   float: right;
   width: 200px;
   margin-top: 5px;
   
  padding:5px;
 
  font-size:12px;

}
.element_menu
{
    
 background-color: #ead3b8;
    border: 1px dotted #bc6226;
   background-repeat: no-repeat;
   font-family:  "verdana","arial", "Times New Roman", Times, serif;
   font-weight:bold;
   font-size:11px;
    padding: 0px;
   margin-bottom: 10px;
   text-align:left;
 
}
.element_menu_fiche
{
    
  background-color: #ead3b8;
    border: 1px dotted #bc6226;
   background-repeat: no-repeat;
   font-family:  "arial", "Times New Roman", Times, serif;
   font-weight:bold;
   font-size:11px;
    padding: 5px;
   margin-bottom: 10px;
   text-align:left;
 
}

/* Quelques effets sur les menus------------------------------------------------------------------------------------------ */


.element_menu h3
{    
   color: #fbffe4;
   font-family:  "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("../image/puce.gif");
   padding: 0px;
   font-family:  "arial", "Times New Roman", Times, serif;
   font-weight:bold;
   font-size:13px;
   padding-left: 30px;
   margin: 0px;
   margin-bottom: 5px;
}

.liste
{

   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #796600;
   
   
}

.element_menu a:hover
{
   background-color: #f8ceb2;
   color: black;
}


/*element menu suivan-----------------------------------------------------------------------------------------------t*/
.element_menu1
{
   background-color: #ead3b8;
    font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
     border: 2px dotted #6d767b;
   padding-right: 5px;
   margin-bottom: 10px;
  text-align:justify;

}






.element_menu1 h3
{    
   color: #fbffe4;
   font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
.element_menu1 a
{
   color: #796600;
    color:#bd6022
}

.element_menu1 a:hover
{
   background-color: #f8ceb2;
   color: black;
}
.element_menu1 ul
{
  
   padding: 5px;
   font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size:14px;
   padding-left: 30px;
   margin: 0px;
   margin-bottom: 5px;
}
.element_menu1 li
{
  
   padding: 1px;
   margin: 0px;
   margin-bottom: 5px;
}


/*elment menu 2*/

.element_menu_deroule
{
   background-color: #e7dbcf;
    font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
     border: 2px dotted #6d767b;
   padding-right: 5px;
   margin-bottom: 10px;
  text-align:justify;
  overflow: auto;
  height:200px;
  
  font-variant: small-caps ;
  text-transform:capitalize;
  scrollbar-face-color: #B3B3B3; /* couleur du bouton de l'ascenseur*/ 
  scrollbar-track-color: #626262 /* couleur du fond de l'ascenseur*/ 
}

.element_menu_deroule h3
{    
   color: #fbffe4;
   font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
.element_menu_deroule a
{
   color: #796600;
    color:#bd6022
}

.element_menu_deroule a:hover
{
   background-color: #f8ceb2;
   color: black;
}
.element_menu_deroule ul
{
  
   padding: 5px;
   font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size:14px;
   padding-left: 30px;
   margin: 0px;
   margin-bottom: 5px;
}
.element_menu_deroule li
{
  
   padding: 1px;
   margin: 0px;
   margin-bottom: 5px;
}









.date_annonce
{
font-size:8pt;
color:#423722;
text-align: right;
}

/*element du menu_logo--------------------------------------------------*/
.element_menu_logo
{
    
  
     background-image: url("../image/navig_gauche1.jpg"); 
   background-repeat: no-repeat;
    font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
      margin-left:0px;
    padding-right: 10px;
   margin-bottom: 10px;
   text-align:justify;
 
}
.titre1
{    

  
position:absolute;
font-weight: bold;
width:100px;
top:180px;

color: #fbffe4;
font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
text-align: center;
margin-left:-350px; 
left:50%;  
}

.element_menu_logo ul
{
   list-style-image: url("../image/puce.gif");
   padding: 0px;
   font-family:  "arial", "Times New Roman", Times, serif;
   font-weight:bold;
   font-size:13px;
   padding-left: 55px;
   margin: 0px;
   margin-bottom: 5px;

}
.element_menu_logo li
{
  
}

.element_menu_logo a
{
   color: #796600;
    color:#bd6022
}

.element_menu_logo a:hover
{
   background-color: #f8ceb2;
   color: black;
}
/* Le corps de la page ------------------------------------------------------------------------------------------*/

#corps
{

    margin-bottom: 8px;
   padding: 5px;
     padding-left: 120px;
   
   background-color: #ffdcbc;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 3px solid #6d767b;
    font-family: "verdana", "Arial Black", "Times New Roman", Times, serif;
	font-size:12px;
	 color:#857e78;
   
}

#corps h1
{
   color: #bc6226;
   text-align: center;
   font-family: "verdana", "Times New Roman", Times, serif;
   font-size:11px;
}

#corps h2
{
   height: 35px;
   padding-left:35px;
   margin-left:70px;
   background-image: url("../image/puce.gif");
   background-repeat: no-repeat;
   color: #bc6226;
   text-align: left;
   font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
   font-style:italic;
    
}
#corps h3.titre
{
   height: 35px;
   padding-left:30px;
   margin-left:50px;
   background-image: url("../image/puce.gif");
   background-repeat: no-repeat;
   color: #bc6226;
   text-align: left;
    font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
	
	
}
#corps h3.fiche
{
  
padding-left:5px;
 
    font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
	 padding-top:1px;
	 color:black;
	 font-size:16px;
}
#corps p
{
   color:#857e78;
   padding-left:55px;
   text-align:justify;
}
#corps p.fiche
{
   color:#857e78;
   padding-left:0px;
   text-align:justify;
}
#corps h3
{
   height: 20px;
   padding-left:30px;
  /* background-image: url("image/puce_petit.gif");*/
   background-repeat: no-repeat;
   color: #bc6226;
   text-align: left;
    font-size:16px;
	  font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps ul
{
  
   padding: 5px;
   font-family: "verdana","Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size:14px;
   padding-left: 10px;
   margin: 0px;
   margin-bottom: 5px;
  
}
#corps li
{

 margin-left: 70px;
   padding: 1px;

   
   margin-bottom: 5px;
}




/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   

   text-align: center;

 
   background-color:#f8ceb2;


   
   
}

/*on definit les formulaire*/

input{
background-color:#FEEDDE;
color:#bc6226;
font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
}
textarea{
background-color:#FEEDDE;
color:#bc6226;
font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
overflow:auto;
}
fieldset
{
 margin-left:5px;
 margin-bottom: 15px; /* Une marge pour séparer les fieldset */
font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
 border: #CCCCCC;
}
legend
{
color: #bc6226;
font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;

}
select
{
background-color:#FEEDDE;
color:#bc6226;
}


/* LES TABLEAU*/
caption.orange  /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: "verdana",Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color:  #ead3b8;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table.orange  /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 1px outset #bc6226; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th.orange  /* Les cellules d'en-tête */
{
      border: 1px solid black;
   background-color: #ead3b8;
   color:  #423722;
   font-size: 1.1em;
   font-family: "verdana",Arial, "Arial Black", Times, "Times New Roman", serif;
}

td.orange /* Les cellules normales */
{
   border: 1px solid #bc6226;
   font-family:"verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.top
{
vertical-align:top;
 border: 1px solid #bc6226;
   font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.top_orange
{
vertical-align:top;
    border: 1px solid black;
   background-color: #bc6226;
   color:  #423722;
   font-size: 1.1em;
   text-align: center;
   font-family: "verdana",Arial, "Arial Black", Times, "Times New Roman", serif;
}
table  /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 1px outset #bc6226; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
td{
   border: 1px solid #bc6226;
   font-family: "verdana",Arial, "Arial Black", "Times New Roman", Times, serif;
   border-collapse:collapse; 
   /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
    margin: auto;
	font-weight:bold;
	background-color:#f8efe4;
}
.vide
{
 font-variant: small-caps ;
  margin: left;
   border: 0px; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   background-color:#ffdcbc;
}

/*divers--------------------------------------------------*/
.click 
{
  
   color: black;
   font-size:11px;
   font-weight:bold;
}
.click:hover
{
   background-color:#fbffe4;
   color: black;
}
.imageflottantegauche
{
float:left;
padding:5px;
}


.italique
{
font-style:italic;
}

.intro_article
{

font-size:11px;
font-weight:bold;
color: black;
}
hr
{
 border: 1px solid #bc6226;
}