body {

	background: #000000;

	color: #FFFFFF;

	margin : 0px;

	padding : 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	scroll : no;

	overflow:auto;

}

/* CSS du menu horizontal, bieler batiste, www.magnin-sante.ch/journal

   attention au hack IEPC a fait buger IE5 mac 

.nav{

    position:absolute;

    top:3em;

    left:3em;

    display:block;

    margin:0;

    padding:0;

    width:500px; important pour Opera7 

    }



.nav ul{

    position:relative;

    top:0px;

    left:0px;

    position:absolute;  pour sortir la liste du flux de donne 

    display:block;

    width:152px;

    margin:0;

    padding:0;

    height:10em;  probably fix a bug in IE5 Mac

    }

    

.nav li ul{

    visibility:hidden;

    }



.nav li li ul{

    position:absolute; pour sortir la liste du flux de donne

    top:auto;

    left:auto;

    margin-left:120px;

    margin-top:-22px; move the sub menu verticaly

    }

    

nav li{

    list-style:none;

    width:152px;

    height:auto;

    display:inline;

    display:block;

    float:none;

    float:left;

    margin:0;

    padding:0;

    }

    

.nav li li{

    display:block;

    float:none;

    }

    

correct a little IE bug

* html .nav li li{

    display:inline;

    }



.nav a{

    text-align:center;

    background-color: #9cf;

    border: 1px #aaa solid;

    color:#000;

    display:block;

    width:150px;

    text-decoration:none;

    padding:2px 0;

    margin:0;

    }

    

.nav a:hover{

    background-color: #eee;

    border: 1px #000 solid;

    }

    

for a mozilla better display with key nav 

.nav a:focus{

    background-color: #aaf;

}



hide some accessibility stuff 

.nav span{

    display:none;

    }

*/

#nav

{

	font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

 width: 30px;

 list-style-type: none;

 margin: 0;

 padding: 0;

 border: 0;

}



/* * html .nav li li{

    display:inline;

    }

*/



 ul {

	list-style-type: none;

	background-color: #000000;

	margin: 0px;

	padding:0px;

	height:15px;

	}



li {

	margin: 0;

	float: left;

	position: relative;

	}



li ul {

	display: none;

	position: absolute;

	top: 15px;

	left: 0;

	color: #FFFFFF;

	}



li > ul {

	top: auto;

	left: auto;

	}



.box_menu {

	font-family: Arial, Helvetica, sans-serif;

	padding: 0px;

	margin: 0px;

	font-size: 12px;

	border: none;

}



.style4 {

	color: #FFFFB9;

	font-size: 28px;

	font-style: italic;

	font-family: Garamond, Arial;

	letter-spacing: 1px;

	font-weight: lighter;

}



.style3 {

	color: #F9DA87;

	font-size: 35px;

	font-style: normal;

	font-variant: normal;

	font-family: Garamond, Arial;

	font-weight: normal;

	line-height: normal;

	text-transform: none;

	letter-spacing: 1px;

}



.style15 {

	color: #CCCCCC;

	font-family: Garamond, Arial;

	font-size: 20px;

	font-weight: normal;

	letter-spacing: 1px;

	font-style: normal;

}



.box_menu_long {

}



.box_menu td {

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

	font-size: 11px;

	letter-spacing: 1px;

	padding-top: 5px;

	padding-right: 30px;

	padding-bottom: 5px;

}



.style16 {

	color: #FFFFFF;

	font-size: 16px;

}



.style17 {

	color: #63C091;

	letter-spacing: 1px;

}

.style18 {

	color: #E999CE;

	letter-spacing: 1px;

}

.style19 {

	color: #9FD6EB;

	letter-spacing: 1px;

}

.style20 {

	color: #FAFA32;

	letter-spacing: 1px;

}

.style21 {

	color: #D67636;

	letter-spacing: 1px;

}

.style22 {

	color: #BEBEBE;

	letter-spacing: 1px;

}

.style23 {

	color: #FFFF6D;

	letter-spacing: 1px;

}



.boxe-titre {

	padding-left: 25px;

}



.texte-page {

	padding-right: 10px;

	margin-right: 10px;

	color: #ACACAC;

}



.style_vert_texte {

	color: #ADDEC6

}



.style_vert_gris {

	color: #B4B4B4;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}



.liste {

	list-style-type: disc;

}

.style_bleu_texte {

	color: #BFE4F2;

}

.style17 a:link {

	color: #63C091;

	letter-spacing: 1px;

	text-decoration: none;

}

.style19 a:link {

	color: #9FD6EB;

	text-decoration: none;

}

a:link {

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

.style24 {

	font-size: 13px;

	font-weight: bold;

	font-style: italic;

	color: #FFF7A8;

	letter-spacing: 1px;

}

.style_jaune_texte {

	color: #FDFDB3;

}

.style_rouge_texte {

	color: #D8936D;

}

.style_rose_texte {

	color: #EFB6DB;

}

.style25 {

	font-size: 11px;

	color: #FDF9D6;

}

.styleBeige {



	color: #CCB48E;

	letter-spacing: 1px;

}

.style3Copy {

	color: #FFFFB9;

	font-size: 35px;

	font-style: normal;

	font-variant: normal;

	font-family: Garamond, Arial;

	font-weight: 100;

	line-height: normal;

	letter-spacing: 1px;

}

.style27 {

	color: #FDF9D6;

	font-family: Garamond, Arial;

}



.contenu {

	float: left;

	width: 100%;

	height : 400px;

}

.scrollcontenu {

	float: left;

	width: 100%;

	height : 400px;

	overflow : auto;

}

.hurleur {

	font-size: 11px;

	color: #999999;

}

.styleblanc {

	color: #CCCCCC;

	letter-spacing: 1px;

	font-size: 11px;

}