﻿* {margin: 0; padding: 0;}

body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #FFFFFF;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-style: normal;font-weight: normal;}
.marges p {padding-left:0px;padding-right:0px;}

/* DEBUT BALISES ENTETE DE DOCUMENT */
#entete {
position:relative;
width:960px;
height:175px;
margin-right:auto;
margin-left:auto;
padding:0px;
}
#entetetextes{
	position:absolute;
	left: 331px;
	top: 150px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	color:#FFFFFF;
	letter-spacing:1px;
	width: 619px;
}
#entetemenu{
position:relative;
width:199px;
margin-top:0px;
}
#entetemenu ul {
padding-top:5px;
list-style-type: none;
margin-left:35px;
line-height:33px;
}
#entetemenu a {
color:#ffffff;
font-size:13px;
font-weight:bold;
text-decoration:none;
letter-spacing:0px;
}
#entetemenu a:hover {
color:#ffffff;
text-decoration:none;
background-color:#005B92;
letter-spacing:0px;
}
#liste li {
display:inline;
}
/* FIN BALISES ENTETE DE DOCUMENT */

/* DEBUT CONTENEUR */
#principal {
position:relative;
width:960px;
height:520px;
margin-right:auto;
margin-left:auto;
}
#secondaire {
position:relative;
background-color:#003366;
float:left;
width:687px;
height:520px;
margin-right:auto;
margin-left:auto;
}
#secondgauche {
position:relative;
background-image:url(../images/menu10.gif);
float:left;
width:199px;
height:520px;
margin-right:auto;
margin-left:auto;
}
#seconddroite {
position:relative;
background-image:url(../images/content.gif);
float:left;
width:488px;
height:520px;
margin-right:auto;
margin-left:auto;
}
#seconddroite img{
float:none;
margin-left:8px;
margin-right:18px;
margin-top:4px;
margin-bottom:4px;
}

#seconddroite p{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
font-size: 11px;
color: #005B92;
font-style: normal;
font-weight: normal;
line-height:16px;
}
#troisieme {
position:relative;
background-image:url(../images/droite.gif);
float:right;
width:273px;
height:520px;
}
#bord {
border:solid 1px #005B92;
margin:20px;
}
/* FIN CONTENEUR */
/* DEBUT FOOTER */
#footer {
	position:relative;
	background-image:url(../images/pd_spabeauthyamazonia.gif);
	width:902px;
	height:50px;
	margin-top:6px;
	margin-right:auto;
	margin-left:auto;
}
/* FIN FOOTER */
/* DEBUT BALISES LIENS */
a:link {
font-weight: bold; 
font-size:14px;
color: #005B92;
text-decoration: none;
border:none;
letter-spacing:2px;
}
a:visited {
font-weight: bold; 
font-size:14px;
color: #005B92;
text-decoration: none;
border:none;
letter-spacing:2px;
}
a:hover {
font-weight: bold; 
font-size:14px;
color: #B2CCDD;
text-decoration: none;
border:none;
letter-spacing:2px;
}
a:active {
font-weight: bold; 
font-size:14px;
color: #005B92;
text-decoration: none;
border:none;
letter-spacing:2px;
}
a img {
border: 0 none;
}
/* FIN BALISES LIENS */
/* BALISES TEXTE PARAGRAPHES MARGES */
#retrait {
padding-left:30px;
margin-top:5px;
margin-bottom:5px;
}
#retrait p {
padding-bottom:3px;
padding-right:20px;
font-size:10px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	line-height:16px;
	text-align:justify;
	padding: 0px;
	margin:0px;
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 24px; PADDING-BOTTOM: 0px; padding-left:25px; padding-top:26px; color:#005B92; letter-spacing:5px;}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; padding-left:25px; color:#005B92; letter-spacing:2px;}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; text-align:justify; color:#3E852A; letter-spacing:2px;}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; padding-top: 13px; COLOR: #99CC00; text-align:center; letter-spacing:1px;
}
.lettrine {
	float:inherit; /* positionnement de la lettrine dans le conteneur*/
	font-size: 16px;
	font-style: normal;
	font-weight:800;
	color:#005B92; /* 3 hauteurs de lignes pour la lettrine*/
}

.black {
color: #333333;
font-size:12px;
font-weight:bold;
}
.blue {
color: #005B92;
font-size:11px;
font-weight:bold;
letter-spacing:0px;
border-left:solid 1px #005B92;
padding-left:5px;  
}
.black1 {
color: #333333;
font-size:11px;
font-weight:bold;
}
.th2 {
color: #ffffff;
font-size:12px;
font-weight:bold;
}
#pop1, #pop2 {
position : absolute;
display : none;
width : 20em;
border : 3px double black;
background : #f5f5dc;
z-index : 500;
font-size : 80%;
}
#pop1 p, #pop2 p {
margin : 0 0.3em;
}
#pop1 h1, #pop2 h1 {
font-size : 110%;
margin : 0 0 0.5em 0;
border-bottom : 1px solid black;
background : white url(top.gif) repeat-x left top;
color : black;
text-align : center;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}