/* CASCADE STYLE SHEET */


/* GLOBALS */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	max-height:auto;
	position:relative;
}

element.style{
	max-height: fit-content;
}

body{
	font:normal 400 1em/1 "Font Awesome 6 Regular";
	position:relative;
	min-width:120px;
	scroll-behavior:smooth;
	background-color:var( --msTheme-body-bg-color );
}

a:-webkit-any-link {
    color:var( --msTheme-body-color );
    cursor: pointer;
}

a:hover{
	font-weight: bolder;
	font-style: italic;
	text-decoration-color: black;
}

/* HEADER */
		
header{
	max-height:fit-content;
	min-height:fit-content;
	height:fit-content;
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	align-items:center;
	background-color:var( --msTheme-header-bg-color );
	color:var( --msTheme-black-color );
}

#msTheme-selector{
	z-index:-1000;
	opacity:0;
	position: fixed;
}

.unlog{
	height:80px;
	border-radius:5px;
}

.wrapper-row{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-evenly;
	align-items:center;
}

.wrapper-2{
	width:100%;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:space-evenly;
	align-items:center;
}

.espacement{
	margin:10px;
}

.form, form{
	text-align:center;
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	align-items:center;
	color:var( --msTheme-body-color );
}

.form-line{
	color:var( --msTheme-body-color );
	padding:20px;
	width:90%;
	margin:auto;
}

form-control{
	margin-left:0;
}

h1,.submit,.submit-footer,a.submit-footer {
	padding:20px;
	border-radius:30px;
	display:flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content:space-evenly;
	align-items:center;
	font-size:medium;
	font-weight:bold;
}

.submit,.submit-footer,a.submit-footer{
	color:var( --msTheme-dark-color );
	cursor: pointer;
}

a h1 {
	flex-direction:column;
	border-radius:50px;
	justify-content:center;
	align-items:center;
	gap:0.8vw;
	font-size:5vw;
	background-color: var( --msTheme-even-bg-color );
	color:var( --msTheme-header-title-color );
	text-decoration:none;
	text-decoration-color:var( --msTheme-header-title-color );
}

a:hover h1,h1:hover,h1{
	color:var( --msTheme-header-title-color );
	text-decoration-color:var( --msTheme-header-title-color );
}

a.btn{ color: black; font-weight: bold; font-weight: 900; border-radius: 25px; background-color: var( --msTheme-header-bg-color ); }
a.btn:hover{ font-style: italic; font-weight: bolder; background-color: var( --msTheme-header-bg-color );}

.mes-scenes{
	display:block;
	color:var( --msTheme-body-color );
}

.submit-footer {
	background-color:var( --msTheme-type-de-tri );
}


.logo{
	max-width:8vw;
	border-radius:20%;
}

form.logout,a.logout,form.login,a.login,a.titre-principal,form.panier,a.panier{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	max-width:100%;
	height:auto;
	font-weight:bold;
	color: var( --msTheme-header-menu-color );
	text-decoration-color:var( --msTheme-header-menu-color );
	font-size:large;
	width:fit-content;
}

form.password,form.logout,form.login{
	flex-direction:column;
	flex-wrap: nowrap;
}

img.login{
	border-radius: 20%;
	width:8vw;
	height:auto;
	margin:0.5em 0;
	transform:scale(1);
	filter:grayscale(0.0);
	border-radius:10px;
	transition:transform 0.5s ease-out, filter 0.4s linear, border-radius 500ms ease-out;
}

form.login:hover img.login,form.logout:hover img.login {
transform:scale(1.2);
border-radius:50%;
}

/* MENU */
.pointer{
	cursor: pointer;
}

.burger-menu-fig{
	display: none;
}

#ms-burger-menu-img{
	display: none;
}

nav{
	position: relative;
	z-index: 500;
	width:100%;
	height:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	align-items:center;
	flex-wrap:wrap;
}

nav#ms-main-menu{
	flex-wrap:nowrap;
	border-radius: 0% 0% 20% 20%;
	height:auto;
	/* transition:min-height 1s ease-out, max-height 1s ease-out, height 1s ease-out; */
	background-color:var( --msTheme-header-bg-color );
	text-decoration-color:var( --msTheme-header-menu-color ); 
}

a{
	position:relative;
	width:fit-content;
	padding:10px;
	text-decoration:none;
}

.pseudo-title{
	font-size:3vw;
}

.presentation-artiste{
	font-style:italic;
	font-size:large;
	color:var( --msTheme-body-color );
}

.type-produit{
	color:black;
	width:200px;
}
h3.titre-produit{
	font-size:3em;
}
h3.titre-produit,h3.titre-produit-multi{
	transition: color 1s linear;
	color: white;
	font-size:25px;
	/* margin:auto; */
	text-align: center;
}

h3.titre-produit-multi:hover{
	transition: color 1s linear;
	color:var( --msTheme-header-bg-color );
	font-size:25px;
}

.presentation-produit,p.presentation-produit{
	text-align:center;
	font-size: 1.2em;
	color:var( --msTheme-body-color );
}

.titre-principal{
	margin:5vw 0 2vw;
	color: black;
	text-shadow:1px 1px var( --msTheme-grey2-color );
}

.flex-row{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

span.prix{
	color: black;
	font-weight:bold;
}

@keyframes reveal{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.titre-principal a{
	/* font-style:italic; */
	color: var( --msTheme-grey-color );
}

h2, h3, h4{
	font-size:2em;
	padding:20px 20px;
	color: white;
	height:auto;
}
h2{
    margin: 40px auto 0px;
	padding:auto 20px;
	color:var( --msTheme-header-bg-color );
	background-color: #ffffff30;
}
h4{
	font-size: 1.2em;
}
nav a{
	margin:5px auto 15px;
	padding:3px;
	text-decoration:none;
}

nav a:hover{
	font-weight:bolder;
	font-style: italic;
	text-decoration-color:var( --msTheme-header-menu-color );
}

nav figure{
	color:var( --msTheme-header-menu-color );
	text-decoration-color:var( --msTheme-header-menu-color );
	padding:0.5em;
	text-align:center;
	border-radius:10px;
	margin:0.5em;
}

.nolink{
    filter:grayscale(1);
}
nav img{
	width:8vw;
	height:auto;
	margin:0.5em 0;
    transform:scale(1);
    filter:grayscale(0.0);
	border-radius:10px;
    transition:transform 0.5s ease-out, filter 0.4s linear, border-radius 500ms ease-out;
}

nav a:hover img{
    transform:scale(1.2);
	border-radius:50%;
}
nav a:hover img.nolink{
    transform:scale(1.2);
    filter:grayscale(0.9);
	border-radius:50%;
}

nav figcaption,figure.panier>figcaption{
	position:relative;
	padding:5px 1px;
	font-size:medium;
	font-weight:bold;
}

.nom-de-famille{
	text-transform:uppercase;
}
/* MAIN */

main{
	position: relative;
	z-index: 0;
	top: -50px;
	width: 100%;
	min-height: 65vh;
	height: auto;
	color:var( --msTheme_body_color );
	background-color: rgba(255,255,255,0.7);
    background-blend-mode: lighten;
	background-color: #000;
	background-position-x: 50%;
	background-size: 80%;
	background-repeat: repeat-y;
}

.flash-success,.flash-warning,.flash-error{
	font-size:x-large;
	width:100%;
	padding:25px;
	text-align:center;
}
.flash-success{
	background-color:rgba(8, 209, 8, 0.5);
	color:white;
}
.flash-warning{
	background-color:rgba(255, 166, 0, 0.5);
	color:black;
}
.flash-error{
	background-color:rgba(255, 0, 0, 0.8);
	color:white;
}

section{
	margin:auto;
	position: relative;
	width:90%;
	text-align:center;
	margin-bottom:30px;
}

span.categorie-produit{
	font-weight:200;
}

.artistes{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-evenly;
	margin-top: 40px;
}

.artiste,a.artiste,div.artiste,.artisteAll,a.artisteAll,div.artisteAll,.user{
	border-radius:25px;
	margin:40px;
	padding:3vw 0;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:space-evenly;
	align-items:center;
	font-size:larger;
	background-color: var( --msTheme-artiste-bg-color );
}

.artiste,a.artiste,div.artiste{
	background-color: #ffffff30;
}

.artisteAll{
	margin-top: 40px;
}

.artiste-a,.user-a,a.deconnecter{
	margin:0;
	padding:0;
	cursor:pointer;
	font-weight:bolder;
	font-size:larger;
	text-decoration:none;
}

.artiste-figure,.artiste-figure-liste,.user-figure{
	margin:5px;
	padding:15px;
	border-radius:60px;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	gap:10px;
	justify-content:space-evenly;
	align-items:center;
}

.artiste-figure-liste{
	flex-wrap:nowrap;
	color: white;
	transition: color 1s linear;
}

.artiste-figure-liste:hover{
	color: var( --msTheme-header-bg-color );
	transition: color 1s linear;
}

nav#liste-styles>a>figure>figcaption{
	color: white;
	transition: color 1s linear;
}

nav#liste-styles>a>figure:hover>figcaption{
	color: var( --msTheme-header-bg-color );
	transition: color 1s linear;
}

.produit,.commande{
	min-width: 70vw;
	border-radius:25px;
	background-color: #ffffff30;
}

.produit,.produit-multi,.commande{
	margin:10px auto;
	padding:10px 2vw;
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	align-items:center;
}

a.produit:hover{
	text-decoration:none;
}

.produit-a,.lien-achat,.lien-achat-2,.n-ajouter-produit,.cours{
	border-radius:10px;
	margin:5% auto;
	padding:3%;
	width:80%;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	gap:10px;
	justify-content:space-evenly;
	align-items:center;
	font-weight:normal;
	/* font-size:large; */
	text-decoration:none;
}

.lien-achat,.lien-achat-2,.ajouter-produit,.action{
	border-radius:10vw;
	background-color:var( --msTheme-lien-achat-color );
	color:var( --msTheme-black-color );
}

.lien-achat,.ajouter-produit,.action{
	cursor:pointer;
	border: none;
}

.action{
	width:3.5vw;
	margin:auto;
	gap:1px;
}

.produit-tri{
    width:70%;
    border-radius:10px;
    margin:1vw auto;
    padding:3vw 1vw;
	color:var( --msTheme-grey3-color );
	background-color: #ffffff30;
	border-radius: 7px 7px 7px 7px;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    gap:10px;
    justify-content:space-between;
    align-items:center;
    font-weight:normal;
    font-size:xx-large;
    text-decoration:none;
}

.produit-tri span{
	color:#ffffff;
}

a.produit-a{
	font-size:xx-large;
	color:var( --msTheme-produit-color );
}

.produit-tri .produit-a{
    border-color:var(--msTheme-grey-color);
	margin:0;
	padding:0;
}

.ordres-de-tri{
	width:90%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	font-style:italic;
	font-size:x-small;
	margin:1vw;
}

.type-de-tri,a.type-de-tri{
	padding:1vw 2vw;
	border-radius:1.5vw;
	background-color:var( --msTheme-type-de-tri );
	color:black;
	margin:1vw;
}

.nb-produits{
	opacity:calc(0.35);
}

figure.extrait-produit,video.extrait-produit{
	min-width:60vw;
	height: auto;
}

figure.extrait-produit-multi{
	min-width:10vw;
	max-width:15vw;
	height: auto;
	margin:0.5em auto;
}

img.extrait-produit{
	min-width:60vw;
}

img.extrait-produit,img.extrait-produit-multi,img.livrable-produit{
	text-align:center;
	border-radius:15px;
	width:15vw;
	border:var( --msTheme-grey-color ) double 1px;
	max-height:fit-content;
	height:fit-content;
}

.a4{
	size: A4;
}

a.deconnecter{
	margin:5vw;
	padding:5vw;
	border-radius:20vw;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	background-color:var( --msTheme-header-bg-color );
}

.artiste-a:hover,.user-a:hover{
	font-weight:bolder;
	font-style: italic;
	text-decoration-color: black;
}

a.deconnecter:hover{
	font-weight:bolder;
	font-style: italic;
	text-decoration-color: var( --msTheme-header-menu-color );
}

.artiste-img,.user-img{
	max-width:60%;
	border-radius:10px;
}

img.artiste-img-liste,img.style-img-liste{
	max-width:5vw;
	border-radius:10px;
}

article{
	margin: 0 0;
	text-align: justify;
	display: flex;
	flex-direction: column;
	align-items: start;
	flex-wrap: wrap;
	justify-content: space-between;
    padding: 25px;
	color: var( --msTheme-body-color );
	width: fit-content;
}

article.home-article{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
    padding: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
}

article.home-article p{
	background-color: #ffffff30;
	border-radius: 10px;
}

article.presentation-artiste{
	padding:25px 15%;
}

.center{
	text-align:center;
	padding:auto;
	margin:0 auto;
}

.button{
	text-decoration:none;
	border-style:solid;
	border-color:black;
    background-color:var( --msTheme-header-bg-color );
	cursor: pointer;
}

.button:hover{
	background-color:var( --msTheme-footer-bg-color );
	text-decoration:none;
}

textarea,input,select,option
{
	background-color: #999999;
	color: black;
	padding: 15px;
	margin: 15px;
}

button{
    margin: 15px auto;
    padding: 15px;
    color: black;
    font-weight: 700;
	border-radius: 25px;
    background-color: var( --msTheme-header-bg-color );
}

button.deconnection{
	margin: 0px;
}

button.deconnection,button.identification,button.panier{
	border-style: none;
	font-size:large;
	border-color:var( --msTheme-header-bg-color );
    background-color:var( --msTheme-header-bg-color );
	color:var(--msTheme-header-menu-color);
}

button.deconnection,button.identification,button.panier{
	margin:5px 10px;
	padding: 0%;
}

button::first-letter {
	text-transform: uppercase; /* change first letter to uppercase */
}

button:hover{
	font-style: italic;
}

figure.panier{
	position: relative;
	width: 8vw;
	height: auto;
    transition: width 500ms ease-out, height 500ms ease-out;
}

figure.panier:hover{
	width: 10vw;
	height: auto;
}

figure.panier>img{
	position: relative;
	border-radius: 7px;
	width: 100%;
    transition: border-radius 500ms ease-out;
}

figure.panier>img:hover{
	border-radius: 50%;
}

figure.panier>figcaption{
	position: relative;
	border-radius: 7px;
	width: 100%;
	padding:5px 1px;
	font-size:medium;
	font-weight:bold;
}

label
{
	color:var( --msTheme-body-color );
	width: 100%;
	text-align:center;
	margin: auto;
}
.required{
	color:var( --msTheme-body-color );
}

p{
	text-align:justify;
	padding:15px;
	font-size:1.6em;
	color:var( --msTheme-body-color );
	width:100%;
}

section>article.home-form{
	width:90%;
	margin:auto;
}

section>article.home-form>form{
	color:var( --msTheme-body-color );
	background-color: #ffffff30;
	border-radius: 10px;
	text-align:justify;
	font-size:0.6em;
	width:100%;
}

.align-right{
	display:flex;
	flex-direction:row;
	align-items:center;
	flex-wrap:wrap;
	justify-content:flex-end;
}

.signature-div{
	display:flex;
	flex-direction:row;
	align-items:end;
	flex-wrap:wrap;
	justify-content:flex-end;
	max-width:300px;
	max-height:150px;
    margin-bottom:2em;
	margin-right:4em;
}

.signature-a{
	position:relative;
	flex:1;
}

.signature-figure{
	display:flex;
	flex-direction:row;
	align-items:end;
	flex-wrap:wrap;
	justify-content:center;
	max-width:300px;
	max-height:150px;
}

.signature-img{
	max-width:150px;
	max-height:150px;
	border-radius:75px;
    transform:scale(1);
    filter:grayscale(0);
    transition:transform 0.5s ease-out, filter 0.1s linear;
}

.signature-a:hover .signature-img{
    transform:scale(1.2);
    filter:grayscale(0.2);
}

.signature-figure figcaption{
	width:auto;
	font-size:large;
	color:var( --msTheme-black-color );
	margin:1em 0;
}

footer{
	z-index: 60;
	position: absolute;
	bottom: -25px;
	width: 100%;
	margin:0 0;
	background-color:var( --msTheme-footer-bg-color );
	padding:20px 20px 10px 20px;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-evenly;
	align-items:center;
	border-radius: 20% 20% 0px 0px;
}

small{
	font-size:medium;
	font-weight:bold;
	color:var( --msTheme-dark-color );
	cursor:pointer;
	text-align:center;
}

.show-circle img{
	width:80px;
	height:auto;
}

.show-circle img{
	width:80px;
	height:auto;
}

div#scroll-up{
	position:fixed;
	top:45%;
	right:10px;
	cursor:pointer;
}

img#scroll-up-img{
	width:50px;
	animation: reveal linear;
	animation-timeline: scroll();
}

.modif{
	border-radius: 50%;
	width:50px;
	height:50px;
}

.le-texte-de{
	background-color:var( --msTheme-un-texte-color );
}

.une-partition-de{
	background-color:var( --msTheme-une-partition-color );
}

.une-bande-son-de{
	background-color:var( --msTheme-une-bande-son-color );
}

.une-video-de{
	background-color:var( --msTheme-une-video-color );
}

.une-place-pour-le-concert{
	background-color:var( --msTheme-un-concert-color );
}

.une-place-au-cours{
	background-color:var( --msTheme-un-cours-color );
}

.un-abonnement-annuel-de-mecene{
	background-color:var( --msTheme-un-abonnement-annuel-color );
}

.un-abonnement-annuel-au-mecene{
	background-color:var( --msTheme-un-abonnement-annuel-color );
}

.un-abonnement-annuel-a-l-artiste{
	background-color:var( --msTheme-un-abonnement-annuel-color );
}

.home-img12,.home-img3{
	margin:auto;
	text-align:center;
	min-width: 100%;
	max-width: 100%;
}

.full-width{
	width:100%;
}

#forum_subject{
	width:100%;
	max-width: 100%;
}

th,td{
	border-style: inset;
	border-width: 1px;
}

div#verbose{
	position:absolute;
	top:450px;
	left:0%;
	width:150px;
	background-color: #000;
	color:#ff7700;
}

div#close_verbose{
	position:absolute;
	top:0%;
	right:0%;
	width:10px;
	color:#ff0000;
}

@media screen and ( width > 800px )
{
	h1{
		font-size: 10em;
	}

	.home-img12{
		margin:auto;
		text-align:center;
		min-width: 100%;
		max-width: 100%;
	}
	
	.home-img3{
		margin:auto;
		text-align:center;
		min-width: 50%;
		max-width: 50%;
	}
	
	button.deconnection,button.identification,button.panier{
		font-size:x-large;
	}
	
	nav figcaption,figure.panier>figcaption{
		font-size:x-large;
	}

	h2, h3{
		font-size:3em;
	}
	medium-h3{
		font-size: 2em;
	}

	section{
		width:70%;
	}

	p{
		font-size: 1em;
	}

	form{
		width:100%;
	}
	
	article{
		width:100%;
		margin:30px 0;
	}

	form.logout,a.logout,form.login,a.login,form.titre-principal,form.panier,a.panier{
		font-size:x-large;
	}

	.titre-produit{
		font-size:30px;
	}
	
	.presentation-artiste{
		font-size:larger;
	}

	.artisteAll {
		max-width: 40%;
	}

	div.artiste {
		max-width: 80%;
		margin:80px auto;
	}

	.produit{
		width:50%;
	}

	.ordres-de-tri{
		width:70%;
		font-size:large;
	}

	.lien-achat,.cours{
		font-size:xx-large;
	}

	article{
		margin:30px 0;
		font-size: x-large;
	}
	
	.extrait-produit,.livrable-produit{
		width:450px;
	}

	.burger-menu-fig,#ms-burger-menu-img{
		display:none;
	}
	
}

@media screen and ( width <= 500px )
{
	nav#ms-main-menu{
		flex-wrap:nowrap;
		border-radius: 0% 0% 20% 20%;
		height:50;
	}

	h3{
		font-size:1.2em;
	}

	medium-h3{
		font-size:0.9em;
	}

	.signature-div{
		width:50px;
		max-width:50px;
	}
	
	.signature-a{
		max-width:50px;
	}
	
	.signature-figure{
		max-width:50px;
	}
	
	.signature-img{
		max-width:50px;
		max-height:50px;
		border-radius:25px;
	}

	p{
		font-size:1em;
	}

}



@media screen and ( width < 360px )
{
	main{ margin-bottom: 140px; }
	footer{	flex-direction:column; bottom:-140px }
	header{	flex-direction:column; height:200px; max-height:200px; }

	h1 { font-size:14px; }

	nav{
		flex-direction: column;
		padding: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		max-height:200px;
	}
	article nav{ height:fit-content; max-height:500px; }

	nav a{
		padding:0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	nav figure{ display:flex; flex-direction:row; align-items:center; justify-content:center; border-style:outset; }
	nav img{
		max-width:80px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	nav figcaption,figure.panier>figcaption{ font-size:0.8em; margin-top: 0; }
	h2{ font-size:1.2em; }
	h3{ font-size:1.1em; }
	.medium-h3{ font-size:0.8em; }
	section p{ font-size:0.8em; }
	img.artiste-img-liste{ height:50px;width:50px;max-width:50px;  }
	.signature-figure figcaption{ font-size:0.6em; }
	.produit-multi{ max-width: 80%; }
	audio{ width:100%; }
	figure.extrait-produit-multi{ max-width:120px; width:120px; max-height:120px; height:120px; }
	img.extrait-produit-multi{ max-width:100px; width:100px; max-height:100px; height:100px; }
	.lien-achat{ flex-direction: column;}
	div.artiste{ margin:5px; }
	a h1{ font-size:1em; text-align:center; }
	form.login,form.logout,a.logo.pointer,figure.logo,figure.panier{ max-width:80vw; min-width:80vw; width:80vw; display:flex; flex-direction: column; align-items: center; justify-content: space-between; }
	img.logo,img.login,img.logout{ min-width:60px; max-width:60px; width:60px; height:60px; }
	section#mentions-legales>article>h3{ font-size:0.7em; text-align:center; }
	a.signature-a,figure.signature-figure{ margin:0; padding:0; width:100%; }
	img.signature-img{ width:60px; height:60px; margin:0; padding:0;  }
}

@media screen and ( width < 200px )
{
	
	
	h1{
		font-size:1em;
	}
 
	nav img{
		max-width:80px;
		margin:2px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	nav figcaption,figure.panier>figcaption{
		font-size:0.7em;
	}

	h2{
		font-size:0.8em;
	}

	h3{ font-size:0.7em; }

	.medium-h3{
		font-size:0.5em;
	}

	section p{
		font-size:0.5em;
	}

	.signature-div{
		width:50px;
		max-width:50px;
		max-height:fit-content;
		height:auto;
	}
	
	.signature-a{
		max-width:50px;
		max-height:fit-content;
		height:auto;
	}
	
	.signature-figure{
		max-width:50px;
		max-height:fit-content;
		height:auto;
	}
	
	.signature-img{
		max-width:30px;
		max-height:30px;
		border-radius:15px;
	}

	.signature-figure figcaption{
		font-size:0.35em;
	}
	.produit-multi{ padding: 10px 0px; }
	figure.extrait-produit-multi{ max-width:60vw; width:60vw; max-height:60px; height:60px; }
	img.extrait-produit-multi{ max-width:50vw; width:50vw; max-height:50px; height:50px; }
	h3.titre-produit,h3.titre-produit-multi{ font-size:18px; margin:0px; padding:0px; }
	h3.presentation-produit,h3.presentation-produit-multi{ font-size:1em; margin:0px; padding:0px; }
	h4{ font-size: 0.8em; }
	p.presentation-produit{ font-size: 0.7em; }
	article.presentation-artiste{ font-size: 0.7em; }
	.submit-footer,small{ font-size: 0.7em; }
}


@media screen and ( width < 120px )
{
	
	h1{
		font-size:1em;
	}

	nav img{
		max-width:60px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	nav figcaption,figure.panier>figcaption{
		font-size:0.4em;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* h1{
		font-size:0.7em;
	} */

	h2{
		font-size:0.6em;
	}

	h3{
		font-size:0.5em;
	}

	medium-h3{
		font-size:0.4em;
	}

	section p{
		font-size:0.5em;
	}

	.signature-div{
		width:50px;
		max-width:50px;
		max-height:fit-content;
		height:auto;
	}
	
	.signature-a{
		max-width:50px;
		max-height:fit-content;
		height:auto;
	}
	
	.signature-figure{
		max-width:50px;
		max-height:fit-content;
		height:auto;
	}
	
	.signature-img{
		max-width:30px;
		max-height:30px;
		border-radius:15px;
	}

	.signature-figure figcaption{
		font-size:0.35em;
	}
	
}

.video{
	height: auto;
}

figure.menu-a,a.menu-a{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}