/*
Site pour l'association Les Dragons
*/
/*.bouton a {
display:block;
width:50px;

text-align:center;
vertical-align:middle;
background:url(bouton/boutonAide.PNG) no-repeat;
color:black;
text-decoration:none;
}*/
.bouton a:hover {
background:url(bouton/boutonAide.PNG) no-repeat;

}
a.boutonAide:link{
  display:block;
  width:50px; 
  height:60px; 
  text-decoration:none; 
  color:black;
  text-align:center; 
  vertical-align:middle;
  /*font-weight:bold; */
  background:url(bouton/boutonAide.PNG) no-repeat;	
  /*padding:5px*/
   float: right;
   /*width: 120px;*/
}
a.boutonAide:visited{
  display:block;
  width:50px; 
  height:60px; 
  text-decoration:none; 
  color:black;
  text-align:center; 
  vertical-align:middle;
  /*font-weight:bold; */
  background:url(bouton/boutonAide.PNG) no-repeat;	
      float: right;
}

 

  body
{
   width: 950px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 20px;    
   background-image: url("images/fond.png");
}

/* L'en-tête */

#en_tete
{
   width: 800px;
   height: 100px;
   background-image: url("banniere.bmp");
   background-repeat: no-repeat;
   margin-bottom: 0px;
    margin-top: 0px;
}
.marge {
margin-left: 25em;
}

#en_tete2

{
text-decoration:none; 
	width: 1000px;
   height: 100px;
   color: white;

   background-image: url("images/horizonkenya.PNG");
   background-repeat: no-repeat;
   margin-bottom: 0px;
    margin-top: 0px;
	text-align: left;
	line-height:35px;

	

	
	
}
#en_tete2 h1


{  
	text-decoration:none; 
	   font-family: Arial, "Arial Black";
   font-size:large;
	text-indent:1em;
	line-height: 40px;
	letter-spacing: 0.1em; 
	color:white;
	


}
#tete_droite
{
float:right;
color:#b00000;
background-color: #FFC36B;
margin-right:20px;

margin-bottom:20px;
text-align:center; 
padding-bottom:5px;
padding-left:8px;
padding-right:8px;
	line-height:30px;
border: 0px solid #FFFFFF;
}

	/* Le menu */

#menuh
{
width: 950px;
 height: 29px;
color:green;
    text-decoration:none; 
	line-height:26px;
	   margin-top: 0px;
	 
}
a.bmenu:link{
  display:block;
  width:168px; 
  height:29px; 
  text-decoration:none; 
  color:white;
   background-image: url("bouton/bmenu.PNG");
  text-align:center; 
  vertical-align:middle;
  /*font-weight:bold; */
     
  	
  /*padding:5px*/
   float: left;
   /*width: 120px;*/
}
a.bmenu:visited{
  display:block;
  width:168px; 
  height:29px; 
  text-decoration:none; 
  color:white;
  text-align:center; 
  vertical-align:middle;

  /*font-weight:bold; */
   background-image: url("bouton/bmenu.PNG");
  /*padding:5px*/
   float: left;
   /*width: 120px;*/
}
a.bmenu:hover{
  display:block;
  width:168px; 
  height:29px; 
  text-decoration:none; 
  color:white;
  text-align:center; 
  vertical-align:middle;
  /*font-weight:bold; */
  background:#ED7605;	
      float:left;
}
.bmenu{
  /*text-align:center;*/
  padding-right:0px;
   margin-top: 0px;
     font-family: Arial;
	 font-weight:bold;
  }
  
  a.bidee:link{
  display:block;
  width:86px; 
  height:20px; 
  text-decoration:none; 
  color:white;
  background:black;
  text-align:center; 
  vertical-align:middle;

	 
  /*font-weight:bold; */
  	
  /*padding:5px*/
   float: left;
   /*width: 120px;*/
}
a.bidee:visited{
  display:block;
  width:86px; 
  height:20px; 
  text-decoration:none; 
  color:white;
  text-align:center; 
  vertical-align:middle;

  /*font-weight:bold; */
  background:black;
  /*padding:5px*/
   float: left;
   /*width: 120px;*/
}
a.bidee:hover{
  display:block;
  width:86px; 
  height:20px; 
  text-decoration:none; 

  color:white;
  text-align:center; 
  vertical-align:middle;
  /*font-weight:bold; */
  background:#ED7605;	
      float:left;
}
.bidee{
  /*text-align:center;*/
  padding-right:0px;
   margin-top: 0px;
  
  }
  

#menu
{
   float: right;
   width: 260px;
  
   
}

.element_menu
{
   background-color: #FFFFFF;
   background-image: url("fondmenu.PNG");
   background-repeat: repeat-y;
   min-height: 0px;
  
   border: 1px solid #B9B9B9;
   
   margin-bottom: 10px;
   padding-bottom: 0px;
  
}
.menuparag  { font-family:Arial,sans-serif; font-size:9pt; color:black; margin-left:15px; margin-right:15px; margin-bottom:6px; }



/* Quelques effets sur les menus */
.element_menu h4
{    
   color: white;

     margin-top: 8px;
	     margin-bottom: 8px;
		 padding-bottom:2px;
   text-align: center;
   font-family: Arial;
   
      background-image: url("images/petitlogo2.PNG");
   background-repeat: no-repeat;
}
.element_menu h1
{    
   color: #00BBBB;
  
   font-size: large;
   text-align: center;
    text-indent: 0px;
}
.element_menu h2
{    
   color: #000000;

   font-size: medium;
   text-align: center;
    font-family: Arial;
    text-indent: 0px;
}
.element_menu h3
{    
   color: #000000;
 
  
      font-size: small;
   text-align: center;
    text-indent: 0px;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: white;
   
   font-family: Arial;
   font-size: medium;
   text-decoration:none; 
 font-weight: bold
  
}

.element_menu a:hover
{
  
   color: black;
 
}


/* Le corps de la page */
#corpsPUB
{
 width: 708px;
   height: 321px;
    text-decoration:none;
	text-indent:0.0em;
   margin-right: 100px;
   margin-bottom: 20px;
   padding: 0px;
   
   color: black;
   background-color: #DEDEDE;
   
   background-repeat: repeat-x;
   
   border: 1px solid black;


}
li.liens {
	font-family: police de caractères;
	color: sa couleur;
	font-size: sa taille;
	padding:si besoin est;
}

li.liens:hover {
	font-family: police de caractères;
	color: sa couleur;
	font-size: sa taille;
	text-decoration:souligné, barré...;
}

#id1 {
 display:none;
} 

#id2 {
 display:none;
} 


#corps
{
	text-indent:0.0em;
   margin-right: 290px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: black;

   background-image: url("fondcorp.PNG");
   background-repeat: repeat-y;
   
   border: 1px solid #B9B9B9;
   
}
.element_corp a
{
color: white;


}
 a.blanc{
color:white;
}
.element_corp a:hover
{
color: blue;
  
}
.element_corp p
{
   margin-left: 20px;
   margin-right: 20px;
   color: black;
   text-align: justify;
 font-family: Arial, "arial black";
 font-size:12px;
   
}
.element_2
{
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 1px;
   color: red;
   text-align: center;
 font-family: Arial, "arial black";
 font-size:13px;
  background:black;
   padding:5px;
}

#corps h1
{
   margin-right: 40px;
   color: blue;
   text-align: center;
   text-indent:0em;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

     font-size: 16px;
   margin-left:20px;
    margin-bottom: 10px;
	   margin-top: 5px;
   
}

#corps h2
{
   /*height: 30px;*/

   background-image: url("images/titre.PNG");
   background-repeat: no-repeat;
   
   margin-left: 10px;
   font-size: 18px;
  font-family: Arial;
   color: white;
   text-align: center;
}
#corps h3
{
   /*height: 30px;*/

     
   margin-left: 20px;
   margin-right: 20px;
  font-size: medium;
   text-align: left;
}

#corps h4
{
   /*height: 30px;*/

     
   margin-left: 20px;
   margin-right: 50px;
    margin-bottom: 0px;
	   margin-top: 5px;
  font-size: medium;
  color:white;
   text-align: center;
      font-size: 24px;
  font-family: Arial;
}


input, textarea
{
   font-family: arial; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   background-color: #DEDDDE;
}
 
label
{
   color: brown; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
   font-family: Arial;
   font-size:14px;
   font-weight:normal;
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 10px; /* Une marge pour séparer les fieldset */
   background-color: #EEEEEE;
   padding-left:30px;
   margin-left:50px;
   margin-right:50px;
     margin-bottom:10px;
	 padding-bottom:20px;
	 background-position:bottom right;
   background-image:url("images/paypal.PNG");
background-repeat:no-repeat;
}



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

#pied_de_page
{
   padding: 5px;
   clear: both;
text-decoration:none;
   text-align: center;

   color: black;
   background-color: #EEBB62;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   /*border: 1px solid black;*/
}
a
{
	text-decoration:none;
	color:#B3B3B3;
}