body {
margin:0em;
padding:1em;
background:#F2F2F2;
color:#000;
font-size:0.75em;
text-align:center;
}

#page {
margin: 0 auto; 
padding:0;
border:4px solid #282a1f;
width:760px;
font-family: verdana, sans-serif;
position: relative;
}

#header { background: #fff url(/i/fond.jpg) scroll top left no-repeat; height: 550px; padding:5em 0 0.1em 0;}
#header ul { list-style-type: none; }
#header li { float: left; margin: 10px; text-decoration: none; }
#header a { 
	text-decoration: none;  
	color: #fff; 
	font-weight:bold; 
	background-color: maroon; 
	padding: 2px 10px;
}
#header a:hover { color: white; background:green; }
#header .navoff { color: darkgreen; text-decoration: underline; font-weight: 900; }
#header p { margin-top: 200px; margin-left: 2em; font-size:140%; text-align:left; color: #fff; }
#header p a { color:#848a54; background:#fff; font-size:160%; }
#header p a:hover { color:blue; background:#fff; }

#footer {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	background: #fffdd1;
	background-position:bottom;
	margin-bottom:1em;
}
#footer a:link, a:visited { color:navy; text-decoration:underline; }
#footer a:hover { color:blue; text-decoration:underline; }

h1 {
font-size:2em;
color:#fff; 
font-family: "Trebuchet MS", sans-serif;
}

h2 {
clear: both;
font-size:1.5em;
color:#b6d7fa;
margin: 2em auto;
text-align:center;
padding:5px;
border-top:2px solid gray;
border-bottom:1px dotted gray;
}

h3 {
font-size:1em;
margin-top:0em;
color:#087CAE;
margin:1.5em 0;
}


.localisation {
font-size:1.2em;
padding:0.3em;
border-top:1px solid #fff;
border-bottom:1px dotted #DEDEDE;
}

.contenu_article {
padding:1.5em;
padding-top:0em;
text-align:justify;
}

strong { font-weight:bold; }
acronym { border-bottom:0.1em dotted #666; }

p { align:center; width:90%; line-height:1.7em; }
a:link, a:visited { color:#666; text-decoration:underline; }
a:hover { color:#007700; text-decoration:underline; }


pre {
font-size:1em;
background:#fff;
padding:1em;
border:1px solid #CAD0D8;
border-left:1em solid #CAD0D8;
}

.samp {
margin-left:150px;
width:300px;
font-size:1.1em;
background:#4d657f;
padding:20px;
border:2px solid #f4eb02;
border-left:5px solid #f4eb02;
border-top:5px solid #f4eb02;
display:block;
text-align:left;
padding-left:100px;
color:#fff;
}
.samp img { margin:2em; }

.sampa {
width:60%;
font-size:0.9em;
background:#fff;
padding:1em;
border:1px solid #f4eb02;
border-left:1em solid #f4eb02;
display:block;
text-align:left;
margin:1em auto;
}

.liste {
margin:1em;
padding:1em;
background:#B0E0B9;;
-border:5px solid #B0E0B9;;
-moz-border-radius:5px;
}

.red { color:red; }

.im { float:left; margin:0 0 2em 0; width:100%; }
.gauche, .droite { width:48%;}
.gauche { float:left; }
.droite { float:right; }
.im span { text-align:center; color: navy; font-style:italic; float: right;}

hr {
clear: both;
border-bottom:2px dotted #999;
background:navy;
width:30%;
margin:2em auto;
}

.link li { display: inline; margin-left:1em; }
.link a { color:#087CAE; }
.link a:hover { color:orange; }


form { margin:3%; background-color:rgb(255,255,255); padding:2%; text-align:left; }

input, textarea, select {
border:1px solid #DEDEDE;
border-top:2px solid #DEDEDE;
border-left:2px solid #DEDEDE;
background:#fffdd1;
margin-top:0.3em;
margin-bottom:0.3em;
font-size:1em; 
}

input:hover { background:#f4fbfe; }

.img_pate { float: left; margin: 2em; border: none; }

table { border: 1px solid navy; width: 80%; margin: 10px auto; }
th { border: 2px solid black; }