@charset "utf-8";

/* YUI 3.9.1 (build 5852) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
html { color:#000; background:#FFF }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:'' }
abbr, acronym { border:0; font-variant:normal }
sup { vertical-align:text-top }
sub { vertical-align:text-bottom }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit }
input, textarea, select { *font-size:100%}
legend { color:#000 }


html { font-size:100%; overflow-x: hidden; overflow-y:scroll; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%; }
body { margin:0; padding:0; background:#000 url(../images/1b.jpg) no-repeat top center; font-size:13px; line-height:22px; color:#535353; font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; }
a{ text-decoration: none; }
a:link { color: #4dbdcb; }
a:visited { color: #4dbdcb; }
a:hover { color: #7a9c02; }
a:active { color: #7a9c02; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; }
input, select { vertical-align:middle; }
img { vertical-align:bottom; }
strong {
	font-weight: bold;
	font-size: 14px;
}

.clear { clear: both; margin: 0; padding: 0; line-height: 0; font-size: 0; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}

/*icon*/
.icon_fb { display:inline-block; width:16px; height:16px; background:url(../images/icon.gif) no-repeat 0 0; }

/*button*/
a.btn_reserver { color:#fff; }
.btn_reserver {
	-moz-box-shadow:inset 0px 1px 0px 0px #6b6b6b;
	-webkit-box-shadow:inset 0px 1px 0px 0px #6b6b6b;
	box-shadow:inset 0px 1px 0px 0px #6b6b6b;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e30000), color-stop(1, #a30303) );
	background:-moz-linear-gradient( center top, #e30000 5%, #a30303 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30000', endColorstr='#a30303');
	background-color:#e30000;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:180px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #050005;
}
.btn_reserver:hover {
	color:#fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a30303), color-stop(1, #e30000) );
	background:-moz-linear-gradient( center top, #a30303 5%, #e30000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a30303', endColorstr='#e30000');
	background-color:#a30303;
}

.btn_reserver_place01 { position:absolute; top:-25px; right:15px; z-index:100;}
.btn_reserver_place01:active { position:absolute; top:-24px; right:14px; z-index:100;}

.btn_reserver_place02 {     font-size: 18px;
    width: 500px;
	height: 150px;
    line-height: 65px;
    margin: 15px 0 10px 140px;
     }
.btn_reserver_place02:active { }

.btn_reserver_place03 {
	    font-size: 14px;
    width: 350px;
	height: 40px;
    line-height: 40px;
    margin: 15px 0 10px 140px;
	 position: top:1220px; right:600px; z-index:100;

}
.btn_reserver_place03:active {}


.box { background:#fff; border:1px solid #e2e2e2; }

#header, #content, #footer { width:980px; margin:0 auto; padding:0; }


/*----- Header -----*/
#header { height: 91px; margin-bottom:12px; background:#fff; border-bottom:1px solid #eaeaea; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
#header .logo { float:left; width:350px; margin:16px 0px 19px 18px; }
#header .nav_wrap {
	float:right;
	width:590px;
	margin:12px 12px 10px 5px;
}

/*member nav*/
#header .member_nav { text-align:right; color:#a7a7a7; margin-bottom:20px; margin-right:0px; font-size:13px;}
#header .member_nav a { padding:2px 10px; color:#a7a7a7; }
#header .member_nav a:hover { color:#7a9c02; }
#header .member_nav a.fb { padding-right:18px; background: url(../images/icon.gif) no-repeat 73px 0; }
#header .member_nav img { margin:0 3px 3px 0;}

/*main Nav*/
#header ul.main_nav { float: right; line-height:20px; width:572px; }
#header ul.main_nav li { position:relative; float:left; margin-left:8px; font-size:18px; font-family: Arial, sans-serif; }
#header ul.main_nav li a { display:block; padding:2px 5px; text-shadow:1px 1px 1px #d8ecee; }
#header ul.main_nav li a:hover { text-shadow:1px 1px 0px #e4eed8; }
#header ul.main_nav li.first { padding-top:0; }

/*sub nav*/
#header .main_nav li ul.sub_nav { display:none; position:absolute; z-index:99; top:23px; left:-5px; margin-left:0;  }
#header .main_nav li ul.sub_nav li { background:#fff; box-shadow:2px 2px 2px 0px rgba(0,0,0,0.1); width:auto; }
#header ul.main_nav li ul.sub_nav li a { display:block; font-size:15px; padding: 10px; }
#header .main_nav li:hover  ul.sub_nav  { display:block; }



/*----- Content -----*/
#content {}

#content h1 { font-size:20px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; background:#fff; padding:20px;}

/*========= Main Slideshow =========*/
.slide_wrap { background:url(../images/slide-shadow.png) no-repeat 0 bottom; height:725px; }
.expo_slide_wrap { background:url(../images/slide-shadow.png) no-repeat 0 bottom;/* height:725px;*/ }

.slide_box  {position:relative;}
.flexslider .slidetxt_wrap {position: absolute; left:0px; bottom:0px; width:948px; height:78px; background:#000; opacity:0.8; filter:alpha(opacity=80);}
.flexslider .slidetxt {position: absolute; overflow: hidden; top:15px; left:15px; width:910px; height:50px; font-family: Arial, sans-serif; font-size:13px; line-height:20px; color:#fff; text-show:1px 1px 0px #222; z-index:100; text-align:left;}
.flexslider .slidetxt h3 {font-size:18px; line-height:26px; margin-bottom:5px; font-family:Arial, sans-serif, ; color:#fff; text-show:1px 1px 0px #222; z-index:100;  text-align:left;}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position:relative; zoom: 1; padding: 15px 15px 48px; background: #fff; border-top: 1px solid #efefef; border-right: 1px solid #efefef; border-left: 1px solid #efefef; width: 948px; height: 510px; }

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 17px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #dcdcdc; background: rgba(220,220,220,0.7); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #ccc; background: rgba(0,0,0,0.5); }
.flex-control-paging li a.flex-active { background: #71ccde; background: rgba(113,204,222,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/*slide_info*/
.slide_info {
	position:relative;
	margin:0;
	padding:5px 20px 20px 20px;
	font-family: Arial, sans-serif;
	color:#000;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	text-align:left;
	background: #fff;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef; /* border-bottom: 1px solid #efefef; */
}
.slide_info h2 {
	font-size: 17px;
	font-weight: bold;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	margin:8px 0 0;
	text-align:justify;
}
.slide_info small {font-size:8px; text-align:right; color:#333; display: block;}
.slide_info p {
	height: 46px;
	line-height: 22px;
	overflow: hidden;
	font-size: 15px;
	color: #535353;
	text-align: left;
}
.slide_info a.more { display:block; height:23px; line-height:22px; margin-top:5px; padding-right:6px; text-align:right;  font-size:19px;}
.slide_info a.more span {background:url(../images/icon.gif) no-repeat 5px -30px; width:23px; height:23px; display:inline-block;}
.slide_info a:hover.more  {
	opacity: 1;
	filter: alpha(opacity=100);
	font-size: 19px;
}
.slide_info a:hover.more span { background:url(../images/icon.gif) no-repeat 5px -60px; opacity:1; filter:alpha(opacity=100); }

h4.slogan { margin:13px 0 32px; text-align:center; font-size:20px; font-family:"", Arial, sans-serif; letter-spacing:53px; color:#000; text-shadow:0px 0px 1px #eaeaea; }
.wrap01 { width:980px; margin:0; padding:0; }



/*========= Promo slideshow =========*/
.promo_wrapper { float:left; position:relative; width:948px; margin:0; padding:15px; background:#fff; border:1px solid #e2e2e2; }
.promo { position: relative; float:left; width: 923px; height: 270px; padding: 20px 30px 15px 25px; border:1px solid #e2e2e2; background:#fff; }
.promo * { margin: 0; padding: 0; }
.promo ul, .promo li { list-style: none; background:#fff; }
.promo a img { border: none; width: 209px; }

.promo .btn_wrap {position: absolute; top: 120px; left: -62px; width:1100px; height: 62px; z-index:1; display:none;}
.promo .btn {}
.promo .btn a {float: left; text-indent: -9999px; height: 62px; width: 46px; }
.promo .btn a.prev { background: url(../images/focusAdvBg.png) no-repeat 0 0; float:left;}
.promo .btn a.next { background: url(../images/focusAdvBg.png) no-repeat -46px 0; float:right;}

.promo .frame { position: relative; overflow: hidden;  width: 948px; height: 300px; }
.promo ul { width: 99999px; position: absolute; left:0;}
.promo li { float: left; width: 209px; height: 260px; position: relative; margin-right: 30px; color:#535353; }
.promo li .thumb, .promo li .ovrly, .promo li h3 { position: absolute; }
.promo li .ovrly { background: #000; }
.promo li h3 a:hover { color: #f90; }
.promo a:hover { opacity:0.8; filter:alpha(opacity=80); }
.promo a.more { display:block; height:23px; line-height:22px; margin-top:1px; padding-right:18px; text-align:right; background:url(../images/icon.gif) no-repeat 194px -35px; font-size:16px;}
.promo a:hover.more {
	background: url(../images/icon.gif) no-repeat 194px -65px;
	opacity: 1;
	filter: alpha(opacity=100);
	font-size: 16px;
}
.promo h2 { display:block; width:209px; margin:3px 0 1px; font-size:15px; font-weight:bold; font-family: Verdana, Geneva, sans-serif; color:#000; line-height:24px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; text-align:left;}
.promo .desc { height:44px; line-height:20px; overflow:hidden; font-size:13px; color: #535353; text-align:left;}
.promo .last { margin-right:0; }


.search { float:right; width:254px; margin:0; padding:4px; border:1px solid #ededed; background:#FFFFFF;}
.search_inner {margin-top:5px;}


/*----- Footer -----*/
#footer_wrapper { width:100%; margin:40px auto 0; padding:40px 0; background:url(../images/bg_bk.gif) repeat 0 0; color:#bababa; font-family: Arial, ""; line-height:24px; text-align:left;}
.footer_box {
	width: 980px;
	margin:0 auto;
}
ul#footer { padding:0 15px; }
#footer li { float:left; font-size: 13px;}

#footer strong { font-size: 13px; font-weight:bold; display:block;}

#footer .title { font-size:18px; font-family:"", Arial, sans-serif; color:#fff; margin-bottom:20px; text-align:left;}
#footer .title i { font-size:11px; font-style:normal; font-family:Arial, sans-serif; color:#444; }

#footer .download {
	float:left;
	width:170px;
}
#footer .download a {
	display: block;
	padding: 2px;
	margin-bottom: 10px;
	color: #CCCCCC;
}

#footer .company {
	float: left;
	width: 77%;
	padding-right:5px;
	font-size:12px;
}
#footer .company a { color:#bababa; }
#footer .company a:hover { color:#7a9c02; }
#footer .companyinfo {
	float:left;
	width:33.5%;
}
#footer .companyinfo h3 { font-size:15px; margin-bottom:2px; }
#footer .companyinfo h3 span { font-size:13px; font-style:normal; }

#footer .newsletter {
	float: left;
	width: 18%;
	background: url(../images/footer_img.gif) no-repeat -469px 20px;
	padding-left: 15px;
	line-height: 18px;
}
#footer .newsletter p { font:12px; text-align:justify;}


#footer .certify {
	float:left;
	width:31%;
	font-size:12px;
	padding-left:15px;
}
#footer .certifyimg { display:block; width:312px; height:45px; margin-top:25px; background:url(../images/footer_img.gif) no-repeat -79px 0; }
#footer .certify table, #footer .certify td {font-size:12px; line-height:24px;}

/*copyright*/
.copyright_wrap {width:950px; margin: 25px auto 0; padding:15px; }
.copyright_wrap .footer_logo {float:left; width:30%;}
.copyright_wrap .copyright {float:left; width:42%; text-align:center; font:Tahoma, Geneva, sans-serif; font-size:11px; line-height:15px;}
.copyright_wrap .footer_logo_3 {float:right; width:28%; text-align:center;}
.copyright_wrap .footer_logo_3  i { display:block; font-size:9px; font-style:normal; }
.copyright_wrap .footer_logo_2 { margin:5px auto; width:950px;}




/*============== exposition page ==================*/

.expo_wrap {width:938px; margin:0 auto; padding:20px; background:#fff; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; }
.expo_side {width:250px; float:left;}
.expo_side .img { margin:10px 0 25px;}

.expo_side .partager {margin:10px 0 25px;}
.expo_side .partager h3 { font-size:16px; color:#000; padding:0 0 5px 5px; border-bottom: #eee 1px solid; }

.expo_main {
	width: 680px;
	float: right;
	color: #000;
	font-size:16px;
	line-height:24px;
}
.expo_main h2 { font-size:20px; font-family:Verdana, Geneva, sans-serif; color:#333; line-height:28px; margin:5px 0 15px;}
.expo_main p {
	margin-bottom: 25px;
	text-align: justify;
}

.expo_wrap .expo_main p strong {
	font-size: 16px;
}

/*partager*/
.partager_wrap {margin:10px 0 25px;}
.partager_wrap h3 { font-size: 15px; color: #111; margin-bottom: 5px; padding:0 5px; }


/*============== theme page ==================*/
/*---theme_nav---*/
.theme_nav {width:980px; margin:0 auto; height:60px;}
.theme_nav ul {border:1px solid #efefef; height:45px; background:#fff; zoom:1;}
.theme_nav li {float:left; position:relative; width:24.9%; _width:24%; height:45px; padding:7px 0 3px; text-align: center;}
.theme_nav li a {display:block; padding:5px 0; color:#428f98;}
.theme_nav span {display:block; width:80%; margin:0 auto;}
.theme_nav .arrow_down { position:absolute; left:50%; bottom:1px; background:    url(../images/icon_arrow_down.png) no-repeat 0 0; width:17px; height:11px; z-index:2;}
.theme_nav .current, .theme_nav li a:hover { background:#eaf8fa; color: #4dbdcb;}




#theme_wrap {background:url(../images/slide-shadow.png) no-repeat 0 bottom; height:340px; width:980px; margin:0 auto; padding:0;}
.theme_inner {padding:15px; background:#fff; border:1px solid #efefef; width:948px;  height:288px;}



.theme_title {float:left;}


/*========= theme_Promo slideshow =========*/
/*.theme_promo_wrapper { float:left; position:relative; width:665px; margin:0; padding:15px; background:#fff; border:1px solid #e2e2e2; }*/
.theme_promo { position: relative; float:left; width: 706px; height: 270px; background:#fff; padding:0 0 0 15px;}
.theme_promo * { margin: 0; padding: 0; }
.theme_promo ul, .theme_promo li { list-style: none; background:#fff; }
.theme_promo a img { border: none; width: 222px; }

.theme_promo .btn_wrap {position: absolute; top: 265px; right: 0px; width:950px; height: 22px; background:#f4f4f4; z-index:1;}
.theme_promo .btn {float: right; margin:4px 5px 0; }
.theme_promo .btn a { width: 13px; height: 13px; float: left; text-indent: -9999px; }
.theme_promo .btn a.prev { background: url(../images/icon.gif) no-repeat 0 -110px; margin-right: 12px; }
.theme_promo .btn a.next { background: url(../images/icon.gif) no-repeat -45px -110px; }

.theme_promo .frame { position: relative; overflow: hidden; width: 706px; height: 300px; }
.theme_promo ul { width: 99999px; position: absolute; left:0;}
.theme_promo li { float: left; width: 222px; height: 265px; position: relative; margin-right: 20px; color:#535353; }
.theme_promo li .thumb, .theme_promo li .ovrly, .theme_promo li h3 { position: absolute; }
.theme_promo li .ovrly { background: #000; }
.theme_promo li h3 a:hover { color: #f90; }
.theme_promo a:hover { opacity:0.7; filter:alpha(opacity=70); }
.theme_promo a.more { display:block; height:23px; line-height:22px; padding-right:18px; text-align:right; background:url(../images/icon.gif) no-repeat 205px -37px; font-size:13px;}
.theme_promo a:hover.more { background:url(../images/icon.gif) no-repeat 205px -67px; opacity:1; filter:alpha(opacity=100); }
.theme_promo h2 { display:block; width:220px; margin:1px 0; font-size:15px; font-weight:bold; font-family:"", Arial, sans-serif; color:#000; line-height:26px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; text-align:left;}
.theme_promo .desc { height:46px; line-height:23px; overflow:hidden; font-size:13px; color: #535353; text-align:left;}
.theme_promo .last { margin-right:0; }
.cd {
	color: #0C6;
}
.expo_wrap .expo_main p strong {
	font-size: 16px;
}
.str {
	font-weight: bold;
}
.intal {
	font-style: italic;
}
.ital {
	font-style: italic;
}