#pageLeft{
	width:208px;
	float:left;
}

#pageCenter{
	width:536px;
	float:left;
	padding:15px;

}

	#pageCenter .leftSide{
		width:178px;
		min-height:300px;
		float:left;
		padding: 0px 30px 0px 0px;
		background:url('images/bg_leftside.jpg') right 0px no-repeat;
	}
	
	#pageCenter .rightSide{
		width:328px;
		float:left;
	}


#pageRight{
	width:178px;
	float:left;
	padding-top: 15px;
	padding-left: 15px;
	background:url('images/bg_pageRight.jpg') 3px 90px no-repeat;
}

#pageTotal{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color:white;
	width:744px;
	float:left;
}

/*----------------------- Link --------------------------------*/

.link{
}

	.link A{
		display:block;
		font-size:11px;
		text-decoration:none;
		padding:1px 5px 1px 5px;
		margin-bottom:1px;
		background-color:#E7EFF7;
	}
	
	.link A:hover,.link A.active{
		color:#FFFFFF;
		background-color:#529acc;
	}


/*----------------------- Cadre--------------------------------*/

.cadre{
	border:1px solid #DEDEDE;
	padding:5px;
	margin-bottom:15px;
}

.blueBorder{
	border:1px solid #d8efff;
	padding:0px;
	margin-bottom:15px;
}

.greenBorder {
	border: 1px solid #dae26b;
	padding: 0px;
	margin-bottom:15px;
}

.padding5px {
	padding: 5px;
}

/*----------------------- Important ---------------------------*/

.important{
	color:#529ACC;
	padding:5px;
	border:1px solid #529ACC;
	background-color:#EEF7FD;
	margin-bottom:15px;
}

.important2{
	color:#529ACC;
	padding:5px;
	border:2px solid #529ACC;
	background-color:#EEF7FD;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}
/*----------------------- breadcrumb ---------------------------*/

.breadcrumb{
	color:#529ACC;
	padding:12px;
	padding-bottom: 11px;
	margin-bottom:10px;
	position:relative;
	left:-15px;
	top:-15px;
	background:url('images/breadcrumb.jpg') right repeat-y #F0F6FB;
}

/*----------------------- Liste ---------------------------*/

.liste{
	border:1px solid #64a4d1;
}

.liste TD{
	border-bottom:1px solid #ecf7ff;
}

	.odd{
		background-color:#f6fbff;
	}

	.even{
		background-color:#ffffff;
	}

.liste TH{
	text-align:left;
	color:#FFFFFF;
	background-color:#64a4d1;
	font-weight:normal;
}

.liste .th{
	text-align:left;
	color:#FFFFFF;
	background-color:#64a4d1;
	font-weight:normal;
}


/********************** Graphiques *********************/

.charts {
border-top: 2px solid #529acc;
}

.charts tr {

}

.charts td {
border-bottom: 1px solid #e9e9e9;
padding: 3px;
}

.charts th {

}

.charts .odd {
background-color: white;
}

.charts .even {
background-color: white;
}

.blue {
color: #529acc;
}


/********************** onlget *********************/
#ongletContainer{
	float:right;
}


#ongletContainer .onglet {
	display:block;
	float:left;
	padding:5px;
	border-top:1px solid #dddddd;
	border-left:1px solid #fdfdfd;
	border-right:1px solid #fdfdfd;
	color: silver;
	text-decoration:none;
	position:relative;
	left:-1px;
	background:url("images/bg_onglet.jpg") 0px 0px repeat-x;
}

	#ongletContainer .onglet:hover{
		color:black;
	}

	#ongletContainer .ongletActive{
		color:white;
		border:1px solid #529acc;
		border-top:1px solid #529acc;
		padding-bottom:7px;
		position:relative;
		top:-5px;
		background:url("images/bg_ongletactive.jpg") 0px 0px repeat-x #529acc;
	}

		#ongletContainer .ongletActive:hover{
			color:white;
		}


/*----------- MY INTEGRALE -----------*/

#ongletContainerMy{
	float:right;
}


#ongletContainerMy .onglet {
	display:block;
	float:left;
	padding:3px 5px;
	border-top:1px solid #dddddd;
	border-left:1px solid #fdfdfd;
	border-right:1px solid #fdfdfd;
	color: silver;
	text-decoration:none;
	font-size:14px;
	position:relative;
	top:4px;
	background:url("images/bg_onglet.jpg") 0px 0px repeat-x;
}

	#ongletContainerMy .onglet:hover{
		color:black;
	}

	#ongletContainerMy .ongletActive{
		display:block;
		float:left;
		padding:3px 5px;
		text-decoration:none;
		font-size:14px;
		color:white;
		border-top:1px solid #529acc;
		border-left:1px solid #529acc;
		border-right:1px solid #529acc;
		padding-bottom:7px;
		text-decoration:none;
		position:relative;
		top:0px;
		font-size:14px;
		background:url("images/bg_ongletactive.jpg") 0px 0px repeat-x #529acc;
	}

		#ongletContainerMy .ongletActive:hover{
			color:white;
		}

.btnMy{
	width:245px;
	height:16px;
	padding:2px 0px 0px 20px;
	float:left;
	display:block;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	background:url("images/bg_btnmy.gif") 0px 0px no-repeat;
	margin-top:5px;
	margin-right:6px;
}	

	.btnMy:hover{
		color:#ffffff;
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity:0.70;
	}

/* ******************** PRINTER ***************** */

.printer {
	width: 16px;
	height: 16px;
	display: block;
	background:url("images/bg_printer.gif") 0px 0px no-repeat;
	float: right;
	position: relative;	
	margin-top: -50px;
	cursor: pointer;
}

/* ********************* LOGOUT MYINTEGRALE ************* */

.logout {
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	position: relative;	
	margin-top: -50px;
	cursor: pointer;
	right: 25px;
	*right: 15px;
}


/* ********************* BTN ************* */

.transfert{
	width:179px;
	height:31px;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:15px;
	margin-left: 15px;
	margin-top:10px;
	text-align:center;
	background:url('images/bg_transfert.jpg') 0px 0px no-repeat;
}

.transfert:hover{
	color:#FFFFFF;
	filter:alpha(opacity=70);  
	-moz-opacity:0.70;
	opacity:0.70;
	}

.integrale786{
	width:179px;
	height:31px;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:15px;
	margin-left: 15px;
	margin-top:10px;
	text-align:center;
	background:url('images/bg_786.jpg') 0px 0px no-repeat;
}

.integrale786:hover{
	color:#FFFFFF;
	filter:alpha(opacity=70);  
	-moz-opacity:0.70;
	opacity:0.70;
}


		.transfert:hover, .integrale786:hover{
			filter:alpha(opacity=80);  
			-moz-opacity:0.80;
			opacity:0.80;
		}
		
.pension1{
	width:193px;
	height:20px;
	display:block;
	text-decoration:none;
	text-align:right;
	padding:9px 15px 0px 0px;
	color:#174769;
}
	
	.pension1:hover{
		color:#529ACC;
	}

.pension2{
	width:174px;
	height:31px;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	margin-left: 15px;
	text-decoration:none;
	padding-top:15px;
	margin-top:10px;
	text-align:center;
	padding-right: 5px;
	background:url('images/bg_pension3.jpg') 0px 0px repeat-x;
}

	.pension2:hover{
		color:#FFFFFF;
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity:0.70;
	}

	.pension2NL{
	width:174px;
	height:37px;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	margin-left: 15px;
	text-decoration:none;
	padding-top:9px;
	margin-top:10px;
	text-align:center;
	padding-right: 5px;
	background:url('images/bg_pension3.jpg') 0px 0px repeat-x;
}

	.pension2NL:hover{
		color:#FFFFFF;
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity:0.70;
	}

/* ********************* Encart droite *************** */

.video {
	width:212px;
	height:23px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:125px 0px 0px 0px;
	color:#FFFFFF;
	background:url('images/bg_video.jpg') 0px 0px no-repeat;
	position:relative;
	top:-15px;
	left:-19px;
	margin-right:-19px;
}

	.video:hover {	
		color:#5C6400;
		filter:alpha(opacity=80);  
		-moz-opacity:0.80;
		opacity:0.80;
	}

.video2 {
	width:212px;
	height:23px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:125px 0px 0px 0px;
	color:#FFFFFF;
	background:url('images/bg_video2.jpg') 0px 0px no-repeat;
	position:relative;
	top:-15px;
	left:-19px;
	margin-right:-19px;
}

	.video2:hover {	
		color:#042340;
		filter:alpha(opacity=80);  
		-moz-opacity:0.80;
		opacity:0.80;
	}

.simulez{
	width:212px;
	height:23px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:125px 0px 0px 0px;
	color:#FFFFFF;
	background:url('images/bg_simulation.jpg') 0px 0px no-repeat;
	position:relative;
	top:-15px;
	left:-19px;
	margin-right:-19px;
}

	.simulez:hover{	
		color:#5C6400;
		filter:alpha(opacity=80);  
		-moz-opacity:0.80;
		opacity:0.80;
	}


.sieges{
	width:212px;
	height:23px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:125px 0px 0px 0px;
	color:#FFFFFF;
	background:url('images/bg_siege.jpg') 0px 0px no-repeat;
	position:relative;
	top:-15px;
	left:-19px;
	margin-right:-19px;
}

	.sieges:hover{	
		color:#5C6400;
		filter:alpha(opacity=80);  
		-moz-opacity:0.80;
		opacity:0.80;
	}

.contact{
	width:212px;
	height:23px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:125px 0px 0px 0px;
	color:#FFFFFF;
	background:url('images/bg_contact.jpg') 0px 0px no-repeat;
	position:relative;
	top:-15px;
	left:-19px;
	margin-right:-19px;
}

	.contact:hover{	
		color:#5C6400;
		filter:alpha(opacity=80);  
		-moz-opacity:0.80;
		opacity:0.80;
	}


/* ****************** adresses ******************** */
.adresse{
	border:1px solid #DEDEDE;
	padding:5px;
	margin-bottom:15px;
	font-size:10px;
}

	.adresse .coordonnees{
		float:left;
		width:300px;
		background-color:#EEF7FD;
		display:block;
		padding:10px;
		height:130px;
	}

	.adresse .photo{
		float:right;
		width:200px;
	}

	.googlemaps{
		display:block;
		width:118px;
		height:16px;
		background:url('images/bg_googlemaps.jpg') 0px 0px no-repeat;	
		text-decoration:none;
		font-size:10px;
		color:white;
		padding:5px;
		padding-left:10px;
		margin-top:8px;
	}


	.googlemaps:hover{
		color:#565C0B;
		filter:alpha(opacity=80);  
		-moz-opacity:0.80;
		opacity:0.80;
	}


/* ****************** bouton ******************** */

.vacatures{
	width:179px;
	height:31px;
	display:block;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:15px;
	margin-top:10px;
	text-align:center;
	background:url('images/bg_vacatures.jpg') 0px 0px no-repeat;
}

	.vacatures:hover{
		color:#FFFFFF;
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity:0.70;
	}


.myIntegrale{
	width:80px;
	height:25px;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:5px;
	text-align:center;
	background:url('images/bg_myintegrale.jpg') 0px 0px no-repeat;

	float:left;
	margin-top:10px;
	margin-right:10px;
}

.myIntegrale:hover{
	color:#FFFFFF;
	filter:alpha(opacity=70);  
	-moz-opacity:0.70;
	opacity:0.70;
	}

.integraleAcademy{		
	height:25px;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:5px;
	text-align:center;
	background:url('images/bg_integraleacademy.jpg') 0px 0px no-repeat;
			   
	margin-top:10px;
	margin-right:10px;
}

.integraleAcademy:hover{
	color:#FFFFFF;
	filter:alpha(opacity=70);  
	-moz-opacity:0.70;
	opacity:0.70;
	}

/********************** Slideshow **************/

#slideshow {
	height: 108px;
	width: 175px;
	position: relative;	
	text-align:center;	
	display:block;
	text-decoration:none;
	margin-left: 4px;
	background:url('images/bg_slideshow.jpg') 0px 0px no-repeat;
}

		
	#slideshow .slide{ 
		position: absolute; 
		left: 0; 
		top: 0; 
		width:155px;
		height: 108px;
		text-decoration: none;
	/*	padding: 30px 10px 5px 10px;*/
		padding: 0px 10px 0px 10px;
		overflow:hidden;	
		background:url('images/bg_slideshow.jpg') 0px 0px no-repeat white;
	}

	#slideshow .slide a {
		text-decoration: none;
		font-size: 14px;
	}

	/**** CLASSES DE MISE EN PAGE DIVERSES - NE PAS SUPPRIMER ***/

	.div3 {
		width: 30%;
		padding-right: 10px;
		float: left;
	}

	.backToTop {
		float: right;
		width: 25px;
		height: 17px;
		background-color: #dedede;
		color: white;
		text-decoration: none;
		display: block;
		text-align: center;
		padding-top: 3px;
		position: relative;
		margin-top: -15px;
		margin-bottom: 5px;
	}

	.backToTop:hover {
		background-color: #4c98ca;
		color: white;
	}

	.pucedBg a:hover {
		color: white;
	}

	.pucedBg:hover a {
		color: white;
		text-decoration: none;
	}

	.big {
		font-size:13px;
	}

/***************** MON INTEGRALE CONDITIONS D'UTILISATION ****************/

	.conditionsutilisation {
		height: 300px;
		overflow: scroll;
	}

/***************** FIN ****************/
/*** FIN DES CLASSES ***/