body {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	background-color:black;
}

a {
	text-decoration:none;
	outline: none;
}

h1, h2, #copyright, *.accueilLegende, *.accueilTitre, *.legendeImage, *.legendeTitre, *.index, *.legendeGalerie {
	font-family:verdana;
	font-size:10pt;
	text-align:right;
	font-weight:normal;
	margin:0;
	color:white;
}

h1 {
	font-size:11pt;
	font-weight:bold;
}

#copyright {
	font-size:7pt;
	position:absolute;
	color:gray;
	right:4px;
	bottom:1px;
	text-align:right;
	z-index:65000;
}

*.accueilLegende {
	color:gray;
	text-align:center;
	font-size:7pt;
}

*.accueilTitre {
	font-size:18pt;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

*.lienTexte {
	color:gray;
}

#logo {
	border:none;
}

#divLogo {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-180px;
	margin-left:-150px;
	height:300px;
	width:300px;
	text-align:center;
}

#navigation {
	display:block;
	top:0px;
	left:0px;
	width:100%;
	background-color:#b3b3b3;
	padding-bottom:10px;
	position:absolute;
	z-index:65000;
}

#nav_gauche, #nav_centre, #nav_droite, #nav_fleche {
	position:absolute;
	top:0;
	height:15px;
}


#nav_gauche {
	background:url("/images/nav_gauche.gif");
	width:6px;
	left:0px;
}

#nav_fleche {
	background:url("/images/nav_fleche_bas.gif") no-repeat;
	width:10px;
	left:50%;
	margin-left:-5px;
	top:5px;
}

#nav_centre {
	background:url("/images/nav_centre.gif") repeat-x bottom;
	width:100%;
	height:15px;
}

#nav_droite {
	background:url("/images/nav_droite.gif");
	width:6px;
	right:0;
}

#frameGaleries {
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-150px;
}

#frameGaleries, *.legendeGalerie {
	width:300px;
}

*.legendeImage, *.legendeGalerie {
	color:gray;
	position:absolute;
	left:5px;
	margin: 5px 0 0 0;
	text-align:left;
}

*.legendeTitre {
	font-weight:bold;
	color:white;
}

*.index {
	color:gray;
	display:block;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

/*
#test:hover #contenu_navigation {
	display:none;
	text-align:center;
	padding:5px;
}*/


#navigation #contenu_navigation {
	display:none;
	text-align:center;
	padding:5px;
}

#navigation:hover #nav_gauche, #navigation:hover #nav_centre, #navigation:hover #nav_droite{
	top:72px;
}

#navigation:hover #nav_fleche{
	background:url("/images/nav_fleche_haut.gif") no-repeat;
}

html:not([lang*=""]) #navigation:hover {
	height:auto;
}

#navigation:hover #contenu_navigation {
	display:block;
	height:62px;
}

#contenu_navigation_gauche  {
	float:left;
	width:60px;
}

#contenu_navigation_centre {
	position:absolute;
	left:50%;
	margin-left:-200px;
	width:400px;
}

#contenu_navigation_centre  .monThumb {
	margin:0px 5px 0px 5px;
}

#contenu_navigation_droite {
	float:right;
	width:300px;
}

#affiche {
	position:absolute;
	top:50%;
	left:50%;
}

#imageCentrale {
	display:block;
}

#imagePrecedente, #imageSuivante {
	position:absolute;
	display:block;
	top:0;
	margin:0;
	padding:0;
}

#imagePrecedente {
	right:50%;
}

#imageSuivante {
	left:50%;
}

#imagePrecedente a, #imageSuivante a {
	visibility:hidden;
	color:white;
	position:absolute;
}

#imagePrecedente:hover a, #imageSuivante:hover a {
	visibility:visible;
	display:inline;
}

#imagePrecedente a img, #imageSuivante a img {
	border:none;
	position:absolute;
	top:50%;
	margin-top:-10px;
}

#imagePrecedente a img {
	left:0px;
}

#imageSuivante a img {
	right:0px;
}

*.chargementImage {
	display:none;
}

*.aPropos {
	position:relative;
	left:-72px;
}

*.monImage {
	border:solid white;
	border-width: 5px;
}

*.monThumb, *.monThumbGalerie {
	border:none;
	width:60px;
	height:60px;
	top:0px;
}

*.monThumb img, *.monThumbGalerie img {
	position:relative;
	border-style:solid;
	border-color:white;
	border-width:1px;
	left:0px;
	top:0px;
	margin:0px;
}

*.monThumb:hover img, *.monThumbGalerie:hover img {
	border-width:3px;
	left:-2px;
	top:-2px;
	margin-bottom:-4px;
	margin-right:-4px;
}

*.monThumbGalerie {
	margin:5px;
	line-height:34px;
}

*.legendeGalerie {
	line-height:1.2em;
	position:absolute;
	top:100%;
}

*.monThumbGalerie *.legendeGalerie {
	display:none;
}

*.monThumbGalerie:hover *.legendeGalerie {
	display:block;
}

*.texte {
	position:absolute;
	bottom:50px;
	top:50px;
	left:25%;
	right:25%;
	background-color:#b3b3b3;
	padding:20px;
	overflow-y:auto;
}

*.titreTexte, *.question, *.reponse {
	font-family:verdana;
	font-size:10pt;
	text-align:left;
	font-weight:bold;
	margin:0;
	color:black;
}

*.titreTexte {
	font-size:16pt;
	text-align:center;
	margin:30px 0 10px 0;
}

*.question {
	color:#444444;
	margin-top:10px;
}

*.reponse {
	color:white;
	padding-bottom:15px;
}