/* -------------------------------------------------------------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;
}


/* ------------------------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: 116px ;
     height: 678px ;
     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 13px;
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:13px;
  top: -8px;
}

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

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

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


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


/* --------------------------------nouvelle----------------------------------------------------------------------------------------------------------------------------------------------------- */
#nouvelle
{
      margin: 0 ;
      padding: 0 ;
    float: right;
     width : 874px;
     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-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#news
{
padding: 5px;
background:#F7F7F7;
border-bottom : solid 5px #E3E1E2;
margin-bottom:5px;
}


#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:13px ;
   line-height: 22px; 
}

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

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


#presse
{
width : 874px;
float: right;
}


#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-----------------------------------------------------------------------------------------------------------*/
#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: #D3D7C1;
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;
}

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