/* ------------------------- Body ------------------------- */
html{width:100%;}
body{width:100%;background:#403733 url(../img/body.png) repeat-x top left;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;margin:0;padding:0;text-align:left;}
select,input,textarea{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:99%;}
form{margin:0;padding:0;}
img{border:0;}
p{margin:0; padding:0 0 20px 0;}
h1{margin:0;padding:0;}
h2{margin:0;padding:0;}
h3{margin:0;padding:0;}
ul{margin:0;padding:0;}
li{padding-right:15px;}

.debug {color:#fff;}
/* sections */
#wrapper{width:100%;/*margin:0 auto;*/}
#container_wrapper{width:100%;background:#fff;}
#container{width:950px;margin:auto;position:relative;}

.ct-main{width:665px;min-height:500px}
.ct-main .article-list{padding:55px 40px;}
.ct-sub{width:253px;height:450px;position:absolute;left:670px;top:-95px;background:#fff url(../img/photo_container.png) no-repeat top left;}

.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}

#header{width:950px;height:219px;margin:auto;position:relative;background:url(../img/header.png) no-repeat bottom left;}
#header h2{display:none;}
#footer{width:950px;margin:auto;}

.qbcopyright{padding:5px 58px 0 0;color:#a4a4a4;font-size:11px;text-align:right;}
.qbcopyright a{color:#a4a4a4;text-decoration:none;}
.qbcopyright a:hover{color:#ededed;}


/* ------------------------- Navigation ------------------------- */
#nav_top{display:block;padding:3px 40px 0 40px;}
#nav_top ul{height:33px;margin:0;padding:0;float:left;display:block;background:url(../img/nav_item_separator.png) no-repeat top right;}
#nav_top ul li{float:left;list-style:none;margin:0;padding:0;background:url(../img/nav_item_separator.png) no-repeat top left;}
#nav_top ul li span.active, #nav_top ul li a.trail, 
#nav_top ul li a{height:33px;display:block;padding:0 15px 0 15px;text-decoration:none;line-height:33px;font-size:11px;letter-spacing:1px;font-weight:bold;text-align:center;color:#403733;}
#nav_top ul li span.active, #nav_top ul li a.trail, 
#nav_top ul li a:hover{color:#fff;background:#403733 none;}

/* ------------------------- Language selection ------------------------- */
.ce-nav-lang ul{float:right;display:block;}
.ce-nav-lang ul li{float:left;padding:8px 8px 0 0;}
.ce-nav-lang ul li.last{padding-right:55px;}
.ce-nav-lang ul li span.lang-name{display:none;}
.ce-nav-lang ul li span.lang-icon{width:34px;height:17px;display:block;}

.ce-nav-lang ul li.lang-code-en .lang-icon{background:url(../img/flag_gb.png) no-repeat top left;}
.ce-nav-lang ul li.lang-code-zh .lang-icon{background:url(../img/flag_cn.png) no-repeat top left;}

.ce-nav-lang ul li.lang-code-en .not-available .lang-icon{background:url(../img/flag_gb_inactif.png) no-repeat top left;}
.ce-nav-lang ul li.lang-code-zh .not-available .lang-icon{background:url(../img/flag_cn_inactif.png) no-repeat top left;}

/* ------------------------- Content ------------------------- */
.ct-main h1{margin:0;padding:0 0 30px 0;font-size:16px;font-weight:bold;color:#97bf0d;}
.ct-main h2{margin:0;padding:0 0 15px 0;font-size:14px;font-weight:bold;color:#97bf0d;}
.ct-main h3{margin:0;padding:0 0 15px 0;font-size:12px;font-weight:bold;color:#403733;}
.ct-main h4{margin:0;padding:0 0 15px 0;font-size:11px;font-weight:bold;color:#97bf0d;}

.ct-main p{line-height:18px;}
.ct-main a{color:#403733;font-weight:bold;text-decoration:none;}
.ct-main a:hover{background-color:#97bf0d;color:#fff;}
.ct-main strong{color:#97bf0d;}
.ct-main ul{list-style:square;padding:0 0 20px 40px;line-height:18px;}
.ct-main ul li{padding:2px;}

.ct-sub .ce-smoothgallery{padding:1px 0 0 1px;}
.ct-sub .galatea-smoothgallery{width:223px;height:435px;z-index:5;border:none;background-color:#fff;}
.ct-sub .ce-smoothgallery img.thumbnail{display:none;}
.ct-sub .ce-smoothgallery .jdGallery .slideElement{background-color:#fff;}
.ct-sub .ce-smoothgallery .jdGallery .jdGallery .carousel{background-color:#fff;}

/* ---------------------------- Forms  -----------------------------*/
.ct-textfield,.ct-selectfield,.ct-textarea,.ct-captcha,.ct-button{padding:4px;margin:1px 0 1px 0;}
.ct-button{padding:20px 4px 35px 4px;}
.ct-textfield label,.ct-selectfield label,.ct-textarea label,.ct-captcha label{line-height:20px;display:block;text-align:left}
.text-input,.select-field{width:98%;padding:4px;color:#6F6F6F;border:1px solid #999;}
.select-field{width:99%;}
.text-input:hover,.select-field:hover{background-color:#f4f2f3;}
.button{width:100%;padding:4px;color:#fff;border:none;text-align:center;background-color:#97bf0d;font-size:14px;font-weight:bold;}
.button:hover{background-color:#75940a;}
.value-err{border:1px solid #97bf0d;}
.err-msg{color:#97bf0d;font-weight:bolder;line-height:18px;}


/* ---------------------------- Tooltip  -----------------------------*/
/*.tip{width:200px; z-index:13000;}
.tip-title{font-weight:bold; font-size:11px; margin:0; color:#9bab00; padding:8px 8px 4px; background:url(../img/layout/bubble.png) top left;}
.tip-text{color:#000; font-size:11px; padding:4px 8px 8px; background: url(../img/layout/bubble.png) bottom right;}*/