@charset "utf-8";


/* -----------------------------
	-: Basic Structure :-
----------------------------- */

body {
background:#002f65 url(../images/bg_02.jpg) no-repeat top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#home-wrapper {
width: 956px;
margin: 0 auto;
color: #fff;
}

#left_col_content {
width: 637px;
float: left;
padding: 25px 0 0 0;
}

#right_col_content {
width: 302px;
float: right;
padding: 9px 0 0 0;
}


/* -----------------------------
	-: Elements Styling :-
----------------------------- */

/*h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
color: #222;
font-weight: bold;
}

h1            { 

}

h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 15px; padding: 0 0 10px 0; color: #f78f1e; font-weight: bold;}
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }

*/

a             { color: #fff; text-decoration: none; }
a:hover     { color: #f78f1e; }
a:active     { color: #f78f1e; }
a:focus     { outline: 1px; }

/*strong       { font-weight: bold; color: #333; }*/
/*
small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }*/


/* -----------------------------
	-: General Classes :-
----------------------------- */

.clear {
clear: both;
}

.align-left {
float: left;
}

.align-right {
float: right;
}

.orange_bold {
color: #f78f1e;
font-weight: bold;
font-size: 14px;
}

.linko2o {
color: #f78f1e;
font-weight: bold;
text-decoration: underline;
padding: 0 0 0px 20px;
background: url(../images/arrow.jpg) no-repeat 0 0px;
font-size: 11px;
display:block;
height: 20px;
font-family: "trebuchet MS", Arial, verdana;
}

/* -----------------------------
	-: Header :-
----------------------------- */

#header_wrap {
width: 100%;
height: 120px;
}

#header {
width: 956px;
height: 120px;
margin: 0 auto;
position: relative;
}

#header h1 {
	width: 199px;
	height: 81px;
	position: absolute;
	top: 25px;
	left: 22px;
}

#header h1 a {
width: 100%;
height: 100%;
display: block;
text-indent: -9999px;
}

#header #call-us {
position: absolute;
top: 71px;
right: 22px;
}

#top-menu {
width: 381px;
height: 36px;
background: url(../images/top-menu.jpg) no-repeat;
position: absolute;
top: 0;
right: 0;
font-size: 11px;
}

#top-menu ul {
padding: 10px 0 0 10px;
}

#top-menu li {
list-style-type: none;
background: url(../images/top-menu-separator.gif) no-repeat top right;
display: block;
float: left;
padding: 0 6px 10px 6px;
}

#top-menu li.separator-none {
background: none;
}

#top-menu li a {
color: #73ceff;
}

#top-menu li a:hover {
color: #fff;
border-bottom: 2px solid #f78f1e;
padding-bottom: 2px;
}

#top-menu li a.current {
color: #fff;
border-bottom: 2px solid #f78f1e;
padding-bottom: 2px;
}



/* -----------------------------
	-: Main Menu :-
----------------------------- */

#menu_wrap {
height: 34px;
background: url(../images/menu_wrap_bg.gif) repeat-x;
}

#menu{
width: 956px;
margin: 0 auto;
height: 34px;
position: relative;
background: url(../images/menu.png);
}

#menu li {
float: left;
list-style: none;
}

#menu li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
background: url(../images/menu.png) no-repeat;
height: 34px;
display: block;
overflow: hidden;
text-indent: -9999px;
}

li#menu_destinations  a { /* Dive travel destinations */
left: 28px;
width: 260px;
background-position: -28px 0;
}

li#menu_travel a { /* travel infos */
left: 319px;
width: 125px;
background-position: -319px 0;
}

li#menu_gallery a { /* media gallery */
left: 474px;
width: 143px;
background-position: -474px 0;
}

li#menu_whatnew a { /* what’s new */
left: 650px;
width: 114px;
background-position: -650px 0;
}

li#menu_testimonials a { /* testimonials */
left: 798px;
width: 130px;
background-position: -798px 0;
}

/* Menu Hover  */
li#menu_destinations a:hover {
background-position: -28px -34px;
}

li#menu_travel a:hover {
background-position: -319px -34px;
}

li#menu_gallery a:hover {
background-position: -474px -34px;
}

li#menu_whatnew a:hover {
background-position: -650px -34px;
}

li#menu_testimonials  a:hover {
background-position: -798px -34px;
}

/* Menu Active Class  */
li#menu_destinations a.destinations_active {
background-position: -28px -34px;
}

li#menu_travel a.travel_active {
background-position: -319px -34px;
}

li#menu_gallery a.gallery_active {
background-position: -474px -34px;
}

li#menu_whatnew a.whatnew_active {
background-position: -650px -34px;
}

li#menu_testimonials a.testimonials_active {
background-position: -798px -34px;
}

/* -----------------------------
	-: Main Menu FRANCAIS:-
----------------------------- */

#menu_wrap_fr {
height: 34px;
background: url(../images/menu_wrap_bg.gif) repeat-x;
}

#menu_fr{
width: 956px;
margin: 0 auto;
height: 34px;
position: relative;
background: url(../fr/images/menu_fr.png);
}

#menu_fr li {
float: left;
list-style: none;
}

#menu_fr li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
background: url(../fr/images/menu_fr.png) no-repeat;
height: 34px;
display: block;
overflow: hidden;
text-indent: -9999px;
}
/* destinations de plongée */
li#menu_destinations_fr  a { 
left: 28px;
width: 260px;
background-position: -28px 0;
}

/* info voyageur */
li#menu_travel_fr a { 
left: 309px;
width: 146px;
background-position: -309px 0;
}

 /* galerie médias */
li#menu_gallery_fr a {
left: 470px;
width: 154px;
background-position: -470px 0;
}

/* quoi de neuf */
li#menu_whatnew_fr a { 
left: 641px;
width: 138px;
background-position: -641px 0;
}

/* témoignages */
li#menu_testimonials_fr a { 
left: 796px;
width: 134px;
background-position: -796px 0;
}

/* Menu Hover  */
li#menu_destinations_fr a:hover {
background-position: -28px -34px;
}

li#menu_travel_fr a:hover {
background-position: -309px -34px;
}

li#menu_gallery_fr a:hover {
background-position: -470px -34px;
}

li#menu_whatnew_fr a:hover {
background-position: -641px -34px;
}

li#menu_testimonials_fr  a:hover {
background-position: -796px -34px;
}

/* Menu Active Class  */
li#menu_destinations_fr a.destinations_active_fr {
background-position: -28px -34px;
}

li#menu_travel_fr a.travel_active_fr {
background-position: -309px -34px;
}

li#menu_gallery_fr a.gallery_active_fr {
background-position: -470px -34px;
}

li#menu_whatnew_fr a.whatnew_active_fr {
background-position: -641px -34px;
}

li#menu_testimonials_fr a.testimonials_active_fr {
background-position: -796px -34px;
}

/* -----------------------------
	-: Middle Part  :-
----------------------------- */
#middle_wrap {
width: 100%;
height: 263px;
background: url(../images/middle_wrap_bg.png);
}

#middle_wrap_shadow {
width: 990px;
height: 257px;
margin: 0 auto;
background: url(../images/middle_wrap_shadow_bg.png) repeat-y;
}

#middle_box {
width: 956px;
margin: 0 auto;
height: 257px;
}

#middle-flash-box {
width: 727px;
height: 257px;
background: url(../images/middle-flash.jpg) no-repeat;
float: left;
}

#middle-flash-box_fr {
width: 727px;
height: 257px;
background: url(../fr/images/middle-flash_fr.jpg) no-repeat;
float: left;
}

#middle_box_right {
width: 229px;
height: 257px;
float: right;
}

#newsletter-panel {
width: 229px;
height: 150px;
background: url(../images/newsletter-panel.jpg) no-repeat;
position: relative;
}

#newsletter-panel_FR {
width: 229px;
height: 150px;
background: url(../fr/images/email-panel_FR.jpg) no-repeat;
position: relative;
}

#newsletter-form {
	font-size: 11px;
	position: absolute;
	top: 40px;
	left: 20px;
	width: 190px;
	color: #fff;
	line-height: 20px;
	height: 97px;
}

#newsletter-form img{
margin: 18px 0px 0px 35px;
}



#newsletter-form .field-textbox {
	font-size: 12px;
	color: #666;
	padding:0 0 1px 0;
	margin:0 0 12px 0;
	width:186px;
}

#btn-subscribe {
	font-size: 12px;
	color: #666;
	position: absolute;
	left: 39px;
	top: 55px;
	width: 109px;
}

#sendbutton {
  width: 109px;
  height: 25px;
  margin: 6px 0 0 3px;
  padding: 0;
  border: 0;
  background: url(../images/btn-subscribe-email.gif) no-repeat center top;

  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#tico-panel {
width: 229x;
height: 107px;
background: url(../images/tico-panel.jpg) no-repeat;
position: relative;
}

#tico-panel p {
font-size: 11px;
position: absolute;
top: 40px;
left: 108px;
width: 96px;
color: #73ceff;
line-height: 13px;
}

#tico-panel p a {
text-decoration: underline;
font-size: 10px;
}

#tico-panel_FR {
width: 229x;
height: 107px;
background: url(../fr/images/tico_panel_FR.jpg) no-repeat;
position: relative;
}

#tico-panel_FR p {
font-size: 11px;
position: absolute;
top: 40px;
left: 108px;
width: 96px;
color: #73ceff;
line-height: 13px;
}

#tico-panel_FR p a {
text-decoration: underline;
font-size: 10px;
}

/* -----------------------------
	-: Left Content Home Page  :-
----------------------------- */


#rightLine {
background: url(../images/line.gif) repeat-y top right;
overflow: hidden;
/*height: 390px;*/
}

/* -- featured resort -- */

#featured-resort {
width: 289px;
height: 334px;
background: url(../images/featured-resort-bg.png) no-repeat;
padding: 40px 17px 0 20px;
float: left;
}

#featured-resort #thumb-back-bg {
background: url(../images/photo-thumb-bg.jpg) no-repeat;
width: 279px;
height: 131px;
padding: 1px 0 0 1px;
}

#featured-resort h2 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 10px 0 10px 0;
}

#featured-resort p {
line-height: 17px;
padding: 0 0 18px 0;
}

/* -- featured resort FR -- */

#featured-resort_fr {
width: 289px;
height: 334px;
background: url(../fr/images/forfait-bg_FR.png) no-repeat;
padding: 40px 17px 0 20px;
float: left;
}

#featured-resort_fr #thumb-back-bg {
background: url(../images/photo-thumb-bg.jpg) no-repeat;
width: 279px;
height: 131px;
padding: 1px 0 0 1px;
}

#featured-resort_fr h2 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 10px 0 10px 0;
}

#featured-resort_fr p {
line-height: 17px;
padding: 0 0 18px 0;
}

/* -- Specials -- */

#specials-box {
width: 283px;
float: left;
padding: 9px 0 0 15px;
}

.specials-resorts {
height: 78px;
background: url(../images/specials-resorts-bg.png) no-repeat;
margin: 15px 0 22px 0;
}

.specials-thumb {
width: 82px;
height: 69px;
float: left;
padding: 1px 0 0 1px;
}

.specials-right {
width: 180px;
float: right;
padding: 15px 0 0 0;
line-height: 18px;
}

.specials-right a {
font-weight: bold;
}


/* -- Squba Groups -- */

#squba-groups {
border: 1px solid #0d4990;
background: #012d60;
height: 200px;
margin: 15px 0;
}

#squba-groups-img {
width: 232px;
height: 200px;
background: url(../images/exotic-squba-groups-img.png) no-repeat 7px 8px;
float: left;
}

.squba-groups-content {
float: left;
width: 352px;
padding: 23px 0 0 25px;
}

.squba-groups-content p {
padding: 15px 0 0 0;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}

#squba-groups-btn {
width: 290px;
height: 30px;
padding: 24px 0 0 25px;
}

/* -----------------------------
	-: Main Content Layout :-
----------------------------- */

.col-left {
float:left;
margin-right:20px;
width:308px;
}

.col-right {
float:left;
width:308px;
}


/* -----------------------------
	-: Right Sidebar  :-
----------------------------- */

/* social btn */

#social_btn {
width: 300px;
height: 25px;
background: url(../images/btn-social.gif) no-repeat;
position: relative;
padding: 0 0 8px 0;
}

#social_btn  #btn_facebook {
	width: 23px;
	height: 23px;
	position: absolute;
	left: 117px;
	right: 0;
	top: 2px;
}

#social_btn #btn_facebook a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}

#social_btn  #btn_youtube {
	width: 23px;
	height: 23px;
	position: absolute;
	left: 151px;
	right: 0;
	top: 1px;
}

#social_btn  #btn_youtube a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}

#social_btn #btn_share {
width: 83px;
height: 16px;
position: absolute;
left: 216px;
top: 5px;
}

/* social btn fr*/

#social_btn_FR {
width: 300px;
height: 25px;
background: url(../fr/images/btn-social.gif) no-repeat;
position: relative;
padding: 0 0 8px 0;
}

#social_btn_FR  #btn_facebook {
	width: 23px;
	height: 23px;
	position: absolute;
	left: 117px;
	right: 0;
	top: 2px;
}

#social_btn_FR #btn_facebook a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}

#social_btn_FR  #btn_youtube {
	width: 23px;
	height: 23px;
	position: absolute;
	left: 151px;
	right: 0;
	top: 1px;
}

#social_btn_FR  #btn_youtube a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}

#social_btn_FR #btn_share {
width: 83px;
height: 16px;
position: absolute;
left: 216px;
top: 5px;
}

/* travel insurance */

#travel-insurance-box {
padding: 0 0 10px 0;
margin: 20px 0 0 0;
}

#travel-insurance-box p {
color: #73ceff;
padding: 20px 0 0 0;
line-height: 18px;
}

.shadow_line {
height: 16px;
background: url(../images/shadow_line.png) no-repeat;
}

/* testimonials */

#testimonials-box {
padding: 25px 0;
}

#testimonials-box ul {
padding: 20px 0 0 0;
}

#testimonials-box li {
padding: 0 0 18px 20px;
background: url(../images/arrow_2.gif) no-repeat 0 5px;
line-height: 14px;
}

#testimonials-box li span {
color: #73ceff;
font-style: italic;
}

/* -----------------------------
	-: Footer  :-
----------------------------- */

#footer-box {
width: 956px;
height: 334px;
margin: 18px auto 13px auto;
background: url(../images/panel-footer.jpg) no-repeat;
color: #fff;
}

#footer-box_FR {
width: 956px;
height: 334px;
margin: 18px auto 13px auto;
background: url(../fr/images/panel-footer_FR.jpg) no-repeat;
color: #fff;
}

#what-new {
width: 285px;
padding: 67px 0 0 20px;
float: left;
}

#what-new .announcement-list h2{
font-size:12px;
}

#footer-box #what-new .announcement-list{
padding-bottom:5px;
font-size:10px;
line-height:13px;
}

#what-new .announcement-list span.date {line-height:10px;}

#what-new span {
color: #175eb3;
font-size: 9px;
padding: 0 0 0px 0;
display: block;
}

#what-new li {
margin: 0;
padding: 0 0 0px 0;
}

#what-new li p {
padding: 0 0 6px 0;
line-height: 13px;
font-size: 11px;
text-align: left;
}


#what-new a {
color: #f78f1e;
font-weight: bold;
}

#what-new a:hover {
text-decoration: underline;
}

#travel-infos {
width: 285px;
padding: 67px 15px 0 35px;
float: left;
}

#travel-infos li {
padding: 0 0 25px 0;
}

/* media gallery */
#media-gallery {
width: 250px;
padding: 62px 15px 0 18px;
float: left;
line-height: 14px;
}

#media-gallery .btn_gallery   {
margin: 180px 0 0 0;
text-align: center;
}


#footer-bottom {
width: 956px;
margin: 0px auto 18px auto;
height: 51px;
background: url(../images/footer_line.gif) repeat-x bottom;
}

#footer-bottom .footer-logo {
float: left;
padding: 0 0 0 20px;
}

.copyright {
color: #73ceff;
font-size: 10px;
float: right;
margin: 15px 22px 0 0;
}

.copyright a {
text-decoration: underline;
color: #73ceff;
}

#footer_banner {
height: 180px;
width: 956px;
background: url(../images/footer_line.gif) repeat-x bottom;
margin: 20px auto;
}

#footer_banner #banner-ad {
width: 290px;
float: left;
padding: 0 0 0 20px;
}

#footer_banner p {
float: right;
width: 620px;
color: #000;
font-size: 10px;
line-height: 16px;
}

#kreacom-logo {
width: 956px;
margin: 20px auto;
text-align: center;
}

#kreacom-logo p {
	margin: 0 0 8px 0;
}

#kreacom-logo p a {
	color: #00234A;
	font-size: 9px;
	letter-spacing: 1px;
}

/* specials */
#internal_bg {
	width: 100%;
	min-height: 500px;
	background: #ffffff url(../images/internal_bg.gif) repeat-x;
	color: #000000;
}

#internal_wrap {
	width: 956px;
	margin: 0 auto;
}

#internal_wrap a{
	color: #F78F1E;
	text-decoration: underline;
}

#internal_wrap_bg {
	width: 956px;
	margin: 0 auto;
	background: url(../images/internal_wrap_bg.gif) repeat-y;
}

#internal_menu {
	width: 956px;
	height: 35px;
	overflow: hidden;
	background: url(../images/internal_menu_bg.png) repeat-x;
}

#internal_menu ul {
	margin: 0;
	padding: 0;
}

#internal_menu li {
	margin: 0;
	padding: 0;
	float: left;
	background: url(../images/internal_menu_sep1.gif) no-repeat;
}

#internal_menu li a {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	display: block;
	float: left;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	height: 39px;
	padding: 0 0 0 6px;
	line-height: 30px;
	_line-height: 28px;
}

#internal_menu li a span{
	float: left;
	display: block;
	padding: 0 15px 10px 8px; 
}

#internal_menu li.current a, #internal_menu li a:hover{
	color: #002F65;
	background: url(../images/internal_menu_left_cor.jpg) no-repeat;
	background-position: left;
}

#internal_menu li.current a span, #internal_menu li a:hover span{
	color: #002F65;
	background: url(../images/internal_menu_right_cor.jpg) no-repeat right top;
}

#internal_left {
	width: 689px;
	float: left;
	margin: 25px 0 20px 19px;
	_margin: 25px 0 20px 10px;
}

#heading_box {
	width: 689px;
	margin: 0 0 0 0;
}

#heading_box h2 {
	font-variant:small-caps;
	font-size: 22px; 
	color: #f78f1e;
	font-style:italic;
	margin: 0;
	float: left;
}

#heading_box h1 {
	font-variant:small-caps;
	font-size: 22px; 
	color: #f78f1e;
	font-style:italic;
	margin: 0;
	float: left;
}

#share_box {
	width: 200px;
	float: right;
	text-align: right;
}

#share_box a {
	color: #002965;
	font-size:12px;
}

#div_border_bottom {
	width: 689px;
	height: 15px;
	background: url(../images/border_bottom.jpg) no-repeat;
	margin: 12px 0 10px 0;
}

#package_detail {
	width: 330px;
	float: left;
	font-size: 12px;
	color: #002F65;
}

#package_detail h2 {
	color: #002F65;
	font-size: 18px;
	font-weight: normal;
}

#package_detail p {
	font-size: 12px;
	color: #002F65;
	line-height: 20px;
}

#page_text {
	font-size: 12px;
	color: #002F65;
	line-height: 20px;

}

#page_text ul{
	list-style-type: disc;
	margin-right: 20px;
	padding-left:20px;
	font-size:11px;
	margin-top:5px;

}

#page_text li{
	list-style-type: disc;
	font-size:11px;
	margin-top:5px;
	line-height: 15px;
color: #515151;
}

#package_img {
	width: 309px;
	height: 230px;
	border: 3px solid #B6C3D2;
	margin: 15px 0 15px 0;
}

#internal_left_bottom {
	width: 660px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/internal-left-bottom.gif) no-repeat;
}

#package_include {
	width: 336px;
	float: right;
}

#package_include_small_box {
	width: 337px;
}

#package_price {
	width: 200px;
	height: 30px;
	float: right;
	text-align: right;
	margin: 0 0 12px 0;
}

#package_price p {
	font-size: 15px;
	font-weight: bold;
	color: #002F65;
	border-bottom: 1px dashed #CCCCCC;
	float: right;
	padding: 0 0 5px 0;
}

#package_price span {
	color: #7D7D7D;
	font-size: 13px;
}

#package_include ul {
	margin: 0 0 0 4px;
	padding: 0;
}

#package_include li {
	color: #636363;
	font-size: 11px;
	padding: 0 0 0 14px;
	margin: 10px 0 0 0;
	background: url(../images/bullet.gif) no-repeat 0 4px;
}

#book_online {
	width: 335px;
	border: 1px solid #E5E5E5;
	background: url(../images/book-online-bg.jpg) repeat-y;
}

#internal_right {
	width: 229px;
	padding: 10px 0 0 0;
	float: right;
}

.internal_right_mini_box {
	width: 187px;
	border-bottom: 1px solid #EBEBEB;
	padding: 10px 21px 10px 21px;
	color: #7D7D7D;
}

.darkblue_font {
	color: #002F65;
}

.grey_font_10 {
	color: #656565;
	font-size: 10px;
}

.grey_font {
	color: #656565;
}

a.link2ora {
	color: #F78F1E;
	text-decoration: underline;
}

a.link2ora:hover {
	text-decoration: none;
}

a.link2grey {
	color: #656565;
	text-decoration: underline;
}

a.link2grey:hover {
	text-decoration: none;
}

a.bluefont {
	color: #105CB6;
	font-size: 12px;
}

#int_footer {
	width: 100%;
	height: 150px;
	background: #002F65;
}

.img_border {
	border: 1px solid #F0F0F0;
	float: right;
}

/* -----------------------------
	-: Webapp  :-
----------------------------- */

#webapp_list {
	margin:0 25px 0 0;
	width:129px;
	float:left;

}

#webapp_list img {
	height:97px; 
	width:129px;
}

#webapp_list-col2 {
float:left;
width:490px;
font-size:11px;
color:#747474;
}

#webapp_list-col2 h2{
font-size:13px;
color:#002F65;
}
/* -----------------------------
	-: Hide Print DIVS  :-
----------------------------- */
#header_print {display:none;}
#footer_print {display:none;}