/*
Released by BuroCom
http://www.burocom.ch
*/
/* Image en galerie */

#archetypes-fieldname-relatedItems {
    display:yes}  
#archetypes-fieldname-internal-reference {
    display:none}
#archetypes-fieldname-external-reference {
    display:none}
#archetypes-fieldname-detail {
    display:none}

ul.gallery-columns {
    margin: 30px 0;
    padding: 0;
    overflow: hidden;}
ul.gallery-columns li a, ul.gallery-columns li span {
    height: auto}
ul.gallery-columns li {
    background-color: transparent;
    border-bottom: 0 none;
    float: left;
    margin-right: 13px;
    padding: 0;
    text-align: center;
    width: 230px}
	
.componentLeft {
    clear: left;
    float: left;
    padding: 0 20px 0 0;}

.article-toggle .article-buttons, .article-manage .article-buttons {
    position:unset;
	height:0;
	overflow:visible;
	white-space:nowrap;
	z-index:1;
	margin-top:1px;
    padding: 2px 0 0 250px}

.article-toggle a, .article-manage a {
    background-color: #75AD0A;
    background-image: linear-gradient(#75AD0A, #75AD0A);
    background-repeat: repeat-x;
    border-color: #75AD0A;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4em;
    padding: 2px;
    position: relative;
    text-decoration: none;
    text-transform: inherit}

.article-toggle a:hover, .article-manage a:hover {
    color: #4b4b4b !important;
    background-color: #fff;
    background-image: linear-gradient(#f5f5f5, #e5e5e5);

.article-manage .article-buttons {
    left: 0;
    top: 20px}
    
ul.gallery-left {
    background-color: White;
    margin: 110px 0 0;
    padding: 0 25px 0 0;
    width: 200px}

ul.gallery-right {
    background-color: White;
    clear: right;
    float: right;
    margin:110px 0 0;
    padding: 0 0 0 25px;
    width: 200px}

.componentFull {
    text-align: center;
    margin: 0 0 30px 0;
    padding:0}

.componentRight {
    clear: right;
    float: right;
    margin:5px 0 15px 15px;
    padding: 0 0 0 1em}

.componentLeft {
    clear: left;
    float: left;
    margin:5px 15px 15px 0;
    padding: 0 1em 0 0}

.maps li.component {
    background-color: transparent;
    font-size: 0;
    margin: 0}
    
/* Curseur deplacer contenu */
ul.manageableList li .manage a.move, .component .manage a.move, #visual-portal-wrapper ul.manageableList li .manage a.move, #visual-portal-wrapper .component .manage a.move {
    background-color: #4b4b4b;
    background-image: linear-gradient(#eaeaea, #dadada);
    background-repeat: repeat-x;
    border-color: #ddd #c5c5c5 #c5c5c5;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    bottom: -1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    color: #999;
    cursor: move;
    display: block;
    font-size: 15px;
    height: 25px;
    line-height: 24px;
    margin: 5px;
    padding: 5px;
    position: absolute;
    right: 180%;
    text-align: center;
    top: -1px;
    width: 20px}