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




/* ------------------------milieu------------------ */


a.guide 
{
    float: right;
    font-weight: bold ;
    margin-top: 3px;
    color: #202020 ;
}

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


.hr_accueil
{
border: 1px solid #BCBEC0;
    margin: 10px 0 10px 0;
	width:367px;

}

/*-----news*/

#fond_news
{
width: 378px;
height: 250px;
}


#corpsnews
{
width: 367px;
margin-bottom: 10px;
border: 1px solid #FFF;
}

#titrenews
{
width: 367px;
height: 40px;
border: 1px solid #FFF;
}


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

#actu
{
color:#404040;
}

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


/* Quelques effets sur les sousmenus */

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


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



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


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



  
.tipunch img 
{
      border: none;
      margin: 145px 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 ;
}


 
/*----------partenaires---------------*/

#partenaire img
{
margin: 110px 0 0 22px;
padding: 0px;
}

#partenaire a img
{
border: none;
}

#partenaire p a
{
padding: 0px;
font-size: 10px;
font-family: Verdana, Arial;
font-weight: bold ;
color : #404040;
position :relative;
 left:22px;
  top: -7px;
}

#partenaire p a:hover
{
color: #CCCC99 ;
  text-decoration: underline ;
}

/*----tipunch-news--------------*/
.tipunch-news img 
{
      border: none;
      margin: 42px 0 3px 27px ;
      padding: 0;
}

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


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


/* --------------------------------nouvelle----------------------------------------------------------------------------------------------------------------------------------------------------- */
#nouvelle
{
      margin: 0 ;
      padding: 0 ;
    float: right;
     width : 850px;
     background-color: #FFF ;
     text-align:center;
}

#nouvelle img
{
 padding: 0 ;
 float: left;
 margin: 5px 10px 5px 0;
 border: solid 1px #000;
}

#nouvelle img.proposition 
{
border : none;
}

#nouvelle h1 
{
   
    margin-top: 15px;
   padding: 0 ;
    font-size: 22px ;
    font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
    color: #404040 ;
   font-weight: bold ;
}

#nouvelle h2 
{
   
    margin-top: 15px;
   padding: 0 ;
    font-size: 14px ;
    font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
    color: #404040 ;
   font-weight: bold ;
}

#nouvelle h3 
{
   
    margin-top: 15px;
   padding: 0 ;
    font-size: 12px ;
  text-align: left;
    font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
    color: #404040 ;
   font-weight: bold ;
}

#nouvelle h5 
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:18px ;
   padding : 20px 0 10px 0;
   }

#nouvelle p
{
font-size: 11px;
line-height: 18px;
text-align: left;
}

/*-------------------------------------------------------------news-----------------------------------------------------------------------------------------------------------------------------------------------------*/

#contenunews
{
width : 528px;
float: left;
margin-right: 10px;
}

#news
{
padding: 5px;
background:#F7F7F7;
border-bottom : solid 5px #E3E1E2;
margin-bottom:5px;
width : 528px;
border-right : 2px dotted #C8C8C8; 
float: left;
}


#news h2
{
color: #2082FB;
font-size: 20px;
padding: 10px 0 10px 0;
}

#news h3
{
color: #454545;
font-family: Arial;
font-size: 14px;
}

.contenu 
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #4D4D4D;
   font-size:12px ;
  
}

.contenu a
{
   color: #363636;
   font-weight:bold ;
}

.contenu a:hover
{
   color: #FFA500;
text-decoration: underline;
}


#presse
{
width : 850px;
float: right;
padding: 0px;
margin: 0px;
}


#presse h4
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:18px ;
   }
 
 
#presse h5
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFA500;
   font-size:18px ;
   padding : 20px 0 10px 0;
   }
   
.comtitle
{

color:#5BCFCF;
padding: 5px;
}
   
#presse h6
{
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #737372;
   font-size:12px ;
   font-weight: bold;
   }

   
#presse img.information 
{
border : none;
float: left;
padding: 3px;
margin-left: 10px;
}

#presse h1.information 
{
margin-top: 12px;
margin-right: 100px;
 padding: 0 ;
  font-size: 18px ;
 font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
 color: #404040 ;
 font-weight: bold; 
}

.categorie
{
font-family: Arial;
font-size: 12px;
color :#616161;
}

.cat
{
background : #F3F303;
}

/*-------------------------------------------------lien proposition-----------------------------------------------------------------------------------------------------------*/
#proposition-fin
{
 margin: 0 ;
padding: 0 ;
float: right;
width : 850px;
}	 


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

p#lien_inscription 
{
font-family: Verdana ,Arial ;
font-size: 12px;
color: #FF00CC;
}

#lien_inscription img.img_inscription
{
border: none;
padding-right: 2px;
}

#lien_inscription-fin
{
font-family: Arial ;
font-size: 14px;
color: #FF00CC;
text-decoration: underline;
margin-top: 5px;
}

p#lien_inscription-fin 
{
font-family: Verdana ,Arial ;
font-size: 14px;
color: #FF00CC;
font-weight: bold;
}

#lien_inscription-fin img.img_inscription
{
border: none;
padding-right: 2px;
}

/*----------------------------------------------------------------------------------------------------commentaire--------------------------------------------------------------------------------*/
#news p.auteur 
{
float: right;
padding: 0px;
margin-top: -13px;
font-size: 10px;
font-family: Arial;
}


a.linkauteur
  
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif ;
color: #404040 ;
font-size: 11px ;
text-decoration: underline;
}


a:hover.linkauteur 
{
color: #999966 ;
}

.commentaire_news
{
clear: both;
}

.commentaire_news p
{
font-size : 13px;
color : #807F7F;
font-weight: bold;
margin-left: 350px;
}

.first
{
font-size : 12px;
color : #404040;
font-weight: bold;
}

/*-----------------------------------commentaire des news ----------------------------------------------------------------------------------------------------------------------------------------------------*/

#commentaire_news
{
font-size: 12px;
margin-left: 350px;
font-family: Arial;
font-weight: bold;
color : #FF00CC;
text-decoration: underline;
}



.ensemble_blocs
{
width: 670px;
background: #F9F9F9;
margin-left: 100px;
}

.infos_commentaire
{
background: #FFF;
padding: 2px;
text-align: left;
font-size: 9px ;
font-family: Verdana ,Arial;
font-weight: bold;
}

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


.bloc_commentaire
{
background : #E7EAD8;
font-size: 10px ;
font-family: Verdana ,Arial;
text-align: left;
color: #404040;
padding: 12px 5px 8px 5px;
margin:0;
}



#page
{
float: right;
margin-right : 10px;
}

#page p
{
font-size : 11px;
font-family : Arial;
color : #807F7F;
}


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

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

 /*telechargement*/

#ok 
 {
 background: #7AF093;
 padding: 3px;
 font-size: 10px;
 color: #0AAB43;
 font-family: Verdana, Arial;
 }



#error 
 {
 background: #F8A4A4;
 padding: 3px;
 font-size: 10px;
 color: #F50101;
 font-family: Verdana, Arial;
 }
 
 #error img
 {
 margin: 8px 3px 0 0;
 }
 
a#retour 
 {
  font-size: 10px;
 font-family: Verdana, Arial;
 color: #0AAB43;
 }
 
a:hover#retour 
 {
text-decoration: underline;
font-weight: bold;
 }
 
a#retour  img
 {
 border: none;
 position: relative;
 top: 7px;
 padding-right: 3px;
 }
 
 /*--------------------------------------------------------colonne droite------------------------------------------------------------------------------------------------------------------------------------------------*/
#colonedroite
{
float: left;
width: 280px;
padding: 0px;
margin-left: 5px;
margin-right: 7px;
margin-top: 10px;
}
 /*--------------------------------------------------------forum------------------------------------------------------------------------------------------------------------------------------------------------*/

#forumnews
{
width: 280px;
padding: 3px;
border:  1px solid #C8C8C8;
margin-bottom: 10px;
}


#forumnews h5
{

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


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

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

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


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

#accesforum  img
{
border: 0px;
position: relative;
top: 3px;
margin-right: 3px;
}

#accesforum
{

font-size: 11px;
font-weight: bold;
font-family: Arial;
}

#accesforum a
{
color: #2082FB;
}

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

 /*--------------------------------------------------------pub------------------------------------------------------------------------------------------------------------------------------------------------*/
#pub
{
width: 280px;
border:  1px solid #C8C8C8;
margin-bottom: 10px;
}

#pub a img
{
border: 0px;
}

 /*--------------------------------------------------------meteo------------------------------------------------------------------------------------------------------------------------------------------------*/

#meteonews
{
width: 280px;
padding: 3px;
border:  1px solid #C8C8C8;
margin-bottom: 10px;
background:#E9E6E6;
}


#meteonews h5
{
color :#FFF;
background :#FFA500;
font-size: 13px;
padding : 0 0 0 3px;
}

#meteonews p
{

font-size: 12px;
padding : 0 0 0 0px;
color: #807F7F;
}

#iconmeteo
{

float: left;
padding : 0px;
border: 1px solid #2082FB;
margin-right: 10px;
}

 /*--------------------------------------------------------cours du dollars------------------------------------------------------------------------------------------------------------------------------------------------*/

#coursdollards{
width: 280px;
padding: 3px;
border:  1px solid #C8C8C8;
margin-bottom: 10px;
background:#F6F4F4;
}


#coursdollards h5
{
color :#FFF;
background :#68B448;
font-size: 13px;
padding : 0 0 0 3px;
}

#coursdollards p
{
font-weight: 500;
font-size: 11px;
padding : 0 0 0 0px;
margin: 10px 0 10px 0;
color: #807F7F;
line-height : 18px;
}

#bourse p
{
font-size: 9px;
padding : 0 0 0 0px;
margin: 0 0 10px 0;
color: #AFAEAE;
}

 /*--------------------------------------------------------resto recherche------------------------------------------------------------------------------------------------------------------------------------------------*/

#restonews
{
width: 280px;
padding: 3px;
border:  1px solid #C8C8C8;
margin-bottom: 10px;
background:#E9E6E6;
}


#restonews h5
{
color :#FFF;
background :#8CA91A;
font-size: 13px;
padding : 0 0 0 3px;
}

#restonews p
{

font-size: 12px;
padding : 0 0 0 0px;
color: #807F7F;
}

#restonews form
{
background :#BEE32B;
padding : 0px;
}

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

#restonews fieldset
{
border : none;
}

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

 /*------------------------------------------------------dernier comment------------------------------------------------------------------------------------------------------------------------------------------------*/

#lastcommentnews
{
width: 280px;
padding: 3px;
border:  1px solid #C8C8C8;
margin-bottom: 10px;
background:#E7EAD8 url("http://www.sxmbeach.com/guide/img/lastcomment-bg.png") repeat;

}


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

#lastcommentnews p
{

font-size: 12px;
padding : 0 0 0 0px;
color: #3C3B3B;
}

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

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

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

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

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

 /*------------------------------------------------news plus commentĂŠes------------------------------------------------------------------------------------------------------------------------------------------------*/

#morecommentnews
{
width: 280px;
padding: 3px;
border:  1px solid #C8C8C8;
margin-bottom: 10px;
background:#E9E6E6;
}

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

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


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

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

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

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