* { margin: 0; padding: 0; border: 0; }

body {
	background-image:  url(../../portail/index/img/fond.jpg);
	background-repeat: no-repeat;
}

.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;
padding-top: 135px;
background-image:  url(../../portail/index/img/fond_header.gif);
	background-repeat: no-repeat;
}
#contenu {
margin-top: 20px;
height: auto;
width: 100%;

}
#gauche {
position: absolute;
left: 17px;
top: 185px;
width: 226px;
height: auto;
}
#centre {
position: absolute;
left: 266px;
top: 185px;
width: 492px;
height: auto;
margin-top: 15px;
}
#cadre {
border: 1px solid #009;
}
#droite {
position: absolute;
left: 778px;
width: 226px;
top: 185px;
}
/* Header */
#header {
position: relative;
font: bolder 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}
#header a {
color: #009;
text-decoration: none;
}
#header a:hover {
color: #33CCFF;
text-decoration: none;
}
#english {
position: absolute;
top: 160px;
right: 90px;
width: 50px;
text-align: center;
line-height: 50px;
background-image: url(../index/img/anglais.gif);
background-repeat: no-repeat;
background-position: top center;
}
#francais {
position: absolute;
top: 160px;
right: 90px;
width: 50px;
text-align: center;
line-height: 55px;
background-image: url(../index/img/francais.gif);
background-repeat: no-repeat;
background-position: top center;
}

/* --------------------------
Barre de navigation à gauche
---------------------------*/
#gauche dl {
margin: 15px 0;
color: #009;
text-align: left;
}
#gauche h1 {
margin: 15px 0;
font: bolder 10px/1.5 Verdana, Arial, sans-serif;
color: #fff;
text-align: center;
background: #009;
}
#gauche dt {
border-top: 1px solid #009;
border-bottom: 1px solid #009;
width: 200px;
margin-top: 15px;
margin-bottom: 7px;
font: bolder 10px/1.5 Verdana, Arial, Sans-serif;
}
#gauche dd {
width: 200px;
font: 10px/1.5 Verdana, Arial, Sans-serif;
}
#gauche dd a {
display: block;
font-weight: normal;
text-decoration: none;
width: 200px;
background-image:url(../index/img/puce0.gif);
background-position: left center;
background-repeat: no-repeat;
text-indent: 20px;
color: #009;
}
#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 {
margin: 15px 0;
color: #009;
text-align: left;
}
#droite h1 {
margin: 15px 0;
font: bolder 10px/1.5 Verdana, Arial, sans-serif;
color: #fff;
text-align: center;
background: #009;
}
#droite dt {
border-top: 1px solid #003399;
border-bottom: 1px solid #009;
width: 200px;
margin-top: 15px;
margin-bottom: 7px;
font: bolder 10px/1.5 Verdana, Arial, Sans-serif;
}
#droite dd {
width: 200px;
font: 10px/1.5 Verdana, Arial, Sans-serif;
}
#droite dd a {
display: block;
font-weight: normal;
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 { background-color: #FFFFCC; border: 1px solid #FF0000; }
#flashinfo h1 { color: #FFFF00; background-color: #FF0000; margin-top: 0; }
#flashinfo dl { padding: 0 5px; }

.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;
}

/*photo centrale */
#photo_centrale {
font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif;
color: #009;
background-image: url(../accueil/img/fond2.jpg);
height: 306px;
}
#photo_centrale h1 {
font: bold 17px/1.25 Verdana, Arial, Sans-serif;
text-align: center;
}
#photo_centrale dl {
margin-top: 10px;
float: left;
}
#photo_centrale dt {
text-align: left;
width: 400px;
font: bold 16px/1.25 Verdana, Arial, Sans-serif;
margin-bottom: 10px;
}
#photo_centrale dd {
text-align: left;
width: 400px;
font: 12px/1.5 Verdana, Arial, Sans-serif;
}
#photo_centrale dd a {
display: block;
font-weight: bold;
color: #009;
text-decoration: none;
width: 400px;
background-image:url(../index/img/puce0.gif);
background-position: left center;
background-repeat: no-repeat;
text-indent: 20px;
}
#photo_centrale dd a:hover {
	background-image:url(../index/img/puce1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bolder;
	color: #009;
}

/* 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 {
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;
}

/* 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   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    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    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;
}




/* 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; }

/* Pour mettre en valeur un lien dans une barre de nav verticale */
#actu { background-color: #FFFFCC; border: 1px solid #FF0000; margin-top: 5px; width: 200px; }
#actu dt { color: #FFFF00; background-color: #FF0000; margin-top: 0; }
#actu dd { padding: 0 5px; }