/* For cross-browser compatibility, use the following CSS prefixes: */

/* For Chrome, Safari, and newer versions of Opera: */
.reactBoutique .itemPage{
    background-color: grey;
    width:100%;
    background-color:inherit;

    display:-webkit-box; /* Safari 3-6 */
    display:-moz-box; /* Firefox 19- */
    display:-ms-flexbox; /* IE 10 */
    display:-webkit-flex; /* Chrome, Safari, and newer versions of Opera */
    display:flex; /* Standard syntax */
    
    -webkit-box-pack: center; /* Safari 3-6 */
    -moz-box-pack: center; /* Firefox 19- */
    -ms-flex-pack: center; /* IE 10 */
    -webkit-justify-content: center; /* Chrome, Safari, and newer versions of Opera */
    justify-content: center; /* Standard syntax */
    
    -webkit-box-align: center; /* Safari 3-6 */
    -moz-box-align: center; /* Firefox 19- */
    -ms-flex-align: center; /* IE 10 */
    -webkit-align-items: center; /* Chrome, Safari, and newer versions of Opera */
    align-items: center; /* Standard syntax */
}

/* For older versions of IE: */
.reactBoutique .itemPage .erreur{
    color:red;
    
    /* IE 8 and earlier */
    *color:red;
}

.reactBoutique .itemPage .inventaire
{
    margin-top:5px;
    margin-bottom:5px;
    text-align: center;
}

/* For older versions of IE: */
.reactBoutique .itemPage .erreur{
    color:red;
    
    /* IE 8 and earlier */
    *color:red;
}
/**/
/* Add prefixes for flexbox properties */
.reactBoutique .itemPage .imgBox{
    display: -webkit-box; /* Safari */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    -webkit-box-pack: center; /* Safari */
    -ms-flex-pack: center; /* IE 10 */
    justify-content: center;
    -ms-flex-wrap: wrap; /* IE 10 */
    flex-wrap: wrap;
    gap: 10px;
}

.reactBoutique .itemPage .imgBox > img{
    min-width: 200px;
}

/* Center text and add bold font weight */
.reactBoutique .itemPage .title{
    text-align: center;
    font-weight: bold;
}

/* Add margin to top */
.reactBoutique .itemPage .description{
    margin-top: 20px;
}

/* Add prefixes for flexbox properties */
.reactBoutique .itemPage .tailleList{
    display: -webkit-box; /* Safari */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    gap: 10px;
}

/* Add prefixes for flexbox properties */
.reactBoutique .itemPage .bottomMenu{
    display: -webkit-box; /* Safari */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    gap: 10px;
    -webkit-box-pack: center; /* Safari */
    -ms-flex-pack: center; /* IE 10 */
    justify-content: center;
    -webkit-box-align: center; /* Safari */
    -ms-flex-align: center; /* IE 10 */
    align-items: center;
    -ms-flex-wrap: wrap; /* IE 10 */
    flex-wrap: wrap;
}

/* Add margin to left and right */
.reactBoutique .itemPage .margin{
    margin-left: 1ch;
    margin-right: 1ch;
}

/* Add prefixes for flexbox properties */
.reactBoutique .itemPage .bottomMenu > div{
    display: -webkit-box; /* Safari */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    -webkit-box-align: center; /* Safari */
    -ms-flex-align: center; /* IE 10 */
    align-items: center;
    gap: 1ch;
    -ms-flex-wrap: wrap; /* IE 10 */
    flex-wrap: wrap;
}
/**/

.reactBoutique .itemPage .txtMenu{
    color:blue;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reactBoutique .itemPage .centrePage{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.reactBoutique .itemPage .optionBox{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.reactBoutique .itemPage .optionBox > div{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap:1ch;
    margin-left:5px;
    margin-right:5px;
}

.reactBoutique .itemPage .quantityMenu{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

/**/

.reactBoutique .itemPage .itemPresent{
    display: -webkit-box; /* Safari 3.1-6 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    -webkit-box-pack: justify; /* Safari 3.1-6 */
    -ms-flex-pack: justify; /* IE 10 */
    justify-content: space-between;
    -webkit-box-align: center; /* Safari 3.1-6 */
    -ms-flex-align: center; /* IE 10 */
    align-items: center;
    gap: 5px;
}

.reactBoutique .itemPage .nbItems{
    width: 4ch;
    -webkit-appearance: textfield; /* Safari and Chrome */
    -moz-appearance: textfield; /* Firefox */
    appearance: textfield;
}

.reactBoutique .itemPage .priceBox{
    width: 10ch;
}