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

#page {
margin: 0 auto; 
padding:0;
border:3px solid #fddedd;
width:760px;
font-family: verdana, sans-serif;
position: relative;
background: #fff;
}

#header, #footer {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	background:lightpink;
	background-position:bottom;
}
#header {
	padding:1em 0 0.1em 0;
	background: #fff;
	margin-bottom: 6em;
}
#footer {margin-bottom:1em;text-align:center;}


h1 {
	font-size:2em;
	color:pink; 
	font-family: "Trebuchet MS", sans-serif;
	text-align:center;
}

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;
}

#header ul { width:45%; border:1px solid red; padding-left:-1em; padding-top:0.3em; padding-bottom:0.3em; }
#header a { 
	text-decoration: none;  
	font-weight:bold; 
	padding: 2px 3px;
	margin: 0;
	text-align: left;
}
#header a:hover { color: white; background:#fddedd; }
#header .navoff { color: darkgreen; text-decoration: underline; font-weight: 900; }
#header img { float: right; }

.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; color:#444; }
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 {
width:450px;
font-size:1.1em;
background:#fff;
padding:20px;
border:1px solid red;
border-left:1em solid #fd1717;
display:block;
text-align:left;
background: url(/i/deco.jpg) scroll 10px 10px no-repeat;
padding-left:150px;
}
.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; }

table { border: 4px solid red; width: 80%; margin: 10px auto; }
th { border: 3px solid pink; }
td { border: 1px solid pink; }