body{
  background:#333 url(../images/bg7.jpg)  center fixed; 
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover;
  background-size: cover; 
  font-family:Arial;
}
#footer{
  position:fixed;
  left:10px;
  bottom:10px;
  font-size:16px;
}
#footer a{
  color:#aaa;
  text-transform:uppercase;
  text-decoration:none;
  text-shadow:1px 1px 1px #000;
  margin-right:30px;
}
#footer a:hover{
  color:#ddd;
}



#container{
  
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  padding:20px;
  max-width:1200PX;;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color:#000000; 
  border: #solid 10px #000;
  color:#FFFFFF;

  -moz-opacity: 1;
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0.9);

}

.plus{
  background-image: url(../images/plus.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  padding: 0;
  float:right;
  margin-right: -20px;
  margin-top: -20px;
}

.back{
  background-image: url(../images/back.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  padding: 0;
  float:right;
  margin-right: -20px;
  margin-top: -20px;
}

.article{
  overflow: auto;
  margin-left: auto;
  margin-right: auto;

  padding:20px;
  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color:#FFFFFF;
  border: #solid 10px #000; 
  color:#000000;


}
.espace{
  height:15px;
}

.article_image{
  min-height:200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  padding:20px;
  width:95%;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color:#FFFFFF; 
  border: #solid 10px #000; 
  color:#000000;

  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0.7);

}* html #article_image { height:500px; }

.article_titre{
  text-align: right;
  padding:0px;
  margin:0px;
  font-size:25px;
  padding-bottom:10px;


-webkit-transition: all .7s ease-out; 
   -moz-transition: all .7s ease-out; 
   -o-transition: all .7s ease-out; 
   transition: all .7s ease-out; 
}

.article_titre:hover{
color:fff;
text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.article_container
{


}

.article_img {
  float: left; 
  margin: 0 6px 6px 0;
  
}

h1.title{
  color:#aaa;
  text-align:center;
}                          

img{
  border:none;
}