/* Changements de style pour le site Palais des Papes */

/* Logo - effet de hover */

#logo a {
    background: url(../images/palais-des-papes-logo.png) no-repeat;
    display: block;
    width: 120px;
    height: 120px;
    margin-top: 24px;
    margin-left: 24px;
    
    -webkit-transition-property: background;
    -webkit-transition-duration: 1s;

    -moz-transition-property: background;
    -moz-transition-duration: 1s;

    transition-property: background;
    transition-duration: 1s;
}

#logo a:hover {
    background-image: url(../images/palais-des-papes-logo-hover.png);
    -webkit-transition-property: background;
    -webkit-transition-duration: 2s;

    -moz-transition-property: background;
    -moz-transition-duration: 2s;

    transition-property: background;
    transition-duration: 2s;
}

/* Liens Actifs de la Sidebar */

.region-sidebar-first ul.menu li.active-trail ul li.active-trail a,
.region-sidebar-first ul.menu li.active-trail a.active {
    background-color: #F1F5EB;
    color: #2D281E;
    font-weight: 700;
} 

/* Hover des liens */ 

.node .field-name-body a:hover {
    background-color: #F1F5EB;
    border-bottom: 1px solid transparent;
    padding: 1px 4px 4px 4px;
    text-decoration: none;
}



/* Couleur des border bottom des liens */

.node .field-name-body a:link,
.node .field-name-body a:visited {
    border-bottom: 2px solid #D0DEBB;
    color: #57534B;
    padding: 1px 4px 2px 4px;
    text-decoration: none;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.25s;

    -moz-transition-property: background;
    -moz-transition-duration: 0.25s;

    transition-property: background;
    transition-duration: 0.25s;
}