/* CSS Document */

body,td,th {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
.Style1 {
	font-size: 12px;
	font-style: italic;
}
.Style4 {
	font-size: 12px;
	color: #000066;
	font-weight: normal;
}
.Style5 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
}
.Style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.Style8 {font-size: 13px}
.Style9 {
	font-size: 14px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	color: #000099;
}
a.pasdeffet
{ color:#000066;
font-size:12px;
}
a {text-decoration: none; 
	font-family: arial; 
	/* 		définition du lien  qui affichera le "calque" */
}

a span { display: none;                                          /* définition de la balise <span> inclue dans  <a> */
}
a:hover span {
	display: inline;
	position: absolute;
	top: 200px;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	left:-170px;
	width:100px;
	height: auto;
	text-align: center;
	font-weight:bold;
	color: #8C0800;                  /* définition de la balise <span> au survol */
}

	
#titre {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 121px;
	top: 29px;
}

#Mouette {
    position:absolute;
	z-index:26;
	height: 15px;
	left: -43px;
	top: 19px;}

#Phare {
	position:absolute;
	left:-6px;
	top:4px;
	width:94px;
	height:148px;
	z-index:10;
}

#Navigation {
	position:absolute;
	left:24px;
	top:154px;
	width:868px;
	height:47px;
	z-index:15;
}
#survol a{
	position:absolute;
	display:block;
	background-image:url(Images/Boutons/264.png);
	-background-image:url(Images/Boutons/264.gif);
	background-repeat:no-repeat;
	height:20px;
	width:94px;
	top: 1px;	
	
	
}
#survol a:hover{
	display:block;
	background-image:url(Images/Boutons/264%20copie.png);
	-background-image:url(Images/Boutons/264%20copie.gif);
	background-repeat:no-repeat;
	
}

#survol1 a {
	position:absolute;
	background-image:url(Images/Boutons/265.png);
	-background-image:url(Images/Boutons/265.gif);
	height:20px;
	width:94px;
	left:95px;
	top: 1px;
	
}
#survol1 a:hover{ 
	background-image:url(Images/Boutons/265%20copie.png);
	-background-image:url(Images/Boutons/265%20copie.gif);
	height:20px;
	width:95px;
}
#survol2 a{
	position:absolute;
	display:block;
	background-image:url(Images/Boutons/norm_opale.png);
	background-repeat:no-repeat;
	height:41px;
	width:95px;
	left:190px;
	top: 1px;
	
}
#survol2 a:hover{
    position:absolute;
	display:block;
	background-image:url(Images/Boutons/norm_opale_over.png);
	height:41px;
	width:95px;
	
}
#survol3 a{
	position:absolute;
	display:block;
	background-image:url(Images/Boutons/267.png);
	-background-image:url(Images/Boutons/267.gif);
	background-repeat:no-repeat;
	height:20px;
	width:96px;
	left: 286px;
	top: 1px;
	
}
#survol3 a:hover{ 
	display:block;
	background-image:url(Images/Boutons/267%20copie.png);
	-background-image:url(Images/Boutons/267%20copie.gif);
	height: 20px;
	width: 96px;
}

#survol4 a{
	position:absolute;
	display:block;
	background-image:url(Images/Boutons/268.png);
	-background-image:url(Images/Boutons/268.gif);
	background-repeat:no-repeat;
	height:20px;
	width:96px;
	left: 479px;
	top: 1px;
	
	
}
#survol4 a:hover{
	display:block;
	background-image:url(Images/Boutons/268%20copie.png);
	-background-image:url(Images/Boutons/268%20copie.gif);
}

#survol5 a{
	position:absolute;
	display:block;
	background-image:url(Images/Boutons/272.png);
	-background-image:url(Images/Boutons/272.gif);
	background-repeat:no-repeat;
	height:20px;
	width:96px;
	left: 575px;
	top: 1px;
	
}
#survol5 a:hover{ 
	display:block;
	background-image:url(Images/Boutons/272%20copie.png);
	-background-image:url(Images/Boutons/272%20copie.gif);
}

#survol6 a{
	position:absolute;
	display:block;
	background-image:url(Images/Boutons/pyrenees.png);
	-background-image:url(Images/Boutons/pyrenees.gif);
	background-repeat:no-repeat;
	height:20px;
	width:97px;
	left: 671px;
	top: 1px;
	
}
#survol6 a:hover{ 
	display:block;
	background-image:url(Images/Boutons/pyrenees%20copie.png);
	-background-image:url(Images/Boutons/pyrenees%20copie.gif);
}

#survol7 a{
	position:absolute;
	display:block;
	background-image:url(Images/Boutons/esp_port.png);
	
	background-repeat:no-repeat;
	height:47px;
	width:98px;
	left: 768px;
	top: 1px;
	
}
#survol7 a:hover{ 
	display:block;
	background-image:url(Images/Boutons/esp_port_over.png);
}
#survol8 a{
	position:absolute;
	display:block;
	background-image:url(Images/Boutons/loire_paris.png);
	background-repeat:no-repeat;
	height:47px;
	width:98px;
	left: 383px;
	top: 1px;
	
}
#survol8 a:hover{ 
	display:block;
	background-image:url(Images/Boutons/loire_paris_hover.png);
}
#fleches {
	position:absolute;
	width:405px;
	height:40px;
	z-index:22;
	left:-23px;
	top: 216px;
}
#imMenuMain {
	width: 126px;
	float: left;
	padding: 11px 0 0 7px;
	position: absolute;
	left: 4px;
	top: 235px;
	z-index: 4;
}


#Etapes {
	position:absolute;
	left:93px;
	top:594px;
	width:348px;
	height:26px;
	z-index:18;
}


#Contact {
	position:absolute;
	left:42px;
	top:665px;
	width:106px;
	height:139px;
	z-index:25;
}
#Contact2 {
	position:absolute;
	left:43px;
	top:737px;
	width:106px;
	height:139px;
	z-index:25;
}
#Vague {
	position:absolute;
	left:20px;
	top:720px;
	width:876px;
	height:40px;
	z-index:20;
}
#Vague2 {
	position:absolute;
	left:20px;
	top:796px;
	width:876px;
	height:40px;
	z-index:20;
}
#PiedPage {
	position:absolute;
	left:9px;
	top:785px;
	width:888px;
	height:40px;
	z-index:10;
}
#PiedPage2 {
	position:absolute;
	left:9px;
	top:881px;
	width:888px;
	height:40px;
	z-index:10;
}
#PArfumsduMonde {
	position:absolute;
	left:710px;
	top:705px;
	width:102px;
	height:51px;
	z-index:25;
}
#PArfumsduMonde2 {
	position:absolute;
	left:690px;
	top:778px;
	width:102px;
	height:51px;
	z-index:25;
}
#parfumstxt {
	position:absolute;
	left: 710px;
	top: 655px;
	z-index: 26;
	width:187px;
	height:62px;
}
#parfumstxt2 {
	position:absolute;
	left: 695px;
	top: 733px;
	z-index: 26;
	width:187px;
	height:62px;
}



#container {
	position: relative;
	height: 800px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	top:20px;
	
}

#parchemin {
	position:absolute;
	width:135px;
	height:193px;
	z-index:3;
	left: 50px;
	top: 435px;
}
#boussole {
	position:absolute;
	width:10px;
	height:93px;
	z-index:5;
	left: -20px;
	top: 386px;
}
#bateau {
	 position:absolute; 
	 left:1px; 
	 top:332px; 
	 height:307px;
	  width:405px;
	   z-index:1;
}
#ecrivez {
	position:absolute;
	width:159px;
	height:31px;
	z-index:27;
	left: 31px;
	top: 665px;
}
#ecrivez2 {
	position:absolute;
	width:159px;
	height:31px;
	z-index:27;
	left: 31px;
	top: 738px;
}