body {
font-family:Arial, Helvetica, sans-serif;
}

#book {
position:relative;
background:url(images/fond.jpg);
height:600px;
width:892px;
}

#cadre {
position:relative;
background:url(images/fond_page.jpg) no-repeat;
height:600px;
width:892px;
}

#cadre_video {
position:relative;
background:url(images/fond_video.jpg) no-repeat;
height:600px;
width:892px;
}

#cadre_site {
position:relative;
background:url(images/fond_site.jpg) no-repeat;
height:600px;
width:892px;
}

#menu {
position:absolute;
left: 30px;
top: 30px;
width: 160px;
height: 259px;
}

#titre {
position:absolute;
top:50px;
left:120px;
width:500px;
}

.niv1 {
color:#FFFFFF;
font-size:32px;
}

.niv2 {
color:#01afe4;
font-size:24px;
}

.sspage {
display:block;
color:#FFF;
width:130px;
border-bottom:1px solid #01b0e4;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
}

.sspage:hover {
color:#FFF;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
}

.sspage_actif {
display:block;
color:#01b0e4;
width:130px;
border-bottom:1px solid #01b0e4;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
}


#menu_left {
position:absolute;
top:144px;
left:30px;
color:#FFFFFF;
font-size:12px;
width: 130px;
height: 417px;
}

#texte {
position:absolute;
top:121px;
left:180px;
color:#FFFFFF;
font-size:12px;
width: 540px;
height: 417px;
}

#texte_video {
position:absolute;
top:45px;
left:403px;
color:#FFFFFF;
font-size:12px;
width: 414px;
height: 305px;
}

#desc_video {
position:absolute;
width:350px;
left: 442px;
top: 378px;
}

#texte_site {
position:absolute;
top:54px;
left:380px;
color:#FFFFFF;
font-size:12px;
width: 358px;
height: 235px;
}

#desc_site {
position:absolute;
width:303px;
left: 576px;
top: 324px;
}

#miniature {
	position:absolute;
	left: 360px;
	top: 483px;

}

#menu_page {
position:relative;
padding:10px 0 10px 0;
}

.menu_page {
color:#000000;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
}

.menu_page:hover {
color:#d8972f;
text-transform:uppercase;
}

.menu_page_actif {
color:#d8972f;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
}

.ssmenu {
position:absolute;
top:30px;
margin-left:-20px;
}

#diapo {
position:absolute;
top:37px;
left: 235px;
width:600px;
}

#example2{
margin:0;
padding:0;
width:160px;
list-style-type:none;
color:#000000;
height:300px;
}
#example2 a{
display:block;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example2 li{
margin:5px 0 0 0;
padding:0;
list-style-type:none;
}
#example2 li a{
width:130px;
padding:5px 0 0 15px;
display:block;
color:#FFF;
background-image:url(images/btn_1.png);
background-repeat:no-repeat;
height:25px;
}
#example2 li a.closed{
color:#FFF !important;
background-image:url(images/btn_1.png) !important;
background-repeat:no-repeat;
}
#example2 li.firstitem a.closed{
color:#FFF !important;
background-image:url(images/btn_1.png) !important;
background-repeat:no-repeat;
}
#example2 li.lastitem a.closed{
color:#FFF !important;
background-image:url(images/btn_1.png) !important;
background-repeat:no-repeat;
}
#example2 li li{
padding:0 15px 0 0px;
width:135px;
height:130px;
}

#example2 li li a.lien{
background:none;
width:40px;
height:40px;
float:left;
margin:0 5px 5px 0;
padding:0;
}

#example2 li a.opened{
background-image:url(images/btn_2.png);
background-repeat:no-repeat;
color:#01b0e4;
}
#example2 li.firstitem a.opened{
background-image:url(images/btn_2.png);
background-repeat:no-repeat;
color:#01b0e4;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-image:url(ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}



.scroll-pane {
width: 155px;

overflow: auto;
float: left;
}

.scroll-pane2 {
width: 145px;
height: 132px;
overflow: auto;
}

#pane1
{
}

.absDiv { 
position: absolute; 
visibility: hidden; 
overflow: hidden ;
}

a img {
border:0;
}

.titre {
font-size:14px;
}

.desc {
font-size:12px;
font-weight:normal;
}

.titreblancgras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.titrebleugras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0daddd;
	font-weight: bold;
	text-decoration: none;
}
.texteblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.titrenoir{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.textenoir{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.background {
	background-image: url(images/contact892x600.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 600px;
	width: 892px;
	left: 0px;
	top: 0px;
}
.background2 {
	background-image: url(images/presentation892x600.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 600px;
	width: 892px;
	left: 0px;
	top: 0px;
}
.background3 {
	background-image: url(images/book892x600.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 600px;
	width: 892px;
	left: 0px;
	top: 0px;
}