/******************************************************** 
Définition du style pour site: www.fiche-express.com
(c) 2006 Thierry Gangloff
Tous droits réservés

*********************************************************/

/* body
	Définition de l'aspect global des pages;
	Définition de l'affichage des caractères
*/
body {
	margin: 10px 10px;
	padding:0;
	color: black;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*********************************
	Conteneur 
	Contient l'ensemble des éléments affichés, vient juste après body.
	Définition d'éléments supplémentaires d'affichage
**********************************/
#conteneur {
	position: relative;
	width: 800px;
	margin: 0;
	padding: 0;
}


/*********************************
	en_tete 
	Haut de page - bandeau, présentation du site.
**********************************/
#en_tete {
	height: 61px; /* hauteur doit être identique à celui de l'image */
	background:  url(images/fxp_barre.gif) top left no-repeat ; 
	margin: 0;
	padding: 0;
}

/* 
	en_tete h1: titre pour navigateurs non graphiques.
	Pour les autres, affichage hors de la page => pas d'affichage
*/
#en_tete h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
}
/*
	en_tete p: slogan
*/
#en_tete p {
	margin: 0; 
	padding: 0px 0px 0 200px; 
	color: #feb410;
	background-color: transparent;
	font-size: 120%;
	font-weight: bolder;
	font-style: italic;

}
/*********************************
	menu_principal 
	Style du menu principal, sous forme de boutons horizontaux survolés
**********************************/
#menu_principal ul {
	height: 20px;
	width: 721px;
	margin: 0;
	padding: 0 0 0 80px;
	list-style-type: none;

}
#menu_principal li {
	float: left; 
	text-align: center;
	font-size: 80%;
	width: 120px ;
	line-height: 20px ;
	display: block ;
	background: url(images/onglets.gif) repeat-x 0 -40px;
	background-color: transparent;
	color: black;
}
#menu_principal a {
	width: 120px ;
	text-align: center;
	line-height: 20px ;
	display: block;
	color: #ffc555;
	background: url(images/onglets.gif) repeat-x 0 0px;
	background-color: transparent;
	text-decoration: none ;  
	font-weight: bold;
	
	padding: 0;
	
}
#menu_principal a.selection {
	color: black;
	background: url(images/onglets.gif) repeat-x 0 -40px;
}
#menu_principal a.selection:hover{
	background: url(images/onglets.gif) repeat-x 0 -40px;
}
#menu_principal a:hover{
	background: url(images/onglets.gif) repeat-x 0 -20px;
}
/*********************************
	menu 
	Style du menu secondaire, sous forme de menu latéral gauche
**********************************/

#menu {
	width: 130px;
	padding-top: 20px;
	float: left;
}
#menu_cadre {
	background: url(images/cadre_bas.gif) bottom left no-repeat;
	padding-bottom: 10px;
}	
#menu_cadre p {
	margin: 0; 
	padding: 0 4px 6px 0px; 
	font-size: 1em;
	font-weight: bold;
	width: 130px;
	line-height: 40px;
	background: url(images/cadre_haut2.gif) no-repeat 0 0px; 
	text-align: center; 
	color: #ffc555;
	background-color: transparent;
} 
#menu_cadre ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu_cadre li{
	margin: 0 ;
	padding: 0  0px 6px 0px; 
	font-size: 1em;
	color: transparent;
  display: block;
	text-align: center;
	font-weight: normal;
}
#menu_cadre li.selected{
	background: #ffdf87;
	border-style: solid;
	border-width: 2px;
	border-color: #c33;
}

#menu_cadre li a {
	color: black;
	background-color: transparent;
	text-decoration: none;
  display: block;
  width: 130px;
	text-align: center;
}
#menu_cadre li a.selection {
	color: black;
	background-color: transparent;
	display: block;
	width: 130px;
	text-align: center;
	font-weight: bold;
}

#menu_cadre li a:hover {
	color: #b52931;
	background-color: transparent;
	background: url(images/cadre_bas_clair.gif) no-repeat 0 -10px;
}
#menu_cadre li a:visited {
	color: black;
	background-color: transparent;
}
/*********************************
	corps 
	Corps du texte
**********************************/

#corps {
	float: left;
	padding: 0;
	width: 640px;
	margin-top: 10px;
	margin-left: 20px;
}

#corps  h1 { 
	font-weight: bolder;
	font-size: 160%;
	padding: 5px 30px 5px 5px;
	line-height: 120%;
	margin:0;

}
#corps  h2 {
	font-weight: bold;
	font-size: 140%;
	padding: 5px 30px 5px 5px;
	line-height: 120%;
	margin:0;
}
#corps h2.mascotte {
	background-image: url(images/mascotte_montre_grand.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 80px;
	padding-bottom: 35px;
	padding-top: 35px;
}
#corps  h3 {
	font-weight: bold;
	font-size: 120%;
	padding: 5px 30px 5px 5px;
	line-height: 110%;
	margin:0;
}
#corps  p {
	font-weight: normal;
	padding: 5px 30px 0px 30px;
	margin:0;
	text-align: left;
	line-height: 150%;
	font-size: 100%;
}
#corps  p.petit {
	font-weight: normal;
	font-size: x-small;
	padding: 5px 30px 0px 30px;
	margin:0;
	text-align: left; 
	line-height: normal;
}
#corps  a {
	font-weight: normal;
	display: inline;
	background-image: none;
	color: black;	
	background-color: transparent;
}
#corps  a:hover {
	color: #b52931;
	background-color: transparent;
}
#corps  img{
	float: left;
	margin: 10px 20px 10px 0px;
	padding: 0;
}
#corps  img.right{
	float: right;
	margin-right: 10px; 
	padding: 0;
}
#corps img.flotte{
	float: none; 
	margin: 0;    
}

#corps  a img {
	border-style: none;
	border-width: 0;
}

#corps  hr
{
	clear: both;
	border-width: 0;
	border-style: none;
	background-image: url(images/barre_separation.gif);
	background-repeat: repeat-x; 
	background-position: bottom;
	height: 6px;
}
#corps hr.invisible{
	clear: both;
	border-width: 0;
	border-style: none; 
	background-image: none;
	background-color: transparent;
	color: #fff;
}		

#corps ul {
	position: relative;
	margin-left: 50px;
}
#corps li {  
	line-height: 110%; 
	font-weight: normal; 
	list-style-image: url(images/btd1.gif); 
	margin: 5px 30px 0px 0px;
	padding: 0 0 0 0px;

}
#corps a.telechargement  {
	text-decoration: none;
	background-image: url(images/bt1.gif);
	background-repeat: no-repeat; 
	background-position: left top;
	padding-left: 20px; 
	font-weight: bold;
}
#corps a.telechargement:hover  {
 	background-image: url(images/bt2.gif);

}
#corps ul.citation li
{
	line-height: 110%; 
	font-weight: normal; 
	list-style-image: none; 
	margin: 0;
 }
 #corps em
 {
 	font-weight: bold;
 	font-style: normal;
 } 
#corps .auteur {  
	background: #feb;
	width: 300px;
  margin-left: 300px;
  border-style: solid;
  border-width: 1px;
	border-color: #c33;		
 	color: black;
} 
#corps .auteur p {
 	text-align: left;
	font-weight: normal;
	font-size: 80%;
	padding: 2px 3px;
	margin:0;
	line-height: 100%; 	
 }
 #corps .legende  {
	background: #feb;
	color: black;
	border-style: solid;
	border-color: #c33;
	border-width: 1px;
	margin-top: 10px;
	padding: 10px 10px;
 }
#corps .legende p {
 	text-align: left;
	font-weight: normal;
	font-size: 90%;
	padding: 2px 3px;
	margin:0;
	line-height: 110%;
	font-style: italic; 	
 }
#corps a.page_suivante  {
	float: right; 
	text-align: left;
	font-weight: normal; 
	font-style: italic;
}
#corps .legende img {
	position: relative;
}
#corps .legende em {
	font-style: italic;
	font-weight: normal;
}
#corps .enumeration h3{
	background-image: url(images/mascotte_montre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 22px;
}
#pied {
	position: absolute;
}
#pied p,a{
	font-weight: normal;
	font-size: 100%;
	text-align: left; 
	line-height: 100%;
	background-image: none;
	padding-bottom: 10px;
}
.rouge {
	color: #FF0000;
}
²