body,html{
	margin:0;
	padding:0
}
.mySlides {
    display: none;
}

  
.oeuvre-title {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(13px, 1.6vw, 14px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.2px;
    color: #111;
    margin: 0.4em 0 0.1em 0;
}

.oeuvre-details {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(11px, 1.4vw, 12px);
    font-weight: 400;
    color: #777;
    line-height: 1.2;
    margin: 0 0 0.2em 0;
    letter-spacing: 0.3px;
}

.oeuvre-price {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(14px, 1.6vw, 13px);
    font-weight: 600;
    color: #000;
    margin-top: 0.2em;
}

/* HOVER effet luxe */
.card:hover .oeuvre-title { color: #34495e; }
.card:hover .oeuvre-price { 
    transform: scale(1.05); 
    transition: all 0.2s ease;
}
.vendu {
    background: white;
    color: #d60000;
    border: 1px solid #d60000;
    border-radius: 60%;
    padding: 6px 10px;
	font-size: 11px;
    padding: 2px 6px;
    line-height: 1;
}

/* ===== FIN style galerie26 ===== */



.container-video{width: 100%;height:69vn;}
.red{color:#C00;font-size:15px;font-weight:bold;text-align:center;}
.container{margin: 0 auto;
width:77.2%}
.boit5 img{width:160px;height:auto;}
.boit5{width:25%;text-align:center;padding-bottom:30px;float:left;}

/* Pilote affichage thèmes */
.vignette-th{	margin:0 auto;
	float:left;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0;
	width:100%;
	text-align:center;
	border:solid 0 #444
}
.box-th{margin:0 auto;
	text-align:center;
	position:relative;
	z-index:8;
	float:left;
	width:100%;
	margin-left:0px;
	font-size:14px;
	line-height:1.2;
	top:4px;
}
.vignet0{
	float:left;
	margin-left:5%;
	padding-top:8px;
	margin-bottom:5px;
	width:19%;
	text-align:center;
	border:solid 1px #444;
	height:25px;
	font-size:15px;
	color:#c00
}
.vignet{
	float:left;
	margin-left:5%;
	padding-top:8px;
	margin-bottom:10px;
	width:19%;
	text-align:center;
	border:solid 1px #444;
	height:25px;
	font-size:15px;
}
.vignet2{
	float:left;
	margin-left:5%;
	margin-top:0;
	padding-top:8px;
	margin-bottom:8px;
	width:19%;
	text-align:center;
	border:solid 1px #444;
	height:25px;
	font-size:12px
}
/* FIN affichage thèmes */

.titr{width:100%; text-align:center}
h1.titr{
	font-size:17px;
	color:#000;
	margin-bottom:10px;text-align:center
}
.content{margin-left:0%;
text-align:center;
	position:relative;
	z-index:8;
	float:left;
	width:100%;
	font-size:14px;
	line-height:1.2;
	top:4px
}
.prix{fonte-size:18px;color:#000000;font-weight:bold;}
.marge-galerie{width:35px;}

.nonOP {display:none}
.just{
	text-align:justify
}
.video{font-size:14px;
	color:#C00;}
​.pagination{width:100px;float:left;
	display:inline-block
}
.pagination a{
	color:#000;
	font-size:11px;
	margin-left:12px;
	float:left;
	padding:3px 6px;
	text-decoration:none
}
.pagination a.active{
	background-color:#19c589;
	color:#fff
}
.pagination a:hover:not(.active){
	background-color:#ddd
}

.box1-com{
	top:0;
	margin-left:3%;
	padding-top:20px;
	width:23%;
	float:left;
	height:200px;
}
.box1-com img{height:auto;width:80%}
.box1-test{
	top:0;
	margin-left:6%;
	padding-top:20px;
	width:27%;
	float:left;
	height:400px;
}
.box1-test img{height:auto;width:100%}

.box2-com{font-family:"Poppins", sans-serif;
	top:0;
	width:55%;
	text-align:left;
	float:left;
	padding:20px;
	border:0;
	font-size:14px;
}
.box3{font-family:"Poppins", sans-serif;
	top:0;
	width:19%;
	text-align:left;
	float:left;
	padding:0px;
}
.box3-test{font-family:"Poppins", sans-serif;
	top:0;
	width:24%;
	text-align:left;
	float:left;
	padding:0px;
}
.box3 img{width:100%}
.box3-test img{width:100%}
.box4{font-family: 'Montserrat', sans-serif;
	padding-top:30px;
	width:48%;
	text-align:left;
	float:left;
	padding-left:4%;padding-right:2%;
	border:0;
	font-size:14px;
}
.box4-test{font-family:"Poppins", sans-serif;
	top:0;
	width:35%;
	text-align:left;
	float:left;
	margin-left:5%;
	border:0;
	font-size:14px;
}
.marge-bio{width:100%;height:35px}
.box4-bio{font-family:"Poppins", sans-serif;
	top:0;
	width:53%;
	text-align:left;
	float:left;
	margin-left:12%;
	border:0;
	font-size:14px;
}
.vignette000{
	float:left;
	margin-left:25px;
	margin-top:30px;
	width:99%;
	text-align:center;
	border:solid 1px #444
}
.vignette0{
	float:left;
	margin-left:18px;
	padding-top:8px;
	margin-bottom:5px;
	width:195px;
	text-align:center;
	border:solid 1px #444;
	height:25px;
	font-size:15px;
	color:#c00
}

.vignette{
	float:left;
	margin-left:18px;
	padding-top:8px;
	margin-bottom:5px;
	width:195px;
	text-align:center;
	border:solid 1px #444;
	height:25px;
	font-size:15px
}


.vignett{
	float:left;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:0px;
	width:60px;
	text-align:left;
	border:solid 0px #444;
	height:10px;
	font-size:10px
}
.vignette2{
	float:left;
	margin-left:18px;
	margin-top:0;
	padding-top:8px;
	margin-bottom:8px;
	width:195px;
	text-align:center;
	border:solid 1px #444;
	height:25px;
	font-size:12px
}

.vignette3{
	float:left;
	margin-left:18px;
	margin-top:1px;
	padding-bottom:7px;
	margin-bottom:8px;
	width:195px;
	text-align:center;
	border:solid 1px #444;
	height:25px;
	font-size:22px
}

.vignette0 img{
	margin-top:0
}
.conseil{width:99%;
	font-size:13px
}
.vignette00{
	float:left;
	margin-bottom:10px;
	margin-left:1px;
	margin-right:0;
	width:99%;
	text-align:center;
	border:solid 1px #444
}

.vignette00 a{
	color:#000;
	text-decoration:none
}
.vignette00 a:visited{
	color:#000;
	text-decoration:none
}
.vignette00 a:hover{
	color:#fff;
	background-color:#bf2626
}
/* Couleur des thèmes#bf2626 */
.vignette-th a{
	color:#000;
	text-decoration:none
}
.vignette-th a:visited{
	color:#000;
	text-decoration:none
}
.vignette-th a:hover{
	color:#fff;
	background-color:#bf2626 ;
}
.vignette03{
	float:left;
	margin-bottom:0;
	margin-left:6px;
	margin-top:2px;
	width:250px;
	text-align:center;
	border:solid 0 red
}
.mini-box4{
	width:36%;
	float:left;
	height:63px;
	font-size:13px;
	border:0 solid gray
}
.mini-box3 img{
	width:auto;
	height:35px;
	margin-top:11px
}
.mini-box3{
	width:24%;
	float:left;
	height:63px;
	font-size:13px;
	border:0 solid gray
}
.mini-box2 img{
	width:300px;
	height:auto;
	margin-top:11px
}
.mini-box2{
	width:28%;
	float:left;
	height:63px;
	font-size:13px;
	border:0 solid gray
}
body{
	height:100%;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin:0;
	padding:0
}
*{
	margin:0;
	padding:0
}
p.titr{
	font-size:17px;
	color:#000;
	margin-bottom:10px
}
.border{
	border:1px solid #444
}

.container-bandeau{
	margin:0 auto;
	z-index:100;
	float:left;
	width:100%;
	height:62px;
	background-color:#fff;
	border:0 solid red;
	position:relative;
	margin-bottom:5px;
	margin-top:0
}
.container-bandeau img{
	height:50px
}

.titre-en{
	position:absolute;
	font-size:14px;
	color:#000;
	line-height:1.2;
	top:10px;
	height:auto;
	right:31px;
	width:60%;
	text-align:right;
	border:0 solid red
}
.titre-en img{
	height:15px
}
h1{
	margin-left:20px;
	margin-bottom:2px;
	margin-top:2px;
	font-size:18px;
	color:#c00
}
.nonP{display:inline-block}
.nonO{
	display:none;
	
}
.logo{
	height:55px;
	width:auto
}
.nav{
	width:100%;
	padding-left:0
}
.marge-10{
	width:100%;
	height:10px;
	clear:both
}
.marge-5{
	width:100%;
	height:5px;
	clear:both
}
.marge-15{
	width:100%;
	height:15px;
	clear:both
}
.flex-15{
	width:100%;
	height:10px;
	clear:both
}
.flex-30{
	width:100%;
	height:35px;
	clear:both
}
.marge-25{
	width:100%;
	height:25px;
	clear:both
}
.marge-30{
	width:100%;
	height:30px;
	clear:both
}
.marge-20{
	width:100%;
	height:20px;
	clear:both
}
.marge-40{
	width:100%;
	height:40px;
	clear:both
}
.titre-artiste{
	float:left;
	width:99.5%;
	margin-left:0;
	margin-right:20px;
	margin-top:0px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	font-weight:400
}

.titre-artiste a{
	font-size:12px;
	color:#444;
	text-decoration:none;
	background-color:#fff
}
.titre-artiste a:visited{
	color:#444;
	text-decoration:none;
	background-color:#fff
}
.titre-artiste a:hover{
	color:#fff;
	background-color:#c00
}
.bio{
	float:left;
	width:93%;
	padding-left:15px;
	margin-top:5px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	font-weight:400;
	color:#000;
	margin-left:15px;
	margin-right:40px;
	text-align:left
}


.content1{
	z-index:8;
	float:left;
	padding:0;
	width:25%;
	text-align:center;
	line-height:1.2
}
.content3{
	z-index:8;
	float:left;
	padding:0;
	width:33%;
	text-align:center;
	line-height:1.2
}
.flottant{
	margin:0 auto;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:10px;
	font-size:12px;
	line-height:1.5;
	font-weight:400;
	color:#000;
	width:100%;
	text-align:center;
	border:solid 0 red
}
.flottante{
	margin:0 auto;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:10px;
	font-size:12px;
	line-height:1;
	font-weight:400;
	color:#000;
	width:100%;
	text-align:center;
	border:solid 0 red
}
.flottant img,.flottante img{
	width:90%;
	margin-bottom:1px;
	margin-top:5px;
	border-color:#696969;
}
.flottante a{
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-style:italic;
	background-color:#fff
}
.flottante a:visited{
	color:#000;
	text-decoration:none;
	font-style:italic;
	background-color:#fff
}
.flottante a:hover{
	color:#fff;
	font-style:italic;
	background-color:#c00
}
.flottant a{
	font-size:12px;
	color:#000;
	text-decoration:none;
	background-color:#fff
}
.flottant a:visited{
	color:#000;
	text-decoration:none;
	background-color:#fff
}
.flottant a:hover{
	color:#000;
	background-color:#fff
}
.img-130 img{
	width:130%
}
.img-95 img{
	width:95%
}
.img-90 img{
	width:90%
}
.img-85 img{
	width:85%
}
.img-75 img{
	width:75%
}
.img-80 img{
	width:80%
}
.img-70 img{
	width:70%
}
.img-60 img{
	width:60%
}
.img-50 img{
	width:50%
}
.img-40 img{
	width:40%
}
.img-45 img{
	width:45%
}
.img-30 img{
	width:30%
}
.ref{
	color:#000;
	font-size:12px;
	
}
p.ref{
	color:#000;
	font-size:12px;
}
.refr{
	color:#c00;
	font-size:14px
}
.vendu{
	margin:0 auto;
	margin-left:5px;
	font-size:12px;
	font-weight:400;
	color:#fff;
	border-radius:40%;
	line-height:20px;
	background-color:#c00;
	border:3px solid #c00
}
b.vendu{
	color:#fff
}


.mini-box{
	width:25%;
	float:left;
	height:75px;
	font-size:13px;
	border:0 solid gray
}
.mini-box img{
	width:auto;
	height:30px;
	vertical-align:middle
}
.engagements a{
	margin-right:5px;
	margin-left:0;
	font-size:14px;
	text-decoration:none;
	color:#444
}
.engagements a:visited{
	margin-right:5px;
	margin-left:0;
	color:#444;
	text-decoration:none;
	background-color:#fff
}
.engagements a:hover{
	margin-right:5px;
	margin-left:0;
	color:#fff;
	background-color:#c00
}
/*Vignettes bas de pages*/
.boite{width:100%;float:left;}
.boit4{width:25%;text-align:center;padding-bottom:30px;float:left;}

.boite img{width:200px;height:auto;}

.foot2{position:relative;clear:both;top:0;left:0px;background-color:#525f67;color:#FFFFFF;width:100%;padding-top:10px;padding-bottom:10px;text-align:center;font-size:14px;}
.foot2-1{	margin:0 auto;color:#FFFFFF;width:80%;text-align-left}

hr{float:left;width:95%;margin-left:20px;align:center;color:#FFFFFF;height:1px;}
.foot3{margin:0 auto;position:relative;margin-left:0px;clear:both;background-color:#525f67;color:#FFFFFF;width:100%;height:120px;padding-top:10px;padding-bottom:0px;text-align:center;}
.foot4{margin:0 auto;position:relative;margin-left:0px;clear:both;background-color:#525f67;color:#FFFFFF;width:100%;height:30px;padding-top:10px;padding-bottom:10px;text-align:center;font-size:13px;}


.foot2-2 a{
	font-size:14px;
	color:#fff;
	text-decoration:underline;margin-left:5px;

}
.foot2-2 a:visited{
	color:#fff;
	text-decoration:underline;margin-left:5px;

}
.foot2-2 a:hover{
	color:#fff;text-decoration:none;
	background-color:#c00;margin-left:5px;
}


.margin{margin-right:15px}



.col2-footer{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;float:left;line-height:1.5;font-size:14px;color:#fff;margin-left:6.5%;margin-top:5px;width:25%;height:60px;text-align:center;border:solid 0 #bf2626}

@media only screen and (max-width: 767px){
	
	
	.box3{font-family:"Poppins", sans-serif;
	top:0;
	width:19%;
	text-align:left;
	float:left;
	padding:0px;
}
.box4{font-family:"Poppins", sans-serif;
	top:0;
	width:40%;
	text-align:left;
	float:left;
	margin-left:0px;
	border:0;
	font-size:13px;
}
	.just{
	text-align:justify
}
.box1-test{
	top:0;
	margin-left:2%;
	padding-top:30px;
	width:25%;
	height:270px;
	float:left;
}
.box1-test img{width:auto;height:270px}
/*Vignettes bas de pages*/
.foot2{position:relative;clear:both;top:0;left:0px;background-color:#ffffff;color:#000000;width:100%;padding-top:10px;padding-bottom:10px;text-align:left;font-size:14px;}
.foot2-1{	margin:0 auto;color:#000000;width:95%;text-align-left}
	.foot2-2{color:#000000;width:95%;margin-left:0px;text-align:left;font-size:13px;padding-left:0px;}
	.foot3{margin:0 auto;position:relative;margin-left:0px;clear:both;background-color:#ffffff;color:#000000;width:95%;height:auto;padding-top:10px;padding-bottom:0px;text-align:center;float:left;}
	.col2-footer{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;float:left;line-height:1.5;font-size:14px;color:#000000;margin-left:0px;margin-top:15px;width:95%;height:auto;text-align:center;border:solid 0 #bf2626}
	.foot2-2 a{
	font-size:14px;
	color:#000;
	text-decoration:underline;

}
.foot2-2 a:visited{
	color:#000;
	text-decoration:underline;

}
.foot2-2 a:hover{
	color:#fff;text-decoration:none;
	background-color:#c00;
}

/* basdepage */
.tema{width:100%;float:left;}
.padding{width:50%; height:auto;padding-left:0px;padding-bottom:20px;padding-right:0px;float:left}
.padding img{width:90%;hight:auto;}

.amenu0{width:100%;float:left;}
.amenu1{width:35px;margin-right:10px; float:left;}
.amenu{
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}
.titr{width:100%; text-align:center}
h1.titr{
	font-size:14px;
	color:#000;
	margin-bottom:10px;text-align:center
}
	h1{
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:18px;
	color:#c00
}
.box2-com{width:100%;padding:0px;}
	.vignette-th{
		float:left;
		margin-bottom:10px;
		margin-left:1px;
		margin-right:0;
		width:100%;
		text-align:center;
		border:solid 0 #444
}
	.vignette-th a{
		color:#000;
		text-decoration:none;
		line-height:1.5;
}
	.vignette-th a:visited{
		color:#000;
		text-decoration:none;
		line-height:1.5;
}
	.vignette-th a:hover{
		color:#fff;
		background-color:#bf2626;
		line-height:1.5;
}
	.mini-box4{
		width:90%;
		margin-left:0;
		height:auto;
		text-align:center
}
	.mini-box3{
		width:95%;
		height:auto;
		margin-top:10px
}
	.mini-box3 img{
		width:95%;
		height:auto
}
	.vignette,.vignette0{
		float:left;
		margin-left:14px;
		padding-top:5px;
		margin-bottom:5px;
		width:40%;
		height:20px;
		text-align:center;
		border:solid 1px #444;
		font-size:11px
}
	.vignette2{
		float:left;
		margin-left:14px;
		padding-top:5px;
		margin-bottom:5px;
		width:40%;
		height:20px;
		text-align:center;
		border:solid 1px #444;
		font-size:11px
}
	.vignette000{
		float:left;
		margin-left:15px;
		margin-right:0;
		width:85%;
		text-align:center;
		border:solid 1px #444
}
	.vignette00{
		float:left;
		margin-bottom:10px;
		margin-left:20px;
		margin-top:10px;
		width:85%;
		text-align:center;
		border:solid 1px #444;
		font-size:10px
}
	.container{
		margin:0 auto;
		width:100%;fonte-size:12px;
}
	.content{
		margin:0 auto;
		padding:0;
		text-align:center;
		width:100%
}
	.content1,.content1-33,.content3{
		margin:0 auto;
		float:left;
		padding:0;
		margin-left:0;
		width:50%;
		text-align:center;
		line-height:1.5
}
	.logo{
		height:52px;
		width:auto
}

	.marge{
		float:left;
		height:5px;
		width:100%
}
	.marge-300{
		float:left;
		width:300px
}
	
	.titre{
		display:none
}
	.flottante{
		margin:0 auto;
		float:left;
		padding:0;
		font-size:11px;
		width:100%
}
	.flottante img{
		width:90%;
		margin-bottom:1px;
		margin-top:5px;
		border:1px solid #696969
}
	.vendu{
		margin:0 auto;
		font-size:10px;
		color:#fff;
		border-radius:50%;
		line-height:1.5;
		background-color:#c00;
}
	.bio{
		display:none
}
	.flot{
		margin:0 auto;
		float:left;
		top:15px;
		font-size:11px;
		width:100%
}
	.nonP{
		display:none
}
	.nonO{
		display:inline-block
}
	

	.titre-en{
		position:absolute;
		font-size:14px;
		color:#000;
		right:20px;
		line-height:1.5;
		top:20px;
		height:18px;
		width:10%;
		border:0 solid red
}
	.titre-en img{
		height:15px;
		width:auto
}
	

	.img-130 img{
		width:130%
}
	.img-95 img{
		width:95%
}
	.img-90 img{
		width:90%
}
	.img-85 img{
		width:85%
}
	.img-75 img{
		width:75%
}
	.img-80 img{
		width:80%
}
	.img-70 img{
		width:70%
}
	.img-60 img{
		width:60%
}
	.img-50 img{
		width:50%
}

}
@media only screen and (min-width: 768px) and (max-width: 1023px){
.container{width:90%}

.box1-com{
	top:0;
	margin-left:2%;
	padding-top:30px;
	width:25%;
	height:270px;
	float:left;
}
.box1-com img{height:auto;width:100%}
.box1-test{
	top:0;
	margin-left:2%;
	padding-top:30px;
	width:25%;
	height:200px;
	float:left;
}
.box1-test img{width:100%;height:auto}

.box3{font-family:"Poppins", sans-serif;
	top:0;
	width:24%;
	text-align:left;
	float:left;
	padding:0px;}
.box3 img{width:100%}
.box3-test{font-family:"Poppins", sans-serif;
	top:0;
	width:24%;
	text-align:left;
	float:left;
	padding:0px;}
.box3-test img{width:100%}
.box4{font-family:"Poppins", sans-serif;
	top:0;
	width:44%;
	text-align:left;
	float:left;
	margin-left:1%;
	border:0;
	font-size:14px;
	}
	.box4-test{font-family:"Poppins", sans-serif;
	top:0;
	width:46%;
	text-align:left;
	float:left;
	margin-left:2%;
	border:0;
	font-size:11px;
	}
	.marge-bio{width:100%;height:10px}
}