body {margin: 0px; padding: 0px;  border: 0px; font: 10px Verdana, sans-serif; color:#003366;}

.normal { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #003366;}
.normal:link {text-decoration: underline; color: #003366;}
.normal:visited {text-decoration: underline; color: #003366;}
.normal:hover {text-decoration: none; color: #003366;}


#header {
margin: 0px; padding: 0px; border: 0px;
width: 765px;
height: 38px;
background-image: url(img/header.jpg);
background-position: right;
background-repeat: no-repeat;
}

#subheader {
margin: 0px; padding: 0px; border: 0px;
width: 765px;
height: 22px;
background-image: url(img/subheader.jpg);
background-position: right;
background-repeat: no-repeat;
}

.titreRubrique {padding-top:10px; font-size:18px; font-weight: bold; border-bottom: 1px solid #003366; color: #003366;}
.chapo {padding-top:10px; padding-bottom: 5px; font-size:12px; color: #CF0007; font-weight:bold;}
.chapo_contact {padding-bottom: 5px; font-size:12px; color: #CF0007;}



th.bleu {
background-color: #0076C0;
font-size: 11px;
color: #FFFFFF;
}


#main {
margin:0;
padding: 0;
border:0;
width: 765px;
min-height: 446px;
background-image: url(img/back.jpg);
background-position: left top;
background-repeat: no-repeat;
}

#corps {
padding-top: 2px;
margin-left: 40px;
margin-right: 180px;
}

#footer {
width: 765px;
height: 23px;
background-image: url(img/footer.gif);
background-position: right;
background-repeat: no-repeat;
}

/* Menu */
#sommes {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 0px;	/* dimensions selon l'image, à vous d'adapter */
top: 38px;
width: 274px;
height: 23px;
background: url(img/sommes1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#sommes a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(img/sommes.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#sommes a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

#sont {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 239px;	/* dimensions selon l'image, à vous d'adapter */
top: 38px;
width: 85px;
height: 23px;
background: url(img/sont1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#sont a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(img/sont.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#sont a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

#rencontrer {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 324px;	/* dimensions selon l'image, à vous d'adapter */
top: 38px;
width: 168px;
height: 23px;
background: url(img/rencontrer1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#rencontrer a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(img/rencontrer.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#rencontrer a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 


#loisirs {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 492px;	/* dimensions selon l'image, à vous d'adapter */
top: 38px;
width: 48px;
height: 23px;
background: url(img/loisirs1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#loisirs a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(img/loisirs.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#loisirs a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

#contact {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 540px;	/* dimensions selon l'image, à vous d'adapter */
top: 38px;
width: 225px;
height: 23px;
background: url(img/contact1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#contact a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(img/contact.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#contact a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 


/* BULLE bienvenue */
#bulle {
	background-image: url(img/bienvenue.png);
	text-align: center;
	border: 1px solid #003366;/* #A6CC37; */ 
	position: absolute;
	display:none;
	width: 386px;
	height: 100px;
	color: #FFFFFF;
}