table.firefox {
	border-collapse: collapse;
	}
td.bord {
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-width:1px; 
	border-color:#666666;
	}
td.bdhb {
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:none;
	border-right-style:solid;
	border-width:1px; 
	border-color:#666666;
	}
td.bbd  {
	border-top-style:none;
	border-bottom-style:solid;
	border-left-style:none;
	border-right-style:solid;
	border-width:1px; 
	border-color:#666666;
	}
td.bgd  {
	border-top-style:none;
	border-bottom-style:none;
	border-left-style:solid;
	border-right-style:solid;
	border-width:1px; 
	border-color:#666666;
	}
td.nu	{
	border-style:none
	}
body {
	color: #F0E39E;	 /* Texte beige sur fond noir */
	/*
	background-image: url('inc/img/fond.jpg');
	background-repeat: repeat;
	*/
	background-color: #141414;
	}
h1 {
	font-size:18pt;
	color:#000000;
/*	text-align:center; */
	}
h2 {
	font-size:16pt;
	color:#000000;
	text-align:center;
	}
h3 {
	font-size:14pt;
		color:#000000;
/*  	text-align:center; */
	}
p {
	font-size:12pt;
	color:#000000;
	text-align:justify;
	}
li {
	font-size:10pt;
	color:#000000;
	text-align:justify;
	list-style-type:disc;
	padding:2px
	}
li.n1 {
	list-style-type:disc;
	padding:4px;
	font-size:100%;
	}
li.n2 {
	list-style-type:square;
	padding:6px;
	font-size:85%;
	}
li.n3 {
	list-style-type:circle;
	padding:8px;
	font-size:70%;
	}
small {
	font-size:80%;
	}
p.center {
	text-align:center;
	}
div.center {
	text-align:center;
	}
b { 
	font-size:100%;
	}
pre {
	font-family:Courier;
	font-size:100%;
	}
code {
	font-family:Courier;
	font-size:100%;
	}
div.contphoto {
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
	height: auto;
	}
img.photo {
	max-width: 100%;
	text-align: center;
	}

/****************************************/
/***** Maquette générale de la page *****/
/****************************************/

/* Page */
body {
	padding: 10px 5px;
	}
#global {
	width: 95%;	/* -> 3 */
	margin: 0 auto; /* -> 4 */
}
/* Liens */
a	{
	text-decoration: none;
	}
a:link {
	color: saddlebrown;
	}
a:visited {
	color: #9f4315;
	text-decoration: none;
	}
a:hover {
	color: #9f4315;
	}

/* En-tête */
#entete {
	padding: 20px 20px 20px 0;
	}
#entete h1 {
	margin: 0;
	color: #F0E39E;
		font-size: 24pt;
	font-style: italic;
	}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px -15px;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	}
#sous-titre {
	margin: 4px 0 15px 0;
	font-size: 80%;
	color: #F0E39E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#sous-titre strong {
	color: #85b004;
	}

/* Menu de navigation - nav1 = menu en bandeau, nav2 = menu à gauche */
#nav1 {
	display: none;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: 10px;
	list-style-type: disc;
	}
#nav1 a {
	color: saddlebrown;
	font-weight; bold;
	}
#nav2 {
	position: fixed;
	/* bottom: 340px; */
	top: 145px;
	border: 1px solid #21531f;
	background: #141414;
	float: left;
	width: 20%;
	display: inline-block;
	vertical-align: top;
	left: 20px;
	}
#nav2 ul li {
	margin: 0;
	margin-left: -30px;
	padding: 6px;
	list-style: none inside none;
	}
#nav2 a {
	color: #F0E39E;
	display: block;
	height: auto;
	padding: 6px;
	line-height: 1.1;
	font-size: 1.3em;
	font-style: italic;
	text-decoration: none;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	}
#navigation a:hover, #navigation a:focus {
	background: #000000;
	}
/* Contenu principal */
#contenu {
	float:right;
	width: 75%;
	top: 110px;
	color: #000000;
	background: #F7F5E0; /* Fond jaune-gris clair -> 2 */
	border: 1px solid black;
	padding: 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#contenu strong {
	color: #181A12;
	}
#contenu > :first-child {
	margin-top: 10px;
	}
#contenu p, #contenu li {
	line-height: 1.4;
	}
/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
	color: #F0E39E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: .80em;
	text-align: left;
	color: #F0E39E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.cale {
	clear: both;
	line-height:0;
	}
table {
	border-collapse:collapse;
	border:1px solid black;
	font-size: 0.9em;
	}

table.com {
	color: #000000;
	}

table.prof {
	color: #000000;
	}

/*****************************/
/***** Partie adaptative *****/
/*****************************/

/*  Éléments de style modifiés lorsque la largeur de l'écran d'affichage tombe
	au-dessous de 975 pixels.
	*/
@media only screen and (max-width: 975px), only screen and (max-device-width: 975px) {
	#contenu {
		margin: 0;
		width: 70%;
		}
	}

/*  Éléments de style modifiés lorsque la largeur de l'écran d'affichage tombe
	au-dessous de 800 pixels.
	*/
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	#nav2 {
		bottom: 250px;
		}
	}

/*	Éléments de style modifiés lorsque la largeur de l'écran d'affichage tombe
	au-dessous de 650 pixels.
	*/
@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
	#global {
		width: 98%;
		margin: 5px;
		}
	#nav1 {
		display: block;
		}
	#nav1 ul {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
	#nav1 li {
		display: inline;
		}
	#nav2 {
		display: none;
		}
	#logo {
		display: none;
		}
	#entete {
	 	padding: 10px;
		}
	#entete h1 {
		font-size: 18pt;
		}
	#sous-titre {
		margin: 4px 0 4px 0;
		font-size: 70%;
		}
	#contenu {
		margin-left:5px;
		padding: 8px;
		width: 100%;
		}

}
/* Fin du paquet < 650 pixels */