/*---------------- MENU guide-------------- */


/*----------------- ---------------------------------------------------gauchesxm------------------------------------------------------------------------------------------------------------------------------------- */

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


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


.tipunch img 
{
      border: none;
      margin: 115px 0 3px 20px ;
      padding: 0;
}

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


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


#contenu
{
width : 850px;
float: right;
}


#contenu h1
{
color : #2082FB;
font-size: 19px;
font-family: Arial;
clear: both;
margin-bottom : 10px;
   margin-top : 20px;
   margin-right: 10px;
text-align : center;
border-top: 2px dotted #C8C8C8; 
padding-top: 8px;
}

#contenu h4
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:18px ;

}
   
#contenu h5
{
 font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
font-size:15px ;

}
  
.img
{
float: left;
margin: 10px 10px 20px 0;
}

#contenu p
{
font-family: Arial;
font-size : 13px;
color: #4C4C4C;
line-height: 20px;
   margin-right: 10px;

}


#identite
{
background: #DEDCCF;
padding: 8px;
margin-right: 10px;
float :left;
margin-top: 12px;
height : 222px;
width : 440px;
}

#identite h2
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:16px ;
   font-weight: bold;
   text-align: center;
   margin-bottom: 20px;
}


#identite ul
{
margin-left: 10px;
list-style-type : square;
}

#identite li 
{
margin-left: 5px;
font-size: 12px;
color: #AC8340;
font-weight: bold;
line-height : 22px;
}


#cartes
{
background-color: #A5DEFB;
padding: 8px 3px 8px 8px;
margin-top: 10px;
margin-right: 10px;
float :left;
width : 194px;
}

#cartes h2
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #666666;
   font-size:18px ;
   font-weight: bold;
   text-align: center;
   margin-bottom: 50px;
}

#cartes a
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #666666;
   font-size:12px ;
   font-weight: bold;
   text-align: left;
}

#cartes a:hover
{
text-decoration : underline;
}

#cartes p
{
font-family : Arial;
font-size : 12px;
font-weight :bold;
   color: #666666;
}

.discipline
{
font-family : Arial;
font-size : 11px;
color: #FFF;
margin-left :42px;
}


#both
{
clear: both;

}

/*bouton de page */
.bouton ul
{
    margin: 0 ;
    padding: 0 ;
}


.bouton li
{
float:right;
 margin: 20px 10px 0 0;
font-size: 13px;
color: #404040;
 list-style-type: none ;
font-family: Arial, "Times New Roman", Times, serif ;
}

li.page 
{
color: #FF00CC;
font-weight :bold;
text-decoration : underline;
}


.bouton a
{
 background: #FFF;
font-size: 13px;
color: #000;
margin: 0 10px;
}


.bouton a:hover
{
color: #FF00CC;
text-decoration: underline;
}



/*telephone */

.tel ul
{
margin: 0;
padding: 0px;
}

.tel li
{
text-align: left;
margin-left: 18px;
font-size: 11px;
 list-style-type:none ;
color: #404040;
}

#navlink
{
float: right;
margin-right: 11px;
font-family : Arial;
color : #B4B4B4;
font-size : 8px;
font-weight :bold;
}

#navlink a
{
color : #FFA500;
font-size : 13px;
font-weight :bold;
}

#navlink a:hover
{
text-decoration : underline;
}

/* -------------------------------------------------------------pub-droite --------------------------------------------------------------------------------------------------------------*/
#pubdroite
{
margin-right: 8px;
position: relative;
top: -250px;
left: 300px;
}