/*********************************************************************************************************************************************************************/
/******************************************************************** Version PC/TV  *********************************************************************************/
/*********************************************************************************************************************************************************************/
/*************** shop *****************/
h1.boutiqueside {
    color: white;
    font-family: Old Standard TT
    }
h2.boutiqueside {
    color: white;
    font-family: Old Standard TT
    }
h4.boutiqueside {
    color: white;
    font-family: Old Standard TT
    }
h5.boutiqueside {
    color: white;
    font-family: Old Standard TT
    }
.sidebar2 {
    margin-left: 2%;
    margin-top: 0%;
    width: 20%;
    height: 100em;
    float: left;
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.62, #16294F), color-stop(0.64, #5471A1));
    background-image: -o-linear-gradient(left bottom, #16294F 42%, #5471A1 64%);
    background-image: -moz-linear-gradient(left bottom, #16294F 42%, #5471A1 64%);
    background-image: -webkit-linear-gradient(left bottom, #16294F 42%, #5471A1 64%);
    background-image: -ms-linear-gradient(left bottom, #16294F 42%, #5471A1 64%);
    background-image: linear-gradient(to left bottom, #16294F 42%, #5471A1 64%)
    }
img.panierblanc {
    width: 20%;
    vertical-align: middle;
    font-family: Old Standard TT
    }
img.panierblanc:hover {
    width: 25%;
    vertical-align: middle;
    font-family: Old Standard TT
    }
section.listearticles {
    width: 70%;
    height: 96em;
    margin-left: 24%;
    margin-top: 0%;
    padding: 2%;
    overflow: auto
    }
img.boutique {
    width: 100%
    }
a:link {
    text-decoration: none
    }
ul.boutique li {
    position: relative;
    float: left;
    width: 200px;
    height: 400px;
    padding: 1px;
    padding-top: 3px;
    list-style: none;
    list-style-type: none
    }
ul.boutique li a.visuel {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 250px;
    margin-top: 0;
    margin-left: 0;
    border: 0 solid rgba(0, 0, 0, 0.7);
    transition-property: width, height, margin, z-index, border;
    transition-duration: 0.4s;
    z-index: 100;
    opacity: 0.8;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
    }
ul.boutique li a.visuel:hover {
    opacity: 1;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
    z-index: 100
    }
ul.boutique li a.ajouter {
    display: block;
    overflow: hidden;
    width: 150px;
    margin-top: 0;
    margin-left: 0;
    border: 0 solid rgba(0, 0, 0, 0.7);
    background-color: #139ABD;
    padding: 3%;
    border-radius: 5px
    }
ul.boutique li a.ajouter:hover {
    display: block;
    overflow: hidden;
    width: 150px;
    margin-top: 0;
    margin-left: 0;
    border: 0 solid rgba(0, 0, 0, 0.7);
    background-color: #107C98;
    padding: 3%;
    border-radius: 5px;
    border-size: 3px
    }
a.visuel {
    font-size: 1.5em
    }
label.boutdescriptif {
    color: white;
    font-family: Old Standard TT;
    font-size: 1.2em
    }
label.boutdescriptif2 {
    color: white;
    font-family: Old Standard TT;
    font-size: 1em
    }
label.boutprix {
    color: #139ABD;
    font-family: Old Standard TT;
    font-size: 1.3em
    }
label.boutstock {
    color: #25BE52;
    font-family: Old Standard TT;
    font-size: 1.2em
    }
label.boutajouter {
    font-family: Old Standard TT;
    font-size: 1.2em
    }
label.categorie {
    color: white;
    font-family: Old Standard TT;
    font-size: 1.2em
    }
select.categorie {
    background-color: #1377BD;
    color: white;
    font-family: Old Standard TT;
    font-size: 20px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    border-style: solid;
    border-color: white;
    border-size: 1px;
    border-radius: 10px;
    width: 30%
    }
select.categorie option {
    background-color: white;
    color: #1377BD
    }
input.categorievalidation {
    margin-left: 5%;
    background-color: #1377BD;
    color: white;
    font-family: Old Standard TT;
    font-size: 17px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    border-style: solid;
    border-color: white;
    border-size: 1px;
    border-radius: 10px;
    width: 20%
    }
section.boutiquefullsize {
    background-color: green
    }
img.imgboutiquefullsize {
    width: 80%
    }
img.imgboutiquemin {
    width: 15%;
    height: 15%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
    }
img.imgboutiquemin:hover {
    width: 15%;
    height: 15%;
    opacity: 1;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
    }
div.descrip {
    border: solid;
    border-color: white;
    border-size: 3px;
    background-color: #44492F;
    overflow: auto;
    width: 70%;
    margin-left: 15%;
    font-family: Old Standard TT;
    padding: 2%
    }
a.ajouter1 {
    display: block;
    overflow: hidden;
    width: 200px;
    margin-top: 0;
    margin-left: 0;
    border: 0 solid rgba(0, 0, 0, 0.7);
    background-color: #139ABD;
    padding: 1%;
    border-radius: 5px
    }
a.ajouter1:hover {
    display: block;
    overflow: hidden;
    width: 220px;
    margin-top: 0;
    margin-left: 0;
    border: 0 solid rgba(0, 0, 0, 0.7);
    background-color: #107C98;
    padding: 1%;
    border-radius: 5px
    }
/*************** panier *****************/
label.contenupanier {
    color: white
    }
/*********************************************************************************************************************************************************************/
/******************************************************************** Version mobile 1200px **************************************************************************/
/*********************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************/
/******************************************************************** Version mobile 800px ***************************************************************************/
/*********************************************************************************************************************************************************************/
@media screen and (max-width: 800px) {
    .sidebar2 {
        display: none
        }
    section.listearticles {
        background-color: green;
        width: 90%;
        margin-left: 2%;
        overflow: auto
        }
    }