/* CSS Document */

/* ---------------------------------------------------------------- boîte "article" */
	#article{
		width:100%;
		background-image:url(../img/main_h2.gif);
		background-position:top;
		background-repeat:repeat-x;
		margin:3px 1px 0 1px;
		padding-top:8px;
		float:left;
	}
	* html #article{
		width:470px;
	}

	
/* outils correspond aux boutons de confort de lecture et d'impression */
	#article #outils{
		position:absolute;
		width:auto;
		height:18px;
		margin-left:365px;
	}
	#article #outils img{
		border:none;
		margin-right:2px;
	}
	
	/* h1 correspond au "titre" */
	h1{
		color:#656565;
		margin-bottom:4px;
		font-size:1.4em;
		font-weight:bold;
	}
	
	.motClef{
		color:#000;
	}
	
	/* h2 correspond au "sous-titre" */
	h2{
		color:#993333;
		font-size:1.2em;
		margin-bottom:8px;
		font-weight:bold;
		background-image:none;
	}

	/* h3 correspond à la "date" */
	h3{
		color:#990000;
		margin-top:6px;
		margin-bottom:1px;
		font-size:0.9em;
		font-weight:normal;
	}
	
	#article img{
		float:left;
		margin-right:12px;
		border:solid 1px #000;
	}
	
	#article p{
		color:#000000;
		font-size:1.1em;		
		text-align:justify;
		display:block;
		margin-bottom:10px;
		margin-right:2px;
	}
	
/* ---------------------------------------------------------------- boîte "plus de photos" */
	#titre_photos{
		background-image:url(../img/art_title_photos.gif);
		width:100%;
		height:12px;
		float:left;
		margin-top:15px;
		margin-bottom:5px;
	}
	
	#photos{
		background-image:url(../img/main_h2.gif);
		background-repeat:repeat-x;
		background-position:top;
		float:left;
		padding-top:10px;
		width:100%;
	}
	#photos img{
		margin-right:10px;
		margin-top:10px;
	}
/* ---------------------------------------------------------------- boîte "résultats sondage" */
	#result_sondage{
		border:solid 1px #d4d4d4;
		width:100%;
		margin-top:10px;
		color:#666;
	}
	.reponse{
		width:30%;
	}
	.graph{
		width:30%;
		height:10px;
		background-color:#005ca9;
		margin-left:20px;
	}