/*
 * =====================
 * page specific
 * =====================
 */
#title h1 {
	font-size:200%;
    background-image: url(../assets/gratuit.jpg);
    background-position: right;
    background-repeat: no-repeat;
    width: 704px;
    height: 170px;
}

#welcome {
    position: relative;
    float: right;
    top: -360px;
    right: 454px;
    width: 329px;
    text-align: right;
    color: #666;
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #dc931a;
    padding-right: 10px;
}

#welcome h2 {
    color: #000;
    font-size: 100%;
    font-weight: bold;
}

#welcome p {
    font-size: 10px;
}

#welcome img {
    float: right;
    padding: 10px 0px 10px 10px;
	border: hidden;
	border-style: hidden;
	border-width: 0px;
}

#logos{
	position: relative;
	float: left;
	top: -50px;
}

#logoMuseeDeFrance{
	float: left;
}

#logoVilleDeDijon{
	float: right;
	position: relative;
	top: -56px;
}
/*
 * ###############################################
 * ##############           Menu           #######
 * ###############################################
 */
#content {
    position: relative;
    top: -75px;
    width: 800px;
    height: 440px;
    float: left;
    overflow: hidden;
}

#menu {
    position: relative;
    top: -80px;
    left: 230px;
    font-size: 120%;
    float: left;
    width: 485px;
    height: 550px;
    overflow: hidden;
}

#menu h1, h2 {
    font-size: 200%;
}

#menu h3 {
    font-size: 130%;
    position: relative;
}

#menu ul {
    width: 485px;
    height: 550px;
    overflow: hidden;
}

#menu .button {
    position: relative;
    display: block;
    left: 13px;
}

#menu h2 a {
    font-size: 24px;
}

#menu a {
    position: relative;
    display: block;
    background-repeat: no-repeat;
}

#menu a:active {
    color: #000;
}

#menu h3 a {
    font-size: 100%;
    color: white;
}
/*
 * ===============================================
 * #collectionsButton
 * ===============================================
 */
#collectionsButton {
    top: 167px;
    margin-left: 124px;
    background-image: url(../assets/collectionsOver.gif);
}

#collectionsButton a {
    width: 240px;
    height: 102px;
    background-image: url(../assets/collectionsLink.gif);
}

#collectionsButton a:hover {
    background-image: url(../assets/collectionsOver.gif);
}

#collectionsButton a:active {
    color: #fff;
    background-image: url(../assets/collectionsClick.gif);
}

#collectionsButton .button {
    top: 24px;
}
/*
 * ===============================================
 * #expositionsButton
 * ===============================================
 */
#expositionsButton {
    top: 33px;
    background-image: url(../assets/expositionsOver.gif);
}

#expositionsButton a {
    width: 120px;
    height: 58px;
    background-image: url(../assets/expositionsLink.gif);
}

#expositionsButton a:hover {
    color: #645e63;
    background-image: url(../assets/expositionsOver.gif);
}

#expositionsButton a:active {
    color: #fff;
    background-image: url(../assets/expositionsClick.gif);
}

#expositionsButton .button {
    top: 14px;
}
/*
 * ===============================================
 * #activitesButton
 * ===============================================
 */
#activitesButton {
    top: -85px;
    margin-left: 124px;
    background-image: url(../assets/activitesOver.gif);
}

#activitesButton a {
    width: 115px;
    height: 84px;
    background-image: url(../assets/activitesLink.gif);
}

#activitesButton a:hover {
    color: #bf3a5c;
    background-image: url(../assets/activitesOver.gif);
}

#activitesButton a:active {
    color: #fff;
    background-image: url(../assets/activitesClick.gif);
}

#activitesButton .button {
    top: 18px;
    width: 73px;
}
/*
 * ===============================================
 * #museeButton
 * ===============================================
 */
#museeButton {
    top: 25px;
    margin-left: 124px;
    background-image: url(../assets/museeOver.gif);
}

#museeButton a {
    width: 284px;
    height: 50px;
    background-image: url(../assets/museeLink.gif);
}

#museeButton a:hover {
    color: #c8081d;
    background-image: url(../assets/museeOver.gif);
}

#museeButton a:active {
    color: #fff;
    background-image: url(../assets/museeClick.gif);
}

#museeButton .button {
    top: 18px;
}
/*
 * ===============================================
 * #ressourcesButton
 * ===============================================
 */
#ressourcesButton {
    top: 31px;
    margin-left: 165px;
    background-image: url(../assets/ressourcesOver.gif);
}

#ressourcesButton a {
    width: 115px;
    height: 89px;
    background-image: url(../assets/ressourcesLink.gif);
}

#ressourcesButton a:hover {
    color: #9f7742;
    background-image: url(../assets/ressourcesOver.gif);
}

#ressourcesButton a:active {
    color: #fff;
    background-image: url(../assets/ressourcesClick.gif);
}

#ressourcesButton .button {
    top: 20px;
}
/*
 * ===============================================
 * #partenairesButton
 * ===============================================
 */
#partenairesButton {
    top: -65px;
    margin-left: 281px;
    background-image: url(../assets/partenairesOver.gif);
}

#partenairesButton a {
    width: 126px;
    height: 65px;
    background-image: url(../assets/partenairesLink.gif);
}

#partenairesButton a:hover {
    color: #008781;
    background-image: url(../assets/partenairesOver.gif);
}

#partenairesButton a:active {
    color: #fff;
    background-image: url(../assets/partenairesClick.gif);
}

#partenairesButton .button {
    top: 16px;
    width: 89px;
}
/*
 * ===============================================
 * #informationsButton
 * ===============================================
 */
#informationsButton {
    top: -65px;
    margin-left: 281px;
    background-image: url(../assets/informationsOver.gif);
}

#informationsButton a {
    width: 111px;
    height: 133px;
    background-image: url(../assets/informationsLink.gif);
}

#informationsButton a:hover {
    color: #1d354a;
    background-image: url(../assets/informationsOver.gif);
}

#informationsButton a:active {
    color: #fff;
    background-image: url(../assets/informationsClick.gif);
}

#informationsButton .button {
    top: 35px;
    width: 96px;
}
/*
 * ===============================================
 * #autreButton
 * ===============================================
 */
#autreButton {
    top: -378px;
    margin-left: 363px;
    width: 120px;
    height: 67px;
    color: #1d354a;
    background-image: url(../assets/autreLink.gif);
    background-repeat: no-repeat;
}
/*
 * ###############################################
 * ##############          Footer          #######
 * ###############################################
 */

#footer {
	position:relative;
	top: -100px;
	width: auto; 
	border-top-style: solid;
    border-width: 2px;
    border-color: #dba974;
    padding-top: 1em;
}

#footer .menu{
    color: #666;
}

#footer a:link, #footer a:visited {
    color: #666;
}

#footer a:hover, #footer a:active {
    color: #000;
}