html {
	width: 100%;
	height: 100%;
}
body {
	background-color: #fff;
	padding: 0;
	margin: 0;
	background-image: url(images/interface/bodybg.gif);
	background-repeat: repeat-y;
}
.canvas {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
html>body .canvas { height: auto; }

h1 {
	font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}
p {
	padding: 0;
	margin: 0;
	font-size: 12pt;
	line-height: 14pt;
}
a {
	color: purple;
	text-decoration: none;
}
a:hover {
	color: #0044D1;
	text-decoration: underline;
}
input, select {	font-size: 8pt; }

#logotop {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 125px;
	z-index: 10;
}
#toptop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 21px;
	background-image: url(images/interface/toptop.jpg);
	background-repeat: repeat-x;
	z-index: 9;
	text-align: right;
	color: #86A3CB;
	font-family: times new roman;
	font-size: 10pt;
	line-height: 20px;
}
#toptop a {
	text-decoration: none;
	color: #86A3CB;
}
#entete {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 165px;
	background-image: url(images/interface/eau-bleue.jpg);
	background-position: right top;
	z-index: 4;
	background-repeat: no-repeat;
	background-color: #5171aa;
}
#titre {
	position: absolute;
	top: 135px;
	left: 0;
	width: 100%;
	height: 50px;
	background-image: url(images/interface/bando-centre.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 5;
	text-align: right;
	color: #909;
	font-family: times new roman;
	font-size: 12pt;
	line-height: 30px;
}
#menutop {
	position: absolute;
	top: 135px;
	left: 0;
	width: 190px;
	height: 50px;
	background-image: url(images/interface/top-menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 6;
}
#menu {
	position: absolute;
	top: 184px;
	left: 0;
	width: 190px;
	height: 40px;
	font-family: verdana;
	font-size: 12pt;
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu li a {
	width: 190px;
	height: 40px;
	display: block;
	margin: 0;
	text-decoration: none;
	color: #909;
	line-height: 40px;
	background-image: url(images/interface/menu-of.jpg);
	background-repeat: repeat-x;
	text-indent: 40px;
}
#menu li a:hover {
	color: #0044D1;
	background-image: url(images/interface/menu-on.jpg);
	background-repeat: repeat-x;
}
#content {
	position: absolute;
	top: 180px;
	right: 10px;
	left: 220px;
}
#diapo1 {
	width: 710px;
	margin: 0;
	padding: 0;
}
#diapo2 {
	width: 200px;
	text-align: center;
	float: left;
}
#diapo3 {
	width: 710px;
	font-family: times new roman;
	font-size: 9pt;
	color: #000;
	text-align: center;
}
#img1 {
	position:absolute;
	top: 170px;
	height: 484px;
}
#img2 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img3 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img4 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img5 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img6 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img7 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img8 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img9 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img10 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img11 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#img12 {
	visibility: hidden;
	position:absolute;
	top: 170px;
	height: 484px;
}
#description { padding: 10px 60px 10px 50px; }
#description img {
	border-color: #333;
	border-width: 1px;
	border-style: solid;
}
#bandobas {
	width: 100%;
	height: 35px;
	font-family: times new roman;
	font-size: 9pt;
	color: #000;
	line-height: 35px;
	text-align: center;
}
.tdtop {
	background-image: url(images/js/outlines/rounded-white/1.png);
	background-repeat: repeat-x;
}
.tdright {
	background-image: url(images/js/outlines/rounded-white/3.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.tdbottom {
	background-image: url(images/js/outlines/rounded-white/5.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tdleft {
	background-image: url(images/js/outlines/rounded-white/7.png);
	background-repeat: repeat-y;
}

/* DEBUT INCLUDE */
#simplesearch {
	font-size: 9pt;
	line-height: 10pt;
}
.annonceimg {
	border-color: black;
	border-width: 1px;
	border-style: solid;
}
.txtcenter { text-align: center; }
.txtdet {
	font-size: 10pt;
	line-height: 12pt;
	margin: 0;
	padding: 0;
}
.txtdetbold {
	font-size: 10pt;
	line-height: 12pt;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.txtdetd {
	font-size: 10pt;
	line-height: 12pt;
	margin: 0;
	padding: 0;
	text-align: right;
}
.txtdetlien {
	font-size: 10pt;
	line-height: 14pt;
	margin: 0;
	padding: 0;
	text-align: right;
}
.txtdetlienG {
	font-size: 10pt;
	line-height: 14pt;
	margin: 0;
	padding: 0;
}
.txtdroitmail {
	font-size: 10pt;
	line-height: 14pt;
	margin: 0;
	padding: 0;
	text-align: right;
}
.txtpet {
	font-size: 6px;
	line-height: 6px;
}
.txtpetit {
	font-size: 8pt;
	line-height: 9pt;
}
.txtpetitcenter {
	font-size: 8pt;
	line-height: 9pt;
}
.txtpetc {
	font-size: 8pt;
	line-height: 9pt;
	text-align: center;
}
.txtpetitdroit {
	font-size: 8pt;
	line-height: 9pt;
	text-align: right;
}
.topliste {
	background-image: url(images/interface/ligne-bleue_h30.jpg);
	background-repeat: repeat-x;
	border-width: 0px;
	color: #fff;
	font-size: 14pt;
	line-height: 16pt;
	font-weight: bold;
	background-position: left bottom;
	font-variant: small-caps;
	text-indent: 10px;
}
.img {
	border-color: #5D92FF;
	border-width: 1px;
	border-style: solid;
}
.imgG { margin-right: 10px; }
.liste {
	background-image: url(images/interface/ligne-bleue.gif);
	background-repeat: repeat-x;
	border-width: 0px;
}
.salydet {
	width: 550px;
	margin: 0 auto;
}
.salydet img {
	border-color: black;
	border-width: 1px;
	border-style: solid;
}
.imgdet {
	border-color: black;
	border-width: 1px;
	border-style: solid;
}
/* FIN INCLUDE */

/* DEBUT JS */
.highslide {
	cursor: url(images/js/zoomin.cur), pointer;
	outline: none;
}
.highslide img { border: 2px solid gray; }
.highslide:hover img { border: 2px solid white; }
.highslide-image { border: 2px solid white; }
.highslide-caption {
	display: none;
	border: 2px solid white;
	border-top: none;
	font-family: Verdana, Helvetica;
	font-size: 10pt;
	padding: 5px;
	background-color: white;
}
.highslide-loading {
	display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: black;
	/*
	padding-left: 22px;
	background-image: url(images/js/loader.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
	*/
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move { cursor: move; }
.highslide-overlay { display: none; }
/* Controlbar example */
.controlbar {	
	margin-left: 60px;
	background: url(images/js/controlbar2.gif);
	width: 210px;
	height: 32px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0 0 0 5px;
	height: 30px;
	width: 42px;
}
/* Necessary for functionality */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
/* Fin JS */
