/* CSS Document */
*{margin:0;padding:0; border:0;}

body {
	margin:0;
	padding:0;
	background: #b7c72a url(images/background.jpg) repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
  color:#000; 
  line-height:16px;
}

p {margin:10px 0;font: 12px Verdana, Arial, Helvetica, sans-serif; color:#000; line-height:16px;}
h1 {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#000; line-height:24px; margin-top:10px; width:100%; border-bottom:#fff solid 3px;}
h5 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000;margin-top:10px}
h1 span {visibility:hidden;}
.red {color:#990066;}
.blanc {color:#fff;}

#container {
	width:877px;
	margin:0 auto;
}
#header {
	width:877px;
	height:245px;
	background: transparent url(images/background_header.jpg) center no-repeat;
}
#son {position: relative;float:right; height:99px;width:99px; padding:120px 20px 0 0;}
#nav, #contenu {
	background-color:#d86fc0;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;
}
#nav {height:140px; width:auto; padding-left:30px;}
#nav a {text-decoration:none;}
.mask {position:relative;display:block; float:left; height:1px;text-indent:-5000px; padding:0;margin:0; border:none;}
#contenu{float:left;width:875px;}
#contenu_texte_header {
	float:left;
	margin-left:21px;
	display:inline; /* pour IE6 */
	margin-bottom:-2px; /* pour IE6 */
	width:832px;
	height:17px;
	*height:1%;
	background:transparent url(images/bordure_haut.gif) top left no-repeat;
}
#contenu_texte_footer {
	float:left;
	display:inline; /* pour IE6 */
	margin-left:21px;
	width:832px;
	height:16px;
	background:transparent url(images/bordure_bas.gif) top left no-repeat;
}
#contenu_texte {
	float:left;
	display:inline; /* pour IE6 */
	margin-left:21px;
	width:832px;
	background-color:#f0b1e6;
}
.titre_bienvenue { height:58px;background:transparent url(images/titre_bienvenue.gif) top left no-repeat;}
.titre_activites { height:58px;background:transparent url(images/titre_activites.gif) top left no-repeat;}
.titre_parents { height:58px;background:transparent url(images/titre_parents.gif) top left no-repeat;}
.titre_tarifs {height:58px; width:789px;background:transparent url(images/titre_tarifs.gif) top left no-repeat; margin-bottom:20px;}
.titre_infos { height:58px;width:100%;background:transparent url(images/titre_infos.gif) top left no-repeat;}
.titre_anniversaire { display:block;height:58px;width:100%;background:transparent url(images/titre_anniversaire.gif) top left no-repeat;}
.titre_contact { height:58px;width:100%;background:transparent url(images/titre_contact.gif) top left no-repeat;}
.titre_partenaires { height:58px;width:100%;background:transparent url(images/titre_partenaires.gif) top left no-repeat;}
.titre_location { height:58px;width:760px;background:transparent url(images/titre_location.gif) top left no-repeat;}
.titre_reglement { height:58px;width:789px;background:transparent url(images/titre_reglement.gif) top left no-repeat;}
#col_middle {float:left; width:auto; padding:0 21px 0 21px;}
#col_gauche {
	float:left;
	width:250px;
}
#col_droite {
	float:left;
	width:550px;
}
.tarifs {font: bold 12px Verdana, Arial, Helvetica, sans-serif;border-collapse:collapse;border:#fff solid 1px; }
.tarifs td {padding:10px 0 10px 10px; border:#fff solid 1px; }
.couleur1{background-color:#c39;}
.couleur2{background-color:#c3c;}
.couleur3{background-color:#c6c;}
.couleur4{background-color:#c9c;}

ul.sous_menu {
  margin-left:20px;
  list-style-type:none;
  width:200px;
  margin-bottom:20px;
}
ul.sous_menu li{
  background-color:#FFFFFF;
  border-bottom:3px solid #60296d;
  width:190px;
  padding:5px;
  margin-bottom:10px;
}
ul.sous_menu li:hover, ul.sous_menu li.selected{
  background-color:#febf02;
  border-bottom:3px solid #60296d;
}
ul.sous_menu li a {
  background: none;
  color: #60296d;
  font-weight:bold;
  padding:0;
  text-indent:0;
  text-decoration:none;  
}
ul.sous_menu li a:hover, ul.sous_menu li.selected a{
  color: #c31016; 
}
ul.sous_menu li a.on{
  color: #FFF; 
}

#articles-blog {
	width:190px;
	height:160px;
	padding:60px 5px 0 5px;
	margin-top:20px;
	margin-left:20px;
	background: transparent url(images/blog2.gif) 0 0 no-repeat;
}
/*actus*/
#fenetre{position:relative;overflow:hidden;width:150px;text-align:left;margin:auto;}
#marquee{padding:0 5px;}

#contact {
	width:190px;
	height:220px;
	padding:0px 5px 0 5px;
	margin-top:20px;
	margin-left:20px;
}

#blog {
	width:190px;
	height:160px;
	padding:60px 5px 0 5px;
	margin-top:20px;
	background: transparent url(images/blog.gif) 0 0 no-repeat;
	margin-left:20px;
	color:#F0B1E6;
}

#actualites {
	width:190px;
	height:160px;
	padding:60px 5px 0 5px;
	background: transparent url(images/actus.gif) 0 0 no-repeat;
	margin-left:20px;
	color:#F0B1E6;
}
#actualites p {
	font-size:10px;
	color:#FFF;
}
#actualites a {
	font-size:12px;
	color:#000000;
}
#actualites .esp {
	margin:15px 0 0 100px;
	
}

#adresse {
	width:190px;
	padding:5px 5px 5px 5px;
	margin-top:20px;
	background: #00A0C0;
	margin-left:20px;
	color:#FFF;
	font-size:11px;
}



ul.points_de_vente{
list-style-type:none;
padding:0;
margin:0;
}

ul.points_de_vente li{
list-style-type:none;
margin:10px 0 10px 0;
padding:5px;
border: 2px dotted #fcf794;
min-height:60px;
}

ul.points_de_vente li div.image{
height:56px;
width:64px;
margin:0 15px 0 5px;
float:left;
border:1px solid #CCC;
}



#footer {
	clear:both;
	text-align:center;
	width:877px;
	height:90px;
	background:transparent url(images/background_footer.gif) center no-repeat;
}
#footer a {
	color:#FFF;
	border:0;
	text-decoration:none;
}
#footer a img {
	position:relative;
	border:0;
	text-decoration:none;
}

.mention {float:right; margin-bottom:10px;font: 9px Verdana, Arial, Helvetica, sans-serif; color:#075a50;}
.mention a {font: 9px Verdana, Arial, Helvetica, sans-serif; color:#075a50; text-decoration:none;}
.mention a:hover {color:#fff; text-decoration:underline;}
#adressefooter {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:12px;
	height: 14px;
}

/*sert pour les formulaires pas bien remplis, met en évidence le champ vide*/
.focus {
  background-color: #ffcc00;
}

.message{
color:#FF6600;
font-size:10px;
line-height:10px;
}
input{
border:1px solid black;
}

textarea{
border:1px solid black;
}
form{
  font-size:12px;
}
label{
float:left;
display:block;
width:90px;
text-align:right;
padding-right:5px;
}

a:link {
color : #5E256B;
}
a:visited {
color : #990066;
}
a:hover {
color : #FFFFFF;
}
a:active {
color : #5E256B;
}