/* CSS Document */
/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
/* 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: #333333;
}
a:visited {
    color: #555555;
}
a:hover, a:focus, a:active {
    color: #11508e;
}
a img {
    border: none;
}

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

#body
{
   margin-top: 0;
   background-color:#000000;
   z-index: 0;
 }

#boite
{
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	z-index: 0;
 }

#conteneur
{
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	 margin-top: 0;
     width: 1000px;
     text-align: left;
	 background-color:#ffffff;
	 border: 0px solid #999999;
	 border-bottom: 1px solid #000;
	 z-index: 0;
}

#haut
{
     position: relative;
     margin-left: 0px;
     margin-right: auto;
	 top: 0px;
	 margin-top: 0;
     width: 1000px;
     text-align: left;
	 border: 0px solid #000;
	 height: 104px;
	 background-color:#ffffff;
	 z-index: 2;
 }
 
 #page
{
   width: 980px;
   margin-left: 6px;
   margin-right: 5px;
   margin-top: 10px;
   margin-bottom: 10px;
   background-color: #FFFFFF;
   padding-right:4px;
   padding-left:4px;
	z-index: 0;
 }
 


/* la photo en haut à gauche*/
#imagegauche
{
   
   display:block;
   	width:170px;
   top: 103px;
   left:0px;
   height: 255px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top:0px;
   padding-bottom:10px;
   padding-right:4px;

   
}

/* le block central*/
#groupe1
{
   position: absolute;
   top: 103px;
   width: 535px;
   margin-left: 176px;
   margin-right: 0px;
   padding-top:0px;
   padding-bottom:0px;
	z-index: 0;
}
	
	/* photo de droite haut*/
#meetinggame
{
   position: absolute;
   top: 103px;
   left:731px;
   height: 255px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top:10px;
   padding-bottom:0px;
	z-index: 0;

}

.bouton a {
	display:block;
   	width:170px;
   	height: 97px;
   	margin-left: 0px;
   	margin-right: 6px;
   	margin-top: 10px;
   	margin-bottom: 10px;
	background:url(images/idees1.jpg) no-repeat;
	color:white;
	text-decoration:none;
}
.bouton a:hover {
	background:url(images/idees2.jpg) no-repeat;
}

/* la colonne actualités*/
#actus
{
   width: 160px;
   height: 451px;
   margin-left: 0px;
   margin-right: 6px;
   top: 406px;
   margin-bottom: 10px;
   background-color: #FFFFFF;
   padding-right:4px;
   padding-left:4px;
   border-width: 1px;
   border-style: solid;
   border-color: #999999;
   background-color: #FFFFFF;
   	z-index: 0;
}

/* la texte du milieu*/
#milieu
{
   position: absolute;
   top: 400px;
   width: 535px;
   margin-left: 180px;
   margin-right: 0px;
   padding-top:5px;
   padding-bottom:0px;
	z-index: 0;
}

/* l'annuaire page index*/
 #annuaire
{
   	width: 250px;
   	height: 342px;
  	position: absolute;
    left:731px;
    top: 410px;
	padding-right:4px;
    padding-left:4px;
	padding-top:0px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
 }
 
/* photo de droite bas*/
#articles
{
	width: 260px;
   	height: 208px;
  	position: absolute;
    left:731px;
    top: 762px;
    border-width: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}

/* les photos */
.imageflottante1
{ float: left; margin-right: 0px; margin-bottom: 10px;}
.imageflottante2
{ float: right; margin-left: 0px; margin-bottom: 10px;}
.imageflottante3
{ float: center; margin-left: 220px; margin-bottom: 20px;}

.imageflottante4
{ float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px;}
.imageflottante5
{ float: right; margin-left: 30px; margin-bottom: 10px; margin-top: 10px;}


 
 /* l'annuaire des bonnes idées*/
 #annuaire2
{
   width: 980px;
   margin-left: 5px;
   margin-right: 6px;
   margin-top: 10px;
   margin-bottom: 10px;
   background-color: #FFFFFF;
   padding-right:4px;
   padding-left:4px;
	z-index: 0;
 }