/* 
    Document   : alodisplay
    Created on : 3 févr. 2010, 16:56:03
    Modified on : 04/08/2016
    Author     : GBConcept
    Description:
        Purpose of the stylesheet follows.
*/


/*****************************
Styles des contenus page listalo : BLOG
******************************/
.listalo-blog-creator {
    color: #6c757d;
}

.listalo-blog-title {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ff6600;
}
.alo-blog-title {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ff6600;
}
/*****************************
Styles des contenus page alo : STD
******************************/
.alo-std {

}

/*****************************
Styles des contenus page alo : CMS
******************************/
.alo-cms {

}
.alo-cms-title {
    font-weight: bold;
    color: #ff6600;
}
.alo-cms-creator {
    color: #999999;
    font-style: italic;
}
.alo-cms-published-start {
    color: #999999;
    font-style: italic;
}
.alo-cms-intro {

}
.alo-cms-fulltext {

}
.alo-cms-category {

}
.alo-cms-published-stop {

}
.alo-cms-published-state {

}
/*****************************
Styles des contenus page alo Non CMS
******************************/

.alo-nocms {
    height:auto;
}
.alo-nocms table{
    background-color: white;
}
.alo-nocms tr{
    background-color: white;
}
.alo-nocms-fieldlabel {
    padding-top: 8px;
    padding-bottom: 2px;
    color: #555555;
    font-weight:bold;
}
.alo-nocms-fieldval {
    padding-left: 8px;
}
.alo-nocms-header {
    border-bottom: solid 2px #F0C755;
    font-weight:bold;
    font-size: 1.4em;
    text-align: center;
    padding:5px;
}
.alo-nocms-tools {
}

.alo-dc-header {
    background-color:#4A75B5;
    color:white;
    font-weight:bold;
    padding:5px;
}
.bloc {
    border:solid 1px silver;
}
.bloc-header {
    background-color:#F0C755;
    color:white;
    font-weight:bold;
    padding:5px;
}
.cell-field-label {
    font-weight: bold; 
    vertical-align: top; 
    padding: 3px
}
.cell-field-value {
    padding:3px;
}
.alo-section {
    padding:5px;
}
.alo-type {
}
.alo-type-label {
    font-weight: bold;
}
/*****************************
Styles du bloc dossier
******************************/
.dos-DC-title {
    text-decoration:none;    
}
.dos-DC-creator {
    color:#6c757d;
}
.dos-DC-source {
    color:#6c757d;
    font-style:italic;
}
.dos-DC-date-issued {
    color:#6c757d;
}

.alo-noheader {
    background-color:#fff;
    color:black;
    font-weight:bold;
    padding:5px;
}
.alo-noheader-detail {
    background-color:#fff;
    padding:5px;
    line-height: 1.6em;
}
.fmtalo-IMG-title{
    text-align: center;
    font-size: 1.8em;
    padding:20px 20px 20px 20px;
}
/*****************************
Styles de listalo
******************************/

/* Bloc de la liste cms */
#listalo-cms-bloc-listalo {
    padding:10px;
}
/* Bloc d'une notice cms */
.listalo-cms-bloc-alo {
    border-bottom: thin solid silver;
    padding:10px;
}

.linkmini {
    margin-top: 10px;
    cursor: pointer;
    line-height: 20px;
    text-decoration: none;
    font-weight:bold;
    color: navy;
}

#alo-panel {
    background-color: white;
}

.alo-panel-label {
    border-bottom:solid #CCC 1px;
    width: 100%;
    color: black;
    font-size: 1.2em;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}
.alo-panel-fields {
    line-height: 1.8em;
    border-bottom:solid #CCC 1px;
    padding-right: 6px;
    padding-left: 6px;
}
.fieldLabel {
    font-weight: bold;
}

#box_mosaique_element {
    padding-top: 30px;
    padding-bottom: 30px;
    float: left;
    width: 100%;
    background-color: #fff;
}
#box_mosaique_element table{
    margin: 0px;
    padding: 0px;
    width:100%;
}
.mosaique_element {
    border:0px solid silver;
}
.thumbwrap {
    text-align: left;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.thumbwrap > li {
    vertical-align: middle;
    display: inline-block;
    padding-right: 5px ;
}
/*
.thumbwrap > li .wrimg {
    width: 222px;
    height: 222px;
        position: relative;
}
*/
.thumbwrap .caption {
    padding: 8px;
    display: block;
    overflow: hidden;
}
.thumbwrap img {
    border: 2px solid #969696;
    vertical-align: bottom;
    /* box-shadow: 4px 4px 6px #777777;
     -webkit-box-shadow: 4px 4px 6px #777777;*/
    text-align: center;
}
.liwrimg:hover {
    background-color: #eee;
}

#box_mosaique_liste {
    padding: 0px;
    margin: 0px;
    padding-bottom: 50px;
    float: left;
    width: 100%;
    text-align: center;
}
#box_mosaique_liste table{
    margin: 0px;
    padding: 0px;
    width:100%;
}
.mosaique_liste {
    border:0px solid red;
    font-size:12px;
    text-align: center;
}
.thumbwrap_liste {
    text-align: left;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.thumbwrap_liste > li {
    vertical-align: center;
    display: inline-block;
    text-align: center;
    padding-right: 5px ;
}
/*
.thumbwrap > li .wrimg {
    width: 222px;
    height: 222px;
        position: relative;
}
*/
.thumbwrap_liste .caption {
    padding: 8px;
    display: block;
    overflow: hidden;
    text-align: center;
}
.thumbwrap_liste .alotype {
    float: right;
}
.thumbwrap_liste img {
    border: 2px solid #969696;
    vertical-align: bottom;
    box-shadow: 4px 4px 6px #777777;
    -webkit-box-shadow: 4px 4px 6px #777777;
    text-align: center;
}
.liwrimg_liste {
    width: 22%;
    border: solid #CCC 1px;
    padding: 2px;
}
.liwrimg_liste:hover {
    background-color: #eee;
}

li.viewData {
    background-image: url(../img/photo_alo_black.png);
}
li.viewPicture {
    background-image: url(../img/photo_zoom_black.png);
}
li.downloadPicture {
    background-image: url(../img/photo_download_black.png);
}
li.digidocmenu {
}
li.pictofield {
}
li.new {
}
li.addbasket {
}
li.alocommand {
}
li.alomessage {
}

.cde_document {
    height: 20px;
    padding: 2px;
    margin: 0px;
    text-align: center;
}
.cde_document li {
    height: 16px;
    width: 16px;
    background-position: left;
    background-repeat: no-repeat;
    display: inline;
    line-height: 1em;
    padding: 7px 0px;
}

.cde_document li a {
    text-decoration: none;
    padding: 10px;
}

.cur {cursor: pointer;}
.curAv {cursor: pointer;}
.curAv:hover { box-shadow: 4px 4px 6px #777777;}

.alo2col{
    width:100%;
    padding: 2px;
    background-color: white;
}
.alo2colDigidocs{
    padding-top: 40px;
    padding-left: 2px;
    width: 25%;
    background-color: white;
    vertical-align: top;
}
.alo2colMetadatas{
    padding: 2px;
    width: 75%;
    background-color: white;
}

#basket-bloc-listalo {
    border-top:thin solid silver;
    padding:10px;
}

.dos2coltable{
    width:100%;
    padding: 0px;
    background-color: white;
}
.dos2colDigidocs{
    padding: 0px;
    width: 25%;
    background-color: white;
}
.dos2colMetadatas{
    padding: 6px;
    width: 75%;
    background-color: white;
}

.alo-tag1{
    border-bottom: solid 2px #F0C755;
    font-weight:bold;
    font-size: 1.4em;
    text-align: center;
    padding:5px;
    color: #555555;
}

.alo_metaTable {
    width: 100%;
}
.alo_metaRow {
}
.alo_metaLabel {
    vertical-align: top; 
    padding: 3px;
    width: 15%;
}
.alo_metaValue {
    padding:3px;
    width: 85%;
    text-align: justify;
}
.alo_metaTableNoDig {
    width: 100%;
}
.alo_metaRowNoDig {
}
.alo_metaLabelNoDig {
    vertical-align: top; 
    padding: 3px;
    width: 20%;
}
.alo_metaValueNoDig {
    padding:3px;
    width: 80%;
    text-align: justify;
}

.alo-rss {
    border-bottom:solid 1px silver;
    height:auto;
    padding:8px;
}
.alo-rss-title {
    font-weight: bold;
    font-size: 1.2em;
}
.alo-rss-descr {
    color: #6c757d;
}


/***********************/

.dossierNameClass {
    font-weight: bold;
}
.dossierDescrClass {
    font-size: 0.8em;
    color: #6c757d;
}
.critReqDisplayClass {
    font-size: 0.8em;
    color: #6c757d;
}

.paginationList {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
}
.paginationTot {
}
.paginationDiv {
}
.paginationPrev {
    padding: 4px;
}
.paginationNext {
    padding: 4px;
}
.paginationLink {
    padding: 4px;
}
.paginationCurrent {
    font-weight: bold;
}
.paginationLink {
    color: #6c757d;
}
.bg-pagination {
    background-color: #ff8e06;
}

.search-action {
    background-color: #dfe9f0;
}
.search-reload-div {
    text-align: right;
}

.basket-action-links {
    border-bottom:solid 1px silver;
    border-top:solid 1px silver;
    padding: 8px;
    text-align: right;
}
.basket-name {
    color: #6c757d;
}
.basket-savechoices-link {
    margin-left: 6px;
}
.basket-selectall-link {
    margin-left: 6px;
}
.listalo-toolbar-sep {
    padding-right: 4px;
    padding-left: 4px;
    border-left:solid 2px silver;
}
.toolbar-div-basket {
    padding: 2px;
    border: solid 1px silver;
}
.toolbar-div-basket-label {
    border-bottom: solid 1px silver;
    padding-top: 4px;
    padding-bottom: 4px;
}
.toolbar-basket-label{
    font-size: 1em;
    font-weight: bold;
    padding: 2px;
}
.toolbar-basket-nav { 
}
.toolbar-div-basket-sep {
    border-bottom: solid 1px silver;
}
.toolbar-basket-name {
    font-style: italic;
    color: gray;
}
.toolbar-div-tools {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 2px;
    border: solid 1px silver;
}
.toolbar-line {
    background-color: #dfe9f0;
}
.toolbar-line-form {
}
.toolbar-line-div-tools {
}
.toolbar-line-link {
    font-size: .8em;
    background-color: #dfe9f0;
}
.toolbar-icon {
    cursor: pointer; 
    border:none; 
    width:24px; 
    height:24px; 
    vertical-align: middle;
}
.list-alo-natlinklist {
    padding: 3px;
    font-size: 1.2em;
}
.list-alo-rescateg {
    padding: 3px;
    font-size: 1em;
}
.list-alo-natlink a:hover {
    background-color: silver;
    color: white;
}
.list-alo-natlink-sep {
    margin-right: 5px;
    margin-left: 5px;
    color: #CCC;
}

.card-alo {
    border: none;
}
.list-alotype {
    size: 1.2em;
    font-weight: bold;
}
.listalo-card-field {
    margin-bottom: 0px;
}
.bloc-result .card-alo .listlistalo-linkmore {
    text-align: right;
    width: 100%;
}
.collab-label-style {
    font-size: 0.8em; 
    font-weight: bold; 
    color: grey; 
    padding-left: 10px;
}
.collab-style {
    font-size: 0.8em; 
    color: grey;
}
.ResultatsRecherchePicto {
    background: none repeat scroll 0 0;
    border:0 none;
    padding-top:0;
    text-align:center;
    vertical-align:top;
    width:45px;
}

.divTDResultatsRecherche_1 {
    height:100%;
    text-align:center;
    width:100%;
}

.divTDResultatsRecherche_2 {
    left:2px;
    margin-bottom:6px;
    position:relative;
    text-align:left;
    top:0;
}

.tailleNumResultatsRecherche {

}

.ResultatsRechercheSeparator {
    background: none repeat scroll 0 0;
    width:5px;
    background-color: white;
}

.ResultatsRechercheInfos {
    background: none repeat scroll 0 0;
    height:auto;
    margin-top:8px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:4px;
    padding-left:4px;
    width: 80%;
    background-color: white;
}

.ResultatsRechercheTable{
    width: 100%;
}

.ResultatsRechercheBasketLeft{
    background-color: white;
    width: 5%;
}

.ResultatsRechercheColLeft{
    background-color: white;
    width: 10%;
}

.ResultatsRechercheIconType{
    background-color: white;
    height:auto;
    margin-top:8px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:4px;
    padding-left:4px;
}

.ResultatsRechercheJaquettes{
    background-color: white;
}

.ResultatsRechercheDigidoc{
    width: 10%;
    text-align: right;
    background-color: white;
    height:auto;
    margin-top:8px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:4px;
    padding-left:4px;
}

.ResultatsRechercheActionsComplementaires {
    text-align: right;
}
.ResultatsRechercheTypeRight {
}
.ResultatsRechercheBasketRight{
}
.ResultatsRecherchePictoRight{
}
.ResultatsRecherchePictonewRight{
}
.ResultatsRechercheMessag{
}
.ResultatsRechercheCommand{
}
.ResultatsRechercheInfosIMG {
    width: 75%;
    background: none repeat scroll 0 0;
    text-align: left;
    height:auto;
    background-color: white;
    margin-top:8px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:4px;
    padding-left:10px;
    vertical-align: top;
}
.ResultatsRechercheDigidocIMG {
    background: none repeat scroll 0 0;
    width: 25%;
    text-align: left;
    height:auto;
    background-color: white;
    margin-top:8px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:4px;
    padding-left:4px;
}
.ResultatsRechercheDigidocIMGmini {
    padding-left:4px;
}
.listalo-digidoc-mini {
    vertical-align: bottom;
    margin-top: 4px;
}
.ResultatsRechercheDigidocIMGmini_img {
    padding-left: 6px;
    vertical-align: bottom;
}
.ResultatsRechercheDigidocIMGmini_icon {
    padding-left: 6px;
    vertical-align: bottom;
    width: 24px;
}
.ResultatsRechercheDigidocIMGmini_txt {
    padding-left: 1px;
    vertical-align: bottom;
    font-size: 0.8em;
    color: grey;
}
.ResultatsRechercheActionsComplementairesIMG {
    text-align: right;
}
.ResultatsRechercheInfosTAB {
    width: 80%;
    background: none repeat scroll 0 0;
    text-align: left;
    vertical-align: top;
    height:auto;
    background-color: white;
    margin-top:8px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:4px;
    padding-left:4px;
}
.ResultatsRechercheDigidocTAB {
    background: none repeat scroll 0 0;
    width: 20%;
    text-align: left;
    height:auto;
    background-color: white;
    margin-top:8px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:4px;
    padding-left:10px;
}
.ResultatsRecherchePictoClassImg {
    width: 24px;
    padding-right: 2px;
}
.Link {
    background:transparent url("../img/a_rouge_fleche.gif") no-repeat scroll left center;
    color:#C8333B;
    font-weight:bold;
    padding:0 0 0 18px;
    text-decoration:none;
}

.LienNotice {
    padding-top:6px;
}
.noticeComplete {
    background:#fff;
    border:1px solid silver;
    padding:4px;
}
.noticeCompleteTable {

}
.noticeCompleteLabel {
    font-weight: bold; 
    color: #6c757d;
    vertical-align: top; 
    padding: 3px
}
.noticeCompleteType {
    font-weight: bold; 
    color: black;
    padding: 3px
}
.noticeCompleteVal {
    color: black;
    padding: 3px
}

.butBasket input[type="submit"], input[type="button"] {
    background: #fff;
    color: #6c757d;
    margin: 5px;
    border-color: silver;
    font-weight: bold;
}
.display-mode-div {
    float: right;
}

.toolbar a{text-decoration:none;}
.noticeIllustree img{
    float:left;
    margin:3px 3px 0px 3px;
}
.list-listalo-natlink-sep {
    padding-left: 3px;
    padding-right: 3px;
    color: #6c757d;
}
/* Evaluation */
.eval {
    width:15px;
    height:17px;
    background-image:url("../img/eval.png");
    background-repeat:no-repeat;
}
.eval.on4 { width:60px; height:17px; }
.eval.on5 { width:75px; height:17px; }
.eval.null { background-position: 0px -84px; }
.eval.n00 { background-position:-75px -69px; }
.eval.n10 { background-position:-60px -15px; }
.eval.n20 { background-position:-45px -15px; }
.eval.n30 { background-position:-30px -15px; }
.eval.n40 { background-position:-15px -15px; }
.eval.n50 { background-position:  0px -15px; }
.eval.n05 { background-position:-60px 0px; }
.eval.n15 { background-position:-45px 0px; }
.eval.n25 { background-position:-30px 0px; }
.eval.n35 { background-position:-15px 0px; }
.eval.n45 { background-position:  0px 0px; }

.stareval.zerooff { background-position:-167px 0; }
.stareval.zero { background-position:-167px -15px; }
.stareval.off { background-position:-167px -30px; }
.stareval.on { background-position:-167px -45px; }
/* Fin evaluation */


.aloCollabLabel {
    font-weight: bold;
    color: #555555;
}
.aloComment {
    margin-top: 20px;
}
.alocomment-header {
    border-bottom: 1px solid silver;
}
.alocomment-list {
    padding: 10px;
}
.alocomment-detail {
    border-bottom: 1px solid silver;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}
.aloCommentCreatorLabel {
    color: #555555;
    font-size: 0.8em;
    padding-left: 2px;
}
.aloCommentCreator {
    font-size: 0.8em;
}
.aloCommentDateLabel {
    color: #555555;
    font-size: 0.8em;
}
.aloCommentDate {
    font-size: 0.8em;
}

.aloDigidocs {
    margin-top: 10px;
}
.alo-digidoc-header {
    background-color: #eee;
    color:white;
    font-weight:bold;
    padding:5px;
    margin-bottom: 10px;
}
.aloDigidocs-list {
}
.aloDigidocs-label {
    padding: 10px;
    font-weight: bold;
}
.aloDigidocs-digidoc {
}
.aloDigidocs-col-dig {
}
.aloDigidocs-col-infos {
    padding-left: 10px;
}
.icon-digidoc-download {
    padding-left: 2px;
}
.aloLinkAlos {
    margin-top: 3px;
}
.aloBiblioInfos {
    margin-top: 10px;
}
.aloSubscriptions {
    margin-top: 3px;
}

.basketButtonAdd {
    background: #EEF;
    color: gray;
    margin: 5px;
    border-color: gray;
    font-weight: bold;
    font-size:10px;
    border-top:silver;
    border-left:silver;
    cursor: pointer;
}
.basketButtonRemove {
    background: #EEF;
    color: gray;
    margin: 5px;
    border-color: gray;
    font-weight: bold;
    font-size:10px;
    border-top:silver;
    border-left:silver;
    cursor: pointer;
}
.viewBasketButtonRemove {
    background: #EEF;
    color: gray;
    margin: 5px;
    border-color: gray;
    font-weight: bold;
    font-size:10px;
    border-top:silver;
    border-left:silver;
    cursor: pointer;
}
.viewBasket-alotype {
    padding: 3px;
}
.basketCheckBox {
    color: #6c757d;
    font-size: 0.8em;
}

.aloLinkMainDiv {
    margin-top: 10px;
}
.aloLinkHeader {
    color: white;
    background-color: #6c757d;
}
.aloLinkFieldDiv {
    background-color: #f2f2f2;
}
.aloLinkFieldLabel {
    font-weight: bold;
    color: #6c757d;
}
.aloLinkFieldViewAllLink {
    float: right;
}
.linkalo {
}
.aloLinkFieldList {
    list-style: none;
}
.aloLinkFieldListRow {
}

.listalo-alo-footer {
    background-color: #dfe9f0;
}
.categ-filters-list .categ-filters-menus .rf-pm-top-gr-cnt ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.categ-filters-list {
    margin-top: 8px;
}
.categ-filters-menus {
}
.categ-menu-opt {
}
.categ-filter-actions {
    margin-bottom: 2px;
}
.categ-filter-actions-apply {
    padding: 3px;
}
.categ-filter-actions-erase {
    padding: 3px;
    margin-top : 2px;
}
.categ-help {
    padding: 3px;
}
.categ-viewall-link {
    float: right;
}
.categ-list li {
    padding-right : 2px;
    padding-left : 2px;
}
.categ-item-occ {
}
.categ-item-link {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: .25rem  .25rem;
    text-decoration: none;
}
.categ-item-field-link {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: .25rem  .25rem;
    text-decoration: none;
}
.categ-multi-item-occ {
    color: #6c757d;
    padding-left: 2px;
}
.categ-multi-item-link {
    padding: .25rem  .25rem;
    text-decoration: none;
    vertical-align: middle;
}
.categ-multi-item-field-link {
    padding: .25rem  .25rem;
    text-decoration: none;
}
.categ-multi-menu-opt {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid silver !important;
    margin-top: 3px;
    font-size: .8rem;
}
.categ-title {
    background-color: #888888;
    color: #fff;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid silver;
}
.categ-reinit-search {
    border: 1px solid silver;
    text-align: center;
    margin-bottom: 2px;
}

.toolbar-bloc {
}
.toolbar-title {
    background-color: #888888;
    color: #fff;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid silver;
}
.alo-nav-img {
    width:16px;
    height:16px;
}

.dosexplor-div {
    padding: 3px;
    margin-top: 10px;
}
.dosexplor-div-dosname{
    font-weight: bold;
    text-align: center;
    border-bottom: solid 1px silver;
}
.dosexplor-div-listalo {
    padding: 3px;
    margin-top: 6px;
}
.doxexplor-div-noalo {
    background-color: #cccccc;
    font-size: 2rem; 
    color: #cccccc;
}
.dosexplor-table-alo {
    padding: 3px;
}
.dosexplor-alo-digidocs {
    margin-top: 6px;
    border-top: solid 1px silver;
}
.dosexplor-alo-digidoc {
    margin-top: 4px;
}
.dos-accordion {
    padding: 3px;
    border-bottom: solid 1px silver;
}
.dos-accordion-header {
    margin-top: 6px;
    border-bottom: solid 1px silver;
}
.dos-accordion-content {
    padding: 3px;
    border-bottom: solid 1px silver;
}

.rf-pm-top-gr {
    border-color: silver;
}
.rf-pm-exp ul {
    list-style-position: inside;
    list-style-type: none;
}

.rf-cp {
    border: none !important;
    background-color: #fff;
}
.rf-cp-lbl {
    color: white;
}

/*****************************
Geolocalisation d'un alo
******************************/
#alomap {
    width: 200px; 
    height: 200px; 
    border: 1px solid #ccc;
}