/* ******************************************
Modal du Front
****************************************** */

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.frontModalBoxContainer .modal {
  position: fixed;
  top: 25%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 660px;
  margin: 0 0 0 -330px;
  background-color: #ffffff;
}

.loader-mini {
  width: 15px;
}

/* Styles issus de twitter-bootstrap, utilisé par le plugin bootstrap-lightbox (http://jbutz.github.com/bootstrap-lightbox) */
.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}
.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}
.hide{display:none}.show{display:block}.invisible{visibility:hidden}

/* #18807 zoom image lightbox : rendre la croix visible pour fermer le lightbox */
div div.lightbox-header button.close {
    color: #000;
    opacity: 0.2;
}

/**/
img.align-baseline {vertical-align: baseline}
img.align-top {vertical-align: top}
img.align-middle {vertical-align: middle}
img.align-bottom {vertical-align: bottom}
img.align-text-top {vertical-align: text-top}
img.align-text-bottom {vertical-align: text-bottom}
img.align-left {float: left}
img.align-right {float: right}

.errorMessages  {color:red; font-size:15px; margin-top:3px; font-weight: bold;}
.infoMessages   {color:red; font-size:15px; margin-top:3px; font-weight: bold;}

/* Style par défaut pour les citations */
.bloc-citation .texte-citation-actif                      { background-color: #B0B0B0; min-height: 60px; padding: 10px 10px 50px; position: relative; }
.liste-citation                                           { padding: 0; }
.liste-citation .item                                     { display: inline-block; padding: 0; text-align: center; width: 25%; }
.liste-citation .fiche-citation .bouton-citation          { border: 1px solid #B0B0B0; }
.liste-citation .fiche-citation.selected .bouton-citation { background-color: #B0B0B0; }
.liste-citation .fiche-citation .texte-citation           { display: none; }
.bloc-citation .texte-citation-actif .lien-citation       { border: 1px solid ; padding: 5px 20px; position: absolute; right: 10px; bottom: 10px; }
.bloc-citation .icone-citation                            { float: left; padding-right: 10px; }
.liste-citation-2 .item                                   { width: 50%; }
.liste-citation-3 .item                                   { width: 33.333333%; }
.liste-citation-4 .item                                   { width: 25%; }

/* Style par défaut pour le panier */
#eolas_ecommerce_core_ventebundle_commandefronttype label[for="eolas_ecommerce_core_ventebundle_commandefronttype_messagePourPreparateur"] { width: auto; }
.tunnel-validation .titre-message-preparateur   {}
.tunnel-validation .message-preparateur         { height: 100px; width: 100%; }

/* Style par défaut sur la page de retour tunnel */
.tunnel-retour-paiement { position: relative; }
.tunnel-retour-paiement .tunnel-paiement-error { padding: 0 0 10px 0; }
.tunnel-retour-paiement .tunnel-paiement-error .btn-submit { bottom: 0; position: absolute; right: 5px; }

/* CSS pour le carousel multiple */
.diaporama-multiple.diaporama-sans-defilement .carousel-inner .item { display: inline-block; }
.diaporama-multiple .carousel-inner .item .sub-item   { display: inline-block; position: relative; }
.diaporama-multiple-2 .carousel-inner .item .sub-item { width: 49% ; }
.diaporama-multiple-3 .carousel-inner .item .sub-item { width: 33% ; }

/* Style pour la fonctionnalité "Push Down" des paragraphes */
.cms-bloc-pushdown-wrapper { display:none; }

.select2-results li { font-size: 13px; line-height: 18px; padding: 0; }
.select2-results ul.select2-result-sub { padding: 0; }
.select2-search { font-size: 13px; }


/* *************************
 Popover
************************* */
.infoPopover-Container { position: relative; }
.infoPopover-Container .infoPopover-Popover .section-fermer { display: inline-block; text-align: right; width: 100%;}
.infoPopover-Container .infoPopover-Popover .section-fermer .btn-fermer { cursor: pointer; text-decoration: none; }
.infoPopover-Container .infoPopover-Popover .popover-content { font-weight: normal; }
.infoPopover-Popover.bottom { left: -138px; top: 12px; }

#colLeft .TPL_CONTACTEZ_NOUS h3 {
    background: url(/bundles/cms/img/1398196345_Mail-2.png) no-repeat 0 0/40px 40px;
}

#colLeft .TPL_CONTACTEZ_NOUS .btn {
    background: url("/bundles/cms/img/btn_ombre.png") repeat-x scroll 0 bottom #B0B0B0;
    border: medium none;
    border-radius: 3px;
    display: inline-block;
    font-family: arial;
    padding: 7px 10px;
}

#colLeft .TPL_CONTACTEZ_NOUS .contactezNous {
    text-align: center;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: none;
}

.icon-poidsVariable {
    background: url("/bundles/catalogue/img/pka040008_scales_of_balance-20.png") no-repeat;
    display: inline-block;
    height: 20px;
    text-indent: -10000px;
    width: 20px;
}


.popover.bottom .arrow {
    border-bottom: 5px solid #000000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 50%;
    margin-left: -5px;
    top: 0;
}
.popover .arrow {
    height: 0;
    position: absolute;
    width: 0;
}

.popover-inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 3px;
    width: 280px;
}

.infoPopover-Container .infoPopover-Popover .popover-content {
    font-weight: normal;
}
.popover-content {
    background-clip: padding-box;
    background-color: #ffffff;
    border-radius: 0 0 3px 3px;
    padding: 10px 14px 14px;
}

.infoPopover-Container .infoPopover-Popover .section-fermer {
    display: inline-block;
    text-align: right;
    width: 100%;
}

.popover-content p, .popover-content ul, .popover-content ol {
    clear: both;
    margin-bottom: 0;
}
.popover-content .btn-primary {
    margin-top: 10px;
}

/* *************************
 Template d'enregistrement et connexion
************************* */
.TPL_LOGIN .client-forgot #eolas_ecommerce_core_ventebundle_motsdepasseoublietype label { width: unset; }
.TPL_LOGIN .client-forgot #eolas_ecommerce_core_ventebundle_motsdepasseoublietype ul { float: right; width: 100%; }
.TPL_LOGIN .client-forgot-change #eolas_ecommerce_core_ventebundle_motsdepasseoubliechangetype ul { float: right; width: 100%; }

#templatePopupMessageConfirmation { display: none; }

/*!=========================================================
* bootstrap-lightbox v0.4.1 - 11/20/2012
* http://jbutz.github.com/bootstrap-lightbox/
* HEAVILY based off bootstrap-modal.js
* ==========================================================
* Copyright (c) 2012 Jason Butz (http://jasonbutz.info)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================= */.lightbox{background-color:transparent;text-align:center;line-height:0;z-index:1050;position:relative;top:70px;outline:0}.lightbox .hide{display:none}.lightbox .in{display:block}.lightbox-content{display:inline-block;padding:10px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.lightbox-header .close{color:white;margin-right:-16px;margin-top:-16px;font-size:2em;opacity:.8;filter:alpha(opacity=80)}.lightbox-header .close :hover{opacity:.4;filter:alpha(opacity=40)}