/*  CSS   CLUB VERT    12 11 08   */

.ul {
padding:0;
margin:0;
list-style-type:none;
}
.li
{
margin-left:2px;
float:left; /*pour IE*/
}
.ulli a {
display:block;
float:left; 
width:80px;
background-color:#FFFFFF;
color:black;
font-size:8pt ;
font-weight: normal;
text-decoration:none;
text-align:center;
padding:5px;
border-width:2px;
border-style:solid;
border-color:#DCDCDC #696969 #696969 #DCDCDC; /*pour avoir un effet "outset" avec IE*/
}

.ulli a:hover {
background-color: #CCCCCC;
border-color: #696969 #DCDCDC #DCDCDC #696969;
} 

.ullitrou a {
display:block;
float:left; 
width:30px;
background-color:#006600;
color:white;
font-size:7pt ;
font-weight: normal;
text-decoration:none;
text-align:center;
padding:3px;
border-width:2px;
border-style:solid;
border-color:#DCDCDC #696969 #696969 #DCDCDC; /*pour avoir un effet "outset" avec IE*/
}

.ullitrou a:hover {
color:black;
background-color: #CCCCCC;
border-color: #696969 #DCDCDC #DCDCDC #696969;
} 

.ulliclub a {
display:block;
float:left; 
width:60px;
background-color:#006600;
color:white;
font-size:7pt ;
font-weight: normal;
text-decoration:none;
text-align:center;
padding:3px;
border-width:2px;
border-style:solid;
border-color:#DCDCDC #696969 #696969 #DCDCDC; /*pour avoir un effet "outset" avec IE*/
}

.ulliclub a:hover {
color:black;
background-color: #CCCCCC;
border-color: #696969 #DCDCDC #DCDCDC #696969;
} 

         
.vertical a {
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 100px;
}
.vertical a:hover {
  background-color: #6495ED;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}
  
.bout_club a {
  color: black;
  background-color: #FFFFFF;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: normal;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_club a:hover {
  background-color: #CCCCCC;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}

.bout_as a {
  color: black;
  background-color: #FFFFFF;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: normal;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_as a:hover {
  background-color: #CCCCCC;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}


.bout_rose a {
  color: black;
  background-color: #993399;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: normal;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_rose a:hover {
  background-color: #330033;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}

.bout_bleu a {
  color: black;
  background-color: #3366FF;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_bleu a:hover {
  background-color: #000099;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}

.bout_vert a {
  color: white;
  background-color: #009900;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_vert a:hover {
  background-color: #003300;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}

.bout_jaune a {
  color: white;
  background-color: #FF6600;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_jaune a:hover {
  background-color: #993300;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}

.bout_gris a {
  color: white;
  background-color: #999999;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_gris a:hover {
  background-color: #333333;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}


.bout_part a {
  color: white;
  background-color: #999999;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_part a:hover {
  background-color: #333333;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}

.bout_sago a {
  color: white;
  background-color: #330099;
  text-decoration: none;
  font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif;
  font-size:8pt ;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 105px;
}

.bout_sago a:hover {
  background-color: #6600CC;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}



/* CSS issu des tutoriels css.alsacreations.com/ */
#header {
height: 60px;
/* background-color: #99CCCC; */
}
#conteneur {
position: absolute;
width: 100%;
/* background-image: url(PHOTO3bis.jpg); */
/* background-color:#CCCCFF; */
}
#centre {
/* background-color:#9999CC; */
margin-left: 115px;
margin-right: 005px;
height: 120px;
}



#gauche {
position: absolute;
left:0;
width: 110px;
}
#droite {
position: absolute;
right:5;
width: 100px;
/* background-color:#80C0FC; */
}
#pied {
margin-top: 500px;
margin-left: 100px;
height: 30px;
background-color: #99CC99;
}
#imlogo {
margin-left: 10px;
margin-right: 710px;
height: 30px;
background-color: #00CC99;
}




/*   Polices   */

#polis-small {
font-size : 25%;
font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}

#polis-mid {
font-size : 66%;
font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}

#polis {
/* font-size : 100%;
font-size:8pt;
line-height:10pt;
font-family :   Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}

#polis {
/* font-size:12pt;
/* line-height:14pt;
/* background-image: url(ind-fond-page-1.jpg); */
font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}


#polis-nobg {
font-size : 100%;
font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}

#polis-sm8 {
font-size:8pt;
line-height:10pt;
/* background-image: url(ind-fond-page-1.jpg); */
font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}

#polis-sm7 {
font-size:7pt;
line-height:8pt;
/* background-image: url(ind-fond-page-1.jpg); */
font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}

#polis-siz18 {
font-size:18pt;
/*line-height:10pt; */
/* background-image: url(ind-fond-page-1.jpg); */
font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}

#polis-header {
font-size:20pt;
/*line-height:10pt; */
/* background-image: url(ind-fond-page-1.jpg); */
font-family :  Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}



/* CSS utilsés  pour    AS SALVA   */



#une-conteneur {
position: absolute;
width: 100%;
/* height: 620px; */
}

#une-header {
position: absolute;
height: 40px;
}

#une-gauche {
position: absolute;
margin-top: 42px; 
margin-left: 0;
width: 290px;  
height: 500px; 
}

#une-centre {
position: absolute;
width: 290px;
margin-top: 42px; 
margin-left: 295px;  
height: 500px; 
/* background-color:#DFDFDF;*/
}

#une-droite {
position: absolute;
margin-left : 590px;
margin-top: 42px; 
width: 290px;
height: 500px; 
}

#une-pied {
/* height: 40px; */
margin-top: 800px; 
margin-left: 250px ;
margin-right: 15px ;
}

#as-conteneur {
position: absolute;
width: 100%;
height: 620px;
/* background-image: url(club-photo-9.jpg);  */
/* background-color:#CCCCFF; */
}

#as-header {
height: 50px;
/* background-color: #99CCCC; */
}
#as-centre {
 position: absolute;
margin-top: 10px; 
/* background-color:#9999CC; */
/* margin-left: 75px;  */
/* margin-right: 500px; */
/* height: 650px; */
}
#as-droite {
position: absolute;
left : 580;
margin-top: 10px; 
/*  right:35;  */
/* right:100; */
width: 300px;
/* width: 300px;  */
/* height: 420px;  */
/*  background-color:#D8D8D8;  */
}
#as-gauche {
position: absolute;
margin-top: 10px; 
left:50;
width: 520px;  
/* height: 620px; */
/* background-color:#D8CCD8; */
}
#as-pied {
/* clear:both;  */
/* height: 40px; */
 margin-top: 450px; 
margin-left: 50px ;
margin-right: 50px ;
/* background-color: #99CC99; */
}





/* CSS utilsés  pour    SALVA-CLUB   */



#club-conteneur {
position: absolute;
width: 100%;
/* background-image: url(club-photo-9.jpg);  */
/* background-color:#FFCCFF;  */
}

#club-header {
height: 70px;
/* background-color: #99CCCC; */
}

#club-centre {
 position: absolute;
 background-color:#CC99CC; 
/* margin-left: 75px;  */
/* margin-right: 500px; */
/*height: 820px; */
}


#club-droite {
position: absolute;
left : 530;
/*  border-width:3px 0; */
/* border-style:solid; */
/* border-color:green; */
border-top: groove 8px green;
border-bottom: groove 8px green;
border-left: groove 8px green;
border-right: groove 8px green;
margin-top: 10px; 
/*  right:35;  */
/* right:100; */
width: 340px;
/* width: 300px;  */
/* height: 820px;  */
background-color:#EEEEBE; 
}

#club-gauche {
position: absolute;
margin-top: 10px; 
left:20;
width: 500px;  
}
#club-pied {
height: 80px;
/* background-color: #99CC99; */
}
#gc-centre {
 position: absolute;
 background-color:#CC99CC; 
 margin-left: 30px;  */
/* margin-right: 500px; */
/*height: 820px; */
 background-color: #009900;
}


/* CSS pour  trous et parc  */
#parc-conteneur {
position: absolute;
width: 100%;
/* background-image: url(club-photo-9.jpg);  */
/* background-color:#CCCCFF; */
}
#parc-centre {
/* background-color:#9999CC; */
margin-left: 75px; 
/* margin-right: 500px; */
/*height: 820px; */
}





/* CSS pour détails trous   */


#trou-gauche {
position: absolute;
text-align:center;
left: 40;
width: 150px;
}

#trou-milieu {
position: absolute;
text-align:center;
left: 200;
width: 300px;
height: 420px;
}

#trou-green {
position: absolute;
text-align:center;
left: 500;  
width: 150px;
/* background-color:#80C0FC; */
}

#trou-droite {
position: absolute;
text-align:center;
/* right:20; */
left: 550;  
width: 150px;
/* background-color:#80C0FC; */
}

/* olds */

#milieutrou {
position: absolute;
text-align:center;
left: 160;
width: 300px;
height: 420px;
}


#gauchtrou {
position: absolute;
text-align:center;
left: 20;
width: 150px;
}

#greentrou {
position: absolute;
text-align:center;
left: 500;  
width: 150px;
/* background-color:#80C0FC; */
}

#droitrou {
position: absolute;
text-align:center;
/* right:20; */
left: 700;  
width: 150px;
/* background-color:#80C0FC; */
}


/*   CSS  pour accl   */

#accl-droite {
position: absolute;
left: 630;  
/* text-align:center; */
/*  right:80;  */
width: 160px;
/* background-color:#80C0FC; */
}

#accl-google {
position: absolute;
left: 450;  
/* text-align:center; */
/*  right:80;  */
width: 400px;
/* background-color:#80C0FC; */
}

#parc-droite {
position: absolute;
left: 630;  
/* text-align:center; */
/*  right:80;  */
width: 160px;
/* background-color:#80C0FC; */
}

#parc-plan {
position: absolute;
left: 450;  
/* text-align:center; */
/*  right:80;  */
width: 300px;
/* background-color:#80C0FC; */
}

#parc-gauche {
position: absolute;
left:20;
width: 400px;  
}

#tarf-gauche {
position: absolute;
left:20;
width: 400px;  
}
#tarf-droite {
position: absolute;
left: 600;  
/* text-align:center; */
/*  right:80;  */
width: 160px;
/* background-color:#80C0FC; */
}

#droitpractice {
position: absolute;
left: 630;  
/* text-align:center; */
/*  right:80;  */
width: 318px;
/* background-color:#80C0FC; */
}

/*   TEST  */
 .fond {
  background-color:#FDF5E6;
  }
  h1 {
color:#4E632C;
text-align:center;
}
#entete1, #entete2 {
text-align:center;
border-width:1px 0;
border-style:solid;
border-color:black;
}

#footer1, #footer2 {
text-align:center;
border-width:1px 0;
border-style:solid;
border-color:black;
clear:both;
}
#menu1, #menu2 {
width:150px;
color:#800080;
background-color:#D8BFD8;
}

#menu1  {
float:left;
}
#contenu1 {
margin-left:155px;
}
#menu2 {
float:right;
}
#contenu2 {
margin-right:155px;
}

body {
	background-color:white;	
        background-image: url(ind-fond-page-1.jpg); 
	width: 100% ;
} 



#texte-centre {
 position: absolute;
/*  background-color:#CC99CC;   */
 margin-left: 50px;  
width:650px;
/* margin-right: 50px; */
/*height: 820px; */
}



img {
  border:0px solid black;
  }	

.thumb {
  position:relative; 
  top:0;
  left:0; 
  margin:2px;
  float:left; 
  background-color:#FFFF99; 

  }
  
.thumb a {
  margin:2;
  text-decoration:none;
  }

.thumb a:hover {
  background-color:black;	
  }

.thumb a .grand {
  display:block;
  position:absolute; 
  width:0px; 
  }	  
  
.thumb a:hover .grand { 
  position:absolute; 
  top:30px;
 /* left:30px; */
  right:50px;
  width:450px; 
  height:335px; 
  }

.thumb a .grtrou {
  display:block;
  position:absolute; 
  width:0px; 
  }	  
  
.thumb a:hover .grtrou { 
  position:absolute; 
  top:30px;
  left:30px;
  width:400px; 
  height:300px; 
  }


/* CSS utilsés  pour    LGT   */




#conteneur {
position: absolute;
width: 100%;
/* background-image: url(PHOTO3bis.jpg); */
/* background-color:#CCCCFF; */
}

#txt-titre {
margin-left: 50px;
margin-top: 25px;
width: 700px;
height: 70px;
color:black;
font-size:20pt ;
font-weight: bold ;
/* background-color: #99CC99;  */
}



#txt-centre {
position: absolute;
left: 100px;
top: 80px;  
width: 650px;
height: 320px;
font-size:10pt ;
/*   background-color: #99CC33;  */
}

#gauche {
position: absolute;
width: 400px;
top: 55px ;
left: 50px;

}

#droite {
position: absolute;
left: 460px;
top: 55px ;
width: 200px;
}

#pied {
margin-left: 100px;
height: 30px;
background-color: #99CC99;
}

#entet {
margin-left: 130px;
margin-top: 75px; 
}

#buro-centre {
/* background-color:#9999CC; */
margin-left: 35px;
margin-right: 005px;
height: 120px;
}