




/* NON-HEADER */



*{padding:0; margin:0;}
body
{
	font-size: 62.5%;
	background-color: #ffffff;
	font-family: verdana, arial, sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/



.page-container
{
	width:95%;
	
	
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #969696;
	font-size: 1.0em;
}



.main
{
	clear: both;
	width: 100%;
	padding-bottom: 30px;
}



 
	@media screen and (min-width:
			)
	{
		@media screen and (max-resolution: 96dpi)
		{
			.main-navigation
			{
				display: inline /*Fix IE floating margin bug*/;
				width: 200px;
				overflow: visible;
			}

			.main-navigation-responsive
			{
				height: 0px;
				width: 0px;
				visibility: hidden;
				overflow: hidden;
			}
		}

		@media screen and (min-resolution: 97dpi) and
				(max-resolution: 192dpi)
		{
			.main-navigation
			{
				display: inline /*Fix IE floating margin bug*/;
				width: 400px;
				overflow: visible;
			}

			.main-navigation-responsive
			{
				height: 0px;
				width: 0px;
				visibility: hidden;
				overflow: hidden;
			}
		}

		@media screen and (min-resolution: 193dpi)
		{
			.main-navigation
			{
				height: 0px;
				width: 0px;
				visibility: hidden;
				overflow: hidden;
			}

			.layout2 .main-navigation-responsive,
					.layout4 .main-navigation-responsive
			{
				/* objectif : 40px */
				overflow: visible;
				z-index: 10;
				position: fixed;
				width: 95%;
				height: 0px;
			}

			.layout3 .main-navigation-responsive,
					.layout5 .main-navigation-responsive
			{
				/* objectif : 40px */
				overflow: visible;
				z-index: 10;
				position: fixed;
				width: 95%;
			}
		}
	}

	@media screen and (min-width:
			)
	{
		@media screen and (max-resolution: 96dpi)
		{
			.main-subcontent
			{
				width: 200px;
				overflow: visible;
			}

			.main-subcontent-responsive
			{
				height: 0px;
				width: 0px;
				visibility: hidden;
				overflow: hidden;
			}
		}

		@media screen and (min-resolution: 97dpi) and
				(max-resolution: 192dpi)
		{
			.main-subcontent
			{
				width: 400px;
				overflow: visible;
			}

			.main-subcontent-responsive
			{
				height: 0px;
				width: 0px;
				visibility: hidden;
				overflow: hidden;
			}
		}

		@media screen and (min-resolution: 193dpi)
		{
			.main-subcontent
			{
				height: 0px;
				width: 0px;
				visibility: hidden;
				overflow: hidden;
				display: none !important;
			}

			.layout5 .main-subcontent-responsive
			{
				overflow: visible;
				z-index: 11;
				position: absolute;
				width: 240px;
			}

			.layout4 .main-subcontent-responsive
			{
				padding-top: 0px;
				float: right;
				margin-right: 50px;
			}
		}
	}

	@media screen and (max-width:
			-1px)
	{
		.main-navigation
		{
			height: 0px;
			width: 0px;
			visibility: hidden;
			overflow: hidden;
		}

		.layout2 .main-navigation-responsive,
				.layout4 .main-navigation-responsive
		{
			/* objectif : 40px */
			overflow: visible;
			z-index: 10;
			position: fixed;
			width: 95%;
			height: 0px;
		}

		.layout3 .main-navigation-responsive,
				.layout5 .main-navigation-responsive
		{
			/* objectif : 40px */
			overflow: visible;
			z-index: 10;
			position: fixed;
			width: 95%;
		}
	}

	@media screen and (max-width:
			-1px)
	{
		.main-subcontent
		{
			height: 0px;
			width: 0px;
			visibility: hidden;
			overflow: hidden;
			display: none !important;
		}

		.layout5 .main-subcontent-responsive
		{
			overflow: visible;
			z-index: 11;
			position: absolute;
			width: 60px;
		}

		.layout4 .main-subcontent-responsive
		{
			padding-top: 0px;
			float: right;
			margin-right: 10px;
		}
	}


@media screen and (max-resolution: 96dpi)
{
	.layout2 .main-navigation-responsive label img,
			.layout4 .main-navigation-responsive label img
	{
		margin-left: 18px;
		margin-top: 5px;
		position: fixed;
		z-index: 10;
		width: 32px;
		height: 32px;
	}

	.layout4 .main-subcontent-responsive label img
	{
		margin-right: 10px;
		margin-top: 5px;
		position: fixed;
		z-index: 12;
		width: 32px;
		height: 32px;
	}

	.layout3 .main-navigation-responsive label img,
			.layout5 .main-navigation-responsive label img
	{
		margin-right: 16px;
		margin-top: 5px;
		position: relative;
		z-index: 10;
		width: 32px;
		height: 32px;
	}

	.layout5 .main-subcontent-responsive label img
	{
		margin-left: 20px;
		margin-top: 5px;
		position: fixed;
		z-index: 12;
		width: 32px;
		height: 32px;
	}
}

@media screen and (min-resolution: 97dpi) and
		(max-resolution: 192dpi)
{
	.layout2 .main-navigation-responsive label img,
			.layout4 .main-navigation-responsive label img
	{
		margin-left: 24px;
		margin-top: 10px;
		position: fixed;
		z-index: 10;
		width: 64px;
		height: 64px;
	}

	.layout4 .main-subcontent-responsive label img
	{
		margin-right: 20px;
		margin-top: 10px;
		position: fixed;
		z-index: 12;
		width: 64px;
		height: 64px;
	}

	.layout3 .main-navigation-responsive label img,
			.layout5 .main-navigation-responsive label img
	{
		margin-right: 32px;
		margin-top: 10px;
		position: relative;
		z-index: 10;
		width: 64px;
		height: 64px;
	}

	.layout5 .main-subcontent-responsive label img
	{
		margin-left: 24px;
		margin-top: 10px;
		position: fixed;
		z-index: 12;
		width: 64px;
		height: 64px;
	}
}

@media screen and (min-resolution: 193dpi)
{
	.layout2 .main-navigation-responsive label img,
			.layout4 .main-navigation-responsive label img
	{
		margin-left: 36px;
		margin-top: 15px;
		position: fixed;
		z-index: 10;
		width: 64px;
		height: 64px;
	}

	.layout4 .main-subcontent-responsive label img
	{
		margin-right: 30px;
		margin-top: 15px;
		margin-left: 20px;
		position: fixed;
		z-index: 12;
		width: 64px;
		height: 64px;
	}

	.layout3 .main-navigation-responsive label img,
			.layout5 .main-navigation-responsive label img
	{
		margin-right: 48px;
		margin-top: 15px;
		position: relative;
		z-index: 10;
		width: 64px;
		height: 64px;
	}

	.layout5 .main-subcontent-responsive label img
	{
		margin-left: 36px;
		margin-top: 15px;
		position: fixed;
		z-index: 12;
		width: 64px;
		height: 64px;
	}
}

@media screen and (max-resolution: 96dpi)
{
	.main-subcontent-responsive div
	{
		display: none;
		margin-top: -35px;
	}
}

@media screen and (min-resolution: 97dpi) and
		(max-resolution: 192dpi)
{
	.main-subcontent-responsive div
	{
		display: none;
		margin-top: -70px;
	}
}

@media screen and (min-resolution: 193dpi)
{
	.main-subcontent-responsive div
	{
		display: none;
		margin-top: -105px;
	}
}

.main-subcontent-responsive input#menu-responsive-2
{
	display: none;
	margin-top: 20px;
	margin-left: 0px;
}

@media screen and (max-resolution: 96dpi)
{
	.layout3 .main-navigation-responsive input[type=checkbox]:checked+label,
			.layout5 .main-navigation-responsive input[type=checkbox]:checked+
			label
	{
		margin-left: 144px;
		z-index: 1;
		position: absolute;
	}
}

@media screen and (min-resolution: 97dpi) and
		(max-resolution: 192dpi)
{
	.layout3 .main-navigation-responsive input[type=checkbox]:checked+label,
			.layout5 .main-navigation-responsive input[type=checkbox]:checked+
			label
	{
		margin-left: 272px;
		z-index: 1;
		position: absolute;
	}
}

@media screen and (min-resolution: 193dpi)
{
	.layout3 .main-navigation-responsive input[type=checkbox]:checked+label,
			.layout5 .main-navigation-responsive input[type=checkbox]:checked+
			label
	{
		margin-left: 408px;
		z-index: 1;
		position: absolute;
	}
}

@media screen and (max-resolution: 96dpi)
{
	.main-content
	{
		display: inline; /*Fix IE floating margin bug*/;
		float: left;
		margin: 0 0 0 30px;
		overflow: visible;
	}

	.main-subcontent
	{
		display: inline /*Fix IE floating margin bug*/;
		width: 185px;
		overflow: visible;
		min-height: 1px;
	}
}

@media screen and (min-resolution: 97dpi) and
		(max-resolution: 192dpi)
{
	.main-content
	{
		display: inline; /*Fix IE floating margin bug*/;
		float: left;
		margin: 0 0 0 30px;
		overflow: visible;
	}

	.main-subcontent
	{
		display: inline /*Fix IE floating margin bug*/;
		width: 370px;
		overflow: visible;
		min-height: 1px;
	}
}

@media screen and (min-resolution: 193dpi)
{
	.main-content
	{
		display: inline; /*Fix IE floating margin bug*/;
		float: left;
		margin: 0 0 0 90px;
		overflow: visible;
	}

	.main-subcontent
	{
		display: inline /*Fix IE floating margin bug*/;
		width: 555px;
		width: 0px;
		overflow: visible;
		min-height: 1px;
	}
}

.footer
{
	clear: both;
	width: 100%;
	padding: 1.0em 0 1.0em 0;
	background: #e1e1e1 ;
	font-size: 1.0em;
	overflow: visible;
}

.layout1 .main
{
	background: transparent ;
}
.layout2 .main, .layout4 .main
{
	background: transparent ;
}
.layout3 .main, .layout5 .main
{
	background: transparent ;
}

.layout2 .main-navigation, .layout4 .main-navigation { float: left; }
.layout2 .main-navigation-responsive, .layout4 .main-navigation-responsive
{ float: left; }
.layout3 .main-navigation, .layout5 .main-navigation { float: right; }
.layout3 .main-navigation-responsive, .layout5 .main-navigation-responsive
{ float: right; }

.layout1 .main-content
{
	 width:
		calc(100% - 60px);
	
}



 
	@media screen and (min-width:
			)
	{
		.layout2 .main-content, .layout3 .main-content
		{
			width: calc(100% - 260px);
		}
	}

	@media screen and (max-width:
			-1px)
	{
		.layout2 .main-content, .layout3 .main-content
		{
			width: calc(100% - 100px);
		}
	}




 
	@media screen and (min-width:
			)
			and (min-width:
			)
	{
		@media screen and (max-resolution: 96dpi)
		{
			.layout4 .main-content, .layout5 .main-content
			{
				width: calc(100% - 460px);
			}
		}

		@media screen and (min-resolution: 97dpi) and
				(max-resolution: 192dpi)
		{
			.layout4 .main-content, .layout5 .main-content
			{
				width: calc(100% - 845px);
			}
		}
	}

	@media screen and (min-width:
			)
			and (max-width:
			-1px),
			screen and (max-width:
			-1px)
			and (min-width:
			)
	{
		@media screen and (max-resolution: 96dpi)
		{
			.layout4 .main-content, .layout5 .main-content
			{
				width: calc(100% - 300px);
			}
		}

		@media screen and (min-resolution: 97dpi) and
				(max-resolution: 192dpi)
		{
			.layout4 .main-content, .layout5 .main-content
			{
				width: calc(100% - 530px);
			}
		}

		@media screen and (min-resolution: 193dpi)
		{
			.layout4 .main-content, .layout5 .main-content
			{
				width: calc(100% - 290px);
			}
		}
	}

	@media screen and (max-width:
			-1px)
			and (max-width:
			-1px)
	{
		@media screen and (max-resolution: 96dpi)
		{
			.layout4 .main-content, .layout5 .main-content
			{
				width: calc(100% - 140px);
			}
		}

		@media screen and (min-resolution: 97dpi) and
				(max-resolution: 192dpi)
		{
			.layout4 .main-content, .layout5 .main-content
			{
				width: calc(100% - 220px);
			}
		}

		@media screen and (min-resolution: 193dpi)
		{
			.layout4 .main-content, .layout5 .main-content
			{
				width: calc(100% - 290px);
			}
		}
	}




 
	@media screen and (min-width:
			)
	{
		.layout4 .main-subcontent { float: right; margin: 0 15px 0 0; }
		.layout5 .main-subcontent { float: left; margin: 0 0 0 15px; }
	}

	@media screen and (max-width:
			-1px)
	{
		.layout4 .main-subcontent,
				.layout5 .main-subcontent
		{
			width: 0px;
			height: 0px;
			visibility: hidden;
			display: none;
		}
	}


/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
}



/* MAIN CONTENT */
.column1-unit { margin-bottom: 10px; }
.column2-unit-left { float: left; margin-bottom: 10px;}
.column2-unit-right { float: right; margin-bottom: 10px;}
.column3-unit-left { float: left; margin-bottom: 10px;}
.column3-unit-middle { float: left; margin-bottom: 10px; margin-left: 40px;}
.column3-unit-right { float: right; margin-bottom: 10px; }

.layout1 .column1-unit
{
	 width:
		100%;
	
}

.layout2 .column1-unit, .layout3 .column1-unit
{
	 width:
		100%;
	
}

.layout4 .column1-unit, .layout5 .column1-unit
{
	 width:
		100%;
	
}



 
	@media screen and (min-width:
			),
			screen and (min-width:
			)
	{
		.layout1 .column2-unit-left, .layout1 .column2-unit-right
		{
			width: calc(50% - 20px);
		}
	}

	@media screen and (max-width:
			-1px)
			and (max-width:
			-1px)
	{
		.layout1 .column2-unit-left, .layout1 .column2-unit-right
		{
			width: 100%;
		}
	}




 
	@media screen and (min-width:
			),
			screen and (min-width:
			)
	{
		.layout2 .column2-unit-left, .layout3 .column2-unit-left, 
				.layout2 .column2-unit-right, .layout3 .column2-unit-right
		{
			width: calc(50% - 20px);
		}
	}

	@media screen and (max-width:
			-1px)
			and (max-width:
			-1px)
	{
		.layout2 .column2-unit-left, .layout3 .column2-unit-left, 
				.layout2 .column2-unit-right, .layout3 .column2-unit-right
		{
			width: 100%;
		}
	}




 
	@media screen and (min-width:
			),
			(min-width:
			)
	{
		.layout4 .column2-unit-left, .layout5 .column2-unit-left,
				.layout4 .column2-unit-right, .layout5 .column2-unit-right
		{
			width: calc(50% - 20px);
		}
	}

	@media screen and (max-width:
			-1px)
			and (max-width:
			-1px)
	{
		.layout4 .column2-unit-left, .layout5 .column2-unit-left,
				.layout4 .column2-unit-right, .layout5 .column2-unit-right
		{
			width: 100%;
		}
	}




 
	@media screen and (min-width:
			),
			screen and (min-width:
			)
	{
		.layout1 .column3-unit-left, 
				.layout1 .column3-unit-middle, 
				.layout1 .column3-unit-right
		{
			width: calc(33% - 27px);
		}

		.layout2 .column3-unit-left, .layout3 .column3-unit-left, 
				.layout2 .column3-unit-middle, .layout3 .column3-unit-middle, 
				.layout2 .column3-unit-right, .layout3 .column3-unit-right
		{
			width: calc(33% - 27px);
		}

		.layout4 .column3-unit-left, .layout5 .column3-unit-left,
				.layout4 .column3-unit-middle, .layout5 .column3-unit-middle,
				.layout4 .column3-unit-right, .layout5 .column3-unit-right
		{
			width: calc(33% - 27px);
		}
	}

	@media screen and (max-width:
			-1px)
			and (max-width:
			-1px)
	{
		.layout1 .column3-unit-left, 
				.layout1 .column3-unit-middle, 
				.layout1 .column3-unit-right
		{
			width: 100%;
		}

		.layout2 .column3-unit-left, .layout3 .column3-unit-left, 
				.layout2 .column3-unit-middle, .layout3 .column3-unit-middle, 
				.layout2 .column3-unit-right, .layout3 .column3-unit-right
		{
			width: 100%;
		}

		.layout4 .column3-unit-left, .layout5 .column3-unit-left,
				.layout4 .column3-unit-middle, .layout5 .column3-unit-middle,
				.layout4 .column3-unit-right, .layout5 .column3-unit-right
		{
			width: 100%;
		}
	}


/* MAIN SUBCONTENT */

@media screen and (max-resolution: 96dpi)
{
	.subcontent-unit-border
	{
		width: 183px;
		margin: 0 0 2.0em 0;
		padding: 0 0 5px 0;
		border: solid 1px #bebebe;
		background: #ebebeb;
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-green
	{
		width: 183px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		border: solid 1px rgb(160,214,81);
		background-color: rgb(217,239,185);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-blue
	{
		width: 183px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		border: solid 1px rgb(137,170,214);
		background-color: rgb(213,225,240);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-orange
	{
		width: 183px;
		margin: 0 0 2.5em 0px;
		padding: 0 0 10px 0;
		border: solid 1px rgb(232,177,13);
		background-color: rgb(248,224,150);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-noborder
	{
		width: 185px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background:#ebebeb;
	}

	.subcontent-unit-noborder-green
	{
		width: 185px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color: rgb(217,239,185);
	}

	.subcontent-unit-noborder-blue
	{
		width: 185px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color: rgb(213,225,240);
	}

	.subcontent-unit-noborder-orange
	{
		width: 185px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color:rgb(248,224,150);
	}
}

@media screen and (min-resolution: 97dpi) and
		(max-resolution: 192dpi)
{
	.subcontent-unit-border
	{
		width: 368px;
		margin: 0 0 2.0em 0;
		padding: 0 0 5px 0;
		border: solid 1px #bebebe;
		background: #ebebeb;
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-green
	{
		width: 368px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		border: solid 1px rgb(160,214,81);
		background-color: rgb(217,239,185);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-blue
	{
		width: 368px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		border: solid 1px rgb(137,170,214);
		background-color: rgb(213,225,240);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-orange
	{
		width: 368px;
		margin: 0 0 2.5em 0px;
		padding: 0 0 10px 0;
		border: solid 1px rgb(232,177,13);
		background-color: rgb(248,224,150);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-noborder
	{
		width: 370px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background:#ebebeb;
	}

	.subcontent-unit-noborder-green
	{
		width: 370px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color: rgb(217,239,185);
	}

	.subcontent-unit-noborder-blue
	{
		width: 370px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color: rgb(213,225,240);
	}

	.subcontent-unit-noborder-orange
	{
		width: 370px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color:rgb(248,224,150);
	}
}

@media screen and (min-resolution: 193dpi)
{
	.subcontent-unit-border
	{
		width: 553px;
		margin: 0 0 2.0em 0;
		padding: 0 0 5px 0;
		border: solid 1px #bebebe;
		background: #ebebeb;
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-green
	{
		width: 553px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		border: solid 1px rgb(160,214,81);
		background-color: rgb(217,239,185);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-blue
	{
		width: 553px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		border: solid 1px rgb(137,170,214);
		background-color: rgb(213,225,240);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-border-orange
	{
		width: 553px;
		margin: 0 0 2.5em 0px;
		padding: 0 0 10px 0;
		border: solid 1px rgb(232,177,13);
		background-color: rgb(248,224,150);
		 
			border-radius: 10px 10px 0 0;
			
		
	}

	.subcontent-unit-noborder
	{
		width: 555px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background:#ebebeb;
	}

	.subcontent-unit-noborder-green
	{
		width: 555px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color: rgb(217,239,185);
	}

	.subcontent-unit-noborder-blue
	{
		width: 555px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color: rgb(213,225,240);
	}

	.subcontent-unit-noborder-orange
	{
		width: 555px;
		margin: 0 0 2.5em 0;
		padding: 0 0 10px 0;
		background-color:rgb(248,224,150);
	}
}

.round-border-topleft
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	
	margin-top: -1px;
	margin-left: -1px;
}

.round-border-topright
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	
	margin-top: -1px;
	margin-left: 174px;
}

.round-noborder-topleft
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	
	margin-top: 0px;
	margin-left: 0px;
}

.round-noborder-topright
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	
	margin-top: 0px;
	margin-left: 175px;
}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p
{
	line-height: 1.3em;
	text-align: center;
	color: #7d7d7d;
	font-weight: bold;
	font-size: 110%;
}

.footer p.credits
{
	font-weight: normal;
}

.footer a { text-decoration: underline; color: #7d7d7d; }
.footer a:hover { text-decoration: none; color: #000000;}
.footer a:visited { color: #000000; }

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after,
		.header-breadcrumbs:after, .main:after, .main-navigation:after,
		.main-content:after, .main-content div:after, .main-subcontent:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after,
		.column3-unit-left:after, .column3-unit-middle:after,
		.column3-unit-right:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.subcontent-unit-border:after, .subcontent-unit-noborder:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after,
		.subcontent-unit-border-orange:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after,
		.subcontent-unit-noborder-orange:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.footer:after, p:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear-contentunit
{
	clear: both;
	height: 0.1em;
	border: none;
	background: #d2d2d2;
	color: #d2d2d2;
}

.layout1 .clear-contentunit	
{
	 width:
		100%
	
}

.layout2 .clear-contentunit, .layout3 .clear-contentunit
{
	 width:
		100%
	
}

.layout4 .clear-contentunit, .layout5 .clear-contentunit
{
	 width:
		100%
	
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print
{
	.header-top	
	{
		width: 100%;
		height: 80px;
		background: #f0f0f0;
		overflow: visible;
	}
}

@media print
{
	.header-breadcrumbs
	{
		width: 100%;
		background: transparent;
	}
}

@media print
{
	.nav2
	{
		float: left;
		width: 100%;
		border: none;
		background: #f0f0f0;
		color: #4b4b4b;
		font-size: 1.0em; font-size:130%;
	}
} /*Color navigation bar normal mode*/

@media print
{
	.main
	{
		clear: both;
		width: 100%;
		padding-bottom: 30px;
		background: transparent;
	}
}

@media print
{
	.main-navigation
	{
		display: inline /*Fix IE floating margin bug*/;
		float: left;
		width: 199px;
		border-right: solid 1px #c8c8c8;
		border-bottom: solid 1px #c8c8c8;
		background-color: #f0f0f0;
		overflow: visible;
	}
}

@media print
{
	.footer
	{
		clear: both;
		width: 100%;
		height: 3.7em;
		padding: 1.1em 0 0;
		background: #f0f0f0;
		font-size: 1.0em;
		overflow:visible;
	}
}
