/**
 * 2007-2018 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author    Philippe G.
 *  @copyright Copyright (c) 2010-2016 S.A.R.L Ether Création (http://www.ethercreation.com)
 *  @license   Commercial license
 */
.thumbnail.product-thumbnail{
    width: 100%;
    text-align: center;
}
.color{
    height : 20px;
    width : 20px;
}
.attrcachecolor{
    width: 100%;
    position: absolute;
    z-index: 2;
    background-color: rgba(30, 30, 30, 0.5);
    text-align: center;
}
.hoverminiimagedroite,.hoverminiimagegauche {
    height: auto;
    width : auto;
    max-width: 50px;
    max-height: 50px;
    border : solid 1px black;
}
.ahoverminiimagegauche,.ahoverminiimagedroite{
    position: absolute;
    height: auto;
    width : auto;
    max-width: 50px;
    max-height: 50px;
    margin-top: 5px;
}
.attrproduit{
    font-size: 12px;
    color: #OOO!important;    
    font-weight: bold;
}
.attrcacheimg a.attrproduit{
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.125rem 0.625rem;
    margin-bottom: 3px;
    color:#FFF;
}
.attrcacheimg a.attrproduit:hover{
    font-weight: 400;
    color:#666666;
}
.titreattr{
    font-size: 14px;
    color: #OOO!important;    
}
.attrcacheimg{
    width: 100%;
    position: absolute;
    z-index: 2;
    background-image: url('/img/cms/src/bg_top.jpg');
    background-position: top center;
    text-align: center;
    color:#FFF;
    border-bottom: 1px solid var(--hovercolor);
    opacity: 0.93;
}
.hoverminiimagegauche,.ahoverminiimagegauche{
    text-align: left;
    left : 5px;
    margin-top  : 5px;

}
.hoverminiimagedroite,.ahoverminiimagedroite{
    text-align: right;
    right : 10px;
    margin-top : 5px;
}