html {
  height: 100%;font-family: Lobster, sans-serif;
}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}

body{background-image: url(../images/01.jpg); width: auto;background-size: cover; background-attachment:fixed; background-repeat: repeat-y; }

.page{}
.container {max-width: 80%; padding: 0 .9375em;
    background-image:url(../images/affiche_photo.png);background-repeat: no-repeat;background-size: cover;opacity: 0.9;

  margin : 0 auto; 

    height: auto;
    min-height:50em;
    
    color: #4f2d03;
-webkit-box-shadow: 0 0 8px 2px #4F2D03 /*#cccccc*/;
box-shadow: 0 0 8px 2px #4F2D03 /*#cccccc*/;
 
}

.container h1{font-size: 2em;}
.vignette{height: 4em;text-align: center;height: 50px;}
.vignette img{background-color: rgba(255, 255, 255, 0.9);}

a{color: #905e12;text-decoration: none;}
a:hover{letter-spacing: 0.2em;} 

/*.logo{ position: relative;z-index: 1; text-align: center;border: none;margin-top: 1.1em;margin-bottom: 0.5em}*/

/*formatage texte***/
 p{
    font-size:1.125em;
    line-height:1.3;
  }
.accroche{margin-top:5px;
    font-size: 2em;text-align: center; text-shadow: 1px 1px 1px #cccccc;}
 .galerie{margin-top: 3em; font-size: 1.2em;text-align: center;}



#presentation{margin: 2em 0  1em 0 }
.article{text-align: left;line-height: 1.2em, background-color:none;}


/* break point */
  @media(min-width:36em){
    /*SM 576px*/
    .container{ width:33.75em;padding: 0 0.2em;}
    p{font-size:1em;}
  }
  @media(min-width:48em){
    /*MD 768px*/
    .container{ width:45em; padding: 0 0.5em;}
    p{font-size:1.5em;
        line-height:1.4;
    }
  }



  @media(min-width:62em){
    /*LG 992px*/
    .container{ width:60em;padding: 0 0.8em;}
    p{font-size:1.8 em;
      line-height:1.4;
    }
  }

  @media(min-width:75em){
    /*XL 1200px*/
    .container{ width:71.25em;padding: 0 1.1em;}
    p{font-size: 2.25em;
      line-height:1.5;
    }
  }
/*format col*/
.row {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;

    margin-left: -0.9em;
    margin-right: -0.9em;
}
            /* ancien nav*/
            .row > * { width: 100%; 
                float: left;
                padding: 0 .9375em;
            }
            .row: :after {
                content: "";display: block;clear: both;
            }
            /*******************************/

#jlphoto{margin:  5em 0.5em  0.5em; background-color: #a36d18; opacity: 0.5;}

/*************************************pola ********************/

.home img{ max-width: 90%; max-height: 80%;margin: 0 auto;
  
      
        
}
.polaroid-images a
{
        background: white;
        display: inline;
        float: left;
        margin: 0 1em 1.8em;
        padding: 0.8em 0.8em 1.8em;
        text-align: center;
        text-decoration: none;
        -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
        box-shadow: 0 4px 6px rgba(0,0,0,.3);
        -webkit-transition: all .15s linear;
        transition: all .15s linear;
        z-index:0;
}

.polaroid-images a:after {
        color:#684007;;
        font-size: 1.3em;
        content: attr(title);
        position: relative;
        top:15px;
}
.polaroid-images img {
        display: block;
        width: inherit;
    max-width: 11rem;
}
.polaroid-images a:nth-child(2n)
{
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
}
.polaroid-images a:nth-child(3n) {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
}
.polaroid-images a:nth-child(4n)
{
        -webkit-transform: rotate(14deg);
        transform: rotate(14deg);
}
.polaroid-images a:nth-child(5n)
{
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
}
.polaroid-images a:hover{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        z-index:10;
        -webkit-box-shadow: 0 0.8em 1.8em rgba(0, 0, 0, .7);
        box-shadow: 0 0.8em 1.8em rgba(0,0,0,.7);
}


#juicebox-container {
    background-color: none;
}
#juicebox-container h1{font-size: 2em;}