html
{
    height: 100%;
}
body {
    padding-bottom: 40px;
    height: 100%;
    background-image: -moz-linear-gradient(top,#cac9be,#fff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#cac9be),to(#fff));
    background-image: -webkit-linear-gradient(top,#cac9be,#fff);
    background-image: -o-linear-gradient(top,#cac9be,#fff);
    background-image: linear-gradient(to bottom,#ccc,#fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcac9be',endColorstr='#ffffffff',GradientType=0);
    font-size: 12px;
}

div.container a.brand {
    background: url("../img/logo-coveto.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 0 100px 59px 100px;
}

li.menu-buttons:hover {
    background-image: linear-gradient(to bottom, #DDDDDD, #F2F2F2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

}

center {
    text-align: center;
}

.well {
    padding: 20px;
    height: 100%;
    background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
    background-repeat: repeat-x;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
    background: transparent;
    background-color: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.accordion-heading a.accordion-toggle {
    display: inline-block;
}

.table-borderless td, .table-borderless th {
    border: none;
}

.table-borderless th {
    padding-bottom: 20px;
}

input.autocomple-search {
	background: url("../img/ajax-loader-small.gif") no-repeat scroll right 6px transparent;
    background-repeat: no-repeat;
}

.progress-bar {
    background-color: #FFFFFF;
    position:absolute;
    text-align: center;
    opacity : 0.95;
    /*Transparence IE*/
    filter : alpha(opacity=95);
    z-index:1000;
}

#produitList td {
    font-size: small;
}

#produitList th a,
#produitList td a {
    color: black;
}

.pull-right-margin {
    margin-right: 10px;
}

div.tranche {
    width: 400px;
}

/* FORMULAIRES */
label {
    font-family: Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

label.checkbox {
    font-weight: normal;
}

/* BLOCKS */
div.block {
    border-radius: 3px;
    margin-bottom: 20px;
    min-height: 20px;
}

div.block div.block-title {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    line-height: 20px;
    height: 50px;
    padding: 0 10px;
    background-image: url(../img/deco_boite.png);
    background-image: url(../img/deco_boite.png), linear-gradient(to bottom, #67b2de, #1575a2);
    background-image: url(../img/deco_boite.png), -moz-linear-gradient(top,#67b2de,#1575a2);
    background-image: url(../img/deco_boite.png), -webkit-gradient(linear,0 0,0 100%,from(#67b2de),to(#1575a2));
    background-image: url(../img/deco_boite.png), -webkit-linear-gradient(top,#67b2de,#1575a2);
    background-image: url(../img/deco_boite.png), -o-linear-gradient(top,#67b2de,#1575a2);
    background-image: url(../img/deco_boite.png), linear-gradient(to bottom,#67b2de,#1575a2);
    background-repeat: no-repeat;
    background-position: right top;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff67b2de',endColorstr='#ff1575a2',GradientType=0);
    margin: 0;
    border-radius: 3px 3px 0 0;
}

div.block div.block-title p {
    margin: 0 0 5px;
    padding-top: 10px;
}

div.block div.block-title div.fil {
    border: 1px solid;
    border-right-width: 0;
    border-left-width: 0;
    border-top-color: #01618c;
    border-bottom-color: #78b4d3;
    margin-bottom: 10px;
}

div.block div.block-content {
    border: 1px solid #e3e3e3;
    padding: 10px;
}

.btn,
.btn:hover {
    background-image: linear-gradient(to bottom, #57666c, #333c3f);
    background-color: #57666c;
    background-image: -moz-linear-gradient(top, #57666c, #333c3f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#57666c), to(#333c3f));
    background-image: -webkit-linear-gradient(top, #57666c, #333c3f);
    background-image: -o-linear-gradient(top, #57666c, #333c3f);
    background-image: linear-gradient(to bottom, #57666c, #333c3f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff57666c', endColorstr='#ff333c3f', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #ffffff;
    font-weight: normal;
    border: none;
    text-shadow: none;
}

/* surcharge bootstrap */
.btn:hover,
.btn:focus {
    transition: none;
    background-position: 0;
}

footer {
    left: 17px;
    right: 50px;
    min-height: 25px;
    padding-right: 15px;
    padding-left: 20px;
    padding-top: 5px;
    font-size: 11px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #67b2de, #1575a2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67b2de), to(#1575a2));
    background-image: -webkit-linear-gradient(top, #67b2de, #1575a2);
    background-image: -o-linear-gradient(top, #67b2de, #1575a2);
    background-image: linear-gradient(to bottom, #67b2de, #1575a2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff67b2de', endColorstr='#ff1575a2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    color: #fff;
}

div.navbar-subtitle
{
    padding-top: 20px;
    font-size: 22px;
    color: #fff;
    font-weight: 100;
}
.navbar-inner
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    margin-bottom: -2px;
    padding-right: 54px;
}
.navbar
{
    margin-bottom: 0px;
}

#myNav
{
    margin-top: 2px;
    margin-left: 205px;
    min-height: 23px;
    padding-right: 20px;
    padding-left: 10px;
    background-color: #f2f2f2;
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
    background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-linear-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(to bottom,#fff,#f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
}

#myNav .dropdown-menu .divider
{
    margin-bottom: 0px;
    margin-top: 0px;
}

div.MainMiddleBar
{
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #67b2de, #1575a2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67b2de), to(#1575a2));
    background-image: -webkit-linear-gradient(top, #67b2de, #1575a2);
    background-image: -o-linear-gradient(top, #67b2de, #1575a2);
    background-image: linear-gradient(to bottom, #67b2de, #1575a2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff67b2de', endColorstr='#ff1575a2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    height: 108px;
}

div.MainMiddleBar hr
{
    margin:0px;
    border-top: 1px solid #01618c;
    border-bottom: 1px solid #78b4d3;
}
div.MainMiddleBar h1
{
    margin-left: 20px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 35px;
    font-weight: normal;
    height: 45px;
}
.navbar
{
    padding-left: 34px;
}

.navbar .nav>li
{
    line-height: 15px;
}

.navbar .divider-vertical
{
    line-height: 20px;
    height: 20px;
}

.navbar .nav>li>a
{
    padding: 4px;
    font-size: 11px;
}

.dropdown-menu li>a
{
    font-size: 11px;
    text-transform:uppercase;
}

.navbar .nav#mainNav>li>a
{
    text-transform:uppercase;
}


span.pinkCaret
{
    color: #c00295;
    font-weight: bold;
}

.noborder
{
    border: 0px;
}

.noshadow
{

    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
}

.MainContainer
{
    margin-top: 2px;
    min-width: 950px;
    height: 100%;
    padding-right: 54px;
    padding-left: 54px;
}

.main
{
    height: 100%;
}

.SecondaryMiddleBar
{
    height: 45px;
    background-color: #d4dada;
    background-image: -moz-linear-gradient(top,#d4dada,#ffffff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#d4dada),to(#ffffff));
    background-image: -webkit-linear-gradient(top,#d4dada,#ffffff);
    background-image: -o-linear-gradient(top,#d4dada,#ffffff);
    background-image: linear-gradient(to bottom,#d4dada,#ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4dada',endColorstr='#ffffffff',GradientType=0);
}

.divider-vertical
{
    margin-left: 4px;
    margin-right: 4px;
}

/* frais de port */
#block-tranches .controls {
    margin-left: 40px;
}

a.bouton, button.bouton
{
    background: transparent;
    display: block;
    height: 64px;
    width: 63px;
    border: none;
    text-align: center;
}

a.bouton[disabled], button.bouton[disabled] {
      cursor: default;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
}

a.bouton span, button.bouton span
{
    position: relative;
    font-size: 11px;
    color: #777777;
}
button.bouton span
{
    top:39px;
}
button:hover.bouton span
{
    text-decoration: underline;
}
button.bouton[disabled] span,
a.bouton.disabled
{
    text-decoration: none;
    cursor: default;
}
a.bouton span
{
    top:62px;
}

/* Icone bouton default */
button.bouton.bouton-default[disabled],button:hover.bouton.bouton-default[disabled],
a.bouton.bouton-default.disabled,a:hover.bouton.bouton-default.disabled
{
    background-image:url(../img/icone_Off.png);
}

a.bouton.bouton-default, button.bouton.bouton-default
{
    background-image:url(../img/icone_On.png);
}

a:hover.bouton.bouton-default, button:hover.bouton.bouton-default
{
    background-image:url(../img/icone_Over.png);
}

/* Icone bouton ajouter */
button.bouton.bouton-ajouter[disabled],button:hover.bouton.bouton-ajouter[disabled],
a.bouton.bouton-ajouter.disabled, a:hover.bouton.bouton-ajouter.disabled
{
    background-image:url(../img/Ajouter_Off.png);
}

a.bouton.bouton-ajouter, button.bouton.bouton-ajouter
{
    background-image:url(../img/Ajouter_On.png);
}

a:hover.bouton.bouton-ajouter, button:hover.bouton.bouton-ajouter
{
    background-image:url(../img/Ajouter_Over.png);
}

/* Icone bouton valider */
button.bouton.bouton-valider[disabled],button:hover.bouton.bouton-valider[disabled],
a.bouton.bouton-valider.disabled,a:hover.bouton.bouton-valider.disabled
{
    background-image:url(../img/Valid_Off.png);
}

a.bouton.bouton-valider, button.bouton.bouton-valider
{
    background-image:url(../img/Valid_On.png);
}

a:hover.bouton.bouton-valider, button:hover.bouton.bouton-valider
{
    background-image:url(../img/Valid_Over.png);
}

/* Icone bouton invalider */
button.bouton.bouton-invalider[disabled],button:hover.bouton.bouton-invalider[disabled],
a.bouton.bouton-invalider.disabled,a:hover.bouton.bouton-invalider.disabled
{
    background-image:url(../img/Invalid_Off.png);
}

a.bouton.bouton-invalider, button.bouton.bouton-invalider
{
    background-image:url(../img/Invalid_On.png);
}

a:hover.bouton.bouton-invalider, button:hover.bouton.bouton-invalider
{
    background-image:url(../img/Invalid_Over.png);
}

/* Icone bouton publier */
button.bouton.bouton-publier[disabled],button:hover.bouton.bouton-publier[disabled],
a.bouton.bouton-publier.disabled,a:hover.bouton.bouton-publier.disabled
{
    background-image:url(../img/Publier_Off.png);
}

a.bouton.bouton-publier, button.bouton.bouton-publier
{
    background-image:url(../img/Publier_On.png);
}

a:hover.bouton.bouton-publier, button:hover.bouton.bouton-publier
{
    background-image:url(../img/Publier_Over.png);
}

/* Icone bouton retirer */
button.bouton.bouton-retirer[disabled],button:hover.bouton.bouton-retirer[disabled],
a.bouton.bouton-retirer.disabled,a:hover.bouton.bouton-retirer.disabled
{
    background-image:url(../img/Retirer_Off.png);
}

a.bouton.bouton-retirer, button.bouton.bouton-retirer
{
    background-image:url(../img/Retirer_On.png);
}

a:hover.bouton.bouton-retirer, button:hover.bouton.bouton-retirer
{
    background-image:url(../img/Retirer_Over.png);
}

/* Icone bouton supprimer */
button.bouton.bouton-supprimer[disabled],button:hover.bouton.bouton-supprimer[disabled],
a.bouton.bouton-supprimer.disabled,a:hover.bouton.bouton-supprimer.disabled
{
    background-image:url(../img/Supp_Off.png);
}

a.bouton.bouton-supprimer, button.bouton.bouton-supprimer
{
    background-image:url(../img/Supp_On.png);
}

a:hover.bouton.bouton-supprimer, button:hover.bouton.bouton-supprimer
{
    background-image:url(../img/Supp_Over.png);
}

/* Icone bouton dupliquer */
button.bouton.bouton-dupliquer[disabled],button:hover.bouton.bouton-dupliquer[disabled],
a.bouton.bouton-dupliquer.disabled,a:hover.bouton.bouton-dupliquer.disabled
{
    background-image:url(../img/Dupli_Off.png);
}

a.bouton.bouton-dupliquer, button.bouton.bouton-dupliquer
{
    background-image:url(../img/Dupli_On.png);
}

a:hover.bouton.bouton-dupliquer, button:hover.bouton.bouton-dupliquer
{
    background-image:url(../img/Dupli_Over.png);
}

/* Icone bouton enregistrer */
button.bouton.bouton-enregistrer[disabled],button:hover.bouton.bouton-enregistrer[disabled],
a.bouton.bouton-enregistrer.disabled,a:hover.bouton.bouton-enregistrer.disabled
{
    background-image:url(../img/Enregistrer_Off.png);
}

a.bouton.bouton-enregistrer, button.bouton.bouton-enregistrer
{
    background-image:url(../img/Enregistrer_On.png);
}

a:hover.bouton.bouton-enregistrer, button:hover.bouton.bouton-enregistrer
{
    background-image:url(../img/Enregistrer_Over.png);
}

/* Icone bouton retablir */
button.bouton.bouton-retablir[disabled],button:hover.bouton.bouton-retablir[disabled],
a.bouton.bouton-retablir.disabled,a:hover.bouton.bouton-retablir.disabled
{
    background-image:url(../img/Retablir_Off.png);
}

a.bouton.bouton-retablir, button.bouton.bouton-retablir
{
    background-image:url(../img/Retablir_On.png);
}

a:hover.bouton.bouton-retablir, button:hover.bouton.bouton-retablir
{
    background-image:url(../img/Retablir_Over.png);
}

/* Icone bouton fermer */
button.bouton.bouton-fermer[disabled],button:hover.bouton.bouton-fermer[disabled],
a.bouton.bouton-fermer.disabled,button:hover.bouton.bouton-fermer.disabled
{
    background-image:url(../img/Close_Off.png);
}

a.bouton.bouton-fermer, button.bouton.bouton-fermer
{
    background-image:url(../img/Close_On.png);
}

a:hover.bouton.bouton-fermer, button:hover.bouton.bouton-fermer
{
    background-image:url(../img/Close_Over.png);
}

/* Icone bouton refresh */
button.bouton.bouton-refresh[disabled],button:hover.bouton.bouton-refresh[disabled],
a.bouton.bouton-refresh.disabled,a:hover.bouton.bouton-refresh.disabled
{
    background-image:url(../img/Refresh_Off.png);
}

a.bouton.bouton-refresh, button.bouton.bouton-refresh
{
    background-image:url(../img/Refresh_On.png);
}

a:hover.bouton.bouton-refresh, button:hover.bouton.bouton-refresh
{
    background-image:url(../img/Refresh_Over.png);
}

/* Icone bouton enregistrer et fermer */
button.bouton.bouton-save-close[disabled],button:hover.bouton.bouton-save-close[disabled],
a.bouton.bouton-save-close.disabled,a:hover.bouton.bouton-save-close.disabled
{
    background-image:url(../img/Enr_close_Off.png);
}

a.bouton.bouton-save-close, button.bouton.bouton-save-close
{
    background-image:url(../img/Enr_close_On.png);
}

a:hover.bouton.bouton-save-close, button:hover.bouton.bouton-save-close
{
    background-image:url(../img/Enr_close_Over.png);
}

#btnBar
{
    position: relative;
    top: -100px;
}

.alertContainer
{
    position: relative;
    margin-left: 345px;
    top: 0px;
    width: 70%;
    margin-top: -37px;
    margin-bottom: 0px;
    min-height: 48px;
}
.alertContainer .alert
{
    margin-bottom: 0px;
}


footer.navbar
{
    margin-left: 54px;
    margin-right: 54px;
}
#refresh
{
    cursor: pointer;
}
#captcha-image
{
    margin-left: 5px;
    margin-bottom: 5px;
}
#identBlock
{
    height: 137px;
    padding: 25px;
    padding-top:0px;
    text-align: center;
    background-color: #d4dada;
    background-image: url(../img/Deco_connect.png), -moz-linear-gradient(top,#f3f8fb,#47b2dd);
    background-image: url(../img/Deco_connect.png), -webkit-gradient(linear,0 0,0 100%,from(#f3f8fb),to(#47b2dd));
    background-image: url(../img/Deco_connect.png), -webkit-linear-gradient(top,#f3f8fb,#47b2dd);
    background-image: url(../img/Deco_connect.png), -o-linear-gradient(top,#f3f8fb,#47b2dd);
    background-image: url(../img/Deco_connect.png), linear-gradient(to bottom,#f3f8fb,#47b2dd);
    background-repeat: no-repeat;
    background-position: right bottom;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f8fb',endColorstr='#ff47b2dd',GradientType=0);
}

#identBlock input
{
    -webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
}
#identBlock label
{
   margin-right: 25px;
}

#identBlock input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#identTitle
{
    background-color: #fff;
    padding: 7px;
    padding-left: 20px;
    margin-top:60px;
}

#identTitle h1
{
    color: #777777;
    font-weight: normal;
}

/* surcharge bootstrap */
.table th,
.table td {
    vertical-align: middle;
}

ul.div-striped
{
    list-style-type: none;
    padding:0; margin:0;
    margin-top: 35px;
}
ul.div-striped li
{
    margin-left: 15px;
    overflow: hidden;
}

.table-striped tbody > tr:nth-child(2n+1) > td,
.table-striped tbody > tr:nth-child(2n+1) > th,
.div-striped div:nth-child(odd).row-fluid,
.div-striped li:nth-child(odd).row-fluid
{
    background-color: #E8E8E5;
}

.div-striped div.row-fluid span,
.div-striped div.row-fluid div,
.div-striped li.row-fluid span,
.div-striped li.row-fluid div
{
    padding: 5px;
}

td a {
    color: #333333;
}

div.dataTables-filters {
    margin: 10px 0;
}

.dataTables_length label,
.dataTables_filter label {
    font-weight: normal;
}

.accordion-group
{
    border-color: #a5a5a5;
}

.accordion-heading
{
    background-color: #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.input-xxlarge-perso
{
    width: 100%;
}

div.pagination {
    text-align: center;
}

div.controls p {
    line-height: 30px;
}

ul.error {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.error li{
    color: #990000;
    font-weight: bold;
}

.warning{
    color: red;
}

.produitCaracteristiquesGrid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
}

.produitCaracteristiquesGrid .libelle {
    grid-column: 1;
}

.produitCaracteristiquesGrid .valeur {
    grid-column: 2;
}