html {
	height:100%;
}
body {
		 margin-left: auto; 
  margin-right: auto; 
  text-align: center; /* pour corriger le bug de centrage IE */
	background-image:  url("img-golf/fond-golf.jpg");
	/*background: url("/img-sport-saint-malo/body.jpg") #F8EA0D top center;*/
	background-color: #4B5333;
	background-repeat:repeat-y;
		background-position:center;
			color:#ffffff;
	font: 12px verdana, arial, sans-serif;
	text-align:justify;

}




#page
  {
	    margin-top:-10px;
  !margin-top:-10px;
	  	position: relative;
		 margin-left: auto; 
  margin-right: auto; 
  width: 900px; 
   min-height:450px; 
    height:auto !important; 
    height: 450px; 
clear: both;

  }

div#logo_imp {
  display:block;
  margin-top:0px;
  !margin-top:0px;
  width:900px;
  height:160px;
  text-align: center;
    /*border: 1px solid #FFF;*/
}
div#center_lien {
  display:block;
  width:900px;
  height:30px;
  text-align: center;
	background-image:  url("/img-golf/bandeau.jpg");
		background-repeat:repeat-x;
		  margin-top:0px;
  !margin-top:0px;
}

div#centre{

width:900px;
text-align: left;
   min-height:450px; 
    height:auto !important; 
    height: 450px; 
clear: both;

	}
	
div#centre_page{

width:900px;
text-align: center;
   min-height:300px; 
    height:auto !important; 
    height: 300px; 
clear: both;

	}	
	
	div#tarif{
margin-left: 100px;
width:800px;
text-align: left;
   min-height:300px; 
    height:auto !important; 
    height: 300px; 
clear: both;

	}	
div#gauche{
		background-image:  url("/img-golf/balle-golf.png");
	background-position:top left;
		background-repeat:no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img-golf/balle-golf.png', sizingMethod='crop');
	padding-top: 30px;
	padding-left: 60px;
float: left;
width:440px;
text-align:justify;
   min-height:200px; 
    height:auto !important; 
    height: 200px; 
	margin-bottom: 10px;

	}

div#droite{
float: right;
width:300px;
text-align: center;
   min-height:200px; 
    height:auto !important; 
    height: 200px; 
	margin-bottom: 10px;

	}

div#footer{

width:900px;
background-color: #555F38;
text-align: center;
border-top: 1px solid #FFF;
   min-height:50px; 
    height:auto !important; 
    height: 50px; 
clear: both;

	}


/*Code du menu*/

#menuderoulant, #menuderoulant ul /* Liste */     
{
        padding : 0px ; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menuderoulant /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 10px; /* hauteur du texte : 12 pixels */
}

#menuderoulant a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 2px 2px 2px 2px; /* aucune marge intérieure */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 140px; /* largeur */
		border-right : 1px solid #fff;
	
}
#menuderoulant a:hover /* Lorsque la souris passe sur un des liens */    
{
   background-color: #7F0051;     
}
#menuderoulant li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuderoulant li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menuderoulant li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 140px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */

		
}

#menuderoulant li ul a{ /* liens dans les Sous-listes */
  width: 140px;
   background-color: #7F0051;     

}

#menuderoulant li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuderoulant li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menuderoulant li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menuderoulant li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menuderoulant a:hover /* Lorsque la souris passe sur un des liens */    
{
       
}

#menuderoulant li ul a:hover{ /* Lorsque la souris passe sur un des liens des Sous-listes */
  text-decoration: underline ;
  /*color: #000;*/ /* On passe le texte en noir... */
  /*background: #fff;*/ /* ... et au contraire, le fond en blanc */
}

#menuderoulant li:hover ul ul, #menuderoulant li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menuderoulant li:hover ul, #menuderoulant li li:hover ul, #menuderoulant li.sfhover ul, #menuderoulant li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}




a.texte { /* style du texte principale - lien avant survol */
  display:block ; /* retour à la ligne après le style */
  text-decoration:none ; /* supprime le soulignement du lien */
  color : #F3E3C2 ; /* couleur du texte */
  font-size : 13px ; /* Taille de la police */

  padding: 0 2px 2px 0} /* Crée un marge intérieur de 2 pixels à droite et en bas du texte */

a.texte:hover { /* style du texte principale - lien pendant survol */
  padding: 2px 0 0 2px; /* Crée un marge intérieur de 2 pixels en haut et à gauche du texte */
  color:#B3BA3E ; /* couleur du texte, donc de l'ombre */
  }

h1
 {
	font-size: 15px;
	color: #FFC425;
	font-family: Arial, Helvetica, sans-serif;
	  }

h2
 {
	font-size: 13px;
	color: #FCC30F;
	font-family: Arial, Helvetica, sans-serif;
	  }
h3
 {
	font-size: 12px;
	color: #F3E3C2;
	font-family: Arial, Helvetica, sans-serif;
	  }
h4
 {
	font-size: 11px;
	color: #F3E3C2;
	font-family: Arial, Helvetica, sans-serif;
	  }

a.actu
 {
	font-size: 13px;
	color: #FCC30F;
	font-family: Arial, Helvetica, sans-serif;
	  }
a.actu:hover
	   {
	font-size: 13px;
	color: #F3E3C2;
	font-family: Arial, Helvetica, sans-serif;
	  }
	  
a
 {
	font-size: 13px;
	color: #F3E3C2;
	font-family: Arial, Helvetica, sans-serif;
	  }
a:hover
	   {
	font-size: 13px;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	
	  }

	
a.tarif
 {
	font-size: 11px;
	color: #F3E3C2;
	font-family: Arial, Helvetica, sans-serif;
	  }
a.tarif:hover
	   {
	font-size: 11px;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	
	  }

a.mail    {
	font-size: 13px;
	color: #FFC425;
	font-family: Arial, Helvetica, sans-serif;
	  }
	
a.bas
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	  }
a.bas:hover
	   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFC425;
	
	  }	
	
	
	
	 
input {
	background : #555F38;
	border : 1px solid #FFC425;
	font-size : 12px;
	color: #FFFFFF;
}




select {
	background : #555F38;
	border : 1px solid #FFC425;
	font-size : 12px;
	color: #FFFFFF;
}

textarea {
	background : #555F38;
	border : 1px solid #FFC425;
	font-size : 12px;
	color: #FFFFFF;
}