/* BANNIERES ACCUEIL */

#accueil-banniere {
    position: relative;
    width: 100%;
    height: 206px;
    margin-bottom: 15px;
}

#accueil-banniere .banniere {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 193px;
    padding: 0;
}

#accueil-banniere .banniere.full {
    height: 203px;
    padding: 0;
}

/* banniere-selection */
#banniere-selection {
    border-bottom: #b8bcc6 3px solid;
    background: url("/images/light-elec/banniere-selection-fin-annee-fond.jpg") no-repeat center ;
    text-align: center;
}




/* Bannière SAV Sono*/
#banniere-savsono {
    background: url("/images/light-elec/banniere-savsono.png");
    background-size: cover;
    text-align: center;
}

#banniere-savsono .image {
    display: inline-block;
    vertical-align: top;
    margin: 14px 20px;
}

#banniere-savsono .texte {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 30px 10px 20px 20px;
    width: 900px;
    text-align: left;
    font-family: 'Cuprum', sans-serif;
    color: black;
    font-size: 20pt;
    font-weight: bold;
    line-height: 1.5;
    text-shadow: 1px 0 0 #e0e0e0, -1px 0 0 #e0e0e0, 0 1px 0 #e0e0e0, 0 -1px 0 #e0e0e0, 1px 1px #e0e0e0, -1px -1px 0 #e0e0e0, 1px -1px 0 #e0e0e0, -1px 1px 0 #e0e0e0;
}

@media all and (max-width: 900px) {
    #banniere-savsono .texte {
        width: 100%;
    }
}

#banniere-savsono .titre {
    font-weight: bold;
    color: #982323;
    font-size: 26pt;
}

#banniere-savsono .plus {
    text-shadow:none;
    font-weight:normal;
    font-size: 18pt;
    position: absolute;
    right: 0;
    top: 100px;
    padding: 8px 15px 10px 55px;
    background: url(/images/light-elec/ensavoirplus.png) 10% 50% no-repeat #982323;
    color: #ffffff;
}


/* Bannière SAV */
#banniere-sav2 {
    background: url("/images/light-elec/sav8.png") no-repeat center;
    text-align: center;
}

#banniere-sav2 .image {
    display: inline-block;
    vertical-align: top;
    margin: 14px 20px;
}

#banniere-sav2 .texte {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 5px 10px 20px 20px;
    width: 900px;
    text-align: left;
    font-family: 'Cuprum', sans-serif;
    color: white;
    font-size: 18pt;
    font-weight: bold;
    line-height: 1.3;
    text-shadow: 1px 0 0 black, -1px 0 0 black, 0 1px 0 black, 0 -1px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
}

@media all and (max-width: 900px) {
    #banniere-sav2 .texte {
        width: 100%;
    }
}

#banniere-sav2 .titre {
    font-weight: bold;
    color: white;
    font-size: 25pt;
    text-shadow: 1px 0 0 black, -1px 0 0 black, 0 1px 0 black, 0 -1px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
}

#banniere-sav2 .plus {
    text-shadow:none;
    font-weight:normal;
    font-size: 18pt;
    position: absolute;
    right: 0;
    top: 100px;
    padding: 8px 15px 10px 55px;
    background: url(/images/light-elec/ensavoirplus.png) 10% 50% no-repeat #982323;
    color: #ffffff;
}





/* Bannière SAV */
#banniere-sav {
    background: url("/images/light-elec/banniere-sav3.png");
    text-align: center;
    background-size: cover;
}

#banniere-sav .image {
    display: inline-block;
    vertical-align: top;
    margin: 14px 20px;
}

#banniere-sav .texte {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 30px 10px 20px 20px;
    width: 900px;
    text-align: left;
    font-family: 'Cuprum', sans-serif;
    color: black;
    font-size: 22pt;
    font-weight: bold;
    line-height: 1.5;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

}

@media all and (max-width: 900px) {
    #banniere-sav .texte {
        width: 100%;
    }
}

#banniere-sav .titre {
    font-weight: bold;
    color: #982323;
    font-size: 25pt;

    /*
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
    text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 2px 2px black, -2px -2px 0 black, 2px -2px 0 black, -2px 2px 0 black;
    text-shadow: 1px 0 0 black, -1px 0 0 black, 0 1px 0 black, 0 -1px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
    */
}

#banniere-sav .plus {
    text-shadow:none;
    font-weight:normal;
    font-size: 18pt;
    position: absolute;
    right: 0;
    top: 100px;
    padding: 8px 15px 10px 55px;
    background: url(/images/light-elec/ensavoirplus.png) 10% 50% no-repeat #982323;
    color: #ffffff;
}





/* Bannière alimentation */

#banniere-alimentation {
    border-bottom: #b8bcc6 3px solid;
    background-color: #dfe2e8;
    text-align: center;
}

#banniere-alimentation .image {
    display: inline-block;
    vertical-align: top;
    margin: 3px 20px 0 0;
}

#banniere-alimentation .texte {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 30px 10px 20px 20px;
    width: 570px;
    text-align: left;
    font-family: 'Cuprum', sans-serif;
    color: #000000;
    font-size: 140%;
}

#banniere-alimentation .titre {
    font-weight: bold;
    color: #5d687a;
    font-size: 150%;
    margin-bottom: 10px;
}

#banniere-alimentation .plus {
    position: absolute;
    right: 0;
    top: 110px;
    padding: 8px 15px 10px 55px;
    background: url(/images/light-elec/ensavoirplus.png) 10% 50% no-repeat #515c6e;
    color: #ffffff;
}

/* Bannière peaktech */

#banniere-peaktech {
    background-color: #0c1d3b;
    background-image: url('/images/light-elec/banniere-peaktech.jpg');
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

#banniere-peaktech .texte {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 20px 10px 20px 20px;
    width: 1110px;
    text-align: right;
    font-family: 'Cuprum', sans-serif;
    color: #e5ad24;
    font-size: 140%;
}



#banniere-finannee {
    background-color: #500001;

    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    height: ;
}




/* Bannière arduino */

#banniere-arduino {
    border-bottom: #9ed1d4 3px solid;
    background-color: #00878f;
    text-align: center;
}

#banniere-arduino .image {
    display: inline-block;
    vertical-align: top;
    margin: 14px 20px;
}

#banniere-arduino .texte {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 30px 10px 20px 20px;
    width: 450px;
    text-align: left;
    font-family: 'Cuprum', sans-serif;
    color: #e5ad24;
    font-size: 140%;
}

#banniere-arduino .titre {
    font-weight: bold;
    color: #ffffff;
    font-size: 150%;
    margin-bottom: 10px;
}

#banniere-arduino .plus {
    position: absolute;
    right: 0;
    top: 110px;
    padding: 8px 15px 10px 55px;
    background: url(/images/light-elec/ensavoirplus.png) 10% 50% no-repeat #62aeb2;
    color: #ffffff;
}

/* Bannière lampes */

#banniere-lampes {
    border-bottom: #babac3 3px solid;
    background: url(/images/light-elec/banniere-lampes-fond.png) top center no-repeat #ebedf0;
    text-align: center;
}

#banniere-lampes .image {
    display: inline-block;
    vertical-align: top;
    margin: 10px 20px;
}

#banniere-lampes .texte {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 30px 10px 20px 20px;
    width: 450px;
    text-align: left;
    font-family: 'Cuprum', sans-serif;
    color: #982323;
    font-size: 140%;
}

#banniere-lampes .titre {
    font-weight: bold;
    color: #ffffff;
    font-size: 150%;
    margin-bottom: 10px;
    text-shadow: 1px 0 1px #687181, 0 1px 1px #687181, -1px 0 1px #687181, 0 -1px 1px #687181, 0 0 8px #687181;
}

#banniere-lampes .plus {
    position: absolute;
    right: 0;
    top: 110px;
    padding: 8px 15px 10px 55px;
    background: url(/images/light-elec/ensavoirplus.png) 10% 50% no-repeat #af6966;
    color: #ffffff;
}

/* Bannière portes ouvertes */

#banniere-portes-ouvertes {
    border-bottom: #e0ece8 3px solid;
    background: url(/images/light-elec/banniere-portes-ouvertes-fond.png) top center no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

#banniere-portes-ouvertes .image {
    display: inline-block;
    background: url(/images/light-elec/banniere-portes-ouvertes.jpg) top center no-repeat;
    width: 100%;
    height: 203px;
}


/***** PRODUITS ACCUEIL ****/

#accueil-produits {
    margin:10px auto;
    text-align: center;
    width: 1250px;
}

#accueil-produits .bloc-produit {
    width: 225px;
    display: inline-block;
    margin: 10px;
    font-family: 'Cuprum', sans-serif;
    text-align: left;
    color: #ffffff;
}

#accueil-produits .bloc-produit .ajoutpanier {
    cursor: pointer;
}

#accueil-produits .bloc-produit .libelle {
    background-color: #f5a01a;
    padding: 5px 8px;
    line-height: 20px;
    height: 40px;
    font-size: 95%;
    overflow: hidden;
}

#accueil-produits .bloc-produit .libelle a {
    color: #FFF;
}

#accueil-produits .bloc-produit .image {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #bdc2c8;
    height: 180px;
    text-align:center;
    line-height: 180px;
}

#accueil-produits .bloc-produit .image img {
    vertical-align: middle;
}

#accueil-produits .bloc-produit .bas {
    background-color: #687181;
    height:32px;
}

#accueil-produits .bloc-produit .bas .prix {
    float: right;
    background-color: #515c6e;
    width: 38%;
    font-size:120%;
    line-height: 22px;
    padding: 5px 8px 5px 15px;
}

#accueil-produits .bloc-produit .bas .prix img {
    float: right;
    margin: 2px;
}

#accueil-produits .bloc-produit .bas .dispo {
    background-color: #687181;
    padding: 9px 0 0 12px;
    font-size: 80%;
}

#accueil-produits .bloc-produit .bas .dispo img {
    margin-right:5px;
    vertical-align: top;
}

/************* RESPONSIVE *************/

@media all and (max-width: 1260px) {
    #accueil-produits {
        width: 100%;
    }
}

@media all and (max-width: 1160px) {
    #accueil-banniere {
        height: 412px;
    }

    #accueil-banniere .banniere {
        height: 399px;
    }

    #accueil-banniere .banniere.full {
        height: 399px;
    }

    #banniere-portes-ouvertes .image {
        background-position: center center;
        height: 399px;
    }
}