body{ margin:0; padding:0; background: url(../img/bg-bodydefaut.gif) repeat-x 0 119px}
#bodycontent{ position: relative; margin: 0 auto; width: 900px} 
a{text-decoration:none;}
#droite{ position: relative; float: right; width: 662px; background: url(../img/bg-droite.gif) no-repeat; min-height:800px; }
#droite h2.hdeux{ position: absolute; top: 0; right: 10px; margin: 0; width: 462px; height: 123px; padding: 0; text-indent: -9999px; background: url(../img/bg-h2defaut.jpg) no-repeat; }
h1.hun { margin: 6px 0 0 30px; padding: 0; }
h1.hun a{ display: block; text-indent: -9999px; width: 133px; height: 99px; background: url(../img/logo.gif) no-repeat; }
#droite #menu{ position: absolute; top: 119px; left: 10px; margin: 0; width: 642px; height: 25px; padding: 0; background: #cbcacf; }
#droite #menu li{ float: left; display: inline; list-style: none; margin-top: 4px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; border-left: solid 1px #fff; }
#droite #menu li.first{ border-left: none; }
#droite #menu li a{ margin: 0 40px; color: #464648; }
#droite #menu li a:hover, #droite #menu li a.current{ color: #fff; }
#gauche{ position: relative; float: left; width: 238px; height: 980px; font-family: Arial, Helvetica, sans-serif; }
#gauche ul li{ list-style: none; }
#gauche #acc{ position: absolute; top: 90px; margin: 0; width: 238px; padding: 0; }
#gauche #acc li{ float: left; margin: 0 6px; line-height: 25px; font-size: 11px; }
#gauche #acc li a{ display: block; line-height: 20px; color: #9b9b9b; }
#gauche #acc li a:hover{ color: #f6a629; }
#gauche #acc li a.accueil{ padding-left: 15px; background: url(../img/acc.gif) no-repeat 0 3px; }
#gauche #acc li a.sitemap{ padding-left: 20px; background: url(../img/plan.gif) no-repeat 0 1px; }
#gauche #acc li a.contact{ padding-left: 20px; background: url(../img/contact.gif) no-repeat 0 3px; }
#gauche #metiers{ position: absolute; top: 165px; width: 238px; }
#gauche #metiers h3{ margin: 0; padding: 0; font-size: 20px; font-weight: bold; color: #fff; }
#gauche #metiers h3 a{ display: block; color: #fff}
#gauche #metiers h3 a:hover { color: #40423a}
#gauche #metiers ul{ margin: 0; padding: 0;	 }
#gauche #metiers ul li{ display: block; margin-bottom: 0px!important; margin-bottom: -22px; line-height: 22px; font-size: 14px; }
#gauche #metiers ul li ul{ margin: 0 0 0 20px; padding: 0; }
#gauche #metiers ul li ul li { margin-bottom: -17px; line-height: 18px}
#gauche #metiers ul li ul li a{ padding-left: 15px; font-size: 12px; color: #fff; background: url(../img/puce-orange.gif) no-repeat 0 5px; }
#gauche #metiers ul li ul li a:hover{ background: url(../img/puce-orange.gif) no-repeat 0 5px; }
#gauche #metiers ul li a{ display: block; color: #fff; padding-left: 20px; background: url(../img/puce-metiers.gif) no-repeat 0 3px}
#gauche #metiers ul li a:hover, #gauche #metiers ul li a.current{ color: #40423a; background: url(../img/puce-metiergrise.gif) no-repeat 0 3px; }
#gauche form{ position: absolute; top: 367px; width: 238px; height: 25px; }
#gauche form label{ font-size: 12px; color: #7c7c7c; }
#gauche form #inputrecherche{ width: 125px; height: 16px; padding-left: 3px; font-size: 11px; color: #ff6f15; background: url(../img/chpsrec.gif) no-repeat; border: 0; }
#gauche form #okrecherche{ font-size: 12px; font-weight: normal; color: #7c7c7c; border: 0; background-color: transparent; cursor: pointer; }
#gauche #style{ position: absolute; top: 400px; width: 214px; height: 38px; padding: 12px 0 0 5px; }
#gauche #style h3{ float: left; margin: 0; padding: 2px 0 0 13px; font-size: 12px; font-weight: bold; color: #9C9C9C; background: url(../img/plus.gif) no-repeat 0 3px; }
#gauche #style ul{ float: left; margin: 0; padding: 0; }
#gauche #style ul li{ float: left; margin-left:10px; width: 33px; }
#gauche #style ul li a{ text-indent: -9999px; height: 21px; display: block; }
#gauche #style ul li a.btgauche{ background: url(../img/btgauche.gif) no-repeat; }
#gauche #style ul li a.btgauche:hover, #gauche #style ul li a.btgauche.current{ background: url(../img/btgauche-over.gif) no-repeat; }
#gauche #style ul li a.btdroite{ background: url(../img/btdroite.gif) no-repeat; }
#gauche #style ul li a.btdroite:hover, #gauche #style ul li a.btdroite.current{ background: url(../img/btdroite-over.gif) no-repeat; }
#gauche #clients{ position: absolute; top: 449px; width: 219px; height: 124px; border: solid 1px #80776e; background: url(../img/bg-clients.gif) no-repeat; }
#gauche #clients h3{ text-indent: -9999px; margin: 10px 0 0 10px; padding: 0; background: url(../img/clients.gif) no-repeat; }
#gauche #clients ul{ margin: 0; padding: 0; }	
#gauche #clients li{ margin-left: 10px; line-height: 18px; font-size: 11px; font-weight: bold; }	
#gauche #clients li a{ padding-left: 12px; color: #9c9c9c; background: url(../img/puce-blanche.gif) no-repeat 0 2px; }
#gauche #clients li a:hover{ color: #ff5b19; }
#gauche #clients li.log{ margin: 0 0 3px 10px; width: 196px; padding: 3px 0 0 3px; border: solid 1px #ff5b19; }
#gauche #clients li.log a{ background: url(../img/puce-orange.gif) no-repeat 0 2px; }
#gauche #clients li ul li{ padding: 2px 0; margin-left: 10px; font-size: 10px; font-weight: normal; }
#gauche #clients li.log ul li a{ color: #ff5b19; background: none; }	
#gauche #partenaires{ position: absolute; top: 575px; width: 219px; height: 75px; }
/*#gauche #partenaires h3{ text-indent: -9999px; margin: 10px 0 0 5px; padding: 0; background: url(../img/partenaires.gif) no-repeat; }*/
#gauche #partenaires ul{ margin: 0 0 0 20px; padding: 0; }	
#gauche #partenaires li{ line-height: 18px; font-size: 12px; font-weight: normal; }	
#gauche #partenaires li a{ color: #9c9c9c; }
#gauche #partenaires li a:hover{ color: #ff5b19; }
#gauche #partenaires li img{ border:0;}
#gauche #technos{ position: absolute; top: 652px; width: 219px; height: 125px; border: solid 1px #80776e; background: url(../img/bg-techno.gif) no-repeat bottom right; }
#gauche #technos h3{ margin: 10px 0 0 10px; padding: 0; text-indent: -9999px; background: url(../img/techno.gif) no-repeat; }
#gauche #technos ul{ margin: 0 0 0 10px; padding: 0; }
#gauche #technos ul li{ line-height: 17px; font-size: 11px; font-weight: bold; }
#gauche #technos ul li ul{ margin: 3px 0 5px 15px!important; margin: 3px 0 15px 15px; padding: 0; }
#gauche #technos ul li ul li{ margin: 2px 0 2px 0!important; margin: 2px 0 -15px 0; line-height: 15px; font-size: 11px; font-weight: bold; }
#gauche #technos ul li ul li a{ display: block; text-indent: -9999px; }
#gauche #technos ul li ul li a.ngroup{ background: url(../img/newsgroupe.gif) no-repeat; }
#gauche #technos ul li ul li a.service{ width: 86px; height: 9px; background: url(../img/serviceweb.gif) no-repeat; }
#gauche #technos ul li a{ padding-left: 12px; color: #9c9c9c; background: url(../img/puce-orange.gif) no-repeat 0 2px; }
#gauche #technos ul li a:hover{ color: #ff5b19; }
#gauche #blog{ position: absolute; top: 788px; width: 219px; height: 105px; background: url(../img/bg-blog.gif) no-repeat; border: solid 1px #80776e; }
#gauche #blog h3{ margin: 7px 0 0 10px; text-indent: -9999px; background: url(../img/blog.gif) no-repeat; }
#gauche #blog ul{ margin: 0 0 0 10px; padding: 0; }
#gauche #blog ul li{ margin-bottom: 2px; font-size: 11px; font-weight: bold; }
#gauche #blog ul li a{ display: block; padding-left: 12px; color: #FF5715; background: url(../img/puce-orange.gif) no-repeat 0 2px; }
#gauche #blog ul li a:hover{ color: #726E66; }
#gauche #blog ul li em{ margin-left: 12px; font-size: 10px; font-weight: normal; color: #FF5715; }
#gauche #job{ position: absolute; top: 895px; width: 219px; height: 75px; }
#gauche #job h3{ text-indent: -9999px; margin: 10px 0 0 5px; padding: 0; background: url(../img/job.gif) no-repeat; }
#gauche #job ul{ margin: 0 0 0 20px; padding: 0; }	
#gauche #job li{ line-height: 18px; font-size: 12px; font-weight: normal; }	
#gauche #job li a{ color: #9c9c9c; }
#gauche #job li a:hover{ color: #ff5b19; }
#baspage{background: #FF6F15; clear: both; height: 25px; width: 900px; font-family: Arial, Helvetica, sans-serif}
#baspage #credits{ float: left; margin: 0; height: 25px; width: 247px; padding: 0; background: #fff; }
#baspage #credits li{ float: right; margin-right: 25px; line-height: 25px; list-style: none; font-size: 10px; font-weight: normal; }
#baspage #credits li a{ color: #9c9c9c; }
#baspage #credits li a:hover{ color: #ff5b19; }
#baspage form{ float: left; position: relative; height: 25px; width: 280px; background: url(../img/bg-form.gif) no-repeat 15px 5px #FF6F15; }
#baspage form label{ margin: 0 8px 0 35px; line-height: 25px; font-size: 12px; color: #fff; }
#baspage form #inputmail{ position: absolute; top: 4px; margin: 0; width: 130px; height: 17px; padding: 2px 0 0 4px; font-size: 11px; color: #ff6f15; background: url(../img/inputmail.gif) no-repeat; border: 0; }
#baspage form #okrecherche{ position: absolute; top: 4px; left: 244px; width: 19px; height: 19px; padding-left: 19px; overflow: hidden; text-indent: -9999px; font-size: 12px; font-weight: normal; color: #000; border: 0; background-color: transparent; background: url(../img/ok.gif) no-repeat; cursor: pointer; }
#baspage #lettre li{ float: left; list-style: none; }
#baspage #lettre{ float: left; margin: 0; height: 25px; width: 363px; padding: 0; background: #FF6F15; }
#baspage #lettre li{ line-height: 25px; font-size: 12px; background: #FF6F15; background: url(../img/bg-form.gif) no-repeat 15px 5px; }
#baspage #lettre li a{ line-height: 15px; padding: 0 18px 0 35px; color: #fff; border-left: solid 1px #fff; }
#baspage #lettre li a:hover{ color: #F2D63D; }
#nav{ position: absolute; top: 150px; right: 30px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
#nav dt{ display: none; }
#nav dd{ margin: 0; padding: 0; }
#nav dd span{ color: #919296; }
#nav dd a{ color: #919296; }
#nav dd a:hover{ color: #f29010; }
#nav dd strong{ color: #f29010; }
#content{ position:relative; text-align: justify; padding: 100px 75px 25px 75px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #919296; }
#content h2{ margin: 0; padding: 0 0 20px 0; font-size: 20px; font-weight: bold; color: #ff6f15; }
#content h3{ margin: 0; padding: 0 0 15px 0; font-size: 16px; font-weight: normal; }
#content h4{ margin: 0; padding: 10px 0; font-size: 14px; font-weight: bold; color: #ff6f15; }
#content a{ color: #ff6f15; }
#content a:hover{ text-decoration: underline; color: #919296; }
#content ul{ margin: 0; padding: 5px 0 5px 20px; }
#content ul li{ padding-left: 8px; list-style: none; background: url(../img/puce.gif) no-repeat 0 6px; }
#collaboration{ position: absolute; bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #919296; }
.imgright{ float: right; margin: 10px 0 10px 10px; }
.imgleft{ float: left; margin: 10px 10px 10px 0; }
.imgnormal{ margin : 0px 10px 10px 10px; }

.table {
	
	BACKGROUND-COLOR: #FFF4F7;
	width: 100%;
	border-collapse:collapse;
}
.table div {
    position:relative;
}
.table TD
{
	padding:5px;
}
.table TH
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 5px;
}

.tableSLF 
{
	BORDER:2px solid #F29010;
}
.tableSLF TH
{
	background-color: #F29010;
}
.tableSLF TD
{
	BORDER:1px solid #F29010;
}

.tableAMI 
{
	BORDER:2px solid #47AA26;
}

.tableAMI TH
{
	background-color: #47AA26;
}
.tableAMI TD
{
	BORDER:1px solid #47AA26;
}

.tableDGD
{
	BORDER: 2px solid #9EADC7;
}

.tableDGD TH
{
	background-color: #9EADC7;
}
.tableDGD TD
{
	BORDER: 1px solid #9EADC7;
}

.tablePTC
{
	BORDER:2px solid #1494E9;
}

.tablePTC TH
{
	background-color: #1494E9;
}
.tablePTC TD
{
	BORDER:1px solid #1494E9;
}

.tableNIU
{
	BORDER:2px solid #90479B;
}

.tableNIU TH
{
	background-color: #90479B;
}
.tableNIU TD
{
	BORDER:1px solid #90479B;
}

.tableASC
{
	BORDER: 2px solid #464646;
}

.tableASC TH
{
	background-color: #464646;
}
.tableASC TD
{
	BORDER: 1px solid #464646;
}

.tableWEB
{
	BORDER: 2px solid  #B32A18;
}

.tableWEB TH
{
	background-color: #B32A18;
}
.tableWEB TD
{
	BORDER: 1px solid #B32A18;
}

.tablePAR
{
	BORDER: 2px solid  #14C8FF;
}

.tablePAR TH
{
	background-color: #14C8FF;
}
.tablePAR TD
{
	BORDER: 1px solid  #14C8FF;
}

/**** Wizard Path ****/
.wizardPath
{
	margin-bottom:8px;	
	border-collapse:collapse;
	BORDER: #1494e9 1px solid;
	BACKGROUND-COLOR: #FFF;
	padding: 5px;
	width:100%;
}
.wizardPath TD
{
	BORDER-COLOR:#1494e9;
	background-image: url(../images/fond_bleu_light_small.jpg);
	background-repeat:repeat-x;	
	background-position:top left;		
}
TD.wizardActivePath 
{
	color: #FFF;
	BACKGROUND-COLOR: #1494e9;	
	background-image: url(../images/fond_bleu_dark_small.jpg);
	background-repeat:repeat-x;	
	background-position:top left;		
	font-weight:bold;
}

.demo_exp
{
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

.btn_insc
{
	background:url(../img/menubuttonhover.gif) repeat-x;
	padding:2px 5px 5px 5px;
	height:50px;
}


td.cell
{
    position:relative;
    display:block;
    background:red;
    /*border:1px solid;
	z-index:1;*/
}

td.cell a
{
  
	font-weight:bold;
	color:#919296 !important;
    display:inline;
}

td.cell a p
{
    position:absolute;
    display:none;
    text-decoration:none;
    left:100%;
    top:0px;
    width:300px;
    border:1px solid #cbcacf;
    background-color:White;
    padding:5px;
    text-align:justify;
	font-weight:normal;
	/*z-index:2;*/
}

td.cell a:hover p
{
    display:block;
}

/*Contenu PM*/
.ContenuPMContainer
{
    background-color:#FFF4F7;
    border-left:2px solid black;
    border-right:2px solid black;
    border-top:2px solid black;
    border-bottom:1px solid black;
}

div.ContenuPMTitle
{
    text-align:center;
    height:30px;
    background-color:Green;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	padding-top:20px;
}

ol.ContenuPM
{
    margin:0;
    padding:0;
    position:relative;
    display:block;
    list-style:none!important;
    border-top:1px solid black;
}

li.ContenuPM
{
   border-bottom:1px solid black;
   border-top:1px solid black;
}

ol.ContenuPM li a.left
{
	font-weight:bold;
	color:#919296!important;
    display:block;
    float:left;
    position:relative;
    width:330px;
    display:block;
    padding:3px 10px 4px 10px;
}

ol.ContenuPMSpeaker
{
    float:left;
    margin:0;
    padding:0;
    list-style:none!important;
    height:100%;
    padding:3px 0 4px 10px;
    border-left:solid 2px black;
}

ol.ContenuPMSpeaker li a 
{
	font-weight:normal;
    color:#FF6F15!important;
    text-decoration:underline;    
}

ol.ContenuPM li a span
{
    position:absolute;
    display:none;
    text-decoration:none;
    left:100%;
    top:0px;
    width:300px;
    border:1px solid #cbcacf;
    background-color:White;
    padding:5px;
    text-align:justify;
	font-weight:normal;
}

li.ContenuPM a:hover span
{
    display:block;
}