/* CSS Document */

/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex:
    font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-size: .8em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: black;
    background: white;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: .2em 0 .8em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.4;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color: #003366;
}
a:visited {
    color: #003366;
}
a:hover, a:focus, a:active {
    color: crimson;
}
a img {
    border: none;
}

/* CSS Document */
h1 {font-family: "Verdana", Arial, Arial Black, serif; color: #666666; font-size: 20px; font-weight: bold; line-height: 20px;text-align: left; border-bottom: 2px solid gray;}/* Titres de 18 pixels soulignés */
h2 {font-family: "Verdana", Arial, Arial Black, serif; color: #000099; font-size:  13px; font-weight: bold; line-height: 13px;text-align: left;}/* Titres de 14 pixels */
h3 {font-family: "Verdana", Arial, Arial Black, serif; color: #666666; font-size:  12px; font-weight: bold; text-decoration: none; text-align: center;}/* Titres de 12 pixels */
h4 {font-family: "Verdana", Arial, Arial Black, serif; color: #000099; font-size:  11px; font-weight: bold; text-align: center;}/* Titres de 11 pixels */
h5 {font-family: "Verdana", Arial, Arial Black, serif; color: #333333; font-size:  10px; font-weight: bold; text-decoration: none; text-align: center;}/* Titres de 10 pixels */
h6 {font-family: "Verdana", Arial, Arial Black, serif; color: #333333; font-size: 9px; font-weight: bold; text-align: center;}/* pied de page de 9 pixels */
p {font-family: "Verdana", Arial, Arial Black, serif; color: #333333; font-size: 11px; font-weight: normal;line-height: 13px;text-align: left;/* Paragraphes de 12 pixels */}
a {text-decoration:none; color:#666666;}

#body
{
   margin: absolute;
   margin-top: 0;
   margin-left: 0;
   padding: 0px;
   background-color:#006600;
   background-image: url("images/fond_golf.jpg");
   background-repeat:no-repeat;
 }

#boite
{
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	 margin-top: 0;
     width: 996px;
     text-align: left;
	 border: 0px solid #000;
	 height: 1100px;
	 background-image: url("images/shadow.png"); 
 }

#conteneur
{
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	 margin-top: 0;
     width: 976px;
     text-align: left;
	 border: 0px solid #000;
	 height: 1100px;
	 background-color:#006600;
	 border-bottom: 1px solid #000;
 }
  
#haut
{
     position: relative; /* on positionne le conteneur */
     margin-left: 0x;
     margin-right: auto;
	 top: 0px;
	 margin-top: 0;
     width: 956px;
     text-align: left;
	 border: 0px solid #000;
	 height: 115px;
	 background-color:#006600;
	 z-index: 10;
 }
 
 #page
{
     position: relative; /* on positionne le conteneur */
     margin-left: 10px;
     margin-right: auto;
	 top: 132px;
	 margin-top: 0;
     width: 956px;
     text-align: left;
	 border: 0px solid #000;
	 height: 912px;
	 background-color:#006600;
	 z-index: 0;
 }
 
/* actualités */

#actus
{
   	width: 261px;
   	height: 275px;
   	position: absolute;
   	top: 0px;
    left: 0px;
   	padding-top:0px;
   	padding-bottom:5px;
   	padding-right:5px;
   	padding-left:7px;
   	background-color: #FFFFFF;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	z-index: 0;
}
/* première rubrique */
#corps
{
   	width: 400px;
   	height: 280px;
   	position: absolute;
   	left:283px;
   	top: 0px;
   	color: #B3B3B3;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	z-index: 0;
}

/* deuxième rubrique */
#debuter
{
   	width: 336px;
   	height: 280px;
   	position: absolute;
   	top: 290px;
	left: 0px; 
   	color: #B3B3B3;
	margin-left: 0px;
	padding: 0;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

#proam
{
   	width: 336px;
   	height: 280px;
   	position: absolute;
   	top: 290px;
	left: 347px; 
   	color: #B3B3B3;
	margin-left: 0px;
	padding: 0;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

/* pub haut */
#inscription
{
	width: 260px;
   	height: 418px;
  	position: absolute;
    left:695px;
    top: 0px;
    border-width: 0px;
	border-style: solid;
	border-color: #999999;
	background-color:#006600;
	z-index: 0;
}

/* première pub */
#pub3
{
   	width: 260px;
   	height: 280px;
   	position: absolute;
   	left:695px;
   	top: 400px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

/* troisième pub */
#pubbas
{
   	width: 260px;
   	height: 190px;
   	position: absolute;
   	left: 695px;
   	top: 720px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

/* annonce amazon*/
#amazon
{
  	position: absolute;
    top: 461px;
	height: 250px;
	margin-left: 694px;
	padding-right:5px;
    padding-left:5px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
}

/* boutique*/
#amazon_boutique
{
  	position: absolute;
    top: 430px;
	height: 30px;
	margin-left: 694px;
	width: 260px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #0d3b02;
}


/* Les carrés */
#carreA
{
}
#carreA ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 164px;
height: 160px;
left: 0px;
top: 580px;
padding-right: 10px;
}
#carreA li
{
margin-left: 0px;
float:left; /*pour IE*/
}
#carreA ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/foret_orient/carres_bas_orient.jpg");
background-repeat:no-repeat;
width: 164px;
height: 160px;
left: 0px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreA ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
} 
#carreB
{
background-repeat:no-repeat;
}
#carreB ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 164px;
height: 160px;
top: 580px;
left: 173px;
}
#carreB li
{
margin-left: 0px;
float:left; /*pour IE*/
}
#carreB ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/carres_bas_video.jpg");
background-repeat:no-repeat;
width: 164px;
height: 160px;
left: 173px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreB ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
} 
#carreC
{
}
#carreC ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 164px;
height: 160px;
top: 580px;
left: 346px;
}
#carreC li
{
margin-left:0 px;
float:left; /*pour IE*/
}
#carreC ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/cevaer/carres_bas_cevaer.jpg");
background-repeat:no-repeat; 
width: 164px;
height: 160px;
left: 346px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreC ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
}
#carreD
{
}
#carreD ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 164px;
height: 160px;
top: 580px;
left: 519px;
}
#carreD li
{
margin-left: 0px;
float:left; /*pour IE*/
}
#carreD ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/carres_bas_st_martin.jpg");
background-repeat:no-repeat;
width: 164px;
height: 160px;
left: 519px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreD ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
} 
#carreE
{
}
#carreE ul{
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 164px;
height: 160px;
left: 0px;
top: 750px;
padding-right: 10px;
}
#carreE li
{
margin-left: 0px;
float:left; /*pour IE*/
}
#carreE ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/objets/carres_bas_putting.jpg");
background-repeat:no-repeat;
text-decoration:none; 
width: 164px;
height: 160px;
top: 750px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreE ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
}

#carreF
{
}
#carreF ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 164px;
height: 160px;
top: 750px;
left: 173px;
}
#carreF li
{
margin-left:0 px;
float:left; /*pour IE*/
}
#carreF ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/forme_mois.jpg");
background-repeat:no-repeat;
width: 164px;
height: 160px;
left: 173px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreF ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg");
background-repeat:no-repeat; 
} 
#carreG
{
}
#carreG ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 164px;
height: 160px;
top: 750px;
left: 346px;
}
#carreG li
{
margin-left:0 px;
float:left; /*pour IE*/
}
#carreG ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/diet_mois.jpg");
background-repeat:no-repeat; 
width: 164px;
height: 160px;
left: 172px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreG ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
} 
#carreH
{
}
#carreH ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 164px;
height: 160px;
top: 750px;
left: 519px;
}
#carreH li
{
margin-left:0 px;
float:left; /*pour IE*/
}
#carreH ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/livres/carres_bas_mickelson.jpg");
background-repeat:no-repeat;
width: 164px;
height: 160px;
left: 519px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreH ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
}
/* le pied de page */
#pied_de_page
{
   width: 950px;
   height: 30px;
   position: absolute;
   top: 1060px;
   padding: 8px;
   left: 10px;
   text-align: center;
   border: 0px solid black;
}
#pied_de_page h1
{
   text-align: center; /* Pour centrer le titre */
}/*
Feuille de styles pour formulaire contact.php
màj du 17.05.2005
*/

FORM {
	margin: 0
}
FORM * {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA, INPUT, LABEL {
	margin: 0 5px 5px 0
}
TEXTAREA, INPUT {
	border: #666 1px solid; 
	background-color: #fff;
	width: 180px; 
	margin-left:20px;
}

FORM P {
	clear: both; margin: 0;
}
FORM LABEL {
	float: left; width: 10%; text-align: left;
}
#submit {
	background:url(../newsletter/bouton_envoyerF.jpg) no-repeat;
	width: 82px;
	height: 18px;
	border: 0px;
	font-weight:bold;
	cursor:pointer;
	margin-left: 55px;
}
#submit:hover {
	background-image: url(../newsletter/bouton_envoyerC.jpg);
}
.alerte {
	padding-top:20px; font-weight: bold; text-align: center; font-size: 10px; color: #ed1a3a;
}
.focus {
	background: #ff9
	}


#newsletter
{
   	width: 260px;
   	height: 220px;
   	position: absolute;
   	left: 695px;
   	top: 690px;
   	padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

/* pub meetinggame*/
#animgame
{
width: 260px;
   	height: 390px;
  	position: absolute;
    left:695px;
    top: 0px;
    border-width: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}


/* la colonne de droite*/
#blockdroit-golf
{
	position: absolute;
	top: 132px; 
	left: 705px;
	z-index: 0;
}

/* premiere annonce */
#meetinggame-partenaire
{
	position: relative; 
	height: 298px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	margin-bottom:14px;
	z-index: 0;
}

/* deuxieme annonce */
#jeudegolf-accueil
{
	position: relative; 
	height: 360px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	margin-bottom:14px;
	z-index: 0;
}

/* troisieme annonce */
#reseau-de-loisirs
{
	position: relative; 
	height: 220px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	z-index: 0;
}