body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	background-color: rgb(203, 228, 213);
	background-image: url("images/modele.jpg");
    background-attachment: absolute;
    background-repeat: no-repeat;
	background-position: 100px 20px;
}
a img{border: none;}

/* Positionnement des menus */
#retour{
   width: 139px;
   height: 70px;
	background-image: url("images/retour.gif");
	background-repeat: no-repeat;
   position: absolute;
   left: 100px;
   top: 20px;
}
#menu1{
   width: 220px;
   height: 103px;
	background-image: url("images/menu1.jpg");
	background-repeat: no-repeat;
   position: absolute;
   left: 871px;
   top: 99px;
}
#menu1:hover{background-image: url("images/menu1_clic.jpg");}
#menu1:active{background-image: url("images/menu1_animaux.jpg");}
#menu2{
   width: 220px;
   height: 103px;
	background-image: url("images/menu2.jpg");
	background-repeat: no-repeat;
   position: absolute;
   left: 886px;
   top: 229px;
}
#menu2:hover{background-image: url("images/menu2_clic.jpg");}
#menu2:active{background-image: url("images/menu2_conte.jpg");}
#menu3{
   width: 220px;
   height: 103px;
	background-image: url("images/menu3.jpg");
	background-repeat: no-repeat;
   position: absolute;
   left: 883px;
   top: 361px;
}
#menu3:hover{background-image: url("images/menu3_clic.jpg");}
#menu3:active{background-image: url("images/menu3_ecole.jpg");}
#menu4{
   width: 220px;
   height: 103px;
	background-image: url("images/menu4.jpg");
	background-repeat: no-repeat;
   position: absolute;
   left: 890px;
   top: 493px;
}
#menu4:hover{background-image: url("images/menu4_clic.jpg");}
#menu4:active{background-image: url("images/menu4_feu.jpg");}
#zozio{   
	width: 148px;
   height: 177px;
	background-image: url("images/zozio.jpg");
	background-repeat: no-repeat;
   position: absolute;
   left: 976px;
   top: 610px;
}

/* Blocs de texte */
#texte1{
   position: absolute;
   width: 470px;
   height: 100px;
   left: 350px;
   top: 130px;
   text-align: center;
}
#texte2{
   position: absolute;
   width: 600px;
   height: 370px;
   left: 150px;
   top: 200px;
}
#pied-de-page{
   position: absolute;
   width: 825px;
   height: 50px;
   left: 125px;
   top: 755px;
   text-align: center;
}
h1{
	font-size: 12pt;
	text-decoration: bold;
}
h3{
	font-family: Courier New, Courier, mono;
	font-size: 8pt;
}
a:link {
	color: #638F76;
	text-decoration: none;
}

/* Tableaux */
#tableau1{
   position: absolute;
   width: 825px;
   height: 370px;
   left: 180px;
   top: 260px;
}
#tableau2{
   position: absolute;
   width: 825px;
   height: 370px;
   left: 100px;
   top: 200px;
   text-align: center;
}
#tableau3{
   position: absolute;
   width: 370px;
   height: 570px;
   left: 100px;
   top: 130px;
   text-align: center;
   overflow: auto;
}
#tableau4{
   position: absolute;
   width: 400px;
   height: 570px;
   left: 470px;
   top: 130px;
   text-align: center;
   overflow: auto;
}

/*Gallery - Slide \*/
#titlebar {
	position: absolute;
	width: 505px;
	height: 20px;
	left: 170px;
    top: 75px;
}
#dhtmlgoodies_slideshow{
	position: absolute;
	width: 730px;
	height: 590px;
	left: 100px;
	top: 100px;
}
#galleryContainer{
	position: absolute;
	width: 640px;
	height: 42px;
   left: 80px;
   top: 10px;
}
#arrow_left{
	position: absolute;
	height: 42px;
	left: 55px;
	top: 15px;
}
#arrow_right{
	position: absolute;
	height: 42px;
	right: 31px;
	top: 15px;
}
#theImages{position: relative;}
#theImages img{
	float: left;
	padding: 2px;
}
#theImages .imageCaption{display: none;}
#previewPane{
	position: relative;
	width: 730px;
	height: 590px;
	left: 25px;
	top: 66px;
	overflow: hidden;
   text-align: center;
}
#previewPane #largeImageCaption{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: rgb(255, 247, 185);
}
#waitMessage{
	display: none;
	position: absolute;
	left: 200px;
	top: 150px;
	background-color: #F6F7F1;
	border: 0px;
	padding: 4px;
	color: #746B4C;
	font-size: 9px;
	font-family: Arial;	
}