
#pageLeft{
	float:left;
	width:768px;
	margin-bottom:10px;
}

	#pageLeft .leftSide{
		float:left;
		width:174px;
		padding:22px 15px 15px 15px;
		color:#2F87B9;
		min-height:400px;
		background:url('images/bg_bluesky.jpg') 0px 0px repeat-x;
		line-height:14px;
	}

		#pageLeft .leftSide H1{
			color:#04416C;
			font-size:14px;
			border-bottom:0px solid #CAEBFF;
			margin-bottom:5px;
		}

		#pageLeft .leftSide A{
			color:#2F87B9;
			border-bottom:#2F87B9 1px dotted;
		}

		#pageLeft .leftSide HR{color:#69B7E6; background-color:#69B7E6;}

	
	#pageLeft .rightSide{
		float:left;
		width:544px;
		padding:20px 10px 10px 10px;
	}
		
		/*---------- 2 COLUMNS ---------*/

		#pageLeft .rightSide .twoColumns{
			width:543px;
			background:url('images/bg_2columns.gif') 0px 0px repeat-y;
		}

		#pageLeft .rightSide .twoColumns .column{
			float:left;
			width:261px;
		}

		/*---------- 3 COLUMNS ---------*/

		#pageLeft .rightSide .threeColumns{
			width:543px;
			background:url('images/bg_3columns.gif') 0px 0px repeat-y;
		}

		#pageLeft .rightSide .threeColumns .column{
			float:left;
			width:167px;
		}

		/*---------- 4 COLUMNS ---------*/

		#pageLeft .rightSide .fourColumns{
			width:543px;
			background:url('images/bg_4columns.gif') 0px 0px repeat-y;
		}

		#pageLeft .rightSide .fourColumns .column{
			float:left;
			width:120px;
		}

		/*---------- COLUMN SEPARATOR ---------*/

		#pageLeft .rightSide .separatorPage{
			float:left;
			width:21px;
			height:1px;
		}

#pageRight{
	float:left;
	width:232px;
}

	#pageRight .newsRight{
		padding:10px;
		border-bottom:1px solid #EFEFEF;
	}

	#pageRight .newsRight H1{
		padding:0px; 
		border-width:0px;
	}


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

.link{
}

	.link A{
		display:block;
		font-size:11px;
		padding:3px;
		color:#116696;
		border-bottom:1px solid #69B7E6;
	}
	
	.link A:hover{
		display:block;
		border-left:6px solid #FC5004;
	}

	.link .active{
		border-left:6px solid #FC5004;
		background-color:#FFFFFF;
		border-bottom:1px solid #D1E7F4;
		margin-bottom:1px;
	}

		.link .active:hover{
			color:#FFFFFF;
			background-color:#69B7E6;
		}



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

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

	.cadre B{color:#433935;}


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

.important{
	padding:5px 10px 5px 10px;
	border:2px solid #FC3232;
	background-color:#FFEAE4;
	color:#F52424;
	font-size:120%;
	text-align:justify;
}

.importantBlue{
	padding:5px 10px 5px 10px;
	border:2px solid #4194C6;
	background-color:#DFF2FF;
	color:#4194C6;
	font-size:120%;
	text-align:justify;
}

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

.liste{
	background-color:#CACACA
}

.liste TD{
	background-color:white;	
}


/*-----------------------------------MISE EN FORME HOME---------------------------------*/

#flashIntro{
	width:768px;
	height:250px;
	position:relative;
	top:-8px;
	margin-bottom:-8px;
	z-index:3;
}


 /* ----------------- */

#encartRepassage{
	display:block;


	width:161px;
	height:135px;
	padding-top:35px; 
	padding-right:15px;
	padding-bottom:10px;
	padding-left:20px;
	margin-left:5px;
	float:left;

	font-size:16px;
	color:#616E71;
	background:url('images/bg_repassage.jpg') 0px 0px no-repeat;
}

	#encartRepassage:hover{
		color:#616E71;
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity:0.70;
	}

	#encartRepassage H1{
		font-size:28px;
		color:#FC4C00;
		margin-bottom:0px;
		padding:0px; 
		border-width:0px;
	}

#starRepassage{
	width:67px;
	height:57px;
	font-size:20px;
	color:#FFFFFF;
	padding:25px 0px 0px 15px;
	background:url('images/bg_star.png') 0px 0px no-repeat;
	position:relative;
	top:-70px;
	margin-bottom:-80px;
	left:75px;
	z-index:4;
	cursor:pointer;
	display:none;
}




/* ----------------- */

#encartPromo{
	width:180px;
	height:150px;
	padding-left:15px;
	margin-left:3px;
	padding-top:30px;
	float:left;
	display:block;
	color:#FFFFFF;
	background:url('images/bg_promo.jpg') 0px 0px no-repeat;
	overflow:hidden;   
}

	#encartPromo:hover{
		color:#FFFFFF;
		background-position:0px bottom;
	}

	#encartPromo H1{
		display:none;
	}

	#encartPromo .news A{
		color:white;
		font-weight:bold;
	}

	#encartPromo .news A:hover{
		color:#C22203;
		font-weight:bold;
	}

		* html #newsticker ul {
		}

		#newsticker {
			position: relative;
			height:135px;
			width:165px;
			overflow: hidden;
		}

	#newsticker ul {
			list-style: none;
			text-align:left;		
			margin-left:0px;
			padding-left:0px;
		}

		#newsticker li {
			height: 130px;
			width:165px;
		}

		#newsticker li .news, #newsticker li .news A {
			color: white;
			font-size:13px;
		}

		#newsticker h1 {
			display:none;
		}


		#newsticker #togglenewsticker {			
			display:none;
		}
		
		* html #newsticker #togglenewsticker {
			right: 30px;
			height: 30px;
		}
	




/* ----------------- */

.encartPub{
	width:355px;
	height:134px;
	display:block;	
	background:url('images/bg_encarpub.jpg') 0px 0px no-repeat;
	float:left;
	margin-left:12px;
	padding:15px;
	margin-bottom:10px;
	border:1px solid #dedede;
}

	.encartPub:hover{
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity:0.70;
		color:#616E71;}




/* ----------------- */

.encart20ans{
	width:355px;
	height:134px;
	display:block;
	font-size:19px;
	color:#616E71;
	background:url('images/bg_20ans.jpg') 0px 0px no-repeat;
	float:left;
	margin-left:12px;
	padding:15px;
	margin-bottom:10px;
	border:1px solid #dedede;
}

	.encart20ans:hover{
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity:0.70;
		color:#616E71;
	}


	.encart20ans H1{
		font-size:14px;
		color:#67920F;
		margin-bottom:10px;
		padding:0px; 
		border-width:0px;
	}


/* ----------------------------------------------------------------------- */

#productInHomeContainer{
	width:388px;
	float:left;
	padding:0px;
	background:url('images/bg_productinhome.jpg') 0px 0px no-repeat;
	margin-top:10px;
	margin-left:10px;
	padding-top:50px;
	border:1px solid #dddddd;
	padding-bottom:15px;
}

	#productInHomeContainer .productInHome{
		float:left;
		height:80px;
		width:75px;
		margin-left:0px;
		margin-right:0px;
		display:block;
		margin-top:5px;
	}

	#productInHomeContainer .productInHome:hover{
		filter:alpha(opacity=50);  
		-moz-opacity:0.50;
		opacity:0.50;
	}

/* ----------------- */

.product{
	width:150px;
	/*height:240px;*/
	float:left;
	margin-bottom:10px;
}

	.product .box{
		width:126px;
		height:115px;
		margin-bottom:5px;
		display:block;
		cursor:pointer;
	}

		.product .box:hover IMG{
			filter:alpha(opacity=50);  
			-moz-opacity:0.50;
			opacity:0.50;
		}
	
	.product h2{
		margin-left:15px;
	}


	.product .legend{
		margin-top:5px;
		font-size:10px;
		margin-left:15px;
	}

.separatorProduct{
	width:13px;
	height:1px;
	float:left;
}


/* ----------------- */

.plan{
	width:184px;
	height:115px;
	padding:10px 0px 0px 20px;
	display:block;
	background:url('images/bg_plan.png') 0px 0px no-repeat;
	position: relative;
	left:-15px;
	margin-right:-15px;
}


/* ----------------------------------------------------------------------- */
#MenuDeroulant{
}
	
	#MenuDeroulant .parent{
		display:block;
		font-size:12px;
		color:#616161;
		padding:3px 10px 3px 20px;
		border-bottom:1px solid #EFEFEF;
	}

		#MenuDeroulant .parent:hover{background-color:#DEF2FC;}

	#MenuDeroulant .enfant{
		display:block;
		font-size:11px;
		color:#4194C6;
		padding:3px 10px 3px 30px;
		border-bottom:1px solid #EFEFEF;
		background-color:#F7FCFE;
	}

		#MenuDeroulant .enfant:hover{background-color:#DEF2FC;}


/* --------------------- Advertising-------------------------------------------------- */
.advertising{
	width:390px; 
	height:150px; 
	margin-top:10px;
	margin-left:10px; 
	margin-right:10px;
	_margin-right:5px;
	background:url("images/advert-bob50.jpg") 0px 0px no-repeat;
	display:block;
	float: right;
}

.advertising:hover{
	filter:alpha(opacity=50);  
	-moz-opacity:0.50;
	opacity:0.50;
}

#job{
	width:348px; 
	height:150px; 
	margin-top:10px;
	margin-left:10px;
	_margin-left:5px;
	display:block;
	float: left;
}

#job1{
	width:348px; 
	height:70px;
	background:url("images/job-1.jpg") no-repeat;
	display:block;
	float: left;
}

#job1:hover{
	filter:alpha(opacity=50);  
	-moz-opacity:0.50;
	opacity:0.50;
}

#job2{
	width:348px; 
	height:70px; 
	margin-top:10px;
	background:url("images/job-2.jpg") no-repeat;
	display:block;
	float: left;
}

#job2:hover{
	filter:alpha(opacity=50);  
	-moz-opacity:0.50;
	opacity:0.50;
}