body {
	background-image:  url(../../2007/index/img/fond.jpg);
	background-repeat: no-repeat;
	margin: 0;
}
.bodyanglais {
background-image:  url(../index/img/fond_ang.jpg);
}
img {
border: 0;
}
p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
.justifdroite {
	text-align: right !important;
}
.justifcentre {
	text-align: center !important;
}
.filet {
	border: 0;
	border-top: 1px solid #009;
}
.italique {
	font-style: italic !important;
}
.gras {
font-weight: bolder !important;
}
.flashplayer {
font: normal 10px Verdana, Arial, Helvetica, sans-serif !important;
text-align: center !important;
}
.dessous { clear: both; }  /* pour obliger l'élément à passer à la ligne (après une image flottante par ex) /*
/* Structure principale */
#header {
width: 1024px;
height: 140px;
margin: 0;
padding-top: 105px;
padding-left: 32px;
}
#contenu {
margin-top: 20px;
height: auto;
width: 100%;
}
#gauche {
position: absolute;
left: 17px;
top: 140px;
width: 226px;
height: auto;
}
#centre {
position: absolute;
left: 266px;
top: 140px;
width: 492px;
height: auto;
margin: 0;
margin-top: 15px;
}
#cadre {
border: 1px solid #009;
}
#droite {
position: absolute;
left: 778px;
width: 226px;
top: 140px;
}
/* Header */

#indien {
position: relative;
top: 25px;
width: 200px;
height: 15px;
font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
color: #009;
text-align: center;
}
#depart {
position: absolute;
top: 108px;
left: 480px;
width: 260px;
height: 20px;
background-image: url(../index/img/depart.gif);
background-repeat: no-repeat;
text-align: center;
font: bolder 10px/15px Verdana, Arial, Helvetica, sans-serif;
color: white;
}
#header a {
color: #009;
}
#header a:hover {

}

#kit {
	float: left;
	width: 130px;
	height: 20px;
	margin-left: 30px;
	text-indent: 20px;
	line-height: 20px;
	background-image: url(../index/img/kit_of.gif);
	background-repeat: no-repeat;
}
#kit a {
display: block;
width: 130px;
height: 20px;
background-image: url(../index/img/kit_of.gif);
background-repeat: no-repeat;
}
#kit a:hover {
background-image: url(../index/img/kit_on.gif);
background-repeat: no-repeat;
}
#english {
float: left;
width: 80px;
height: 20px;
margin-left: 30px;
text-indent: 10px;
line-height: 20px;
background-image: url(../../2007/index/img/langue_a.gif);
background-repeat: no-repeat;
}
#francais {
float: left;
width: 80px;
height: 20px;
margin-left: 30px;
text-indent: 5px;
line-height: 20px;
background-image: url(../index/img/langue_f.gif);
background-repeat: no-repeat;
}
/* Barre de navigation à gauche */
#gauche dl {
padding: 0;
border: 0;
margin: 15px 0;
}
#gauche h1 {
margin: 15px 0;
font: bolder 10px/1.5 Verdana, Arial, sans-serif;
color: #fff;
text-align: center;
background: #009;
}
#gauche dt {
text-align: left;
border-top: 1px solid #009;
border-bottom: 1px solid #009;
width: 200px;
margin: 0;
margin-top: 15px;
margin-bottom: 7px;
padding: 0;
font: bolder 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
}
#gauche dd {
text-align: left;
width: 200px;
margin: 0;
padding: 0;
font: 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
}
#gauche dd a {
display: block;
font-weight: normal;
padding: 0;
color: #009;
text-decoration: none;
width: 200px;
background-image:url(../index/img/puce0.gif);
background-position: left center;
background-repeat: no-repeat;
text-indent: 20px;
}
#gauche dd a:hover{
	background-image:url(../index/img/puce1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bolder;
	color: #009;
}
/* Barre de navigation à droite */
#droite dl {
padding: 0;
border: 0;
margin: 15px 0;
}
#droite h1 {
margin: 15px 0;
font: bolder 10px/1.5 Verdana, Arial, sans-serif;
color: #fff;
text-align: center;
background: #009;
}
#droite dt {
text-align: left;
border-top: 1px solid #003399;
border-bottom: 1px solid #009;
width: 200px;
margin: 0;
margin-top: 15px;
margin-bottom: 7px;
padding: 0;
font: bolder 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
}
#droite dd {
text-align: left;
width: 200px;
margin: 0;
padding: 0;
font: 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
}
#droite dd a {
display: block;
font-weight: normal;
padding: 0;
color: #009;
text-decoration: none;
width: 200px;
background-image:url(../index/img/puce0.gif);
background-position: left center;
background-repeat: no-repeat;
text-indent: 20px;
}
#droite dd a:hover {
	background-image:url(../index/img/puce1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bolder;
	color: #009;
}
#aideetaction dt {
border-bottom: 0;
margin-bottom: 0;
}
#aideetaction dd {
border-bottom: 1px solid #009;
padding-bottom: 3px;
text-align: justify;
}
#aideetaction dd a {
background-position: left top;
}
#aideetaction dd a:hover {
background-position: left top;
}
#flashinfo {
padding: 0;
border: 1px solid #009;
width: 226px;
margin: 0;
margin-top: 25px;
}
#flashinfo h1 {
margin: 0;
font: bolder 10px/1.5 Verdana, Arial, sans-serif;
color: #fff;
text-align: left;
background: #009;
width: 150px;
}
#flashinfo dl {
margin: 15px;
}
#flashinfo dt {
text-align: left;
margin: 0;
margin-bottom: 7px;
padding: 0;
font: bolder 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
border: 0;
}
#flashinfo dd {
text-align: justify;
margin: 0;
padding: 0;
font: 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
}
#flashinfo img {
display: block;
	text-align: center;
	font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #009;
}
#clubs {
border-bottom: 1px solid #009;
padding-bottom: 3px;
}
#clubs h1 {
margin-bottom: 0px;
}
#clubs dl {
margin-top: 0px;
}
#clubs dd {
}
#clubs dd a {
background-image: none;
text-indent: 0;
}
#clubs dd a:hover {
background-image: none;
}
#clubs img {
margin-right: 10px;
position: relative;
top: 10px;
}

.pasdecarre a {   /* pour ne pas avoir de carrés bleus devant les liens */
display: inline !important;
background-image: none !important;
text-indent: 0 !important;
}
.pasdecarre a:hover {
background-image: none !important;
}

/* P A R T I E   C E N T R A L E */

#contenuprincipal {
width: 462px;
padding: 15px;
border: 0;
margin: 0;

}

/*photo centrale */
#photo_centrale {
text-align: right;
font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif;
color: #009;
}


/* Logos partenaires */
#logospartenaires {
width: 462px;
border: 0;
text-align: center;
}
#logospartenaires h1 {
	font: 12px/1.25 Verdana, Arial, Helvetica, sans-serif;
	color: #009;
	font-weight: bold;
	margin: 0;
	margin-top: 20px;		
}
.espacesup {
margin-top: 15px;
}
#logospartenaires img {
margin: 0 10px;
}
/* D I V E R S */
.lirelasuite a {
font: italic 10px/2 Verdana, Arial, Sans-serif;
color: #009;
text-decoration: none;
background-image:url(../index/img/suite.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 0;
padding-left: 15px;
margin: 0;
}
.lirelasuite a:hover {
text-decoration: underline;
}

/* C O N T E N U   P A G E   D ' A C C U E I L */
/*Mise en page */
#articleaccueil {
margin: 0;
padding: 0;
width: 462px;
height: 220px;                   /* hauteur article accueil */
overflow: hidden;
}

/*Textes*/
#articleaccueil h1 { /* titre des pages */
	font: normal 18px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 10px;
	color: #009;
}
#articleaccueil h2 { /* sous-titre */
	font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-top: 10px;
	color: #009;
}
#articleaccueil h3 { /* chapeau justifié en italique */
	font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #009;
	margin-top: 10px;
	font-style: italic;
}

#articleaccueil p { /* texte courant */
	font: normal 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-top: 5px;
	color: #009;
}
#articleaccueil h5 { /* petits textes en haut (date, etc.) */
	font: 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #009;
}

/* Liens principaux - mise en page */
#liensprincipaux {
width: 462px;
height: 200px;
padding: 10px 0 0 0;
border: 0;
margin: 10px 0 0 0;
border-top: 1px solid #009;
}

#positionplanche {
padding: 0;
margin: 0;
height: 180px;
width: 144px;
float: left;
background: url(../index/img/position.gif) no-repeat bottom center;
}
#ecoutervacation {
padding: 0;
margin: 0;
height: auto;
width: 144px;
float: left;
margin-left: 15px;
background: url(../index/img/vacation.gif) no-repeat 100% 30px;
}
#decouvrir {
padding: 0;
margin: 0;
margin-top: 10px;
}
#liremeteo {
padding: 0;
margin: 0;
height: 180px;
width: 141px; /* au lieu de 144 pour faire plaisir à IE */
float: left;
margin-left: 15px;
background: url(../index/img/meteo.gif) no-repeat bottom center;
}
/* Liens principaux - textes */
#liensprincipaux dl {
margin: 0;
}
#liensprincipaux dd {
text-align: left;
margin: 0;
padding: 0;
font: 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
}
#liensprincipaux dd a {
display: block;
font-weight: bolder;
padding: 0;
color: #009;
text-decoration: none;
background-image:url(../index/img/puce0.gif);
background-position: left center;
background-repeat: no-repeat;
text-indent: 20px;
}
#liensprincipaux dd a:hover{
	background-image:url(../index/img/puce1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bolder;
	color: #009;
}
#decouvrir h1 {
margin: 0;
font: 10px/1.5 Verdana, Arial, sans-serif;
color: #009;
font-weight: bolder;
text-align: left;
border-top: 1px solid #039;
border-bottom: 1px solid #009;
width: 144px;
margin-bottom: 4px;
}
#decouvrir dl {
margin: 0;
}
#decouvrir dt {
text-align: left;
margin: 0;
margin-bottom: 4px;
padding: 0;
font: bolder 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
border: 0;
}
#decouvrir dd {
text-align: left;
margin: 0;
padding: 0;
font: 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
}

/* C O N T E N U  A R T I C L E S */
/*Mise en page */

#article {
margin: 0;
padding: 0;
width: 462px;
height: auto;
}

/*Textes*/
#article h1 { /* titre des pages */
	font: normal 18px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 10px;
	color: #009;
}
#article h2 { /* sous-titre */
	font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-top: 10px;
	color: #009;
}
#article h3 { /* chapeau justifié en italique */
	font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #009;
	margin-top: 10px;
	font-style: italic;
}
#article p { /* texte courant */
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-top: 5px;
	color: #009;
}
#article h5 { /* petits textes en haut (date, etc.) */
	font: 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #009;
}
/* photos + légende */
.photodroite {
	float: right;
	margin-left: 20px;
	text-align: center;
	font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #009;
}
.photogauche {
	float: left;
	margin-right: 20px;
	text-align: center;
	font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #009;
}
.photodroite img {
	display: block; /* pour placer la légende sous l'image */
	}
.photogauche img {
	display: block; /* pour placer la légende sous l'image */
	}
	
/* C O N T E N U   C O M M U N I Q U E   P R E S S E */

#gestion { /* Gestion et management du projet sportif */
	border: 0;
	border-top: 1px solid #009;
	margin: 0;
	margin-top: 15px;
}
#gestion h3 {
	font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #009;
	margin-top: 10px;
	font-style: italic;
}
#gestion p { /* texte courant */
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 5px;
	color: #009;
}

/* C O N T E N U   R E C A P I T U L A T I F - pour communiqués de presse, points du jour */

#recap {
margin: 0;
padding: 0;
color: #009;
}
#recap h1 {
font: bolder 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #009;
	margin: 0;
	}
#recap h5 {
	font: 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #009;
}
#recap dl {
font: 10px/1.5 Verdana, Arial, Halvetica, sans-serif;
margin: 0;
}
#recap dt {
font-weight: bolder;
border-top: 1px solid #009;
margin: 0;
margin-top: 5px;
}
#recap dd a{
text-decoration: none;
color: #009;
}
#recap dd a:hover {
text-decoration: none;
font-weight: bolder;
color: #009;
}

/* P A G E    E Q U I P E */
#equipe ul {
list-style-type: none;
font: 10px/1.5  Verdana, Arial, Helvetica, sans-serif;
color: #009;
text-align: justify;
margin: 0;
margin-top: 20px;
padding: 0;
}
#equipe li{
margin: 0px;
height: auto;
margin-bottom: 20px;
}
#equipe img {
float: left;
margin: 0;
margin-right: 20px;
margin-bottom: 20px;
}
#equipe h1 {
	font: normal 18px/1.5 "Times New Roman", Times, serif;
	text-align: center;
	margin-top: 10px;
	color: #009;
}
/* P A G E   P A R T E N A I R E S */
#parten ul {
list-style-type: none;
font: 10px/1.5  Verdana, Arial, Helvetica, sans-serif;
color: #009;
text-align: justify;
margin: 0;
margin-top: 20px;
padding: 0;
}
#parten li{
margin: 0px;
height: auto;
border-top: 1px solid #009;
margin-top: 15px;
clear: both;
}
#parten img {
float: left;
margin: 0;
margin-right: 20px;
margin-top: 5px;
}
#parten h1 {
	font: normal 18px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 20px;
	color: #009;
}
/* P A G E   L I E N S */
#liens {
margin: 0;
padding: 0;
color: #009;
}
#liens dl {
font: 10px/1.5 Verdana, Arial, Halvetica, sans-serif;
margin: 0;
}
#liens dt {
font-weight: bolder;
border-top: 1px solid #009;
margin: 0;
margin-top: 5px;
}
#liens dd {
text-align: justify;
margin-left: 50px;
}
#liens dd a{
text-decoration: none;
color: #009;
}
#liens dd a:hover {
text-decoration: none;
font-weight: bolder;
color: #009;
}

/* P A G E   M E N T I O N S   L E G A L E S */
#mentions ul {
list-style-type: none;
font: 10px/1.5  Verdana, Arial, Helvetica, sans-serif;
color: #009;
text-align: justify;
margin: 0;
margin-top: 20px;
}
#mentions li{
margin: 0px;
height: 80px;
border-top: 1px solid #009;
}
#mentions img {
float: right;
margin: 0;
margin-left: 20px;
margin-top: 5px;
}

/*P A G E   E C O L E */
#formulaireecole {
margin-top: 15px;
height: 350px;
width: auto;
}
#texteformulaireecole {
padding: 0;
margin: 0;
width: 150px;
height: auto;
float: left;
}
#champsformulaireecole {
padding: 0;
margin: 0;
width: 200px;
height: auto;
float: left;
margin-left: 15px;
}
#formulaireecole dl {
padding: 0;
border: 0;
margin: 0;
}
#formulaireecole dd {
padding: 0;
border: 0;
margin: 0;
margin-top: 5px;
height: 25px;
text-align: left;
font: 10px/1.5 Verdana, Arial, Sans-serif;
color: #009;
}
dd.adresseformulaire {
height: 75px !important;
}
dd.message {
height: 150px !important;
}
#formulaireecole input {
width: 200px;
color: #009;
font: 10px Verdana, Arial, sans-serif;
border: 1px solid #009;
}
#formulaireecole textarea {
width: 200px;
color: #009;
font: 10px Verdana, Arial, sans-serif;
border: 1px solid #009;
}
.boutonformulaireecole {
width: 75px !important;
}

/* P A G E   C L A S S E S */
#classes ul {
list-style-type: none;
font: 10px/1.5  Verdana, Arial, Helvetica, sans-serif;
color: #009;
text-align: justify;
margin: 0;
margin-top: 20px;
}
#classes li{
margin: 0px;
border-top: 1px solid #009;
}

/* P A G E    P H O T O S */
/* on commence par les pages Galeries */
.autres_pages {
font: 10px Verdana, Arial, Sans-serif; color: #009; text-align: center;
}
.autres_pages a {color: #009; text-decoration: none;}
div.photos {
float: left;
height: 190px;
width: 130px;
margin: 5px 3px;
padding: 0px;
border: none;
}
div.photos img {border: 1px solid; border-color: #444 #aaa #444 #aaa;}
div.portrait img {height: 128px; width: 96px; margin: 0 16px;}
div.paysage img {height: 96px; width: 128px; margin: 32px 0 0;}
div.photos ul {margin: 0.25em 0 0 0; padding: 0; font: 10px/1.5 Verdana, arial, helvetica, sans-serif; color: #009;}
div.photos a {color: #009; text-decoration: none;}
li.legende_vignette {display: block; list-style: none; text-align: center;}

/* P A G E   V I E   A   B O R D */
.petittexte {
font: 10px/1.5 Verdana, Arial, sans-serif !important;
}
/* Les lignes qui suivent pour afficher une image au survol */ 
.vieabord { position: relative; } /* pour appliquer la position absolue à a:hover */
.vieabord a { text-decoration: none; }
.vieabord a:hover { background: none; }
.vieabord a span { display: none; } /* pour rendre invisible le contenu du span */
.vieabord a:hover span {
display: inline; /* pour rendre visible le contenu du span */
position: absolute;
top: -20px;
left: -180px;
width: 320px;
height: 214px;
margin: 0px;
border: 0;
padding: 0;
}

/* P A G E    B I O D E V E R S I T E  */
.tableaubiodiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009;
	border: 1px solid #009;
	width: 400px;
}
.tableaubiodiv caption {
text-align: left;
}
.tableaubiodiv thead {
	background-color: #009;
	color: #fff;
	text-align: left;
}
.tableaubiodiv th {
	background-color: #009;
	color: #fff;
	text-align: left;
} 
.tableaubiodiv td, th {
vertical-align: middle;
padding: 0 0.5em;
/*		border-bottom: 1px solid #009; */
	
}
.colonnedroite {
	font-style: italic;
	text-align: right;
}
.fondclair {
background-color: #eee;
}

/*  P A G E    P O S I T I O N  */

#position {
margin: 0;
padding: 0;
color: #009;
}
#position h1 {
font: bolder 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #009;
	margin: 0;
	}
#position dl {
font: 10px/1.5 Verdana, Arial, Halvetica, sans-serif;
margin: 0;
}
#position dt {
font-weight: bolder;
border-top: 1px solid #009;
margin: 0;
margin-top: 5px;
}
#position dd a{
text-decoration: none;
color: #009;
}
#position dd a:hover {
text-decoration: none;
font-weight: bolder;
color: #009;
}

/*  P A G E    V A C A T I O N  */
.frise {
float: left;
height: 50px;
width: 50px;
margin: 0;
padding: 0px;
border: none;
}

/*  P A G E    V I L L E S  */
#encadre {
border: 1px solid #009;
padding: 10px;
width: 350px;
background-color: #0ff;
}

/*  P A G E    F I C H E S  */
#fiches ul {
padding: 0; margin: 0;
font: bolder 13px/3 Verdana, Arial, Sans-serif;
list-style-type: none;
}
#fiches li {  }
#fiches ul a {
color: #009;
text-decoration: none;
}
#fiches li a { padding-left: 40px; }
#fiches li#terre { background: url(../../2007/fiches/img/terre.gif) left top no-repeat; }
#fiches li#terre a { color: #3B5798; }
#fiches li#terre a:hover { color: #C7D5E6; }
#fiches li#faune { background: url(../../2007/fiches/img/faune.gif) left top no-repeat; }
#fiches li#faune a { color: #70A63E; }
#fiches li#faune a:hover { color: #D7E8CA; }
#fiches li#techno { background: url(../../2007/fiches/img/techno.gif) left top no-repeat; }
#fiches li#techno a { color: #755F5E; }
#fiches li#techno a:hover { color: #DAD9DA; }
#fiches li#vie { background: url(../../2007/fiches/img/vie.gif) left top no-repeat; }
#fiches li#vie a { color: #9E3056; }
#fiches li#vie a:hover { color: #E2C1D6; }
#fiches li#bretagne { background: url(../../2007/fiches/img/bretagne.gif) left top no-repeat; }
#fiches li#bretagne a { color: #485F54; }
#fiches li#bretagne a:hover { color: #C9D8D5; }
#fiches li#enseignants { background: url(../../2007/fiches/img/enseignants.gif) left top no-repeat; }
#fiches li#enseignants a { color: #E63C83; }
#fiches li#enseignants a:hover { color: #F8DFE8; }

.liste_fiches li
{
font: 12px/2 Verdana, Arial, Sans-serif;
}
.liste_fiches li a {
padding-left: 20px !important;
background: url(../../2007/fiches/img/pdf.gif) left top no-repeat !important;
}
.liste_fiches span {
font: italic 10px Verdana, Arial, Helvetica, sans-serif;
}

/*  P A G E    P A R C O U R S  */
#programme dt {
font: bolder 12px/1 Verdana, Arial, Helvetica, sans-serif;
color: #009;
margin-top: 20px;
}
#programme .date {
background-color: #33CCFF;
color: #0 9;
}
#programme dd {
font: 11px/1 Verdana, Arial, Helvetica, sans-serif;
color: #009;
margin-top: 10px;
}
 
/* N O U V E A  U T E S   D U    S I T E */
#nouveautes {
background-color: #80c49b; }
#nouveautes h1 { background-color: #108237; }
#nouveautes dd { padding-left: 10px; }
#nouveautes dd a { text-indent: 0; }

/* A U J O U R D ' H U I */
#aujourdhui {

padding: 0 5px;
background-color: #66CCFF; }
#aujourdhui dt { border: 0; }
#aujourdhui dd { padding-left: 10px; }
#aujourdhui dd a { text-indent: 0; }