@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;}

html { 
  background: url(images/bg-body.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Open Sans Condensed', sans-serif;
}

#container { margin-top: 80px; color: #fff; position: relative;}

#container img { margin-bottom: 80px;}
#container p { margin-bottom: 40px;}

#container p { font-size: 20px; letter-spacing: 1px; background-color: rgba(0,0,0,0.2); padding: 20px 25px; width: 350px; border-radius: 20px;}
#container p span {font-weight: 700;}
#container a { color: #fff; text-decoration: none; padding: 0 5px;}
#container a:hover { background-color: rgba(0,0,0,0.5);}

#a-venir { color: rgba(255,255,255,0.3); text-transform: uppercase; font-size: 40px; letter-spacing: 3px; margin-bottom: 80px;}

#reseaux { margin-bottom: 40px; width: 120px; position: relative; overflow: hidden;}

.social { display: block; float: left;}
.social:hover { background-color: transparent !important; opacity: 0.5;}
.social img { margin-bottom: 0 !important;}