body {
margin : auto; 
margin-top : 0px; 
margin-bottom : 0px; 
font-size : 10pt; 
text-align : left; 
font-family : verdana, arial, serif; 
}

a { color : #0B1822; text-decoration : none; font-weight : bold; }
a:hover { color : #0B1822; text-decoration : none; font-style : italic; font-weight : bold; }

.header {
	width : 780px; 
	height : 23px; 
	margin : 0px;
	font-size : 7pt;
	line-height : 14pt;
	color : white;
	font-weight : bold;
	background-image: url(img/entete.jpg);
	background-repeat:repeat-y;
	background-color:silver;
} 

.m_home{ width : 30px; height : 22px; margin-left : 0px; margin-top : 0px; position: absolute; text-align : center; }
.m_home a{ width : 30px; height : 22px; color : white; text-decoration : none; }

.m1{ width : 110px; height : 22px; margin-left : 30px; margin-top : 0px; position: absolute; text-align : center; background-image: url(img/trait.gif);  }
.m1 a{ width : 110px; height : 22px; color : white; text-decoration : none; }
.m1 a:hover{ width : 110px; height : 22px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m2{ width : 80px; height : 22px; margin-left : 450px; margin-top : 0px; position: absolute; text-align : center; background-image: url(img/trait.gif); }
.m2 a{ width : 80px; height : 22px; color : white; text-decoration : none; }
.m2 a:hover{ width : 80px; height : 22px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m3{ width : 95px; height : 22px; margin-left : 530px; margin-top : 0px; position: absolute; text-align : center; background-image: url(img/trait.gif); }
.m3 a{ width : 95px; height : 22px; color : white; text-decoration : none; }
.m3 a:hover{ width : 95px; height : 22px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m4{ width : 125px; height : 60px; margin-left : 140px; margin-top : 0px; position: absolute; text-align : center; background-image: url(img/trait.gif); background-repeat : no-repeat; }
.m4 a{ width : 125px; height : 22px; color : white; text-decoration : none; }
.m4 a:hover{ width : 125px; height : 22px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m4b{ width : 125px; height : 38px; margin-left : 0px; margin-top : 23px; position: absolute; text-align : left; font-size : 7pt; line-height : 10pt;  background-image: url(img/oih.jpg); }
.m4b a{ width : 125px; height : 19px; color : white; text-decoration : none; }
.m4b a:hover { width : 125px; height : 19px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m5{ width : 85px; height : 60px; margin-left : 265px; margin-top : 0px; position: absolute; text-align : center; background-image: url(img/trait.gif); background-repeat : no-repeat; }
.m5 a{ width : 85px; height : 22px; color : white; text-decoration : none; }
.m5 a:hover{ width : 85px; height : 22px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m5b{ width : 85px; height : 38px; margin-left : 0px; margin-top : 23px; position: absolute; text-align : left; font-size : 7pt; line-height : 10pt; background-image: url(img/aph.jpg); }
.m5b a{ width : 85px; height : 19px; color : white; text-decoration : none; }
.m5b a:hover{ width : 85px; height : 19px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m6{ width : 85px; height : 22px; margin-left : 625px; margin-top : 0px; position: absolute; text-align : center; background-image: url(img/trait.gif); }
.m6 a{ width : 85px; height : 22px; color : white; text-decoration : none; }
.m6 a:hover{ width : 85px; height : 22px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m7{ width : 100px; height : 22px; margin-left : 350px; margin-top : 0px; position: absolute; text-align : center; background-image: url(img/trait.gif); }
.m7 a{ width : 100px; height : 22px; color : white; text-decoration : none; }
.m7 a:hover{ width : 100px; height : 22px; color : #FCBA04; text-decoration : none; font-style : italic; }

.m8{ width : 70px; height : 22px; margin-left : 710px; margin-top : 0px; position: absolute; text-align : center; background-image: url(img/trait.gif); }
.m8 a{ width : 70px; height : 22px; color : white; text-decoration : none; }
.m8 a:hover{ width : 70px; height : 22px; color : #FCBA04; text-decoration : none; font-style : italic; }

div.sousmenu {
	margin-top:6px;
}

div#page {
	height: 535px;
	background-repeat:no-repeat;
	background-image: url(img/center.jpg);
}

div#logo {
	padding-top: 38px;	
}

div.public {
	float:left;
	margin-left:680px;
	margin-top:-125px;
	width:90px;
	height:90px;
}
a.public {
	display: block;
	width:90px;
	height:90px;
	background-image:url(img/acces_public.jpg);
}
a.public:hover {
	display: block;
	width:90px;
	height:90px;
	background-image:url(img/acces_public_on.jpg);
}

div.pro {
	float:left;
	margin-top:11px;
	margin-left:51px;
	width:148px;
	height:148px;
}
a.pro {
	display:block;
	width:148px;
	height:148px;
	background-image:url(img/b1h.jpg);
}
a.pro:hover {
	display:block;
	width:148px;
	height:148px;
	background-image:url(img/b1b.jpg);
}
div.formation {
	float:left;
	margin-top:11px;
	width:145px;
	height:148px;
}
a.formation {
	display:block;
	width:145px;
	height:148px;
	background-image:url(img/formations.jpg);
}
a.formation:hover {
	display:block;
	width:145px;
	height:148px;
	background-image:url(img/formations_on.jpg);
}
div.demat {
	clear:both;
	float:left;
	margin-top:25px;
	margin-left:51px;
	width:190px;
	height:140px;
}
a.demat {
	display:block;
	width:190px;
	height:140px;
	background-image:url(img/b3h.jpg);
}
a.demat:hover {
	display:block;
	width:190px;
	height:140px;
	background-image:url(img/b3b.jpg);
}

div#footer {
	float:left;
	width:780px;
	height:22px;
	background-image:url(img/bottom.jpg);
	padding-top:5px;
	font-size:70%;
	font-family: verdana,arial,serif;
}

div#footer a > strong {
margin:2px 130px 0 10px;
float:left;
}

div#footer a{
border:0; 
text-decoration:none;
color:black;
}

div#footer img{
border:0; 
margin:-2px 0 0 5px; 
float:left;
}

div#footer img.barre{
float:left;
margin:2px 5px 0 10px;
}

div#contenu {
	float:left;
	margin-left:120px;
	margin-top:-60px;
	margin-bottom:10px;
	width:410px;
	height:290px;
}

.ztitre {
	font-size : 80%; 
	text-align : left; 
	heaight:30px;
	font-family : verdana, arial, serif;
}
.ztext {
	font-size : 80%; 
	text-align : left; 
	height:240px;
	font-family : verdana, arial, serif;
	overflow:auto;
}