html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, sub, sup, ol, ul, li, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	vertical-align: baseline;
	background: transparent;
}

body{
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 12px;
	background: #bda283 url(../img/bg.jpg) no-repeat top center;
	
}

a{
	color: #bda283;
	font-size: 12px;
	text-decoration: none;
}

a:hover{
	color: #707173;
	text-decoration: none;
}

p{
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
}

.pred{
	color: #ce071e;
}

/* ---------------------------  CONTAINER  -----------------------------------*/

#container{
	width: 960px;
	height: 620px;
	margin: 31px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #efefef;
}

/* ---------------------------  SIDEBAR  -----------------------------------*/

#cont_side{
	width: 281px;
	height: 40px;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#side{
	width: 281px;
	height: 40px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#sidebar{
	width: 258px;
	height: 600px;
	position: absolute;
	top: -21px;
	left: 31px;
	z-index: 5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#logo{
	width: 258px;
	height: 202px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../img/logo.png) no-repeat top left;
}


#box_txt{
	width: 217px;
	height: 324px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 34px 20px 40px 21px;
	background: transparent url(../img/bg_sx.png) no-repeat top left;
}

#logo_ev{
	width: 258px;
	height: 202px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../img/logo_ev.png) no-repeat top left;
}


#box_txt_ev{
	width: 217px;
	height: 324px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 34px 20px 40px 21px;
	background: transparent url(../img/bg_sx_ev.png) no-repeat top left;
}

#box_txt_pr{
	width: 214px;
	height: 359px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 18px 25px 21px 19px;
	background: transparent url(../img/bg_sx.png) no-repeat top left;
}

#box_txt_cont_pr, #box_txt_cont_pr_tech{
	width: 194px;
	height: 319px;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	text-align: center;
	background: transparent url(../img/bg_box_mock.jpg) no-repeat top left;
}
	#box_txt_cont_pr #box_txt_sep, #box_txt_cont_pr_tech #box_txt_sep{
		width: 174px;
		height: 9px;
		margin: 10px 10px 10px 10px;
		padding: 0px 0px 0px 0px;
		background-color: #fff;
	}
	#box_txt_cont_pr a, #box_txt_cont_pr_tech a{
		color: #fff;
		font-size: 14px;
		font-family: 	Times, Century, Serif;
		line-height: 18px;
		text-align: center;
		margin: 10px 0px 10px 0px;
		text-transform: uppercase;
	}
		#box_txt_cont_pr a:hover, #box_txt_cont_pr_tech a:hover{
			color: #707173;
		}

#box_txt_cont_pr_tech{
	background: transparent url(../img/bg_box_tech.jpg) no-repeat top left;
}
	#box_txt_cont_pr_tech #box_txt_sep{
		background-color: #bda283;
	}
	#box_txt_cont_pr_tech a{
		color: #bda283;
	}	

	
#box_txt_content, #box_txt_content_ev{
	width: 217px;
	height: 324px;
	font-size: 12px;
	line-height: 15px;
}

#box_txt_content_ev{
	color: #fff;
}

#box_txt_content_qu{
	color: #000;
}

.box_txt_intro{
	width: 202px;
	color: #ce071e;
	text-align: center;
	margin: 0px 0px 0px 5px;
}


.box_txt_tit{
	width: 202px;
	color: #bda283;
	font-size: 14px;
	font-family: 	Times, Century, Serif;
	line-height: 18px;
	text-align: center;
	margin: 0px 0px 0px 5px;
	text-transform: uppercase;
}

#box_txt_content_ev .box_txt_tit{
	color: #fff;
}

#box_txt_sep{
	width: 176px;
	height: 9px;
	margin: 10px 13px 10px 18px;
	padding: 0px 0px 0px 0px;
	background-color: #bda283;
}

#box_txt_content_ev #box_txt_sep{
	background-color: #fff;
}

#pane_txt{
	width: 210px;
	height: 240px;
	padding: 0px 0px 0px 5px;
}

#pane_txt_small{
	width: 210px;
	height: 30px;
	padding: 0px 0px 0px 5px;
}

#pane_txt_box_big{
	width: 194px;
	height: 319px;
	padding: 0px 0px 0px 0px;
}

#pane_txt_part{
	width: 210px;
	height: 130px;
	padding: 0px 0px 0px 5px;
}

#pane_txt_home{
	width: 210px;
	height: 168px;
	padding: 0px 0px 0px 5px;
}

#pane_txt_hist{
	width: 210px;
	/*height: 185px;*/
	height: 240px;
	padding: 0px 0px 0px 5px;
}

ul#cron{
		width: 176px;
		margin-left: 13px;
		text-align: left;
	}
		ul#cron li {
			margin: 5px 0px 5px 0px;
	    padding: 0px 0px 0px 0px;
			list-style: none;
		}
			ul#cron li a{
				color: #707173;
				text-decoration: none;
			}
				ul#cron li a:hover{
					color: #bda283 !important;
					text-decoration: none;
				}


/* ---------------------------  LANG  -------------------------------------*/
#lang{
	width: 679px;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#box_lang{
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 8px 0px 0px 0px;
}

#box_lang a, #box_lang a:hover{
	font-weight: bold;
}
/* ---------------------------  MENU  -------------------------------------*/

#menu{
	width: 679px;
	height: 29px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background: #fff url(../img/bg_menu.jpg) no-repeat top left;
}
	#menu ul{
		height: 15px;
		margin: 0px 0px 0px 0px;
	  padding: 0px 0px 0px 10px;
		float: left;
	}
		#menu ul li {
			margin: 0px 2px 0px 0px;
	    padding: 0px 0px 0px 0px;
			float: left;
			list-style: none;
		}
		#menu ul li#home_fr a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/home_fr.jpg) no-repeat 0px 0px;width: 70px;height: 15px;float: left; display: inline;}
		#menu ul li#home_fr a:hover,#menu ul li#home_on_fr a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/home_fr.jpg) no-repeat 0px -15px;width: 70px;height: 15px;float: left; display: inline;}
		#menu ul li#home_en a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/home_en.jpg) no-repeat 0px 0px;width: 51px;height: 15px;float: left; display: inline;}
		#menu ul li#home_en a:hover,#menu ul li#home_on_en a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/home_en.jpg) no-repeat 0px -15px;width: 51px;height: 15px;float: left; display: inline;}
		
		#menu ul li#event_fr a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/event_fr.jpg) no-repeat 0px 0px;width: 91px;height: 15px;float: left; display: inline;}
		#menu ul li#event_fr a:hover,#menu ul li#event_on_fr a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/event_fr.jpg) no-repeat 0px -15px;width: 91px;height: 15px;float: left; display: inline;}
		#menu ul li#event_en a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/event_en.jpg) no-repeat 0px 0px;width: 57px;height: 15px;float: left; display: inline;}
		#menu ul li#event_en a:hover,#menu ul li#event_on_en a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/event_en.jpg) no-repeat 0px -15px;width: 57px;height: 15px;float: left; display: inline;}
		
		#menu ul li#project_fr a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/project_fr.jpg) no-repeat 0px 0px;width: 65px;height: 15px;float: left; display: inline;}
		#menu ul li#project_fr a:hover,#menu ul li#project_on_fr a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/project_fr.jpg) no-repeat 0px -15px;width: 65px;height: 15px;float: left; display: inline;}
		#menu ul li#project_en a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/project_en.jpg) no-repeat 0px 0px;width: 73px;height: 15px;float: left; display: inline;}
		#menu ul li#project_en a:hover,#menu ul li#project_on_en a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/project_en.jpg) no-repeat 0px -15px;width: 73px;height: 15px;float: left; display: inline;}
		
		#menu ul li#history_fr a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/history_fr.jpg) no-repeat 0px 0px;width: 104px;height: 15px;float: left; display: inline;}
		#menu ul li#history_fr a:hover,#menu ul li#history_on_fr a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/history_fr.jpg) no-repeat 0px -15px;width: 104px;height: 15px;float: left; display: inline;}
		#menu ul li#history_en a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/history_en.jpg) no-repeat 0px 0px;width: 69px;height: 15px;float: left; display: inline;}
		#menu ul li#history_en a:hover,#menu ul li#history_on_en a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/history_en.jpg) no-repeat 0px -15px;width: 69px;height: 15px;float: left; display: inline;}
		
		#menu ul li#what_fr a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/what_fr.jpg) no-repeat 0px 0px;width: 108px;height: 15px;float: left; display: inline;}
		#menu ul li#what_fr a:hover,#menu ul li#what_on_fr a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/what_fr.jpg) no-repeat 0px -15px;width: 108px;height: 15px;float: left; display: inline;}
		#menu ul li#what_en a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/what_en.jpg) no-repeat 0px 0px;width: 143px;height: 15px;float: left; display: inline;}
		#menu ul li#what_en a:hover,#menu ul li#what_on_en a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/what_en.jpg) no-repeat 0px -15px;width: 143px;height: 15px;float: left; display: inline;}
		
		#menu ul li#comparison_fr a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/comparison_fr.jpg) no-repeat 0px 0px;width: 91px;height: 15px;float: left; display: inline;}
		#menu ul li#comparison_fr a:hover,#menu ul li#comparison_on_fr a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/comparison_fr.jpg) no-repeat 0px -15px;width: 91px;height: 15px;float: left; display: inline;}
		#menu ul li#comparison_en a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/comparison_en.jpg) no-repeat 0px 0px;width: 96px;height: 15px;float: left; display: inline;}
		#menu ul li#comparison_en a:hover,#menu ul li#comparison_on_en a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/comparison_en.jpg) no-repeat 0px -15px;width: 96px;height: 15px;float: left; display: inline;}

		#menu ul li#presse_fr a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/presse_fr.jpg) no-repeat 0px 0px;width: 70px;height: 15px;float: left; display: inline;}
		#menu ul li#presse_fr a:hover,#menu ul li#presse_on_fr a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/presse_fr.jpg) no-repeat 0px -15px;width: 70px;height: 15px;float: left; display: inline;}
		#menu ul li#presse_en a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/presse_en.jpg) no-repeat 0px 0px;width: 70px;height: 15px;float: left; display: inline;}
		#menu ul li#presse_en a:hover,#menu ul li#presse_on_en a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/presse_en.jpg) no-repeat 0px -15px;width: 70px;height: 15px;float: left; display: inline;}

		
		#menu ul li#partenaires_fr a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/partenaires_fr.jpg) no-repeat 0px 0px;width: 98px;height: 15px;float: left; display: inline;}
		#menu ul li#partenaires_fr a:hover,#menu ul li#partenaires_on_fr a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/partenaires_fr.jpg) no-repeat 0px -15px;width: 98px;height: 15px;float: left; display: inline;}
		#menu ul li#partenaires_en a {display: block; text-decoration: none; text-indent: -9999px;background: url(../img/partenaires_en.jpg) no-repeat 0px 0px;width: 98px;height: 15px;float: left; display: inline;}
		#menu ul li#partenaires_en a:hover,#menu ul li#partenaires_on_en a{display: block; text-decoration: none;text-indent: -9999px;background: url(../img/partenaires_en.jpg) no-repeat 0px -15px;width: 98px;height: 15px;float: left; display: inline;}
	
/* ---------------------------  CONTENT  -----------------------------------*/

#content_top{
	width: 940px;
	height: 118px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 14px 0px 0px 0px;
	background-color: #fff;
}

#home_gal{
	position: relative; 
	width: 912px;
	height: 104px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 14px;
	overflow: hidden;
}

#home_gal_nav{
	width: 912px;
	height: 10px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
}


.gal_arrow{
	width: 5px;
	height: 10px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
}

.legend{
	height: 10px;
	float: right;
	color:#333;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
    margin-right: 10px;
}


.imgdiv{
	width: 219px;
	height: 104px;
	float: left;
	color: #fff;
	background: transparent;
}

.imgdiv_spacer{
	width: 12px;
	height: 104px;
	float: left;
}

div.scr { 
  position: absolute; 
  left: 0px;
  top: 0px;
}


#content{
	width: 912px;
	height: 324px;
	float: left;
	margin: 21px 10px 0px 10px;
	padding: 13px 14px 15px 14px;
	background-color: #fff;
}

#content_pr{
	width: 658px;
	height: 352px;
	float: left;
	margin: 21px 10px 0px 10px;
	padding: 0px 0px 0px 282px;
}
	#c_pr{
			width: 628px;
			height: 211px;
			background-color: #fff;
			margin: 0px 0px 0px 0px;
			padding: 26px 0px 115px 30px;
			background: #fff url(../img/bg_project.jpg) no-repeat top left;
		}	
	#c_pr_tech{
			width: 613px;
			height: 256px;
			background-color: #fff;
			margin: 0px 0px 0px 0px;
			padding: 70px 15px 26px 30px;
			background: #fff url(../img/bg_project_tech.jpg) no-repeat top left;
		}	

#tech_map{
	width: 608px;
	height: 40px;
	margin: 10px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

#tech_map a{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#pane_txt_big{
	width: 596px;
	text-align: left;
	color: #fff;
	padding: 0px 0px 0px 5px;
}
	#pane_txt_big .box_txt_tit{
		width: 596px;
		text-align: left;
		color: #fff;
		text-transform: none;
		font-size: 18px;
		line-height: 20px;
	}

#content_history{
	width: 658px;
	height: 499px;
	float:left;
	margin: 6px 10px 0px 10px;
	padding: 0px 0px 0px 282px;
}
	#c_hi{
			width: 632px;
			height: 473px;
			background-color: #bda283;
			margin: 0px 0px 0px 0px;
			padding: 13px 13px 0px 13px;
		}	
	#hist_gal{
		position: relative; 
		width: 632px;
		height: 447px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		overflow: hidden;
	}
	.imgHdiv{
		width: 632px;
		height: 447px;
		float: left;
		color: #fff;
		background: transparent;
	}
	
#content_history_nav{
	width: 658px;
	height: 14px;
	float: left;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}
	#hist_gal_nav{
		width: 658px;
		height: 10px;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 0px;
	}
	
	
#content_event{
	width: 658px;
	height: 499px;
	float:left;
	margin: 6px 10px 0px 10px;
	padding: 0px 0px 0px 282px;
}
	#c_ev{
			width: 632px;
			height: 473px;
			background-color: #fff;
			margin: 0px 0px 0px 0px;
			padding: 13px 13px 13px 13px;
		}	
	#c_comparison{
		width: 632px;
		height: 473px;
		background-color: #efefef;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#banner_text{
		width: 632px;
		height: 100px;
		text-align: center;
	}
		#pane_txt_comp{
				width: 632px;
				height: 370px;
				padding: 0px 0px 0px 0px;
			}
		table#table_c{
			width: 612px;
			margin: 10px 10px 0px 10px;
			color: #707173;
			font-size: 12px;
		}
			table#table_c tr.table_tit{
				height: 20px;
				font-weight: bold;
				color: #bda283;
				text-align: center;
				padding: 10px 0px 10px 0px;
			}
			.table_disp{
				background-color: #dedede;
				height: 20px;
			}
			.table_par{
				background-color: #ccc;
				height: 20px;
			}
			tr.table_disp td, tr.table_par td{  
				padding: 5px 5px 5px 5px;
			}
		#p_comp{
			margin: 10px 10px 10px 15px;
			color: #707173;
			font-size: 12px;
		}
			
		#ev{
			width: 592px;
			height: 373px;
			background-color: #cd071e;
			margin: 0px 0px 0px 0px;
			padding: 40px 20px 60px 20px;
		}
			#ev_txt{
				width: 340px;
				height: 310px;
				float: left;
				color: #fff;
				font-size: 15px;
				line-height: 18px;
				margin: 0px 0px 0px 20px;
				padding: 20px 0px 0px 0px;
			}
			
#part{
		margin: 0px 10px 0px 10px;
}
	#part p{
			margin: 0px 0px 10px 0px;
	}
		
#spacer_cont{
	width: 912px;
	height: 13px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px 14px 0px 14px;
}

/* ---------------------------  FOOTER  -----------------------------------*/
	
#footer{
	width: 656px;
	height: 30px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 284px;
	background: transparent;
}	

#box_fb{
	width: 27px;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#box_tw{
	width: 27px;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#box_co{
	width: 45px;
	height: 25px;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#box_st{
	width: 80px;
	height: 25px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#box_lnk{
	width: 467px;
	height: 22px;
	float: left;
	color: #aaa;
	text-align: right;
	font-size: 11px;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

/* SLi Form*/
input {
	font-size: 10px;
	border: 1px solid #bbb;
}
input.btn {
	font-size: 12px;
}
div.quest-block {
	width: 600px;
	float: left; 
	padding: 5px 5px 5px 5px;
	padding-bottom: 20px;
}

.thanks{
	color: #ce071e;
	font-style: italic;
}