@import url(_structure.css);
@import url(_fonctions.css);
@import url(articles.css);
@media print {
	body, div#content, div#header {}
	#header, #nav-main, div.col-234 { display: none; }
	#visual { 
		padding: 0;
		height: 67px;
		overflow: hidden;
	}
		#visual img { margin: -56px 0 0 -8px; }
	
	#breadcrumb { 
		color: #000;
		padding: 8px 0 0 0;
		font-size: 14px;
		margin-bottom: 18px;
		border-bottom: 1px dotted #666;
	}
	div.col-498 {
		padding-left: 0;
		width: 90%;
	}
	h1 { margin-left: 0 !important; }
}

html, body {
	border: 0; margin: 0;
	height: 100%;
}
	html { overflow-y: scroll; }
	body {
		font: 12px Arial, Helvetica, sans-serif;
		color: #666;
	}

	p{ text-align: justify; }
	

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	font-weight: normal;
}

	h1 {
		font-size: 20px;
		color: #017929;	
	}
	h2, h2 a {
		font-size: 18px;
		padding-bottom: 6px;
		color: #017929;
		font-weight: normal;
	}
	h3 {
		font-size: 16px;
		padding-bottom: 6px;
		font-weight: bold;
	}
	h4 {
		font-weight: bold;
		padding-bottom: 3px;
	}

hr {
	border-top: 1px solid #ccc;
	clear: both;
	height: 0;
	margin: 10px 0;
}

p { 
	margin: 0;
	padding-bottom: 18px; 
}
p.sep {
	clear: both;
	height: 1px;
	margin: 14px 0;
	background: url(../img/pointilles-gris.gif) repeat-x;
}
p.encart {
	padding: 6px 9px 18px 9px;
	border: 1px solid #cccccc;
	line-height: 1.25em;
}
ul, ol {
	margin: 0;
	padding: 0 0 9px 14px;
}
	li { padding: 0 0 9px 0; }
	
blockquote {
	margin: 22px 40px;
}
small {
	font-size:0.85em;
}
sup {
	position: relative;
	bottom: 0.3em;
}
sub {
	position:relative;
	bottom:-0.2em;
}
em { 
	color: #d4c3ce;
	font-style:normal;
}

/*-----------  liens   -----------*/
a, a:visited {
	text-decoration: none;
	outline: none;
	color: #017929;
}
a:hover {
	text-decoration: underline;
}

a img {
	border: none; 
}

/*-----------  images   -----------*/

.img-left      		{ float:left; margin:3px 16px 9px 0; }
.img-right     		{ float:right; margin:3px 0 9px 16px; }
.img-v-middle		{ vertical-align:middle }

/*-----------  formulaires   -----------*/
form {
	padding: 0;
	margin: 0;
}
input, select, textarea {
	font: 12px arial, helvetica, sans-serif;
	padding: 3px;
	border-width: 1px;
	outline: 0;
}
select, textarea, fieldset {
	border: 1px solid #cbcbcb;
}

fieldset{
	margin-bottom:15px;
}

legend {
	color:#017929;
	font-size:13px;
	font-weight:bold;
}

input.valider {
	margin-top: 12px;
	padding: 3px 18px;
	color: #017929;
	cursor:pointer;
	text-align:center;
	font-weight: bold;
	background: url(../img/button_bgd.gif);
	font-size: 16px;
	border-color: #017929;
}
input.valider:hover {
	text-decoration: none;
	background: #017929;
	color: #fff;
}
label.block {
	display: block;
	float: left;
	vertical-align: middle;
	cursor: text;
	padding: 3px;
}

/*-----------  tableaux   -----------*/
table {
}
table td, table th {
	vertical-align:top;
	padding: 3px 6px;
	text-align: left;
}

/*-----------  flash   -----------*/
object {
	display: block;
	outline: 0;
}

/*-----------  classes globales   -----------*/
.clear        	{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clear-left     { clear:left; }
.clear-right    { clear:right; }
.hide		   	{ display: none; }
.block		   	{ display: block !important; }
.blockcentre	{ display: block !important; margin: 0 auto }
.valigntexttop	{  vertical-align: text-top }
 
.float-left    	{ float:left; }
.float-right   	{ float:right; }
 
.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center   	{ text-align:center; }
.text-justify  	{ text-align:justify; }

.text11  		{ font-size:11px }
.text-gris		{ color: #999999 }
.lineheight18  	{ line-height: 18px }

.bold          	{ font-weight:bold; }
.italic        	{ font-style:italic; }
.underline    	{ border-bottom:1px solid; }
.highlight    	{ background:#ffc; }
 
.noborder     	{ border:none; }
.nopadding     	{ padding:0 !important; }
.nomargin     	{ margin:0 !important; }
.noindent     	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }

/*-----------  classe clearfix   -----------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block; }
* html .clearfix{ height: 1%; }
.clearfix 		{ display: block; }