/* CSS Document */

body {
	margin: 0;
	text-align: center;
	background-image: url(images/bkg.gif);
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #444499;
	text-align: justify;
}
ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
#bas ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#bas ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}
#basdepage {
	position:absolute;
	visibility:visible;
	width:770px;
	height:19px;
	top: 555px;
	left: 0px;
	background-image: url(images/barnavbas-1px.gif);
}
#coldroite {
	position:absolute;
	width:325px;
	height:380px;
	left: 408px;
	top: 55px;
	text-align: left;
}
#colgauche {
	position:absolute;
	width:325px;
	height:380px;
	left: 38px;
	top: 55px;
}
#corpsdepage {
	position:absolute;
	width:770px;
	height:456px;
	top: 98px;
	background-color:#FFFFFE;
	text-align: center;
	left: 0px;
}
#global {
     position:absolute;
     left: 50%; 
     top: 0px;
     width: 770px;
     height: 580px;
	 margin-left: -385px; 
}
#hautdepage {
	height:101px;
	left: 0px;
	position:absolute;
	top: 5px;
	width:769px;
}
#listes {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 30px;
}
#menuhaut ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#menuhaut ul li {
	margin-left: 0;
	padding: 7px 7px;
	list-style: none;
	display: inline;
	background-repeat: repeat;
}
#navhaut { 
	height:22px;
	position:absolute;
	width:770px;
	background-image: url(images/barnav-1px.gif);
	left: 0px;
	top: 71px;
}
#titrepage {
	position: absolute;
	height: 26px;
	width: 770px;
	top: 13px;
	left: 0px;
	background-repeat: no-repeat;
}
.li {
	color: #444499;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	list-style-type: none;
	width: 320px;
}
.mentions { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #444499;
}
.menu { 
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-decoration: none;
	color: #FFFFFF;
}
.menu:hover{ 
	color: #ffff00;
}
.Style10 {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444499;
	text-align: justify;
}
.Style10Centre {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444499;
	text-align: center;
}
.Style11 {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444499;
	text-align: justify;
}
.Style11Centre {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444499;
	text-align: center;
}
.Style11CentreItal {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444499;
	text-align: center;
	font-style: italic;
}
.Style11gras {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #444499;
}
.Style11grasCentre {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #444499;
	text-align: center;
}
.lien {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
  	font-weight: bold;
	text-decoration: none;
}
#references {
	position:absolute;
	width:704px;
	height:196px;
	left: 27px;
	top: 163px;
	padding-left: 6px;
	padding-right: 6px;
}
#depuis {
	position:absolute;
	width:704px;
	height:56px;
	left: 27px;
	top: 61px;
	padding-left: 6px;
	padding-right: 6px;
}
.lien:hover {
	text-decoration: underline;
}
.pageactive {
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	text-decoration: none;
	color: #222299;
}
#texte ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#texte ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#intro {
	position:absolute;
	width:648px;
	height:34px;
	left: 48px;
	top: 45px;
	padding-left: 12px;
	padding-right: 12px;
}
#infos {

	position:absolute;
	width:341px;
	height:296px;
	left: 206px;
	top: 86px;
	padding-left: 12px;
	padding-right: 12px;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
}
.Style12 {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #444499;
	text-align: center;
}
#observation {
	position:absolute;
	width:366px;
	height:15px;
	left: 391px;
	top: 431px;
}
.Style10gras {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #444499;
	text-align: justify;
}
#W3C {
	position:absolute;
	width:68px;
	height:21px;
	left: 26px;
	top: 411px;
	text-align: center;
}
#encours {
	position:absolute;
	width:590px;
	height:26px;
	left:88px;
	top:399px;
	color: #444499;
}
#titrepage {
	text-align: center;
}
h1 {
	color: #222299;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}
h2 {
	color: #444499;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}
h3 {
	color: #444499;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}
#concept {
	position:absolute;
	width:320px;
	height:22px;
	left: 25px;
	top: 245px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
}
#concept-txt {
	position:absolute;
	width:326px;
	height:118px;
	left: 27px;
	top: 269px;
	padding-left: 12px;
	padding-right: 6px;
}
#presta {
	position:absolute;
	width:338px;
	height:22px;
	left: 401px;
	top: 245px;
}
#presta-txt {
	position:absolute;
	width:325px;
	height:118px;
	left: 396px;
	top: 269px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: justify;
}
#imagecentre {
	position:absolute;
	width:673px;
	height:148px;
	left: 48px;
	top: 87px;
}
#css {
	position:absolute;
	width:85px;
	height:32px;
	left: 656px;
	top: 411px;
	text-align: center;
}
#savoir {
	position:absolute;
	width:321px;
	height:370px;
	left: 414px;
	top: 59px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(images/savoirfaire1.gif);
}
#faire {
	position:absolute;
	width:303px;
	height:345px;
	left: 10px;
	top: 0px;
}
#liens {

	position:absolute;
	width:499px;
	height:26px;
	left: 133px;
	top: 416px;
	padding-left: 12px;
	padding-right: 12px;
}