* {
margin:0;
padding:0;
}
body {
  background-color:black;
  color:rgb(143,143,143);
  font-family:arial,trebuchet MS, sans-serif;
  font-size:1em;
}
a {
text-decoration:none;
}


.conteneur {

  width:990px;
  height:100%;
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-495px;
  z-index:0;

}

.bandeau {
  width:100%;                 
  height:200px;
  background-color:#510000;
}

.bandeau2 {

  width:100%;
  height:186px;
  background-image:url('../images/bandeau.jpg');
  background-repeat:no-repeat;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}
.tameteo {
position:absolute;
top:130px;
left:370px;
z-index:3;
}

#legende{
  position:absolute;
  top:175px;
  right:50%;
  margin-right:-300px;
  width:150px;
  height:10px;
  background-image:url('../images/legende_meteo.png');
  z-index:3;
  
}

.zone_centrale {
  width:auto;
  height:auto;
  background-position:bottom;
  background-repeat:repeat-x;
  background-image: -moz-linear-gradient(top, #510000, #020000); 
  background-image: -o-linear-gradient(top, #510000, #020000); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #510000),color-stop(1, #020000)); 
  background-image: -webkit-linear-gradient(#510000, #020000); 
  background-image: linear-gradient(#510000, #020000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#510000', EndColorStr='#020000');
 
}

.contenu {
  padding-top:25px;
  width:100%;
  min-height:450px;
  height:auto;
}
#logo {

  position:absolute;
  top:10px;
  left:-10px;
  z-index:3;
}


h1
{
  position:absolute;
  z-index:3;
  right:120px;
  line-height:195px;
  color:white;
  font-size:5.2em;
  font-family:arial;
  text-align:center;
}

form 
{
   width:600px;
   margin-left:auto;
   margin-right:auto;
   font-family:arial;
}

fieldset 
{
 background-color:rgb(51,0,0);
 border:1px solid gray;
  padding:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px;
}
label 
{
  width:auto;
  text-align:left;
  display:block;
  padding-right:10px;
  padding-top:15px;
  color:rgb(255,255,255);
  font-size:0.8em;
  margin-left:110px;
}

.input_contact{
  float:left;
  margin:15px;  
  width:200px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}

textarea {
  width:350px;
  height:200px;
  padding:5px;
  margin:15px 15px 15px 100px;
  resize:none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 border-radius: 5px;
}

#submit {    
  float:left;
  margin-left:390px;
  width:70px;
  height:30px;
  font-weight:bold;
  margin-bottom:15px;
}               

legend {
  font-weight:semi-bold;
  padding:5px 20px 5px 20px;
  font-family:arial;
  color:rgb(255,255,255);
  font-size:1.5em;
  text-align:left;
  margin-left:20px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
  background-color:rgb(51,0,0);
  border-radius:10px;
  border:1px solid gray;
}
#avertissement {
  color:white;
  width:200px;
  display:block
  height:20px;
}

.commentaire {
width:600px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
padding-top:20px;
/*
background-color:black;*/
background-image:url(../images/fond_comm.png);
}
.cadre_comm {
background-color:rgb(51,0,0);
border-radius:10px;
border:1px solid gray;
width:500px;
height:auto;
min-height:50px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding:15px;
}
h2 {
  background-image:url('../images/back_h2.png');
  background-repeat:no-repeat;
  background-position: left;
  width:auto;
  height:42px;
  margin-top:20px;
  margin-bottom:15px;
  font-family:arial;
  font-weight:semi-bold;
  color:rgb(255,255,255);
  font-size:1.6em;
  padding-left:10px;
  text-align:left;
  line-height:42px;
  margin-left:197px;
}
#ad_com {  
color:white;
margin-left:30px;
width:auto;
border-radius:10px;
height:20px;
padding:10px;
text-decoration:underline;
}
#ad_com:hover {
text-decoration:none;
}
#pages {
color:gray;
}
#liste_pages {
text-align:center;
}

#capt{
  float:left;
  width:110px;
  margin:10px 15px 15px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.captcha{
  float:left;
  width:100px;
  margin-top:12px;
  margin-right:15px;
  display:block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}