div,p,ul,li,h1,span,table,td,tr,img {
margin:0;
padding:0;
}
body{
background-image:url(images/fond-pb.jpg);
background-color:#333333;

}

#main{
width:720px;
margin-left:auto;
margin-right:auto;
background-color:#000000;
border: 2px solid #7c8464;
filter:alpha(opacity=87);   /* Internet Explorer 6     */
   -moz-opacity:0.87;           /* Mozilla 1.6 et infér.   */
   opacity: 0.87;               /* CSS3 et Mozilla récents */
   padding-top:15px;
}

h1{
font:bold 18px verdana;
color:#0fb8bb;
text-align:center;
padding-top:10px;
}


#imagefond{
background-image:url(images/obtu.jpg);
margin-left:auto;
margin-right:auto;
width:590px;

}

#menu1{
width:550px;
text-align:center;
margin-left:80px;

}

#new{
width:720px;

border: 1px solid #7c8464;

float:left;

margin-left:auto;
margin-right:auto;
background-color:#000000;
border: 2px solid #7c8464;
filter:alpha(opacity=97);   /* Internet Explorer 6     */
   -moz-opacity:0.97;           /* Mozilla 1.6 et infér.   */
   opacity: 0.97;               /* CSS3 et Mozilla récents */
   padding-top:15px;
}

#news{
font:bold 10px verdana;
color:#d21034;
margin-left:12px;
margin-top:40px;
float:left;
}
#image{
width:120px;
}

.tittext{
font:bold 12px verdana;
color:#d21034;
}

#text{
font:bold 9px verdana;
width:320px;
margin-left:10px;
float:left;
text-align:justify;
color:#7d7b7b;
}

#mess{
width:300px;
height:150px;

}

#menu2{
width:550px;
margin-left:165px;
}

a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size :10px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}



a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size :10px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size :10px;
color:#6ffffff;
font-weight:bold;
text-decoration:none;
}

a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;

color:#0fb8bb;
font-weight:bold;
}

#texte1{
margin-left:auto;
margin-right:auto;
padding-top:20px;
width:550px;
font: 11px, Verdana, Arial, Helvetica, sans-serif;
color:#7d7b7b;
text-align:justify;
}

#texte2{
margin-left:auto;
margin-right:auto;
width:480px;
font: 11px, Verdana, Arial, Helvetica, sans-serif;
color:#7d7b7b;
text-align:justify;
clear:both;
padding-top:20px;}


#mm{
border: 1px solid #7c8464;
margin-left:30px;
margin-right:30px;
}

#vignette{
width:555px;
margin-left:150px;;

}
.style1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-bottom:20px;
color:#0fb8bb;
font-weight:bold;
}

.style2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;


color:#0fb8bb;
font-weight:bold;
  /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}
.style3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:140px;
margin-left:60px;

color:#333333;
font-weight:bold;
  /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
   filter:alpha(opacity=30);
   -moz-opacity:0.3;
   opacity: 0.3;
}