@media all {
	/* Reset
	-------------------------------------------------------------- */
	html, body, div, span,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, cite, code,
	del, dfn, em, font, img, ins, kbd,  samp,
	small, strong,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	body { line-height: 1; color: #333; background: white; }
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { text-align: left; font-weight: normal; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }
	
	
	
	
	/* Typography
	-------------------------------------------------------------- */
	body {
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	line-height: 1.5; /* Unitless for proper inheritance */
	text-align: center; /* IE Fix */
	}

	body          { font-size: 75%; }   /* IE */
	html > body   { font-size: 12px; }  /* Other browsers */

	/* Headings
	-------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { 
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	color:#111; 
	clear:both; 
	}

	h1 { font-size: 3em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.5em; margin:0 0 .5em 0;/*line-height:2em;*/}
	h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
	h5 { font-size: 1em; font-weight:bold; }
	h6 { font-size: 1em; }

	h2{
	border-bottom:1px solid #ccc;
	line-height:98%;
	margin-bottom:.4em;
	color:#3C7922;
	}
	h2 small{
	font-size:.5em;
	}
	h3 a{
	color:#cc0000;
	}
	h3 small{
	font-size:.7em;
	color:#9F9F9F;
	}
	h5{
	font-size:1.2em;
	line-height:1.5em;
	color:#cc0000;
	margin-bottom:10px;
	}

	/* Text elements
	-------------------------------------------------------------- */

	p , li          { margin: 0 0 1.5em 0; text-align:justify; }
	p.last      { margin-bottom:0; }
/*	p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }*/
	p img       { margin: 0 10px 0 0;}
	p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

	ul, ol      { margin: 0 0 1.5em 1.5em; }
	ol          { list-style-type: decimal; }
	dl          { margin: 1.5em 0; }
	dl dt       { font-weight: bold; }

	a           { color: #125AA7; text-decoration: underline; outline: none; }
	a:hover     { color: #000; }

	blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em          { font-style: italic; }
	pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
	code        { font:0.9em Monaco, monospace; }

	/* Use this to create a horizontal ruler across a column. */
/*	hr {
	  background: #fff; 
	  color: #fff;
	  clear: both; 
	  float: none; 
	  width: 100%; 
	  height: 0.1em;
	  margin: 0 0 1.4em 0;
	  border: none; 
	}

	hr{
	border:1px #fff solid;
	margin:0;
	}*/
	
	
	.spip_documents_left{
		margin-right:20px;
	}
	
	
	hr {
		clear:both;
		visibility:hidden;
		height:0;
		border:none;
		padding:0;
		margin:0;
		width:auto;
	}
	
	#une_txt{
	font-size:1.2em;
	}
	#une_txt p{
	font-weight:bold;
	}
	.extra{
	/*font-size:90%;*/
	border:1px solid #ccc;
	background:#f6f6f6;
	padding:1em;
	margin-bottom:1.5em;
	}
	dl.img dt img{
	margin-bottom:.5em;
	}
	dl.img dd{
	font-style:italic;
	}
	h2.surtitre{
	/*font-size:130%;*/
	border-bottom:1px solid #ccc;
	}
	.illustr{
	float:right;
	margin-left:1em;
	}
	#rss{
	background: transparent url("img/rss3d.gif") no-repeat 0 0;
	padding-left:35px;
	}
	.formulaire_inscription legend{
	background: transparent url("img/mail-2.png") no-repeat 0 0;
	padding-left:25px;
	font-size:120%;
	font-weight:bold;}

	.archives{
	background: transparent url("img/puce.gif") no-repeat 0 50%;
	padding-left:10px;
	color:#3C7922;
	}

	.archives a{
	color:#3C7922;
	}

	#ours p{
	text-align:center;
	margin:0;
	color:#fff;
	}
	#ours a{
	color:#fff;
	}

/*	img { margin: 0 0 1.5em 0; }*/

	#print-link{
	float:right;
	background: transparent url("img/printer-5.png") no-repeat 0 50%;
	padding-left:25px;
	display:block;
	height:20px;
	margin-bottom:20px;
	color:#3C7922;
	}


	/* Tables
	-------------------------------------------------------------- */

	table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
	th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
	th      { font-weight:bold; }


	/* Forms
	-------------------------------------------------------------- */

	label     { font-weight: bold; }
	textarea  { height: 180px; width: 300px; }
}


@media print {
	#wrapper { 
	text-align: left;
	position: relative;
	}
	#header a{
	text-indent:0px;
	background:none
	}

	#une_illustr{
	float: none;
	}

	#une_txt{
	float: none;
	}

	#home_first{
	float: none;
	}
	
	#home_first_rub{
	float: none;
	}

	#home_second{
	float: none;
	}

	#home_third,#print-link{
	display:none;
	}

	#breves{
	background:#f6f6f6;
	padding:.5em;
	font-size:.9em;
	margin-bottom:10px;
	}


	#ours{
	float: left;
	margin: 0 10px 0 0;
	width: 960px;
	padding:1em 0;
	background:#9db81d;
	}	

}

@media screen {

	/* Layout
	-------------------------------------------------------------- */
	body{
	background:#bcbcbc url("img/bg.gif") repeat-y center 0;
	}

	#wrapper { 
	text-align: left;
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 960px;
	background:#fff;
	}

	#header a{
	display:block;
	width:960px;
	height:172px;
	text-indent:-9000px;
	background:transparent url("img/header.gif") no-repeat center 10px;
	}

	#une_illustr{
	float: left;
	margin: 0 10px 0 0;
	width: 610px;
	}

	#une_txt{
	float: left;
	margin: 0 0 0 10px;
	width: 330px;
	}

	#home_first{
	float: left;
	margin: 0 10px 0 0;
	width: 470px;
	}

	#home_first p, #home_first li{
	font-size:1.2em;
	}

	#home_first_rub{
	float: left;
	margin: 0 10px 0 0;
	width: 750px;
	}


	#home_second{
	float: left;
	margin: 0 10px;
	width: 260px;
	}

	#home_second p{
	font-size:1.1em;
	}

	#home_third{
	float: left;
	margin: 0 0 0 10px;
	width: 190px;
	}

	#breves{
	background:#f6f6f6;
	padding:.5em;
	font-size:.9em;
	margin-bottom:10px;
	}


	#ours{
	float: left;
	margin: 0 10px 0 0;
	width: 960px;
	padding:1em 0;
	background:#9db81d;
	}
	.legende {float:left;width:170px; margin:0 10px 10px 0;font-size:10px;}

}