/* =============================================================================   HTML5 Boilerplate CSS: h5bp.com/css   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }audio:not([controls]) { display: none; }[hidden] { display: none; }html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }html, button, input, select, textarea { font-family: 'Averia Libre', Georgia, 'Times New Roman', sans-serif; color: #222; }body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
  background: transparent url("../img/bg-content.jpg") repeat 0 0;
}::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }::selection { background: #fe57a1; color: #fff; text-shadow: none; }a {
  color: #96C002;
  text-decoration: none;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
a:hover, a:focus {
  color: #503625;
}
a:visited { color: #96C002; }a:hover, a:active { outline: 0; }abbr[title] { border-bottom: 1px dotted; }b, strong { font-weight: bold; }blockquote { margin: 1em 40px; }dfn { font-style: italic; }hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }ins { background: #ff9; color: #000; text-decoration: none; }mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }q { quotes: none; }q:before, q:after { content: ""; content: none; }small { font-size: 85%; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }ul, ol { margin: 1em 0; padding: 0 0 0 40px; }dd { margin: 0 0 0 40px; }nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }svg:not(:root) { overflow: hidden; }figure { margin: 0; }form { margin: 0; }fieldset { border: 0; margin: 0; padding: 0; }label { cursor: pointer; }legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }button, input { line-height: normal; }button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }button[disabled], input[disabled] { cursor: default; }input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }textarea { overflow: auto; vertical-align: top; resize: vertical; }input:valid, textarea:valid {  }input:invalid, textarea:invalid { background-color: #f0dddd; }table { border-collapse: collapse; border-spacing: 0; }td { vertical-align: top; }.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ===== Primary Styles ========================================================   ========================================================================== */
h1, h3 {
  color: #a34d1d;
  font-size: 1.1em;
  font-family: 'Averia Libre', Georgia, 'Times New Roman', serif;
  margin: 1em 0;
}
h1 span {
  font-size: 0.8em;
}
h2 {
  font-size: 2.8em;
  font-family: 'Rancho', Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 2em;
  margin: 0 0 0.4em 0;
  color: #503625;
  text-shadow: #FFF 1px 1px 5px;
}
#top{
    background-color: #a34d1d;
}
#top-container{
    position: relative;
}
.content > section header {
  text-align: center;
  margin-bottom: 1.5em;
  border-bottom: 1px dashed #A34D1D;
  position: relative;
}
.content section {
    font-size: 1.1em;
}
.content p {
    text-align: justify;
}


#bandeau{
    position: relative;
    height: 451px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: transparent url(../img/bandeau-bg.jpg) no-repeat center top;
}
#bandeau .tao{
   position: absolute;
   bottom: 0;
   right: 100px;
   
 }
#bandeau h1{
    text-indent: -9999px;
}
.home #nav {
    width: 100%;
    position: relative;
}

#nav {
  display: none;
  background: #a34d1d;
  background: url(../img/bg-nav.jpg) center top repeat-x;
  overflow : visible;
}
.lt-ie9 #nav {
  display: block;
}
#nav ul {
  width: 768px !important;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  height: 60px;
}
#nav .page,
#bandeau .page {
  position: relative;
}
#nav .page .nav-home {
  position: relative;
  bottom: -35px;
  left: 0px;
  margin: 0;
  padding: 0;
}
#nav .page li {
  display: inline-block;
  margin: 13px 6px;
}
#nav .page .gche {
  float: left;
}
#nav .page .drte {
  float: right;
}
.contact :hover{
  opacity:0.8;
}
#nav .page li a {
  display: block;
  line-height: 34px;
  padding: 0 7px;
  color: #fff;
  font-size: .9em;
  font-family: 'Averia Libre', 'Helvetica Neue',Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
	  border-radius: 3px;
}
#nav .page a:hover, #nav .page a:focus {
  color: #A4D102;
}
#nav .page li a.on, #nav .page li a:active {
  background-color: #fff;
  color: #202020;
}
#nav .page .nav-home a {
  height: 68px;
  overflow: hidden;
  position: relative;
  top: -15px;
}
#nav .page .nav-home a img {
  -webkit-transition: all 0.25s linear;
     -moz-transition: all 0.25s linear;
       -o-transition: all 0.25s linear;
	  transition: all 0.25s linear;
}
#nav .page .nav-home a:hover img,
#nav .page .nav-home a:focus img {
  opacity: 0.7;
}
#nav .page .nav-home a:active {
  background-color: transparent;
}
.home #top .fix {
  position: fixed;
  top: 0;
  z-index: 1000;
}

#paypal{
    text-align:center;
    float: right;
    margin: 0 0 0 20px;
    border: 1px solid #DECAB9;
    background-color: #FFFFFF;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#paypal p{
    margin:0;
    text-align: center;
}
#paypal .note{
    color: #B85E22;
    font-size: .8em;
    text-shadow: #FFF 0px 0px 1px;
    font-weight : bold;
}
#paypal .comment{
    width : 272px;
    border: 1px solid #DECAB9;
    background-color: #FFF7EF;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#paypal strong{
    color: #000;
}#album{
  margin: 20px 0;
}
#album h3{
  margin: 0 0 20px 0;
  color: #B85E22; 
}
#album h3 span{
  color: #C6DEFF; 
}
#lecteur{
  float:left;
  margin-right: 20px;
  text-align : center;
}
#lecteur2{
  text-align : center;
}
#livret a{
  padding : 0 5px 2px 5px;
}
#livret{
  text-align : center;
}
.illlustrations{
  text-align:center;
  margin: 10px 0; 
}
.illlustrations a{
  padding: 4px;
  display: inline-block;
}
.illlustrations img{
  border: 1px solid #DECAB9;
  background-color: #FFFFFF;
  padding: 6px;
  -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
}
#livret .illlustrations img{
    height: 75px;
}
#feuilleter{
  width:538px;
  height:376px;
  padding: 6px;
  border: 1px solid #DECAB9;
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  margin: 0 7px;
}
#artistes #nous{
  float: right;
  margin: 15px 0 20px 20px;
}#contact {
  width: 100%;
  background: transparent url("../img/bg-bottom.jpg") repeat 0 0;
  padding: 0;  
  margin: 60px auto 0 auto;
  text-align: center;
}
#contact a:hover{
  color: #FFFFFF;
}
#contact .page {
  padding: 40px 0;  
  margin: 0 auto;
  color: #FFFFFF;
}
#contact a {
  color:#C6DEFF;
}
#contact #social{
  margin: 5px 0;
}
#contact a:hover {
  opacity:0.8;
}
#contact .page header h2 {
  margin: 0;
  color: #FFFFFF;
  text-shadow: black 1px 1px 5px;
  padding-top: 0;
}
#contact .page header {
  border-bottom: 1px dashed #FFF;
}
#contact .agauche {
  float: left;
  width: 300px;
}
#contact .adroite {
  float: right;
  width: 300px;
  text-align: right;
}
.myspace{
  color:#4d9cd0;
  margin-right:50px;
}
.myspace span,
.facebook span{
  margin:0 10px;
}
.ilsenparlent{
  text-align: right;
}
.clear{
  clear: both; 
}
#achats{
  text-align: center;
  width: 700px;
}
.illustrgche{
  float: left;
  margin: 3px 20px 20px 0;
}
#commande .produits{
  clear: left;
}
#commande ul li{
  padding: 0 0 0 0;
  list-style-position:inside;
}
#conception,
#licence{
  text-align: center;
  font-size: 0.8em;
  margin: 10px 0 0 0;
}
#licence img{
  margin: 0 20px;
}
#conception a{
  color: white;
  opacity: 0.6;
  line-height: 1em;
  font-size: 0.9em;
}
#conception img{
  text-align: center;
  margin: 20px 0 0 0;
}
.lt-ie9 .page, .content section {
  width: 1008px;
  margin: 0 auto 26px;
}
.cie{
  color: #9DD9FE;
}
/* =============================================================================
   Media Queries
   Ajustement en fonction de la largeur du browser
   ========================================================================== */
@media (min-width:480px) {
  .page, .content section {
    width: 480px;
    margin: 0 auto 26px;
  }
}
@media (min-width:756px) {
  .page, .content section {
    width: 756px;
    margin: 0 auto 26px;
  }
  .home #nav {
    display: block;
  }
}
@media (min-width:978px) {
  .page, .content section {
    width: 1008px;
    margin: 0 auto 26px;
  }
  .home #nav {
    display: block;
  }
}

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}