@charset "UTF-8";

#tout {
    margin-right: auto;
    margin-left: auto;
    width: 940px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 10px 3px rgba(0,0,0,.5);
}

#banniere {
    background-color: #037E5C;
}

#logo {
    background-color: #037E5C;
    background-image: url(../images/logo-orange-normal.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 77px; /* Il faut ajouter la hauteur sinon la div n'est pas visible (donc les fonds non plus) car par défaut, la hauteur d'un div dépend de son contenu; or le contenu n'existe pas (plus) dans ce cas-ci. */
    opacity: .5;
    /*-moz-transition: opacity 3s ease 0s;*/
    transition: opacity 3s ease 0s;
}

#logo:hover {
    opacity: 1;
}

#logo a {
    display: block; /* Pour donner corps au <a>, car son display par défaut est "inline" */
    height: 77px;
    width: 232px;
}