/** 			RESET			**/

/* normalise les marges et les remplissages  */
body, div, 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;
}


.clearfix {
*zoom: 1;
}

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

.clearfix:after {
clear: both;
}

.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}

audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls]) {
display: none;
}

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

button, input, select, textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}

button, input {
*overflow: visible;
line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}

input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

textarea {
overflow: auto;
vertical-align: top;
}


/** 		Hide the outline 	**/

*:hover, *:active, *:focus, input:focus, textarea:focus {
outline:none !important;
}

/** 	resize image 	**/

img, embed, video, .scale {
/* Part 1: Set a maxium relative to the parent */
max-width:100%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/** 	to prevent a problem with sprites images, Google map and the property max-width:100%		**/ 
#mapcanvas img, .gmnoprint img {
max-width: none;
}

/** 		reset bootstrap CSS 	**/

input, textarea, .uneditable-input {
width:auto;
}


/**************************************************************************************
**
**									SITE
**
***************************************************************************************/

html {
}

body {
position:relative;
background-color : #fff;
margin:0;
text-align:left;
}


/**		SITE 	**/

.wrapper-site {
position:relative;
width:980px;
margin : 0 auto;
}

.zindex1 {
z-index:1;
}
.zindex2 {
z-index:2;
}
.zindex3 {
z-index:3;
}



/**************************************************************************************
**
**									HEADER
**
***************************************************************************************/

.website-header {
position:relative;
height:20px;
width:100%;
background : #3a3530 url(../images/bg-header.jpg) 0 0 repeat;
padding:1px 0 ;
}

.website-header.fixed {
position:fixed;
top:0;
}

.top_menu {
float:left;
padding: 0 ;
}

#translate {
float:left;
padding: 1px 10px 0 0px;
}
#jflanguageselection {
margin:0;
}
.rawimages {
margin-top: 0px;
}

/** 	SEARCH 		**/

#search {
float:right;
padding: 1px 6px 0px 0px;
}

.search {
position:relative;
z-index:1;
}

#search .inputbox {
border: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
padding:3px 20px 2px 10px !important;
width:94px;
height:auto;
line-height:100%;
font-size:90%;
color : #888;
margin:0 0 0 44px;
background: transparent url(../images/black-13.png) 0 0 repeat;
-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;
}

#search .inputbox:hover, #search .inputbox:focus  {
border:none;
color:#ddd;
background: transparent url(../images/white-04.png) 0 0 repeat;
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
}

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

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

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

#search label, label[for=mod-search-searchword] {
display:none;
}


/** 	WEBSITE-TOP 		**/

.website-top {
position:relative;
height:250px;
width:100%;
}

.website-top.fixed {
position:fixed;
top:0;
}

.website-top.fixed.with-header {
top:22px;
}

.bg-white {
height:100px;
background-color : #fff;
}

.bg-ellipse-top {
position:relative;
margin: 0 auto;
width:1613px;
max-width:100%;
height:150px;
background : transparent url(../images/ellipse-top.png) 50% 0 no-repeat;
}


.logo {
position : absolute;
top:0;
left:0;
width:100%;
z-index:2;
}

.logo p {
margin : 0;
}

.logo img {
margin-left:6px;
}

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


/**		MAIN MENU
**/


.drop-down {
position:relative;
margin-top:42px;
float:right;
z-index:10;
}

.drop-down span.title_menu {
display: none;
}




/**************************************************************************************
**
**									MIDDLE WEBSITE
**
***************************************************************************************/



.website-middle {
position : relative;
margin-top: -150px;
padding:0px 0px 70px 0;
}

.website-middle.fixed {
padding-top:124px;
margin-top:0;
}

.middle-site {
padding:30px 0 40px 0;
}

#website-middle .container-site {
padding-bottom:10px;
}


/** 	Top module position		**/

.top-module-position {
position : relative;
z-index:1;
}

/** 	Bottom module position		**/

.bottom-module-position {
position : relative;
z-index:1;
}


.bg-middle {
position:absolute;
top:0;
width:100%;
height:767px;
background : transparent url(../images/bg-black.jpg) 40% 0 no-repeat;
}

.bg-middle.green {
background-image : url(../images/bg-green.jpg);
}
.bg-middle.red {
background-image : url(../images/bg-red.jpg);
}
.bg-middle.orange {
background-image : url(../images/bg-orange.jpg);
}
.bg-middle.blue {
background-image : url(../images/bg-blue.jpg);
}

/**		Image position 		**/

.image-position {
position:relative;
margin:-1px;
}

.fade01-left {
position:absolute;
top:0;
left:0;
width:85px;
height:100%;
background:transparent url(../images/fade01-left.png) 0 0 repeat-y;
z-index:10;
}

.fade01-right {
position:absolute;
top:0;
right:0;
width:85px;
height:100%;
background:transparent url(../images/fade01-right.png) 0 0 repeat-y;
z-index:10;
}

.fade02-left {
position:absolute;
top:0;
left:0;
width:85px;
height:100%;
background:transparent url(../images/fade02-left.png) 0 0 repeat-y;
z-index:10;
}

.fade02-right {
position:absolute;
top:0;
right:0;
width:85px;
height:100%;
background:transparent url(../images/fade02-right.png) 0 0 repeat-y;
z-index:10;
}


/**  		**/

.left_column {
position:relative;
float:left;
width:20%;
margin: 100px 0px 0px 0;
z-index:1;
}

.right-module-position {
position:relative;
float:right;
width:180px;
margin: 100px 0 0 0px;
z-index:1;
}

.right-module-position .moduletable {
position:relative;
z-index:1;
}

.main_content {
position:relative;
overflow:hidden;
background-color : #fff;
padding: 0 0 12px 0;
z-index:1;
}

.main_content.without-image-position {
padding-top:105px;
}

.main_content.without-image-left-position {
padding-top:110px;
}

.bg-left-side {
position : absolute;
top:0;
width:8px;
height:100%;
background:transparent url(../images/content-left-side.png) 0 0 repeat-y;
z-index:6;
}

.bg-right-side {
position : absolute;
top:0;
width:8px;
height:100%;
background:transparent url(../images/content-right-side.png) 0 0 repeat-y;
z-index:6;
}

.bg-left-side-without-column {
position : absolute;
top:0;
left:-8px;
width:8px;
height:100%;
background:transparent url(../images/content-left-side.png) 0 0 repeat-y;
z-index:6;
}

.bg-right-side-without-column {
position : absolute;
top:0;
right:-8px;
width:8px;
height:100%;
background:transparent url(../images/content-right-side.png) 0 0 repeat-y;
z-index:6;
}


.bg-website-middle-bottom {
position:absolute;
bottom:-34px;
left:-10px;
width:100%;
height:100px;
padding: 0 20px 0 0;
background:transparent url(../images/fade-above-footer.png) 0 100% repeat-x;
z-index:10;
}

.main_component {
position:relative;
overflow:hidden;
padding : 0px 20px 14px 20px;
z-index:1;
}


/**  users modules
**/

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

.user1, .user4 {
float:left;
}
.user3, .user6 {
float:right;
}
.user2, .user5 {
position:relative;
overflow:hidden;
}
.user1, .user2, .user3, .user4, .user5, .user6 {
min-height:40px;
height:auto !important;
height:40px;
}


/** Module class suffix	**/

.left_column .moduletable:first-child > div {
-moz-border-radius: 7px 0 0 0;
-webkit-border-radius: 7px 0 0 0;
-khtml-border-radius: 7px 0 0 0;
border-radius: 7px 0 0 0;
}

.right-module-position .moduletable:first-child > div {
-moz-border-radius: 0 7px 0 0;
-webkit-border-radius: 0 7px 0 0;
-khtml-border-radius: 0 7px 0 0;
border-radius: 0 7px 0 0;
}

.left_column .moduletable > div, .right-module-position .moduletable > div, .top-module-position .moduletable > div, .bottom-module-position .moduletable > div,
.user1 .moduletable > div, .user2 .moduletable > div, .user3 .moduletable > div, .user4 .moduletable > div, .user5 .moduletable > div, .user6 .moduletable > div {
padding:14px 20px;
}

.left_column .grey > div, .right-module-position .grey > div, .top-module-position .grey > div, .bottom-module-position .grey > div, .user1 .grey > div, .user2 .grey > div, .user3 .grey > div, .user4 .grey > div, .user5 .grey > div, .user6 .grey > div {
background: transparent url(../images/black-08.png) 0 0 repeat;
}

.left_column .blue > div, .right-module-position .blue > div, .top-module-position .blue > div, .bottom-module-position .blue > div, .user1 .blue > div, .user2 .blue > div, .user3 .blue > div, .user4 .blue > div, .user5 .blue > div, .user6 .blue > div {
background-color: #0099cc ;
color:#fff;
}

.left_column .green > div, .right-module-position .green > div, .top-module-position .green > div, .bottom-module-position .green > div, .user1 .green > div, .user2 .green > div, .user3 .green > div, .user4 .green > div, .user5 .green > div, .user6 .green > div {
background-color: #85b159;
color:#fff;
}

.left_column .orange > div, .right-module-position .orange > div, .top-module-position .orange > div, .bottom-module-position .orange > div, .user1 .orange > div, .user2 .orange > div, .user3 .orange > div, .user4 .orange > div, .user5 .orange > div, .user6 .orange > div {
background-color: #ff9933;
color:#fff;
}

.left_column .red > div, .right-module-position .red > div, .top-module-position .red > div, .bottom-module-position .red > div, .user1 .red > div, .user2 .red > div, .user3 .red > div, .user4 .red > div, .user5 .red > div, .user6 .red > div {
background-color: #cc3333;
color:#fff;
}

.left_column .blue > div > h3, .right-module-position .blue > div > h3, .top-module-position .blue > div > h3, .bottom-module-position .blue > div > h3, .user1 .blue > div > h3, .user2 .blue > div > h3, .user3 .blue > div > h3, .user4 .blue > div > h3, .user5 .blue > div > h3, .user6 .blue > div > h3,
.left_column .green > div > h3, .right-module-position .green > div > h3, .top-module-position .green > div > h3, .bottom-module-position .green > div > h3, .user1 .green > div > h3, .user2 .green > div > h3, .user3 .green > div > h3, .user4 .green > div > h3, .user5 .green > div > h3, .user6 .green > div > h3,
.left_column .orange > div > h3, .right-module-position .orange > div > h3, .top-module-position .orange > div > h3, .bottom-module-position .orange > div > h3, .user1 .orange > div > h3, .user2 .orange > div > h3, .user3 .orange > div > h3, .user4 .orange > div > h3, .user5 .orange > div > h3, .user6 .orange > div > h3,
.left_column .red > div > h3, .right-module-position .red > div > h3, .top-module-position .red > div > h3, .bottom-module-position .red > div > h3, .user1 .red > div > h3, .user2 .red > div > h3, .user3 .red > div > h3, .user4 .red > div > h3, .user5 .red > div > h3, .user6 .red > div > h3 {
color:#fff;
text-shadow : none;
}

.left_column .blue a, .right-module-position .blue a, .top-module-position .blue a, .bottom-module-position .blue a, .user1 .blue a, .user2 .blue a, .user3 .blue a, .user4 .blue a, .user5 .blue a, .user6 .blue a,
.left_column .green a, .right-module-position .green a, .top-module-position .green a, .bottom-module-position .green a, .user1 .green a, .user2 .green a, .user3 .green a, .user4 .green a, .user5 .green a, .user6 .green a,
.left_column .orange a, .right-module-position .orange a, .top-module-position .orange a, .bottom-module-position .orange a, .user1 .orange a, .user2 .orange a, .user3 .orange a, .user4 .orange a, .user5 .orange a, .user6 .orange a,
.left_column .red a, .right-module-position .red a, .top-module-position .red a, .bottom-module-position .red a, .user1 .red a, .user2 .red a, .user3 .red a, .user4 .red a, .user5 .red a, .user6 .red a {
color:#ddd;
}

.left_column .blue a:hover, .right-module-position .blue a:hover, .top-module-position .blue a:hover, .bottom-module-position .blue a:hover, .user1 .blue a:hover, .user2 .blue a:hover, .user3 .blue a:hover, .user4 .blue a:hover, .user5 .blue a:hover, .user6 .blue a:hover,
.left_column .green a:hover, .right-module-position .green a:hover, .top-module-position .green a:hover, .bottom-module-position .green a:hover, .user1 .green a:hover, .user2 .green a:hover, .user3 .green a:hover, .user4 .green a:hover, .user5 .green a:hover, .user6 .green a:hover,
.left_column .orange a:hover, .right-module-position .orange a:hover, .top-module-position .orange a:hover, .bottom-module-position .orange a:hover, .user1 .orange a:hover, .user2 .orange a:hover, .user3 .orange a:hover, .user4 .orange a:hover, .user5 .orange a:hover, .user6 .orange a:hover,
.left_column .red a:hover, .right-module-position .red a:hover, .top-module-position .red a:hover, .bottom-module-position .red a:hover, .user1 .red a:hover, .user2 .red a:hover, .user3 .red a:hover, .user4 .red a:hover, .user5 .red a:hover, .user6 .red a:hover,
.left_column .blue .active a, .right-module-position .blue .active a, .top-module-position .blue .active a, .bottom-module-position .blue .active a, .user1 .blue .active a, .user2 .blue .active a, .user3 .blue .active a, .user4 .blue .active a, .user5 .blue .active a, .user6 .blue .active a,
.left_column .green .active a, .right-module-position .green .active a, .top-module-position .green .active a, .bottom-module-position .green .active a, .user1 .green .active a, .user2 .green .active a, .user3 .green .active a, .user4 .green .active a, .user5 .green .active a, .user6 .green .active a,
.left_column .orange .active a, .right-module-position .orange .active a, .top-module-position .orange .active a, .bottom-module-position .orange .active a, .user1 .orange .active a, .user2 .orange .active a, .user3 .orange .active a, .user4 .orange .active a, .user5 .orange .active a, .user6 .orange .active a,
.left_column .red .active a, .right-module-position .red .active a, .top-module-position .red .active a, .bottom-module-position .red .active a, .user1 .red .active a, .user2 .red .active a, .user3 .red .active a, .user4 .red .active a, .user5 .red .active a, .user6 .red .active a {
color:#fff ;
}


/**************************************************************************************
**
**									ARTICLE JOOMLA
**
***************************************************************************************/

/**	icons	**/

ul.actions {
float:right;
margin: 10px 10px 0 3px !important;
padding:0 !important;
}

ul.actions li {
background-image: none !important;
margin: 0 !important;
padding:0 !important;
list-style:none !important;
display:inline-block;
}

ul.actions a {
text-decoration:none;
}


/**	article info	**/

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

.article-info dd {
margin:0;
}

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

/**		article index	**/

#article-index {
background: transparent url(../images/black-03.png) 0 0 repeat;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
float: right;
margin: 10px 0 20px 30px;
clear : both;
padding: 8px 12px;
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
**
***************************************************************************************/

.website-footer {
clear:both;
padding : 0;
text-align:left;
z-index:1;
}

.website-footer .wrapper-site {
min-height: 160px;
}

.left-footer {
float:left;
width:550px;
min-height:80px;
margin-left:-60px;
margin-bottom:30px;
padding:0px 40px 0 70px;
background : transparent url(../images/ellipse-footer.png) -40px 0 no-repeat;
}

.left-footer > * {
max-width:390px;
}

.bottom_menu {
}

.address {
padding: 0;
}

.address.without-menu {
margin-top:14px;
}

.address p {
margin: 0px;
}

/** 		breadcrumb 		**/

.breadcrumb {
position: absolute;
bottom:116px;
left:580px;
width:38%;
font-size:85%;
z-index:1;
}

.breadcrumb h3 {
display : none;
}

.breadcrumbs a:first-child {
display:inline-block;
text-indent:-9999px;
background : transparent url(../images/home.png) 0 -5px no-repeat;
width:14px;
height:16px;
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 -21px no-repeat;
}


/**	social icons	**/

#social-links {
position : absolute;
top:48px;
left:600px;
width:35%;
background : transparent url(../images/separator-social-links.png) 0px 0 no-repeat;
list-style:none;
padding : 8px 0 0 8px;
}

#social-links li {
float:left;
width:23px;
padding-left:5px;
list-style:none;
}

#social-links li.text_social_icons {
font-size : 100%;
width:auto;
color : #222;
line-height:26px;
}

#social-links li a {
-webkit-transition : none;
-moz-transition : none;
-ms-transition : none;
-o-transition : none;
transition : none;
}

#social-links li a img {
width:23px;
opacity : 0.6 ;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
filter: apha(opacity = 60); 											/* hack IE7		*/
-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;
border:none;
}

#social-links li a:hover img {
opacity : 0.9 ;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)";  	/* hack IE8 	*/
filter: apha(opacity = 90); 											/* hack IE7		*/
}

/** for google +1 only 	**/

#social-links li.google {
margin-right:6px;
}

#social-links li > div {
padding: 5px 0 0 2px !important;
opacity : 0.65 ;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=65)";  	/* hack IE8 	*/
filter: apha(opacity = 65);
-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;
}

#social-links li > div:hover {
opacity : 0.9 ;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)";  	/* hack IE8 	*/
filter: apha(opacity = 90); 
}


/**************************************************************************************
**
**									OTHERS
**
***************************************************************************************/

.clr {
clear:both;
}

.pull-left {
float: left;
}

.pull-right {
float: right;
}

/**	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 		**/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
line-height:20px;
margin:0;
padding : 4px 7px;
max-width:90%;
border:1px solid #ccc;
border-color : rgba(0,0,0,0.10);
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;
}

textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover,
input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover,
input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover {
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.35);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.35);
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.35);
}

input[type="submit"], button, .readmore a {
display: inline-block;
*display: inline;
padding: 4px 14px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
*line-height: 20px;
color: #444444;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
*border: 0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[type="submit"]:hover, button:hover, .readmore a:hover {
color: #222222;
background-position: 0 0;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.15);
}

input[type="submit"]:active, button:active, .readmore a:active {
background-color: #f5f5f5;
background-image: none;
}

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

select {
height: 30px;
line-height: 30px;
padding: 4px 8px 3px 6px;
}


/**	JS	**/

.js-copyright {
position : absolute;
bottom:4px;
right:0;
width:13px;
height:130px;
z-index:2;
}

.jslink {
position : absolute;
top:0;
right:2px;
text-indent:-9999px;
width:8px;
height:130px;
background : transparent url(../images/js_black_16.png) 0 0 no-repeat;
z-index:1;
}


/** General 		**/

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

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

legend {
border-bottom:1px dotted #999;
border-color : rgba(0,0,0,0.11);
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 #999;
border-color : rgba(0,0,0,0.08);
margin: 18px 0;
}

dd {
margin-left:10px;
}

.dl-horizontal dd {
margin:0 0 1px 0;
}

.dl-horizontal dt .jicons-icons {
margin-left:0px;
}

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

.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 {
padding: 5px 0;
font-size:95%;
}

.form-actions {
background-color : transparent;
border:none;
}

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

#jform_contact_email_copy {
margin:-13px 0 0 10px;
}

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


/**	contact	**/

.contact h2 {
padding-top:5px;
}

.accordion-group {
background : transparent url(../images/black-03.png) 0 0 repeat;
border: 1px solid #ccc;
border-color : rgba(0,0,0,0.08);
-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 #ccc;
border-color : rgba(0,0,0,0.08);
padding: 9px 15px;
}

dl {
margin-bottom:18px;
}

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

#jform_contact_email_copy-lbl {
float:left;
}

/**		contact slide 	**/

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

.contact .form-horizontal .controls {
margin-left: 0;
}

.contact .form-horizontal .form-actions {
padding-left: 0px;
}

/** 	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 #ccc;
border-color : rgba(0,0,0,0.08);
}

.main_component .nav-tabs > li, .main_component .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 #ccc;
border-color : rgba(0,0,0,0.08);
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 : transparent url(../images/black-04.png) top left repeat ;
}

.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 #ccc;
border-color : rgba(0,0,0,0.08);
-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 {
border-top:1px dotted #ccc;
border-color : rgba(0,0,0,0.08);
margin: 10px 0;
padding: 10px 0;
height:auto;
}

.pagination ul {
display: block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin:0;
padding:0;
}

.pagination ul > li {
display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
float: none;
padding: 0;
line-height: 1.4;
text-decoration: none;
background-color: transparent;
border: none;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: transparent;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
color: #555;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
color: #555;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 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 0;
}


/** 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-block;
margin: 0 6px 10px 6px;
}
.radio, .checkbox {
}


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

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

#searchForm input[type="text"] {
width:160px;
}
span.icon-search {
display:inline-block;
*display:inline;
*zoom:1;
width:12px;
height:12px;
background : transparent url(../images/icon-search.png) 0 0 no-repeat;
}

/**		tooltips form 		**/

.tip-wrap {
background-color:#444;
border:1px solid #ccc;
border-color : rgba(0,0,0,0.08);
border-radius : 6px;
color : #fff;
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;
}

.actions .tip {
padding : 0;
min-width: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 * {
color: #fff !important;
}

.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
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;
margin-bottom:4px
text-align: left;
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: 48% !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: 48% !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;
border : 1px dotted #ccc;
border-color : rgba(0,0,0,0.11);
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;
}