/********************/
/****** GLOBAL ******/
/********************/
p{
    font-size: 16px;
    text-align: justify;
}

.fin-gris-clair-background {
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    background: #F8F9FB;
}

a{
    color:#1167ff;
}
a:hover{
    color:#108DF2;
}

.switcher {
    display: block;
    margin: 0 auto 30px;
}

/************************************/
/* INTRO + IMG + H1 + AUTRES LIENS */
/***********************************/
#introduction{
    margin: 40px auto 15px auto;
    overflow:hidden;
}
#introduction #intro-h1{
    float:right;
    width:68%;
}
#introduction #intro{
    margin-top: 20px;
}
#introduction #intro a{
    font-weight:bold;
}

#other-links ul{
    list-style:none;
    list-style-type: none;
    margin-top:25px;
    margin-left: 0;
    margin-bottom: 30px;
}
#other-links ul li {
    color: #1167ff;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    margin-right:6px;
}
#other-links ul li:after {
    content:"|";
    display: inline-block;
    margin-left: 10px;
}
#other-links ul li:last-child:after {
    content:"";
}
#other-links ul li:first-child:after {
    content:"";
}
#other-links ul li #decouvrir{
    color:#424242;
    font-size:17px;
    display: inline-block;
}


/*************************************/
/* COMMUN LISTE MODELE ET CARROSERIE */
/*************************************/
.liste-carrosserie .carr{
    margin-left: 35.398px;
    text-align: left;
}

#liste-modeles .row-fluid a.modele_visible{
    opacity:0.9;
}

#liste-modeles .row-fluid a.modele_visible:hover{
    opacity:1;
}

.modele .modele_visible .carrosserie{
    width: 144px;
    background-repeat: no-repeat;
    background-image: url("/assets/img/financement/sprite-financement-marques.png");
}

.box-carrosserie .modele .modele_visible .carrosserie{

}

.modele .modele_visible img.carrosserie{
    background-image: none;
}

#liste-modeles .modele a .carrosserie{
    height: 74px;
    background-size: 100%;
}

.modele a .carrosserie[for='carrosserie-4X4SUV'] {
    background-position: -7px -73px;
}
.modele a .carrosserie[for='carrosserie-CITADINE'] {
    background-position: -7px -608px;
}
.modele a .carrosserie[for='carrosserie-GRANDEBERLINE'] {
    background-position: -7px -1138px;
}
.modele a .carrosserie[for='carrosserie-CABRIOLET'] {
    background-position: -7px -875px;
}
.modele a .carrosserie[for='carrosserie-BERLINE'] {
    background-position: -7px -206px;
}
.modele a .carrosserie[for='carrosserie-COUPÉ'] {
    background-position: -7px -1010px;
}
.modele a .carrosserie[for='carrosserie-BREAK'] {
    background-position: -7px -341px;
}
.modele a .carrosserie[for='carrosserie-MONOSPACE'] {
    background-position: -7px -739px;
}
.modele a .carrosserie[for='carrosserie-UTILITAIRE'] {
    background-position: -7px -470px;
}
.modele a .carrosserie[for='carrosserie-COUPÉCABRIOLET']{
    background-position: -7px -1540px;
}

a.modele_visible{
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*ICI*/
/*.marque_modele {*/
/*height: 26px;*/
/*line-height: 30px;*/
/*margin: 5px 0;*/
/*overflow: hidden;*/
/*}*/
/*.marque_modele span {*/
/*!*display: inline-block;*!*/
/*font-size: 15px;*/
/*font-weight: bold;*/
/*!*line-height: 14px;*!*/
/*!*vertical-align: middle;*!*/
/*}*/

#liste-modeles .all_marque, .all_carr{
    list-style:none;
}

.all_marque, .all_carr{
    margin-left: 15%;
    text-transform:uppercase;
    margin-top: 2%;
    display: none;
}
.all_marque .marque, .all_carr .marque{
    width:24%;
    display:inline-block;
    text-transform: none;
}
.all_marque .marque a,.all_carr .marque a {
    color:#424242;
}

.all_marque .marques{
    width: 20%;
    float: left;
    min-height: 30px;
    margin-left:1%;
}
/*.all_marque .marques a {*/
/*color:#47464b;*/
/*}*/

.modele{
    width:100%;
}
.modele h2{
    font-size: 29px;
    margin-top: 40px;
    margin-bottom: 25px;
}

.modele .modele_visible{
    color: #424242;
    display:inline-block;
    width: 125px;
    text-align: center;
    border: 1px solid #d4d4d4;
    background: #FFF;
    height: 140px;
    margin-bottom: 15px;
    margin-left: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 10px 0 0;
}

#liste-modeles a.modele_visible{
    padding-top: 20px;
}

a.modele_visible .carrosserie{
    padding: 0 0 5px;
}
/*ICI*/
/*.modele .modele_visible .carrosserie{*/
/*padding-bottom: 10px;*/
/*}*/
.modele .modele_visible:first-child{
    margin-left: 0;
}

.modele a p {
    margin-top: 35px;
}
.modele .row-fluid a:hover, .modele a:hover{
    text-decoration:none;
}

i.icon-chevron{
    background: url("/assets/img/financement/sprite-financement-marques.png") no-repeat transparent;
    width: 35px;
    background-size: 100%;
    height: 14px;
}
i.icon-chevron.down {
    /*background: url("/assets/img/financement/sprite-financement-marques.png") no-repeat center -1470px transparent;*/
    background-position: center -1052px;
}

i.icon-chevron.up {
    /*background: url("/assets/img/financement/sprite-financement-marques.png") no-repeat center -1470px transparent;*/
    background-position: center -1079px;
}

#lienPlusModele strong{
    position: relative;
    right:-7px;
}


/*********************/
/*** LISTE MODELES ***/
/*********************/

#liste-modeles{
    clear:both;
}

#liste-modeles .hidden {
    display: none !important;
}
#liste-modeles a{
    font-weight: bold;
}

#liste-modeles #texte1{
    margin-bottom: 40px;
    /*margin-top: 20px;*/
}
#liste-modeles #texte1 p{
    text-align:center;
}

#liste-modeles .row-fluid:nth-child(2n + 1) p{
    margin-left:5%;
    max-width:100%;
}
#liste-modeles .modele .row-fluid #lienModele{
    text-align: center;
}

#lienPlusModele i{
    vertical-align: -2px;
}
/*ICI*/
/*#liste-modeles a#visible{*/
/*position:relative;*/
/*top:-28px;*/
/*}*/
#liste-modeles{
    position:relative;
}


#liste-modeles .fin-gris-clair-background{
    padding-bottom:40px;
}

.liste-modele-visible{
    display:flex;
    flex-flow : row wrap;
    justify-content: center;
    align-items: center;
}

/*     #liste-modele-visible > div > a{ */
/*! margin-left: 2%; */
/*     } */

/*********************/
/* LISTE CARROSSERIE */
/*********************/
#categorie{
    margin-bottom:35px;
    overflow: hidden;
}
#categorie h2{
    margin-top:40px;
    margin-bottom:20px;
    text-transform:uppercase;
}
/*#categorie #carross{
    margin-bottom:35px;
    overflow: hidden;
}*/
#categorie #texte2{
    margin-bottom: 40px;
    text-align: center;
}
#categorie #texte2 p{
    text-align:center;
}
#box-categorie .modele .row-fluid #lienCarrosserie{
    text-align: center;
}
/*ICI*/
/*#categorie .fin-gris-clair-background {
    border: 1px solid #D4D4D4;
    background: #F8F9FB;
}*/
/*ICI*/
/*#categorie #carrosserie{
    position:relative;
    top:-27px;
}*/

/*********************/
/*** LISTE ENERGIE ***/
/*********************/
/*ICI*/
/*#categorie #energie{
    /*width: 65%;*/
/*width: 33%;
float:left;
}*/
/*#categorie #energie .modele .energies{
    width: 18.5%;
}*/


/*********************/
/**** LISTE BOITE ****/
/*********************/
/*ICI*/
/*#categorie #boite{
    margin-left: 4.6%;
    width: 30%;
    float: left;
}
    #categorie #boite .modele .boites{
        width: 40%;
    }*/
#visible{
    color: #424242;
    text-decoration: none;
}

#lienPlusModele{
    text-align: right;
    padding-right: 34px;
    margin-bottom:0px;
}

.box-categorie-titre{
    background: #F8F9FB;
    border: 1px solid #D4D4D4;
    border-left:none;
    border-right: none;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    font-size:22px;
    padding-top: 8px;
}

.modele_visible.carrosseries.elem_carr:last-child{
    margin-bottom: 15px;
}

.box-categorie-content{
    width:auto;
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-top:none;
    border-radius: 10px;
}

.box-categorie-lien{
    text-decoration: none;
    color: #424242;
    font-size: 16px;
}

.box-categorie-lien:hover{
    color:#108DF2;
}

#box-image{
    width: 20%;
    float: left;
    margin-top: 60px;
}
#box-categorie{
    display: inline-block;
    width:80%;
}
#box-categorie a, #box-categorie .disabled{
    font-size: 15px;
    font-weight: bold;
}
#box-categorie .disabled{
    color: #D4D4D4;
}
.box-carrosserie{
    float:left;
    width:95%;
    margin-left: 5%;
}

.modele_visible.carrosseries.elem_carr{
    display: inline-table;
    border:none;
    margin: 14px 14px 0;
}
.modele_visible.elem_carr .carrosserie{
    height: 57px;
}
a.elem_carr.modele_visible, div.elem_carr.modele_visible{
    height: auto;
}
a.elem_carr.modele_visible:hover{
    color:#3089F2;
}

label.carrosserie {
    margin-bottom: 0;
}

.modele a.elem_carr .carrosserie{
    padding: 0;
    height: 35px;
    margin-bottom: 10px;
}
.modele a.elem_carr .carrosserie.noir{
    display: block;
}
.modele a.elem_carr .carrosserie.bleu{
    display: none;
}
.modele a.elem_carr:hover .carrosserie.noir{
    display: none;
}
.modele a.elem_carr:hover .carrosserie.bleu{
    display: block;
}

.modele div.elem_carr .carrosserie{
    margin: auto;
    height: 35px;
    margin-bottom: 10px;
}

.box-energie {
    float: left;
    width: 70%;
    margin-left: 5%;
    margin-top: 10px;
}
#all-energie, #all-boite{
    display: flex;
    justify-content: space-between;
}
.box-categorie-lien.elem_energie, .box-categorie-lien.elem-boite{
    padding-top: 14px;
    padding-bottom: 14px;
    margin:0;
}

.elem_energie:last-child span, .elem-boite:last-child span {
    border:none;
    padding-right: 0;
}
.elem_energie span, .elem-boite span{
    border-right: 1px solid #d4d4d4;
    display: block;
    position: relative;
    /*padding-right: 22px;*/
    margin-right: -6px;
}
.elem_energie span:hover{
    text-decoration: none;
}
.box-boite{
    float:left;
    width: 23%;
    margin-left: 18px;
    margin-top: 10px;
}
#all-boite a span:first-child{
    padding-right: 10px;
    margin-left: 8px;
}

#all-boite a{
    width: auto;
}
/*.elem-boite{*/
/*padding-top: 14px;*/
/*padding-bottom: 14px;*/
/*}*/
/*.elem-boite:first-child::after{*/
/*content: "|";*/
/*margin-left: 7px;*/
/*color: #D4D4D4;*/
/*}*/

/*********************/
/**** LISTE VILLE ****/
/*********************/
#liste-ville{
    text-align:center;
    padding-bottom: 20px;
}

#liste-ville .ville-display {
    display: flex;
    justify-content: space-around;
}

#liste-ville h2{
    margin-top:40px;
    margin-bottom:20px;
    text-transform:uppercase;
}
#liste-ville ul {
    display: inline-block;
    float:none;
}
#liste-ville ul.first {
    margin-left:85px;
}
#liste-ville ul li {
    list-style: none;
    text-align:left;
}
#liste-ville ul li h3{
    font-weight: bold;
    font-size: 20px;
}
#liste-ville ul li a{
    font-size: 16px;
    color:#424242;
}
#liste-ville ul li i{
    display: none;
}
#liste-ville ul li a:hover{
    color:#424242;
}
#liste-ville ul li h3 i{
    vertical-align: -1px;
    margin-left:65%;
}

/*********************/
/******* BLOG ********/
/*********************/
#blog{
    padding-bottom:40px;
}
#blog h2{
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
}
#blog ul{
    list-style: none;
    margin-left:0;
    margin-bottom: 0;
    display:flex;
}
#blog li.articles {
    flex:1;
    padding: 5px;
    position: relative;
    height: 350px;
}

#blog li.articles .article-link{
    color: #424242;
    text-decoration:none;
}
#blog li.articles .article-link img{
    margin: auto;
}
#blog li.articles .article-link .article-inner{
    margin-bottom: 10px;
    padding: 15px 5px;
}
#blog li.articles .article-link .article-inner .article-content{
    text-align: left;
}
#blog li.articles:first-child {
    margin-left: 0;
}
#blog li.articles h3{
    line-height: 23px;
    font-size: 20px;
    margin: 0 0 8px;
}
#blog li.articles p strong{
    font-weight: 600;
}
#blog li.articles p strong a{
    font-weight: bold;
}
#blog li.articles .seemore{
    color:#1167ff;
    display: block;
    position: absolute;
    bottom: 10px;
}
#blog li.articles .seemore:hover{
    text-decoration:underline;
    color:#108DF2;
}
#blog li.articles .article{
    border: 1px solid #eee;
    padding: 10px;
    height: 95%;
}
#blog i.icon-chevron-down {
    background: url("/assets/img/i/sprite-home.png?v=2") no-repeat center -1570px transparent;
    transform: rotate(-90deg);
    margin-top: 4px;
}

.voirtous{
    text-transform: uppercase;
    background: #1167ff;
    border-radius: 2px;
    font-weight: bold;
    padding: 12px 28px 10px;
    display: inline-block;
    margin-top: 40px;
    color: #FFF;
}
.voirtous:hover {
    color: #FFF;
    background: #108DF2;
    text-decoration: none;
}

@media screen and (max-width: 1199px) {
    /********************/
    /* INTRO + IMG + H1 */
    /********************/
    #introduction #img-intro {
        width: 30%;
    }

    /*********************/
    /*** LISTE MODELES ***/
    /*********************/
    .liste-modele-visible > div > a{
        margin-left: 1%;
    }

    #lienPlusModele{
        padding-right: 30px;
    }

    /*********************/
    /* LISTE CARROSSERIE */
    /*********************/
    .modele .modele_visible.carrosseries{
        width:15%;
    }
    .modele_visible.elem_carr .carrosserie{
        height: 57px;
    }
    .modele .modele_visible.carrosseries:nth-child(8) {
        margin-left:0;
    }
    #categorie .box-carrosserie{
        top:auto;
    }

    /*********************/
    /*** LISTE ENERGIE ***/
    /*********************/
    /*#categorie .box-energie{*/
    /*width:auto;*/
    /*margin-bottom: 35px;*/
    /*overflow: hidden;*/
    /*float:none;*/
    /*}*/
    #categorie .box-energie .modele .elem_energie{
        width:33%;
    }
    /*.elem_energie:nth-child(odd)::after{*/
    /*padding-left: 8%;*/
    /*}*/

    /*.modele_visible.carrosseries.elem_carr{*/
    /*padding: 0;*/
    /*}*/

    .box-energie {
        width: 95%;
    }

    .box-boite {
        margin-left: 5%;
        width: 95%;
    }
    #all-boite a span:first-child{
        padding-right: 120px;
        margin-left: 100px;
    }

    /*********************/
    /**** LISTE BOITE ****/
    /*********************/
    /*#categorie .box-boite{*/
    /*margin-left:auto;*/
    /*width:auto;*/
    /*float:none;*/
    /*}*/
    /*#categorie .box-boite .modele .elem_boite {*/
    /*width: 15%;*/
    /*}*/

    /*********************/
    /**** LISTE VILLE ****/
    /*********************/
    #liste-ville ul{
        width:190px;
    }
}

@media screen and (max-width: 1002px) {
    /********************/
    /* INTRO + IMG + H1 */
    /********************/
    #introduction #img-intro {
        margin-top: 40px;
    }

    /********************/
    /*  BOX CATEGORIE   */
    /********************/
    #box-image{
        width: 100%;
        text-align: center;
        margin-top: 0;
    }

    #box-image img{
        width: 30%;
    }

    #box-categorie{
        width: 95%;
    }

    .box-carrosserie{
        width: 100%;
    }

    .box-energie, .box-boite{
        margin: 1% 5%;
        width: 100%
    }

    #all-energie {
        display: flex;
        flex-flow: row wrap;
    }
    #categorie .box-energie .modele .elem_energie{
        width: 118px;
    }

    /*     #all-energie .elem_energie{
            width: 50%;
        } */

    #all-boite a span:first-child{
        padding-right: 110px;
        margin-left: 100px;
    }

    /*********************/
    /*** LISTE MODELES ***/
    /*********************/
    .modele .modele_visible{
        /* width: 115px; */
    }

    #liste-modeles .modele .modele_visible:nth-child(7) {
        /*         margin-left:1%; */
    }
    #liste-modeles a#visible{
        top: -27px;
    }

    /*********************/
    /* LISTE CARROSSERIE */
    /*********************/
    .modele .modele_visible.carrosseries{
        width:19.7%;
    }
    .modele .modele_visible.carrosseries:nth-child(5) {
        margin-left:0;
    }
    .modele .modele_visible.carrosseries:nth-child(8) {
        margin-left:1%;
    }
    #categorie .box-carrosserie {
        top: -28px;
    }

    /*********************/
    /*** LISTE ENERGIE ***/
    /*********************/
    #categorie .box-energie .modele .elem_energie{
        /*         width:19.7%; */
        /*         width: 50%; */
    }
    #categorie .box-energie .modele .elem_energie:nth-child(5) {
        margin-left:0;
    }

    /*********************/
    /**** LISTE BOITE ****/
    /*********************/
    #categorie .box-boite .modele .elem_boite {
        width: 19.7%;
    }

    /*********************/
    /**** LISTE VILLE ****/
    /*********************/
    #liste-ville ul{
        width:150px;
    }
    #liste-ville ul.first{
        margin-left: 40px;
    }
    #liste-ville .nord-est, #liste-ville .sud-est, #liste-ville .sud-ouest, #liste-ville .nord-ouest{
        display: list-item;
    }

    /*********************/
    /******* BLOG ********/
    /*********************/
    #blog li.articles h3{
        font-size:20px;
    }

    #blog li.articles div.article{
        height: 345px;
    }
}

@media screen and (max-width: 767px) {
    .switch-vo-vn {
        width: 300px;
    }

    /********************/
    /* INTRO + IMG + H1 */
    /********************/
    #introduction{
        display: block;
    }
    #introduction #img-intro {
        width: auto;
        margin: auto;
        display: block;
    }
    #introduction #intro-h1{
        float: none;
        text-align: center;
        margin: auto;
        width: 100%;
    }
    #introduction p{
        text-align: justify;
    }

    /********************/
    /*** AUTRES LIENS ***/
    /********************/
    #other-links{
        text-align: center;
    }
    #other-links #decouvrir {
        display: block;
    }
    #other-links ul{
        display:inline-block;
    }
    #other-links ul li{
        text-align: center;
        margin-bottom: 5px;
    }
    #other-links ul li:first-child{
        display: block;
    }
    #other-links ul li:last-child{
        margin-bottom: 0;
    }

    #liste-modeles #texte1 p{
        text-align: justify;
    }

    /*************************************/
    /* COMMUN LISTE MODELE ET CARROSERIE */
    /*************************************/
    /*     .modele a .carrosserie{
            background-size: 125px;
            width: auto;
        } */

    /*********************/
    /*** LISTE MODELES ***/
    /*********************/
    .modele a.modele_visible {
        margin-left: 2%;
    }

    .modele .modele_visible:nth-child(5){
        /*         margin-left: 0; */
    }

    #liste-modeles a#visible{
        top:auto;
    }

    #lienPlusModele{
        text-align: center;
        padding-right: 0;
    }

    #box-image{
        display: none;
    }

    #box-categorie{
        margin: auto;
        display: block;
    }

    #categorie #texte2 p{
        text-align: justify;
    }

    .box-carrosserie{
        float: none;
        margin: auto;
        width: 100%;
    }

    .box-carrosserie .content{
        padding:0;
    }

    .modele .modele_visible .carrosserie{
        /*width: calc;*/
    }

    #categorie  .box-energie{
        float: none;
        margin: auto;
        width: 100%;
    }

    .box-energie #all-energie .box-categorie-lien{
        display: inline;
    }

    #categorie .box-energie .modele .elem_energie{
        width: 33%;
    }

    #categorie .box-energie .modele .elem_energie:nth-child(3) span{
        border:none;
    }

    #all-energie{
        justify-content: center;
    }

    .box-energie .content{
        padding: 0;
    }

    #categorie  .box-boite{
        float: none;
        margin: auto;
        width: 100%;
    }

    #all-boite .box-categorie-lien{
        width: 50%;
    }

    /*********************/
    /* LISTE CARROSSERIE */
    /*********************/
    .modele .modele_visible.carrosseries {
        width: 23.5%;
    }
    #categorie #carrosserie{
        top:auto;
    }
    .modele .modele_visible.carrosseries:nth-child(8) {
        /*         margin-left:2%; */
    }

    /*********************/
    /*** LISTE ENERGIE ***/
    /*********************/
    #categorie #energie .modele .energies {
        /*         width: 24%; */
        /*         float:none; */
    }
    #categorie #energie .modele .energies:nth-child(4) {
        /*         margin-left:0; */
    }
    #categorie #energie .modele .energies:nth-child(5) {
        /*         margin-left:2%; */
    }
    #categorie .box-energie .modele .elem_energie{
        /*         width: 90px; */
    }

    /*********************/
    /**** LISTE BOITE ****/
    /*********************/
    #all-boite a span:first-child{
        padding-right: inherit;
        margin-left: inherit;
    }

    /*********************/
    /**** LISTE VILLE ****/
    /*********************/
    #liste-ville .ville-display {
        flex-direction: column;
    }

    #liste-ville ul{
        display: block;
        width: 100%;
        margin:0;
    }
    #liste-ville ul.first{
        margin-left: 0;
    }
    #nord-est, #nord-ouest, #sud-est, #sud-ouest{
        border-top: 1px solid #D4D4D4;
        padding-left: 15%;
    }
    #liste-ville ul:last-of-type{
        border-bottom: 1px solid #D4D4D4;
    }
    #liste-ville ul li a{
        padding-left: 15%;
    }
    #liste-ville ul li h3 {
        display: inline;
    }
    #liste-ville ul li i{
        display: inline-block;
        position: relative;
        float: right;
        right: 10px;
        top: 10px;
    }
    #liste-ville .nord-est, #liste-ville .sud-est, #liste-ville .sud-ouest, #liste-ville .nord-ouest
    {
        display: none;
    }

    /*********************/
    /******* BLOG ********/
    /*********************/
    .liste-articles .slick-prev, .liste-articles .slick-prev:focus, .liste-articles .slick-prev:hover {
        background: url("/assets/img/delivery/sprite-temoignage-hp.png") no-repeat center -224px transparent;
        height: 33px;
        width: 30px;
        z-index: 99;
    }
    .liste-articles .slick-next, .liste-articles .slick-next:focus, .liste-articles .slick-next:hover {
        background: url("/assets/img/delivery/sprite-temoignage-hp.png") no-repeat center -174px transparent;
        height: 33px;
        width: 30px;
        z-index: 99;
    }

    #blog ul{
        display: block;
        text-align:center;
    }
    #blog li.articles {
        width: auto;
        display: inline-block;
        margin-left: 0;
        padding: 0 50px;
        text-align:left;
        margin-top:25px;
        float:none;
        vertical-align: top;
    }

    #blog li.articles .article-link img{
        margin: 0 auto;
    }
    #blog li.articles:first-child {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px){
    .all_marque .marque{
        width: 30%;
        margin-left: 10%;
    }
}

@media screen and (max-width: 400px){
    .switch-vo-vn {
        width: 100%;
    }

    .all_marque .marque{
        width: 45%;
        margin-left: 0;
    }

    #all-boite a span:first-child{
        padding-right: 10px;
        margin-left: 8px;
    }
}

@media screen and (max-width: 308px) {

    .elem_energie span{
        font-size: 13px;
    }

    #blog li.articles{
        height: 395px;
    }

    #blog li.articles div.article{
        height: 395px;
    }
}