/* 
    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 {
    font-style: italic;
    color: gray;
}

.listalo-blog-title {
    font-weight: bold;
    text-decoration: none;
    color: #ff6600;
}
.alo-blog-title {
    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: #c69f19;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 10px;
	font-size: 1.2em;
}
.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 {
    border:solid 1px silver;
    height:auto;
}

.alo-nocms {
    border:solid 1px silver;
    height:auto;
}
.alo-nocms table{
    background-color: white;
}
.alo-nocms tr{
    background-color: white;
}
.alo-nocms-header {
    background-color:#9b9b9b;
    color: #fff;
    font-weight:bold;
    padding:5px;
}
.alo-dc-header {
    background-color:#4A75B5;
    color:white;
    font-weight:bold;
    padding:5px;
}
.alo-digidoc-header {
    background-color:#cccccc;
    color:white;
    font-weight:bold;
    padding:5px;
    margin-bottom: 10px;
}
.bloc {
    border:solid 1px silver;
}
.bloc-header {
    background-color:#cccccc;
    color:white;
    font-weight:bold;
    padding:5px;
}
.cell-field-label {
    font-weight: bold; 
    vertical-align: top; 
    padding: 3px
}
.cell-field-value {
    padding:3px;
}
/*****************************
Styles du bloc dossier
******************************/
.dos-DC-title {
    text-decoration:none;    
}
.dos-DC-creator {
    color:gray;
}
.dos-DC-source {
    color:gray;
    font-style:italic;
}
.dos-DC-date-issued {
    color:gray;
}

.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 std */
#listalo-std-bloc-listalo {
    border-top:thin solid silver;
    padding:10px;
}
/* Bloc d'une notice std */
.listalo-std-bloc-alo {
    border-top:thin solid silver;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
}

/* 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: 0px;
    margin: 0px;
    padding-bottom: 50px;
    float: left;
    width: 100%;
    text-align: center;
}
#box_mosaique_element table{
    margin: 0px;
    padding: 0px;
    width:100%;
}
.mosaique_element {
    border:0px solid red;
    text-align: center;
}
.thumbwrap {
    text-align: left;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.thumbwrap > li {
    display: inline-block;
    text-align: center;
    padding-right: 5px ;
}
/*
.thumbwrap > li .wrimg {
    width: 222px;
    height: 222px;
        position: relative;
}
*/
.thumbwrap .caption {
    padding: 8px;
    display: block;
    overflow: hidden;
    text-align: center;
}
.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 {
    float: left;
    width: 100%;
    text-align: center;
}

.thumbwrap_liste > li {
    text-align: left;
    padding: 10px;
    list-style-type: none;
    border: solid 1px #DCDCDC;
    text-align: center;
    margin-top: 2px;
}
.liwrimg_liste {
    width: 28%;
    display: inline-block;
    text-align: center;
    position: relative;
}
.liwrimg_liste:hover {
    background-color: #eee;
}
.wrimg_liste {
    padding-bottom: 6px;
    top: 0;
}
.thumbnail-control-bar {
    margin-top: 8px;
    height: 24px;
    background-color: #B0C4DE;
}
.gridBasketAdd  input[type="submit"], input[type="button"]  {
    color: black;

}
.gridBasketRemove  input[type="submit"], input[type="button"] {
    color: white;
}
.caption {
    padding-top: 8px;
    text-align: center;
}
.box_visu_txt{
    font-size: 1.2em;
}
.alotype {
    float: right;
}

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;
}
.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{
    font-size:1.4em;
    text-align: center;
}

.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;
}

.listalo-toolbar {
    padding-top:4px;
    padding-bottom:4px;
    border-bottom:solid thin silver;
    background-color: #ccc;
}
.listalo-toolbar-sep {
    padding-right: 4px;
    padding-left: 4px;
    border-left:solid 2px silver;
}

.listTableTrHeader {
background-color: #9b9b9b;
font-weight: bold;
}


.dosexplor-div-main {
width: 100%;
}
.dosexplor-div-col1 {
float: left;
width: 40%;
}
.dosexplor-div-col2 {
float: right;
width: 60%;
}
.dosexplor-div-menudos {
padding: 5px;
    border:solid 1px silver;
}
.dosexplor-div-listalo {
padding: 3px;
}
.dosexplor-div-dosname{
font-weight: bold;
text-align: center;
border-bottom: solid 1px silver;
}
.doxexplor-div-noalo {
background-color: #cccccc;
font-size: 2rem; 
color: #cccccc;
}
.dosexplor-table-alo {
padding: 3px;
}