* {
margin: 0;
padding: 0;
border: 0;
outline: none;
font-family: Arial, Verdana;
font-size: 12px;
color: #FFFFFF;
}

body {
background: #000000 url('../img/bg.jpg') no-repeat fixed top right;
}

#global {
position: relative;
margin: 0 auto;
padding-bottom: 20px;
width: 800px;
background: none;
}

#header {
position: relative;
width: 800px;
height: 80px;
background: none;
}

#header img.titre {
margin: 20px 0 0 8px;
}

#header ul.cat {
position: absolute;
top: 40px;
right: 10px;
list-style: none;
color: #001e59;
}

#header ul.cat li {
display: inline;
}

#header ul.cat li span.active {
color: #001e59;
font-weight: bold;
}

#header ul.cat li a, #header ul.cat li a:visited {
text-decoration: none;
color: #001e59;
}

#header ul.cat li a:hover, #header ul.cat li a:active {
text-decoration: none;
color: #FFFFFF;
}

#menu {
position: relative;
width: 800px;
height: 45px;
background: transparent url('../img/bg-menu.png') no-repeat;
}

#menu ul.menu {
position: relative;
padding: 10px 0 0 10px;
list-style: none;
}

#menu ul.menu li {
display: block;
float: left;
}

/* menu 1 */

#menu ul.menu li .menu1 {
display: block;
width: 148px;
height: 25px;
background: none;
}

#menu ul.menu li a.menu1:hover {
visibility: visible;
background: url('../img/choeur-marine-hover.png') no-repeat;
}

#menu ul.menu li a.menu1:hover img {
display: none;
}

/* menu 2 */

#menu ul.menu li .menu2 {
display: block;
width: 148px;
height: 25px;
margin-left: 10px;
background: none;
}

#menu ul.menu li a.menu2:hover {
visibility: visible;
background: url('../img/fifres-tambours-hover.png') no-repeat;
}

#menu ul.menu li a.menu2:hover img {
display: none;
}

/* menu 3 */

#menu ul.menu li .menu3 {
display: block;
width: 148px;
height: 25px;
margin-left: 10px;
background: none;
}

#menu ul.menu li a.menu3:hover {
visibility: visible;
background: url('../img/batterie-fanfare-hover.png') no-repeat;
}

#menu ul.menu li a.menu3:hover img {
display: none;
}

/* menu 4 */

#menu ul.menu li .menu4 {
display: block;
width: 148px;
height: 25px;
margin-left: 10px;
background: none;
}

#menu ul.menu li a.menu4:hover {
visibility: visible;
background: url('../img/musique-empire-hover.png') no-repeat;
}

#menu ul.menu li a.menu4:hover img {
display: none;
}

/* menu 5 */

#menu ul.menu li .menu5 {
display: block;
width: 148px;
height: 25px;
margin-left: 10px;
background: none;
}

#menu ul.menu li a.menu5:hover {
visibility: visible;
background: url('../img/chants-de-marins-hover.png') no-repeat;
}

#menu ul.menu li a.menu5:hover img {
display: none;
}

/* fin menu */

#news {
position: relative;
margin: 5px 0;
width: 800px;
background: transparent url('../img/bg-conteneur.png');
}

#news p {
padding: 10px;
text-align: justify;
}

#conteneur {
position: relative;
margin: 5px 0;
width: 800px;
background: transparent url('../img/bg-conteneur.png');
}

#conteneur img.photo {
margin: 10px 0 0 10px;
}

#contenu {
position: relative;
padding: 20px 10px;
background: none;
}

#contenu p {
text-align: justify;
}

#footer {
position: relative;
width: 800px;
height: 45px;
background: transparent url('../img/bg-footer.png') no-repeat;
}

#footer p {
text-align: center;
padding-top: 1px;
color: #001e59;
font-weight:bold;
}

#footer p a, #footer p a:visited {
text-decoration: none;
color: #001e59;
}

#footer p a:hover, #footer p a:active {
text-decoration: none;
color: #FFFFFF;
}

hr {
width: 780px;
background: #000034;
height: 2px;
border: 0;
}

#centre {
position: relative;
margin: 0 0 5px 0;
text-align: center;
}

#centre dl {
text-align: center;
display: -moz-inline-box;
display: inline-block;
margin: 15px;
width: 220px;
}

#centre dt img {
border: 1px solid #FFFFFF;
}

#centre dd {
padding-top: 5px;
}