/* Couleurs */
.colorJaune {color: #F5E9B9;}
.colorBleu  {color: #3B5998;}
.colorGris  {color: rgb(207,216,214);}
.colorRoseCl{color: rgb(179,63,96);}
.colorGrenat{color: rgb(90,32,48);}
.vertClair  {color: rgb(91,131,104);}
.vertFonce  {color: rgb(42,92,42);}
 /* balises html */
body {margin: 0; padding: 0; text-align:center;
  color: #000; background: #FFF;
  font-family: sans-serif; font-size:smaller;}
acronym {border: none;} 
a {text-decoration: none;}
a:link {color: rgb(179,63,96);}
a:visited {color: rgb(90,32,48);}
a:hover {text-decoration: underline;}
 /* Divisions */
#conteneur {
	width: 723px;
	margin: 0px auto 0px; padding: 0px;
	text-align:left; position:relative;
	}
/* Bannière : EBO + ma photo + FORMATEUR en dessous */
#teteDePage { background:url(../images/enTeteEricBo.png) 0 0 no-repeat;
height:157px; width:auto;}
#teteDePage img {
	height: 218px;
	width: 250px;
	position: absolute;
	z-index: 101;
	top: 0; right: 0; margin: 0;
	}
#teteDePage h1 span { visibility:hidden;}
#teteDePage h2 {
	position: absolute;
	z-index: 102;
	top: 134px;
	right: 260px;
	margin: 0; padding: 0;
	color: rgb(91,131,104);
	font: bold italic 1.1em/1em Times, serif;
	letter-spacing: 0.2em;
}
/* Fond et position des 4 Boutons Flash */
#sommaireRapide { background:url(../images/sommaireRapide.jpg) 0 100% no-repeat;
	height: 55px; width:auto; margin: 1px 0; padding: 1.6em 0.1em 0 2.2em;}
#sommaireRapide ul { margin-top:0px;}

#preambule, #texteDeSoutien { padding-right:250px;}
#preambule p, #texteDeSoutien p {
font-size:90%; line-height:1.66em; margin:0 1.5em; padding:0.5em 0;}
#preambule h3, #texteDeSoutien h3 { letter-spacing:0.1em; font:italic 1.3em "Times New Roman", Times, serif; color: rgb(42,92,42); margin: 1em; 0 0.5em 0.5em;}
#preambule p.p1{ line-height:0.5em;}
/* Fond dégradé "liste des liens" */
#preambule { background:url(../images/degradeSide.jpg) 100% 100% repeat-y; border-top: 1px solid rgb(91,131,104);}
#preambule, #explications, #participation {
border-left: 1px solid rgb(184,214,194);
padding-top: 1px; padding-bottom: 1px;}
#texteDeSoutien { background:url(../images/degradeSide.jpg) 100% 100% repeat-y;}
/* Avant Dernière image */
#participation { border-bottom:1px solid rgb(184,214,194); background:url(../images/principal.jpg) 30% 100% no-repeat; padding-bottom: 64px;}
/* Pied de Page avec image */
#piedDePage { margin: 0 -250px 0 0px; height: 69px;
background: #FFF url(../images/piedPage.jpg) 100% 1px no-repeat; padding: 54px 1em 0 0.5em;}
#piedDePage a {color: rgb(207,216,214); line-height: 1em; font-size: 1.15em; font-weight:100; padding: 0 0.2em 0 0;}
#piedDePage img { border:none;}
/* Liste des liens */
#listeDesLiens {
position:absolute; z-index:11;
width:250px; top:130px; right:0;}
/* Caractères des liens */
#listeDesLiens ul { margin:0.5em 1em 0 2em; padding:0;}
#listeDesLiens li { list-style:none;}
#listeDesLiens a { font: italic 1.15em "Times New Roman", Times, serif; text-transform:lowercase; color: rgb(42,92,42);}
/* Titres-images */
#listeDesLiens h3 { margin: 1em 0 0; width: 191px; height: 29px; background:url(../images/res-sources.png) 10px 50% no-repeat;}
#lselect h3 { background:url(../images/choixCours.png) 10px 50% no-repeat;}
#larchives h3 {background:url(../images/archives.png) 10px 50% no-repeat;}
#listeDesLiens h3 span { display:none;}
/* Paragraphe "Choix cours" */
#lselect li { font-size: 85%; margin-bottom: 1.5em;}
#lselect li a { font-weight:bold; letter-spacing: 0.2em; text-transform: lowercase;}