@charset "UTF-8";

/* CSS Document */

/*
 * General Page Layout by pitoo.com
 * v1.1
 */

/*
 * Header
 */
#header
{
	position:			relative;
	padding-top:		0;
	height:				24px;
}
	#header .header-title
	{
		color:#86DB00;
	}
	#header h1 a
	{
		color:#8ADF04;
	}
	#header div a
	{
		color:#B9EB6B;
	}
	#header a:hover
	{
		color:#96EB10;
		text-shadow:0 0 10px #436900;
	}
	
/*
 * Corp de la page
 */
#body
{
	background:url(../images/template/foirexpo-template.jpg) transparent -52px -84px no-repeat;
	height:768px;
	position:relative;
	text-align:left;
}
	#body #logo
	{
		position:absolute;
		top:0;
		left:0;
	}
	#body-hello
	{
		text-align:center;
	}
	#body-article
	{
		height:600px;
		right:12px;
		overflow:hidden;
		position:absolute;
		text-align:justify;
		top:50px;
		width:670px;
	}
	#body-splash
	{
	}
		#body-article a
		{
			color:#E75114;
		}
		#body-article .page-title
		{
			text-align:center;
			height:74px;
			width:624px;
			display:table-cell;
			vertical-align:middle;
		}
		#body-article .body
		{
			position: relative;
			margin-top:55px;
			height:475px;
			overflow:hidden;
			text-align:justify;
		}
			#body-article .body .body-frame
			{
				display:block;
				overflow:scroll;
				height:475px;
				width:604px!important;
				line-height:1.6em;
				padding:0px 10px;
				/* fixes has-layout-bug in IE6*/
				zoom:1;
			}

	.news,
	.contact
	{
		margin-bottom:5px;
		margin-left:1px;
	}
		h3.title,
		.news h3
		{
			text-align:center;
			margin-top:10px;
		}
		.news p,
		.news ul
		{
			margin-bottom:15px;
			margin-left:0px;
		}
		.news li
		{
			list-style-position:outside;
			margin-left:10px;
		}
		
		.news blockquote
		{
			margin:0 auto 15px;
			width:90%;
			padding:5px;
			border:#86DB00 3px solid;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;
			-moz-border-radius-topright: 0;
			-webkit-border-top-right-radius: 0;
			border-radius-topright: 0;
			font-size:16px;
			text-align:center;
		}
		.manchette
		{
			position:relative;
			margin:10px; 
			height:230px; 
			overflow:hidden; 
			text-align:center;
			margin:10px 10px;
			padding:5px;
			border:#86DB00 3px solid;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;
			-moz-border-radius-topright: 0;
			-webkit-border-top-right-radius: 0;
			border-radius-topright: 0;
		}
			.manchette .article
			{
				font-size:10px;
				line-height:12px;
			}
		.vignette-album
		{
			float:left;
			width:150px;
			min-height:80px;
			margin:0 1px 1px 0;
		}
		
		.news blockquote table
		{
			width:100%;
			border-collapse:collapse;
			border:2px solid white;/*1px ne suffit pas à cacher les bordures des td pour Firefox*/
			font-size:0.8em;
		}
			.news blockquote table th,
			.news blockquote table td
			{
				border:#aaa 1px dotted;
				padding:2px;
				text-align:center;
			}
			.news blockquote table th
			{
				font-weight:bold;
				color:#E75114;
			}
		.contact strong
		{
			color:#E75114;
		}
		.contact table
		{
			width:100%;
			margin:5px 1px;
			border-collapse:collapse;
			border:none;
		}
			.contact table td
			{
				padding:2px 10px;
				text-align:left;
			}
	
	#main-menu
	{
		height:38px;
		right:47px;
		position:absolute;
		text-align:left;
		bottom:27px;
		width:643px;
		color:#FFF;
		font-size:15px;
	}

	#animation
	{
	height:272px;
	left:2px;
	position:absolute;
	top:262px;
	width:212px;
	}



	.comfortaa
	{
		color:#0085C6;
		text-align:center;
		font-size:34px;
		letter-spacing:2px;
	}
	.comfortaa a
	{
		color:#E75114;
		text-decoration:underline;
	}
	
	.news h3,
	h3.title
	{
		color:#0085C6;
		text-decoration:none;
		font-size:20px;
		letter-spacing:1px;
	}



/*
 * Pied de page
 */
#footer
{
	position:relative;
	padding:3px;
	color:#F7FFEF;
}
	#footer a
	{
		color:#C8F18D;
	}
	#footer-copyright
	{
	}
	#footer-legal
	{
	}




/*
 * Redéfinition de balises standard
 */
h1
{
	font-size:			1.85em;
}
h2
{
	font-size:			1.6em;
}
h3
{
	font-size:			1.4em;
}
h4
{
	font-size:			1.2em;
}
h5
{
	font-size:			1em;
}
h6
{
	font-size:			0.8em;
}
a
{
	color:				#0186c9;
	text-decoration:	none;
}
a:hover
{
	color:				#e75114;
	text-decoration:	underline;
	text-shadow:0 0 10px #e75114;
}
input,
textarea,
select
{ 
	padding:1px;
	background-color:#F8FDEE;
	border:#86DB00 1px solid;
}




/*
 * modificateurs génériques
 */
.hidden
{
	visibility:			hidden;
}
.ghost
{
	display:			none;
}

.greyed
{
	color:#bbb;
}

.toleft
{
	float:				left;
}
.toright
{
	float:				right;
}
.clear-float
{
	clear:				both;
}



/* Visible a l'impression uniquement */
.print-only
	{
	display: 			none;
	}
	
/* *
 * printer 
 */
@media print
	{
	html,
	body,
	#body
		{
		background:			none;
		background-color:	none;
		}
		#body #logo
			{
			right:0;
			left:auto;
			}
	
	#body,
	#body-article,
	#body-article .body,
	.jScrollPaneContainer,
	.body-frame
		{
			margin-top:0!important;
			height:auto!important;
			position:relative!important;
		}

	.no-print
		{
		display: 			none;
		}
		
	.print-only
		{
		display: 			inline;
		}
		
	#footer
	{
		margin-top:20px;
	}

	}

