#pageLeft{
	float:left;
	width:768px;
	margin-bottom:10px;
	background:url('images/bg_pageleft.jpg') right 0 no-repeat;
}

	#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 h3 a {
			text-decoration: none;
			border-bottom:#2F87B9 0px dotted;
		}

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

		#pageLeft .leftSide hr { 
			margin: 5px 0;
			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: 10px 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---------------------------------*/

#nav {
	padding: 0 11px 5px 11px;
}

	#nav .box {
		width: 223px;
		height: 145px;
		background: url('images/bg_boxnav.jpg') 0 0 no-repeat #eaf7fb;

		color: #4194C6;
	}

		#nav .box h2 {
		font-size:13px;
		}

		#nav .box a {
			 display: block;
			 margin: 0 0 3px 0;
		}

	#nav .orange {
		float: left;
		margin: 0 0 15px 0;
		padding: 10px 15px 10px 10px;
		border-left: 5px solid #fd5107;
		background: url('images/bg_boxnav.jpg') -5px 0 no-repeat #eaf7fb;
	}

	#nav .blue {
		float: right;
		margin: 0 0 15px 0;
		padding: 10px 15px 10px 10px;
		border-left: 5px solid #3b8dbf;
		background: url('images/bg_boxnav.jpg') -5px 0 no-repeat #eaf7fb;
	}

	#nav .green {
		float: left;
		padding: 10px 15px 10px 10px;
		border-left: 5px solid #95bf43;
		background: url('images/bg_boxnav.jpg') -5px 0 no-repeat #eaf7fb;
	}

	#nav .red {
		float: right;
		padding: 10px 15px 10px 10px;
		border-left: 5px solid #e50304;
		background: url('images/bg_boxnav.jpg') -5px 0 no-repeat #eaf7fb;
	}


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

#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:527px;
	height:100px;	
	padding-top:0px;
	display:block;
	color:#FFFFFF;
	overflow:hidden;   
	margin: 5px 0 16px 11px;

}

	#encartPromo:hover{
	
	}


		* html #newsticker ul {
		}

		#newsticker {
			position: relative;
			width:527px;
			height:100px;
			overflow: hidden;
		}

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

		#newsticker li {
			width:527px;
			height:100px;
		}

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


#promoBox {
	margin-top: 15px;
	padding: 5px;
	background-color: #eef7fc;
}

	#promoBox big {
		display: block;
		padding: 10px 0px 5px 8px;

		color: #4194C6;
		font-size: 16px;
		font-weight: normal;
	}

	#promoBox .catName {
		display: none;
	}

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

.encartPub{
	display: block;	
	width: 368px;
	height: 177px;
	float: right;
	margin: 0 11px 0 0;
	background: url('images/bg_encartpub.jpg') 0px 0px no-repeat;
}

	.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 {
	display: block;
	width:510px;
	height: 120px;
	padding: 12px;
	border:1px dotted #69B7E6;
	text-align: left;

}

	.product:hover img {
		filter: alpha(opacity=50);  
		-moz-opacity :0.50;
		opacity: 0.50;
	}
	
	.product .title {
		display: block;
		height: 26px;
		padding: 16px 0 0 0;
		margin: 0 0 5px 0;
		color: #69B7E6;
	}

	.orange .title { }
	.green .title { }
	.blue .title {  }
	.red .title {  }

	.product .legend {
		font-size:10px;
		color: #666666;
	}

.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 hr {
		color: #cccccc;
		background-color: #cccccc;
	}
	
	#MenuDeroulant .parent{
		display:block;
		font-size:12px;
		color:#616161;
		padding:5px 10px 5px 20px;
		background:url("images/bg_menu.gif") 0px 0px no-repeat;
	}

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


/* --------------------- 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;
}

/* ------------------------------------------------------------------ */
/* -                    scroll       			                    - */
/* ------------------------------------------------------------------ */

.scroll-track {
	height: 5px;
	width: 5px;
	background-color: #f3f3f1;
}

.scroll-handle {
	height: 5px;
	width: 5px;
	background-color: #91d4fe;
	cursor: pointer;
}

.scrollPane_news {
	overflow: hidden; 
	width: 495px;
	height: 380px; 
	float: left;
}

	.scrollPane_news .news {
		width: 450px;
	}

/* ------------------------------------------------------------------ */
/* -                    agenda/newsletter		                    - */
/* ------------------------------------------------------------------ */

#eventsBox {
	padding: 10px;
}

#eventsBox .btn_agenda,
#eventsBox .btn_newsletter {
	display: block;
	width: 131px;
	height: 39px;
	padding: 6px 0 0 80px;
	margin: 0 0 5px 0;

	color: #fff;
}

	#eventsBox .btn_agenda b,
	#eventsBox .btn_newsletter b {
		color: #fff;
		font-size: 14px;
	}

#eventsBox .btn_agenda {
	background: url('images/btn_agenda.jpg') 0 0 no-repeat #9cc449;
}

#eventsBox .btn_newsletter {
	background: url('images/btn_newsletter.jpg') 0 0 no-repeat #2e80b2;
}

#eventsBox .btn_agenda:hover,
#eventsBox .btn_newsletter:hover {
	background-position: 0 bottom;
}

/* ------------------------------------------------------------------ */
/* -                      boxProducts		                        - */
/* ------------------------------------------------------------------ */

.boxProducts{
	border-top:1px solid #69b7e6;
}

	.boxProducts a {
		display:block;
		font-size:11px;
		padding: 5px 3px 6px 3px;
		color:#116696;
		border-bottom:1px solid #69b7e6;
	}
	
	.boxProducts a:hover {
		display:block;
		border-left:6px solid #fc5004;
	}

/* ------------------------------------------------------------------ */
/* -                         boxLogos		                        - */
/* ------------------------------------------------------------------ */

.boxLogos {
	margin: 10px 0 0 0;
	padding: 2px;
	border: 1px solid #f1f1ef;
}

	.boxLogos a {
		display: block;
		width: 56px; 
		height: 56px;
		float: left;
		border: 0px solid #fff;
	}

		.boxLogos a img {
			border: 0px solid #fff;
		}

/* ------------------------------------------------------------------ */
/* -                 FORMULAIRE LA TAILLE COMPTE                      */
/* ------------------------------------------------------------------ */


.rightSide #formulaire-la-taille-compte{
	height: 850px;
	width: 497px;
	background:url('images/bg-formulaire-la-taille-compte.jpg') 0px 0 no-repeat;

	padding: 400px 0 0 30px;
	color: #fff;
	font-size: 13px;
}

.rightSide #formulaire-like-facebook{
	height: 670px;
	width: 497px;
	background:url('images/bg-formulaire-like-facebook.jpg') 0px 0 no-repeat;

	padding: 630px 0 0 30px;
	color: #fff;
	font-size: 13px;
}

		.formulaire .input input { width: 300px; }
		.formulaire .input input[type='checkbox'] { width: 25px; }
		.formulaire .input .btn { width: 120px; padding: 3px 0; margin: 5px 0 0 0; font-size: 11px; background-position: 0 bottom; }
		.formulaire .input .btn:hover { background-position: 0 top; }

		#formulaire-like-facebook .formulaire,
		#formulaire-la-taille-compte .formulaire {
			text-align:left;
			position: relative;
		}

			#formulaire-like-facebook .formulaire .pnlMsg,
			#formulaire-la-taille-compte .formulaire .pnlMsg {
				color:#1F8CCD;
				border:1px solid #1F8CCD;
				background-color:#D6ECF9;
				padding:5px;
				font-size:150%;
			}

				#formulaire-like-facebook .formulaire .label,
				#formulaire-la-taille-compte .formulaire .label {
					width: 70px;
					margin: 0;
					padding: 6px 10px 0 0;
				}

				#formulaire-like-facebook .formulaire .input,
				#formulaire-la-taille-compte .formulaire .input {
					width: 225px;
					height: 30px;
					margin: 0;
					padding: 0;
				}

					#formulaire-like-facebook .formulaire .input input,
					#formulaire-la-taille-compte .formulaire .input input {
						width: 217px;
						height: 22px;
						padding-left: 5px;
						padding-right: 5px;					
						border: 0px solid #fff;

						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;	
						border-radius: 10px;
					}

					#formulaire-like-facebook .formulaire .input input[type='checkbox'],
					#formulaire-la-taille-compte .formulaire .input input[type='checkbox'],
					#formulaire-like-facebook .formulaire .input input[type='radio'],
					#formulaire-la-taille-compte .formulaire .input input[type='radio'] { width: 15px; display: inline-block; }
					
					#formulaire-like-facebook .formulaire .input label,
					#formulaire-la-taille-compte .formulaire .input label { width: 200px; padding: 5px 0; display: inline-block; font-size: 11px; }

					#formulaire-like-facebook .formulaire .input .btn,
					#formulaire-la-taille-compte .formulaire .input .btn { width: 120px; padding: 3px 0; margin: 5px 0 0 0; font-size: 11px; background-position: 0 bottom; }
					
					#formulaire-like-facebook .formulaire .input .btn:hover,
					#formulaire-la-taille-compte .formulaire .input .btn:hover { background-position: 0 top; }
				
				#formulaire-like-facebook .formulaire .asterisque,
				#formulaire-la-taille-compte .formulaire .asterisque {
					width: 20px;

					position: absolute;
					*position: relative;

					color:#4194C6;
					font-size:15px;		
					font-weight:bold;
					padding-left:5px;
				}