/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: Arial, sans serif;
	font-size: small;
	background-color: #FFF8d9;
}

p {
margin:0 0 0 1em;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	padding-top: 50px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.style4 {font-size: x-small}
.style6 {font-size: x-small; font-weight: bold; }
.style7 {font-family: Arial, Helvetica, sans-serif}
.style8 {font-size: x-small; font-family: Arial, Helvetica, sans-serif; }

#global {
	background-color:#fff8d9;
}
a {
color:#0000FF;
text-decoration:underline;
}

a:visited{
color:#0000FF;
}
a:hover{
color:#006633;
}

#sidebar {
	float: left;
	width: 150px;
	background-image: url(images/sidebar800.gif);
	background-repeat: no-repeat;
	list-style: none;
	height: 600px;
	top: -1px;
	}

ul#menu {
	margin: 50px 0 0 0;
	list-style-type: none;
	border: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li {
	padding: 0;
	display: inline;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
/* Suppression du padding du <li> */
}

ul#menu li#home a {
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 150px ;
	height: 46px;
	text-decoration: none ;
	background: url(images/sidebarcss.gif) no-repeat 0 -46px; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
}

ul#menu li#home a:hover, a:active {
	background: url(images/sidebarcss.gif) no-repeat 0 0; /* Et ici on dcale l'image du background de 46px vers le haut pour laisser apparatre la 2eme partie de l'image */
}
ul#menu li#solutions a {
	display: block ; 
	width: 150px ;
	height: 46px;
	text-decoration: none ;
	background: url(images/sidebarcss.gif) no-repeat 0 -138px ; 
}

ul#menu li#solutions a:hover, a:active {
	background: 0 url(images/sidebarcss.gif) no-repeat -92px;  
}
ul#menu li#tarifs a {
	display: block ; 	
	width: 150px ;
	height: 46px;
	text-decoration: none ;
	background: url(images/sidebarcss.gif) no-repeat 0 -230px ; 
	}

ul#menu li#tarifs a:hover, a:active {
	background: url(images/sidebarcss.gif) no-repeat 0 -184px;  
}
ul#menu li#inscription a {
	display: block ;
	width: 150px ;
	height: 46px;
	text-decoration: none ;
	background: url(images/sidebarcss.gif) no-repeat 0 -322px ; 
}

ul#menu li#inscription a:hover, a:active {
	background: url(images/sidebarcss.gif) no-repeat 0 -276px; 
}
ul#menu li#vacances a {
	display: block ; 
	width: 150px ;
	height: 46px;
	text-decoration: none ;
	background: url(images/sidebarcss.gif) no-repeat 0 -414px ; 
}

ul#menu li#vacances a:hover, a:active {
	background: url(images/sidebarcss.gif) no-repeat 0 -368px; 
}
ul#menu li#association a {
	display: block ; 
	width: 150px ;
	height: 46px;
	text-decoration: none ;
	background: url(images/sidebarcss.gif) no-repeat 0 -506px ; 
}

ul#menu li#association a:hover, a:active {
	background: url(images/sidebarcss.gif) no-repeat 0 -460px; 
}
ul#menu li#liens a {
	display: block ; 
	width: 150px ;
	height: 46px;
	text-decoration: none ;
	background: url(images/sidebarcss.gif) no-repeat 0 -598px ; 
	}

ul#menu li#liens a:hover, a:active {
	background: url(images/sidebarcss.gif) no-repeat 0 -552px; 
}
ul#menu li#enfants a {
	display: block ; 
	width: 150px ;
	height: 81px;
	text-decoration: none ; 
     background: url(images/sidebarcss.gif) no-repeat 0 -725px ;
}

ul#menu li#enfants a:hover, a:active {
	background: url(images/sidebarcss.gif) no-repeat 0 -644px;

}

#contenu {
	float: left;
	width: 650px;
	background-image:url(images/backgroundgirlgrey.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	height: 500px;
	}
	div.imagehouse {
	float: right;
	width: 87px;
	margin: 0 1em 1em 1em;
	display:inline;
	}
	div.imagefaceone {
	float: left;
	width: 100px;
	margin: 0;
	display: inline;
	}
	div.imagefacetwo {
	float: right;
	width: 100px;
	margin: 0;
	display: inline;
	}
	div.imageboy {
	float:right;
	width: 100px;
	margin:0;
	display: inline;
	}
	div.imagegirl {
	float:right;
	width: 100px;
	margin:0;
	display: inline;
	}
	div.imagesun {
	float:left;
	width: 100px;
	margin:0;
	display: inline;
	}
#pied {
	clear: both;
	width: 650px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	float: left;
	padding-top: 35px;
	padding-left: 10px;
}