.bloc-gauche {
	position:absolute;
	left:0%;
	width:22%;
	}

.bloc-droit {
	position:absolute;
	right:0%;
	width:22%;
	}

.bloc-central {
	font-style: italic;
	color:#000080;
	text-align:center;
	}
.texte {
	color:#000080;
	margin-left:15px;
	}
.texte-gauche {
	float:left;
	left:10px;
	width:45%;
	padding-right:5px;
	font-style: italic;
	color:#000080;
	}
.texte-droit {
	margin-left: 50%;
	padding:5px 5px;
		width: 45%;
	font-style: italic;
	color:#000080;
	}

.image-gauche {
	position:absolute;
	left:10px;
	width:44%;
	}


.fond { 
	background-image;
	background-repeat:no-repeat; 
	} 



#demo-container{padding:2px 15px 0 15px;margin:4% 0 15px 0;background:#000897;}
ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:5px ;padding:11px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#006AFF;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#00B2FF;}
ul#simple-menu li a.current{color:#000897;background:#fff;}
ul#simple-menu li a.current:hover{color:#000897;background:#fff;}

/* The slideshow CSS. Customize to meet your taste. */
.slideshow {
	font-family:Arial, Helvetica, sans-serif;
	width:336px;
	height:375px;
	overflow:hidden;
	background-color:#000000;
	color:#FFFFFF;
	border:5px solid #000897;
}
.slideshow > ul {
	margin: 0;
	padding: 0;
}
.slideshow > ul > li {
	display:inline;
	margin:0px;
	padding:0px;
	font-size:1px;
	margin-right: -1px;
}
.slideshow > ul > li > div {
  display: none;
  text-decoration: none;
  float:left;
}
.slideshow > ul > li > div > p {
  font-size:11px;
  text-align:center;
  padding:10px 0px 0px 0px;
  margin:0px;
  color:#FFFFFF;
}
.slideshow > ul > li > div > a > img {
	border:2px solid #FFFFFF;
	width:332px;
}
.slideshow  > ul > li > img {
	border:2px solid #FFFFFF;
	margin:0px;
	padding:0px;
	width:80px;
	height:60px;
}
/* Shows slides when mouse pointer is over a thumbnail image */
.slideshow > ul > li:hover > div {
	display: block;
}
/* Highlights the thumbnail image when mouse pointer is over it */
.slideshow > ul > li:hover > img {
	border-color:#0E62FF;
}