div.header { text-align: center; padding: 10px 0 0 }

div.logo_header { width: 60px; height: 105px;  background-repeat: no-repeat; display: inline-block }
div.logo_header a { display: block; }

/***Navigation***/

ul.navigation { clear: both; text-align: center; margin: 10px 0; overflow: hidden; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, 0.3); /**border-bottom: 1px solid rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.2)**/ }
ul.navigation li { display: inline-block; margin: 0 15px; height: 20px }
ul.navigation li a { color: #fff; text-decoration: none; text-transform: uppercase; display: block }
ul.navigation li a:hover { color: #000; border-bottom: 2px solid #000 }

.devise p {font-size:12px;font-style:italic;color:#fff;padding-top:3px}

.chemin a {font-size:11px;padding-top:3px;color:#383838}

.zone_texte_principale {background-color:#fff;padding:5px;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50}
.zone_texte_principale h2 {color:#383838;font-weight:normal;padding-bottom:5px;padding-top:9px;font-size:16px}
.zone_texte_principale p {color:#383838;font-size:12px}

.photo li{border:1px solid white;float:left;margin:3px}
.photo ul{clear:both;overflow:hidden}/***************************RESET*******************************************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, th, td, span {border:0;margin:0; padding:0}
ul, li {list-style-type: none}/****IMPORT DE LA POLICE A UTILISER***/
@import url(http://fonts.googleapis.com/css?family=Cousine);

body {
  background: #383838;
  font-family: 'Cousine', sans-serif;
  font-size: 1em
}

div#main {}

img.background {
   position: fixed;
   min-width: 100%;
   min-height: 100%;
   z-index: -1
}

div.content{
  width: 960px;
  margin: auto;
  position: relative;
  z-index: 2;
  /**background: rgba(0, 0, 0, 0.2)**/
}