/* 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: #11508e; font-size: 17px; font-weight: bold; line-height: 24px;text-align: left; border-bottom: 2px solid gray;}/* Titres de 18 pixels soulignés */
h2 {font-family: "Verdana", Arial, "Arial Black", serif; color: #663333; font-size:  14px; line-height: 20px; font-weight: bold; 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: left;}/* Titres de 12 pixels */
h4 {font-family: "Verdana", Arial, "Arial Black", serif; color: #663333; 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:  11px; font-weight: bold; line-height: 19px; text-decoration: none; text-align: left;}/* Titres de 10 pixels */
h6 {font-family: "Verdana", Arial, "Arial Black", serif; color: #666666; font-size: 8px; 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: 15px; text-align: left;/* Paragraphes de 12 pixels */}
a {text-decoration:none; color:#333333;}

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

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

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

#haut
{
     position: relative;
     margin-left: 0px;
     margin-right: auto;
	 top: 0px;
	 margin-top: 0;
     width: 976px;
     text-align: left;
	 border: 0px solid #000;
	 height: 104px;
	 background-color:#ffffff;
	 z-index: 10;
 }
 
 #page
{
     margin-left: 10px;
     margin-right: auto;
     width: 956px;
     text-align: left;
	 border: 0px solid #000;
	 background-color:#ffffff;
	 z-index: 0;
 }

#actus
{
   width: 209px;
   height: 896px;
   margin-left: 0px;
   margin-right: 10px;
   margin-top: 11px;
   background-color: #FFFFFF;
   padding-top:0px;
   padding-bottom:0px;
   padding-right:8px;
   padding-left:8px;
   border-width: 0px;
   border-style: solid;
   border-color: #999999;
   z-index: 0;
}

/* photos colonne droite */
.imageflottante1
{ float: left; margin-right: 5px; margin-bottom: 0px;}
.imageflottante2
{ float: right; margin-left: 5px; margin-bottom: 0px;}

/* Groupe 1*/
#groupe1
{
   position: absolute;
   top: 103px;
   width: 466px;
   height: 900px;
   margin-left: 237px;
   margin-right: 0px;
   padding-top:0px;
   padding-bottom:0px;
   padding-right:0px;
   padding-left:1px;
   background-color: #FFFFFF;
   border-width: 0px;
   border-style: solid;
   border-color: #999999;
   z-index: 0;
}


/* le pied de page */
#pied_de_page
{
  	width: 956px;
   	padding-top:65px;
	padding-bottom:0px;
	margin-left:5px;
	margin-top:30px;
   	text-align: center;
   	border: 0px solid black;
}
/* pub meetinggame*/
#meetinggame
{
	width: 260px;
   	height: 420px;
  	position: absolute;
    left:715px;
    top: 112px;
    border-width: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}

/* publiez vos articles*/
#articles
{
	width: 260px;
   	height: 280px;
  	position: absolute;
    left:715px;
    top: 542px;
    border-width: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}

/*Newsletter*/
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: 248px;
   	height: 190px;
   	position: absolute;
   	left: 715px;
   	top: 832px;
   	padding-top:0px;
    padding-bottom:0px;
    padding-right:5px;
    padding-left:5px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 14px;
	background-image: url("newsletter/newsletter.jpg");
	z-index: 0;
}

 #notice
{
     margin-left: 10px;
     margin-right: auto;
     width: 956px;
     text-align: center;
	 border: 0px solid #000;
	 background-color:#ffffff;
	 z-index: 0;
 }