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


h1 {font-family: "Verdana", Arial, Arial Black, serif; color: #000099; font-size: 20px; font-weight: bold; text-align: left; border-bottom: 2px solid gray;}/* Titres de 24 pixels */
h2 {font-family: "Verdana", Arial, Arial Black, serif; color: #006600; font-size:  16px; font-weight: bold; text-align: left;}/* Titres de 18 pixels */
h3 {font-family: "Verdana", Arial, Arial Black, serif; color: #666666; font-size:  16px; font-weight: bold; text-align: left;}/* Titres de 16 pixels */
h4 {font-family: "Verdana", Arial, Arial Black, serif; color: #333333; font-size:  10px; font-weight: normal; text-decoration: none; line-height: 12px; text-align: right;}/* Titres de 10 pixels */
h5 {font-family: "Verdana", Arial, Arial Black, serif; color: #333333; font-size:  10px; font-weight: normal; text-decoration: none; line-height: 12px; text-align: left;}/* 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: 12px; font-weight: normal; line-height: 16px; text-align: left;}/* Textes de 13 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: 1580px;
	 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: 1580px;
	 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;
 }
/* l'article */
.imageflottante1
{ float: left; margin-right: 10px }
.imageflottante2
{ float: right; margin-left: 10px }
.imageflottante3
{ float: left; margin-right: 10px }
.imageflottante4
{ float: right; margin-left: 10px }
.imageflottante5
{ float: right; margin-left: 10px }
.imageflottante6
{ float: left; margin-right: 10px }
.imageflottante7
{ float: right; margin-left: 10px }


#article
{

   width: 668px;
   height: 1391px;
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: #FFFFFF;
   padding-top:0px;
   padding-bottom:0px;
   padding-right:8px;
   padding-left:8px;
   border-width: 1px;
   border-style: solid;
   border-color: #999999;
   z-index: 0;
}

/* les pubs colonne de droite */
#lespubs
{
    position: absolute; 
	top: 0px;
    margin-left: 694px;
  	width: 262px;
	background-color: #006600;
   	z-index: 0;
}
/* pub meetinggame*/
#pub1
{
	position: absolute; 
	height: 420px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	z-index: 0;
}
/* annonce FNAC*/
#fnac
{
  	position: absolute;
    top: 430px;
	height: 220px;
    border-width: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}
/* meetinggroupe*/
#pub2
{
	position: absolute; 
	height: 420px;
	top: 660px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

/* swing */
#pub3
{
	position: absolute; 
	height: 280px;
	top: 1090px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
}
/* le pied de page */
#pied_de_page
{
   width: 950px;
   height: 30px;
   position: absolute;
   top: 1410px;
   padding: 8px;
   left: 0px;
   text-align: center;
   border: 0px solid black;
}
#pied_de_page h1
{
   text-align: center; /* Pour centrer le titre */
}