/*****************fiche produit****************/
	
	
	html{
		overflow-y: auto;
	}
	
	* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



	
.woocommerce-notices-wrapper{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 4, 21, .3);
    padding-left: 30%;
    padding-right: 30%;
     padding-top: 20%;
    display: none;
    z-index: 50000;
    	transition: all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
}

.woocommerce-message{
	background-color: #F0F0EF;
     margin : 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    color: #030310;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); 
}


.popup{

    position: fixed;
    width: 100%;
    height:100%;
    background-color: rgba(4, 4, 21, .3);
    /*margin:-100px 0 0 -200px; */
   
    /* [-(height/2)px 0 0 -(width/2)px] */
    padding-left: 30%;
    padding-right: 30%;
     padding-top: 20%;
    /*padding-bottom: 20%;*/

    display: none;
    z-index: 50000;
    	transition: all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
   /* padding-top: 100%; */
    /* 1:1 Aspect Ratio */
 
    
}

.popupcontent{
    /* position: relative; */
	background-color: #F0F0EF;
     margin : 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    color: #030310;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); 
}

.popupcontent h2{
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: Montserrat, regular;
    color: rgba(3, 3, 16, 1);
    text-align: center;
    font-weight: bold;
}

.popupcontent h3{
    font-size: 1rem;
    font-family: Piek, regular;
    color: rgba(167, 138, 60, 1);
}

.popupcontent p{
    font-size: 1.1rem;
    font-family: Lora, regular;
    color: rgba(145, 145, 145, 1)
}

.popupimg{

    max-width: 100%;
    
}


.added_to_cart{
    display: none;
}

	#produit{
		margin-left: 17%;
		/*background-color: #F0F0EF; */
		background-color: #F8F8F8;
		width: 83%;
		color: #030310;
		/*height: 100%;*/
	}
	
		#produit header{
			/*margin-bottom: 1.5rem;*/
			color: #030310;
			padding: 0;
		height: 66vh;
		display: flex;
		width: 100%;
	}
	
	#produit .cta {
		/*margin-top: 15px;*/
        margin-bottom: 15px;
	}
	
			.padding0{
			padding-left: 0;
			padding-right: 0;
		}
			
	
.imgaffiche{
	border: .3rem solid #F0F0EF; 
	max-width: 100%;
	margin-bottom: -70px;
	width: 100%;
}

		.padding2{
			padding-left: 2rem;
			padding-right: 2rem;
		}
				.padding25{
			padding-left: 2.5rem;
			padding-right: 2.5rem;
		}
	
	#produit .infosheader{
		width: 100%;
		/*padding-left: .5rem;*/
		/*margin-bottom: 50px;*/
		align-items : flex-end;
	/*	margin-top: 33%;*/
        /*background-image: linear-gradient(rgba(239, 245, 242, 0), rgba(4, 4, 15, .1), rgba(4, 4, 15, .5));*/
		
	}
	
	
	
	.infosheader h1{
	font-family: Piek, Montserrat, Arial;
	margin-top: 0.5em;
	/*text-shadow: -1px 1px #000;*/
        text-shadow: -1px 1px 2px #000;
color : white;
	font-size: 3rem;
	/*letter-spacing: 0.07em;*/
	margin-bottom: 0.25rem;
}

.infosheader h2{
	/*text-shadow: -1px 1px #000;*/
     text-shadow: -1px 1px 2px #000;
		font-size: 1.3rem;
	letter-spacing: 0.07em;
	color: white;
	font-weight: 300;
	margin-bottom: 1.5rem;
	line-height: 1.5rem;
}

#produit .content{
			display: flex;
			overflow: hidden;
			padding: 0;
		/*	padding: 0;
			margin: 0;*/
	}
	
#produit .infoscontent{
		/*padding-left: .5rem;*/
		align-items : flex-start;
			width: 100%;
			/*padding-bottom: 4rem;*/
	}



/*
  .variations_form{
                text-align: center;
      margin-top: 1rem;
      font-family: Montserrat;
font-size: 11px;
            }

.variations{
   width: 100%;
            }


  .variations_form select{
      

      opacity: .5;
      
      
}*/


.colgauche{
	
	/*margin-left: .5rem;*/

	margin-top: 90px;
	margin-bottom: 50px;
	/*padding-left: .5rem;
	padding-right: .5rem; */
	text-align: center;
	/*height: 1000px;*/
}
.coldroite{

	/*padding-top: 20px;*/
	/*margin-bottom: 50px;*/
	padding-left: 0rem; /*25px;*/
	padding-right: 0rem; /*25px;*/
	/*background-color: white;*/
	/*height: 1000px;*/
}


.colgauche h3{
	font-size: .9rem;
    font-family: Montserrat, Verdana, sans-serif;
	letter-spacing: 0.05rem;
	color: #A78A3C;
	font-weight: bold;
	text-transform: uppercase;
    margin-bottom: 3rem; /* 1.5 */
	}

.citation{
	font-size: 1.5rem;
	padding-top: 3rem; /*2rem;*/
	background-color: white;
	padding-right: 3rem;
	padding-left: 3rem;
	letter-spacing: 0rem; /*.15rem;*/
		color: #A78A3C;
   font-family: Piek, Montserrat, Arial;
    line-height: 2rem;
    padding-bottom: .8rem;
}

.citation p, .citation em, .citation i{
	font-size: 1.5rem;
	background-color: white;
	letter-spacing: 0rem; /*.15rem;*/
    color: #A78A3C;
   font-family: Piek, Montserrat, Arial;
    line-height: 2rem;

}



.auteurcitation{
	font-size: 0.7rem;
	background-color: white;
	padding-left: 6rem;
	/*padding-left: 3rem;*/
	letter-spacing: .08rem;
		color: #919191;
    font-family: Montserrat;
    font-weight: 200;
}

.prix{
	/*font-size: 0.7rem;*/
	padding-top: 3rem; /*2rem;*/
	background-color: white;
    /*
	padding-right: .3rem;
	padding-left: 3rem;
    */
    padding-right: 6rem;
	padding-left: 6rem;
	letter-spacing: .08rem;
		font-family: 'Lora', serif;
	font-size: .8rem;
	font-weight: 300;
    line-height: 1.5rem;
}
.prix p, .prix strong, .prix em, .prix i{

	background-color: white;

	letter-spacing: .08rem;
		/*font-family: 'Lora', serif;*/
    font-family: 'Montserrat', serif;
    font-weight: 400;
	/*font-size: .8rem;*/
    font-size: 1rem;

}

.prix strong {
    font-weight: bold;
}

.resume{
	font-family: 'Lora', serif;
	font-size: .8rem;
	font-weight: 300;
	/*margin-top: 1rem;*/
	letter-spacing: .08rem;
	line-height: 1.5rem;
	padding-left: 6rem;
	padding-right: 6rem;
	padding-top: 2rem;
	padding-bottom: 3rem;
	background-color: white;
}


		.prix2{
		text-align: right;
			font-size: 0.7rem;
	padding-top: 3rem; /*2rem;*/
	background-color: white;
	padding-right: 3rem;
	padding-left: .3rem;
	letter-spacing: .08rem;
	}
	

.cadreblanc{
	background-color: white;
		padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.cadregris{
	background-color: #F0F0EF;
	padding: 2rem;	
}
		
		

.submenuba, .submenuphotos, .submenuextraits{
 display: none;
    text-decoration: underline;
      text-align: center;
    
  	/*transition: all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;*/
   
}
.submenuba a, .submenuphotos a, .submenuextraits a{
     color: #000946;
}

.download{
	background-color:#000946;
	margin-top: 15px;
	/*border: none;*/
	color: white;
	font-size: 0.6rem;
	letter-spacing: 0.07rem;
	border: 2px solid #000946;
	padding: 1rem;
	cursor: pointer;
	width: 100%;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: none;
	transition: all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
}

.download:hover{
	background-color: white;
	margin-top: 15px;
	color: #000946;
	padding: 1rem;
	border: 2px solid #000946;
	transition: all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
}

.downloadall{
	background-color: #fff;
	border: 2px solid #000946;
	margin-top: 15px;
	color: #000946;
	font-size: 0.7rem;
	padding: 1rem;
	width: 100%;
    	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: none;
	transition: all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
}
.downloadall:hover{
	background-color:#000946;
	margin-top: 15px;
	color: white;
	transition: all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
}


h4{
	font-size: 0.9rem;
	color: #030310;
	font-weight: bold;
	text-align: left;
	margin-top: 2rem;
	
	line-height: 1.4rem;
	}

.colgauche h4{
	font-size: 0.9rem;
	color: #030310;
	font-weight: bold;
	text-align: left;
	margin-top: 2rem;
	
	line-height: 1.4rem;
	}

.colgauche h4.visa{
	margin-top: .5rem;
	margin-bottom: 1rem;
}
	
.centerTab{
width: 100%;
margin: 0 auto;	
/*	padding-left: 3rem;
	padding-right: 3rem;*/
}

.tableFilm {
	font-family: 'Lora', serif;
	margin-bottom: 1.5rem;
	text-align: left;
	width: 100%; 
	/*font-family: Lora, verdana;*/
	color: #030310;
	font-size: 0.7rem;
	/*margin: 0px auto;*/

}
/*
.tableFilm .titre{
	font-family: 'Lora', serif;
	font-size: 0.8rem;
}*/
/*
.tableFilm .acteurs{
	font-family: 'Lora', serif;
	font-size: 0.7rem;
}*/


.tableFilm .colLeft {
	width: 50%; /*200px*/
	text-align: left;
	padding: .3rem;
	
}
.tableFilm .colRight {
	width: 50%; 
text-align: left;
	padding: .3rem;
    	font-size: 0.8rem; /*.7 */
    font-weight: 100;
	font-family: Lora, sans-serif;
}


.tableLivre {
	font-family: 'Lora', serif;
	margin-bottom: 1.5rem;
	text-align: left;
	width: 100%; 
	/*font-family: Lora, verdana;*/
	color: #030310;
	font-size: 0.7rem;
    margin-top: 1rem;
	/*margin: 0px auto;*/
}

.tableLivre .titre{
	font-family: 'Lora', serif;
	font-size: 0.8rem;
	
}

/*
.tableLivre .acteurs{
	font-family: 'Lora', serif;
	font-size: 0.7rem;
}


.tableLivre .colLeft {
	width: 50%; 
	text-align: left;
	padding: .3rem;
	
}
.tableLivre .colRight {
	width: 50%; 
text-align: left;
	padding: .3rem;
    	font-size: 0.6rem;
    font-weight: 100;
	font-family: Lora, sans-serif;
}
*/

.resume{
	font-family: 'Lora', serif;
	font-size: .8rem;
	font-weight: 300;
	letter-spacing: .08rem;
	line-height: 1.5rem;
	padding-left: 6rem;
	padding-right: 6rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: white;
}

.carousel-item{
    background-color: black;
    text-align: center;
}

.resume p, .resume em, .resume i{
	font-family: 'Lora', serif;
	font-size: 1rem; /* .8 */
	font-weight: 300;
	letter-spacing: .08rem;
	line-height: 1.5rem;
	background-color: white;
}

.lauteur {
	font-family: 'Lora', serif;
		/*font-size: .8rem;*/
    font-size: 1rem;
	font-weight: 300;
	padding-left: 6rem;
	padding-right: 6rem;
		padding-top: 3rem;
	padding-bottom: 3rem;
		letter-spacing: .08rem;
	line-height: 1.7rem;

}

.lauteur em, .lauteur i{
    font-family: 'Lora', serif;
    font-size: 1rem;
	font-weight: 300;
    letter-spacing: .08rem;
	line-height: 1.7rem;
}

.lauteur p{
	font-family: 'Lora', serif;
	font-size: 1rem; /* .8 */
	font-weight: 300;
		letter-spacing: .08rem;
	line-height: 1.7rem;

}

.coldroite h3{
	font-family: 'Montserrat', serif;
	font-size: 1rem;
	font-style: normal;
	color: #A78A3C;
	font-weight: bold;
	letter-spacing: .08rem

	}
	

			
		.video-responsive{
		/*	padding-top: 1.5rem;
			padding-bottom: 4rem;*/
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
		background-color: white;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.gallery {
	padding: 0;
	padding-top: 3rem;
}

.gallery img{
	/*max-width: 100%;*/
	width: 100%;
	height: 100%;
}

		.colbuttons{
		padding-top:2rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	

	
		.showwhenmobile{
		display: none;
	}

.carousel-control-next{
      background-image: linear-gradient(to left, rgba(3, 3, 16, 0.3), rgba(3, 3, 16, 0));
}

.carousel-control-prev{
     background-image: linear-gradient(to right, rgba(3, 3, 16, 0.3), rgba(3, 3, 16, 0));
}

	.carousel-control-next-icon{
		background-image: url(diaporamaflechedroite.svg);
		height: 40px;
		width: 40px;
        
	}
	
	.carousel-control-prev-icon{
		background-image: url(diaporamaflechegauche.svg);
		height: 40px;
		width: 40px;
       
	}
/*
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
    background-image: linear-gradient(to left, rgba(3, 3, 16, 0.3), rgba(3, 3, 16, 0));
}*/
	
	.carousel-control-next, .carousel-control-prev{
		width: 5%;
	}
	
	#produit footer{
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
	}

/**************responsive*******************/

	/*@media only screen and (max-width:767.98px){*/

		@media only screen and (max-width:992px){
            
	#produit{
		margin-left: 0;
		margin-top:64px;
		width: 100%;
	}

	

	
.download, .downloadall{
	/*width: 25%;*/
	margin-right: .8rem;
}
	
	
	.colbuttons{
		
		width: 100%;
		/*margin-top: 2rem;*/
		margin-bottom: 2rem;
	}
	
.cta{
	max-width: 200px;
	margin: 0 auto;
	}
	
            
	#produit .infosheader{

        background-image: none;
		
	}
	
            
    .colgauche h3{


    margin-top: 1rem; /* 1.5 */
	}
            
	
		}
	
	
	
	
	
		@media only screen and (max-width:767.98px){
	
	.hidewhenmobile{
		display: none;
	}
	.showwhenmobile{
		display: flex;
		text-align: center;
        justify-content: center;
		margin-top: -5rem;
	}

            
            h4{
                text-align: center;
                margin-top: 0;
            }
            
.prix{
	text-align: center;
	padding-left: 0;
    padding-top: 1rem;
}
            
            .prix p{ 
	margin-bottom: 0;
}
            
.prix2{
		text-align: center;
        padding-right: 0;
        padding-top: 0;
	}
	
       
            
          /*  .add-to-cart-container{
                text-align: center;
            }*/
            

.tableFilm{
	font-size : 1rem;
}

.tableFilm .titre{
	font-size : 1rem;
}

.tableFilm .acteurs{
	font-size : 1rem;
}
            
            .tableLivre{
	font-size : 1rem;
}

.tableLivre .titre{
	font-size : 1rem;
}

.tableLivre .acteurs{
	font-size : 1rem;
}

	

	#produit header{
	background-image: none!important;
	height: auto;
	}
	
	.infosheader h1{
	
	text-shadow: none;
color : #A78A3C;
	}	
		.infosheader h2{
	
margin-bottom: .5rem;

	text-shadow: none;
	margin-top: .7rem;
	font-weight: 400;
	color: #030310;

}
/*
.coldroite{
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}*/

.coldroite{
	margin-top: 25px;
	margin-bottom: 50px;
}



.colgauche{
	margin-bottom: 0;
}

	.colgauche h4{
		text-align: center;
		
	}
	
		.colbuttons{
		text-align: center;
		padding: 2rem;
	}
	
	.tableFilm .colLeft{
		text-align: right;
	}
            
            	.tableLivre .colLeft{
		text-align: right;
	}
	
	
	
		#produit .content{
		margin: 0; /*1*/
		padding: 0;
		
	}

	#produit .infoscontent{
		margin: 0rem; /*1*/
		
	}
	
	
	
		#produit .infosheader{
		margin-right: 10%;
		margin-left: 10%;
		text-align: center;
	}
	
		.imgaffiche{
		margin-bottom: 0;
		margin-top: 3rem;
		}
		

		
		
		.colgauche{

	margin-top: 0;
	
		}
		
		
		
.cta{

	width: 50%;

	/*	margin-top: 7px!important;
		margin-bottom: 15px;*/
	}
	
		
	
		}






			/****************noticias*************/
	/*cf agenda.css*/
	
 /*.noticias h3 {
	font-size: 1.1rem;
	font-weight: bold;
	font-family: Montserrat, verdana;
	padding-top: 2rem;
	padding-bottom: 1rem;
	letter-spacing: .2rem;
	text-transform: uppercase;
}*/

.cartelera h3 {
	color: #A78A3C;

}

 .noticias p{
	font-size: .9rem;
	letter-spacing: .05rem;
	color: #030310;
	font-family: 'Montserrat', serif;
	font-weight: 400;
/*	font-family: 'Lora', serif;*/
}

.noticias p:first-child::before{
content: none!important;
    padding: 3px;
/*
width: 35px;
    height: 3px;*/
}

#produit .infoscontent h2{
		font-family: Montserrat, Arial;
		font-size: 2rem;
		font-weight: bold;
		color: #A78A3C;
	}

#produit .infoscontent h3{
		font-family: Montserrat, Arial;
		font-size: 1.2rem;
		color: #030310;
		font-weight: bold;
		text-transform: uppercase;
	}

#produit .date{
		font-family: Montserrat, Arial;
		font-size: .6rem;
		color: #919191;
		margin-bottom: 1rem;
	}

#produit .infoscontent a{
		color: #A78A3C;
		/*font-size: 1rem;*/
		text-decoration: underline;

	}



#produit .infoscontent a:hover{
		color: rgb(3, 3, 16); /*#A78A3C;*/
		opacity: 50%;
		/*font-size: 1rem;*/
		/*text-decoration: underline;*/

	}

	#produit .infoscontent a:visited{
		color: rgb(2,2,8); /*#A78A3C;*/

		/*color: rgba(3, 3, 16, 0.5);*/

	}


	/*#produit .infoscontent a:visited{
		color: rgb(3, 3, 16, .5); 
		text-decoration: underline;

	}*/


a.prev, a.next{
	font-family: Montserrat, verdana;
	text-transform: uppercase;
	font-size: 0.7rem;
	font-weight: bold;
	color: #A78A3C;
	padding-top: 2rem;
	letter-spacing: .15rem;
	text-decoration: none!important;
}

.compartir{
	font-family: Montserrat, verdana;
	text-transform: uppercase;
	font-size: 0.6rem;
	font-weight: bold;
	color: #A78A3C;
	padding-bottom: .5rem;
	/*padding-top: 2rem;*/
	letter-spacing: .15rem;
	text-decoration: none!important;
}


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }





#produit .newslettertitle{
	font-family: Montserrat, verdana;
	text-transform: uppercase;
	font-size: 0.55rem;
	font-weight: bold;
	color: #A78A3C;
	padding-top: 2rem;
	letter-spacing: .15rem;
}

#produit .form-control{
	width: 90%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #A78A3C;
	border-radius: 0;
	color: #A78A3C;
	font-size: 13px;
	padding: 0;
}

#produit .form-control::placeholder{
    color: #A78A3C;
	font-weight: 200;
	font-size: 0.8rem;
    opacity: 0.55; }
 #produit .form-control::-webkit-input-placeholder{
    color: #A78A3C;
    opacity: 0.55; }

#produit	.form-control:-ms-input-placeholder{
    color: #A78A3C;
    opacity: 0.55; }
	
#produit	.form-control::-ms-input-placeholder{
    color: #A78A3C;
    opacity: 0.55; } 

    #produit .fleche {
	fill: #A78A3C;
}



figcaption{
	font-size: .6rem;
	color: #707070;
	letter-spacing: 1px;
}