/* ici vos styles statiques */

.asterisk {
	font-weight: bold;
	font-size: 1.4em;
	color: red;
}

#prix_indicatif {
	font-weight: bold;
	font-size: 2em;
	color: red;
}

#subcategoriesdiv
{
	max-width: 100%;
}

#categoriesdiv
{
	max-width: 100%;
	margin-bottom: 2vh;
	margin-top: 2vh;
}

.articlescards
{
	width: 20rem;
	margin-left: 1vw;
	margin-right: 1vw;
	margin-top: 2vh;
}

main
{
	background: linear-gradient(grey, white);
}

#accordiondiv
{
	margin-top: 2vh;
}

.subcategorybuttons
{
}

.accordionimgs
{
	max-height: 12em;
	max-width: 100%;
}

article.accordion
{
    display: block;
    max-width: 80vw;
    margin: 0 auto;
    background-color: #666;
    overflow: auto;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}
article.accordion section
{
    position: relative;
    display: block;
    float: left;
    width: 2em;
    height: 15em;
    margin: 0.5em 0 0.5em 0.5em;
    color: #333;
    background-color: #333;
    overflow: hidden;
    border-radius: 3px;
}

article.accordion section h2
{
    position: absolute;
    font-size: 1em;
    font-weight: bold;
    width: 15em;
    height: 2em;
    top: 15em;
    left: 0;
    text-indent: 1em;
    padding: 0;
    margin: 0;
    color: #ddd;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

article.accordion section p
{
	display: none;
}

article.accordion section h2 a
{
    display: block;
    width: 100%;
    line-height: 2em;
    text-decoration: none;
    color: inherit;
    outline: 0 none;
}
article.accordion section:target
{
    width: 30em;
    padding: 0 1em;
    color: #333;
    background-color: #fff;
}
article.accordion section:target h2
{
    position: static;
    font-size: 1.3em;
    text-indent: 0;
    color: #333;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

article.accordion section:target p
{
	display: flex;
	justify-content: center;
}
article.accordion section,
article.accordion section h2
{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.animalimgs
{
    max-width: 65vw;
	max-height: auto;
}

#veaudecoupe
{
	max-width: 75vw;
}

#boeufdecoupe
{
	max-width: 85vw;
}

@media screen and (max-width: 767px) {
.animalimgs
{
    max-width: 95vw !important;
	max-height: auto;
}	
}

.animalimgsdiv
{
	display:flex;
	justify-content: center;
}

.subcategoriesdiv
{
	margin-top: 1vh;
	margin-bottom: 2vh;
}

.hr
{
	background-color: lightgreen;
	width: 50vw;
	height: 0.5vh;
}

#saveursdiv
{
	display: flex;
	justify-content : center;
}

#saveursdiv label
{
	margin-top: 0.5vh;
	margin-right: 0.55vw;
}

.h3subcategories
{
	font-family: 'Lobster', cursive;
}