* html img,
* html .png {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "tl_files/hero_accueil/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
.level_1 span.active {
font-weight: bold;
color: #3f9086;
}
#left dd {
width: 220px;
/* height: 280px;
min-height: 280px; */
background: url("images/fond-mnews.png") no-repeat;
margin: 0;
padding: 8px 15px 8px 0;
}
#left dd .level_1 li {
margin: 3px 0 0 0;
padding: 0;
list-style: square;
font-size: 12px;
}
#left dd .level_2 li {
margin: 3px 0 0 0;
padding: 0;
list-style: square;
font-size: 10px;
}
#left dd .level_1 a {
color: #666;
font-size: 12px;
text-decoration: none;
font-weight: normal;
}
#left dd .level_1 a:hover {
color: #666;
font-size: 12px;
text-decoration: underline;
font-weight: normal;
}
#left dd .level_2 a {
color: #666;
font-size: 10px;
text-decoration: none;
}
#left dd .level_2 a:hover {
color: #666;
font-size: 10px;
text-decoration: underline;
}
#left dd .level_1 {
margin: 0 0 0 20px;
padding: 0;
}
#left dd .level_2 {
margin: 5px 0 5px 20px;
padding: 0;
}
body {
	background: #a8a18d url(images/fond.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin:0px;
}

#page {
width:1000px;
background:transparent url("images/fondpage.png") repeat-y;
margin-left:auto;
margin-right:auto;

}
#lignea {
width: 974px;
margin: 0 0 0 13px;
padding: 0;
height: 17px;
background: #65635a;
line-height: 17px;
text-align: center;
border-bottom: 1px #c4c4c0 solid;
}
#lignea h1{
font-size: 11px;
color: #9a978a;
font-weight: normal;
margin:0;
}
#logo {
height: 159px;
margin: 0 0 0 13px;
float: left;
padding: 6px 0 0 29px;
width: 200px;
}
#logo img {
border: none;
}
#photo-animation {
height: 159px;
margin: 0;
padding: 6px 0 0 15px;
width: 740px;
float: left;
}
#ombra {
width: 960px;
margin: 0 0 0 13px;
background:transparent url("images/ombra.png") repeat-x;
height: 25px;
clear: both;
padding: 9px 0 0 14px;
}
.logo {
margin: 15px 0 0 0;
}
#left {
width: 244px;
margin: 0 0 0 13px;
float: left;
}
#left dl {
margin: 0 0 0 5px;
padding: 0;
}
#left dt {
width: 235px;
height: 22px;
background: url("images/menu.png") no-repeat;
margin: 0;
padding: 0;
}
.ariane {
display: block;
}
.ariane a {
color: #a88b1b;
text-decoration: underline;
}
.ariane a:visited {
color: #a88b1b;
text-decoration: underline;
}
.ariane a:hover {
color: #a88b1b;
text-decoration: none;
}
#main {
width: 700px;
float: left;
padding: 0 10px 0 10px;
line-height: 16px;
font-size: 11px;
}
.text {
margin: 0 5px 15px 10px;
}
#bloc1 {
background: url("images/pave1.png") no-repeat right top;
width: 174px;
height: 120px;
float: left;
padding: 59px 0 0 0;
color: #fff;
line-height: 12px;
}
#bloc1 ul {
margin: 0 0 0 25px;
padding: 6px 4px 0 0;
}
#bloc1 li {
margin: 0 0 5px 0;
padding: 0;
}
#bloc1 a,a:visited {
text-decoration: underline;
color: #fff;
}
#bloc1 a:hover {
text-decoration: none;
color: #fff;
}
#bloc2 {
background: url("images/pave2.png") no-repeat center;
width: 168px;
height: 120px;
float: left;
padding: 59px 0 0 0;
color: #fff;
line-height: 12px;
}
#bloc2 ul {
margin: 0 0 0 25px;
padding: 6px 4px 0 0;
}
#bloc2 li {
margin: 0 0 4px 0;
padding: 0;
}
#bloc2 a,a:visited {
text-decoration: underline;
color: #fff;
}
.invisible {
display: none;
visibility: hidden;
}
#bloc2 a:hover {
text-decoration: none;
color: #fff;
}
#bloc3 {
background: url("images/pave3.png") no-repeat;
width: 177px;
height: 120px;
float: right;
padding: 59px 0 0 0;
color: #fff;
line-height: 12px;
}
#bloc3 ul {
margin: 0 0 0 25px;
padding: 6px 4px 0 0;
}
#bloc3 li {
margin: 0 0 4px 0;
padding: 0;
}
#bloc3 a,a:visited {
text-decoration: underline;
color: #fff;
}
#bloc3 a:hover {
text-decoration: none;
color: #fff;
}
#footer {
clear: both;
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding-bottom: 10px;
text-align: center;
color: #FFF;
}
#footer a,a:hover {
color: #FFF;
}
h1 {
color:#a88b1b;
font-size:12px;
font-weight: bold;
margin:0px;
}
h2 {
color: #a88b1b;
font-size:10px;
padding: 0;
margin:0px;
display: inline;
}
h3 {
color:#a88b1b;
font-size:11px;
font-weight: bold;
margin:0px;
}
#main h1 {
font-size: 16px;
color: #a88b1b;
font-weight: bold;
margin:0px;
}
#main h2 {
font-size: 14px;
color: #a88b1b;
font-weight: bold;
margin:0px;
}
#main h3 {
font-size: 12px;
color: #a88b1b;
font-weight: bold;
margin:0px;
}
#main h4 {
font-size: 11px;
color: #a88b1b;
font-weight: bold;
margin:0px;
}
#main h5 {
font-size: 10px;
color: #a88b1b;
font-weight: bold;
margin:0px;
}
#main img {
border: none;
}
#main a,a:active {
color: #006e61;
text-decoration: none;
font-weight: bold;
}
#main a:hover {
color: #006e61;
text-decoration: underline;
font-weight: bold;
}
#main h1 {
margin-top: 15px;
}




/* MENU */

/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#level_1
{
	/*background: #6A6458;*/
	width: 940px;
	height: 31px;
	list-style-type: none;
	margin: 0 0 0 13px;
	padding: 0 0 0 34px;
	border: 0;
	float: left;
	background: url("images/fondmenu.png") repeat-x; 
	font-size: 11px;
	position:relative;
}
#level_1 li
{
	float: left;
	width: 135px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}
#level_1 .les-metiers
{
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}
#level_1 .plateforme-pedagogique
{
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}
#level_1 li a:link, #level_1 li a:visited
{
	display: block;
	height: 27px;
	color: #FFF;
	/*background: #3B4E77;*/
	background: url(images/fond_menu_out.png) no-repeat right top; 
	margin: 0;
	padding: 4px 25px 0 0;
	text-decoration: none;
	line-height:23px;
	text-align: center;
}
#level_1 li a:hover {
	display: block;
	color: #FFF;
	background: url(images/fond_menu_in.png) no-repeat right top; 
	padding: 4px 25px 0 0;
	margin: 0;
	height:27px;
	line-height:23px;
	overflow: hidden;


}
#level_1 li a:active { background-color: #5F879D; height:27px;font-weight: normal;}

#level_1 #level_2
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#level_1 #level_2 li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#level_1 .les-metiers #level_2 li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
        width: 180px;
}
#level_1 .plateforme-pedagogique #level_2 li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
        width: 220px;
}
#level_1 .colloques-formations-et-conferences #level_2 li {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
        width: 250px;
}
#level_1 #level_2 li a:link, #level_1 #level_2 li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	background: transparent url("images/fondTR.png") repeat;
	height: 27px;
	padding: 4px 5px 0 5px;
	text-decoration: none;
	line-height:23px;
	text-align: left;
}
#level_1 #level_2 li a:hover
{
	background-image: none;
	background-color: #018d7d;
	display: block;
	color: #FFF;
	padding: 4px 5px 0 5px;
	margin: 0;
	height:27px;
	line-height:23px;
	text-align: left;
}

#level_1 li:hover > #level_2 { display: block; }