/**
 * @file style4a4.css
 * @brief css propre à 4a4
 * @details
 *
 * @author Ph. Marillia
 * @version 1.0
 * @date création: 09 mars 2016
 * @date modification:
 * @remark
 * @bug
 * @warning
 * @copyright 4a4quartet.com
 */


/** @cond */


/*---------------------------------------------------------------------------------------------
    Surcharge des styles par défaut
---------------------------------------------------------------------------------------------*/
a       {color: #850000; }
a:hover {color: #660000; }

.btn-primary, .btn-primary:focus
{
    color: #fff;
    background-color: #850000;
    border-color: #660000;
}

.btn-primary:hover,
.btn-primary.focus:hover
{
    color: #fff;
    background-color: #660000;
    border-color: #850000;
}


/*---------------------------------------------------------------------------------------------
 CUSTOMIZE THE CAROUSEL
---------------------------------------------------------------------------------------------*/
div.carousel-caption    { color: #850000; }
.carousel-control       { opacity: 0.1;   }
.carousel-control:hover { opacity: 0.3;   }
.carousel-indicators    {    /*background-color: #660000; */ }





/*---------------------------------------------------------------------------------------------
    Styles 4a4
---------------------------------------------------------------------------------------------*/
/*--- les formes de la souris ---*/
.cursor_pointer    {cursor:pointer;}
.cursor_move       {cursor:move;}
.cursor_text       {cursor:text;}
.cursor_crosshair  {cursor:crosshair;}
.cursor_E-Resize   {cursor:E-Resize;}
.cursor_W-Resize   {cursor:W-Resize;}
.cursor_N-Resize   {cursor:N-Resize;}
.cursor_S-Resize   {cursor:S-Resize;}
.cursor_NE-Resize  {cursor:NE-Resize;}
.cursor_NW-Resize  {cursor:NW-Resize;}
.cursor_SE-Resize  {cursor:SE-Resize;}
.cursor_SW-Resize  {cursor:SW-Resize;}
.cursor_Wait       {cursor:Wait;}
.cursor_Progress   {cursor:Progress;}
.cursor_Help       {cursor:Help;}


/*--- les tailles d'icones ---*/
.format-icon16    { width: 16px; }
.format-icon24    { width: 24px; }
.format-icon32    { width: 32px; }
.format-icon57    { width: 57px; }
.format-icon64    { width: 64px; }

/*--- les tailles ---*/
.w100    { width: 100px; }
.w200    { width: 200px; }
.w250    { width: 250px; }
.w300    { width: 300px; }
.w400    { width: 400px; }

.h100    { height: 100px; }
.h200    { height: 200px; }
.h250    { height: 250px; }
.h300    { height: 300px; }
.h400    { height: 400px; }


/*=======================================================
    Page scorch.php
========================================================*/
.icon-instrument { width: 24px; height:24px;}

.button_addcart {
    cursor: pointer;
    border:0px solid white;
}


.button_addcart:hover {
    -webkit-transform:scale(0.98);
    -moz-transform:scale(0.98);
    -ms-transform:scale(0.98);
    -o-transform:scale(0.98);
    transform:scale(0.98);
    border:0px dashed #660000;
    background-color:#f8f8f8;   border-radius: 8px 8px 8px 8px;

}


.scorch-addcartinstrum  li{
    margin-right: 40px;
    margin-bottom: 40px;
    padding: 1px;
}

.format-instrum
{
    border:0px solid white;
    height:70px;
}

.overflow_W {
    width: 400px;
    overflow-x: scroll;
}
.overflow_H {
    height: 400px;
    overflow-y: scroll;
}

/*=======================================================
    Page cart.php
========================================================*/
.cart-icon   { height: 18px; }

.cart-format { width: 16px; }
.cart-part   { height: 40px; }
.cart-delete { width: 16px; }
.cart-all    { width: 32px; }



/*=======================================================
    Page audiovideos.php
========================================================*/
.gal-concert   { height:400px; width:600px;  }


/*=======================================================
    Page combo.php
========================================================*/
.combo-instrument { width: 150px; height:150px;}