body
{
	background: #FFFFFF; /* Couleur de fond de la page */
	background-image: url("../../ecole-surf-crozon/img/degrade-bleu.jpg"); 
	background-repeat: repeat-x; 
	font-family: arial, sans-serif; /* Famille de polices de caractère de la page */
	font-size: 8pt; /* Taille de la police de caractère de la page */
	color: #666666; /* Couleur par défaut de la police de la page */
	text-align: center; /* On utilise text-align: center ; pour Internet Explorer */
	margin: auto; /* Pour centrer la page */
	margin-top: 10px; /* Une marge de 10 px pour écarter du bord supérieur du navigateur */
	padding: 0px; /* Padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */	
}

h1 /* Répétition du titre de la page en haut de page */
{
	font-family: arial, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-align: center; 
	margin-bottom: 5px;
}
h2 /* Ecole de Surf de Crozon-Morgat - Bretagne */
{
	font-family: arial black, arial, sans-serif; 
	font-size: 20pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	text-transform: uppercase;	
	text-align: center; 
}
h3 /* Liens menu horizontal dans le header */
{
	font-family: arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center; 
	padding: 0px;
	margin: 0px;
}
h4 /* Titre de paragraphe */
{
	font-family: arial black, arial, sans-serif; 
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	color: #006699;
	text-transform: uppercase;	
	border-bottom: 1px solid #66CCFF;	
	text-align: left;
	margin: 15px;
}
h5 /* Titres des liens en pied de page */
{
	font-family: arial, sans-serif; 
	font-size: 8pt;
	color: #FFFFFF;
	text-align: left;
	padding-top: 15px;
	padding-left: 45px;
}
h6 /* Coordonnées */
{
	width: 370px;
	font-family: arial, sans-serif; 
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	margin: 0 auto;
	padding: 10px 30px 20px 20px;
}

p
{
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-align: justify; 
	padding-left: 15px;
	padding-right: 15px;
}
.chapeau
{
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	text-align: justify; 
	padding-left: 15px;
	padding-right: 15px;
}
.centrer
{
	text-align: center; 
	margin: 0px auto;
	padding-top: 25px;
}
.coordonnees
{
	font-family: arial, sans-serif;
	font-size: 8pt;
	color: #006699;
	text-align: left; 
	margin: 0px auto;
	padding-left: 15px;
}

a:link
{
	color: #006699;
	text-decoration: none;
}
a:visited 
{
	color: #006699;
	text-decoration: none;
}
a:hover
{ 
	color: #0099FF;
	text-decoration: underline;
}
a:active 
{ 
	color: #0099FF;
	text-decoration: underline;
}
ul
{
	font-family: arial, sans-serif;
	font-size: 8pt;
	color: #006699;
	text-align: justify;
	margin-left: 70px;
	margin-bottom: 0px;
	padding: 0px 15px 15px 0px;
	padding-bottom: 0px;

}
.liste_liens
{
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-align: left; 
}
img
{
	border: 0px;
}

.tableaux_tarifs
{
	font-family: arial, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-align: center; 
}

div#cadre-fond
{
	width: 820px;
	background: #FFFFFF;
	border: 3px solid #FFFFFF;
	text-align: center;	
	margin: 0px auto;
}

/* Début Header */
div#header
{
	width: 820px;
	height: 170px ;
	background-image: url("../../ecole-surf-crozon/img/header.jpg"); 
	background-repeat: no-repeat; 
}
div#header a:link
{
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}
div#header a:visited 
{
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}
div#header a:hover 
{	
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline; 
}
div#header a:active 
{	
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline; 
}
/* Fin Header */

/* Début Boite Sardines */
div#boite-sardines_haut
{
	height: 18px;
	background-image: url("../../ecole-surf-crozon/img/boite-sardines_haut.gif"); 
	background-repeat: no-repeat; 
}
div#boite-sardines_corps
{
	background-image: url("../../ecole-surf-crozon/img/boite-sardines_corps.gif"); 
	background-repeat: repeat-y; 
}	
.boite-sardines_fond-noir
{	
	background: #000000;
	border: 3px solid #66CCFF;
}
.boite-sardines_couvercle
{	
	width: 70px;
	background: #006699;
	background-image: url("../../ecole-surf-crozon/img/boite-sardines_couvercle.gif"); 
	background-repeat: repeat-y; 
	border-top: 3px solid #66CCFF;
	border-bottom: 3px solid #66CCFF;	
}
.boite-sardines_fond-blanc
{	
	background: #FFFFFF;
	background-image: url("../../ecole-surf-crozon/img/boite-sardines_fond-blanc.jpg"); 
	background-repeat: no-repeat; 
	background-position : bottom right;
	border: 3px solid #66CCFF;
	padding-bottom: 15px;
}
div#boite-sardines_bas
{
	height: 18px;
	background-image: url("../../ecole-surf-crozon/img/boite-sardines_bas.gif"); 
	background-repeat: no-repeat; 
}
/* Fin Boite Sardines */

div#bouton-telechargement_coordonnees_sites-partenaires
{
	width: 820px;
	height: 396px;
	background-image: url("../../ecole-surf-crozon/img/bouton-telechargement_coordonnees_sites-partenaires_fond.jpg"); 
	background-repeat: no-repeat; 
}

/* Début Bouton téléchargement */
div#bouton-telechargement
{
	padding-top: 15px;
	padding-bottom: 65px;
}
div#bouton-telechargement a
{
	display: block;
	width: 312px;
	height: 75px;
	background: url("../../ecole-surf-crozon/img/bouton-telechargement.gif") no-repeat 0 0; 
	margin: auto;
}
div#bouton-telechargement a:hover
{
	background: url("../../ecole-surf-crozon/img/bouton-telechargement.gif") no-repeat 0 -75px; 
	margin: auto;
}
/* Fin Bouton téléchargement */

div#coordonnees_sites-partenaires
{
	width: 820px;
	padding-top: 13px;
}

div#sites-partenaires 
{
	width: 370px;
	font-family: arial, sans-serif; 
	font-size: 8pt;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	margin: 0 auto;
	padding: 0 15px 15px 0px;
}
div#sites-partenaires_logos 
{
	width: 300px;
	font-family: arial, sans-serif; 
	font-size: 8pt;
	font-weight: normal;
	color: #666666;
	text-align: right;
	margin: 0px auto;
	margin-top: 0px;
	padding: 0px;
	padding-top: 0px;
}
/* Fin Coordonnées et Sites partenaires */

/* Début Footer */
div#footer 
{
	width: 790px;
	background: #FFFFFF;
	margin: auto;
	padding: 15px;
}
div#footer p 
{
	font-size: 8pt;
	color: #006699;
	text-align: center;
}
div#footer a:link
{
	font-size: 8pt;
	color: #006699;
	text-decoration: none;
}
div#footer a:visited 
{
	font-size: 8pt;
	color: #006699;
	text-decoration: none;
}
div#footer a:hover
{	
	font-size: 8pt;
	color: #0099FF;
	text-decoration: underline; 
}
div#footer a:active
{	
	font-size: 8pt;
	color: #0099FF;
	text-decoration: underline; 
}
/* Fin Footer */

/* Début Menu Sardines */
.sardine-accueil a
{
	display: block;
	width: 150px;
	height: 54px;
	background: url("../../ecole-surf-crozon/img/sardine-accueil_hover.gif") no-repeat 0 0; 
}
.sardine-accueil a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-accueil_hover.gif") no-repeat 0 -54px; 
}
.sardine-materiel a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-materiel_hover.gif") no-repeat 0 0; 
}
.sardine-materiel a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-materiel_hover.gif") no-repeat 0 -50px; 
}
.sardine-spots a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-spots_hover.gif") no-repeat 0 0; 
}
.sardine-spots a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-spots_hover.gif") no-repeat 0 -50px; 
}
.sardine-meteo a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-meteo_hover.gif") no-repeat 0 0; 
}
.sardine-meteo a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-meteo_hover.gif") no-repeat 0 -50px; 
}
.sardine-photos a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-photos_hover.gif") no-repeat 0 0; 
}
.sardine-photos a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-photos_hover.gif") no-repeat 0 -50px; 
}
.sardine-videos a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-videos_hover.gif") no-repeat 0 0; 
}
.sardine-videos a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-videos_hover.gif") no-repeat 0 -50px; 
}
.sardine-cours a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-cours_hover.gif") no-repeat 0 0; 
}
.sardine-cours a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-cours_hover.gif") no-repeat 0 -50px; 
}
.sardine-tarifs a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-tarifs_hover.gif") no-repeat 0 0; 
}
.sardine-tarifs a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-tarifs_hover.gif") no-repeat 0 -50px; 
}
.sardine-inscriptions a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-inscriptions_hover.gif") no-repeat 0 0; 
}
.sardine-inscriptions a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-inscriptions_hover.gif") no-repeat 0 -50px; 
}
.sardine-forum a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-forum_hover.gif") no-repeat 0 0; 
}
.sardine-forum a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-forum_hover.gif") no-repeat 0 -50px; 
}
.sardine-liens a
{
	display: block;
	width: 150px;
	height: 50px;
	background: url("../../ecole-surf-crozon/img/sardine-liens_hover.gif") no-repeat 0 0; 
}
.sardine-liens a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-liens_hover.gif") no-repeat 0 -50px; 
}
.sardine-contact a
{
	display: block;
	width: 150px;
	height: 63px;
	background: url("../../ecole-surf-crozon/img/sardine-contact_hover.gif") no-repeat 0 0; 
}
.sardine-contact a:hover
{
	background: url("../../ecole-surf-crozon/img/sardine-contact_hover.gif") no-repeat 0 -63px; 
}
/* Fin Menu Sardines */