/* ---------------------------------------------------------------- zone contenant les boutons "service de garde", "que faire ce week-end" et "en bref" */
	#navigation{float:left; width:100%;}
	
	#navigation img{
		margin-right:-1px;
	}
/* ---------------------------------------------------------------- articles */

/* CSS Document */

	.articles_som{
		width:100%;
		background-image:url(../img/main_h2.gif);
		background-position:top;
		background-repeat:repeat-x;
		margin:10px 0 0 0;
		padding-top:8px;
		float:left;
	}
	* html .articles_som{
		width:465px;
	}
	
	/* h1 correspond au "titre" */
	h1{
		color:#656565;
		margin-bottom:5px;
		font-size:1.2em;
		font-weight:bold;
	}
	
	.motClef{
		color:#000;
	}
	
	/* h2 correspond au "sous-titre" */
	h2{
		color:#993333;
		font-size:1.0em;
		font-weight:bold;
		background-image:none;
		margin-bottom:5px;
	}
	
	/* h3 correspond ŕ la "commune" */
	h3{
		color:#990000;
		margin-bottom:4px;
		font-size:1.0em;
		font-weight:normal;
	}
	
	/* h4 correspond ŕ la date */
	h4{
		color:#990000;
		margin-bottom:1px;
		font-size:0.9em;
		font-weight:normal;
	}	
	
	/* utilité ? */
	h5{
		color:#656565;
		margin-bottom:5px;
		font-size:1.1em;
		font-weight:bold;
	}
	
	.articles_som img{
		float:left;
		margin-right:8px;
		border:solid 0px #707070;
	}
	
	/* le texte des sommaires */
	.articles_som p{
		text-align:justify;
		margin-right:8px;
		font-size:1.1em;
		color:#0000;
	}
	
	.articles_som p a{
		text-align:justify;
		color:#0000;
	}
	
	.articles_som p a:hover{
		color:#993333;
	}

	.dotted{
		width:100%;
		background-image:url(../img/main_h2.gif);
		background-position:top;
		background-repeat:repeat-x;
		margin:10px 0 0 0;
		float:left;
	}
	* html .dotted{
		width:465px;

	}

	#goClicclac{
		height:200px;
		background-image:url(../img/som_goClicclac.gif);
		background-repeat:no-repeat;
		margin-top:5px;
		float:left;
		margin-left:2px;
		width:98%;
	}
	
	#goClicclac a{
		width:221px;
		height:23px;
		float:left;
	}