/*
	*** Feuille de styles CSS ***

	Toute reproduction partielle ou totale de ce
	fichier ou de la charte graphique du site
	pour quelqu'usage que ce soit est totalement
	interdite sans autorisation de l'auteur.

	Copyright (c) Histoire Ferroviaire
	Tous droits réservés.

	histoireferroviaire[at]free.fr
*/

/* Définitions des styles des cadres */

html, body
{
	width: 100%;
	height: 100%;

	margin: 0px;
	padding: 0px;
	
	overflow: auto;
	background-color: #DEDEDE;
	
	font-size: 100%;
}

#fenetre
{
	width: 960px;
  
 	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;

	overflow: hidden;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	
	font-size: 100%;
}

#titre
{
	margin: 0px;
	padding: 8px;

	overflow: hidden;
	background-color: #AABBCC;
  -moz-border-radius: 10px;
  	
	color: #FFFFFF;
	font-size: 200%;
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Sans-Serif;

	text-align: center;	
}

#menu
{	
	float: left;
    
  width: 180px;

	padding: 0px;
  margin: 10px 0px 0px 0px;

	overflow: hidden;
	background-color: #CCCCCC;
  -moz-border-radius: 10px;
  
	line-height: 120%;
}

#contenu
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	
 	overflow: hidden;
	-moz-user-focus: normal;

	background-color: #FFFFFF;
}

#actu
{
  float: left;
  width: 300px;

  padding: 5px;
  margin: 0px 10px 0px 0px;

  border: 1px solid #DDDDDD;
  
	color: #3F75AA;
	font-weight: bold;
}

/* Définitions des styles de classe du cadre "gauche" */

#menu a
{
	padding: 0px;
	margin: 0px 0px 0px 15px;
  
  font-size: 80%;
	color: #000000;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
}

#menu a:hover
{
	color: #FFA500;
}

#menu h1
{
 	padding: 10px;
 	margin: 0px;

	color: #3F75AA;
 	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	text-align: left;
	font-size: 80%;
}

/* Définitions des styles de classe du cadre "contenu" */

#contenu a
{
	color: #0055DD;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
  line-height: 150%;
}

#contenu a:hover
{
	color: #FFA500;
}

#contenu h1
{
  padding: 3px;
	margin: 0px 0px 10px 0px;
	
  background-color: #BBBBBB;
  -moz-border-radius: 10px;  
  
  color: #FFFFFF;		
  font-weight: bold;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 100%;
  text-align: center;
}

#contenu h2
{
  padding: 0px;
  margin: 0px 0px 15px 0px;

	border-bottom: 1px dashed #3F75AA;
  
  color: #3F75AA;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 100%;
  line-height: 150%;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}

#contenu h3
{
  padding: 0px;
  margin: 0px 0px 15px 20px;
  
 	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 80%;
  line-height: 150%;
  text-align: left;
}

#contenu ul
{
	margin: 0px;
	padding: 0px 0px 20px 40px;
}

#contenu li
{
	margin: 0px;
	padding: 0px;

	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 80%;
  line-height: 150%;
	text-align: justify;
}

#contenu p
{
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 80%;
  line-height: 150%;
}

#contenu table.liste
{
  width: 97%;
  margin: auto;
  padding: 0px;
  margin-bottom: 20px;
  
 	border: 1px solid #999999;
	border-spacing: 2px;

	color: #000000;
	font-size: 80%;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
  
  text-align: center;
}

#contenu table.liste th
{
  padding: 3px;  
  color: #3F75AA;
 	background-color: #CCCCCC;
}

#contenu table.liste td
{
  padding: 2px;
 	background-color: #EEEEEE;
}

#contenu table.detail
{
  width: 97%;
  margin: auto;
  padding: 0px;
  margin-bottom: 20px;
  
 	border: 1px solid #999999;
	border-spacing: 2px;

	color: #000000;
	font-size: 80%;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
  
  text-align: left;
}

#contenu table.detail th
{
  padding: 2px;  
  color: #3F75AA;
 	background-color: #DDDDDD;
  vertical-align: top;
}

#contenu table.detail td
{
  padding: 2px;
 	background-color: #FFFFFF;
  vertical-align: top;
}
  
#contenu .textej
{
	text-align: justify;
}

#contenu .textec
{
	text-align: center;
}

#contenu .texteg
{
	text-align: left;
}

#contenu .texted
{
	text-align: right;
}

#contenu .textei
{
	font-style: italic;
}

#contenu .texteb
{
	font-weight: bold;
}

#contenu .alerte
{
  padding: 5px;
  border: 2px solid #FF0000;
  font-weight: bold;
}