html, body, p, a, div, img, form, h1, h2, h3, h4, h5, li {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background-image: url(images/papeete-natation-fond.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #298ddb;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d4d4d;
}
#papeete-natation {
	width: 960px;
	margin: auto;
	text-align: left;
}
#papeete-natation #menu {
	width: 210px;
	height: 288px;
	margin-bottom: 19px;
	background-image: url(images/papeete-natation-menu.jpg);
	background-repeat: no-repeat;
}
#papeete-natation #menu .bouton a {
	height: 12px;
	display: block;
	font-size: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
}
#papeete-natation #contenu-haut a.planning{
    text-decoration:none;
    color:#4D4D4D;
}
#papeete-natation #menu #accueil a {
	width: 70px;
	background-image: url(images/bouton-accueil.gif);
}
#papeete-natation #menu #accueil a:hover {
	background-image: url(images/bouton-accueil-hover.gif);
}
#papeete-natation #menu #activites a {
	width: 80px;
	background-image: url(images/bouton-activites.gif);
	margin-bottom: 5px;
}
#papeete-natation #menu #activites a:hover {
	background-image: url(images/bouton-activites-hover.gif);
}
#papeete-natation #menu #planning a {
	width: 81px;
	background-image: url(images/bouton-planning.gif);
}
#papeete-natation #menu #planning a:hover {
	background-image: url(images/bouton-planning-hover.gif);
}
#papeete-natation #menu #competitions a {
	width: 113px;
	background-image: url(images/bouton-competitions.gif);
}
#papeete-natation #menu #competitions a:hover {
	background-image: url(images/bouton-competitions-hover.gif);
}
#papeete-natation #menu #entrainements a {
	width: 167px;
	background-image: url(images/bouton-entrainements.gif);
}
#papeete-natation #menu #entrainements a:hover {
	background-image: url(images/bouton-entrainements-hover.gif);
}
#papeete-natation #menu #equipe a {
	width: 73px;
	background-image: url(images/bouton-equipe.gif);
}
#papeete-natation #menu #equipe a:hover {
	background-image: url(images/bouton-equipe-hover.gif);
}
#papeete-natation #menu #photos a {
	width: 97px;
	background-image: url(images/bouton-photos.gif);
}
#papeete-natation #menu #photos a:hover {
	background-image: url(images/bouton-photos-hover.gif);
}
#papeete-natation #menu #contact a {
	width: 76px;
	background-image: url(images/bouton-contact.gif);
}
#papeete-natation #menu #contact a:hover {
	background-image: url(images/bouton-contact-hover.gif);
}
#papeete-natation #menu .sous-menu-activites {
	margin-left: 30px;
	margin-bottom: 12px;
}
#papeete-natation #menu .sous-menu-activites a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #00a5e1;
}
#papeete-natation #menu .sous-menu-activites a:hover {
	color: #084c98;
}
#papeete-natation #coordonnees {
	width: 210px;
	height: 130px;
	padding-left: 20px;
	padding-top: 72px;
	background-image: url(images/papeete-natation-coordonnees.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
}
#papeete-natation #coordonnees a {
	color: #00819e;
}
#papeete-natation #contenu {
	width: 727px;
	float: right;
	margin-top: 25px;
	background-image: url(images/papeete-natation-contenu.jpg);
}
#papeete-natation #contenu-haut {
	width: 667px;
	padding: 30px;
	padding-top: 40px;
	background-image: url(images/papeete-natation-contenu-haut.jpg);
	background-repeat: no-repeat;
}
#papeete-natation #contenu .colonne {
	width: 318px;
}
#papeete-natation #contenu .colonne_large {
	width: 518px;
}
#papeete-natation #contenu .colonne-une {
	width: 210px;
	float: left;
	background-color: #CCCCCC;
}
#papeete-natation #contenu .colonne-deux {
	width: 210px;
	float: left;
	margin-left: 18px;
	margin-right: 18px;
	background-color: #CCCCCC;
}
#papeete-natation #contenu .colonne-trois {
	width: 210px;
	float: left;
	background-color: #CCCCCC;
}
#papeete-natation #contenu .colonne img {
	margin-right: 20px;
	margin-bottom: 12px;
}
#papeete-natation #contenu div.images {
	margin-right: 20px;
    width:110px;
}
#credits {
	color: #9a9a9a;
	margin-left: 300px;
	margin-bottom: 10px;
	font-size: 10px;
}
#credits a {
	color: #9a9a9a;
}
ul {
	margin: 0px;
	padding: 0px;
	padding-left: 16px;
}
li {
	margin-bottom: 4px;
}
h1 {
	display: block;
	width: 640px;
    height: 50px;
    padding-top: 35px;
	padding-left: 15px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

h1.bandeau-activite1{
    background-image: url(images/bandeau-activite1.gif);
}

h1.bandeau-activite2{
    background-image: url(images/bandeau-activite2.gif);
}

h1.bandeau-activite3{
    background-image: url(images/bandeau-activite3.gif);
}

h1.bandeau-activite4{
    background-image: url(images/bandeau-activite4.gif);
}

h1 a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
h2, h2 a {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #00819e;
	margin-bottom: 12px;
}


label {
	float: left;
	width: 70px;
	padding-right: 8px;
	text-align: right;
}
input {
	width: 200px;
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;
}
textarea{
	width: 200px;
	border: 1px solid #CCCCCC;
}
input.envoyer {
	width: 76px;
	height: 18px;
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;
	margin-left: 140px;
}
table {
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
	color: #666666;
}
tr {
	height: 40px;
}
th {
	border: 1px solid #CCCCCC;
	background-color: #E9E9E9;
	color: #00819e;
	padding: 6px;
}
td {
	border: 1px solid #CCCCCC;
	padding: 6px;
	
}
a { outline: none; }
.aligner-gauche { float: left; }
.aligner-droite { float: right; }
.aligner-centre { float: middle; }
.contenu-centre { margin-left:auto; margin-right:auto; text-align:center; }
.clear-both { clear: both; }
.display-block { display: block; }
.activites .liste-activites a {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #00819e;
	margin-bottom: 12px;
	text-decoration: none;
}
.activites ul.liste-activites {
	list-style-image:url("images/puce-activites.png");
	padding-left:50px;
	margin: 8px;
	margin-bottom: 20px;
}
.activites-entretien-apprentissage #contenu-haut img, .activites-performances #contenu img, .activites-vacances #contenu img {
	margin-right: 20px;
	margin-bottom: 12px;
}
.activites-entretien-apprentissage #contenu ul, .activites-performances #contenu ul, .activites-vacances #contenu ul {
	padding-left: 20px;
	float: left;
}

.activites-vacances li {
	width: 510px;;
}