body{
	background-attachment: fixed;
	background-color: #ffffff;
	background-image: url(img/fond.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 100%;
	margin: 0;
	border:0;
	padding: 0;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

/* Formatage typo contenu --------------------- */
h1,h2,h3,h4,h5,h6,p,ul{
	color: #666666;
	font-family: "Trebuchet MS",Helvetica,"Times New Roman",serif;
}

em,strong{
	font-weight: 700;
}

abbr,acronym{
	border-bottom: 1px dotted #cccccc;
	cursor: help;
}

code{
font-size:150%;
}

p,ul{
	font-size: smaller;
}

p.ahem,p.moteur{
	display: none;
}

p.sign{
	border: 0;
	color: #0099cc;
	margin-top: 0;
}

p.intro{
	font-style: italic;
}

#contenu ul li{
	list-style-image: url(img/cailloug.gif);
	margin-bottom: 0.7em;
}

h1{
	border-color: #996699;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	font-size: large;
	font-weight: 500;
	margin-bottom: 0px;
	padding-bottom: 2%;
/*	width: 100%;*/
}

h1:first-letter{
	color: #ffcc33;
	font-style: italic;
	font-weight: 700;
}

h2{
	font-size: medium;
	font-weight: 500;
	padding-bottom: 2%;
	width: 100%;
}

h3{
	color: #ff9900;
	font-size: smaller;
	font-weight: 700;
}

h3.ancre{
	text-align: right;
}

h4{
	font-size: smaller;
	font-weight: 700;
}

a:link{
	color: #ff3399;
}

a:visited{
	color: #999999;
}

a:hover{
	background-color: #e4e4e4;
	color: #333333;
}

a:active{
	color: #009999;
}

#pied p{
	color: #cccccc;
}

/* Formatage typo menu --------------------- */
#menu li{
	margin-bottom: 0.7em;
}
span.focus{
	background-image: url(img/gallet.gif);
	background-repeat: no-repeat;
	color: #666666;
}

ul ul{
	font-size: 100%;
}

ul ul li{
	list-style-image: url(img/caillouf.gif);
}

li.caillou{
	list-style-image: url(img/caillou.gif);
}

li.cailloub{
	list-style-image: url(img/cailloub.gif);
}

li.caillouc{
	list-style-image: url(img/caillouc.gif);
}

li.cailloud{
	list-style-image: url(img/cailloud.gif);
}

li.cailloue{
	list-style-image: url(img/cailloue.gif);
}

#contenu li{
	list-style-image: url(img/grain.gif);
}

/* Formatage typo journal --------------------- */
#journal h2{
	border-color: #999999;
	border-style: dashed;
	border-width: 0 0 1px 0;
	font-size: smaller;
	font-weight: 700;
	margin: 0;
}

div.article{
	border: 1px dashed #999999;
	margin: 1.5em 0;
	padding: 0 0.5em;
}

div.article h5{
	background-color: #eeeeee;
	border: 0;
	font-weight: 400;
	margin: 0;
	position: relative;
	text-align: center;
	top: -0.7em;
	width: 30%;
}

div.article h3{
	margin: 0;
}

/* Mise en page --------------------- */
#menu{
	background-image: url(img/fondmenu.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	position: absolute;
	height: 75%;
	top:5em;
	left: 6%;
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 1;
}

/*
Définition comprise par Opera, Mozilla et Netscape 6 :
permet au menu et logo estat de rester fixes
dans la page lorsqu'on utilise l'ascensceur.
Non comprise par IE5-6
*/
html>body #menu,html>body #estat{
	position: fixed;
}

#journal{
	background-color: #ffffff;
	border: 1px dashed #999999;
	padding: 0.2em;
	position: absolute;
	top: 18em;
	left: 4%;
	width: 25%;
	z-index: 2;
}

#tete{
float: right;
/*	height: 4.7em;*/
	padding:0;
/*	position: relative;
	top: 2em;
	left: 33%;*/
	width: 60%;
	margin:2em 0.8em 0 0;
	border: 0;
	z-index: 3;
}

#contenu{
float: right;
	margin:1em 0.8em 0 0;
	padding-bottom: 5%;
/*	position: relative;
	top:1em;
	left: 33%;*/
	width: 60%;
	z-index: 3;
	border: 0;
}
#contenu a[hreflang]:after {
  color: gray;
  font-weight: bold;
  content: "\0000a0[" attr(hreflang) "]";
}
#contenu q {
  quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
  font-style: italic;
  }
#estat{
	border: 0;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 92%;
}

#estat img{
	border: 0;
}

#pied{
	border-top: 1px dotted #996699;
}
#menu form{
display:none;
}
#menu form input{
border:1px solid #ccc;
cursor: pointer;
background-color:#fff;
}
#menu form input:hover{
background-color: #ffcc33;
}
#menu form input:active{
background-color:#39c;
}
#menu input,#menu select{
color: #666;
font-family: "Trebuchet MS",Helvetica,"Times New Roman",serif;
font-size: smaller;
}