@charset "UTF-8";

@media all {}
/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals 
These rules are applied to all elements unless otherwise specified below. */
.p7EPM05 { margin : 0; padding : 0; }
h1, h2, h3, h4, h5, p, ul, ol, li  {
	margin : 0;
	padding : 0;
	list-style: none;
}

/* =html */
html {
	background : #FFF url(../images/bg_htmlGradient.jpg) repeat-x;
}

/* =body */
body {
	/*font : 76%/160% "Tahoma", Verdana, Arial, sans-serif;*/
	color : #5a1c46;
	text-align : center;
	padding-top: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
}

/* =hx */
h1, h2, h3 { font-weight : bold; text-transform : uppercase; }

/* =h1 */
h1 { font-size : 130%; }

/* =h2 */
h2 { font-size : 110%; }
h2#fir_1 { z-index : 2; position : absolute; top : 10px; left : 20px; width: 409px; height : 67px; padding : 0; background : url(../images/fir_1.png) no-repeat; text-indent : -9999px; }

/* =h3 */
h3 { font-size : 100%; }

/* =a */
a {text-decoration: none;}

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */
#divWrapper {
	position : relative;
	width : 960px;
	padding-top : 65px;
	text-align : left;
	background: #FFF url(../images/bg_wrapperTop.jpg) no-repeat left top;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#divSubNav {
	float: left;
	width: 180px;
	padding-top: 30px;
}
#divMainContent {
	float: left;
	width: 548px;
	background: url(../images/bg_containerTop.gif) no-repeat left top;
	padding-top: 40px;
	padding-bottom: 20px;
}
#divSecondaryContent {
	float: right;
	width: 220px;
}
#divContainer {
	width: 100%;
	overflow: hidden;
	background: url(../images/bg_containerBottom.gif) no-repeat left bottom;
	padding-bottom: 30px;
}

#divBranding {
	overflow: hidden;
	height: 291px;
	padding: 0px;
	margin-bottom: 20px;
}
.bold {
	font-weight: bold;
}
.boldHighlight {
	font-weight: bold;
	color: #F60;
}

.subMenu {
	display: none;
}
#divMainContent h2 {
	margin-bottom: 10px;
	padding-left: 5px;
}
/*
#divMainContent .divDecor .divDescription h4 {
	padding-left: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	background: url(../images/bg_descriptionTop.gif) no-repeat left top;
	padding-top: 15px;
}
#divMainContent .divDecor .divDescription1 h4 {
	padding-left: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 15px;
}
#divMainContent .divDescription p {
	margin-top: 0px;
}*/
.floatLeft {
	float: left;
}
.floatLeftText {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
/*
#divMainContent .divDecor .divDescription {
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: #EEE8FF url(../images/bg_descriptionBot.gif) no-repeat left bottom;
	width: 540px;
}
#divMainContent .divDecor .divDescription1 {
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: no-repeat left bottom;
	width: 540px;
}
.divDescription img, .divDescription1 img {
	margin-right: 10px;
}*/
.floatRight {
	float: right;
}
.imgFloatRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}
.divSection {
	border-bottom: 5px solid #36C;
	margin-bottom: 20px;
}
#divMainContent .divSection h3 {
	color: #701C46;
	height: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#divSecondaryContent .boxRightNoBottom p {
	padding-left: 15px;
}
#divWrapperContainer {
	background: url(../images/bg_mainContent.gif) no-repeat left 100px;
}
#divMainContent ul {
	margin-bottom: 10px;
}
.divDecor ul li {
	margin-bottom: 5px;
	margin-left: 20px;
	list-style: none;
}
#divMainContent #ulHistoricalDates {
	width: 450px;
}
#divMainContent #ulHistoricalDates li {
	margin-left: 20px;
	margin-bottom: 10px;
}
.boldRed {
	font-size: 1em;
	font-weight: bold;
	color: #F00;
}
.boldRedYellowBG {
	font-size: 1em;
	font-weight: bold;
	color: #F00;
	background-color: #FFC
}
.center {
	text-align: center;
}
.centerBold {
	font-weight: bold;
	text-align: center;
}
.divDisplay {
	padding-top: 5px;
	padding-bottom: 10px;
	width: 490px;
	padding-right: 10px;
	border: 1px solid #999;
	margin: 20px auto;
}
#divMainContent .divDisplay p {
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 10px;
}
.divPress {
	padding-left: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #999;
}
#divMainContent .divPress p {
	margin: 0px;
	padding: 0px 0px 10px;
}
.divDescription {
	margin-bottom: 10px;
}
#divMainContent .divDescription p {
	margin: 0px;
	padding: 0px;
}
.divDescription p img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}
.boxRight a:link, .boxRight a:visited, .boxRight a:active {
	color: #FFF;
	font-weight: bold;
}
.boxRight a:hover {
	text-decoration: underline;
}
.boldYellow {
	font-weight: bold;
	color: #FC6;
}
#divSubNav .divGalleryLeftCol {
	margin-top: 20px;
}
.bgYello {
	background: #FC6;
}
#divMainContent .divDescription h3 {
	text-transform: none;
	margin-bottom: 5px;
	padding-left: 5px;
	background: #FFC;
	padding-top: 3px;
	padding-bottom: 5px;
	position: relative;
}
#divMainContent .divDecor h1 {
	margin-top: 10px;
}
.divDisplay .navigator {
}
.divDisplay .navigator td {
	text-align: left;
	padding-right: 5px;
}
.boldCenterRed {
	font-weight: bold;
	color: #F36;
	text-align: center;
}
#divMainContent .recordCount {
	font-weight: bold;
	color: #066;
}
#divMainContent .divDecor h2 {
	margin-top: 10px;
}
/*.recordsetNav {
	border: 1px solid #666;
}*/
.recordsetNav td {
	padding-right: 5px;
}
#divMainContent .divDisplay h2 {
	text-align: right;
	margin-top: 0px;
}
#divMainContent .divDescription ul li {
	margin-bottom: 3px;
	padding-left: 0px;
	list-style: none;
	margin-left: 15px;
	line-height: 1.4em;
}
#divMainContent .divDescription ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#divMainContent .divDescription p {
	margin-left: 5px;
}
.divDisplay .divDescription ul li p {
	margin-left: 10px;
}
.divDescription h4 {
	margin-left: 5px;
	margin-bottom: 5px;
}
#divMainContent .divDecor ul {
	width: 450px;
	margin-left: 5px;
}
.indent {
	margin-left: 20px;
}
.indentUL {
	margin-left: 25px;
	width: 450px;
}
#divSubNav .h2LeftSideBar {
	font-size: 1em;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 20px;
}
#divSubNav .pLeftSideBar {
	margin-left: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}
#divSubNav ul {
}
#divSubNav .ulRecipe {
	margin-left: 15px;
	margin-bottom: 10px;
}
.tableNav td {
	padding-right: 5px;
}
#divMainContent .tableNav td a:hover {
	color: #066;
}
#divMainContent #frmContact {
	color: #303;
	line-height: 1.7em;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
#divMainContent #frmContact fieldset {
	border-top: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#divMainContent #frmContact fieldset legend {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 5px 10px;
	font-weight: bold;
}
#divMainContent #frmContact input.text {
	width: 200px;
}
#divMainContent #frmContact table td {
	padding-bottom: 5px;
}
#divMainContent #frmContact p {
	margin-top: 7px;
}
#divMainContent #frmContact td input.text:focus, #divMainContent #frmContact textarea:focus {
	background: eddab1;
	border: 1px solid 9d6124;
}
/*---------------------------------------------- Start Accordion heritage ----------------------------------------------------*/
#divMainContent h4 .subHead, #monumentsHist h4 .subHead {
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#heritageExamples, #monumentsHist {
	margin-left: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 500px;
	margin-right: auto;
	margin-bottom: 20px;
}
#heritageExamples h4, #heritageExamples p, #monumentsHist h4, #monumentsHist p {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
/*---------------------------------------------- End Accordion heritage ----------------------------------------------------*/
#heritageExamples div p, #monumentsHist div p {
	font-size: 1em;
}
#divSecondaryContent #photoShow p {
	padding: 0px;
	margin: 0px;
	width: 190px;
}
.event #photoShow {
	margin-left: auto;
	width: 190px;
	height: 285px;
	position: relative;
}
.event #photoShow p a:link, .event #photoShow p a:visited, .event #photoShow p a:active {
	text-decoration: none;
	border-style: none;
	border-width: 0px;
	width: 190px;
	height: 285px;
	display: block;
}
.event #photoShow p a:hover {
	text-decoration: none;
}#photoShow div {
	position: absolute;
	z-index: 0;
}
#photoShow div.previous {
	z-index: 1;
}
#photoShow div.current {
	z-index: 2;
}
.italic {
	font-style: italic;
}
.italicBold {
	font-style: italic;
	font-weight: bold;
}
#divFooter #pCopyrightsFooter {
	text-align: center;
	margin-top: 5px;
	font-size: 11px;
}
#divFooter {
	margin-bottom: 20px;
}
#pWriters {
	margin-left: 20px;
}
#divMainContent .divDecor .last {
	margin-bottom: 20px;
}
.divDisplay table a:link, .divDisplay table a:visited, .divDisplay table a:active {
	text-decoration: none;
	border-style: none;
}
#divMainContent #test li {
	margin-bottom: 10px;
}
#divMainContent .divDisplay .divDescription p {
	line-height: 1.4em;
}
.boldRedPackages {
	font-size: 1.5em;
	font-weight: bold;
	color: #C00;
}
.boldGreenPackages {
	font-size: 1.5em;
	font-weight: bold;
	color: #090;
}
 img  {
	text-decoration: none;
	border: 0px;
}.boldBigPackages {
	font-size: 1.3em;
	font-weight: bold;
}
/*--------------------- Control the home page -------------------------------*/

#divWrapperHome {
	position : relative;
	width : 960px;
	text-align : left;
	background: #FFF url(../images/bg_wrapperTop.jpg) no-repeat left top;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
}
#divBrandingHome {
	overflow: hidden;
	padding: 0px;
	margin-bottom: 20px;
}
#divBranding ul {
	margin: 0px;
	padding: 0px;
	width: 960px;
	list-style: none;
}
#divBrandingHome ul li {
	position: relative;
	width: 210px;
	float: left;
}
li#discovery, li#activities, li#beaches {
	margin-right: 10px;
	margin-top: 53px;
}

li#diving, li#honeymoon, li#professionals, li#accommodations {
	margin-right: 10px;
	margin-top: 20px;
}
#imgLogoMartiniqueHome {
	position: absolute;
	top: 1px;
	left: 13px;
	z-index: 5000;
	height: 81px;
	width: 127px;
}
#divWrapperHome #img_welcomeHome {
	position: absolute;
	left: 225px;
	top: 35px;
	height: 46;
	width: 336;
}
#searchHome {
	position: absolute;
	left: 734px;
	top: 10px;
	width: 235px;
}
#divBrandingHome li#video {
	margin-top: 53px;
	width: 300px;
	height: 240px;
}
.divMarginTop {
	margin-top: 20px;
}
ul #diving h3, ul #honeymoon h3, ul #professionals h3, ul #accommodations h3 {
	height: 20px;
	text-align: center;
	padding-top: 5px;
	color: #FFF;
}
ul #diving h3 a:link, ul #diving h3 a:visited, ul #diving h3 a:active, ul #honeymoon h3 a:link, ul #honeymoon h3 a:visited, ul #honeymoon h3 a:active, ul #professionals h3 a:link, ul #professionals h3 a:visited, ul #professionals h3 a:active, ul #accommodations h3 a:link, ul #accommodations h3 a:visited, ul #accommodations h3 a:active {
	color: #FFF;
	letter-spacing: .1em;
}
ul li#diving, ul li#honeymoon, ul li#professionals, ul li#accommodations  {
	height: 275px;
	background: url(../images/bg_listHome.jpg) no-repeat left top;
	margin-top: 20px;
}
ul li#diving p, ul li#honeymoon p, ul li#professionals p, ul li#accommodations p {
	padding: 10px 5px 15px 15px;
}
#diving img, #honeymoon img, #professionals img, #accommodations img {
	margin-bottom: 3px;
}
li#professionals #frmLoginHome {
	padding-left: 15px;
}
#divBrandingHome li#video #pEnter {
	font-size: 2em;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
	padding: 0px;
}
#pEnter a:link, #pEnter a:visited, #pEnter a:active {
	color: #5a1c46;
	display: block;
	padding-top: 20px;
}
.divDecor table {
	border: 1px solid #CCC;
	border-collapse: collapse;
}
.divDecor table td {
	border: 1px solid #CCC;
	padding: 5px;
}
.divDecor table th {
	text-align: center;
	padding: 5px;
}
.boldAlignRightTd {
	font-weight: bold;
	text-align: right;
}
.boldAlignLeftTd {
	font-weight: bold;
	text-align: left;
}
.warning {
	font-weight: bold;
	color: #900;
}
#ulContactCMT {
	margin-top: 40px;
	margin-bottom: 20px;
}
#ulContactCMTcanada {
	margin-top: 20px;
	margin-bottom: 20px;
}
#ulContactCMT li, #ulContactCMTcanada li {
	margin-bottom: 3px;
}
#ulContactCMT li a:link, #ulContactCMT li a:visited, #ulContactCMT li a:active, #ulContactCMTcanada li a:link, #ulContactCMTcanada li a:visited, #ulContactCMTcanada li a:active {
	font-weight: bold;
	color: #DD5800;
	text-decoration: none;
}
#ulContactCMT li a:hover, #ulContactCMTcanada li a:hover {
	text-decoration: underline;
}
#divBranding #CollapsiblePanel1 {
	position: absolute;
	top: 43px;
	left: 566px;
	width: 195px;
}
.borderImg {
	border: 1px solid #CCC;
}
#divSubNav #pLogOut {
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#pLogOut a:link, #pLogOut a:visited, #pLogOut a:active {
	color: #600;
	border-bottom: 2px solid #600;
}
#pLogOut a:hover {
	border-width: 0px;
	border-style: none;
}
#divDiscovery {
	position: relative;
	height: 280px;
	width: 210px;
	margin-left: auto;
	float: left;
	margin-top: 53px;
	margin-right: 10px;
}
/*#divEvent {
	position: relative;
	height: 127px;
	width: 190px;
	margin-left: auto;
}*/
#divDiscovery div, #divActivities div, #divBeaches div, #divPackages div {
	position: absolute;
	z-index: 0;
}
#divDiscovery div.previous, #divActivities div.previous, #divBeaches div.previous, #divPackages div.previous {
	z-index: 1;
}
#divDiscovery div.current, #divActivities div.current, #divBeaches div.current, #divPackages div.current {
	z-index: 2;
}
#divEvent div {
	position: absolute;
	z-index: 0;
}
#divEvent div.previous {
	z-index: 1;
}
#divEvent div.current {
	z-index: 2;
}
/*#divDiscovery div.slide {
	z-index: 2;
}*/
#divActivities {
	float: left;
	height: 280px;
	width: 210px;
	margin-top: 53px;
	margin-right: 10px;
}
#divBeaches {
	float: left;
	height: 280px;
	width: 210px;
	margin-top: 53px;
	margin-right: 10px;
}
#divPackages {
	height: 333px;
	width: 300px;
	float: left;
}
#divMapHome {
	background: url(../images/img_martiniqueGlobalOutline.gif) no-repeat left top;
	height: 500px;
	width: 373px;
	position: absolute;
	top: 200px;
	left: -400px;
	z-index: 10;
}
divwrapperplus {
	width: 1360px;
}
.event #divEvent {
	margin-top: 10px;
	height: 127px;
	width: 190px;
	margin-left: auto;
	position: relative;
	margin-right: auto;
}
#divMainContent .pPlaceholder {
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 4px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	text-align: center;
	height: 322px;
	padding-top: 7px;
	padding-bottom: 20px;
}
#divSubNav #p7APM_2 .p7APMtrig h3 #p7APMt2_1 {
	background: #FC6 url(none) !important;
}
.divDescription p.floatRightMargin {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
#mapOverview {
	border: 1px solid #6286B8;
}
#divMainContent #pPlaceholder {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	height: 220px;
	padding-left: 0px;
	padding-right: 0px;
}
#placeholder {
	margin: 0px;
}
#divSubNav #CollapsiblePanel1 .CollapsiblePanelTab h3 {
	padding: 5px 0px 5px 15px;
	margin: 0px;
	background: #F93;
	font-size: 9px;
	letter-spacing: 0.2em;
}
#divBrandingHome ul #diving {
	background: url(../images/bg_divDivingHome.gif) no-repeat left top;
}
#oi_form #pAutorisation {
	margin-top: 15px;
}
#divSecondaryContent .boxRightNoBottom .centerPimgRightBox {
	text-align: center;
	margin-bottom: 5px;
}
.boxRightNoBottom a:link, .boxRightNoBottom a:visited, .boxRightNoBottom a:active {
	font-weight: bold;
	color: #DDF3FF;
}
.boxRightNoBottom a:hover {
	color: #FFC;
}
.centerBoldYellow {
	font-weight: bold;
	background: #FFC;
	text-align: center;
	padding: 5px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #F3F3C2;
	clear: both;
}
.boldGreen {
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	background: #FC640C;
	padding: 3px;
}
#divPromoCarnaval {
	width: 546px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
.divDecor #divPromoCarnaval h2 {
	background: #FEFFCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	text-align: center;
}
#Accordion1 .pSpaceBottom {
	margin-bottom: 50px;
}
#divTemoignages {
	margin-top: 20px;
}
.floatLeftImgTemoignage {
	float: left;
	margin-right: 7px;
}
#divMainContent .divDescription h3 img {
	position: absolute;
	top: 4px;
	right: 10px;
}
li.first {
	float: left;
	margin-top: 5px;
}
.imgBorder {
	border: 1px solid #CCC;
}
#divLogosLeft {
	margin-top: 10px;
}
#divLogosLeft p {
	margin-bottom: 10px;
}
#divLogosLeft img {
	border: 1px solid #CCC;
}
#divSecondaryContent #divLogosRight p {
	margin-left: 0px;
	padding-left: 0px;
}
#divLogosLeft h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
	width: 168px;
	border-bottom: 1px solid #5A1C46;
	padding-top: 5px;
	padding-bottom: 5px;
}
#divMainContent .divDecor .divSpas h2 {
	height: 20px;
	background: #D0EBFF;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 250px;
	cursor: pointer;
	margin-top: 0px;
}
#divMainContent .divDecor .divSpas {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #D1EBFF;
	padding-top: 0px;
	overflow: hidden;
}
#divArticleRhum {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	border: 1px solid #CCC;
	position: relative;
}

#divArticleRhum #pPaulSimier {
	font-style: italic;
	margin-top: 0px;
}
#divArticleRhum h2 {
	margin-bottom: 0px;
}
#divSubNav h2.spaceTop {
	margin-top: 10px;
}
#divFormLogin {
	width: 320px;
	float: left;
}
#divInscriptionPros {
	width: 190px;
	margin-left: 340px;
	padding: 5px;
	border: 1px solid #CCC;
}
#frmLoginPro {
	float: left;
}
#divVols {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#divVols table {
	margin-bottom: 20px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.marginTop {
	margin-top: 20px;
}
.tdWidth {
	width: 110px;
}
.divLeftContent p {
	margin-bottom: 10px;
}
#p7HGMpc_4_1 ul .clearPromo {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: bold;
	color: #F00;
	background-color: #FFC;
	clear: both;
}
#hPromoPetitsHotels {
	text-align: center;
	background: #F63;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	color: #FFF;
	letter-spacing: .2em;
}
#divPromoPetitsHotels {
	background: #FC3;
	padding-bottom: 20px;
	padding-top: 5px;
	margin-top: 20px;
}
#h4SpecialGourmande, #h4ConcoursGourmande, #h4WowClubMed, #divLogosLeft #h4ToursOperateurs {
	background: #FFC;
	padding-top: 5px;
	padding-bottom: 7px;
	font-size: 14px;
	width: 153px;
	padding-left: 15px;
	margin-bottom: 0px;
	border: 1px solid #999;
	line-height: 1.3em;
}