@charset "utf-8";
/* CSS Document */

div#cadre_banniere {
background:url(http://www.montmarault.com/Images/Banniere/Fond_banniere.png) top left no-repeat;
padding:0;
margin:0;
width:800px;
height:235px;
}

div#animation {
width:800px;
text-align:right;
height:143px;
padding:0;
}

div#menu_principal {
width:800px;
height:92px;
padding:0;
margin:0;
overflow:hidden;
}
.lettrine {
color:#FFFFFF;
background-color:#000099;
font: 1.2em "Trebuchet MS";
}

a.retour {
display:block;
float:left;
text-align:left;
width:200px;
font: 0.8em "Trebuchet MS" ;
color:#000099;
text-decoration:none;
text-transform:uppercase;
}

a.retour:hover, a.retour:focus {
color:#FFFFFF;
text-decoration:underline;
}

a.bouton {
display:block;
float:right;
height:91px;
}
a.notreville {
width:66px;
margin-top:10px;
background:url(http://www.montmarault.com/Images/Boutons/Menu_notre_ville.png) left top no-repeat;
}

a.notreville:hover, a.notre_ville:focus {
background-position: -66px 0;
}

a.vie_enfants {
width:81px;
margin-top:1px;
background:url(http://www.montmarault.com/Images/Boutons/Vie_enfant_CSS.png) left top no-repeat;
}

a.vie_enfants:hover, a.vie_enfants:focus {
background-position: -81px 0;
}
a.vie_culturelle {
width:88px;
margin-top:0;
background:url(http://www.montmarault.com/Images/Boutons/vie_culturelle_CSS.png) left top no-repeat;
}
a.vie_culturelle:hover, a.vie_culturelle:focus {
background-position: -88px 0;
}
a.vie_economique {
width:97px;
margin-top:1px;
background:url(http://www.montmarault.com/Images/Boutons/vie_economique_CSS.png) left top no-repeat;
}
a.vie_economique:hover, a.vie_economique:focus {
background-position: -97px 0;
}
a.vie_associative {
width:99px;
margin-top:0;
background:url(http://www.montmarault.com/Images/Boutons/vie_associative_CSS.png) left top no-repeat;
}
a.vie_associative:hover, a.vie_associative:focus {
background-position: -99px 0;
}