ul.liste_type{}
ul.liste_type li{ margin: 10px; border-bottom: 1px solid #FFFFFF;}
ul.liste_type li a{font: 20px/40px 'Lora', serif; height: 40px; color: #FFFFFF; font-weight: 700; display: block; }
ul.liste_type li a i{ width: 30px; height: 30px; border-radius: 15px; background: #FFFFFF; color:#000000; text-align: center; margin-right: 15px; font-size: 15px; line-height: 30px;}


.ntimg_interactive{ margin: auto;}

/*.ntimg_interactive .une_zone{ position: absolute; top: 0px; width: 100%; height: 450px; z-index: 2; }*/
.ntimg_interactive /*.une_zone*/ .btn_rond{transition : all 0.2s linear; position:absolute; z-index: 8;  width: 25px; height: 25px; border-radius: 25px; line-height: 25px; font-size: 16px; display: inline-block;  background-size: contain; cursor: pointer;background: #dcc397; text-align: center}
.ntimg_interactive /*.une_zone*/ .btn_rond:hover{background: #FFFFFF;}


.ntimg_interactive  .ntimg_interactive{ position: absolute; top: 0px; width: 100%; height: 450px; z-index: 5; display: none;}

.ntimg_interactive .fenetre_info{position: absolute;  width: calc(25% - 20px); height: 100%; padding: 10px; top: 0px; left: 0px; z-index: 10; background: rgba(255,252,252,0.79); transition : all 0.2s linear; opacity: 0; transform: scaleX(0); text-align: center;}
.ntimg_interactive .fenetre_info.on{transition : all 0.2s linear;opacity: 1; transform: scaleX(1)}
.ntimg_interactive .fenetre_info h2{ text-align: center; width: 100%;font:16px/30px 'Lora', sans-serif; color:#dcc397; text-transform: uppercase; padding-bottom: 42px; margin-bottom: 10px; }

.ntimg_interactive .fenetre_info .btn_close_fenetre{ font-size: 20px; line-height: 30px;}

@media screen and (max-width: 767px) 
{
	.ntimg_interactive{ width: 100%; float:left;margin: 50px 0px 50px 0px; position: relative;}
	.ntimg_interactive .ntimg_interactive{ height: 250px;}
	.ntimg_interactive .fenetre_info{ width: 100%; height: calc(100% + 100px); top: -50px;}
}