@charset "UTF-8";
/* CSS Document */
/*
orange : FF7E00
typo foncé : 333335
typo claire : 8B9298
verte : ACD200
*/

* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}
body {
	width:990px;
	margin:0 auto;
	left:50%;
	color:#333335;
}
body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.3em;
}
a {
	text-decoration:none;
	color:#3388DD;
}
a:hover {
	color:#8B6FB2;
	text-decoration:underline;
}
p {
	padding-bottom:8px;
}
img.imgright {
	float:right;
	margin-bottom:10px;
	margin-left:10px;
}
img.imgleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
ul {
	list-style:none;
}
ul li {
	padding-bottom:8px;
	padding-left:22px;
	background-image:url(../images/hr-path-puce-oow.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#8B9298;
}
.clearboth {
	clear:both!important;
	float:none!important;
	padding:0!important;
	margin:0!important;
	height:1px!important;
}
/* ############################# HEADER ############################# */
#header {
	position:absolute;
	width:990px;
	height:80px;
	padding-top:12px;
	z-index:100;
}
	#header #logo {
		float:left;
		width:164px;
	}
	#header #baseline {
		float:left;
		width:550px;
		padding-top:42px;
		padding-left:66px;
	}
		#header #baseline h1 {
			color:#8B9298;
			font-size:14px;
			letter-spacing:2px;
			font-weight:normal;
		}
	#header #lang {
		float:right;
		padding-top:8px;
		font-size:11px;
		text-align:right;
		line-height:16px;
	}
		#header #lang img {
			margin-left:6px;
		}
		#header #lang img.act {
			opacity: 0.2;
			filter:alpha(opacity=20);
		}
		#header #lang img:hover {
			opacity: 0.5;
			filter:alpha(opacity=50);
		}
	#header #login {
		float:right;
		padding-top:42px;
		padding-right:10px;
		font-size:11px;
		text-align:right;
		line-height:16px;
	}
		#header #login label {
			float:left;
		}
		#header #login input {
			float:left;
			height:16px;
			margin-left:6px;
			border:none;
			background-color:#FFFFFF;
		}
			#header #login input.champ {
				width:60px;
			}
#headerimg {
	height:332px;
	padding-top:46px;
	z-index:1;
}
/* ############################# MENU ############################# */
#menu {
	height:24px;
	background-color:#FF7E00;
	width:990px;
}
	#menu ul {
		margin-left:15px;
	}
	#menu ul li {
		float:left;
		position: relative;
		padding-right:20px;
		padding-bottom:0;
		background-image:url(../images/hr-path-puce-woo.gif);
		background-position:0 5px;
		line-height:22px;
		color:#fff;
	}
		#menu ul li a {
			color:#fff;
		}
			#menu ul li.act a {
				color:#000;
			}
			#menu ul li ul {
				float:none;
				clear:left;
				display: none;
				position: absolute;
				width: 130px;
				background-image:url(../images/hr-path-menu2-fond.gif);
				background-repeat:repeat-x;
				background-color:#CFCFCF;
				margin-left:-10px;
				padding: 4px 10px;
			}
				#menu ul li:hover ul {
					display: block;
					z-index:100;
				}
					#menu ul li ul li {
						float: none;
						padding: 4px 0;
						border: none;
						background-image:none;
						font-size:0.9em;
						line-height: 1.1em;
						font-style:italic;
					}
						#menu ul li ul li a {
							color:#333335;
							width: 130px;
						}
/* ############################# PAGE CONTENTS ############################# */
.fullwrapper {
	width:990px;
}
.fullwrapper.home {
	background-image:url(../images/hr-path_fond-acc.gif);
	background-repeat:repeat-y;	
}
	.fullwrapper #main {
		float:left;
		width:586px;
		margin-top:15px;
		margin-bottom:15px;
		border-right:1px #CCCCCC solid;
	}
		.fullwrapper #main h1 {
			font-family:"Times New Roman", Times, serif, Georgia;
			font-size:2em;
			line-height:1.1em;
			font-weight:normal;
			padding-right:10px;
			margin-bottom:15px;
			color:#676767;
		}
			.fullwrapper #main h1 strong {
				color:#FF7E00;
				font-weight:normal;
			}
		.fullwrapper #main h2 {
			font-size:16px;
			margin-bottom:12px;
			color:#FF7E00;
		}
		.fullwrapper #main .blocswrapper {
			margin-top:10px;
			line-height:1.1em;
		}
		.fullwrapper #main .blocswrapper p {
			padding-bottom:0;
		}
			.fullwrapper #main .blocswrapper .bloc1 {
				float:left;
				width:180px;
				margin-right:15px;
			}
			.fullwrapper #main .blocswrapper .bloc2 {
				clear:both;
				width:572px;
			}
				.fullwrapper #main .blocswrapper .bloc2 .textwrapper {
					float:left;
					width:440px;
				}
				.fullwrapper #main .blocswrapper .bloc2 #bloc2img {
					float:left;
					width:110px;
				}
				.fullwrapper #main .blocswrapper .bloc2 #bloc2img img {
					max-width: 100px;
					max-height: 80px;
					width: expression(this.width > 100 ? "100px" : true);
					height: expression(this.height > 80 ? "80px" : true);
				}
				.fullwrapper #main .blocswrapper .txt {
					padding:8px 10px 12px 8px;
					color:#000;
					font-size:0.9em;
				}
					.fullwrapper #main .blocswrapper .bloc1 .txt {
						height:110px;
						overflow:hidden;
					}
					.fullwrapper #main .blocswrapper .bloc2 .txt {
					}
					.fullwrapper #main .blocswrapper .txt.c1 {
						background-color:#ACD200;
					}
					.fullwrapper #main .blocswrapper .txt.c2 {
						background-color:#FF7E00;
					}
					.fullwrapper #main .blocswrapper .txt h3 {
						padding-bottom:6px;
						font-size:16px;
						line-height:1.1em;
						color:#fff;
					}
					.fullwrapper #main .blocswrapper .bloc1 .txt img {
						width:168px;
						height:68px;
					}
	.fullwrapper #colmid {
		float:left;
		width:180px;
		margin-top:15px;
		margin-bottom:15px;
		padding:0 10px;
		font-size:0.9em;
	}
		.fullwrapper #colmid h1 {
			font-size:1.6em;
			line-height:1em;
			margin-bottom:10px;
		}
		.fullwrapper #colmid h2 {
			font-size:1.1em;
			margin-bottom:8px;
		}
		.fullwrapper #colmid .cloud {
			padding-top:30px;
		}
	.fullwrapper #colright {
		float:right;
		width:179px;
		padding:15px 10px;
		background-color:#FF7E00;
		color:#FFFFFF;
	}
		.fullwrapper #colright a {
			color:#000;
			font-style:italic;
		}
		.fullwrapper #colright h1 {
			font-size:1.4em;
			margin-bottom:10px;
		}
		.fullwrapper #colright h2 {
			font-size:1.1em;
			margin-bottom:10px;
			color:#fff;
		}
			.fullwrapper #colright h2 a {
				color:#fff;
			}
		.fullwrapper #colright p {
				padding-left:22px;
				background-image:url(../images/hr-path-puce-woo.gif);
				background-repeat:no-repeat;
				background-position:5px 0;
				line-height:1.3em;
				color:#FFFFFF;
			}
		.fullwrapper #colright img {
			float:none;
			margin-left:22px;
		}
#footermenu {
	width:990px;
	background-image:url(../images/hr-path-menu2-fond.gif);
	background-repeat:repeat-x;
	background-color:#CFCFCF;
	font-size:0.9em;
}
	#footermenu ul {
		width:990px;
	}
		#footermenu ul li {
			display:block;
			float:left;
			width:140px;
			background-image:none;
			padding-left:0;
			line-height:1.1em;
			padding:10px 10px 10px 10px;
			font-weight:bold;
		}
			#footermenu ul li.act {
				font-weight:bold;
			}
			#footermenu ul li a {
				color:#333335;
			}
				#footermenu ul li ul {
					float:left;
					width:140px;
				}
				#footermenu ul li ul li {
					padding:3px 0;
					font-weight:normal;
				}
#footer {
	width:990px;
	text-align:center;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
	#footer a,
	#footer a:visited {
		color: #aaa;
	}
#footer_wi {
	width:990px;
	margin:0 auto;
	left:50%;
	text-align:right;
	margin-top:-28px;
}
#footer_wi .wi-sig {
    padding-right: 5px;
    color: #ccc;
}
/* ####################################################### */
/*                                                         */
/*                          TYPO3                          */
/*                                                         */
/* ####################################################### */


/* ######################### GEN TYPO3 ########################## */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
	height:auto;
	margin-bottom:8px;
}
/* ######################### POXERMAIL ########################## */
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select {
	width:260px;
	border:#CCC 1px solid;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	color:#FB8100;
	padding-bottom:4px;
}
.tx-powermail-pi1 {
	
}
.powermail_all {
	font-size:12px;
}
table.powermail_all_table {
	width:100%;
}
td.powermail_all_td {
	border-bottom:1px solid #CCCCCC;
	padding:8px 100px 8px 0;
}
form.tx_powermail_pi1_formconfirmation_back,
form.tx_powermail_pi1_formconfirmation_submit {
	float:left;
	margin:20px 20px 20px 0;
}
.tx-powermail-pi1_thx table.contenttable {
	width:100%;
	margin:10px 0;
}
#main fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: none;
	background-color: #fff;
	padding: 0;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	background-color: #fff;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color:#FB8100;
	padding-bottom:4px;
}
.bodytext,
.csc-textpic-text {
	line-height:18px;
}
.powermail_check_inner {
	padding:5px 0;
	line-height:12px;
}
fieldset.tx-powermail-pi1_fieldset label {
	text-align:right;
	padding-right:10px;
	width:160px;
	font-weight:normal;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	font-weight:bold;
	margin:0px 0 10px 200px;
	padding:2px;
	background-color:#FB8100;
	color:#fff;
}
div.powermail_mandatory_js  {
	color:red;
	margin-left:170px;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}
/* ######################## tt_news ######################### */
.news-list-container {
	padding:0 0 10px;
}
.news-list-date {
	color:#000;
}
.fullwrapper #main .news-single-item {
	padding:0;
}
.fullwrapper #main .news-single-item h1 {
	padding-top:5px;
	border-bottom:none;
}
.fullwrapper #main .news-single-item h2 {
	margin-top:5px;
	padding-top:10px;
	border-top:1px #CCCCCC solid;
}