/* General */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img {margin:0;padding:0;border:0;}
body {
	min-width: 550px;
	width: expression(((document.body.clientWidth)) < 800?"550px":"auto");
	background-image: url("../img/back.gif");
	font-family: "Arial Narrow";
}
p { font-family: Arial; font-size : 0.8em; color: black; padding: 10px;}
a { color: #0a3263; text-decoration: underline; }
a:hover { color: #DD8B1F; text-decoration: none; }
h1 {	font-family: "Tahoma"; font-size: 1.6em; color: #000000; font-weight: normal; }
h2 {	font-family: "Tahoma"; font-size: 1.4em; color: #000000; font-weight: normal; }
#corps {	margin: auto; width: 95%; background-color: #FFF0CF; }
.astuce { clear: left; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.rouge { color: red; }
.orange { color: #DD8B1F; }
.noir { color: black; }
.blanc {color: white;}
.bleu {color: #74aacf;}
.droite { float: right; }
.gauche { float: left; }

/* L'en-tête */
#entete {
   height: 60px;   
   background-color: white;
   margin-bottom: 1px;
}
#entete_haut {
  height: 20px;
  text-align: right;
  vertical-align: middle;
  margin-right:5px;
  margin-top: 2px;
}
#logo {
	position: absolute;
	left: 30px;
	top: 5px;
}

/* Le titre */
#titre {
    background-color: #DFDFDF;
    text-align: center;
    margin-bottom: 1px;
}

.cadre_blanc {
	padding: 5px;
	background-color: white;
	border: 1px solid #CFCFCF;
}
.cadre_gris {
	padding: 5px;
	background-color: #DFDFDF;
	border: 1px solid #CFCFCF;
}
.cadre_gris h3 {
	text-align: left;
}
table {
	border: thin solid #82bad1;
	width: 95%;
	border-collapse: collapse;
	font-size: 1em;
}
td { border: thin solid #1e88bc; }
th {
	border: thin solid #1e88bc;
	text-align: left;
	vertical-align: middle;
	font-weight : normal;
}