/*
  CSS for Internet Explorer and all other Browsers   */
  
  
/* -------------------------------------------------   StatusBar follow Up OCTAVE special (temporaire)
 -------------------------------------------------*/  
#flashbehind{
	z-index: -5;
}
td.WHITE{
	color: #000000;
	font-size: 11px;
	background-color: #FFFFFF;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:0px ;
}
td.BLACK{
	color: #FFFFFF;
	font-size: 8px;
	font-weight: ;
	background-color: #000000;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:0px ;
	width: 180px;
}
td.GREEN{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-color: #18F101;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;
	height: 5px;
}
td.GREY{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-color: #E0E0E0;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;
}
td.ORANGE{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFB401;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;
}
td.RED{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-color: #FF0101;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;
}
.lastmodified{
font-family: Arial, Verdana , Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}

/* -------------------------------------------------   Header -------------------------------------------------*/
#treepath{
	padding-left : 5px;
	overflow : hidden;
}
.Header_img{
	background-image: url('/DataOCTAVE/Media/Header/img_header.jpg');
	background-color: #A03434;
 	background-repeat: no-repeat;
	display: block;
	width: 820px;
	height: 54px;
	color: #B44848;
	font-size: 35px;
	text-decoration: none;
	font-weight: bold;
}
A.support {
	color : 111111;
	font-family : Arial, Verdana, serif;
	font-size: 11px;
	line-height: 10px;
	padding: 0px 9px 0px 9px;
}

A.support:hover{
	color : 111111;
	background-color: #CCCCCC;
	padding: 0px 8px 0px 8px;	
	border-width: 0px 1px 0px 1px;
	border-color #000000;
	border-style: solid;
}

/* -------------------------------------------------   Footer -------------------------------------------------*/
.footerWhite{
	color: #FFFFFF;
	font-size: 8px;
}
.footerWhite_Small{
	color: #FFFFFF;
	font-size: 7px;
}
.footer_followup{
	font-family: Arial, Verdana , Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
	background-image:  url('/DataOCTAVE/Media/home_f_bg1.gif');
	background-repeat: no-repeat;
	display: block;
	width: 112px;
}
.footer_copyright{
	color: #FFFFFF;
	font-size: 10px;
}
a.footer_copyright{
	color: #CCCCCC;
	font-size: 10px;
}

/* --------------------------------------------------   Toolbar & Services     -------------------------------------------------*/

input.toolbar{
	color: #A03434;
	font-size: 10px;
	width: 295px;
	height: 18px;
	border:1px solid black;
}
.glossary{
	cursor: help;
	color: #000000;
	background-color: #E5E5E5;
}
.GlossaryWord{
	color: #000000;
	font-size: 15px;
	font-weight: bold;	
	margin-left: 10px;
}
/* --------------------------------------------------   Index & Login Pages       -------------------------------------------------*/
input {
	color: #000000;
	font-size: 10px;
}
input.login{
	color: #FE010D;
	font-size: 10px;
	width: 90px;
	height: 18px;
	border: 1px solid Black;
}
.logintext, #treepath {
	color: #000000;
	font-size: 9px;
}
a.logintext, #treepath {
	color: #000000;
	font-size: 9px;
}
.Logintitle{
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
td.LoginHead{/* Login plus img bg  */
	background-image: url('/DataOCTAVE/Media/all/Login/img_logo.jpg');
	background-repeat: no-repeat;
	background-position: right top; 
	background-color: #000000;
	color: #646464;
	font-size: 55px;
	text-decoration: none;
	font-weight: bold;
}
.Loginmenu{
	color: #000000;
	font-size: 11px;
}
.Loginmenu:hover{
	color: #0066CC;
	font-size: 11px;
}
.LoginmenuBold{
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}
.Logintxt{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: NONE;
}
/* --------------------------------------------------     Home Page            -------------------------------------------------*/
.Homecopyright{/* copyright instruction et plugins txt  */

	color: #A1A1A1;
	font-size: 10px;
}
.HomePic{/* IMG illustrant la Page index/home  */
	background-repeat: no-repeat;
	background-image: url('/DataOCTAVE/Media/Index/img_pic.gif');
	background-position: right top; 
	background-color: #000000;
	padding-left: 10px;
}
.HomeTitle{/* Titre définissant les Page home  */

	color: #646464;
	font-size: 55px;
	text-decoration: none;
	font-weight: bold;
}
.HomeSTitle {
	font-family: Arial, Verdana , Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 22px;
	text-decoration: none;
	font-weight: bold;
}
td.HomeTitle{/* Souligné  du Titre définissant les Page home  */
	background-repeat: no-repeat;
	background-image: url('/DataOCTAVE/Media/Index/img_titlepp.gif');
	background-position: left top; 
	background-color: #000000;
}
.Homemenu{
	color: #FFFFFF;
	font-size: 12px;
}
.Homemenu:hover{
	color: #CCCCCC;
	font-size: 12px;
}
.HomemenuBold{
	color: #999999;
	font-size: 12px;
	font-weight: bold;
}
.HomeSmenu{
	color: #FFFFFF;
	font-size: 13px;
}
.HomeSmenu:hover{
	color: #CCCCCC;
	font-size: 13px;
}
.HomeSmenuBold{
	color: #999999;
	font-size: 13px;
	font-weight: bold;
}
.HomeLogin{
	color: #000000;
	padding-right: 40px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 310px;
}
.HomeLogin:hover{
	color: #0066CC;
	padding-right: 40px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 310px;
}
.Hometxt{
	color: #000000;
	font-size: 12px;
	padding: 5px 15px 20px 30px;
}
.partner{
	color: #999999;
	font-size: 10px;
}
.partner:hover{
	color: #0066CC;
	font-size: 10px;
}
/* --------------------------------------------------     Contenu et css Générales             -------------------------------------------------*/
body{
	font-family: Arial, Verdana , Helvetica, sans-serif;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	height: 100%;
	height: 800px;	
	scrollbar-face-color:#DEDDBE;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#FFFFFF;
	scrollbar-3dlight-color:#AAA996;
	scrollbar-darkshadow-color:#FFFFFF;

}
.txtwhite{
	color: #FFFFFF;
	font-size: 12px;
}
.txtwhitebold{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}
.txtbold{	

	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
.txt{	

	color: #000000;
	font-size: 12px;
}
a.txt{
	color: #0066CC;
	font-size: 12px;
}
a.txt:hover{
	color: #A1A1A1;
	font-size: 12px;
}
.txt11{	

	color: #000000;
	font-size: 11px;
}
a.txt11{
	color: #0066CC;
	font-size: 11px;
}
a.txt11:hover{
	color: #A1A1A1;
	font-size: 11px;
}
a{
	color: #0066CC;
	text-decoration: none;
}
a:hover{
	color: #CCCCCC;
	text-decoration: none;
}
.title, h1{
	color: #a03014;
	font-size: 20px;
	font-weight: bold;	
}
h2, .stitle{
	color: #a03014;
	font-size: 15px;
	font-weight: bold;	
 }
 
 h3, .sstitle{
	color: gray;
	font-size: 13px;
	font-weight: bold;	
 }
 
 .error{
	color: #000000;
	font-size: 9px;
	background-color: #F9E6B8;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: dotted;
}
.error a, .error a:hover {
font-size: 9px;
}

td.txtpopup{
	color: #000000;
	font-size: 12px;
	background-color: #CCCCCC;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:3px ;
	z-index: 900;
}
td.txtpopup_GCP{
	font-family: Arial, Verdana , Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #B9D5C0;
	border: 1px solid black;
	border-style: dotted;
	padding:2px ;
}
td.txtpopup_GLP{
	font-family: Arial, Verdana , Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #BAB9E7;
	border: 1px solid black;
	border-style: dotted;
	padding:2px ;
}
td.txtpopup_HIVVir{
	font-family: Arial, Verdana , Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #FCDAAC;
	border: 1px solid black;
	border-style: dotted;
	padding:2px ;
}
td.txtpopup_HIVVac{
	font-family: Arial, Verdana , Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #D2AAAA;
	border: 1px solid black;
	border-style: dotted;
	padding:2px ;
}
td.TITLE{
	font-family: Arial, Verdana , Helvetica, sans-serif;
	color: #A03434;
	font-size: 20px;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	background-image:  url('/DataOCTAVE/Media/title_ppaint.gif');
	background-repeat: no-repeat;
	display: block;
}
td.TABLEtitle{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #4A4A4A;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:3px ;
}
td.stitle{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #D8D8D8;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.content{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #F0F0F0;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.content2{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #D8D8D8;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.yellow{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #EFEC02;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.lightyellow{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #F4F198;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.green{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #12BA1E;
	border-width: 1px; 
	border-color: #CCCCCC ;
	border-style: solid;
	padding:3px ;
}
td.orange{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #F2CA41;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.lightorange{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #FFD738;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.warmorange{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #FF6D1E;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.warmred{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #D00C02;
	border-width: 1px; 
	border-color: #585858 ;
	border-style: solid;
	padding:3px ;
}
td.blue{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #2DA2FC;
	border-width: 1px; 
	border-color: #CCCCCC ;
	border-style: solid;
	padding:3px ;
}
td.bluesky{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #2DF5FC;
	border-width: 1px; 
	border-color: #CCCCCC ;
	border-style: solid;
	padding:3px ;
}
td.img_temp{
	color: #D9270F;
	font-size: 10px;
	text-decoration: none;
	background-color: #FBCCC6;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;

}
table.ContentSearchResults{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/* Links*/
A.LinkExpandIt {
 background-image: url('/Media/Shared/all/Link_Expanit.gif');
 background-repeat: no-repeat;
 padding-right: 15px;
 text-decoration: none;
 background-position: right;
 display: inline-block;  
}
A.LinkINTER {
 background-image: url('/Media/Shared/all/Link_INTER.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block; 
}
A.LinkHIVP {
 background-image: url('/DataOCTAVE/Media/all/link_HIVvirus.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block; 
}
A.LinkHIVV {
 background-image: url('/DataOCTAVE/Media/all/link_HIVvacc.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block; 
}
A.LinkGCP {
 background-image: url('/DataOCTAVE/Media/all/link_GCP.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block; 
}
A.LinkGLP {
 background-image: url('/DataOCTAVE/Media/all/link_GLP.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block; 
}
A.LinkPROTO {
 background-image: url('/DataOCTAVE/Media/all/link_PROTO.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block; 
 }
 
/*A.LinkINTRA {
 background-image: url('/Media/Shared/all/Link_INTER2.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block; 
}*/

A.LinkEXT {
 background-image: url('/Media/Shared/all/Link_out.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block;  
}
A.LinkPDF {
 background-image: url('/Media/Shared/all/PDF.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block;  
}
A.LinkWORD {
 background-image: url('/Media/Shared/all/WORD.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block;  
}
A.LinkFILM {
 background-image: url('/Media/Shared/all/LinkFILM.gif');
 background-repeat: no-repeat;
 padding-right: 25px;
 text-decoration: none;
 background-position: right;
 display: inline-block;  
}
A.LinkBACK {
 background-image: url('/Media/Shared/all/LinkBack.gif');
 background-repeat: no-repeat;
 padding-left: 18px;
 text-decoration: none;
 background-position: left;
 display: inline-block;  
}
A.LinkTOP {
 background-image: url('/Media/Shared/all/picto_up.gif');
 background-repeat: no-repeat;
 padding-right: 15px;
 text-decoration: none;
 background-position: right;
 display: inline-block;  
}

/*--------------------------------BarBack---------------*/
.BB_Back{
	color: #4866DE;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border-width: 0px; 
	line-height: 17px;
	background : url('/Media/Shared/toolbar/BB_Back_off.gif');
	height: 17px;
	width: 87px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.BB_Back:hover{
	color: #999999;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 17px;
	background : url('/Media/Shared/toolbar/BB_Back_on.gif');
	height: 17px;
	width: 87px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.BB_Next{
	color: #4866DE;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border-width: 0px; 
	line-height: 17px;
	background : url('/Media/Shared/toolbar/BB_Next_off.gif');
	height: 17px;
	width: 87px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.BB_Next:hover{
	color: #999999;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 17px;
	background : url('/Media/Shared/toolbar/BB_Next_on.gif');
	height: 17px;
	width: 87px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom right;
}
/************************************************************************************************************************************************************ 
*  New Classes ABL standard.*
*************************************************************************************************************************************************************/
.ABLtitle{
	color: #FFFFFF;
	font-size: 20px;
	line-height: 19px;
	font-weight: bold;	
}
td.ABLtitle{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-color: #4A4A4A;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;	
}
td.ABLtitle2{
	color: #000000;
	font-size: 12px;
	font-weight: none;
	background-color: #D8D8D8;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;	
}
td.ABLtitle3{
	color: #000000;
	font-size: 10px;
	background-color: #F0F0F0;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;	
}
td.ABLStitle{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background-color: #AEAEAE;
	border-width: 1px; 
	border-color: #999999 ;
	border-style: solid;
	padding:1px ;	
}
td.ABLStitle2{
	color: #000000;
	font-size: 10px;
	font-weight: none;
	background-color: #D8D8D8;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;	
}
td.ABLStitle3{
	color: #000000;
	font-size: 10px;
	font-weight: none;
	background-color: #F0F0F0;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;	
}
td.ABLpopup{
	color: #000000;
	font-size: 11px;
	background-color: #BFD9F6;
	border: 1px solid black;
	border-style: dotted;
	padding:2px ;
}
/************************************************************************************************************************************************************ 
*  New Classes based on a wonderful aronisation multi cross elearning site platform transversale de ta race.*
*************************************************************************************************************************************************************/
/*  CSS des Nouvelles pages index + index teasers + login + home page             */

BODY.home{
	font-family: Arial, Verdana , Helvetica, sans-serif;
	scrollbar-face-color:#DEDDBE;
	scrollbar-arrow-color:#999999;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:'#EFEBEF';
	scrollbar-highlight-color:'#CCCCCC';
	scrollbar-3dlight-color:'#AAA996';
	scrollbar-darkshadow-color:'#DEDDBE';
	scrollbar-base-color:"#DEDDBE";
	background-color: #CCCCCC;
	background-image: url('/Media/Shared/all/img_left_gray_bg.gif');
	background-repeat: repeat-y;
	margin-left: 0px;
}
/*  Titre visuels info = infographies - anim = flash - shockwave animations - video - movies               */
/*  INFOGRAPHY 200/350/500/800    */
.title_info_200{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_200.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_200:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_info_200.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_250{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_250.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_250:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_info_250.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_300{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_300.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_300:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_info_300.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_350{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_350.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_350:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_info_350.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_400{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_400.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_400:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_info_400.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_450{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_450.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_450:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_info_450.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_500{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_500.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_500:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_info_500.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_800{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_800.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_info_800:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_info_800.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
/*  ANIMATION FLASH SHOCKWAVE 200/350/500/800    */
.title_anim_200{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_200.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_200:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_anim_200.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_250{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_250.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_250:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_anim_250.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_350{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_350.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_350:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_anim_350.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_300{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_300.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_300:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_anim_300.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_400{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_400.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_400:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_anim_400.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_450{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_450.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_450:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_anim_450.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_500{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_500.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_500:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_anim_500.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_800{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_800.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_anim_800:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_anim_800.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
/*  VIDEO 200/350/500/800    */
.title_video_200{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_200.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_200:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_video_200.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_250{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_250.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_250:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_video_250.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_300{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_300.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_300:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_video_300.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_350{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_350.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_350:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_video_350.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_400{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_400.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_400:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_video_400.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_450{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_450.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_450:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_video_450.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_500{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_500.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_500:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_video_500.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_800{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_800.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_video_800:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_video_800.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
/*  INTERACTIVE image 200/350/500/800    */
.title_inter_200{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_200.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_200:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_inter_200.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_250{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_250.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_250:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_inter_250.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_300{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_300.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_300:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_inter_300.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_350{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_350.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_350:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_inter_350.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_400{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_400.gif');
	/*width: 400px;*/
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_400:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_inter_400.gif');
	/*width: 400px;*/
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_450{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_450.gif');
	/*width: 450px;*/
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_450:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_inter_450.gif');
	/*width: 450px;*/
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_500{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_inter_500.gif');
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_500:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_500.gif');
	/*width: 500px;*/
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_800{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_800.gif');
	width: 800px;
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.title_inter_800:hover{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	background-color: #000000;
	border-width: 0px; 
	line-height: 16px;
	background : url('/DataOCTAVE/Media/Design/title_inter_800.gif');
	width: 800px;
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom left;
}
/*  IMG de travail temporaire INFOGRAPHY/ANIMATION/VIDEO/MOVIES  */



.img_200_temp{
	width: 195px;
	/*height: 230px;*/
}
.img_250_temp{
	width: 245px;
	/*height: 230px;*/
}
.img_300_temp{
	width: 295px;
	/*height: 230px;*/
}
.img_350_temp{
	width: 345px;
	/*height: 230px;*/
}
.img_400_temp{
	width: 395px;
	/*height: 230px;*/
}
.img_450_temp{
	width: 445px;
	/*height: 230px;*/
}
.img_500_temp{
	width: 495px;
	/*height: 230px;*/
}
.img_800_temp{
	width: 795px;
	/*height: 230px;*/

}


td.img_200_temp {
	border-width: 1px; 
	border-color: #000000 ;
	background : url('/DataOCTAVE/Media/Design/Placebo.gif');
	display: block;
	background-color: #F8F5F5;
	background-repeat: no-repeat;
	background-position: center center;
	width: 195px;
	/*height: 150px;*/
	border-style: solid;
	padding:1px ;
}
td.img_250_temp {
	border-width: 1px; 
	border-color: #000000 ;
	background : url('/DataOCTAVE/Media/Design/Placebo.gif');
	display: block;
	background-color: #F8F5F5;
	background-repeat: no-repeat;
	background-position: center center;
	width: 245px;
	/*height: 150px;*/
	border-style: solid;
	padding:1px ;
}
td.img_300_temp {
	border-width: 1px; 
	border-color: #000000 ;
	background : url('/DataOCTAVE/Media/Design/Placebo.gif');
	display: block;
	background-color: #F8F5F5;
	background-repeat: no-repeat;
	background-position: center center;
	width: 295px;
	/*height: 150px;*/
	border-style: solid;
	padding:1px ;
}
td.img_350_temp{
	border-width: 1px; 
	border-color: #000000 ;
	background : url('/DataOCTAVE/Media/Design/Placebo.gif');
	display: block;
	background-color: #F8F5F5;
	background-repeat: no-repeat;
	background-position: center center;
	width: 345px;
	/*height: 233px;*/
	border-style: solid;
	padding:1px ;
}
td.img_400_temp {
	border-width: 1px; 
	border-color: #000000 ;
	background : url('/DataOCTAVE/Media/Design/Placebo.gif');
	display: block;
	background-color: #F8F5F5;
	background-repeat: no-repeat;
	background-position: center center;
	width: 395px;
	/*height: 233px;*/
	border-style: solid;
	padding:1px ;
}
td.img_450_temp {
	border-width: 1px; 
	border-color: #000000 ;
	background : url('/DataOCTAVE/Media/Design/Placebo.gif');
	display: block;
	background-color: #F8F5F5;
	background-repeat: no-repeat;
	background-position: center center;
	width: 445px;
	/*height: 233px;*/
	border-style: solid;
	padding:1px ;
}
td.img_500_temp {
	border-width: 1px; 
	border-color: #000000 ;
	background : url('/DataOCTAVE/Media/Design/Placebo.gif');
	display: block;
	background-color: #F8F5F5;
	background-repeat: no-repeat;
	background-position: center center;
	width: 495px;
	/*height: 233px;*/
	border-style: solid;
	padding:1px ;
}
td.img_800_temp {
	border-width: 1px; 
	border-color: #000000 ;
	background : url('/DataOCTAVE/Media/Design/Placebo.gif');
	display: block;
	background-color: #F8F5F5;
	background-repeat: no-repeat;
	background-position: center center;
	width: 797px;
	/*height: 230px;*/
	border-style: solid;
	padding:1px ;
}
/*  LEGEND INFOGRAPHY/ANIMATION/VIDEO/MOVIES  */
.Legend{
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;
}
.Legend200{
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;
	width: 195px;
}
.Legend250{
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;
	width: 245px;
}
.Legend300{
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;
	width: 295px;
}
.Legend350{
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;
	width: 345px;
}
.Legend400{
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;
	width: 395px;
}
.Legend450{
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;
	width: 445px;
}
.Legend500{
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:2px ;
	width: 495px;
	/*display: block;*/
}

a.Legend:hover{
	color: #CCCC99;
	text-decoration: none;
}
/*  Page type select all  */
.selectall{
padding: 0 2px;
text-decoration: none;
font: bold 12px Verdana;
color: blue;
background-color: #FFFFAA;
}
.textarea{
height: 150px;
border: 1px solid gray;
width: 98%;
}
/*  FIN NOUVELLES CLASS VISUELS  */


/************************************************************************************************************************************************************ 
*  MY PERSONAL FOLDER INDIVIDUEL DE MOI-MEME ET DE PERSONNE D'AUTRE  QUE MOI MEME PARCE QUE JE SUIS BEAU COMME DU VAUD, OUI OUI LE CANTON*
*************************************************************************************************************************************************************/

.pf_table{
	
}
.pf_mandatorytd{
	
}
.pf_normaltd{
	
}
.pf_mandatorytr{
	
}
 .pf_normaltd{
 	
 }
 
 .pf_header{
 
	color: #FFFFFF;
	font-size: 10px;
	background-color: #000000;
	text-align: center ;
 }
 
.debugMenu{font-family: Arial, Helvetica, sans-serif;}
.debugMenu table{
	background-color:#eeeeee;
	border : 1px solid black;
}
.debugMenu table a{
	text-decoration:none;
	color : #6ba5de;
}
.debugMenu table a:hover{
	background-color :#6ba5de;
	color : #eeeeee;	
	width:100%;
}
span.autoForm, span.registerfeedback{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:absolute;
	color:white;
	top:140px;
	left:50px;
}
span.autoForm table{
	font-size: 12px;
	color:white;
}
table.registertext{
	background-image: url(/DataOCTAVE/Media/img/login_subscribe.gif);
	color:white;
	display:block;
	height:250px;	
	
}
div.register{
	position:absolute;
	top:280px;
	left:300px;
	background-color: black;
	color:white;
}
.td.registertd{
}
.references{
	display:block;
	color: #6F6F6F;
	font-size: 9px;
/*	background-color:#EFEFEF;*/
	padding:2px; 
	margin-left: 4px;
	width: 800px;
/*	border-width: 1px; 
	border-color: #BCBCBC;
	border-style: solid;
*/
}

Table.Border, Table.Border td{
/* 1pixel border per cell with .txt class*/
	border: 1px solid black;
	border-collapse: collapse;
	color: #000000;
	font-size: 12px;
	vertical-align:top;
}

/* Used in the new Structure of OCTAVE  - START */
td.img {
	border-width: 1px; 
	border-color: #000000 ;
	border-style: solid;
	padding:1px ;
}

/* Illustration table */
TD.illustration {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 20px;
	background : url('/Media/Design/Title_BackgroundDiapo.gif');
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 16px;		
}

TD.Legend{
	color: #0066CC;
	font-size: 10px;
	text-decoration: none;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000;
	border-style: solid;
	padding:2px ;	
}

A.illustration {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	border-width: 0px; 
	background : url('/Media/Design/Title_InfoDiapo.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	display: block;
	padding-left: 5px
}
A.illustration:hover{
	border-width: 0px; 
	background : url('/Media/Design/Title_InfoDiapo_over.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	display: block;	
}

/* Popup2.js */

#diaporama1_titlezone, #diaporama2_titlezone, #diaporama3_titlezone, #diaporama4_titlezone {
	color: #FFFFFF;
	font-size:10px;
	text-align:left;
/*	padding-left : 20px;*/
	line-height: 16px;
/* background:black;	*/
}

#diaporama1_displayzone, #diaporama2_displayzone, #diaporama3_displayzone, #diaporama4_displayzone {
	background-color: #E5E5E5;
	border-width: 0px 1px 0px 1px; 
	border-color: #000000;
	border-style: solid;
}

#diaporama1_legendzone, #diaporama2_legendzone, #diaporama3_legendzone, #diaporama4_legendzone{
	color: #0066CC;
	font-size: 10px;
	text-decoration: none;
	text-align: left;
	background-color: #E5E5E5;
	border-width: 1px; 
	border-color: #000000;
	border-style: solid;
	padding:2px;	
}

#diaporama1_bottomzone, #diaporama2_bottomzone, #diaporama3_bottomzone, #diaporama4_bottomzone{
	background-color: #E5E5E5;
	border-width: 0px 1px 0px 1px; 
	border-color: #000000;
	border-style: solid;
	padding:1px;
}

#diaporama1_globalContainer{
	border-bottom : 1px solid black;
}

#popup_legendzone{
	color: #0066CC;
	font-size: 10px;
	text-decoration: none;
	text-align: left;
	background-color: #E5E5E5;	
	border-width: 1px; 
	border-color: #000000;
	border-style: solid;
	padding:2px;
}

#popup_titlezone{
	background : url('/Media/Design/Title_BackgroundDiapo.gif');
	background-repeat: no-repeat;
	background-position: top left;
	color: #FFFFFF;
	font-size:10px;
	text-align:left;
/*	padding-left : 20px;*/
	line-height: 16px;	
}

 #popup_displayzone{
	background-color: #E5E5E5;
	border-width: 0px 1px 0px 1px; 
	border-color: #000000;
	border-style: solid;
		
}

#popup_bottomzone{
	background-color: #E5E5E5;
	border-width: 0px 1px 0px 1px; 
	border-color: #000000;
	border-style: solid;
	padding:1px;
	text-align: center;
}

.diaporama{
	float:right;
	clear:right;
	margin-left : 5px;
}
div.diaporama #titlebar, div.diaporama div.titlezone{
	background-image : url(/media/shared/yantest/anim_back.gif);	
	color:white;
	position:relative;
	
}
div.diaporama #titlebar p, div.diaporama div.titlezone p{
	color:white;
	display:inline;
	top:0;
	position:absolute;
	overflow:hidden;
}

div.diaporama #titlebar img, div.diaporama div.titlezone img{
	height:14px;
	border:none;
}

div.diaporama>img{

}
div.diaporama a img{
	position:absolute;
	right:0px;
}

div.diaporama div#flash{
	border-left :1px solid black;
	border-right :1px solid black;
	border-bottom :1px solid black;
	border-top : 1px solid white;
}
div.diaporama div.legend, .animlegend{
	background-color:#ccc;
	color : navy;
	word-wrap: break-word;	
	width:auto; /* will be set by JS*/
/*	visibility:hidden;*/
}

/* Used in the new Structure of OCTAVE  - END */



/*---------------------------TRASH---------------------------------------*/

/*.Bank{
	color:#000000;
	text-decoration:none;
	text-transform: capitalize;
	text-transform: uppercase;
	font-weight: bold;
	padding-top:3px;
	margin-left: 35px;
	display: block;
	width: 831px;
	background : url('/media/LocalesIOL/img/vcd_title_bgW.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}*/