@charset "utf-8";
/* CSS Document */
html, body {
	height:100%;
	}
body {
	background-color: #FFF;
	color: #000000;
	font-family : Verdana, Georgia, Times New Roman;
	font-size: 13px;
	}
#fleche_tete {
	background: url("fleche_tete2.png") no-repeat;
	background-position: top;
    width: 750px;
	min-height: 170px;
	margin-left: 244px;
	overflow: hidden;
	}
#boite_tout {
    background: url("fleche_corps.gif") repeat-y;
	background-position: bottom center;
	position: relative;
	min-height: 100%;
	width: 299px;
	margin-left: 270px;
    } 
.boite_event {
    padding-top: 1px;
    margin-bottom: 3px;
    } 
.boite_date {
    color: #FFF;
    float: left;
    font-family: tahoma;
    font-size: 9px;
    text-align: center;
    width: 131px;
    margin: 12px 0px 0px 81px;
    }
.boite_date span {
    font-size: 12px;
    font-weight: bolder;
    }   
.boite {
    background: url("boite.gif") no-repeat;
    margin-left: 236px;
    padding-top: 20px;
    width: 450px;
    position: relative;
    }
.boite_pied {
    background: url("boite_pied.gif") no-repeat;
    background-position: bottom;
    width: 345px;
    /*height: 100%;*/
    padding: 0px 20px 20px 85px;
    /*text-align: justify;*/
    }
.proph {
    background: url("boite_proph.gif") no-repeat;
    }
.proph .boite_pied {
    background: url("boite_pied_proph.gif") no-repeat;
    background-position: bottom;
    }
.fact {
    background: url("boite_fact.gif") no-repeat;
    }
.fact .boite_pied {
    background: url("boite_pied_fact.gif") no-repeat;
    background-position: bottom;
    }
.nf {
    background: url("boite_nf.gif") no-repeat;
    }
.nf .boite_pied {
    background: url("boite_pied_nf.gif") no-repeat;
    background-position: bottom;
    }
.sylv {
    background: url("boite_sylv.gif") no-repeat;
    }
.sylv .boite_pied {
    background: url("boite_pied_sylv.gif") no-repeat;
    background-position: bottom;
    }	
.charr {
    background: url("boite_charr.gif") no-repeat;
    }
.charr .boite_pied {
    background: url("boite_pied_charr.gif") no-repeat;
    background-position: bottom;
    }	
.gw2 {
    background: url("boite_gw2.gif") no-repeat;
    }
.gw2 .boite_pied {
    background: url("boite_pied_gw2.gif") no-repeat;
    background-position: bottom;
    }
.boite_pied img {
    position: absolute;
    top: 2px;
    left: 30px;
    }
#boite_legende {
    background: #afc3bf url("boite_legende1.gif") no-repeat;
    position: fixed;
    margin: 2px 0px 0px 2px;
    width: 275px;
    z-index: 10;
	overflow: auto;
	max-height: 100%;
    }
#boite_legende_pied {
    background: #afc3bf url("boite_legende2.gif") no-repeat bottom;
    width: 265px;
    height: 100%;
    padding: 0px 5px 5px 5px;
    margin-top: 10px;
    font-size: 11px;
    }
#boite_legende table img {
	vertical-align: middle;
	}
#fleche_bas {
    background: url("fleche_bas.png") no-repeat;
	width: 279px;
	height: 90px;
	margin-left: 10px;
    }
.speed {
    width: 685px;
    margin: 0 auto;
    text-align: right;
    }
.cen {
    text-align: center;
    }
.up {
    text-align: center;
	width: 100%;
	margin: 5px 0;
	font-weight: bold;
    }	
.site {
    text-align: center;
	width: 267px;
	margin: 515px 5px 5px;
	position: fixed;
    }	
.anet {
    text-align: center;
    margin: 0 0 20px 391px;
    padding-top: 20px;
    width: 560px;
    position: relative;
    }	
h2  {
    font-size: 15px;
    text-align: center;
    }
a:link {color: #831b1b;}
a:visited {color: #831b1b;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline ; color: #FFF;}
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}