body {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

/* Page */

#page {
	margin:auto;
	padding:0;
	width:1024px;
	text-align:left;
	height:auto;
}

/* En-tête de page */


#head {
	margin:0;
	padding:0;
	width:1024px;
	height:205px;
	z-index:50;
}

#logo {
	display:block;
	height:205px;
	width:250px;
	margin:0;
	padding:0;
	background:url(./images/logo.jpg) no-repeat;
}


/* Menu haut */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:relative;
float:left;
height:205px;
width:1000px;
margin-top:-205px;
margin-left:250px;
z-index:10;
}

#menu dl {
float: left;
width: 105px;
margin: 0px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
height:205px;
}

#menu dd {
border: 0px solid gray;
}


#menu li {
	text-align:left;
	padding-left:12px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(./images/puceblanche.jpg);
	background-repeat: no-repeat;
	background-position: 2px;
	}


#menu li a:hover, #menu dt a:hover {
color:#ffffff;
text-align:left;
font-weight: bold;
font-size:12px;
}

#menu li a {
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
}

#menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

/* Style de chaque menus */

#menu1 {
text-align: center;
background-image:url(images/evenements.jpg);
}

#menu1:hover {
background: url(images/evenements2.jpg) no-repeat;
border: 0 none;
}

#menu2 {
text-align: center;
background-image:url(images/enfants.jpg);
}
#menu2:hover {
background: url(images/enfants2.jpg) no-repeat;
}

#menu3 {
text-align: center;
background-image:url(images/conscrits.jpg);
}

#menu3:hover {
background: url(images/conscrits2.jpg) no-repeat;
}

#menu4 {
text-align: center;
background-image:url(images/anniversaires.jpg);
}
#menu4:hover {
background: url(images/anniversaires2.jpg) no-repeat;
}

#menu5 {
text-align: center;
background-image:url(images/gdcorde.jpg);
}

#menu5:hover {
background: url(images/gdcorde2.jpg) no-repeat;
}

#menu6 {
text-align: center;
background-image:url(images/table.jpg);
}
#menu6:hover {
background: url(images/table2.jpg) no-repeat;
}

#menu7 {
text-align: center;
background-image:url(images/salle.jpg);
}

#menu7:hover {
background: url(images/salle2.jpg) no-repeat;
}

#menu8 {
text-align: center;
background-image:url(images/corde.jpg);
}
#menu8:hover {
background: url(images/corde.jpg) no-repeat;
}


/* Style de chaque menus déroulants */

.styleevenements {
	font-size: 11px;
	margin-left:5px;
	margin-right:10px;
	background-color:#FF99FF;
	}

.styleenfants {
	font-size: 11px;
	margin-left:15px;
	background-color:#FF6699;
	}
.styleconscrits {
	font-size: 11px;
	margin-left:15px;
	background-color:#66CC33;
	}
.styleanniversaires {
	font-size: 11px;
	margin-left:15px;
	background-color:#6666CC;
	
	
		
/* Opacite du menu deroulant */
	opacity: 0.85;
    filter: alpha(opacity:85);
    -khtml-opacity: 085;
    -moz-opacity: 0.85;
	
	font-opacity:1;	
		}
		
.stylecadeaux {
	font-size: 11px;
	margin-left:5px;
	margin-right:10px;
	background-color:
	#FF6666;
}
		
.styletable {
	font-size: 11px;
	margin-left:5px;
	margin-right:10px;
	background-color:#CC99FF;
}
.stylesalle {
	font-size: 11px;
	margin-left:15px;
	background-color:#FFCC66;
	}

	
/* Corps de page */

#body {
	width:1024px;
	height:525px;
	margin:0;
	padding:0;
	margin:auto;
	text-align:left;
}


#colonne1 {
	width:193px;
	height:525px;
	float:left;
	margin:0;
	padding:0;
	background-image:url(images/contact_civrieux_arbresle.jpg);
	background-repeat:no-repeat;
}

#texte_colonne1 {
	margin-left:50px;
	margin-right:5px;
	line-height:16px;
	
}

#menu2bis {
	height:380px;
	width:193px;
	background:url(./images/menu2.jpg) no-repeat;
	margin:0;
	padding:0;
}

#menu2bis ul {
	margin:0;
	padding:0;
}

#menu2bis li {
	list-style-type:none;
}

#menu2bis span {
	display:block;
	padding-top:25px;
	padding-left:85px;
}




#colonne2 {
	width:831px;
	height:525px;
	float:left;
	margin:0;
	padding:0;
	background-image:url(images/millefeuilles_magasin.jpg);
	background-repeat:no-repeat;
}


/* Pied de page */



#foot {
	width:1024px;
	height:38px;
	background:url(./images/bas.jpg) no-repeat;
	font-size:11px;
	text-align:center;
	margin:auto;
	padding:0;
	margin:auto;
}




/*  */



#foot ul {
	padding-top:5px;
	padding-left:0px;
	padding-bottom:0px ;
	padding-right:0px ;
	margin:0;

}

#foot li {
	display:inline;

}

#foot a {
	font: 1em "Trebuchet MS", Arial, sans-serif;
	color:#993300;
	padding:0px 7px;
}

#foot a:hover {
	color:#FFFFFF;
}

/*galerie*/
div#galerie 
{ 
    width: 551px ; 
    padding: 15px ; 
    text-align: center ; 
    font: 0.9em Georgia, serif ; 
	z-index:10;
} 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: left ; 
} 
 
ul#galerie_mini li a img 
{ 
    margin: 2px 1px ; 
    border: 1px solid #dcb ; 
} 
 
dl#photo 
{ 
    clear: both ; 
    margin: 0 auto ; 
} 
 
dl#photo dt 
{ 
    font: italic 2.5em/1.5em Georgia, serif ; 
    color: #dcb ; 
} 
 
dl#photo dd 
{ 
    margin: 0 ; 
} 
 
dl#photo img 
{ 
    border: 1px solid #dcb ; 
} 

#description_galerie{ 
    height:495px;
	width:225px;
	float:left;
	margin-top:30px;
	margin-right:25px;
	
}

#image_galerie{ 
    height:495px;
	width:551px;
	float:left;
	margin-top:20px;
	margin-left:30px;
}

#image_galerie_2{ 
    height:515px;
	width:551px;
	float:left;
	margin-left:30px;
	
}

.flash{
z-index:1;
visibility:visible;
}