/*Design*/
body
{
   width: 1024px;
   margin: auto; /* Pour centrer notre page */
   /*margin-top: 10px; *//* Pour éviter de coller avec le haut de la fenêtre du navigateur.*/
   /*margin-bottom: 10px; */ /* Idem pour le bas du navigateur */
   /*border: 3px solid #6B6C5A;*/
   
}

/* BANNER*/

#entete
{
   width: 1024px;
   height: 145px;
   background-image: url("images/jpg/banner.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;

}
/* MENU */

#slatenav
{
	width:100%;
	height:42px;
	font-size:11px;
	font-weight:bold;
	background:url(images/jpg/greenslate_background.gif) repeat-x top left;
	font-family:"Verdana",Helvitica,sans-serif;
}
#slatenav ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	/*width:1024px;*/
}
#slatenav ul li a
{
	display:inline;
	float:left;
	color:white;
	list-style:none;
	text-decoration:none;
	padding:14px 22px 0px 22px;
	/*height:28px;*/
}
#slatenav ul li a:hover
{
	color:white;
	height:42px;
	background: url(images/jpg/greenslate_backgroundOVER.gif) no-repeat top center;/*no-repeat pour que le fond ne ses repete pas a la vertical*/
}
/*END MENU*/


/*CORPS*/
/* Le CORPS commun à toutes les pages */
#corps
{ 
   width: 1024px;
}

#espacehaut /*espace haut titre*/
{
	/*border: 3px solid #6B6C5A;*/
	height: 20px;
	background-image: url("images/jpg/deco_nav.gif");
}

#flags/*pour bloquer les drapeaux */
{
	height: 24px;
	margin-left: auto;
    margin-right: auto;
	width: 72px;
}

#espacebas /*espace bas titres*/
{
	height: 35px;
}

.pdphaut/*espace pied de page*/
{
	height: 20px;
}

#corps p /*police*/
{
	font-family: "Verdana", Times, Arial, serif;
	font-size: 12px;
	text-align: justify;
}

#corpsgetthere
{
	width: 1024px;
}

#corpsgetthere p /*police*/
{
	width: 460px;
	margin: auto;
	font-family: "Verdana", Times, Arial, serif;
	font-size: 12px;
	text-align: justify;
}

#corpsgetthere h2, h5 /*police*/
{
	font-family: "Verdana", Times, Arial, serif;
	text-align: center;
}

#corpsgetthere a img
{
  border:  none ;
}

#corpsdiving
{
	width: 1024px;
}

#corpsdiving a img
{
  border:  none ;
}

#corpsdiving p /*police*/
{
	margin-right: 100px;
	margin-left: 100px;
	font-family: "Verdana", Times, Arial, serif;
	font-size: 12px;
	text-align: justify;
}

#corpsdiving h2, h5 /*police*/
{
	font-family: "Verdana", Times, Arial, serif;
	text-align: center;
}

/*#fox img
{
	float: left;
	margin-right: 20px;
	margin-left: 100px;
	margin-bottom: 20px;
	border: 10px solid #6b6c5a;
	padding: 2px;
}*/

.espace
{
	height: 20px;
}

strong
{
	color: red;
}

#corps h2, h3, h4, h5/* text titel "Rates" */
{
	font-family: "Verdana", Times, Arial, serif;
	text-align: center;
}

#corps a img
{
  border: none;
}

#tablex
{
	margin-left: 302px;
	margin-right: 302px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.imageflottantejeepney, .imageflottanteboat, .imageflottantetaxi
{
   float: left;
   margin-right: 20px;
   margin-bottom: 5px;
   padding: 2px;
   border: 8px solid #6B6C5A;
   /*width: 100px;*/
}

.imageflottantedivesite, .imageflottantefood, .imageflottantethunder
{
   float: left;
   margin-left: 100px;
   margin-right: 20px;
   margin-bottom: 5px;
   padding: 2px;
   border: 8px solid #6B6C5A;
   /*width: 100px;*/
}

.imageflottantemalapisland
{
   float: left;
   margin-left: 100px;
   border: 8px solid #6B6C5A;
   padding: 2px;
   margin-right: 15px;
   width: 200px;
}

.imageflottanteplage1

{
   float: right;
   margin-left: 15px;
   border: 8px solid #6B6C5A;
   padding: 2px;
   margin-right: 15px;
   width: 200px;
}

/* TABELs in "prices" */

#coffre
{
	/*border: 1px solid purple;*/
	margin-left: 170px;
	width: 308px;
}

#coffre2
{
	position: absolute;
	top: 359px;
	margin-left: 532px;
	/*border: 1px solid purple;*/
	width: 302px;
}

#coffre3
{
	/*border: 1px solid purple;*/
	margin-left: 170px;
	width: 302px;
}

#coffre4
{
	position: absolute;
	top: 569px;
	margin-left: 532px;
	/*border: 1px solid purple;*/
	width: 302px;
}

#rates table, #rates2 table, #rates3 table, #rates4 table /* Tableau ds "prices" */
{
	font-size: 9px;
	font-family: "Verdana", Times, Arial, serif;
	border: 10px solid #6B6C5A;
	/*margin-bottom: 50px;*/
	margin: auto;
}

.ptitsize
{
	font-size: 8px;
}

.colorA
{
	background-color: #ADC728;
	font-size: 12px;
}

.color
{
	background-color: #ffd700;
}

#rates td.noir, #rates2 td.noir, #rates3 td.noir, #rates4 td.noir
{
	font-family: "Verdana", Times, Arial, serif;
	background-color: #6B6C5A;
	color: white;
}

#rates td, #rates2 td, #rates3 td, #rates4 td 
{
	padding: 5px;
	border: 1px solid #6B6C5A;
	color: black;
	text-align: center;
	font-weight: bold;
} /*fin tableau I et II*/

#corps a /*email dans prix*/
{
	font-size: 12px;
	color: #00AEEF;
	text-decoration: none;
	font-weight: bold;
}

#corps a:hover
{
	font-size: 12px;
	color: #6A43CC;
	text-decoration: none;
	font-weight: bold;
}/*END TABEL RATES*/

#corps p.center/* dans prix en bas contactez nous + email*/
{
	text-align: center;
}

#pricelist table /* Tableau ds page "malapascua_diving" */
{
	font-size: 10px;
	font-family: "Verdana", Times, Arial, serif;
	border:10px solid #6B6C5A;
	width: 420px;
	margin-bottom: 20px;
	margin: auto;
}

#pricelist td.green
{
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ADC728;/*#ADC728*/
	color: black;
	border:1px solid #6B6C5A;
	text-align:center;
	width:25%;
}
#pricelist td 
{
	font-size: 10px;
	padding: 3px;
	font-weight: bold;
	border:1px solid #6B6C5A;
	text-align:center;
	width:25%;
}

.orange
{
	background-color: gold;
}

.brown
{
	font-size: 10px;
	background-color: #6B6C5A;
	color: white;
	font-weight: bold;
} /*fin tableau*/

/*FOOTER*/

 #pieddepage, #pieddepage p 
{
   /*width: 1024px;*/
   text-align: center;
   font-family: "Verdana", Times, Arial, serif;
   font-size: 10px;
}

#corpscontact/* contact */
{
	width: 1024px;
	height: 500px;
}
#corpscontact a img
{
  border:  none ;
}

#corpscontact p
{
	font-family: "Verdana", Times, Arial, serif;
	font-size: 12px;
	text-align: justify;
}

#corpscontact h2 /* text titel "Rates" */
{
	font-family: "Verdana", Times, Arial, serif;
	text-align: center;
}

#corpscontact p.adresse
{
	font-family: "Verdana", Times, Arial, serif;
	font-size: 12px;
	text-align: left;
}

img.cartedevisite 
{
   float: left;
   margin-right: 15px;
   margin-left: 30px;
}

img.map 
{
   float: right;
   margin-right: 30px;
   margin-left: 15px;
}

#corpscontact a /* mail */
{
	font-family: "Verdana", Times, Arial, serif;
	color: #00AEEF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#corpscontact a:hover /* mail */
{
	font-family: "Verdana", Times, Arial, serif;
	font-size: 12px;
	color: #6A43CC;
	font-weight: bold;
	text-decoration: none;
}

#corpslinks
{
   width: 1024px;
}

#corpslinks p
{
   width: 1024px;
   font-family: "Verdana", Times, Arial, serif;
   font-size: 12px;
   text-align: center;
}

#corpslinks h2/* text titel "Rates" */
{
	font-family: "Verdana", Times, Arial, serif;
	text-align: center;
}

#corpslinks a  /*liens*/ 
{
	font-family: "Verdana", Times, Arial, serif;
	font-size: 14px;
	color: #00AEEF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

#corpslinks a:hover  /*liens*/ 
{
	font-family: "Verdana", Times, Arial, serif;
	font-size: 14px;
	color: #6A43CC;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

#corpslinks a img
{
  border:  none ;
}


#corpsisland/* malapascua */
{ 
   width: 1024px;
}

#corpsisland a img
{
	border:  none ;
}

#corpsisland p
{
	width: 900px;
	font-family: "Verdana", Times, Arial, serif;
	font-size: 12px;
	text-align: justify;
}

#corpsisland h2/* text titel "Rates" */
{
	font-family: "Verdana", Times, Arial, serif;
	text-align: center;
}

#zoom
{
	margin: auto;
	width: 810px;
}

#zoom table
{
	margin-left: 0px; 
	width: 760px;
	/*border: 5px solid red;*/
}

#zoom td
{
	border: 4px solid #6b6c5a;
	/*padding: 0px;*/
	/*margin: auto;*/
}

img.float2
{
	float: left;
	padding: 1px;
}/*pour câler les image dans la table*/

.espace
{
    height: 35px;
}

.espace2
{
    height: 50px;
}

.thumb img
{
	width: 34px;
	height: 26px;
}

.thumb
{
	position: relative;
	top: 0px;
	left: 0px;
}
  
.thumb a 
{
	margin: auto;
}

.thumb a:hover 
{ 

}

.thumb a .grand 
{
	display: block;
	position: absolute;
	width: 0px;
 }
  
.thumb a:hover .grand 
{ 
	position: absolute;
	top: -178px;/*-268*/
	left: 3px;
	right: 50px;
	width: 200px;
	height: 150px;
 }

.floattest
{ 
	float: left;
	margin-left: 20px;
	/*margin-right: 20px;*/
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest6
{ 
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest5
{ 
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest3
{
	margin-left: 35px;
	/*margin-right: 20px;*/
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
  .floattest4
{
	margin-left: 35px;
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest2
{ 
	float: right;
	margin-right: 20px;
	/*margin-left: 20px;*/
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest7
{ 
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest8
{ 
	float: left;
	/*margin-left: 20px;*/
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest9
{ 
	float: left;
	/*margin-left: 20px;*/
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest10
{ 
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest11
{ 
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }
 
 .floattest12
{ 
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	padding: 2px;
	border: 8px solid #6B6C5A;
 }