@charset "UTF-8";

/* CSS Document */

body {
margin: 0;
padding: 0;
background-image:url(../images/fond.jpg);
background-repeat: no-repeat;
background-position:top center;
background-color:#ebeced;
}

#conteneur {
width: 1000px;
margin:auto; 
}

#banniere {
float:left;
display:block;
width:1000px;
height: 242px;
margin: 0 auto; 
}

#contenu {
float:left;
display:block;
width:1000px;
background:url(../images/ombre.jpg) repeat-y scroll center top; 
}


/* ------- DÉBUT MENU -------- */

#menu_include {
float:left;
display:block;
width: 248px;
}

#menu {
float:left;
display:block;
margin-left: 34px;
margin-top:20px;
width: 214px;
}

.navigation {
margin: 0;
padding: 0;
list-style: none;
width: 214px;
margin-top:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#0679b2;
}

.hauteur{
margin-top:10px;
}

.toggleSubMenu{
margin-top:10px;
}

.navigation a, .navigation span {
display: block;
padding-left:30px;
padding-bottom:6px;
padding-top:2px;
color:#0679b2;
border: 0px none;
text-decoration: none;
outline: none;
background: url(../images/menu-item.jpg) left bottom no-repeat;
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
}

.navigation .open a, .navigation .open span {
background-image: url(../images/menu-item.jpg);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
color:#999999;
background-image: url(../images/menu-item2.jpg);
border: 0px none;
text-decoration: none;
outline: none;
}

.navigation .subMenu {
font-size: .8em;
background:#F2F2F2;
font-size: .9em;
margin-left:15px;
margin-top:2px;
padding: 0;
list-style:none;
}

.navigation ul.subMenu a {
background: none;
padding: 3px 20px;
color:#999999;
}

.navigation ul.subMenu a:hover{
background: none;
padding: 3px 20px;
color:#0679b2;
}

/* ------- FIN MENU -------- */



#centre {
float:left;
display:block;
width:721px;
margin-left:22px;
background-image:url(../images/grue.jpg);
background-position:top;
background-repeat:no-repeat;
}


#accueil {
float:left;
display:block;
width:670px;
margin-left:20px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
text-align:justify;
}
a{
color:#333333;
text-decoration:none;
}

#accueil ul{
margin-left:14px;
padding:0;
}

#accueil li{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-top:20px;
color:#f96d06;
list-style:square;
}

#accueil span{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
text-align:justify;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0679b2;
}

evenement {
font-family:Arial, Helvetica, sans-serif;
text-align: center;
font-weight:bold;
font-size:16px;
color:#E10202;
}

#texte {
float:left;
display:block;
width:670px;
margin-left:20px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:13px;
color:#333333;
line-height:20px;
}



#pied {
float:left;
display:block;
width:1000px;
height: 31px;
background-image:url(../images/pied.jpg);
}


#adresse {
position:absolute;
height:15px;
width:800px;
margin-left:15px;
margin-top:13px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}

#fam {
float:right;
height:31px;
width:100px;
}

#referencement{
float:left;
display:block;
width:980px;
margin-left:10px;
height:40px;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
color:#999999;
}

#img_menu{
padding-left:50px;
border: none;
text-decoration: none;
outline: none;
}