/* normalise les marges et les remplissages  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
margin: 0;
padding : 0;
}
/* normalise les tailles de polices pour les en-ttes */
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
/* supprime list-style pour les listes */
ul {
list-style : none;
}
/* normalise les styles et graisse de fontes */
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
/* supprime les bordures dans les tableaux */
table {
border-collapse : collapse;
border-spacing : 0;
}
/* supprime les bordures dans les lments fieldset et img */
fieldset, img {
border : 0;
}
/* aligne le texte  gauche dans caption et th */
caption, th {
text-align : left;
}
/* supprime les apostrophes double (guillemets anglais) autour de q */
q:before, q:after {
content :'';
}
/* supprime le souslignage des liens et les met en noir */
a {
text-decoration : none;
color : #33c;
}

img {
border: 0 none;
height: auto;
max-width: 100%;
vertical-align: middle;
}

.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}

.clearfix:after {
clear: both;
}

/* 	for Safari and Chrome 	*/

input:focus, textarea:focus {
outline: none;
}

/*****************************************
		SITE
******************************************/
body {
padding: 0;
margin: 0;
text-align:center;
background: #f3eee2  url(../images/background.jpg) -40px 0 repeat-x;
}
#wrapper {
position:relative;
width:960px;
text-align:left;
margin:0 auto 0 auto;
}


/**
** 				HEADER
**/


#header {
position:relative;
height:145px;
width:100%;
z-index:100;
background: url("../images/frontpagetop_bg.jpg");
}
#logo {
position:relative;
text-align:left;
padding-top:10px;
height:90px;
overflow:hidden;
z-index:1;
}

#logo p {
margin:0;
}

#logo a, #logo a:hover {
text-decoration : none;
outline:none;
}


.web-icons {
position : absolute;
top:4px;
right:0;
z-index:10;
}

.translate {
float:right;
margin-top:1px;
}

#jflanguageselection {
margin:0px 0 0px 0px;
}

#search {
position:relative;
float:right;
margin-top:12px;
}

#search .inputbox {
border: none;
width:94px;
font-size:90%;
color : #888;
margin-left:44px;
padding: 3px 20px 3px 10px !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px -1px 1px rgba(255,255,255, 0.2) inset, 1px 1px 1px rgba(000,000,000, 0.5) inset;
-webkit-box-shadow: 0px -1px 1px rgba(255,255,255, 0.2) inset, 1px 1px 1px rgba(000,000,000, 0.5) inset;
box-shadow: 0px -1px 1px rgba(255,255,255, 0.2) inset, 1px 1px 1px rgba(000,000,000, 0.5) inset;
background: rgb(80,80,80); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(80,80,80,1) 0%, rgba(50,50,50,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,1)), color-stop(100%,rgba(50,50,50,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(50,50,50,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(50,50,50,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(50,50,50,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(50,50,50,1) 100%); /* W3C */
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

#search .inputbox:hover, #search .inputbox:focus  {
border:none;
color:#ddd;
background: rgb(70,70,70); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(88,88,88,1) 0%, rgba(56,56,56,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,88,88,1)), color-stop(100%,rgba(56,56,56,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(88,88,88,1) 0%,rgba(56,56,56,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(88,88,88,1) 0%,rgba(56,56,56,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(88,88,88,1) 0%,rgba(56,56,56,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(88,88,88,1) 0%,rgba(56,56,56,1) 100%); /* W3C */
}

#search .inputbox:focus  {
color:#ddd;
width : 134px;
margin-left:4px;
}

#search .button {
position:absolute;
top:4px;
right:6px;
z-index:2;
}

.search input.button {
border:none;
background-image:none;
}

#search label {
display:none;
}

#nav_main {
position:absolute;
top:104px;
left:5%;
width:90%;
height:40px;
border-top: 1px solid #555;
z-index:20;
}

#nav_main .moduletable {
float:left;
margin-bottom:0;
}

#top {
position:relative;
width:auto;
min-height:190px;
height:auto !important;
height:190px;
margin-bottom:30px;
z-index:1;
}


/**
**					MIDDLE SITE
**/


#main {
position:relative;
width:100%;
z-index:1;
}
#left {
float:left;
width:200px;
margin: 15px 30px 0 0;
}
#right {
float:right;
width:200px;
margin-left:30px;
}
.moduletable {
margin-bottom:25px;
}
#content {
position:relative;
overflow:hidden;
}

/**	breadcrumb		**/

.breadcrumb {
margin:-35px 0px -56px 0px;
}

.breadcrumb h3 {
display : none;
}

.breadcrumbs a:first-child {
display:inline-block;
text-indent:-9999px;
background : transparent url(../images/home.png) 0 -6px no-repeat;
width:17px;
height:20px;
margin-right:5px;
-webkit-transition : none;
-moz-transition : none;
-ms-transition : none;
-o-transition : none;
transition : none;
}

.breadcrumbs a:first-child:hover {
background : transparent url(../images/home.png) 0 -26px no-repeat;
}


#main_component {
}
.shadow {
margin: 4px;
-moz-box-shadow : 0px 2px 10px #999;
-webkit-box-shadow : 0px 2px 10px #999;
box-shadow : 0px 2px 10px #999;
border:4px solid #fff;
}


/**  users modules
**/

.users_top, .users_bottom {
margin: 0;
padding: 5px 0 6px 0;
clear:both;
width: 100%;
}
.users_bottom {
padding:14px 0 0px 0px;
}

.user1, .user4 {
float:left;
margin-right:14px;
padding-right:8px;
/** border-right: 1px solid #e5e5e5; **/
}
.user3, .user6 {
float:right;
margin-left:8px;
padding-left:14px;
/** border-left: 1px solid #e5e5e5; **/
}
.user2, .user5 {
position:relative;
overflow:hidden;
}
.user1, .user2, .user3, .user4, .user5, .user6 {
min-height:40px;
height:auto !important;
height:40px;
}

.user1 > div , .user2 > div , .user3 > div , .user4 > div, .user5 > div, .user6 > div {
padding:5px;
}

.users_top .moduletable, .users_bottom .moduletable {
margin-bottom:20px;
}

/** Module class suffix	**/

#left .moduletable, #right .moduletable {
padding:10px;
}

#left .grey, #right .grey {
background: transparent url(../images/black-04.png) 0 0 repeat;
}

.user1 .grey, .user2 .grey, .user3 .grey, .user4 .grey, .user5 .grey, .user6 .grey {
background: transparent url(../images/black-04.png) 0 0 repeat;
padding:10px !important;
}

#left .light, #right .light {
background: transparent url(../images/white-20.png) 0 0 repeat;
}

.user1 .light, .user2 .light, .user3 .light, .user4 .light, .user5 .light, .user6 .light {
background: transparent url(../images/white-20.png) 0 0 repeat;
padding: 10px !important;
}

#left .image, #right .image {
padding:0px;
}


#left .border, .right .border, .user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
border:1px solid #e8e8e8;
}

.user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border {
padding:10px;
}


.user1 .border h3, .user2 .border h3, .user3 .border h3,
.user1 .light h3, .user2 .light h3, .user3 .light h3,
.user1 .grey h3, .user2 .grey h3, .user3 .grey h3 {
margin-top:8px;
}

#left .border table, #left .border table td, #left .border table th, #left .border ul,  #left .light ul,
#right .border table, #right .border table td, #right .border table th, #right .border ul, #right .light ul,
.user1 .border table, .user1 .border table td, .user1 .border table th, .user1 .border ul, .user1 .light ul,
.user2 .border table, .user2 .border table td, .user2 .border table th, .user2 .border ul, .user2 .light ul,
.user3 .border table, .user3 .border table td, .user3 .border table th, .user3 .border ul, .user3 .light ul,
.user4 .border table, .user4 .border table td, .user4 .border table th, .user4 .border ul, .user4 .light ul,
.user5 .border table, .user5 .border table td, .user5 .border table th, .user5 .border ul, .user5 .light ul,
.user6 .border table, .user6 .border table td, .user6 .border table th, .user6 .border ul, .user6 .light ul {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image:none;
border:none;
padding: 0 !important;
}



/**  ARTICLE  JOOMLA **/


/**	article info	**/

.article-info  {
font-size:90%;
margin:8px 0 15px 0;
}

.article-info-term  {
display:none;
}

/**		article index	**/

#article-index {
background: transparent url(../images/black-05.png) 0 0 repeat;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
border:1px solid rgba(0,0,0,0.05);
float: right;
margin: 10px 0 20px 30px;
clear : both;
padding: 6px 10px;
width: 17%;
}


/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
padding: 0;
}

.items-leading {
padding:0px 5px 10px 5px;
overflow:hidden;
margin-bottom:10px;
}

.row-separator {
display: block;
clear: both;
margin: 0;
border: 0px;
height:1px;
}

.item-separator {
display: none;
margin: 0px;
}

.shownocolumns {
width:98% !important;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
}

.cols-2 .column-1 {
width:46%;
float:left;
}

.cols-2 .column-2 {
width:46%;
float:right;
margin:0;
}

.cols-3 .column-1 {
float:left;
width:29%;
padding:0px 5px;
margin-right:4%;
}

.cols-3 .column-2 {
float:left;
width:29%;
margin-left:0;
padding:0px 5px;
}

.cols-3 .column-3 {
float:right;
width:29%;
padding:0px 5px;
}

.items-row {
overflow:hidden;
margin-bottom:10px !important;
}

.column-1, .column-2, .column-3 {
padding:10px 5px;
}

.column-2 {
width:55%;
margin-left:40%;
}

.column-3 {
width:30%;
}

.blog-more {
padding:10px 5px
}

span.content_rating img {
display:inline-block;
margin:0 1px;
}

span.content_vote input {
display:inline-block;
margin:0 2px;
}


/**		FOOTER		**/
#footer {
border-top: 1px solid #ddd;
margin-top:25px;
padding: 6px 0 40px 0;
}
#footer p {
margin-bottom:0;
}
#syndicate {
float:right;
margin:0px 0px 0px 30px;
}
#syndicate img:hover {
-moz-transform: rotate(10deg);  
-webkit-transform: rotate(10deg); 
}
#bottom_menu {
float: right;
margin-top:4px;
}
#adress {
float:left;
line-height:12px;
}


/**	JS	**/

.js_copyright {
clear:both;
padding:15px 0;
margin:0 auto;
text-align:center;
height:8px;
width:144px;
}

#jslink {
float:left;
text-indent:-9999px;
height:8px;
width:144px;
background : transparent url(../images/js.jpg) 0 0 no-repeat;
}

/**	WEB 2	**/

#social-links {
float:right;
font-size:16px;
height:25px;
line-height:25px;
list-style:none;
margin:-3px 6px 0 0 ;
}

#social-links li {
color:#676767;
float:left;
font-size:17px;
height:25px;
line-height:25px !important;
margin-left:5px;
vertical-align:middle;
}

/** for google +1 only 	**/
#social-links li > div {
margin-left:2px !important;
}

#twitter, #blogger, #facebook, #rss, #linkedin, #myspace, #delicious, #flickr, #youtube, #vimeo {
background: transparent url(../images/social-links.png) 0 0 no-repeat;
float:left;
height:25px;
text-indent:-9999px;
width:26px;
}

#twitter {
background-position:-162px 0;
}
#twitter:hover {
background-position:-162px -25px;
}

#flickr {
background-position:-190px 0;
}
#flickr:hover {
background-position:-190px -25px;
}

#youtube {
background-position:-217px 0;
}
#youtube:hover {
background-position:-217px -25px;
}

#vimeo {
background-position:-244px 0;
}
#vimeo:hover {
background-position:-244px -25px;
}

#blogger {
background-position:-54px 0;
}
#blogger:hover {
background-position:-54px -25px;
}

#facebook {
background-position:-108px 0;
}
#facebook:hover {
background-position:-108px -25px;
}

#delicious {
background-position:-81px 0;
}
#delicious:hover {
background-position:-81px -25px;
}

#rss {
background-position:-135px 0;
}
#rss:hover {
background-position:-135px -25px;
}

#linkedin {
background-position: 0px 0;
}
#linkedin:hover {
background-position: 0px -25px;
}

#myspace {
background-position:-27px 0;
}
#myspace:hover {
background-position:-27px -25px;
}



/**  OTHERS  	**/
.clr {
clear:both;
}

.logo_image {
background : transparent url(../images/logo.png) 0 0 no-repeat;
width:auto;
height:100px;
}
.logo_image:hover, .logo_image .sfhover {
background : transparent url(../images/logo_hover.png) 0 0 no-repeat;
}


/**	BLOG LIST	**/
table.category {
width:100%;
margin-top:20px;
}
.sectiontableheader {
background: transparent url(../images/black-05.png) top left repeat;
padding:8px 5px;
}
.sectiontableheader a {
text-transform:uppercase;
color: #444;
text-decoration : none;
}
tr.sectiontableentry1 td, tr.even td {
background-color : transparent;
border-bottom: 1px dotted #444;
padding:8px 5px;
}
tr.sectiontableentry2 td, tr.odd td {
background: transparent url(../images/black-05.png) top left repeat;
border-bottom: 1px dotted #444;
padding:8px 5px;
}

tr.sectiontableentry1 td a, tr.sectiontableentry2 td a {
text-decoration : none;
}

/**	Polls	**/
.pollstableborder {
margin: 10px 0;
}
.pollstableborder tr {
display:block;
padding: 5px 0;
}
.pollstableborder tr .sectiontableentry1, .pollstableborder tr .sectiontableentry2 {
display:inline-block;
margin-right: 5px;
text-align:left;
}

/** 	Form 		**/

input[type="text"], input[type="password"], input[type="email"], textarea {
padding : 4px 7px;
border:none;
background : transparent url(../images/black-04.png) top left repeat ;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset;
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

input[type="text"]:hover, textarea:hover,
input[type="password"]:hover, input[type="password"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="text"]:focus, textarea:focus {
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.30);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.30);
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.30);
}

input[type="submit"], button {
padding : 3px 10px;
margin: 0 6px 4px 3px;
border:none;
font-weight:normal;
text-shadow : 0 1px 1px rgba(255,255,255, 0.85);
background : #f5f5f5 url(../images/black-04.png) top left repeat ;
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ddd));
background-image : -moz-linear-gradient(0% 100% 90deg, #ddd, #fbfbfb );
background-image: -ms-linear-gradient(top, #fbfbfb, #ddd);
background-image: -o-linear-gradient(top, #fbfbfb, #ddd);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

input[type="submit"]:hover, button:hover {
cursor : pointer;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
}

input[type="submit"]:active, button:active {
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#fbfbfb));
background-image : -moz-linear-gradient(0% 100% 90deg, #fbfbfb, #ddd );
background-image: -ms-linear-gradient(top, #ddd, #fbfbfb);
background-image: -o-linear-gradient(top, #ddd, #fbfbfb);
}

input[type="checkbox"], input[type="radio"] {
margin: 0 8px;
}

select {
padding : 2px 8px 3px 6px;
}




/**	Virtuemart	**/

.cbContainer {
z-index:9999999;
}
.cbBox h3 {
color : #000;
line-height:13px;
}
.vmCartContainer, .vmCartContainer .inputbox, .vmCartContainer .inputbox:hover, .vmCartContainer .inputbox:focus {
color:#000;
}

/**	nivo slider	**/

.slider, .nivoSlider {
margin:0px;
-moz-box-shadow : 0px 0px 40px #000;
-webkit-box-shadow : 0px 0px 40px #000;
box-shadow : 0px 0px 40px #000;
height:auto;
width:auto !important;
overflow:hidden;
}

body .ari-image-slider-wCtrlNav {
margin-bottom:0px;
}


/** General 		**/

.pull-left {
float:left;
}
.pull-right {
float:right;
}

.well {
background : transparent url(../images/black-04.png) 0 0 repeat;
border: 1px solid #E3E3E3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}

legend {
border-bottom:1px dotted #ddd;
color: #333333;
display: block;
font-size: 120%;
margin-bottom: 14px;
padding: 0;
width: 100%;
}

hr.hr-condensed {
margin: 10px 0;
}

hr {
border:none;
border-bottom: 1px solid #ccc ;
margin: 18px 0;
}

dd {
margin-left:10px;
}

.dl-horizontal dd {
margin-bottom:7px;
margin-left:140px;
}

.dl-horizontal dt {
clear: left;
float: left;
padding-right: 30px;
font-weight:bold;
min-width:110px;
}

.dl-horizontal dt .jicons-icons {
float:right;
}

.control-group {
margin-bottom: 9px;
}

.form-vertical .control-label {
float: none;
padding-right: 0;
padding-top: 0;
text-align: left;
width: auto;
}

.form-vertical .controls {
margin-left: 0;
}

.form-horizontal .control-group {
margin-bottom:18px;
}

.form-horizontal .control-group:after {
clear:both;
}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
content: "";
display: table;
line-height: 0;
}

legend + .control-group {
margin-top: 18px;
}

.form-horizontal .control-label {
float: left;
padding-top: 5px;
text-align: right;
font-size:90%;
width: 150px;
}

.form-horizontal .controls {
margin-left: 170px;
}

.form-horizontal .form-actions {
clear: both;
margin: 40px 0 20px 160px;
}

#jform_contact_email_copy {
margin-top:5px;
}

.content-module .logout-button {
margin:20px 0 0 -4px;
}



/**	contact	**/


.accordion-group {
background : transparent url(../images/black-04.png) 0 0 repeat;
border: 1px solid #E5E5E5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
margin-bottom: 8px;
}

.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
cursor : pointer;
}

.collapse.in {
height: auto;
}

.collapse {
-webkit-transition : height 0.35s ease 0s;
-moz-transition : height 0.35s ease 0s;
-ms-transition : height 0.35s ease 0s;
-o-transition : height 0.35s ease 0s;
transition : height 0.35s ease 0s;
height: 0;
overflow: hidden;
position: relative;
}

.accordion-inner {
border-top: 1px solid #E5E5E5;
padding: 9px 15px;
}

dl {
margin-bottom:18px;
}

#contact-form legend {
margin-bottom:15px;
font-weight:normal;
color: #111;
font-size:85%;
}



/** 	contact tabs 	**/

#main_component .nav-tabs:after, #main_component .nav-pills:after {
clear: both;
}

#main_component .nav-tabs:before, #main_component .nav-tabs:after, #main_component .nav-pills:before, #main_component .nav-pills:after,
#main_component .nav-tabs:before, #main_component .nav-tabs:after, #main_component .nav-pills:before, #main_component .nav-pills:after {
content: "";
display: table;
line-height: 0;
}

#main_component .nav-tabs {
border-bottom: 1px solid #DDDDDD;
}

#main_component .nav-tabs > li, .nav-pills > li {
float: left;
}

#main_component .nav-tabs > li {
margin: 0 20px -1px 0 !important;
padding : 0 !important;
background-image : none !important;
}

#main_component .nav-tabs.nav-stacked > li {
margin: 0 0px -1px 0 !important;
}

#main_component .nav {
list-style: none outside none;
margin-bottom: 18px;
margin-left: 0;
}

#main_component .nav-tabs > .active > a, #main_component .nav-tabs > .active > a:hover {
background-color: transparent;
color: #555555;
background : transparent url(../images/black-04.png) top left repeat ;
cursor: default;
}

#main_component .nav-tabs > li > a {
border: 1px solid transparent;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-khtml-border-radius: 4px 4px 0 0;
border-radius:4px 4px 0 0;
border:1px solid #ddd;
line-height: 18px;
padding-bottom: 8px;
padding-top: 8px;
}

#main_component .nav-tabs > li > a, #main_component .nav-pills > li > a {
line-height: 14px;
margin-right: 2px;
padding-left: 12px;
padding-right: 12px;
}

#main_component .nav > li > a {
display: block;
}

#main_component .nav > li > a:hover {
background-color : #eee;
}

#main_component .nav-tabs:after, #main_component .nav-pills:after {
clear: both;
}

#main_component .nav-stacked > li {
float: none;
}

#main_component .nav-tabs.nav-stacked > li > a {
border: 1px solid #DDDDDD;
-moz-border-radius:0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}

#myTabContent {
margin-left:12px;
}

.contact .tab-content > .tab-pane {
display: none;
}

.contact .tab-content > .active {
display: block;
}


/**	page nav	**/

ul.pagenav {
list-style-type:none;
overflow:hidden;
padding:0;
margin:5px 0;
padding:5px 0;
}

ul.pagenav li {
display : inline-block;
background-image:none ;
padding : 3px 14px 3px 12px !important;
margin: 12px 6px 4px 3px !important;
line-height:20px;
border:none;
font-weight:normal;
text-shadow : 0 1px 1px rgba(255,255,255, 0.85);
background : #f5f5f5 url(../images/black-04.png) top left repeat !important;
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ddd)) !important;
background-image : -moz-linear-gradient(0% 100% 90deg, #ddd, #fbfbfb ) !important;
background-image: -ms-linear-gradient(top, #fbfbfb, #ddd) !important;
background-image: -o-linear-gradient(top, #fbfbfb, #ddd) !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

ul.pagenav li:hover {
cursor : pointer;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
}

ul.pagenav li:active {
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#fbfbfb)) !important;
background-image : -moz-linear-gradient(0% 100% 90deg, #fbfbfb, #ddd ) !important;
background-image: -ms-linear-gradient(top, #ddd, #fbfbfb) !important;
background-image: -o-linear-gradient(top, #ddd, #fbfbfb) !important;
}

ul.pagenav li a {
text-decoration:none;
}

ul.pagenav li.prev {
float:left;
}

ul.pagenav li.next {
float:right;
}

/**	weblinks	**/

table.weblinks, table.category {
font-size:1em;
margin:10px 10px 20px 0;
width:99%;
}

table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
background: transparent url(../images/black-07.png) 0 0 repeat;
color:#000000;
padding:7px;
}

table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a  {
color:#000000 !important;
}

table.weblinks td, table.category td {
padding:7px;
}

.weblink-category a {
font-size:110%;
text-decoration:none;
font-weight:bold;
padding: 0 0 0 5px;
}


/**	pagination	**/

.pagination {
clear:both;
border-top:1px dotted #ddd;
margin: 10px 0;
padding: 10px 0;
}

.pagination ul {
list-style-type:none;
margin:0;
padding:0;
text-align:center;
}

.pagination li {
background : none !important;
display:inline;
padding:2px 5px !important;
text-align:left;
margin:0 2px !important;
}

.pagenav {
padding:2px;
}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev {
border:0;
}

.pagination li.pagination-start ,
.pagination li.pagination-start  span {
padding:0;
}

p.counter {
float:right;
margin: 10px 0 0 14px;
}


/** translate	**/

div.mod-languages ul li {
display:inline;
}

/**		search form		**/

#searchForm fieldset {
margin : 30px 0 50px 0 ;
}

.phrases-box {
margin:10px 0;
}

fieldset.phrases label, fieldset.only label {
display: inline;
margin: 0 10px;
}
.radio, .checkbox {
padding-left: 18px;
}


a[href="#advancedSearch"] {
display : none ;
}

#advancedSearch {
height : auto;
margin:12px 0;
}

.btn {
background : #f5f5f5 url(../images/black-04.png) top left repeat ;
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ddd)) ;
background-image : -moz-linear-gradient(0% 100% 90deg, #ddd, #fbfbfb ) ;
background-image: -ms-linear-gradient(top, #fbfbfb, #ddd) ;
background-image: -o-linear-gradient(top, #fbfbfb, #ddd) ;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border:1px solid #bbb;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.15);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.15);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.15);
cursor: pointer;
display: inline-block;
line-height: 18px;
margin-bottom: 0;
padding: 4px 10px 3px 10px;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
}

.btn-toolbar .btn-group {
display: inline-block;
}

i.icon-search {
display:inline-block;
height:12px;
width:11px;
background : transparent url(../images/icon-search.png) 0 0 no-repeat;
}


/**		tooltips form 		**/

.tip-wrap {
background-color:#fff;
border:1px solid #bbb;
border-radius : 6px;
color : #666;
z-index:999;
}

.tip {
padding : 8px 8px 16px 8px;
min-width:160px;
}

.tip-wrap .tip-top, .tip-wrap .tip, .tip-wrap .tip-bottom {
background-image : none;
height:auto;
}

.tip-title {
color : #028bc0;
margin: -2px 0 4px 0;
}

.tooltip {
position: absolute;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
background:transparent !important;
border:none !important;
z-index:999;	
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
left:0px !important;
margin-top: -3px ;
padding: 5px 8px;
}
.tooltip.right {
margin-left: 3px;
padding: 5px 8px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 8px;
}
.tooltip.left {
margin-left: -3px;
padding: 5px 8px;
}

.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 20% !important;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 20% !important;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}

.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: #fff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.popover-title:empty {
display: none;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
border-width: 10px;
content: "";
}
.popover.top .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0,0,0,0.25);
bottom: -11px;
}
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0,0,0,0.25);
top: -11px;
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}


/**  Error Message contact form  **/

p.error {
}

#system-message-container #system-message > div {
background-color : #f5f5f5;
padding:14px 12px 8px 16px ;
margin: 12px 4px 20px 0;
-moz-box-shadow:2px 2px 4px #ccc;
-webkit-box-shadow:2px 2px 4px #ccc;
box-shadow:2px 2px 4px #ccc;
}

#system-message-container #system-message h4 {
padding-top:5px;
font-size:140%;
color: red ;
}

#system-message-container #system-message > div > div {
font-size:100%;
color: #000 ;
}

#system-message-container ul {
margin : 0 !important;
}

#system-message-container li {
background-image : none !important;
padding : 8px 0 0 0 !important;
}

#system-message a.close {
display:none;
}

/** 	edit article frontend 	**/

#adminForm fieldset {
margin-bottom:20px;
padding: 10px 20px;
}

#adminForm fieldset legend {
display: inline-block;
margin-top: 15px;
padding: 0pt 10px;
}

form#adminForm .formelm-area label {
display: inline-block;
vertical-align: top;
width: 9em;
}

.formelm label {
display: inline-block;
vertical-align: top;
width: 13em;
}

/* ++++++++++++++  image float style ++++++++++++++ */

.img-fulltext-left {
float:left;
margin-right: 20px;
margin-bottom: 20px;
}

.img-intro-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.img-fulltext-right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

.img-intro-right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

.img-fulltext-none {
display:block;
margin:10px 0;
}


/** 	tags 		**/

.label-info {
display:inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color : #2d6987;
color: #eee;
padding:2px 8px;
-moz-box-shadow:1px 1px 2px #aaa;
-webkit-box-shadow:1px 1px 2px #aaa;
box-shadow:1px 1px 2px #aaa;
*display: inline;
*zoom: 1;
}

.label-info:hover {
color : #fff;
background-color : #32769a;
-moz-box-shadow:1px 1px 2px #888;
-webkit-box-shadow:1px 1px 2px #888;
box-shadow:1px 1px 2px #888;
}

#custom_menu {
  white-space: nowrap;
  height: 120px;
  float: left;
  margin-bottom: 20px;
  -webkit-text-size-adjust:none;  //for chrome not menu字不顯示 20110214 nelson
}

#custom_menu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#custom_menu li {
	float: left;
	background: url(../images/mw_menu_separator.png) top right no-repeat;
	margin: 0;
	padding: 0;
}

#custom_menu a {
  font-family: 微軟正黑體, 新細明體, Arial, Helvetica, sans-serif;
/*  font-size: 12px; show image instead of text.20110311 by nelson */
  font-size:0;
  -webkit-text-size-adjust: none
  font-weight: bold;
	float:left;
  display:block;
  height: 100px;
  line-height: 24px;
  padding: 0 12px;
  color: #000;
  text-decoration: none;
}

#custom_menu li.item-105 a {
  width: 221px;
  height: 100px;
  background: url(../../../images/topmenus/aboutus_logo.png) 0 0 no-repeat;
}
#custom_menu li.item-105 a:hover {
  background: url(../../../images/topmenus/aboutus_logo_ov.png) 0 0 no-repeat;
}
#custom_menu li#current.item-105 a {
  background: url(../../../images/topmenus/aboutus_logo.png) 0 0 no-repeat;
}
#custom_menu li#current.item-105 a:hover {
  background: url(../../../images/topmenus/aboutus_logo_ov.png) 0 0 no-repeat;
}

#custom_menu li.item-106 a {
  width: 221px;
  height: 100px;
  background: url(../../../images/topmenus/events_logo.png) 10px 0 no-repeat;
}
#custom_menu li.item-106 a:hover {
  background: url(../../../images/topmenus/events_logo_ov.png) 10px 0 no-repeat;
}
#custom_menu li#current.item-106 a {
  background: url(../../../images/topmenus/events_logo.png) 10px 0 no-repeat;
}
#custom_menu li#current.item-106 a:hover {
  background: url(../../../images/topmenus/events_logo_ov.png) 10px 0 no-repeat;
}
#custom_menu li.item-107 a {
  width: 221px;
  height: 100px;
  background: url(../../../images/topmenus/gallery_logo.png) 20px 0 no-repeat;
}
#custom_menu li.item-107 a:hover {
  background: url(../../../images/topmenus/gallery_logo_ov.png) 20px 0 no-repeat;
}
#custom_menu li#current.item-107 a {
  background: url(../../../images/topmenus/gallery_logo.png) 20px 0 no-repeat;
}
#custom_menu li#current.item-107 a:hover {
  background: url(../../../images/topmenus/gallery_logo_ov.png) 20px 0 no-repeat;
}
#custom_menu li.item-122 a {
  width: 221px;
  height: 100px;
  background: url(../../../images/topmenus/activities_logo.png) 25px 0 no-repeat;
}
#custom_menu li.item-122 a:hover {
  background: url(../../../images/topmenus/activities_logo_ov.png) 25px 0 no-repeat;
}
#custom_menu li#current.item-122 a {
  background: url(../../../images/topmenus/activities_logo.png) 25px 0 no-repeat;
}
#custom_menu li#current.item-122 a:hover {
  background: url(../../../images/topmenus/activities_logo_ov.png) 25px 0 no-repeat;
}

#left .moduletable._nelson, #right .moduletable._nelson {
padding:0px;
}