*{margin:0;padding:0}
	body{
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #000;
	margin:0;padding:0
}
	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.caption{
	color:#fff;
	position:absolute;
	top:528px;
	left:38px;
	width:287px;
	height: 49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	visibility: visible;
}
	.demo{
	float: left;
	width: 308px;
	height: 153px;
	margin-top: 13px;
	overflow: hidden;
}
	.gallery_demo{
	width:308px;
	float:left;
}
	.gallery_demo li{
	width:61px;
	height:61px;
	border:3px solid #fff;
	background:#FFF;
	margin-top: 0;
	margin-bottom: 9px;
	margin-left: 0;
	overflow: hidden;
	margin-right: 10px;
	text-align: justify;
}
.ital {
	font-style: italic;
}

	.gallery_demo li.hover{border-color:#0085cf;}
	.gallery_demo li.active{border-style:solid;border-color:#0085cf;}
	.gallery_demo li div{left:240px}
	
	.galleria_container{
	height: 600px;
	width: 600px;
}
	
	.nav{padding-top:15px;clear:both;}
	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}
	
	.nav{position:absolute;top:410px;left:0;}
	
	#global {
	background-color: #000;
	background-image: url(../images/fond.jpg);
	background-repeat: repeat-y;
	height: 640px;
	padding-top: 10px;
	padding-left: 33px;
	padding-bottom: 0px;
	width: 935px;
}
	#global_index {
	background-color: #0085cf;
	width: 10%;
	float: left;
	height: 600px;
}
.colonne_gauche {
	background-color: #000;
	background-image: url(../images/titre.png);
	background-repeat: no-repeat;
	float: left;
	width: 308px;
	overflow: hidden;
	height: 640px;
}
#global .colonne_gauche #retour a {
	float: left;
	height: 30px;
	width: 120px;
	margin-top: 200px;
	background-image: url(../images/retour.png);
	background-repeat: no-repeat;
}
#global .colonne_gauche #retourall a {
	float: left;
	height: 30px;
	width: 298px;
	margin-top: 200px;
	background-image: url(../images/retour.png);
	background-repeat: no-repeat;
	background-position: right;
}
#global .colonne_gauche #retourall a:hover {
	background-image: url(../images/retour_roll.png);
	background-repeat: no-repeat;
}
#global .colonne_gauche #tout a {
	float: left;
	height: 30px;
	width: 178px;
	margin-top: 200px;
	background-image: url(../images/toute.png);
	background-repeat: no-repeat;
}
#recherche {
	float: left;
	height: 25px;
	width: 298px;
	background-image: url(../images/fond-recherche.jpg);
	background-repeat: repeat-x;
	padding-top: 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
#global .colonne_gauche #cadre_vignette {
	float: left;
	position: relative;
}
#global .colonne_gauche #navigation {
	float: left;
	height: 40px;
	width: 308px;
	margin-top: 5px;
}
#global .colonne_gauche #legende {
	float: left;
	height: 49px;
	width: 278px;
	margin-top: 10px;
	background-color: #000;
	background-image: url(../images/fond_legende.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

#global .colonne_gauche #retour a:hover {
	background-image: url(../images/retour_roll.png);
	background-repeat: no-repeat;
}
#global .colonne_gauche #tout a:hover {
	background-image: url(../images/toute_roll.png);
	background-repeat: no-repeat;
}
#global .colonne_gauche #navigation #fleche_gauche a{
	background-image: url(../images/fleche_gauche.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 55px;
}
#global .colonne_gauche #navigation #fleche_gauche a:hover{
	background-image: url(../images/fleche_gauche_rolll.png);
	background-repeat: no-repeat;
}
#global .colonne_gauche #navigation #folio {
	float: left;
	height: 12px;
	width: 190px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
#global .colonne_gauche #navigation #fleche_droite a {
	background-image: url(../images/fleche_droite.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 55px;
}
#global .colonne_gauche #navigation #fleche_droite a:hover {
	background-image: url(../images/fleche_droite_roll.png);
	background-repeat: no-repeat;
	float: left;
}
.onglet_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FFF;
	border: 1px solid #a8a8a8;
}
.onglet_lieu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FFF;
	border: 1px solid #a8a8a8;
	width: 170px;
}
#colonne_droite {
	height: 705px;
	width: 670px;
	margin-left: 20px;
	float: left;
}
.cadreI {
	height: 600px;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 600px;
	padding-left: 20px;
}
#global .colonne_gauche #navigation #fleche_gauche_no a{
	float: left;
	height: 40px;
	width: 55px;
}
#global .colonne_gauche #navigation #fleche_droite_no a{
	float: left;
	height: 40px;
	width: 55px;
}