@CHARSET "UTF-8";
@font-face
{
font-family: "Lubalin Book";
    src: url('../font/lubalingraphstd-book-webfont.eot');
    src: url('../font/lubalingraphstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lubalingraphstd-book-webfont.woff') format('woff'),
         url('../font/lubalingraphstd-book-webfont.ttf') format('truetype'),
         url('../font/lubalingraphstd-book-webfont.svg#Lubalin Book') format('svg'),
         url('../font/LubalinGraphStd-Book.otf');
}

.clear{
	clear: both;
}
.lt{
	float:left;
}
.rt{
	float:right;
}
.hide{
	display: none;
}
html{
	background-color: #D4D6DB;
}
body{
	background-color: #D4D6DB;
	font-family: "Lubalin Book",sans-serif;
}
img{
	margin: 0;
	padding: 0;
	display: block;
	border: 0 none;
}
/************layout*****************/
.main{
	width:900px;
	margin:0 auto;
}
/*********************header**************/
.header{
	background-color:#cecacd;
	height: 130px;
	width: 900px;
	position: relative;
}
#rond{
	position: absolute;
	right: 0;
	top:0;
}
#logo{
	position: absolute;
	left: 25px;
	top:5px;	
}
.header-logo{
	position: absolute;
	left: 420px;
	top:45px;	
}
.header-top{
	font-size: 20px;
	font-weight: bold;
	color:#8c7693;
	line-height: 30px;
}
.header-bottom{
	font-size: 26px;
	font-weight: bold;
	color:#8c7693;	
	padding-left: 170px;
	line-height: 30px;
}
/************nav*****************/
.nav{
	height: 69px;
	padding-left:45px;
	background: url('../images/nav_bg.png') 0 0 repeat-x transparent;
}
.nav-top{
	height: 42px;
}
.nav-bottom{
	height: 27px;
}
.nav-top a{
	height: 36px;
	padding-top:6px;
	float: left;
	background: url('../images/nav1.png') right bottom no-repeat transparent;
	display: block;
	text-decoration: none;
	margin-right: 15px;
	padding-right: 30px;
}
.nav-top a.select{
	background: url('../images/nav2.png') right bottom no-repeat transparent;	
}
.nav-top a span{
	display: block;
	font-size:13px;
	color:#756e6e;
	line-height: 14px;
	padding-left: 12px;
	font-weight:bold;
	background: url('../images/arrow1.png') 4px center no-repeat transparent;
}
.nav-top a.select span{
	color:#ffffff;
	background: url('../images/arrow2.png') 4px center no-repeat transparent;
	font-weight:normal;
}
.nav-top a span.other-line,.nav a.select span.other-line{
	background: url('') 0 0 no-repeat transparent;
	text-align: right;
}
.nav-top a:hover{
	background: url('../images/nav3.png') right bottom no-repeat transparent;
}
.nav-top a.select:hover{
	background: url('../images/nav4.png') right bottom no-repeat transparent;
}
.nav-bottom .language-bar{
	padding-right: 40px;
	padding-top: 5px;
}
.nav-bottom .language-bar a{
	float:right;
	display:block;
	width: 26px;
	height:16px;
	margin-left: 13px; 
	text-indent: -9999px;
	overflow: hidden;
}
.nav-bottom .language-en{
	background: url('../images/en.png') center center no-repeat transparent;
}
.nav-bottom .language-fr{
	background: url('../images/fr.png') center center no-repeat transparent;
}
/************content*********************/
.content{
	width:900px;
	height:481px;
	position: relative;
	background: url('../images/content_bg.jpg') center center no-repeat transparent;
}
/**************footer*******************/
.tel{
	color:#22b4f8;
}
.footer{
	text-align: center;
	padding: 20px 0;
}
.footer a{
	width: 185px;
	height: 97px;
	margin: 0 auto;
	display:block;
}
.content-image1{
	position: absolute;
	top:65px;
	left:337px;
	padding-right:10px;
	padding-bottom:10px;
	background: url('../images/image_bg1.png') right bottom no-repeat transparent;
	z-index:1000;
}
.content-image2{
	position: absolute;
	top:27px;
	right:44px;
}
.content-image3{
	position: absolute;
	bottom:84px;
	left:383px;
}
.content-image4{
	position: absolute;
	bottom:107px;
	right:101px;
	padding: 10px;
	background: url('../images/image_bg2.png') center center no-repeat transparent;
}
.copyright{
	position: absolute;
	bottom:-10px;
	right:30px;
	font-size: 10px;
	color:#908f92;
	line-height: 24px;
	font-weight: bold;
	width: 500px;
}
#twitter{ 
	position: absolute;
	left: 40px;
	top: 0px;
}
#credit{
	position: absolute;
	left: 90px;
	top: 0px;
}


#admin{
	position: absolute;
	left: 480px;
	top: 0px;
}
 
 
.number{
	font-family:Arial, Helvetica, sans-serif;
}
#solgan1{
	position: absolute;
	top:274px;
	left:73px;
	color:#9369a3;
	font-size: 24px;
	width: 280px;
	font-family:"Lubalin Book";
}
#solgan2{
	position: absolute;
	top:312px;
	left:123px;
	color:#9369a3;
	font-size: 18px;
	font-family:"Lubalin Book";
	width:180px;
}
#solgan3{
	position: absolute;
	top:345px;
	left:145px;
	color:#9a9999;
	font-size: 28px;
}

/*************help*****************************/
.content-image{
	position: absolute;
	top:35px;
	right:44px;
}
.home-image{
	position: absolute;
	top:37px;
	right:58px;	
	width: 415px;
	height:346px;
	overflow: hidden;
}
.home-image .layer{
	position: absolute;
	top:-200px;
	left:-250px;
}
.back-btn{
	display:block;
	position: absolute;
	bottom:43px;
	right:44px;	
	font-size: 16px;
	color:#a898ae;
	text-decoration: none;
}
.home-content{
	position: absolute;
	top:32px;
	left:95px;	
}
.home-content-item{
	padding-bottom: 20px;
}
.home-content-item p{
	color:#666666;
	font-size:13px;
	line-height: 14px;
}
.home-content-item2{
	padding-bottom: 15px;
}
.home-content-item2 p{
	color:#3f3f3f;
	font-size:12px;
	line-height: 14px;
}
.home-content-item3{
	padding-bottom: 20px;
}
.home-content-item3 p{
	color:#a898ae;
	font-size:16px;
	line-height: 20px;
	font-weight: bold;
	color:#8c7693;
}
.black{
	color:#3f3f3f;
}
.strong{
	font-weight: bold;
}
.home-content-item4{
	position: absolute;
	bottom:40px;
	left:88px;	
}
.home-content-item4 p{
	font-size:22px;
	line-height: 24px;
	font-weight: bold;
	color:#9369a3;
	white-space:nowrap;	
}
/*********event************************/
.home-content-item5{
	font-size:18px;
	line-height: 24px;
	font-weight: bold;
	color:#9369a3;
	padding-bottom: 20px;	
}
.home-content-item6{
	font-size:16px;
	line-height: 24px;
	color:#3f3f3f;
	padding-bottom: 10px;	
}
.home-content-item7{
	padding-bottom: 10px;
}
.home-content-item7 p{
	color:#a898ae;
	font-size:12px;
	line-height: 16px;
}
.home-content-item8{
	padding: 15px 0 0 0;
}
.home-content-item8 p{
	font-size: 14px;
	line-height: 22px;
	color:#3f3f3f;
}
.event-content{
	position: absolute;
	top:75px;
	left:78px;	
}
.event-content-item{
	width: 500px;
	padding-bottom: 20px;
}	
.event-content-item p{
	color:#666666;
	font-size:13px;
	line-height: 17px;
}
#event-title{
	position: absolute;
	left: 78px;
	top:30px;
}
#event-solgan1,#event-solgan2{
	font-size:18px;
	line-height: 22px;
	font-weight: bold;
	color:#9369a3;
	position: absolute;	
}
#event-solgan1{
	right:68px;
	top:55px;
	width: 300px;
}
#event-solgan2{
	right:68px;
	top:75px;
	width: 280px;
}

.event-image-itemm{
	position: absolute;
	right:25px;
	top:110px;
	width: 400px;
	height: 320px;
	background-color: #ffffff;
	z-index:40px;

}


/*************************************************/
.contact-image{
	position: absolute;
	top:50px;
	left:140px;	
}
/************ref*************************/
.ref-main-panel{
	width:805px;
	height: 390px;
	position: absolute;
	top:30px;
	left:58px;
	overflow:hidden;	
}
.ref-main-item{
	white-space:nowrap;
	font-size:26px;
	line-height: 52px;
	color:#8c7693;
	position: absolute;
}
/************impossible*********************************/
.imp-image-item{
	width: 236px;
	height:361px;
	position: absolute;
	top:60px;
	right:120px;
}
.home-content-item9{
	position: absolute;
	top:40px;
	left:88px;	
}
.home-content-item9 p{
	color:#8c7693;
	font-size:18px;
	line-height: 22px;	
}
.big{
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}

.imp-content-item{
	width: 650px;
	padding-bottom: 20px;
}	
.imp-content-item p{
	color:#666666;
	font-size:13px;
	line-height: 16px;
}
.imp-content{
	position: absolute;
	top:35px;
	left:95px;
}
.imp-content-image{
	position: absolute;
	top:100px;
	right:45px;
}

.home-content-item10{
	position:absolute;
	top:0;
	left:0;	
}
.home-content-item10 p{
	line-height: 20px;
	font-size:12px;
	color:#333333;
	font-weight: normmal;
}
.home-content-item11 p{
	line-height: 20px;
	font-size:12px;
	color:#333333;
}
.purple{
	color: #8C7693;
}

.violet-bold{
	color: #8C7693;
	font-weight: bold;
}
/*****************************************************************/
.fr-version #solgan1{
	position: absolute;
	top:174px;
	left:110px;
	color:#9369a3;
	font-size: 30px;
	width: 280px;
	font-family:"Lubalin Book";
}
.fr-version #solgan2{
	position: absolute;
	top:212px;
	left:123px;
	color:#9369a3;
	font-size: 18px;
	font-family:"Lubalin Book";
	width:180px;
}
.fr-version #solgan3{
	position: absolute;
	top:245px;
	left:60px;
	color:#9a9999;
	font-size: 34px;
}
.fr-version #solgan4{
	position: absolute;
	bottom:40px;
	left:80px;
	color:#9369a3;
	font-size: 23px;
}
.fr-version .footer a{
	width: 185px;
	height: 97px;
	margin: 0 auto;
	display:block;
	float: left;
	margin-right: 15px;
}
.fr-version .footer{
	padding-left: 260px;
	padding-top: 30px;
}
.fr-version #event-solgan1{
	right:98px;
	top:55px;
	width: 280px;
	font-size:14px;
}
.fr-version #event-solgan2{
	right:28px;
	top:75px;
	width: 280px;
	font-size:14px;
}
.fr-version .event-big{
	font-size:22px;
	line-height: 22px;
}
.fr-version .home-content-item7 p{
	padding-bottom: 5px;
}
body.index{
	height: 100%;
}
.index .main{
	width:772px;
	height:580px;
	margin:auto;
	
	position: relative;
}
#indexBg{
	position: absolute;
	left: 0;
	top:0;
}
.skip-btn{
	position:absolute;
	bottom: 15px;
	left:345px;
	color:#7a7782;
	font-size: 14px;	
	text-decoration: none;
}
.index-item{
	position: absolute;
	color:#7e6f86;
	display:none;
}
#indexItem1,#indexItem2,#indexItem3{
	font-size:22px;
}
#indexItem1{
	top:361px;
	left:262px;
}
#indexItem2{
	left:320px;
	top:391px;	
}
#indexItem3{
	left:305px;
	top:420px;	
}
#indexItem4{
	left:180px;
	top:369px;
	font-size:26px;	
}
#indexItem5{
	left:310px;
	top:362px;
	font-size:26px;	
}
#indexItem6{
	left:248px;
	top:391px;
	font-size:26px;	
}
#indexItem7{
	left:199px;
	top:354px;
	font-size:24px;	
}
.ref-main-panel-item{
	line-height: 18px;
	font-size:14px;
	color:#3F3F3F;
	float:left;
	padding-left:10px;
	width: 250px;
	height: 18px;
	text-align: left;	
}