* {
	margin: 0;
	padding: 0;
}


body {
	background: #DADADA url(Import/bg_body.gif) left top repeat-x;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}


#container {
	margin: 0 auto;
	width: 776px;
	position: relative;
	background: transparent url(Import/bg_container.gif) left top repeat-y;
	z-index: 1;
	margin-bottom: 50px;
	
}
td {
	vertical-align: top;
}



/*----------------------------------------------------------------------*/

#intro {
	background: transparent url(Import/bg_intro.jpg) right top no-repeat;
	position: relative;
	padding: 1px;

}

#pageHeader {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

#preamble {
	color: #fff;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 0px 30px 0 15px;
	margin-left: 210px;
	margin-top: 180px;
	height: 100%;
}

			
		#preamble h1, #preamble p {
			padding: 10px 60px 0 30px;
		}
		
		#preamble pre { 
			color: #999999;
			font: italic 100%/16px Arial, Helvetica, sans-serif;
			padding: 15px 60px 20px 30px;

		}
		


/*---------------------------------------------------------------------*/

#TexteCourant {
	color: #fff;
	margin-left: 195px;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 15px 35px 15px 30px;
	position: relative;
	height: 100%;
}

		#TexteCourant acronym {
			border-bottom:1px dotted #F29E00;
			color: #F29E00; 
			font-size: 95%;
			padding: 15px 35px 0px 30px;
			font-weight: bold;
		}
 		#TexteCourant p a {
			color:#CC0000;
		}
		#TexteCourant p a:hover {
			text-decoration: none
			color:#CC0000;
		}
		
		#TexteCourant p {
			padding-left: 30px;
		
		}


#Animation {
	margin: 0 0 0 30px;
}

#Theatre {
	margin-bottom: 50px;
}
		
		#Theatre h1 {
			font: bold 20px Arial, Helvetica, sans-serif;
			margin: 23px 0 10px 30px;
			width: 508px;
		}
		#Theatre h2 {
			font: bold 18px Arial, Helvetica, sans-serif;
			margin: 23px 0 10px 30px;
			width: 508px;
		}

		#Theatre p {
			font: normal 12px Arial, Helvetica, sans-serif;
			color: #CCCCCC;
			padding-bottom:5px;
		}
		
		#Theatre strong {
			color: #fff;
		}
		


		.signature {
			margin: 16px 0 0 380px;
			font-weight: bold;
		}
		
		#Theatre a, #Theatre a:link, #Theatre a:visited {
			color: #F29E00; 
			font-weight: bold;
			text-decoration: underline;
		}


		#Theatre a:hover {
			text-decoration: none;
		}
		
		.formTxt {
			display: inline-block;
			width:30%;
		}
		.formMiniTxt {
			display: inline-block;
			width:20%;
		}
		.formMoyTxt {
			display: inline-block;
			width:39%;
		}
		.formInput {
			display: inline-block;
			width:69%;
		}
		.formMiniInput {
			display: inline-block;
			width:29%;
		}
		.formTextarea {
			width:99%;
		}

#preamble h3 span, #explanation h3 span, #participation h3 span {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}



/*-----------------------------------------------------------------------*/
 
#Menu_liste {
	color: #fff;
	font-weight: normal;
	padding: 15px 0 0 0;
	position: absolute;
	top: 170px;
	width: 223px;
}
		
		
		#Menu_liste a, #Menu_liste a:link, #Menu_liste a:visited  {
			color: #000;
			text-decoration: underline;
		}
		
		#Menu_liste a:hover, #Menu_liste a:active, #Menu_liste a:focus  {
			text-decoration: none;
		}
		
		#Menu_liste ul li {
			font-size: 70%;
			list-style: square;
		}


#Communication, #Linguistique, #Recrutement, #References {
	background: transparent url(Import/bg_lselect.gif) left bottom no-repeat;
	padding-bottom: 23px;
}
		
		.Communication {
			display: block;
			margin: 0 auto;
			height: 20px;
			width: 185px;
		}
		
		#Communication ul li a, #Linguistique ul li a, #Recrutement ul li a, #References ul li a {
			display: block;
			font: bold 14px Arial, Helvetica, sans-serif;
		}
		
		#Communication ul li a.c, #Linguistique ul li a, #Recrutement ul li a, #References ul li a {
			color: #fff;
			display: inline;
			font: normal 14px Arial, Helvetica, sans-serif;
		}


#References {
	background: transparent url(Import/bg_lselect.gif) left bottom no-repeat;
	padding: 25px 0 40px 0;
}

		.References {
			display: block;
			margin: 0 auto;
			height: 20px;
			width: 185px;
		}
		
		
#Linguistique {
	background: transparent url(bg_lresources.gif) left bottom no-repeat;
	padding-bottom: 30px;
}

		.Linguistique {
			display: block;
			margin: 15px auto ;
			height: 50px;
			width: 185px;
		}


#Recrutement ul li a, #Linguistique ul li a, #Communication ul li a, #References ul li a{
	font-weight: bold;
}


#Recrutement ul li, #Linguistique ul li, #Communication ul li, #References ul li {
	margin: 10px 0 10px 20px;
}


/*		Footer Formatierung
-----------------------------------------------------------------------*/

#footer {
	background: transparent url(Import/bg_footer.gif) left top no-repeat;
	bottom: -27px;
	left: 25px;
	height: 54px;
	line-height: 50px;
	position: absolute;
	width: 400px;
	padding-left: 37px;
}
		
		#footer a, #footer a:link, #footer a:visited {
			color: #000;
			padding: 0 6px;
		}
		
		* html #footer {
			bottom: -28px;
		}
/*		tableau
-----------------------------------------------------------------------*/
		
#media {
	margin:0px;
	padding: 0 0 0 20px;
	text-align: center;
	width:500px;
}

#media table {
	width: 500px;
}
#media tr td {
	text-align: center;
}

#media tr td a img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#media tr td h2 {
	margin: 0px;
	padding: 4px;
	text-align: center;
}
#tv {
	text-align: center;
	padding: 30px;
}
#container #TexteCourant #Theatre ul {
	padding-left: 50px;
	color: #CCC;
	line-height: 15px;
}

#offrespe{
	background:#666; 
	margin:10px 20px 10px 10px; 
	padding:10px; 
	font-size:12px;
	border: #FFF medium solid;
	}
	
#offrespe H1{
	font-size:16px;
	}
	
.orange{
	color:#F90;
	font-weight:bold;}