/* iBi website standardized stylesheet. CAPTION and VISIBLE attributes are for eWebEditPro use */

/*******************************************GENERAL STYLES**********************************************/
body  {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000080;}
.thrColEls { background-image:url('Images/3/bg.gif'); background-position:top; background-repeat:repeat-x;	margin: 0; 	padding: 0;	text-align: center; }
p, div, td, span { text-align:justify;}
p { margin-top:2px;padding-top:2px;}
li {  }	/* Items col droite */

/*BASIC ANCHOR*/
a {  text-decoration:none; color: #63BDDC;  }
a:hover { color: #78629C ; text-decoration:none;}

b {font-weight:bold;font-size:14px;color:#0099cc;}

input, textarea, select {
	font-size: 11px;
	border: 1px #c6c6c6 solid;
}

#design
{	
	padding-top:30px;
	font-size:9px;color: #acd9e9;
	text-align:center;
}
a.ttime { text-decoration:none; color:#acd9e9; }
a.ttime:hover { text-decoration:none; color:#0099cc; }



/****************** Breadcrumbs ***************/

.breadcrumbs {
	visible : false;
}

a.breadcrumbs {
	visible : false;
	text-decoration:none; font-weight:bold;
}

a.breadcrumbs:HOVER {
	visible : false;
	 text-decoration:underline;
}

.thrColEls #containerWShadows { position:relative;width: 1035px; margin: 0;border: 0;  background-image:url('Images/3/bg2.gif');background-repeat:no-repeat;} 
.thrColEls #containerLeft { position:relative; float: left; width: 20px; background-repeat:no-repeat;}

.thrColEls #containerCenterRight { position:relative; float: right; width: 1015px;  }		
.thrColEls #containerCenter { position:relative;width: 995px; float: left; margin:0px; background-color:#ffffff}		
.thrColEls #containerRight { position:relative; float: left; width: 20px; background-repeat:no-repeat; }	

#header { background-image:url('Images/3/bgheader.jpg'); background-position:top; background-repeat:repeat-x;	margin: 0px; 	padding: 0; width:995px;height:275px; align:left}
#topspace { position:relative; float: left; width:995px;height:51px;}
#logospace { position:relative; float: left; width:243px;height:208px;}
#headerphoto { position:relative; float: left; width:678px;height:208px;background-image:url('Images/3/rnd/1.jpg');align:left;background-position:left;background-repeat:no-repeat;}
#breadspace { height:16px; font-size:10px;padding-left:250px;}

.thrColEls #container { position:relative; float: left;width: 995px; margin: 0px; border: 0px ;	padding-bottom:120px; text-align: left; background-image:url('Images/3/bgcontent.jpg'); background-position:bottom;background-repeat:no-repeat} 

#bottompage {background-image:url('Images/3/bgbottom.jpg');width:1035px;height:17px;align:center;background-position:top; background-repeat:no-repeat;}

.thrColEls #sidebar1 { position:relative; float: left;  width: 243px; background: #ffffff; padding: 0px ;}
.thrColEls #sidebar1a {	position:relative; float: left; width: 164px; background: #ffffff; margin-top : 12px; margin-left:36px; min-height:250px;}

* html .thrColEls #sidebar1a { height:expresx;sion(this.clientHeight<250?250:this.clientHeight)} 

.clearfloat { 	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}

.thrColEls #mainContent { position:relative; float:left;width:678px;background-color:#ffffff; }











.thrColEls #sidebar1 h3, .thrColEls #sidebar1 p, .thrColEls #sidebar2 p, .thrColEls #sidebar2 h3 {	margin-left: 10px; 	margin-right: 10px;}
 
.fltrt { 	float: right;	margin-left: 8px;}
.fltlft {	float: left;	margin-right: 8px;}



/*** menu */

div.menu0_on {color:#78629C ; padding-left:2px;padding-top:2px;padding-bottom:2px;padding-right:2px;}
div.menu1_on {color:#78629C ; padding-left:9px;padding-top:2px;padding-bottom:2px;padding-right:2px;font-size: 10px;}
div.menu2_on {color:#78629C ; padding-left:16px;padding-top:2px;padding-bottom:2px;padding-right:2px;font-size: 10px;}
div.menu3_on {color:#78629C ; padding-left:17px;padding-top:2px;padding-bottom:2px;padding-right:2px;font-size: 10px;}
div.menu0_off {padding-left:2px;padding-top:2px;padding-bottom:2px;padding-right:2px;}
div.menu1_off {padding-left:9px;padding-top:2px;padding-bottom:2px;padding-right:2px;font-size: 10px;}
div.menu2_off {padding-left:16px;padding-top:2px;padding-bottom:2px;padding-right:2px;font-size: 10px;}
div.menu3_off {padding-left:17px;padding-top:2px;padding-bottom:2px;padding-right:2px;font-size: 10px;}
a.menu0 { text-decoration:none; font-size:12px;color:#0F3E74}
a.menu0:hover { text-decoration:none; font-size:12px;color:#78629C}
a.menu1 { text-decoration:none;  font-size:12px;color:#0F3E74}
a.menu1:hover { text-decoration:none; font-size:12px;color:#78629C}
a.menu2 { text-decoration:none; font-size:11px;color:#0F3E74}
a.menu2:hover { text-decoration:none; font-size:11px;color:#78629C}
a.menu0_on { text-decoration:none; font-size:12px;color:#78629C }
a.menu0_on:hover { text-decoration:none; font-size:12px;color:#78629C}
a.menu1_on { text-decoration:none;  font-size:12px;color:#78629C }
a.menu1_on:hover { text-decoration:none; font-size:12px;color:#78629C}
a.menu2_on { text-decoration:none; font-size:11px;color:#78629C }
a.menu2_on:hover { text-decoration:none; font-size:11px;color:#78629C}

td.menulevel_1_off {padding-top:2px;padding-bottom:2px;padding-right:2px;padding-left:0px;font-size: 12px;text-align:left;}
td.menulevel_1_on {padding-top:2px;padding-bottom:2px;padding-right:2px;padding-left:0px;font-size: 12px;font-weight:bold;text-align:left;}
td.menulevel_2_off {padding-top:2px;padding-bottom:2px;padding-right:2px;padding-left:8px;font-size: 10px;text-align:left;}
td.menulevel_2_on {padding-top:2px;padding-bottom:2px;padding-right:2px;padding-left:8px;font-size: 10px;font-weight:bold;text-align:left;}
td.menulevel_3_off {padding-top:2px;padding-bottom:2px;padding-right:2px;padding-left:16px;font-size: 9px;text-align:left;}
td.menulevel_3_on {padding-top:2px;padding-bottom:2px;padding-right:2px;padding-left:16px;font-size: 9px;font-weight:bold;text-align:left;}



/*******************************************ANCHORS STYLES**********************************************/










/*  ---------------------------------------###  Tableaux  ### ----------------------------------------*/

.Tableau_titre { background-image:url(/pics/1/GUI/theader.jpg); font-weight:bold; color: #ffffff;  }
.Tableau_pair { background-color:#F7F5FC ; }
.Tableau_impair { background-color:#EFEAFA; }



/****************** Content (document) related classes (some are available in webEditPro) ***************/

.DocumentTitle, h1 {
	visible : false;
	font-size: 18px; color:#63BDDC; font-weight:bold; margin:0px; padding-bottom: 10px; padding-left:0px; text-align:left;
}
h2 {
	visible : false;
	font-size: 16px; color:#63BDDC; font-weight:bold; margin:0px; padding-bottom: 5px; padding-left:0px; text-align:left;
}
.DocumentIntro {
	visible : false; color : #FF6600;
	font-size:13px; line-height:12px; margin-top:0px; margin-left:5px;
}
.DocumentContent {
	caption : Normal Content; 
	
}


/*  dans lediteur*/
.padleft50 {
	margin-left:50px;
	padding-left:10px;
	width:500px;
	text-align:justify;
	border-left:2px #b2e1f2 solid;
}
.padright50 {
	margin-right:50px;
	padding-right:10px;
	width:500px;
	text-align:justify;
	border-right:2px #b2e1f2 solid;
}


.DocumentContentTitle, h3 {
	caption : Content Title;
	font-size: 15px; color:#63BDDC; font-weight:bold; margin:0px; padding-bottom: 10px; padding-left:0px; text-align:left;
	margin-top:2px;
}
.DocumentContentSubTitle, h4  {
	caption : Content Subtitle;
	font-size: 14px; color:#63BDDC; font-weight:bold; margin:0px; padding-left:0px; padding-top:5px;margin-bottom:0;padding-bottom:0;
	text-align:left;
}

h5  {
	caption : Content Subtitle;
	color:#0099CC; font-weight:bold; margin:0px; padding-left:0px; text-align:left;
}
h6 {
	caption : Content Subtitle;
	color:#0099CC;  margin:0px; padding-left:0px; text-align:left;
}
.DocumentContentHighlight1 {
	caption : Highlighted Content 1;
	color: #00000;
	font-family: Arial, sans-serif;
	font-weight: bold;
}
.DocumentContentHighlight2 {
	caption : Highlighted Content 1;
	color: #FF6600; 
	font-family: Arial, sans-serif;
	font-weight: bold;
}
.DocumentContentHighlight3 {
	caption : Highlighted Content 1;
	color: #0099CC;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
}

/******************** Files & Related Links boxes ************************/
/*  voir dans idc*/
.FileFrameBorder  {
	visible : false;
	background-color: #EBEBEB;
	border-width: 2px;
}
.FileFrameBorderList {
	visible : false;
	background-color: #EBEBEB;
}
.BackgroundMedium {
	visible : false;
	background-color: #EAEAEA;
}
.BackgroundLight  {
	visible : false;
	background-color: #FAFCFE;
}
.BackgroundDark  {
	visible : false;
	background-color: #F3F8FD ;
}


/********************* Module Related Styles ******************************/
/*  a virer si varientes*/
.ModuleTitle  {
	visible : false; 	
	font-size: 12px; color:#FF6600; font-weight:bold; margin:0px; padding-bottom: 10px; padding-left:0px; text-align:left;

}
.ModuleSubTitle{
	visible : false;
	font-size:13px; line-height:12px; margin-top:0px; margin-left:5px;
	
}
a.ModuleSubTitle{
	visible : false;
	color: #6799CC;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.ModuleSubTitle:HOVER{
	visible : false;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.ModuleContent {
	visible : false;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000;
}
.ModuleSmallContent {
	visible : false;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;
}
.ModuleVerySmallContent {
	visible : false;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000;
}
.BackgroundTitle   {
	visible : false;
}

.TableBorder {
	visible : false;
}
.ModuleSubTitleSmall{
	visible : false;
	color: #6799CC;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}



/*******************************************ADMIN STYLES**********************************************/

.txtsmall { 	visible : false;color : #6C6C6C; font-size: 10px; font-family:   Arial, Helvetica, sans-serif; text-decoration: none;}
.txtsmalldisabled { 	visible : false;color : #6C6C6C; font-size: 10px; font-family:   Arial, Helvetica, sans-serif; text-decoration: line-through;}
.entry { 	visible : false;color : #A01313; font-size: 12px; font-family:   Arial, Helvetica, sans-serif; text-decoration: none;}

A.linkInTree:visited { 	visible : false;color : #6C6C6C; font-size: 10px; font-family:   Arial, Helvetica, sans-serif; text-decoration: none;}
A.linkInTree:hover { 	visible : false;color : #A01313; font-size: 10px; font-family:   Arial, Helvetica, sans-serif; text-decoration: none;}
A.linkInTree:link { 	visible : false;color : #6C6C6C; font-size: 10px; font-family:   Arial, Helvetica, sans-serif; text-decoration: none;}

a.linkinTreeSelected { 	visible : false;color : #6C6C6C; font-size: 10px; font-family:   Arial, Helvetica, sans-serif; text-decoration: none; font-weight:600;}
a.linkinTreeSelected:hover { 	visible : false;color : #000000; font-size: 10px; font-family:   Arial, Helvetica, sans-serif; text-decoration: none; font-weight:600;}

#animation
{
text-align:center;
vertical-align:middle;
position:relative;
float:left;

}

#diaporama img {
	position: absolute;
	border: 0px solid #666;
	
	margin-left:auto;
	margin-right:auto;
	
}