/*Pour cacher les sous-menus :
Toutes les balises UL placées à l'intérieur d'une balise LI doivent sortir du flux et ne plus être visibles.*/

ul#cascade li ul{
  display:none;
}

/*Pour afficher les sous-menus au passage de la souris :
Lorsque la souris passe sur une balise LI contenant une balise UL, cette dernière doit apparaître sur la page HTML.*/

ul#cascade li:hover>ul{
  display:block;
}

/*Malheureusement, l'apparente simplicité de cette solution cache un problème de
 taille. Si le style CSS qui doit faire apparaître les sous-menus fonctionne
 parfaitement avec Mozilla, il ne fonctionne pas avec Internet Explorer qui est
 le navigateur le plus utilisé au monde ! Cela tient à ce que IE ne comprend ni
 la pseudo-classe :hover appliquée à la balise LI, ni le selecteur CSS « > ».
 Il faut utiliser un peu de JavaScript pour émuler ce comportement
 CSS avec IE.*/
 
ul#cascade,
ul#cascade ul{
  font-weight:bold;
  background:#D1ECE1;
  /*border:1px solid #58BEB1;*/
  border:none;
  list-style:none;
  margin:0px;
  padding:0px;
  /*width:148px;
  _width:150px;*/
  width:300px;
  _width:302px;
}

ul#cascade ul{
  font-weight:normal;
  position:absolute;
  top:-1px;
  left:300px;
}

ul#cascade li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul#cascade a{
  display:block;
  width:100%;
  color:#58BEB1;
  text-decoration:none
}

ul#cascade a:hover{
  /*background:#FBBF80;
  color:#58BEB1;*/
  color:#FBBF80;
}

img#puce_menu{
vertical-align:middle;
border:none;
height:100%;
}

img#logo{
border:none;
margin-bottom:4px;
}

div#bloc_gauche{
float:left;
vertical-align:text-top;
}

div#bloc_droit{
  min-height:465px;
  height:555px;
  width:540px;
  overflow:auto;
  margin-top:10px;
  margin-left:15px;
  padding:5px;
  background-image:url(../images/fonds/fond_feuille.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  color:#333333;
  font-family: Verdana;
	font-size: 10pt;
	scrollbar-face-color:#D1ECE1;
	scrollbar-darkshadow-color: #D1ECE1;
	scrollbar-shadow-color: #FBBF80;
	scrollbar-3dlight-color: #FBBF80;
	scrollbar-arrow-color: #FBBF80;
	scrollbar-track-color: #D1ECE1;
	scrollbar-highlight-color: #D1ECE1;
	text-align:justify;
}

div#titre{
  width:500px;
  overflow:auto;
  margin-top:20px;
  margin-left:10px;
  padding:5px;
  background-position:bottom right;
  background-repeat:no-repeat;
  background-attachment:fixed;
}/*div#bloc_droit*/

div#titre h1{
  color:#58BEB1;
  font-weight:bold;
  font-size:14pt;
}

img#random{
margin-top:4px;
}

ul#drapeau,
ul#drapeau li
{
list-style-type:none;
float:left;
display:block;
padding:0;
margin:0;
margin-right:10px;
}

img#drapeau {
border-style:none;
}

p#legal{
  display:block;
  clear:left;
  color:#FBBF80;
  font-weight:normal;
  font-size:8pt;
}

ul#defaut{
list-style-type:none;
padding:0;
margin:0;
margin-bottom:10px;
font-weight:bold;
background:none;
border:none;
}

ul#defaut a{
  display:block;
  width:100%;
  color:#FBBF80;
  text-decoration:none;
}

ul#defaut a:hover{
  color:#58BEB1;

}

ul#contact{
list-style-type:none;
padding:0;
margin:0;
margin-bottom:10px;
font-weight:normal;
background:none;
border:none;
color:#58BEB1;
text-decoration:none;
}

ul#contact a{
  display:block;
  color:#58BEB1;
  text-decoration:none;
}

img#puce_defaut{
vertical-align:middle;
border:none;
height:100%;
margin-right:2px;
}

img#map_honduras{
border-width:1px;
border-style:solid;
border-color:(#FBBF80);
}

img#photo_membre{
border:none;
clear:right;
margin-right:5px;
margin-bottom:10px;
}

#message{
margin-top:10px;
}

.joli_gras{
font-weight:bold;
color:#58BEB1;
}

.gras{
font-weight:bold;
}

#logo_partenaire{
border:none;
margin-bottom:4px;
clear:right;
align:middle;
}

#lien_partenaire {
  display:block;
  color:#58BEB1;
  text-decoration:none
}

#lien_partenaire :hover{
  color:#FBBF80;
}