/*Cotation*/
.cotation-tree ul.dynatree-container{ overflow: visible; }
.cotation-tree ul.dynatree-container img{ float:left; }
.cotation-tree span.dynatree-node{ display: block; }
.cotation-tree span.dynatree-expander{ float:left; }
.cotation-tree span.dynatree-connector{ float:left; }
.cotation-tree span.dynatree-icon{ float:left; }
.cotation-tree li{ clear: both; }
.cotation-tree a.dynatree-title{ display: block;margin-left: 40px;height: 26px; }
.cotation-tree a.dynatree-title span.cote{ float:right;width: 100px;text-align:right; }
.cotation-tree a.dynatree-title span.cote span.convert_button{ margin-left: 12px; }
.cotation-tree a.dynatree-title span.cote img{ float:none; }
.cotation-tree a.dynatree-title span.cote .conversion{ left: -22px;top: 0px; }
.cotation-tree a.dynatree-title span.cote span.prime{ font-size: 7.4pt; }

#category-cotation-details div.header{ margin-bottom: 4px;padding: 0px 6px;text-align:center;font-style: italic;color: #8E8675;font-size: 10px;line-height: 20px;height: 20px; }
#category-cotation-details div.header span.current_spot{ display:block;float:right; }
#category-cotation-details div.header span.current_spot div.toconvert span.convert_button{ margin-left: 50px; }
#category-cotation-details div.header span.current_spot div.toconvert ul.conversion{ width: 66px; }
#category-cotation-details div.header span.current_spot div.conversion{ left: -50px; }
#category-cotation-details div.header span.cotation_date{ display:block;float:left; }
#category-cotation-details div.header span.cotation_spot div.toconvert span.convert_button{ margin-right: 50px; }
#category-cotation-details div.header span.cotation_spot div.toconvert ul.conversion{ width: 66px; }
#category-cotation-details div.header div.toconvert{ display: inline; }
#category-cotation-details div.details{
    background-color: #fff;margin-bottom: 10px;
    border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;-webkit-border-radius: 0px 0px 4px 4px;
    position: relative;behavior: url(/aucoffre_fr/css/pie.htc);
}
#category-cotation-details ul.breadcrumb{
    height: 22px;line-height: 22px;margin: 0px;padding: 2px 0px 2px 12px;
    background: #7295CA url('../images/bg-cotation.jpg') right top repeat-y;color: #fff;
    border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px;
    position: relative;behavior: url(/aucoffre_fr/css/pie.htc);
}
#category-cotation-details ul.breadcrumb li{ float:left;margin: 0px 6px 0px 0px;padding: 0px;list-style-type: none;font-size: 12px; }
#category-cotation-details ul.breadcrumb li.title{ font-size: 14px;font-weight: bold; }
#category-cotation-details ul.breadcrumb li.current{ font-weight: bold; }
#category-cotation-details ul.breadcrumb li.separator{ font-style: italic;color:#000; }
#category-cotation-details div.illustration{ width: 150px;height: 162px;margin: 0px;padding: 12px;padding-top: 12px;float:left; }
#category-cotation-details div.illustration a{ display:block;width: 150px;height: 150px;margin-bottom: 12px; }
#category-cotation-details div.content{
    margin-left: 162px;background: transparent url('/aucoffre_fr/images/bg-cotation.jpg') right top repeat-y;
    border-radius: 0px 0px 4px 0px;-moz-border-radius: 0px 0px 4px 0px; -webkit-border-radius: 0px 0px 4px 0px;
    position: relative;behavior: url(/aucoffre_fr/css/pie.htc);
}
#category-cotation-details div.content h3{ margin: 0px 0px 24px 0px;text-align:center;font-size: 18px;text-decoration: underline;color: #fff; }
#category-cotation-details div.content div.cotation{ padding: 12px 0px;margin-left: 12px;color: #fff;float:right;width: 187px; }
#category-cotation-details div.content div.cotation p.prime a{ color: #fff; }
#category-cotation-details div.content div.toconvert{ text-align: right;font-size: 18px;margin-right: 36px; }
#category-cotation-details div.content div.toconvert span.convert_button{ margin-left: 12px; }
#category-cotation-details div.content div.toconvert ul.conversion{ left: 10px; }
#category-cotation-details div.content span.cotation{ display:block;float:left;margin: 12px 48px 12px; }
#category-cotation-details div.content p.prime{ font-style: italic;margin: 12px 36px 0px 0px;text-align: right; }
#category-cotation-details div.content p.comment{ margin: 0px 199px 0px 12px;padding-top: 12px;text-align:justify; }
#category-cotation-details div.content ul.attributes{ margin: 0px 199px 0px 12px;padding: 12px 0px 0px 0px; }
#category-cotation-details div.content ul.attributes li{ list-style-type: none;margin-bottom: 4px;padding: 2px 12px;background-color: #f7f7f7; }
#category-cotation-details div.content ul.attributes li.last{ text-align:center; }
#category-cotation-details div.content ul.attributes li span.label{ display: block;float: left;width: 150px;font-weight: bold;text-align: right;margin-right: 6px; }
#category-cotation-details div.content ul.attributes li span.value{  }
#category-cotation-details div.statistics{ clear: both;padding-top: 8px;margin-top: 8px; }
#category-cotation-details p.source-link{ text-align:center; }
#category-cotation-details p.related_link{ clear: both;padding-bottom: 12px;padding-left: 12px; }
#category-cotation-details p.related_link a{ font-size: 1.15em;font-weight: bold; }

/* Enregistrement Transaction format Excel */
.transacExcel span {vertical-align: super;  padding-bottom : 20px; }
.lien { color: #000000;    font-weight: bold;    text-decoration: none; }
.lien:hover {   text-decoration : underline; }
.lien:visited { color: #000000;    font-weight: bold;    text-decoration: none; }

/* champ recherche en dessous des spots des cotations */
#cotation-tree{ overflow: hidden;margin-top: 32px; }
#cotation-tree-phare{ margin-bottom: 24px;overflow: hidden; }
#filter-search-cotation-rule{ height: 24px;position: relative; margin : 0px 0px 10px 0px;float:right;}
#filter-search-cotation-rule div.field{ float:left;margin-right: 6px; }

#filter-search-cotation-rule div.submit span.delete{
    position: absolute;left: 160px;top: 3px;width: 16px;height: 16px;cursor: pointer;
    background:  url('/administration/images/edit-clear.png') left top no-repeat;
    line-height: 80px;overflow: hidden;
}

.lien-blog { font-style: italic;    text-align: center; margin-top : 100px; color : #ffffff;    font-weight: bold;}
.lien-blog a:visited{ color : #ffffff; }
.lien-blog a:hover{ color : #fff000; }
.img-avers{
    position : absolute;display : none;
    width : 100px;  height : 100px; z-index: 100;
    border: 5px solid #c4c8cc; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
    behavior: url(/aucoffre_fr/css/pie.htc);
}
.title:hover img.img-avers{ display : block;    width : 100px;  height : 100px; margin-left : 240px;    margin-top : -20px;     }
#changeDeviseSpot { z-index : 999;width: inherit;}
#changeDevise { position : relative;    top : 65px; left : 600px;   z-index : 500; width : 150px; }

.changeDeviseSpotDetail {
    position : absolute;
    top : 116px;
    left : 716px;
}

.graph-spot span { float : left; margin-bottom : 20px;font-size:8pt; }
.graph-spot  { /*overflow-x: auto;*/  }

.cotation-spot-gold, .cotation-spot-silver { height : 250px; }
.selected-spot {
    text-align: right;
    font-size : 12px;
    font-weight : bold;

}
span.produit-title {
    color:#b1921f;
    font-weight: normal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    display: block;
    margin-bottom: 21px;
    margin-top: 21px;
}
#selected-gold-icon, #selected-silver-icon { margin-right : 5px;}
#selected-spot.selected-spot {  font-size : 15px;}
.href-spot-gold {
            background: #E5C86C;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E5C86C", endColorstr="#ffffff"); /* Pour IE seulement et mode gradient à linear */
            background-image: -webkit-gradient(linear, left top, left bottom, from(#E5C86C), to(#ffffff));
            background-image: -moz-linear-gradient(top center, #E5C86C, #ffffff);
            background-image: -o-linear-gradient(top, #E5C86C, #ffffff);
            padding : 3px;
            border:1px solid #bbbbbb;
            border-radius:10px;
            -moz-border-radius:10px;
            -webkit-border-radius:10px;
            position: relative;behavior: url(/aucoffre_fr/css/pie.htc);
}
.href-spot-silver {
            background: #e3e3e3;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3", endColorstr="#ffffff"); /* Pour IE seulement et mode gradient à linear */
            background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#ffffff));
            background-image: -moz-linear-gradient(top center, #e3e3e3, #ffffff);
            background-image: -o-linear-gradient(top, #e3e3e3, #ffffff);
            padding : 3px;
            border:1px solid #bbbbbb;
            border-radius:10px;
            -moz-border-radius:10px;
            -webkit-border-radius:10px;
            position: relative;behavior: url(/aucoffre_fr/css/pie.htc);
}
.href-spot ul.range{ margin: 0px;padding: 0px;position: absolute;top: 58px;left: 14px;z-index:1; }
.href-spot ul.range li{ float:left;list-style-type: none;width: 30px;height: 19px;margin: 0px;padding: 0px; }
.href-spot ul.range li.last{ width: 31px; }
.href-spot ul.range li a{ background: url('/aucoffre_fr/images/periode_graphe.jpg') 0px 0px no-repeat;display: block;width: 100%;height: 100%; }
.href-spot ul.range li a:hover{ text-decoration: none; }
.href-spot ul.range li.index0 a{ background-position: 0px -19px; }
.href-spot ul.range li.index1 a{ background-position: -30px 0px; }
.href-spot ul.range li.index2 a{ background-position: -60px -38px; }
.href-spot ul.range li.index3 a{ background-position: -90px 0px; }
.href-spot ul.range li.index4 a{ background-position: -120px 0px; }
.href-spot ul.range li.index5 a{ background-position: -150px 0px; }
.href-spot ul.range li.index6 a{ background-position: -180px 0px; }
.href-spot ul.range li.index0 a:hover{ background-position: 0px 0px; }
.href-spot ul.range li.index1 a:hover{ background-position: -30px -19px; }
.href-spot ul.range li.index2 a:hover{ background-position: -60px -38px; }
.href-spot ul.range li.index3 a:hover{ background-position: -90px -57px; }
.href-spot ul.range li.index4 a:hover{ background-position: -120px -76px; }
.href-spot ul.range li.index5 a:hover{ background-position: -150px -95px; }
.href-spot ul.range li.index6 a:hover{ background-position: -180px -114px; }
.href-spot-detail { margin : 10px; padding : 10px; overflow : hidden;}
.spot-detail-img { display : hidden ; position : absolute; top : 26px; left : 630px;}
.spot-detail-hidden { overflow : hidden; height : 600px;}

div.toconvert{ position: relative; }
div.toconvert span.convert_button{ display:block;float:right;width: 34px;height: 20px;background: url('/aucoffre_fr/images/convert.png') left top no-repeat;cursor: pointer; }
div.toconvert ul.conversion{
    display: none;position: absolute;left: 0px;top: 0px;
    margin: 0px;padding: 4px 6px;color: #000000;
    background-color: #EDEEF0;border: 3px solid #ccc;
    opacity : 0.90;-moz-opacity : 0.90;filter:alpha(opacity=90);
    border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
    behavior: url(/aucoffre_fr/css/pie.htc);z-index: 1;
}
div.toconvert ul.conversion li{ list-style-type: none;padding: 0px;margin: 0px;font-size: 8pt;color: #626e6c;text-align:left; }
div.toconvert ul.conversion li.current{ font-weight: bold; }


/* #6269 : Problème affichage des cotations */
#btnControlsCotation .btn-group {
    margin-left: 20px;
}


#btnControlsCotation .btn-primary {
    background-color: rgb(231, 231, 231);
    color: rgb(28, 65, 109);
}

#btnControlsCotation .active {
    background-color: rgb(28, 65, 109);
    box-shadow: none;
    color: white;
    font-weight: bolder;
}