body {
background: url('../../images/fond.gif');
font: 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: 6px 0 6px 0;
padding: 0;
}
#conteneur {
position: relative;
width: 800px;
margin: 0 auto; 
background: #306995;
border: 4px solid #ffffff;
}
#head {
background: url('../../images/banmulti.jpg');
width: 800px;
height: 290px;
}
#haut {
background: #75121e;
width: 796px;
height: 45px;
border: 2px solid #000000;
}
#date{
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #000000;
text-align: center; 
margin: 0 0 0 0; 
position: absolute;
width: 200px;
height: 10px;
margin: -250px 0 0 30px;
padding: 0;  
}
#meteo {
width: 370px;
background: #e6e6e6;
margin: -42px 0 0 25px;
padding: 6px;
border: 1px solid #000000;
}
#meteosearch {
position: absolute;
width: 370px;
background: #e6e6e6;
margin: -42px 0 0px 25px;
padding: 6px;
border: 1px solid #000000;
}
.div {
width: 560px;
border: 0px solid #000000;
margin: 0 0 10px 22px;
}
#centre {
background: #ffffff;
border: 2px solid #841028;
width: 585px;
margin: -393px 0 6px 200px;
}
#centreform{
background: #ffffff;
border: 2px solid #841028;
width: 585px;
height: 700px;
margin: -393px 0 6px 200px;
}
#centre2 {
background: #ffffff;
border: 0px solid #841028;
width: 804px;
margin: 10px 0 6px 0;
}
#back {
position: absolute;
width: 146px;
height: 83px;
margin: 180px 0 0px 460px;
padding :0;  
}
#back2 {
position: absolute;
width: 146px;
height: 83px;
margin: -25px 0 0px 520px;
padding: 0;  
}
#pied {
background: url('../../images/foot.jpg');
border-top: 3px solid #000000;
width: 800px;
height: 62px;
clear: both;
}
#foot{
background: url('../../images/foot.jpg');
border-top: 3px solid #000000;
width: 800px;
height: 175px;
clear: both;
}
.image {
border: 0px;
}
.imgcont {
margin: 20px 0 10px 35px;
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #000000; 
text-align: justify;
}
.float {
float: right;
padding: 2px 2px 2px 6px;
}
h1 {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify; 
margin: 6px 0 0 10px;
padding: 8px;
} 
h2 {
font: bold 1.2em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #000000;
text-align: center; 
margin: 14px 0 25px 10px;
padding: 6px 0 0 0;
} 
h3 {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #000000;
text-align: center;
margin: 0 15px 0 0;
padding: 10px 0 0 0;
}
h6 {
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #00000;
text-align: center;
margin: 0 0 0 0;
padding: 6px 0 6px 0;   
}
.h6 {
font: bold 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: center;
background: url('../../images/foot.jpg');
margin: 0 0 0 0;
padding: 6px 0 6px 0;   
}    
p {
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #000000; 
text-align: justify;
margin: 2px 8px 0 10px;
padding: 8px
}
.error {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #841028; 
text-align: justify;
margin: 2px 8px 0 10px;
padding: 8px
}
.b {
background: #e6e6e6;
width: 70%;
border: 1px solid #000000;
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #841028; 
text-align: center;
margin: 10px 10px -4px 75px;
padding: 8px
}
.espace {
margin: 40px 0 0 0;
}
.espace1 {
margin: 5px 0 0 0;
}
.espace2 {
margin: 275px 0 0 0;
}
.espace3 {
margin: -12px 0 0 0;
}
hr {
border: 0; 
width: 90%; 
color: #162039; 
background-color: #162039; 
height: 1px; 
}
#navcontainer { 
width: 200px; 
}
#navcontainer ul  {
margin: 15px 0 0 8px;
padding-left: 0;
list-style-type: none;
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
}
#navcontainer a {
display: block;
margin: 3px 0 0 0;
padding: 5px;
width: 170px;
background: #75121e;
border: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited {
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover {
background: #124F75;
color: #d6d6d6;
border: 1px solid #d6d6d6;
}
a.lien:link {
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;  
margin: 4px; 
background-color: transparent; 
text-decoration: none;
} 
a.lien:visited {
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
margin: 4px; 
background-color: transparent; 
text-decoration: underline;
} 
a.lien:hover {
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028; 
margin: 4px; 
background-color: transparent; 
text-decoration: underline; 
} 
a.lien  {
display: inline;
}
a.back:link {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align: right;
color: #000000;  
margin: 4px 0 0 580px;
background: transparent; 
text-decoration: none;
} 
a.back:visited {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align: right; 
color: #000000;
margin: 4px 0 0 580px;
background: transparent; 
text-decoration: underline;
} 
a.back:hover {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align: right;
color: #b6b6b6; 
margin: 4px 0 0 580px; 
background: transparent; 
text-decoration: underline; 
} 
a.back  {
display: inline;
}
a.email:link {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;  
margin: 4px; 
background-color: transparent; 
text-decoration: none;
} 
a.email:visited {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
margin: 4px; 
background-color: transparent; 
text-decoration: underline;
} 
a.email:hover {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #daa520; 
margin: 4px; 
background-color: transparent; 
text-decoration: underline; 
} 
a.email  {
display: inline;
}
.message {
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color: #000000;
margin: 20px 0 0 180px;
padding-top: 40px;
}
.message:hover {
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color: #841028;
margin: 20px 0 0 180px;
padding-top: 40px;
}
.form { 
background: #e6e6e6;
margin: 1px 0 4px 450px;
padding: 8px;
width: 310px;
height: 25px;
} 
form { 
background: #e6e6e6;
border: 1px solid #000050;
margin: 10px 10px 20px 80px;
padding: 8px;
width: 400px;
} 
label { 
font:1.0em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-weight : bold;
} 
input { 
border : 1px solid #18499a;
background-color : #ffffff;
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-weight : normal;
} 
select, option { 
background-color : #ffffff;
color : #000080;
} 
textarea { 
border : 1px solid #18499a;
background-color : #ffffff;
font : 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color : #000000;
} 
input.bouton { 
border : 1px outset #18499a;
font-size : 11px;
font-weight : bold;
cursor : pointer;
} 
input.bouton:hover { 
background-color : white;
color : #d6d6d6;
} 
input.bouton:active { 
border : 1px inset #18499a;
background-color : #f7f9fa;
color : white;
}