/* Design de sxmbeach.com */



* 
{
          margin: 0 ; 
          padding: 0 ;
}


body
{
        margin: 10px 0 ;
        padding: 0 ;
        text-align: center ;
        background: url("http://www.sxmbeach.com/image/background9.png");
        font-size: 15px ;
        color: #404040;
        font-family: Verdana , Arial, "Arial Black", "Times New Roman", Times, serif ;    
}


/* conteneur */

#conteneur
{
        width: 770px ;
        margin: 0 auto ;
        text-align: left; 
        background: #FFF ;
}



/*---------------- header-------------- */

#header
{   
    height: 120px ;
    background: url("http://www.sxmbeach.com/image/entete.png") no-repeat ;
 
}

#header img
{
   float: left ;
}

.baniere 
{
border: 1px solid #000;
 margin-top: 3px;
}

/* Quelques effets sur les menus */


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



.element_menu a
{
  color: #202020 ;
  font-weight : bold ;  
  font-size: 13px ;  
}


.element_menu a:hover
{
   color: #F42A41 ;
}



.langue img
{
    border: none ;
position:relative;
top:18px;
left:-70px; 
}

/*----------------- gauche----------------------- */

#gauche
{
     background: url("http://www.sxmbeach.com/image/gauche.png") no-repeat ;
     width: 116px ;
     height: 678px ;
     float: left ;
}


/* Quelques effets sur les sousmenus */

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


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



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


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


 


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

#edito
{
     margin-left:116px;
     margin-right: 274px;
     width: 367px ;
     background-color: #FFF ;
}



#edito img
{
      float:left ;
      margin-bottom: 5px ;
}


#edito h1 
{
     float:left;
    color: #202020 ;
   font: bold 15px Arial, "Arial Black", "Times New Roman", Times, serif ;
   margin-top: 15px ;
}

#edito h2 
{
     color: #202020 ;
     font: bold 13px Arial, "Arial Black", "Times New Roman", Times, serif ; 
    margin-bottom: 5px;
}


#edito p
{
    margin-right: 4px ;
    font:12px Arial, "Arial Black", "Times New Roman", Times, serif ;
    color: #404040 ;
    text-align: justify ;
   line-height: 18px;
}


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
{
background :url("http://www.sxmbeach.com/image/fond_news.jpg") no-repeat ;
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;
}

#actu
{
color:#404040;
}

/*commentaire des news */
#commentaire_news 
{
font-family: Verdana, Arial;
font-size: 11px;
color : #FF00CC;
text-decoration: underline;
}

.ensemble_blocs
{
width: 400px;
background: #FFF;
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;
}

.arrondis_commentaire
{
padding: 0;
margin-top: -5px;
}

#page
{
float: right;
}

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

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

/*----------------- droite ---------------------------*/
#droite
{
    float:right;
   width:274px ;
   color: #FFF;
}




/*-- --boutique------- */
.cartouche
{
   width:270px ;
   padding-top: 12px ;
  background: url("http://www.sxmbeach.com/image/cartouche.png") top center no-repeat ;
}

#blocboutique
{
   background :url("http://www.sxmbeach.com/image/cadrebas.png") bottom center no-repeat ;
  padding-bottom: 20px ;
  margin-bottom: 5px ;
}

#blocboutique p
{
   margin: 0 10px 0 10px;
   text-align: center;
   color: #404040 ;
   font: bold 10px Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
}

#blocboutique p img
{
  border: none;
}


/*-------- forum------- */

#blocforum
{
    background :url("http://www.sxmbeach.com/image/cadrebas.png") bottom center no-repeat ;
    padding-bottom: 20px ;
    margin-bottom: 5px ;
   text-align: left ;
   list-style-type: none ;
}


#blocforum li a
{
    margin: 0 10px 0 10px;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #999966;
   font-size:10px ;
   font-weight: bold ;
   line-height: 14px;
}


#blocforum li a:hover
{
    text-decoration: underline
}


/* -----extras------- */

#vip
{
   margin: 0;
   padding: 0;
   width:270px ;
   padding-top: 12px;
  background: url("http://www.sxmbeach.com/image/cartouche.png") top center no-repeat;
}


#blocvip
{
    margin: 0;
    padding: 0;
    background :url("http://www.sxmbeach.com/image/cadrebas.png") bottom center no-repeat;
    padding-bottom: 20px;
    margin-bottom: 5px;
}


#blocvip p 
{
    font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #999966;
   font-size:9px ;
    text-align: left;
 margin: 0 10px 0 10px;

}


#blocvip  a 
{
     font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
     color: #999966;
     font-size:9px ;
     font-weight: bold ;
     line-height: 14px;

	  
}


#blocvip  a:hover 
{
     text-decoration: underline
}


 #blocvip a  img
{
    margin: 0;
	float: left;
     padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
   border: none;
}

#blocvip ul
{
padding: 0;
margin: 0;
display: inline;
text-align: left;
}

#blocvip li
{
clear: both;
 list-style-type: none ;
  margin: 0 10px 0 10px;

}



a.rubrik 
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #FFFFFF ;
   font-size:10px ;
   font-weight: bold ;
   position: relative ;
   left: 10px;
   top: -5px;
}


a:hover.rubrik 
{
   color: #744F04 ;
   text-decoration: underline;
}

.fond 
{

float: left;
margin-left: 10px;
}

/*---- ti punch------ */
#tipunch
{
      margin: 0 ;
      padding: 0 ;
    float: right;
     margin-right: 10px;
      width: 630px ;

 background-color: #FFF;
     text-align:left;
}

#tipunch img
{
    margin-top: 5px;
    margin-bottom: 8px;
     float: left; 
}



img.phototipunch 
{
border: 1px solid #000;
float: left;
margin-right: 50px;
 clear: both;

}

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

.ingredients
{
 margin:0;
 padding: 0;
margin-top: 40px;
 width:300px ;
 float: right;
}


.ingredients h2 
{
    margin: 0 ;
     padding: 0 ;
     font-size: 13px ;
     text-align: center;
     font-family:  Arial, "Arial Black", "Times New Roman", Times, serif ;
     color: #404040 ;
     font-weight: bold;
     margin-bottom: 10px;
 }

.ingredients hr
{
margin-top:15px;
margin-bottom: 20px;
}

.ingredients li
{
font-size: 11px;
line-height: 20px;
}

.ingredients p
{
font-size: 11px;
line-height: 18px;
}

p.abus 
{
display: block;
clear: both;
font-size: 13px;
line-height: 20px;
margin-top: 20px;
margin-bottom: 10px;
}

h2.alcool
{
font-size: 13px;
margin-top: 15px;
font-weight: bold;
float: left;
margin-left: 30px;
}



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

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

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

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

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

/*----------------formulaire contact----------------- */

form
 {
     background:#E7EAD8;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
    
      text-align: left;
     margin: 10px;
   padding: 3px;
}

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


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


.submit
{
margin: 10px;
position: relative;
left: 140px;
}

/* -------------Le pied de page---------------- */

#footer
{
   width:770px ;
   height : 120px ;
   text-align: center ;
   background :url("http://www.sxmbeach.com/image/footer.jpg");
    margin: 0 ;
    padding: 0 ;
   clear: both ;
    ligne-height: 13px ;
}

 


a.footer 
  
{
   
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif ;
   color: #404040 ;
   font-size: 11px ;
}


a:hover.footer 
{
   color: #999966 ;
}
 
.fin  ul
{
    margin: 0 ;
	padding: 0 ;
    list-style-type: none ;
}



.fin  li
{
	margin: 0 ;
	padding: 0 ;
     display: inline; 
	text-align: center ;
}


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


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

/* balise a*/ 

a
{
   text-decoration:none;
} 

a:visited 
{
   text-decoration:none;
}

.arrondis
{
 display: block ;
 margin: 0 auto ;
}

.valid
{
border: none;
}

/* map */

#bgmap
{
background:#E7EAD8;
border: solid 1px #CCCCCC;
}
        
#map
{
border-collapse:collapse;
 border:1px solid #AAA994;
background: #FBFDF3;
margin:50px 0 50px 15px;
width: 600px;
font-family: Verdana;
font-size: 10px;
}
		
#map td		
{
text-align:center;
border:1px solid #AAA994;
padding: 5px;
}
       
a.plan-lien 
{
 color: #C3C6B4;
font-weight: bold;
}

a:hover.plan-lien 
{
color : #888B7C;
font-size: 11px;
}
  
/*----------Reportage----------*/

.photo
{
float: left;
margin-top: 5px;
}

.media
{
text-align: left;
font-size: 11px;
margin-left: 10px;
font-weight: bold;
line-height: 14px;
}