/* -----------------style commun à l'ensemble des pages------------------ */

BODY {
	 background-color:#FAFAFA; color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size:smaller; line-height:150%; 
	 margin-top:10px; margin-left:5px; margin-right:5px; margin-bottom:10px; 
	 }

a:link { color: black; font-weight:bold; text-decoration: none;}
a:visited { color: black; font-weight:bold; text-decoration: none;}
a:hover { color: #FF0000; font-weight:bold; text-decoration: none;}

a.ech {color: #EE6600; font-weight:normal; text-decoration:underline;}
a:visited.ech {color: #EE6600; font-weight:normal; text-decoration:underline;}
a:hover.ech {color: #FF0000; font-weight:normal; text-decoration:underline overline;}

a.lex {color: #009933; font-weight:normal; text-decoration:underline;}
a:visited.lex {color: #009933; font-weight:normal; text-decoration:underline;}
a:hover.lex {color: #FF0000; font-weight:normal; text-decoration:underline overline;}

a.lien {color: #0066FF; font-weight:normal; text-decoration:underline;}
a:visited.lien {color: #0066FF; font-weight:normal; text-decoration:underline;}
a:hover.lien {color: #FF0000; font-weight:normal; text-decoration:underline overline;}

p {text-align:justify;}

#en_tete { 
		 background:url(gris_haut.jpg); visibility:visible; position:relative; height:30px;
		 font-size: 14px;line-height:140%;
		 }
#corps {background-color:#EFEFEF; visibility:visible; position:relative; height:auto;}
#pied_page {
		   background:url(gris_bas.jpg); visibility:visible; position:relative; height:auto; 
		   font-size: xx-small; line-height:100%; text-align:right; padding-right:10px; clear:left;
		   } 
#descriptif {
	   		background-color:#EFEFEF; color:#000000; 
	   		margin-top:0px; margin-bottom:1px; margin-left:10px; margin-right:10px; padding:0px; text-align:justify;
			clear:left; 
	   		}
.menu {width:280px; padding-left:10px; float:left;} 
.retour_ligne {visibility:visible; position:relative; height:auto;font-size: xx-small; line-height:100%; clear:left;} 
	    


/* -----------------style propre aux pages "photos 640x480"-------------- */

.photo_norm {
	        background-color:#EFEFEF; color:#800000; visibility:visible; position:relative;
	        padding:0px; margin-top:0px; margin-bottom:10px; width:645px; float:left;
	        font-size: xx-small; line-height:100%;
	        }
.legende_photo_norm {
					background-color:#EFEFEF; color:#800000; visibility:visible; position:relative;
	        		padding:0px; margin-top:0px; width:400px; float:left;
	        		font-size: x-small; line-height:150%;
					}
.agrandir_photo_norm {
					 background-color:#EFEFEF; color:#800000; visibility:visible; position:relative;
	        		 padding:0px; margin-top:0px; margin-bottom:0px; width:240px;  float:left;
	        		 font-size: x-small; line-height:150%; text-align:right;
					 }
.menu_photo_norm {background-color:#EFEFEF; padding:0px; width:340px; float:left;}
* html .menu_photo_norm {float:none;}
.coordonnees_norm {background:url(gris_milieu.jpg); color:#FFFFFF; height:24px; padding-left:10px; clear:left;}
.navigation_long {			
		 	     background:url(gris_navig_2.jpg); height: 130px; padding-left:10px;
				 font-size: small; line-height:160%;color: #666666;
			     }
#identite {
	   	  background-color:#EFEFEF; color:#000000; 
	   	  padding-left:10px; padding-top:10px; clear:left; 
	   	  }
#carte {
	   	background-color:#FFFFFF; color:#000000;
		border-color:#1C7E28; border-width:5px; border-style:groove;
	   	width:315px; padding-left:0px; padding-top:0px; clear:left; height:220px;
	   	}
#titre_carte {padding-top:10px; padding-bottom:20px; }
.caracteristique {padding-left:10px; padding-top:0px; padding-bottom:10px; width:73px; float:left;}
.text_caracteris {padding-left:5px; padding-top:0px; padding-bottom:10px;width:220px; float:left;}



/* ---------------style propre aux pages "photos panoramiques"------------- */

#photo_panorama {
	   background-color:#EFEFEF; color:#800000; visibility:visible; position:relative;
	   padding:0px; margin-top:0px; margin-bottom:0px; 
	   }
.legende_photo_pan {
				   background-color:#EFEFEF; color:#800000; visibility:visible; position:relative;
	        	   padding-bottom:10px; margin-top:0px; width:600px; float:left;
	        	   font-size: x-small; line-height:150%;
				   }
.agrandir_photo_pan {
					background-color:#EFEFEF; color:#800000; visibility:visible; position:relative;
	        		padding-bottom:10px; margin-top:0px; margin-bottom:0px; width:auto; float:left;
	        		font-size: x-small; line-height:150%; text-align:right;
					}
#menu_photo_pan {background-color:#EFEFEF; padding:0px; width:980px; float:left;}
* html #menu_photo_pan {float:none;}
#carte_pan {
	   	   background-color:#FFFFFF; color:#000000;
		   border-color:#1C7E28; border-width:5px; border-style:groove;
	   	   width:480px; padding-left:0px; padding-top:0px; clear:left; height:110px;
	   	   }
#titre_carte_pan {padding-top:2px; padding-bottom:2px;}
.caracteristique_pan {padding-left:10px; padding-top:0px; padding-bottom:0px; width:80px; float:left;}
.text_caracteris_pan {padding-left:5px; padding-top:0px; padding-bottom:0px;width:370px; float:left;}
#identite_pan {
	   	      background-color:#EFEFEF; color:#000000; 
	   	      padding-left:10px; padding-top:10px; width:500px; float:left;
	   	      }

.navigation_court {			
		 	      background:url(gris_navig_1.jpg); height: 25px; padding-left:10px;
				  font-size: small; line-height:160%;color: #666666;
			      }



/* ---------------style propre aux pages "album photos"---------------- */

.fiche_album {padding-left:3px; width:410px; float:left;}
.photo_album {padding:0px; width:201px; margin-bottom:5px; line-height:10%; float:left;}
.texte_album {padding:0px; width:204px; float:left;}
.coordonnees {background:url(gris_milieu.jpg); color:#FFFFFF; height:24px; font-size: small; letter-spacing:0em;padding-left:5px;}
.descriptif {background-color:#EFEFEF; color:#000000; padding:5px;}
.pied_fiche {background:url(gris_bas.jpg); height: 15px; line-height:80%; padding-left:5px;}



/* ---------------style propre aux pages "auteurs"---------------------- */

#auteur_photo {color:#006600; width:100px; float:left;}
#nom_auteur_photo {padding-left:20px;}
#auteur {color:#006600; width:100px; float:left;}
#nom_auteur {padding-left:20px;}
#source {color:#006600; width:100px; float:left;}
#text_source {padding-left:20px;}


/* ---------------style propre aux pages "lexique"------------------------*/

#en_tete_lex { 
		     background:url(gris_haut.jpg); visibility:visible; position:relative; height: 30px;
		     font-size: 18px;line-height:140%;
		     }
.titre_en_gras { font-weight:bold;  
			}
.titre_lex { text-align:justify; font-size: medium; font-weight:bold; line-height: 150%; padding-right: 10px; padding-bottom: 10px; 
			}
.texte_lex { text-align:justify; font-size: small; line-height: 150%; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; 
			}
.mot_en_gras { font-size: small; font-weight:bold; line-height: 150%; padding-right: 10px; padding-bottom: 10px; 
			}
.legende_lex { text-align:justify; color:#666666; font-size: x-small; line-height: 100%; padding-left: 0px; padding-right: 0px; padding-top: 5px;
			}
.image_centree_lex {
	        background-color:#EFEFEF; color:#800000; visibility:visible; position: relative; text-align:center;
	        padding-bottom: 10px; margin-top:0px; margin-bottom:0px; 
	        }
.image_coteacote_lex {padding-top:10px; padding-left:5px; padding-right:5px; float:left;}

/* ---------------style propre à la page menu du lexique------------------------*/

#titre_lexique {background:url(gris_milieu.jpg); color:#FFFFFF; height:24px; font-size:large; font-weight:bold; text-align:center; clear:left;}
.alphabet_lex { 
		     background:url(gris_haut.jpg); visibility:visible; position:relative; height: auto;
		     font-size: 20px;line-height:140%;
		     }
ul ul {display: none; position:relative; left: 0px; top: 0px; margin: 0px; padding: 0px; } 
li {list-style-type: none; position: relative; width: 30px; background-color:#FFFFFF}

li:hover ul.nav2{display:block;}
.nav1 {width: 0px; float:left; margin:0px; padding:15px;}
.nav2 {}
.separation_lex {
		   background:url(gris_bas.jpg); visibility:visible; position:relative; height:auto; 
		   font-size: xx-small; line-height:100%; text-align:right; padding-right:10px; clear:left;
		   }