/*---------------- MENU guide-------------- */
#presse
{
width : 850px;
float: right;
}

#presse h4
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:16px ;
   }
  
#presse h2
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFF;
   font-size:14px ;
   background: #CECFCC;
   padding: 4px;
   text-align: center,
   margin-right: 10px;
   }
   
   
#champ-etoile
{
font-size: 11px;
font-family: Arial;
}

#champ-etoile a
{
background :#F3F303;
color: #625F5F;
font-size: 11px;
padding: 2px;
}

#champ-etoile a:hover
{
background :#D9D90E;
}


#welcome
{
font-size: 11px;
color: #404040;
font-family: Arial;
padding: 5px;
background :#DDDDD6 url("http://www.sxmbeach.com/guide/img/bg-welcome.png")  repeat;
width: 474px;
}


#bgbanniere
{
background:#949393;
text-align :center;
font-family: Arial;
font-size: 12px;
padding: 10px;
margin-right: 10px;
}

#bgbanniere p
{
color: #FFF;
line-height: 18px;
}

#bgbanniere h2
{
background :#47D0D0;
color: #FFF;
margin: 0 0 20px 10px;
}

#bgbanniere a
{
color: #CFF926;
font-weight: bold;
}

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


#menu-guide
{
padding: 0px;
height: 45px;
background: url("http://www.sxmbeach.com/guide/img/icone/menu-guide.png") no-repeat ;
}

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

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

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

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

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


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



.commentaire_restaurant 
{
margin-right: 2px;
background: url("http://www.sxmbeach.com/new/guide/img/commentaire.png") no-repeat;
width :19px;
height:17px;
padding: 0;
float: right;
}

.commentaire_restaurant p
{
font-family: Arial ;
font-size: 10px;
color: #8F918C;
position:relative;
left: 5px;
top:-2px;
padding: 0;
margin: 0;

}



.element_menu-guide li
{
    float: left ;
   margin-top:10px;
   margin-left:20px;
    text-align: center ;
    list-style-type: none ; 
}



.element_menu-guide a
{
  color: #404040 ;
  font-weight : bold ;  
  font-size: 10px ;  
}


.element_menu-guide a:hover
{
 background-color :#FFF;  
padding: 10px 0 12px 0 ;
border: solid 1px #E7EAD8;
}






form
 {
     background:#E7EAD8;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
 border :1px solid #6CB3F4;
      text-align: left;
     margin: 10px;
padding: 0px;
}

label 
{
margin: 0;
padding:2px;
margin-top:5px;
text-align:right;
width:250px;
float:left;
}

.br 
{
display:none;
}  
  
.textfield 
{
width:200px;
font:11px  Verdana, Arial, Helvetica, sans-serif ;
color:#333;
margin:3px; 
border:solid 1px #999966;
padding: 5px 8px;
}


textarea 
{
width:455px ;
height:85px ;
font:11px Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px ;
border:solid 1px #999966;
padding: 0 8px;
}

.adresse
{
width:455px ;
height:35px ;
}


.texte_guide 
{
font-size: 10px;
margin-left: 50px;
}

.photo_guide{
float: left;
margin: 10px;
}


.photo_liste{

float: left;
margin: 10px 7px 10px 5px;
border: solid 1px #000;

}


#rubrique
{
height: 212px;
}


a.liens_guide 
{
 color: #404040;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif ;
 font-size: 20px;
 font-weight: bold;
 text-decoration: none;
 position: relative;
  top: 163px;
}


a:hover.liens_guide 
{
   background: #999966;
}


a.fin 
{
 color: #404040;
 font: 10px Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
 text-decoration: none;
}


a:hover.fin 
{
   background: #999966;
}


.fleur
{
position: relative;
top:6px;
}

#proprio
{
background:#F3F2E5;
padding: 3px;
border: solid 1px #999966;
}


.titre_etablissement
{

padding-top: 3px ;
width: 400px;
float: right;
text-align: center;
margin-top: 10px;
font-size: 13px;
margin-left: 5px;
}



.date 
{
font-family : Verdana, Arial;
font-size: 8px;
color: #C7CABC;
margin-right: 5px;
}


.info
{
background:#F3F2E5;
width: 400px;
float: right;
}



.picto{
float:left;
}

.cuisine 
{
width: 400px;
float: right;
text-align: center;
font-size: 9px;
font-family: Verdana, Arial;
color: #FF00CC;
padding-top: 3px;
margin-left:5px;
}




.etablissement
{
width: 628px;

border: solid 1px #999966;
margin: 0 3px 20px 3px;
padding :0;
}



.indic
{
background: #E7EAD8;
border: none;
width: 29px;
}


.description
{
width: 400px;
float: right;
margin-bottom: 10px;
margin-right: 7px;
}


.comment
{
background : #FAF9F0;
width: 630px;
clear: both ;
}




p#commentaire_restaurant 
{
font-family: Verdana ,Arial ;
font-size: 10px;
color: #FF00CC;
text-align: center;
}

#lien_inscription 
{
font-family: Verdana ,Arial ;
font-size: 10px;
color: #FF00CC;
text-decoration: underline;
float : right;

}

p#lien_inscription 
{
font-family: Verdana ,Arial ;
font-size: 10px;
color: #FF00CC;
}
/*--------------------------------------------------------------------------------------------- AFFICHAGE commentaire français-------------- */



.ensemble_blocs
{
background: #F9F9F9;
width: 700px;
margin-left: 100px;
padding:0px;

}

.content
{
background: #E7EAD8;
padding:0px;
margin: 0px;
}

.avis-comment
{
width: 497px;
border-right: solid 1px #FFF;
float:left;
}

.infos_commentaire-francais
{
font-size: 12px ;
font-family: Arial;
font-weight: bold;
text-align: left;
background:#D3D7C1;
color:#404040;
border-bottom : solid 1px #959593; 
padding: 2px;
}

.bloc_commentaire-francais
{
font-size: 13px ;
font-family: Arial;
text-align: left;
background: #E7EAD8;
color: #252525;
padding: 12px 5px 0px 5px;
margin:0;
border-top: solid 1px #FFF;
}


.plus_moins-francais
{
font-size: 12px ;
font-family: Arial;
color : #404040;
font-weight: bold;
text-align: left;
background: #E7EAD8;
padding: 5px 0 0 1px;
margin:0;
}


.fleur_comment
{
float: right;
margin-top: -19px;
}

.evaluation-comment
{
background:#BFC3AC;
padding:3px 3px 5px 3px;
float: left;
}

.evaluation-comment p
{
font-size: 11px;
font-weight: bold;
color: #404040;
margin-left: 5px;
margin-right:3px;
text-align: right;

}

.etiquette-prix
{
color: #FFF;
}


.both
{
clear :both;
padding: 0px;
margin:0px;
}

/*---icone avantages inconvenient---- */
.av-inc
{
position: relative;
top:4px;
}

/*------- */

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

a.page
{
color: #FF00CC;
font-weight: bold;
}

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

/*---------------- AFFICHAGE commentaire english-------------- */


.infos_commentaire-english
{
font-size: 12px ;
font-family: Arial;
color: #404040;
font-weight: bold;
text-align: left;
background:#E7EAD8;
border-bottom: solid 1px #959593; 
padding: 2px;
}


.bloc_commentaire-english
{
font-size: 13px ;
font-family: Arial;
text-align: left;
background:#B1B4A2;
color: #404040;
padding: 12px 5px 8px 5px;
margin:0;
border-top: solid 1px #FFF;
}


.plus_moins-english
{
font-size: 12px ;
font-family: Arial;
color : #404040;
font-weight: bold;
text-align: left;
background:#B1B4A2;
padding: 5px 0 0 1px;
margin:0;
}



/*---------------- recherche-------------- */
form.search
{
width: 625px;
background-color: #ffff30;
}

#q
{
margin-left: 18px;
background: #FFF url("http://www.sxmbeach.com/blog/themes/default/img/q.png") no-repeat 4px center;
margin-top: -10px;
padding-left: 15px;

}



/*---------------- sousrubrik-------------- */
.sousrubrik a
{
font-family :Arial;
font-size: 13px;
}

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


li a .cat 
{
color :#FFF;
}
/*---------------- proposition-------------- */

#proposition-lien
{
float: right;
margin-right: 8px;
padding: 8px;
background :#F7A9E7;
border: 2px dotted #FF00CC;
}

#proposition-lien p
{
font-size: 12px;}

#proposition-lien p a
{
color:#FFF ;}

#proposition-lien p a:hover
{
color:#FF00CC ;
}

/*---------------------------------------------------------------- accueil guide------------------------------------------------------------------------------------------- */
/*---------------- hotel-------------- */
#hotel-accueil
{
background:#CBE2F7 url("http://www.sxmbeach.com/guide/img/bg-hotel-ac.png") repeat;
border: 2px dotted #6CB3F4;
padding: 5px;
width : 188px;
height: 300px;
margin-left: 4px;
text-align: center;
}

#hotel-accueil  a img
{
border: 0px;
margin-bottom: 3px;
}


#hotel-accueil p
{
font-size: 11px;
}

#hotel-accueil p a
{
color: #6CB3F4;
}

#hotel-accueil p a:hover
{
color: #FFF;
text-decoration: underline;
}



/*---------------- resto-------------- */
#resto-accueil
{
background:#D0EC80 url("http://www.sxmbeach.com/guide/img/bg-resto-ac.png") repeat;
border: 2px dotted #93C011;
padding: 5px;
width : 188px;
height: 300px;
margin-left: 4px;
text-align: center;
}

#resto-accueil a  img
{
border: 0px;
margin-bottom: 3px;
}

#resto-accueil p
{
font-size: 11px;
color :#404040;

}

#resto-accueil p a
{
color: #93C011;
}

#resto-accueil p a:hover
{
color: #FFF;
text-decoration: underline;
}


/*---------------- immo-------------- */
#immo-accueil
{
background:#F9CBF0 url("http://www.sxmbeach.com/guide/img/bg-immo-ac.png") repeat;
border: 2px dotted #FB5CDC;
padding: 5px;
width : 188px;
height: 300px;
margin-left: 4px;
text-align: center;
}

#immo-accueil a  img
{
border: 0px;
margin-bottom: 3px;
}

#immo-accueil p
{
font-size: 11px;
color :#404040;
}

#immo-accueil p a
{
color: #FB5CDC;
}

#immo-accueil p a:hover
{
color: #FFF;
text-decoration: underline;
}




/*---------------- auto-------------- */
#auto-accueil
{
background:#FDD58B url("http://www.sxmbeach.com/guide/img/bg-auto-ac.png") repeat;
border: 2px dotted #FCA607;
padding: 5px;
width : 188px;
height: 300px;
margin-left: 4px;
text-align: center;
}

#auto-accueil  a img
{
border: 0px;
margin-bottom :3px;
}


#auto-accueil p
{
font-size: 11px;
color :#404040;
}

#auto-accueil p a
{
color: #FCA607;
}

#auto-accueil p a:hover
{
color: #FFF;
text-decoration: underline;
}

#intro-guide
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:16px ;
 }
 
 /*----------------------------------------------------------------------------------------------- etablissement------------------------------------------------------------------- */
#etablissement
{
border-top: 3px solid #CECFCC;
border-bottom: 2px dotted #706F6F;
margin-bottom: 20px;
background:#FFF;
}

#h2 
{
margin-top: 3px;
text-align: center;
color:#FFCC00;
font-size: 14px;
}

#etablissement h3
{
text-align: center;
color:#6CB3F4;
font-size: 13px;
}


img.etablissement
{
margin: 10px 5px 5px 5px;
float: left;
width :90px;
height:70px;
border:0px;
padding: 0px;
}

img.etablissement a
{
border: 0 px;
padding: 0px;
}


p.adresse
{
font-family:Arial;
font-size: 10px;
color:#333333;
}

.commentaire_etablissement
{
clear: both;
text-align: center;
margin-bottom :3px;
}

.commentaire_etablissement a 
{
font-size : 12px;
font-family: Arial;
color :#BEE32B;
font-weight: bold;
}

.commentaire_etablissement a:hover
{
text-decoration :underline;
color:#6CB3F4;
}

 /*----------------------------------------------------------- dernier comment------------------------------------------------------------------- */
#lastcomment
{
width: 333px;
padding: 3px;
border:  1px solid #C8C8C8;
margin: 10px 0 10px 0;
background:#E7EAD8 url("http://www.sxmbeach.com/guide/img/lastcomment-bg.png") repeat;
float: left;
}


#lastcomment h3
{
color :#FFF;
background :#FF9900;
font-size: 13px;
padding : 0 0 0 3px;
}

#lastcomment p
{
font-size: 11px;
color: #3C3B3B;
}

#nomresto
{
font-weight: bold;
font-size: 13px;
color: #6CB3F4;
}

.pseudoresto
{
font-weight: bold;
font-size: 10px;
color: #3C3B3B;
}

p#commentresto
{
font-size: 13px;
color: #3C3B3B;
}

#lire
{
position: relative;
left :250px;
}

#lire a
{
font-weight: bold;
font-size: 11px;
color: #6CB3F4;
}

#lire a:hover
{
text-decoration: underline;
color: #BEE32B;
}

.voir-evaluation
{
background :#BFC3AC;
border-top: solid 1px #FFF;
}

.voir-evaluation p
{
font-weight: bold;
font-size: 11px;
color :#404040;
margin-left: 8px;
}

/*----------------------------------------------------------- plus commentés------------------------------------------------------------------- */
#morecomment
{
width: 333px;
padding: 3px;
border:  1px solid #C8C8C8;
margin: 10px 0 10px 0;
float: left;
}


#morecomment h3
{
color :#FFF;
background :#2FB8E2;
font-size: 13px;
padding : 0 0 0 3px;
}

#morecomment ul
{
margin-top: 10px;
list-style-type: none ;
}


#morecomment li
{
font-size:9px;
color: #FF00CC;
border-bottom : 1px solid #FFF;
line-height: 17px;
height:17px;
}

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

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

.nb-comment 
{
padding-bottom: 3px;
}

/*----------------------------------------------------------- img accueil------------------------------------------------------------------- */
#imgaccueil
{
float: right;
margin-right : 8px;
border-left : 2px dotted #C8C8C8;
padding : 5px;
margin-left : 10px;
height: 280px;
}

/*----------------------------------------------------------- colonne avis gauche------------------------------------------------------------------- */

#avis
{
width: 450px;
float: left;
}

#lire-ac
{

}

#lire-ac a
{
font-weight: bold;
font-size: 11px;
color: #6CB3F4;
}

#lire-ac a:hover
{
text-decoration: underline;
color: #BEE32B;
}
/*----------------------------------------------------------- avis accueil------------------------------------------------------------------- */
#publi-avis-ac 
{
color: #137DF4;
margin-bottom: 20px;
border-bottom: 2px dotted #C8C8C8;
margin-right: 10px;
}


#comment-hotel-ac
{
background :#CBE2F7 url("http://www.sxmbeach.com/guide/img/bg-hotel-av.png") repeat; 
padding : 10px;
color: #404040;
margin: 10px 10px 10px 0;
border: solid 1px #CBE2F7;

}

#comment-hotel-ac h5
{
font-size : 14px;
color: #138DFA;
background:#FFF;

}


#comment-hotel-ac p
{
font-size : 11px;
}


#comment-resto-ac
{
background :#D0EC80 url("http://www.sxmbeach.com/guide/img/bg-resto-av.png") repeat;
padding : 10px;
color: #404040;
margin: 10px 10px 10px 0;
border: solid 1px #D0EC80;

}

#comment-resto-ac h5
{
font-size : 14px;
color: #9AD308;
background:#FFF;
}

#comment-resto-ac p
{
font-size : 11px;
}


#comment-immo-ac
{
background :#F9CBF0 url("http://www.sxmbeach.com/guide/img/bg-immo-av.png") repeat;
padding : 10px;
color: #404040;
margin: 10px 10px 10px 0;
border: solid 1px #F9CBF0;
}

#comment-immo-ac h5
{
font-size : 14px;
color: #F956DF;
background:#FFF;

}

#comment-immo-ac p
{
font-size : 11px;
}

#comment-auto-ac
{
background :#FDD58B url("http://www.sxmbeach.com/guide/img/bg-auto-av.png") repeat;
padding : 10px;
color: #404040;
margin: 10px 10px 10px 0;
border: solid 1px #FDD58B;

}

#comment-auto-ac h5
{
font-size : 14px;
color: #F2A209;
background:#FFF;

}

#comment-auto-ac p
{
font-size : 11px;
}


#total-avis
{
font-family: Arial;
font-size: 10px;
margin-top: 10px;
}

/*----------------------------------------------------------- colonne avis droite------------------------------------------------------------------- */

#avis-droite
{
float : right;
margin-right: 10px;

}