/* CSS Document */

body {
  
  margin:0;
  padding:0;
  background-image: url(../images/arrierePlan2010.jpg);
  background-repeat:repeat-x;
  background-color:#ffffff;
}

html {
/*ici il est intéressant de noter qu'avec la balise html, je peux obtenir de voir entièrement mon site de 1000px de largeur dans une résolution de 800px avec l'aide de scroll bar horizontal. Si je ne paramètre pas le HTML de cette façon, je ne pourrai pas voir la totalité du site. Le hix c'est qu'ainsi, mon projet n'est plus centré. j'ai mis 1000 pour qu'il n'y ai aucune marge au format 800 par 600. le html correspond à mon conteneur et donc, tout ce qui dépasse est centré et remplis avec du background. J'aienlevé le facteur dimension. avec le padding auto, la boite se centre automatiquement. le txt align est pour IE*/
  overflow: auto;
  margin:auto;
/*ici j'ai mis les marges à auto pour centrer le conteneur ainsi que le text align pour IE*. C'est la seule façon que j'ai trouvé pour que le conteneur ne soit pas décentré lorsqu'il y a changement de résolution. Sans cette méthode, le conteneur s'aligne sur la gauche même avec le positionnement avec marge négative. Je crois que c'est parce que le conteneur s'aligne sur la largeur du html et que donc il est centré mais, pas par rapport au navigateur. Si je met une largeur de 1240, il place le conteneur à une distance de 100 pixels (environ) du bord gauche parce que sa position est en fonction de 1240.*/
 text-align:center;/*IE bug*/
}
/*le points devant sont des class*/
.conteneur {
 
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:625px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repère dimenssionnels et centrer la div.*/
  width:980px;
  margin:auto;
  padding:0;
  /*ici j'enlève les marges négatives. cela centrais le site toujours au centre de la fenêtre oui, mais on avais pas accès à la portion de gauche qui disparaissait au fur et à mesure que la fenêtre rapettissait*/
}
.conteneur2 {
 
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:760px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repère dimenssionnels et centrer la div.*/
  width:745px;
  margin:auto;
  padding:0;
  /*ici j'enlève les marges négatives. cela centrais le site toujours au centre de la fenêtre oui, mais on avais pas accès à la portion de gauche qui disparaissait au fur et à mesure que la fenêtre rapettissait*/
}

.header {/*le header est maintenant dans le flux du conteneur qui lui est en absolue*/
 
  width:980px;
  height:149px;
  top:0;
  left:0;
  z-index:2;
}

.contenu{
 
  height:547px;;
  width:980px;
  top:149px;
  margin:0;
  padding:0;
  z-index:2;
}


#texte_scroll { 
  position:absolute;
  width:832px;
  margin:0;
  top:175px;
  _top:180px;
  left:74px;
  _left:107px;
  padding:0;
  padding-top:4px;
  padding-right:8px;
  z-index:10;
}
.texte{
font-family:Arial, Helvetica, sans-serif;
}
.styleTexteNormal{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:17px;
	color: #666;
}


h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	text-align:left;
	color:#013874;	
}
h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	text-align:left;
	color:#928c00;	
}


.infosInscription{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:right;
}
.nom{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:15px;
}
.nom a {
color:#000000;
}
.nom a:hover{
	color:#336600;
}
.commentaires{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:15px;
	font-size: 0.8em;
}
#zoneClic {
	position:absolute;
	left:415px;
	_left:434px;
	top:678px;
	width:138px;
	height:28px;
	border:none;
	margin:0;
	padding:0;
	z-index:50;
}
.comments {
	position:absolute;
	left:105px;
	top:270px;
	width:600px;
	height:100px;
	border-color:#000066;
	border-style:solid;
	background-color:#999900;
	z-index:1;
	text-align:right;
}
.question {
	position:absolute;
	left:105px;
	top:137px;
	width:600px;
	height:100px;
	border-color:#000066;
	border-style:solid;
	background-color:#999900;
	z-index:1;
	text-align:right;
}
.question2{
	position:absolute;
	left:335px;
	top:137px;
	width:100px;
	height:30px;
	border-color:#000066;
	border-style:solid;
	background-color:#999900;
	z-index:1;
	text-align:right;
}

.liensFooter {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
color:#443d7b;
}
.inscription {
	position:absolute;
	left:148px;
	top:150px;
	width:517px;
	height:63px;
	background-color:#999900;
	border-color:#000066;
	border-style:solid;
	text-align:right;
	z-index:1;
}
a {
text-decoration:none;
color:#98CC2D;
}
.Formulaire {
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#000000;
}