
/* ================================================== */
/*   Styles generaux */
/* ================================================== */

body {
  text-align: center;
}

h3 {
  background: #000 url(../img/reflet.gif) repeat-x;
  border-color: #333;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  margin: 0px;
  padding: 8px 5px 3px 5px;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #AAA;
  text-align: center;
}



.contenu {
  background: #222;
  border-color: #333;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  color: #AAA;
  padding: 8px;
  margin-bottom: 20px;
  text-align: justify;
}



/* ================================================== */
/*   Images imformation  */
/* ================================================== */
#imageInfo {
  float: left;
  width: 220px;
  /*margin-top: 10px;*/
  margin-right: 10px;
}

#imageInfo a {
  border-bottom: 1px dashed #AAA;
}

#imageInfo a.lcc_licence {
  border-bottom: none;
}

#imageInfo .lcc_licenceImg {
  margin: 5px 0px 2px 0px;
}

#imageInfo h2 {
  background: #000 url(../img/reflet.gif) repeat-x; 
  border-color: #333;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  margin: 0px;
  padding: 8px 5px 3px 5px;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #EEE;
  text-align: center;
}
#imageInfo h2 a {
  border-bottom: none;
}

#imageInfo .contenu {
  line-height: 140%;
  padding: 5px;
}




/* ================================================== */
/*   Page Image  */
/* ================================================== */

#image {
  white-space: nowrap;
}

#image img {
  background: #000;
  padding: 10px;
  border: 1px solid #222; 
}


/* ================================================== */
/*   Page Albums  */

/*   albums
       .album
         .albumWrapper
           a
             img
           a
             .nom
           .nbrImage
*/
/* ================================================== */
#albums {
  clear: both;
  width: 100% !important;
}

#albums .album {
  float: left;
}

#albums .albumWrapper {
  background-color: #222;
  border: 1px solid #333;
  padding: 5px;
  margin: 5px 5px 20px 5px;
  text-align: center;
}

#albums .albumWrapper img {
  background-color: #171717;
  border: 1px solid #292929;
  padding: 3px;
  margin: 0px;
}

#albums .albumWrapper .nom {
  margin-top: 5px;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 12px;
}

#albums .albumWrapper .nbrImage {
  display: block;
  font-variant: normal;
  font-style: italic;
  font-weight: normal;
  font-size: 10px;
  font-weight: normal;
}
/* ================================================== */
/*   Page A propos  */
/* ================================================== */
#apropos {
  padding-top: 20px;
}

#apropos #col1 {
  float: left;
  width: 300px;
}

#apropos #col2 {
  margin-left: 310px;
}