html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
div#global {
	position:absolute;
	top:12px;
	left:16px;
	width:964px;
	height:567px;
	margin:0;
	padding:0;
	background:url('../images/background.gif') no-repeat top left;
	border:1px solid black;
}
img#logoGrand {
	position:absolute;
	top:10px;
	left:25px;
	padding:0;
	border:0;
	margin:0;
}
img#logoPetit {
	position:absolute;
	top:17px;
	left:28px;
	padding:0;
	border:0;
	margin:0;
}
img#logoCreditMutuel {
	position:absolute;
	top:17px;
	right:28px;
	padding:0;
	border:0;
	margin:0;
}
div#paragraphe1, #paragraphe2, #paragraphe3 {
	position:absolute;
	top:310px;
	left:388px;
	margin:0;
	padding:0;
	width:230px;
	height:65px;
	border:0;
}
div#paragraphe2 {
	top:358px;
	left:388px;
}
div#paragraphe3 {
	top:388px;
	left:638px;
	width:250px;
}
div#zoneTexte {
	position:absolute;
	top:165px;
	left:285px;
	margin:0;
	padding:0;
	width:565px;
	height:330px;
	overflow:auto;
	border:1px solid #BBBBBB;
	background-color:#FFFEF8;
}
#zoneTexte h2 {
	font-family:Trebuchet MS, sans-serif;
	text-align:left;
	font-size:1.2em;
	color:#A7A9AC;
	margin:0.8em 0 0.5em 25px;
	padding:0;
	background-color:#FFFEF8;
}
#zoneTexte p, #zoneTexte p.dernier {
	text-align:justify;
	font-family:Verdana, sans-serif;
	font-size:0.70em;
	font-weight:normal;
	color:black;
	line-height:1.5em;
	margin:0 0 1em 0;
	padding:0 50px 0 25px;
	text-align:justify;
	background-color:#FFFEF8;
}
#zoneTexte p.dernier {
	margin:0 0 25px 0;
}
#zoneTexte p.formulaire {
	position:relative;
	top:0;
	left:0;
	font-size:0.7em;
	font-weight:bold;
	margin-bottom:10px;
}
#zoneTexte p.formulaire2 {
	position:relative;
	top:0;
	left:0;
	font-size:0.7em;
	font-weight:normal;
	margin-bottom:10px;
}
#zoneTexte ul {
	padding:1%;
	width:350px;
	margin:0 0 5px 15px;
	list-style-type:none;
	text-align:justify;
}
#zoneTexte li {
	margin:0 0 10px 5px;
	padding-left:13px;
	font-size:0.7em;
	background:url('../images/puce-losange.gif') no-repeat center left;
}
#zoneTexte ol li {
	background:none;
	padding:0 50px 0 0;
	font-size:0.8em;
	line-height:1.7;
}
#zoneTexte a {
	color:#34A378;
	font-weight:bold;
}
#zoneTexte a:hover {
	text-decoration:none;
	color:#B8100E;
}
div#zoneLiens {
	width:300px;
	height:160px;
	margin:0 0 0 15px;
	padding:10px 0 0 5px;
	overflow:auto;
	background-color:white;
	border:1px solid #BBBBBB;
}
#zoneLiens ul {
	width:270px;
	margin:0;
	list-style-type:none;
}
#zoneLiens li {
	background:none;
}
div#menuGauche, div#menuGaucheOuverture, div#menuParcours, div#menuGlossaire {
	position:absolute;
	top:222px;
	left:62px;
	margin:0;
	padding:0;
	width:155px;
	height:312px;
	overflow:auto;
	border:1px solid #BBBBBB;
	background-color:#FFFEF8;
}
div#menuParcours, div#menuGlossaire {
	position:absolute;
	top:185px;
	left:63px;
	height:147px;
	width:155px;
}
div#menuGlossaire {
	top:357px;
}
#menuGauche ul, #menuGaucheOuverture ul, #menuParcours ul, #menuGlossaire ul {
	list-style-type:none;
	margin:20px 0 0 11px;
	padding:0;
	border:0;
}
#menuGaucheOuverture ul {
	margin-top:30px;
}
#menuParcours ul, #menuGlossaire ul {
	margin:10px 0 0 11px;
}
#menuGauche li, #menuGaucheOuverture li, #menuParcours li, #menuGlossaire li {
	font-size:0.7em;
	background:url('../images/puce-triangle.gif') no-repeat bottom left;
	margin-bottom:1em;
	padding-left:10px;
}
#menuGaucheOuverture li {
	margin-bottom:50px;
}
#menuParcours li, #menuGlossaire li {
	margin-bottom:0.7em;
}
#menuGauche a, #menuGaucheOuverture a, #menuParcours a, #menuGlossaire a {
	text-decoration:none;
	color:#FF0066;
}
strong {
	color:#B8100E;
}
div#zoneElement {
	position:absolute;
	top:140px;
	left:238px;
	margin:0;
	padding:25px 0 0 0;
	width:405px;
	height:290px;
	border-width:0;
	border-style:solid;
	border-color:#BBBBBB;
}
#zoneElement li {
	margin:0 0 10px 0;
	padding-left:0;
	font-size:0.8em;
}
#zoneElement p {
	font-size:0.8em;
	font-weight:normal;
	color:black;
	margin:15px 0 5px 0;
	padding:0 0 0 15px;
	width:350px;
	line-height:1.6em;
	text-align:justify;
	background-color:#FFFEF8;
}
#zoneElement a {
	color:#34A378;
}
#zoneElement a:hover {
	text-decoration:none;
	color:#BBBBBB;
}
div#titreElement {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
#titreElement h2 {
	margin:0;
	padding:4px 8px 4px 8px;
	width:auto;
	background-color:#FFF77A;
	font-size:0.9em;
	font-weight:bold;
	color:#D41A1A;
}
div#contenuElement {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:auto;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#BBBBBB;
	background-color:#FFFEF8;
}
#zoneElement strong, #contenuElement strong {
	color:#000000;
}
div#liensSortants {
	position:absolute;
	top:347px;
	left:696px;
	width:145px;
	height:157px;
	margin:0;
	padding:5px 0 5px 0;
	overflow:auto;
	background-color:white;
	border:1px solid #BBBBBB;
	background-color:#FFFEF8;
}
#liensSortants ul {
	list-style-type:none;
	margin:10px 0 0 11px;
	padding:0;
	border:0;
}
#liensSortants li {
	font-size:0.7em;
	background:url('../images/puce-triangle.gif') no-repeat bottom left;
	padding-left:10px;
	margin:0 0 7px 0;
}
#liensSortants a {
	text-decoration:none;
	color:#FF0066;
}
div#environnementTexte {
	position:absolute;
	top:474px;
	left:238px;
	background-color:#FFFEF8;
	border:1px solid #BBBBBB;
	margin:0;
	padding:0;
	font-weight:normal;
}
#environnementTexte p.environnement1 {
	font-size:0.6em;
	margin:8px 15px 0 5px;
	font-weight:normal;
	background-color:#FFFEF8;
}
#environnementTexte p.environnement2 {
	font-size:0.6em;
	margin:4px 15px 5px 5px;
	font-weight:normal;
	background-color:#FFFEF8;
}
#environnementTexte a {
	color:#FF0066;
	font-weight:normal;
	background-color:#FFFEF8;
}
div#secondeZone {
	position:absolute;
	top:173px;
	left:626px;
	border:1px solid #BBBBBB;
	margin:0;
	padding:0;
	width:275px;
	height:180px;
	background-color:#FFFEF8;
}
h1,  h1.titreProlegomenes {
	position:absolute;
	top:38px;
	right:69px;
	text-align:right;
	font-size:1.2em;
	color:#B8100E;
	margin:0;
	padding:0;
}
h1.titreProlegomenes {
	right:19px;
}
h1.titresOuverture {
	position:relative;
	top:0;
	left:0;
	text-align:left;
	font-size:0.9em;
	color:#B8100E;
	margin:0;
	padding:0;
	background-color:white;
}
h1.titresOuverture2 {
	position:relative;
	top:0;
	left:0;
	text-align:left;
	font-size:0.9em;
	color:#B8100E;
	margin-top:30px;
	padding:0;
	background-color:white;
}
h3 {
	font-size:1em;
	font-weight:bold;
	margin:1% 0 0 0;
	padding:0;
	color:#A7A9AC;
	text-align:center;
}
p {
	font-size:0.7em;
	color:black;
	margin:0 0 10px 0;
	padding:0;
	font-weight:bold;
	text-align:justify;
	background-color:white;
}

div#boussole {
	position:absolute;
	top:450px;
	right:41px;
	margin:0;
	padding:0;
	width:54px;
	height:54px;
	background-color:white;
	border:0;
}
img#boussoleNord {
	position:absolute;
	top:0;
	left:20px;
	border:0;
}
img#boussoleOuest {
	position:absolute;
	top:20px;
	left:0;
	border:0;
}
img#boussoleEst {
	position:absolute;
	top:20px;
	left:54px;
	border:0;
}
img#boussoleSud {
	position:absolute;
	top:54px;
	left:20px;
	border:0;
}
img#boussoleCentre {
	position:absolute;
	top:24px;
	left:24px;
	border:0;
}
img#boussoleSud2 {
	position:absolute;
	top:30px;
	left:30px;
	border:0;
}
div#menuHaut {
	position:absolute;
	top:65px;
	right:10px;
	height:15px;
	width:auto;
	margin:0;
	padding:0;
	border:0;
}
#menuHaut a {
	font-size:0.6em;
	font-weight:bold;
	text-decoration:none;
	color:black;
	background:url('../images/puce-oblique.gif') no-repeat center left;
	margin-right:8px;
	padding-left:13px;
}
div#menuBas {
	position:absolute;
	bottom:2px;
	right:69px;
	width:200px;
	height:25px;
	text-align:right;
}
#menuBas a {
	text-decoration:none;
	color:#FF0066;
	font-size:0.7em;
	background:url('../images/puce-triangle.gif') no-repeat center left;
	margin:0;
	padding-left:10px;
}
form {
	margin:0;
}
input {
	margin-left:15px;
}
select {
	font-size:10px;
	font-family:verdana;
	margin:0 0 0 8px;
	padding:0;
	color:#F0027F;
}
input.bouton {
	font-size:10px;
	margin:10px 0 0 15px;
	font-family:verdana;
	font-weight:bold;
	color:#CC3300;
}
input.champTexte {
	position:absolute;
	top:0;
	left:80px;
	width:170px;
	display:inline;
	font-size:0.8em;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0 10px 15px;
	text-align:left;
	width:300px;
	height:150px;
	font-size:0.8em;
}
textarea.depotTexte {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0 10px 15px;
	text-align:left;
	width:420px;
	height:250px;
	font-size:0.8em;
}
ol {
	font-family:Verdana, sans-serif;
	font-size:0.8em;
}
.gras {
	font-weight:bold;
}
.ital {
	font-style:italic;
}
.souligne {
	text-decoration:underline;
}
.motRouge {
	color:red;
	font-size:1.3em;
}
.motRose {
	color:#FF0066;
}
img#animPrintemps {
	float:right;
	margin:5px 5px 5px 10px;
}