/* Design de sxmbeach.com */

* 
{
          margin: 0 ; 
          padding: 0 ;
}


body
{
        margin: 0 ;
        padding: 0 ;
        text-align: center ;
        background :url("http://www.sxmbeach.com/image/st-martin-bg.jpg") fixed repeat;
        font-size: 15px ;
        color: #404040;
        font-family: Verdana , Arial, "Arial Black", "Times New Roman", Times, serif ;    
}


/* -----------------------------------------------------conteneur --------------------------------------------------------------------------------------------------------------------------*/

#conteneur
{
        width: 990px ;
        margin: 0 auto ;
        text-align: left; 
        background: #F9F9F9 ;
}



/*---------------------------------------------------------- header--------------------------------------------------------------------------------------------------------------------------------- */

#header
{   
    height: 213px ;
    background: url("http://www.sxmbeach.com/image/new-entete-sxm.png") no-repeat ;
 
}

#header img
{
   float: left ;
}

.baniere 
{
border: 1px solid #000;
 margin-top: 48px;
}

.pubsky
{
margin-top: 28px !important;
margin-top: 58px;

}


/* -----------------------------------------------Quelques effets sur les menus --------------------------------------------------------------------------------*/


.element_menu li
{
    float: left ;
   margin-top:22px;
   margin-right:5px;
    text-align: center ;
    list-style-type: none ; 
}



.element_menu a
{
  color: #202020 ;
  font-weight : bold ;  
  font-size: 13px ;  
}


.element_menu a:hover
{
   color: #F42A41 ;
}



.langue img
{
    border: none ;
position:relative;
top:19px;
left:-200px; 
}

/* -------------------------------------------------------------moteur de recherche --------------------------------------------------------------------------------------------------------------*/
#recherche
{
float: right;
margin-right : 10px;
}


/*----------------- ---------------------------------------------------gauche------------------------------------------------------------------------------------------------------------------------------------- */

#gauche
{
     background: url("http://www.sxmbeach.com/image/gauche.png") no-repeat ;
     width: 138px;
     float: left ;
}


/* -------------------------------------------------------------Quelques effets sur les sousmenus --------------------------------------------------------------------------------------------------------------*/

ul.element_gauche 
{
     width: 138px ;
    position: relative;
    top: -5px;    
}


.element_gauche li 
{
      list-style-type: none ;
       text-align: center ;
}



.element_gauche li a 
{
       color: #FFF;
       font-weight : bold ;
       font-size : 10px ;
       line-height : 21px ;
}


.element_gauche li a:hover 
{
          color: #744F04;
} 



.tipunch img 
{
      border: none;
      margin: 140px 0 3px 30px ;
      padding: 0;
}

.tipunch h4 a
{
     color: #404040;
     font-weight: bold ;
    font-size : 9px ;
     margin: 90px 0 0 44px;
    padding: 0;
}


.tipunch h4 a:hover  
{
      color: #CCCC99 ;
      text-decoration: underline ;
}

/* ------------------------------------------------------------------------cyclone --------------------------------------------------------------------------------------------------------------------------------- */

#cyclone
{
width :116px;
margin-left: 10px;
margin-top: 5px;
padding: 0px;
background : #FF0000;
text-align: center;
border: 1px solid #000;
}

#cyclone h1 a
{
color : #FFF;
font-size : 12px;
line-height : 13px;
margin-top: 3px;
}

#cyclone h1 a:hover
{
text-decoration : underline;
}

#cyclone p a
{
color : #FBB6B6;
font-size : 11px;
padding: 3px 3px 5px 3px;
}

#cyclone p a:hover
{
text-decoration : underline;
}

#cyclone a  img
{
border: 0px;
} 


/* ------------------------------------------------------------------------carte --------------------------------------------------------------------------------------------------------------------------------- */

#sxmcarte
{
width :116px;
margin-left: 10px;
margin-top: 280px;
padding: 0px;
background : #2BCE0C url("http://www.sxmbeach.com/image/bg-map.png") repeat;
text-align: center;
border: 1px solid #000;
}

#sxmcarte h1 a
{
color : #FFF;
font-size : 12px;
line-height : 13px;
margin-top: 3px;
}

#sxmcarte h1 a:hover
{
text-decoration : underline;
}

#sxmcarte ul
{
color : #FFF;
text-align: left;
font-size : 11px;
margin-left: 16px;
padding-bottom: 5px;
}


#sxmcarte li a
{
color : #FFF;
font-size : 11px;
}

#sxmcarte li a:hover
{
text-decoration : underline;
}

#sxmcarte a  img
{
border: 0px;
} 

/* ------------------------------------------------------------------------vol --------------------------------------------------------------------------------------------------------------------------------- */

#sxmvol
{
width :116px;
margin-left: 10px;
margin-top: 5px;
padding: 0px;
background : #A0E9E9 url("http://www.sxmbeach.com/image/bg-vol.png") repeat;
text-align: center;
border: 1px solid #000;
}

#sxmvol h1 a
{
color : #333333;
font-size : 12px;
margin-top: 3px;
}

#sxmvol h1 a:hover
{
text-decoration : underline;
}


#sxmvol p a
{
color : #FF00CC;
font-size : 11px;
padding: 3px 3px 5px 3px;
}

#sxmvol p a:hover
{
text-decoration : underline;
}

#sxmvol a  img
{
border: 0px;
} 


/* ------------------------------------------------------------------------radios --------------------------------------------------------------------------------------------------------------------------------- */

#radios
{
width :116px;
margin-left: 10px;
margin-top: 5px;
padding: 0px;
background : #F1E017;
text-align: center;
border: 1px solid #000;
}

#radios h1 a
{
color : #333333;
font-size : 12px;
margin-top: 3px;
}

#radios h1 a:hover
{
text-decoration : underline;
}


#radios p a
{
color : #333333;
font-size : 11px;
padding: 3px 3px 5px 3px;
}

#radios p a:hover
{
text-decoration : underline;
}

#radios a  img
{
border: 0px;
} 

/* ------------------------------------------------------------------------presse --------------------------------------------------------------------------------------------------------------------------------- */

#journaux
{
width :116px;
margin-left: 10px;
margin-top: 5px;
padding: 0px;
background : #B32BE7;
text-align: center;
border: 1px solid #000;
}

#journaux h1 a
{
color : #FFF;
font-size : 12px;
margin-top: 3px;
}

#journaux h1 a:hover
{
text-decoration : underline;
}


#journaux p a
{
color : #FFF;
font-size : 11px;
padding: 3px 3px 5px 3px;
}

#journaux p a:hover
{
text-decoration : underline;
}

#journaux a  img
{
border: 0px;
} 

/* ------------------------------------pub gauche---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#pub-gauche
{
margin-left:10px;
padding:0px;
}
/* ------------------------------------edito boutique---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#editoboutique
{
width : 852px;
height: 515px;
float:right;
padding-bottom: 10px;
background : #F9F9F9;
border-bottom: 2px dotted #C8C8C8; 

}
 
/* --------------------------------------------------------------------edito------------------------------------------------------------------------------------------------------------------------------------------------ */

#edito
{
     width: 585px ;
     background-color: #F9F9F9 ;
	 float:left;
	 padding:0 5px 0 0;
	 margin: 0;
}



#edito img
{
      float:left ;
      margin-bottom: 5px ;
}


#edito h1 
{
     
   color: #5E5E5E ;
   font: bold 32px Arial, "Arial Black", "Times New Roman", Times, serif ;
   margin-top: 10px ;
   padding: 0;
}

#edito h2 
{
     color: #5E5E5E ;
     font: bold 12px Arial, "Arial Black", "Times New Roman", Times, serif ; 
    margin-bottom: 5px;
}


#edito p
{
   margin-top: 10px;
   font:13px Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #5E5E5E ;
   text-align: justify ;
   line-height: 20px;
}


.guide
{
background: url("http://www.sxmbeach.com/guide/img/guide.png") no-repeat ;
     width: 139px ;
     height: 43px ;
     float: right ;
}

.guide a
{
    font-weight: bold ;
    color: #6B6A6A ;
	position: relative;
	 top:10px;
	 left:25px;
}

.guide a:hover
{
     color: #FFF ;
}

#slideshow
{
width: 381px;
height: 264px;
padding:0;
margin:0;
}

.slideshow 
{
border: 1px solid #ccc;
	width: 381px;
	height: 264px;
	padding: 0;
}

.loading 
{
	background: url("http://www.sxmbeach.com/image/loading.gif") center no-repeat;
}

.slideshowThumbnail 
{
	outline: none;
	padding: 0;
	margin: 0;

}

.slideshowThumbnail img 
{
	border: 1px solid white;
	padding: 5px;
	margin:0;
}

a:hover.slideshowThumbnail img 
{
	border: 1px solid #ccc;
	padding: 5px;
	margin:0;
}

.current img 
{
	border: 1px solid red;
	padding: 5px;
		margin:0;

}

.outline 
{
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails 
{
	width: 193px;
	float: left;
	margin:0;
	padding: 0;
}

#thumbnails .link 
{
color :orange;
}
#thumbnails p
{
margin: 0;
padding: 0;
}
/*************************************************************/
.imageSlideshowHolder{
  margin:5px;  /* "Air" */
  width:381px;  /* Image width */
  height:254px;  /* Image height */
  border: solid 1px orange;
   position:relative;  /* Don't remove this line */
   position:relative;	/* Don't remove this line */
	}
	.leftFloatingDiv{
		float:left;
		width:160px;
		height:110px;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}

/* --------------------------------------------------------------------boutique------------------------------------------------------------------------------------------------------------------------------------------------ */

#boutique
{
float:right;
background: url("http://www.sxmbeach.com/image/devanture.png") top no-repeat;
background-color: #807F7F; 
height: 450px;
width: 225px;
padding: 10px;
margin-right: 8px;
}

#boutique h3
{
 color: #FFB400 ;
 font: bold 18px Arial, "Arial Black", "Times New Roman", Times, serif ; 
 margin-bottom: 5px;
 margin-top: 45px;
}

#boutique h4
{
margin-top: 13px;
font-family : Arial;
font-size: 11px;
color :#F6F5F5;
font-weight: bold;
line-height: 16px;
}

#boutique h2 
{
     color: #FFB400 ;
     font: bold 11px Arial, "Arial Black", "Times New Roman", Times, serif ; 
 margin-bottom: 5px;
}

#boutique p 
{
margin-top: 15px;
font-family : Arial;
font-size: 14px;
color :#F6F5F5;
font-weight: bold;
}

#boutique a img
{
border: none;
margin:0;
padding: 0;
}

a.rubrikboutique
{
   font-family:Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFF ;
   font-size:33px ;
   font-weight: bold ;
   position: relative ;
   left: 10px;
}


a:hover.rubrikboutique
{
   color: #807F7F ;
   background : #FFF;
}
/******************************************************************************************************************************************************/
/* ------------------------------------------------------------------rubrik-------------------------------------------------------------------------------------------------------------------------- */



a.rubrik
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #807F7F ;
   font-size:33px ;
   font-weight: bold ;
   position: relative ;
   left: 10px;
   margin-top: 6px;
}


a:hover.rubrik 
{
   color: #FFF ;
   background : #807F7F;
}

/* -----------------------------------------------plus------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.plus
{
font-family:Arial, "Arial Black", "Times New Roman", Times, serif ;
float: right;
font-size : 12px;
font-weight: bold;
margin-right: 10px;
}

.plus a
{
color :#565656;
position: relative;
top: 10px;
}

.plus a:hover
{
text-decoration : underline;
}

.plus a img
{
border : none;
position :relative;
top: 4px;
margin-left: 5px;
}
/******************************************************************************************************************************************************/

/* ----------------------------------------------------forum--------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#forum
{
width : 852px;
float:left;
padding-bottom: 10px;
}

#forum h1
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:16px ;
}

#forum h2
{
  color: #7F7E7E;
   font-size:13px ;
}

#blocforum
{
    background :#F6F5F5;
   width : 211px;
   padding: 0;
   margin :0;
   border-right: 2px dotted #C8C8C8; 
   text-align: left ;
   list-style-type: none ;
   float: left;
}

#blocforum h3 a
{
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #2082FB;
   font-size:18px ;
   font-weight: bold ;
    padding-bottom: 20px ;
    margin: 0 0 5px 10px;
   text-align: center ;
}

#blocforum ul
{
      list-style-type: none ;
}

#blocforum li 
{
border-bottom : 1px solid #FFF;
}

#blocforum li a
{
    margin: 0 10px 0 10px;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #807F7F;
   font-size:9px ;
   font-weight: bold ;
   line-height: 14px;
}


#blocforum li a:hover
{
 background : #F1E11E;
 color: #404040;
}

/* ----------------------------------------blocforumannonce---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#blocforumannonce
{
    background :#F4F6B7;
   width : 211px;
   padding: 0;
   margin :0;
   border-right: 2px dotted #C8C8C8; 
   text-align: left ;
   list-style-type: none ;
   float: left;
}

#blocforumannonce h3 a
{
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #2082FB;
   font-size:18px ;
   font-weight: bold ;
    padding-bottom: 20px ;
    margin: 0 0 5px 10px;
   text-align: center ;
}

#blocforumannonce ul
{
      list-style-type: none ;
}

#blocforumannonce li 
{
border-bottom : 1px solid #FFF;
}

#blocforumannonce li a
{
    margin: 0 10px 0 10px;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #807F7F;
   font-size:9px ;
   font-weight: bold ;
   line-height: 14px;
}


#blocforumannonce li a:hover
{
 background : #F1E11E;
 color: #404040;
}
/* ----------------------------------------guidenews---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#guidenews
{
clear: both;
width : 852px;
border-top: 2px dotted #C8C8C8; 
padding-bottom: 5px;
background : #F9F9F9;
}


#guidenews h1
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:16px ;
}

/* ----------------------------------------guide---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.news h5
{
color: #7F7E7E;
font-family: Arial, Verdana;
font-size: 13px;
}

#comment-avis
{
margin-right: 3px;

}

#comment-avis p
{

font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
color: #404040;
font-size:10px ;
}

p#commentaire-g 
{

padding-bottom: 5px;
font-size: 11px;
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
color: #404040;


}

p#guide-p
{

font-size: 13px;
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
color: #404040;
}

#locaoffre a
{
background : #F9F9F9;
padding: 2px;
}
/*---------------------------------------news-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.news
{
width : 422px;
float: left;
padding: 0;
margin:0;
border-right: 2px dotted #C8C8C8; 
background : #F9F9F9;

}

.news h1
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
color: #FFA500;
font-size:16px ;
}


.news a img
{
border : none;
}


.news ul
{
margin-top:30px;
list-style-type: none ;
}

.news li
{
border-bottom: solid 1px #c3c3c3;
border-top : solid 1px #c3c3c3;
margin-bottom: 4px;
}
.news li a
{
font-family : Arial;
font-size :11px;
font-weight: bold;
line-height: 20px;
color: #FFA500;
}

.news li a:hover
{
text-decoration: underline
}

.illustration 
{
float: left;
padding: 9px 3px 3px 3px;
}

#rubrique a
{
font-family : Arial;
font-size :15px;
line-height: 20px;
font-weight: 800;
color: #2082FB;
}

#rubrique a:hover
{
text-decoration: underline
}


.icone
{
position:relative;
top: 5px;
}
.guideimg
{
float:left;
padding-right:10px;
}


#commentaire
{
clear:both;
font-size: 15px;
font-family: Arial;
font-weight: bold;
}


#corpsnews
{
width: 425px;
margin-bottom: 10px;
border: none;

}

#titrenews
{
height: 30px;
border-bottom: solid 1px #c3c3c3;
border-left: solid 1px #c3c3c3;
margin-left: 5px;
background :#F6F5F5;
padding-bottom: 3px;
}

#titrenews p
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #404040;
   font-size:11px ;
   font-weight: 600;
   padding-left: 5px;
}

.date
{
float: right;
margin-right: 5px;
color: #c3c3c3;
padding:0;

}

#titrenews p a
{
color: #2082FB;
}

#titrenews p a:hover
{
color:#FFA500;
text-decoration: underline;
background: #FFF;
}

#titrenews p img
{
position: relative;
top: 3px;
}


.texte h4
{
    font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #79797A;
   font-size:12px ;
}


.texte p
{
padding-top: 8px;
color: #807F7F;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif ;
font-size:12px ;
line-height: 17px;
}

img.imgnews 
{
border: solid 1px #000;
margin: 5px;
float: left;
}

#actu
{
color:#404040;
}



/* -------------------------------meteocadeau-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#meteocadeau
{
clear: both;
width : 852px;
border-top: 2px dotted #C8C8C8; 
padding-bottom: 5px;
background : #F9F9F9;
}

/*-----------------------------------------------------------meteo------------------------------------------------------------------------------------------------------------------------------------------------------*/
.meteo
{
width : 422px;
float: left;
padding: 0;
margin:0;
border-right: 2px dotted #C8C8C8; 
}

.meteo img
{
padding:0;
margin : 0;
}

.meteo h1
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:16px ;
}

.meteo h2
{
  color: #7F7E7E;
   font-size:13px ;
   padding : 3px;
}

#meteojour
{
border: 2px dotted #8F8F56;
width : 390px;
height : 390px;
padding : 10px;
background :#CBE2F7 url("http://www.sxmbeach.com/image/bg-meteo.png") repeat;
}

.corps 
{ 
background-color:#FFF; 
}

#titre {
background : #FF00CC; 
color: #FFF;
width: 422px;
font-family: Vernada, arial;
font-size: 13px;
}



.inline
{
float: left;
padding-right: 30px;
height: 167px;
width : 150px;
text-align: center;

}

.jour 
{
background : #7DB7FF;
font-size: 12px;
}

.termo
{
background : #FF9933;
font-size: 12px;
}

.nuit
{
background : #E9EB1F;
color: #626060;
font-size: 12px;

}

.vent
{
background : #87E051;
font-size: 12px;

}

.direction-vent
{
color: #E07D19;
font-family: Vernada, arial;
font-size: 12px;
}



h3.inline 
{ 
color: #858586;
font-family: Vernada, arial;
font-size: 11px;
text-align: center;
}


.maxmin
{ 
color: #858586;
font-family: Vernada, arial;
font-size: 15px;
font-weight: bold; 
text-align: center;
}




.temperature
{
color: #E07D19;
font-family: Vernada, arial;
font-size: 22px;
}

.termoimg
{
float: left;
}

#ephemeride p
{
clear: both;
font-size: 13px;
color:#2184DE;
font-weight: bold;
}

/*----------------------------------------------------------cadeaux----------------------------------------------------------------------------------------------------------------------------------------------------------*/



.cadeau 
{
font-size: 19px;
font-family: Arial;
font-weight: bold;
color:#AEADAD;
padding-bottom: 10px;
margin: 0;
}

.meteo ul
{
list-style-type :none;
padding-bottom: 5px;
margin-left: 8px;
padding: 0;
}

.meteo li 
{
padding:0;
margin:0;
line-height : 19px;
}

.meteo li a
{
font-size: 15px;
font-family: Arial;
color :#807F7F;
}

.meteo li a:hover
{
background : #92BC2A;
}
/*-------------------------------------------------------------faq-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#faq
{
width : 422px;
border-top: 2px dotted #C8C8C8; 
}


#faq a img
{
border: none;
}

#faq h2
{
font-size: 16px;
font-family: Arial;
font-weight: bold;
color:#807F7F;
padding: 10px;
}


.fond 
{

float: left;
margin-left: 10px;
}



/* ------------------------------------------------------------plus---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.plus
{
float: right;
font-size : 11px;
margin-top: 10px;
color :#626060;
padding-bottom : 10px;
}

/* ------------------------------------------------------------------------pub bas--------------------------------------------------------------------------------------------------------------------------------- */
#publicitebas 
{
margin-top: 10px;
margin-left:5px;
}

a#publicitebas img
{
border:1px solid #C8C8C8; 
}

a:hover#publicitebas img
{
border:1px solid #FFA500; 
}
/* ------------------------------------------------------------------------haut de page--------------------------------------------------------------------------------------------------------------------------------- */
.haut
{
float: right;
margin-right:10px;
font-size: 12px;
font-family: Arial;
color :#565656;
padding-bottom: 6px;
}

.haut a
{
font-size: 13px;
font-family: Arial;
color :#565656;
}

.haut a:hover
{
text-decoration :underline;
color :#0B0B0B;
}

.haut img
{
position: relative;
top: 4px;
}

/* ------------------------------------------------------------------------Le pied de page--------------------------------------------------------------------------------------------------------------------------------- */

#footer
{
 width:990px ;
 height : 121px ;
 text-align: center ;
 background :url("http://www.sxmbeach.com/image/new-footer.png") no-repeat;
 margin: 0 ;
 padding: 0 ;
 clear: both ;
 line-height: 13px ;
}

#footerlink 
{
position: relative;
top: 70px;
}

a.footer 
  {

   font-family: Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #404040 ;
   font-size: 11px ;
}


a:hover.footer 
{
   color: #807F7F ;
}
 
.fin  ul
{
	padding-top:10px ;
    list-style-type: none ;
	
}



.fin  li
{
	margin: 0 ;
	padding: 0 ;
     display: inline; 
	text-align: center ;
}


.fin a
{
 color: #404040;
 font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
 font-size: 9px ;
 font-weight: bold ;
 text-decoration: none;

}


.fin a:hover
{
   background: #807F7F;
   color:#FFF;
}

#pub
{
background: #FFA500;
padding: 3px 3px 0 3px;

}

/*----------------------------------------------- pub adsence------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 

#adsencepub
{
text-align : center;
margin-top: 5px;
}
/*----------------------------------------------- balise a-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 

a
{
   text-decoration:none;
} 

a:visited 
{
   text-decoration:none;
}



.valid
{
border: none;
}

#contenu-test
{
width : 852px;
float: right;
padding : 0;
margin : 0;
}