body, p, table, ul, ol, a, form, * {
	font-family: verdana;
	font-size: 8pt;
	color: #444;
}

body {
	background-image: url('/images/logo-fond.gif');
}

form {
	margin:0;
	padding:0px;
}

p {
	margin:0;
	padding:4px;
	line-height: 150%;
}

ul, ol {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

a {
	text-decoration: none;
	color: #BD4771;
}

a:hover {
	color: gray;
}

a img {
	border: none;
}

h1 {
	font-size:16pt;
}
h2 {
	font-size:12pt;
}
h3 {
	font-size:10pt;
}

#conteneur {
	position: absolute;
	width: 900px;
	left: 50%;
	margin-left: -450px;}

/* mise en page */
#entete {
	text-align: center;
	margin-bottom: 20px;
}


#pied {
	font-size:7pt;
	color:silver;
	text-align:center;
	margin-top:30pt;
}


#left {
	position: absolute;
	left: 0;
	width: 150px;
}

#center {
	margin-left: 150px;
	margin-right: 150px;
}


#right {
	position: absolute;
	right: 0;
	width: 150px;
}

#slogan {
	font-style:italic;
	font-size: 10pt;
	font-family: 'times new roman', times, arial;
}

/* liste index */
#index {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 8pt;
	width: 590px;
}

#index img.picto {
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#index li {
	border-bottom: 1px solid #EEEEFF;
	padding: 6px;
}
#index li.ligne1 {
	background-color: #FFF;
}
#index li.ligne2 {
	background-color: #FAFAFA;
}
#index li.legende {
	font-weight:bold;
	color:#BD4771;
}
#index li span {
	display: block;
	float: left;
	padding-left: 4px;
}

#index li span.rubrique {
	width: 90px;
	text-align: right;
	font-weight: bold;
}
#Scurit{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/securite.gif') no-repeat;
}
#PHP{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/php.gif') no-repeat;
}
#MySQL{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/mysql.gif') no-repeat;
}
#Web{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/web.gif') no-repeat;
}
#HTML{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/web.gif') no-repeat;
}
#Unix{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/unix.gif') no-repeat;
}
#TurboPascal{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/pascal.gif') no-repeat;
}
#Rseau{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/reseau.gif') no-repeat;
}
#Java{
	width: 47px;
	height: 25px;
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	background: url('/images/ico/java.gif') no-repeat;
}
#index li span.type {
	width: 80px;
	font-style: italic;
	text-align: center;
}
#index li span.titre {
	width: 325px;
}
#index li span.format {
	width: 50px;
}
#index li span.maj {
	width: 55px;
	color: #AAA;
}
#center div.titre {
	font-weight: bold;
	font-size: 10pt;
	padding: 4px;
	background-color: #F8F8F8;
	border-top: 1px solid #EEEEFF;
	border-bottom: 1px solid #EEEEFF;
} 

#center p,  #center li, #center p b, #center li b, #center p i, #center a {
	font-size: 10pt;
}

#index p,  #index li, #index p b, #index p i, #index a {
	font-size: 8pt;
}

p#navigation, p#navigation a, p#filtre {
	font-size: 8pt;
}


/* liste indexlibre */
#indexlibre {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 8pt;
	width: 590px;
}

#indexlibre img.picto {
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

#indexlibre li {
	border-bottom: 1px solid #EEEEFF;
	padding: 4px;
}
#indexlibre li.ligne1 {
	background-color: #FFF;
}
#indexlibre li.ligne2 {
	background-color: #FAFAFA;
}
#indexlibre li.ligne0 {
	background: #FEF2F6 url('/images/certificat.gif') no-repeat 500px 2px;
/*	border: 1px solid #BD4771; */
/*	margin-top: 2px; */
}

#indexlibre li span {
	display: inline;
	float: none;
}

#indexlibre li span.rubrique {
	text-align: right;
	font-weight: bold;
}
#indexlibre li span.type {
	font-style: italic;
	text-align: center;
}
#indexlibre li span.titre {
	font-weight: bold;
}
#indexlibre li span.titre a {
	font-size: 10pt;
}
#indexlibre li span.format {
}
#indexlibre li span.maj {
	color: #AAA;
}

#indexlibre li div.desc {
	padding-top: 4px;
	padding-bottom: 4px;
}





span.currentpage {
	font-style: italic;
	color: gray;
}