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

#test 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 ;
}

#test h5
{
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #2082FB;
   font-size:13px ;
   margin-bottom: 10px ;
}

#test ul
{
 list-style-type: none ;
 padding: 0;
  margin:0;
}

#test li 
{
border-bottom : 1px solid #FFF;
width : 470px;
margin:0;
}

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


#test li a:hover
{
 background : #C6C4C4;
}

#result
{
font-family: Arial;
font-size : 12px;
color :#44DE1B;
}

#colonne-gauche
{
float: left; 
width : 341px;
margin :20px 0 10px 20px;
padding : 0px;
}
 
#rechercheavancee
{
float: left;
background :#CBE2F7;
width : 341px;
padding : 0px;

}


#rechercheavancee form
{
background :#CBE2F7;
padding : 0px;
}

#rechercheavancee p
{
color :#61625F;
font-family :Arial;
font-size : 14px; 
padding : 5px 0 10px 3px;
}

#rechercheavancee legend
{
color: #2082FB;
background :#CBE2F7;
font-family :Arial;
font-size : 18px;
}

.bg-fieldsetsearch
{
background:url("http://www.sxmbeach.com/guide/img/bg-fieldset1.png") top;

border: 0px;
}

#rechercheavancee fieldset
{
border : none;
}

#rechercheavancee label
{
margin: 0;
padding:2px;
margin-top:5px;
text-align:right;
width:80px;
float:left;
font-size: 14px;
font-family: Arial;
color: #807F7F;
font-weight: bold;
}

.field 
{
width:150px;
font:12px  Arial, Helvetica, sans-serif ;
color:#333;
margin:3px; 
border:solid 1px #807F7F;
padding: 3px 5px;
}


.submit label 
{
margin-left: 100px;
}


#pubguide
{
float: left;
width : 341px;
padding-top: 10px;
}

#pubguide a img
{
border: none;
} 


#listeguide
{
    background :#F6F5F5;
   width : 850px;
   height: 540px;
   padding:  0 ;
   margin :20px 0 0 0;
   border-right: 2px dotted #C8C8C8;
   border-left: 2px dotted #C8C8C8;    
   text-align: left ;
   list-style-type: none ;
   float: left;
}


#listeguide 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 ;
}

#listeguide ul
{
 list-style-type: none ;
 padding: 0;
  margin:0;
}

#listeguide li 
{
border-bottom : 1px solid #FFF;
width: 864px;
margin:0;
}

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


#listeguide li a:hover
{
 background : #C6C4C4;
}

#number
{
background : #FFF;
padding: 3px;
margin-top: 5px;
height:20px;
}

#number p
{
float: right;
font-size : 11px;
font-family : Arial;
color : #B8B8B8;
}


a.number
{
color: #807F7F;
font-weight: bold;
font-size: 11px;
}

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