* 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)
    );
}
body {
	background: #a8a18d url(images/fond.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin:0px;
}
.accueil_text {
padding-right: 15px;
}
.accueil_text img {
border: none;
}
#both {
width: 998px;
clear: both;
}
.mod_article p {
padding: 0;
margin: 5px 0 0 0;
}
.actufull {
display: block;
margin: 0;
padding: 0;
width: 218px;
text-align: right;
}
.actufull a {
color: #666666;
font-size: 11px;
text-decoration: none;
}
.actufull a:hover {
color: #666666;
font-size: 11px;
text-decoration: underline;
}

#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;
}
.invisible {
display: none;
visibility: hidden;
}
#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;
font-size: 10px;
}
.logo {
margin: 15px 0 0 0;
}
#left {
width: 244px;
margin: 0 0 0 13px;
height: 300px;
min-height: 300px;
float: left;
}
#left dl {
margin: 0 0 0 5px;
padding: 0;
}
#left dt {
width: 235px;
height: 22px;
background: url("images/derniere-minute.png") no-repeat;
margin: 0;
padding: 0;
}
#left dd {
width: 219px;
height: 224px;
min-height: 224px;
background: url("images/fond-mnews.png") no-repeat;
margin: 0;
padding: 3px 8px 0 8px;
}
#left dd p {
width: 210px;
margin: 3px 0 8px 0;
padding: 0 8px 0 0;
height: 20px;
text-align: right;
background: url(images/separnews.png) no-repeat bottom center;
}
#left dd p img {
margin: 0 0 0 5px;
vertical-align: middle;
padding: 0;
}
#left dd p a {
text-decoration: underline;
color: #3f9086;
}
#left dd p a:hover {
text-decoration: none;
color: #3f9086;
}
#left h4 {
width: 218px;
margin: 0 0 8px 0;
padding: 3px 0 0 0;
height: 17px;
display: block;
background: url(images/separnews.png) no-repeat bottom center;
font-size: 11px;
}

.ariane {
display: block;
}
#main {
width: 520px;
float: left;
padding: 0;
line-height: 16px;
}
#right {
width: 218px;
height: 300px;
min-height: 300px;
float: right;
}
.text {
margin: 0 5px 15px 10px;
}
#bloc1 {
background: url("images/pave1.png") no-repeat right top;
width: 174px;
height: 154px;
float: left;
padding: 89px 0 0 0;
color: #fff;
line-height: 12px;
font-size: 10px;
}
#bloc1 ul {
margin: 0 0 0 27px;
padding: 6px 4px 0 0;

}
#bloc1 li {
margin: 0 0 6px 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: 154px;
float: left;
padding: 89px 0 0 0;
color: #fff;
line-height: 12px;
font-size: 10px;
}
#bloc2 ul {
margin: 0 0 0 25px;
padding: 6px 4px 0 0;
}
#bloc2 li {
margin: 0 0 6px 0;
padding: 0;
}
#bloc2 a,a:visited {
text-decoration: underline;
color: #fff;
}
#bloc2 a:hover {
text-decoration: none;
color: #fff;
}
#bloc3 {
background: url("images/pave3.png") no-repeat;
width: 177px;
height: 154px;
float: left;
padding: 89px 0 0 0;
color: #fff;
line-height: 12px;
font-size: 10px;
}
#bloc3 ul {
margin: 0 0 0 29px;
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;
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;
}

.pratique {
width: 200px;
height: 20px;
background: url("images/trait.png") repeat-x bottom;
margin: 0;
padding: 0;
}
.lienpratique {
display: block;
float: right;
background: #FFFFFF;
padding: 0 3px 0 5px;
font-size: 12px;
margin: 0;
height: 20px;
line-height: 20px;
}
.imgpratique {
padding: 2px 10px 0 0;
vertical-align: middle;
float: left;
height: 18px;
background: #FFFFFF;
}
.lienpratique a {
color: #666666;
text-decoration: none;
}
.lienpratique a:visited {
color: #666666;
text-decoration: none;
}
.lienpratique a:hover {
color: #666666;
text-decoration: underline;
}
#plateforme {
margin: 0 0 40px 0;
padding: 0;
}
#plateforme li {
margin: 0 0 7px 0;
display: block;
background: url(images/puce1.png) no-repeat ;
height: 12px;
padding: 0 0 2px 0;
line-height: 14px;
text-indent: 16px;
}
#plateforme li a {
color: #666666;
text-decoration: underline;
}
#plateforme li a:visited {
color: #666666;
text-decoration: underline;
}
#plateforme li a:hover {
color: #666666;
text-decoration: none;
}
#actufull a,a:active,a:visited {
color: #666666;
text-decoration: none;
font-weight: normal;
}
#actufull a:hover {
color: #666666;
text-decoration: underline;
font-weight: normal;
} 
/* 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; }