* { margin: 0; padding: 0; border: 0; }

body {
width:80%;
margin:0 auto;
padding:1em 0;
color:black;
font-size: 70%;
font-family: "lucida grande", tahoma, helvetica, verdana Sans-Serif;
background-color : #a8a8a8;
}

#page1 { background: #fff url('i/bordure_g.jpg') repeat-y; }
#page2 { background: url('i/bordure_d.jpg') repeat-y top right; }

#header { border:1px double red; }
#header ul { list-style-type: none; padding: 5px;}
#header li { float: left; display: block; margin:0 5px;}
#header a { 
font-size: 0.9em; 
text-decoration: none; 
float: none; 
font-weight: bold; 
color: white; 
background: #a8a8a8; 
padding: 2px 5px; 
border-left:2px solid red; 
border-right:2px solid red;
border-bottom:3px double black;
}
#header a:hover { 
background: red; 
color: a8a8a8;
border-left:2px solid black; 
border-right:2px solid black;
}
#header strong { margin: 15px 50px; color: navy; font-weight: bold; font-size: 2em; }

#contener { clear: both; border:4px double #84296b; padding: 2em; margin-bottom:1em;}

#footer { text-align: center; }
#footer ul { list-style-type: none; padding: 5px;}
#footer li { display: inline; margin: 0 5px;}

.titre { float: left; margin: -15px 50px 0 50px; vertical-align:top; /* for ie5*/ }

.samp {
font-size:1em;
background:#fff;
padding:1em;
border:1px solid #e15245;
border-left:1em solid #e15245;
display:block;
}

.jus-aronia {
font-size:1.2em;
background-color:#fff;
padding:1em;
border:1px solid #CAD0D8;
border-left:1em solid #CAD0D8;
width: 50%;
margin: 2em;
float: right;
}

blockquote {
margin:2em;
padding:1em;
background:#aee4c8;
-border:5px solid #B0E0B9;
-moz-border-radius:5px;
display:block;
}

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

textarea {font-size:1em;width:80%;}
input:hover { background:#f4fbfe; }
.red { color:red; }

.lien_sortant { margin-right:18px; background:url("./images/out.png"); background-repeat:no-repeat; }

.powered { clear: both; width: 90%; font-size:0.85em; text-align:center; color:#666; margin: 1em;}

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

.def { font-weight: bold; color: navy; margin-left: 50px; }

h1 {
font-size:1.4em;
color:#6C7F38;
margin-top:1.4em;
margin-bottom:1.4em;
}

h2 {
font-size:1.2em;
margin-top:3em;
color:#666;/*#087CAE;*/
margin-bottom:1.3em;
}

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

.jus-d { float: right; }
.jus-g { float: left; margin-right: 3em; }

.clean {clear:both;}

hr {
border:0em;
border-bottom:1px dotted #999;
background:#fff;
margin:auto;
margin-top:1.8em;
margin-bottom:1.8em;
width:80%;
text-align:center;
}

strong {
font-weight:bold;
color:navy;
}