body {
    margin: 0px;
    background-color: #f7f7f7; }

body {
    color: #000000;
    font-family: trebuchet MS, trebuchet, arial, geneva, sans-serif;
    font-size: 12px; }
td {
	font-family: trebuchet MS, trebuchet, arial, geneva, sans-serif;
    font-size: 12px; }
p {
    color: #000000;
    font-size: 12px;
    font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif; }

table { border: thin } 

td.relief {
	background-image: url(./e/fond_top.gif); }
 
td.W {
    background-color: #FFFFFF; }
            
h1 {
    color: #ffcc00;
    font-size: 2em;
    font-family: arial,helvetica,sans-serif }
h2 {
    color: #590836;
    margin-bottom:5px;
    font-weight: bold;
    font-size: 18px;
    font-family: arial,helvetica,sans-serif }
h3 {
    font-weight: bold;
    color: #ff9900;
    font-size: 14pt;
    font-family: arial,helvetica,sans-serif }
h4 {
    color: #330099;  
    font-size: 1.8em;
    font-family: arial,helvetica,sans-serif }
h5 {
    font-weight: bold;
    font-size: 1.6em;
    font-family: arial,helvetica,sans-serif }   
h6 {
    font-weight: bold;
    background-color: #c2c2c2;
    color: #ffffff;
    font-size: 14pt;
    font-family: arial,helvetica,sans-serif }
object {width:680px; height:280px}

#lien01 {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;	/* placement de l'image-lien, ˆ vous d'adapter */
left: 400px;	/* dimensions selon l'image, ˆ vous d'adapter */
top: 500px;
width: 180px;
height: 37px;
border:0;
background: url(./e/fleche-rond-bleu.png) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#lien01 a {	/* dŽfinition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(./e/fleche-rond-prune.png) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#lien01 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

tr.lignecell_blanc {
	background: #fff;
	}
tr.lignecell_gris {
	background: #e2ffe2;
	}

    
/* ================ */
/* = The 1Kb Grid = */     /* 10 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

.grid_60 { width:60px; }
.grid_140 { width:140px; }
.grid_220 { width:220px; }
.grid_300 { width:300px; }
.grid_380 { width:380px; }
.grid_460 { width:460px; }
.grid_540 { width:540px; }
.grid_620 { width:620px; }
.grid_700 { width:700px; }
.grid_780 { width:780px; }

.grid__70 { width:70px; }
.grid__160 { width:160px; }
.grid__250 { width:250px; }
.grid__340 { width:340px; }
.grid__430 { width:430px; }
.grid__520 { width:520px; }
.grid__580 { width:580px; }
.grid__610 { width:610px; }
.grid__700 { width:700px; }
.grid__790 { width:790px; }
.grid__800 { width:800px; }
.grid__820 { width:820px; }
.grid__840 { width:840px; }
.grid__880 { width:880px; }
.grid__920 { width:920px; }
.grid__940 { width:940px; }

.grid___280 { width:280px; }
.grid___580 { width:580px; }
.grid___880 { width:880px; }


.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }

.grid__1 { width:70px; }
.grid__2 { width:160px; }
.grid__3 { width:250px; }
.grid__4 { width:340px; }
.grid__5 { width:430px; }
.grid__6 { width:520px; }
.grid__7 { width:610px; }
.grid__8 { width:700px; }
.grid__9 { width:790px; }
.grid__10 { width:880px; }

.grid___1 { width:280px; }
.grid___2 { width:580px; }
.grid___3 { width:880px; }


.column_ {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row_ {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row_ .row_ {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}


.blanc12 {
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    font-family: trebuchet MS, trebuchet, arial,helvetica,sans-serif }
	
.blanc14 {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    font-family: trebuchet MS, trebuchet, arial,helvetica,sans-serif }
    
.blanc16 {
	color: #ffffff;
	font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif;
	font-size: 16px; }

.bleu12 {
    color: #1FAED9;
    font-weight: bold;
    line-height:18px;
    font-size: 12px;
    font-family: arial,helvetica,sans-serif }

.jaune14 {
    color: yellow;
    font-weight: bold;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif }
.legende {
    color: #000000;
    font-style: italic;
    text-align: center;
    font-size: 10px;
    font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif; }

.orange12 {
    color: #F98D57;
    font-weight: bold;
    line-height:18px;
    font-size: 12px;
    font-family: arial,helvetica,sans-serif }

.prune14 {
    color: #590836;
    font-weight: bold;
    font-size: 14px;
    font-family: trebuchet MS, trebuchet, arial,helvetica,sans-serif }

.prune18 {
    color: #590836;
    font-weight: bold;
    font-size: 18px;
    font-family: trebuchet MS, trebuchet, arial,helvetica,sans-serif }
.prune24 {
    color: #590836;
    font-weight: bold;
    font-size: 24px;
    font-family: arial,helvetica,sans-serif }

.prune28 {
    color: #590836;
    font-weight: bold;
    font-size: 28px;
    font-family: arial,helvetica,sans-serif }

.rouge10 {
	color: #ff0000;
	font-style: italic;
	font-family: arial, geneva, sans-serif;
	font-size: 10px; }
.rouge12 {
	color: #ff0000;
	font-style: italic;
	font-family: arial, geneva, sans-serif;
	font-size: 12px; }
.rouge12VB {
	color: #ff0000;
	font-weight: bold;
	font-family: verdana, arial, geneva, sans-serif;
	font-size: 12px; }
.rouge13B {
    color: #ff0000;
    font-family: trebuchet MS, trebuchet, arial, geneva, sans-serif;
    font-size: 13px; }
.rouge14 {
	color: #ff0000;
	font-weight: bold;
	font-family: trebuchet MS, trebuchet, arial, geneva, sans-serif;
	font-size: 14px; }
.t10 {
    color: #000000;
    font-size: 10px;
    font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif; }	
.text10 {
    color: #000000;
    font-size: 10px;
    font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif; }
.text11 {
    color: #000000;
    font-size: 11px;
    font-family: trebuchet MS, trebuchet, arial, geneva, sans-serif; }
.text12 {
    color: #000000;
    font-size: 12px;
    font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif; }

.text14B {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif; }

.text16B {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif; }
    
.texte12indent {
	color: #000000;
	text-indent: 3em;
	line-height: 1.5em;
	font-size: 1em;
	font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif; }
	
.text12yellowed {
    color: #000000;
    background-color: #FFFF00;
    font-family: verdana, arial, geneva, sans-serif;
    font-size: 12px; }

.init_tit_parag {
    background-color: #F98D57;
	line-height: 1px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: verdana, arial, geneva, sans-serif;
	font-size: 14px; }
.text_fich {
    padding: 0 0 0 15px;
    text-align: justify;
    color: #000000;
    font-family: verdana, arial, geneva, sans-serif;
    font-size: 10px; }
.text_intro_fiches {
    font-style: italic;
    text-align: justify;
    color: #590836;
    font-family: verdana, arial, geneva, sans-serif;
    font-size: 11px; }
.tit_parag {
	line-height: 1px;
	color: #590836;
	font-family: verdana, arial, geneva, sans-serif;
	font-size: 12px; }	
.titreblanc16 {
	font-weight: bold;
	color: #ffffff;
	font-family: trebuchet MS, trebuchet, verdana, arial, geneva, sans-serif;
	font-size: 14px; }
.titrenoir14 {
	font-weight: bold;
	color: #000000;
	text-indent: 0.6em;
	font-family: arial, geneva, sans-serif;
	font-size: 14px; }
	 
a:link {
    text-decoration: none;
    color: #3366FF;
    font-size: 11px;
    font-family: verdana,arial,helvetica,sans-serif}
a:visited {
    text-decoration: none;
    color: #3366FF;
    font-size: 11px;
    font-family: verdana,arial,helvetica,sans-serif}
a:hover {
    text-decoration: underline;
    color: blue;
    font-size: 11px;
    font-family: verdana,arial,helvetica,sans-serif}
a:active {
    text-decoration: none;
    color: red;
    font-size: 11px;
    font-family: verdana,arial,helvetica,sans-serif}
    
a.bleu12:link {
    color: #00f;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    font-family: arial,helvetica,sans-serif }
a.bleu12:visited {
    color: #00f;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    font-family: arial,helvetica,sans-serif }
a.bleu12:hover {
    color: red;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    font-family: arial,helvetica,sans-serif }
a.bleu12:active {
    color: red;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    font-family: arial,helvetica,sans-serif }
 
a.bleu14:link {
    color: #00f;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif }
a.bleu14:visited {
    color: #00f;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif }
a.bleu14:hover {
    color: red;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif }
a.bleu14:active {
    color: red;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif }


a.a24_noir:link {
    color: #111;
    font-weight: bold;
    text-decoration: none;
    font-size: 24pt;
    font-family: arial,helvetica,sans-serif }
a.a24_noir:visited {
    color: #111;
    font-weight: bold;
    text-decoration: none;
    font-size: 24pt;
    font-family: arial,helvetica,sans-serif }
a.a24_noir:hover {
    color: #00f;
    font-weight: bold;
    text-decoration: none;
    font-size: 24pt;
    font-family: arial,helvetica,sans-serif }
a.a24_noir:active {
    color: red;
    font-weight: bold;
    text-decoration: none;
    font-size: 24pt;
    font-family: arial,helvetica,sans-serif }