/*
CDurteste 2016.
contact@cdurteste.fr
+33 6 70 80 98 84
*/
/*
    Created on : 20 déc. 2018, 18:33:37
    Author     : cdurt
*/

.buttonnav {

    /* style du texte */
    text-align:center;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5); /* ombre décalée de 0px à droite, 1px en haut, un flou de 0px, de couleur noir et d opacité 50% */

    /* fond dégradé pour le bouton */
    background: -moz-linear-gradient(top, #b5b5b5, #6d6d6d); /* Firefox */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b5b5b5), to(#6d6d6d)); /* Safari et Chrome*/

    /* style général du bouton */
    display: inline-block;
    padding: 4px 5px 4px;
    -moz-border-radius: 4px; /* coins arrondi pour Firefox */
    -webkit-border-radius: 4px; /* coins arrondi pour Safari et Chrome */
    border-radius: 4px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin: 2px;
    cursor :pointer;

}

.buttonnav:hover {
    background: -moz-linear-gradient(top, #33ff33, #000000); /* Firefox */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#33ff33), to(#000000)); /* Safari et Chrome*/

}

.buttonnavVert {

    /* style du texte */
    text-align:center;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5); /* ombre décalée de 0px à droite, 1px en haut, un flou de 0px, de couleur noir et d opacité 50% */

    /* fond dégradé pour le bouton */
    background: -moz-linear-gradient(top, #33ff33, #000000); /* Firefox */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#33ff33), to(#000000)); /* Safari et Chrome*/

    /* style général du bouton */
    display: inline-block;
    padding: 4px 5px 4px;
    -moz-border-radius: 4px; /* coins arrondi pour Firefox */
    -webkit-border-radius: 4px; /* coins arrondi pour Safari et Chrome */
    border-radius: 4px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin: 2px;

}

.buttonnavVert:hover {
    background: -moz-linear-gradient(top, #000000, #33ff33); /* Firefox */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#33ff33)); /* Safari et Chrome*/

}

.buttonnavRouge {

    /* style du texte */
    text-align:center;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5); /* ombre décalée de 0px à droite, 1px en haut, un flou de 0px, de couleur noir et d opacité 50% */

    /* fond dégradé pour le bouton */
    background: -moz-linear-gradient(top, #b5b5b5, #6d6d6d); /* Firefox */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b5b5b5), to(#6d6d6d)); /* Safari et Chrome*/

    /* style général du bouton */
    display: inline-block;
    padding: 4px 5px 4px;
    -moz-border-radius: 4px; /* coins arrondi pour Firefox */
    -webkit-border-radius: 4px; /* coins arrondi pour Safari et Chrome */
    border-radius: 4px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin: 2px;
    cursor :pointer;

}

.buttonnavRouge:hover {
    background: -moz-linear-gradient(top, #ff3333, #000000); /* Firefox */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3333), to(#000000)); /* Safari et Chrome*/

}

.thumbprod{
    max-height: 150px;
    display:inline-block;
}

#secondary{
    display:none;
}

.cdpdt .img{
    overflow: hidden;
}

.cdpdt .img img {
    max-width:100%;
}
.chez img {
    max-height:50px;
}
.cdpdt{
    width:25%;
    max-width:25%;
    display:inline-block;
    overflow:hidden;
}

.selCateg div{
    display:inline-block;
    margin:5px;
    padding:5px;
    background-color:#1d415a;
    color:white;
}

.content-area{
    width:100%;
}
.site-main {
    margin: 0;
}

.entry-header{display:none;}

.prix{
    text-align: right;
    font-size: 120%;
    font-weight: bold;
    color:darkblue;
}

@media (max-width: 800px){
    .cdpdt{
        width:50%;
        max-width:50%;
    }

}

@media (max-width: 500px){
    .cdpdt{
        width:100%;
        max-width:100%;
    }

}

#rp4_image{
    width : 200px;
}