body{
    background-color:#FFFFFF;      
    /*font-family: "Open Sans", Arial, sans-serif;*/
   /* font-family: 'Arial', sans-serif;
    font-family: 'Noto Sans', sans-serif;*/

    font-family: 'Lato', sans-serif;

    font-size: 17px;
    font-weight:normal;
}



/* fix1 : permet d'eviter le bug du scroll horizontal sur mobile (partout sauf sur le navbar) */
/* fix2 : penser à mettre un div=row dans le container du navbar */
.row{
    padding:0;
    margin:0;
}



/********************************************************************/
/********************************************************************/
/* ### PRODUIT-LIENS ### */
/********************************************************************/
/********************************************************************/

.produits-liens .row{
    padding:20px 0px;
    border-bottom:1px solid #F0F0F0;
}

.produits-liens .row .titre{
    font-weight:bold;
    color:#0063a5;
}

.produits-liens .row .prix{
    font-weight:bold;
    color:#000000;
    padding-top:10px;
    font-size:18px;
}


.produits-liens .row .actions{
    padding-top:10px;
}

.produits-liens a.btn-commander{
    background-color:#8ad924;
    padding:15px 20px;
    color:#FFFFFF;
    border-radius:2px;
    text-decoration:none;
}

.produits-liens a.btn-commander:hover{
    background-color:#6bb806;
}


/********************************************************************/
/********************************************************************/
/* ### PRODUIT-FICHE ### */
/********************************************************************/
/********************************************************************/

.produit-fiche{

}


.produit-fiche-top-header{
    padding:8px 0px;
    background-color:#FFFFFF;
    font-size:13px;
}

.col-gauche{
    color:#666666;
    font-weight:bold;
}

.col-droite{
    color:#666666;
    text-align:right;
}

.produit-fiche{
    padding-top:40px;
}

.produit-fiche .box{
    margin:0 auto;
    width:800px;
    background-color:#FFFFFF;
    border:1px solid #EAEAEA;
    padding:20px;
    padding-bottom:100px;
}

.produit-fiche .box .zone-header{
    font-size:13px;
    padding:8px 0px;
    color:#444444;
    border-bottom:1px solid #EAEAEA;
    padding-bottom:10px;
}

.produit-fiche .box .zone-header .col-droite{
    text-align:right;
}

.produit-fiche .box .zone-titre{
    text-align:center;
    margin-top:50px;
}

.produit-fiche .box .zone-titre .texte1{
    text-transform:uppercase;
    font-weight:bold;
    font-size:22px;
    color:#555555;
}

.produit-fiche .box .zone-titre .texte2{
    color:#000000;
    font-size:20px;
    font-weight:bold;
}

.produit-fiche .box .zone-details{
    color:#000000;
    font-size:16px;
    text-align:center;
    margin-top:0px;
    background-color:#FFFFFF;
    padding:10px;


}



.produit-fiche .formulaire .ligne{
    margin-top:0px;
    padding:8px;
}

.produit-fiche .formulaire .titre{
    font-size:17px;
    font-weight:bold;
    text-align:center;
    margin-top:30px;
    margin-bottom:20px;
}


.produit-fiche .formulaire .champ-titre{
    text-align:right;
    padding-top:7px;
    font-weight:bold;
    font-size:13px;

}

.produit-fiche .formulaire .champ-valeur {
    font-size:13px;
    color:#666666;
    padding:0px;
   
}


.produit-fiche .formulaire .champ-valeur input{
    border:1px solid #E0E0E0;
    padding:6px;
    color:#206898;
    width:80%;
    font-weight:bold;
        font-size:14px;
}

.produit-fiche .formulaire .champ-valeur select{
    border:1px solid #E0E0E0;
    padding:6px;
    color:#206898;
    width:80%;
    font-size:13px;
}

.produit-fiche .formulaire .champ-valeur .textarea{
    border:1px solid #E0E0E0;
    padding:6px;
    color:#206898;
    width:90%;
}


.produit-fiche .formulaire input.btn-valider{
    background-color:#12c09d;
    padding:px;
    color:#FFFFFF;
    width:180px;
    display:inline-block;
    font-size:13px;
    text-align:center;
    text-decoration:none;
    border:0px;
    border-radius:3px;

}

.produit-fiche .formulaire input.btn-valider:hover{
    background-color:#059275;
}


.produit-fiche  .box .zone-montant{
    margin-top:20px;
}

.produit-fiche  .box .zone-montant .champ-titre{
    padding:0;
    padding-top:4px;
    font-weight:bold;
}

.produit-fiche  .box .zone-montant .champ-valeur{
    font-size:22px;
    color:#3290cf;
    font-weight:bold;
    padding:0;
    padding-right:15px;
}

.produit-fiche  .box .zone-action{
    margin-top:30px;
    text-align:center;


}

.produit-fiche  .box a.btn-payer{
    background-color:#8ad924;
    padding:15px 20px;
    color:#FFFFFF;
    border-radius:2px;
    text-decoration:none;
}

.produit-fiche  .box a.btn-payer:hover{
    background-color:#6bb806;
}

.produit-fiche  .box .box-bilan{
   margin-top:20px;
   border:1px dashed #E0E0E0;
   padding:20px 0px;
}



/********************************************************************/
/********************************************************************/
/* ### DIVERS ### */
/********************************************************************/
/********************************************************************/




.align-right{
    text-align:right;
}