/** 			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, object, 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: 3px 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;
}

.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:50px;
}

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

.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 {
margin:10px 10px 0 3px;
padding:0;
text-align:right;
float:right;
}

ul.actions li {
display:inline;
}

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;
padding:30px 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-left:8px;
}

select {
height: 30px;
line-height: 30px;
padding: 4px 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;
}

/**	no margin for module image	**/

#image .content-module > * {
margin:0 !important;
}

/**	JS	**/

.js {
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;
}


/**	contact	**/

.contact h3 {
margin:20px 0;
}

.contact .panel .contact-form form, .contact .panel .contact-address {
margin:20px 0 0 0;
}

.contact-email div {
margin:0 0 10px;
padding:2px 0;
}

.contact-email label {
float:left;
width:17em;
}

#contact-email-copy  {
float:left;
margin-right:10px;
}

#member-registration fieldset {
margin-bottom:20px;
}

#member-registration fieldset > div {
margin-bottom:12px;
}

fieldset dt {
clear:left ;
float:left;
width:11em;
padding:3px 20px 3px 0 ;
margin-bottom:10px;
}

fieldset dd {
float:left;
padding:3px 0 ;
}

.contact .button {
clear: left;
display: block;
float: none !important;
margin: 20px 0 0 0;
}

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

.panel h3.pane-toggler a {
display:block;
background: transparent url(../images/slider_plus.png) right top no-repeat;
}
.panel h3.pane-toggler-down a {
display:block;
background: transparent  url(../images/slider_minus.png) right top no-repeat;
border-bottom:solid 1px #d3d3d3;
}

#member-registration > div, #user-registration > div {
margin-top:22px;
}

#editor-xtd-buttons {
float:left;
}

#editor-xtd-buttons .readmore a {
padding: 0 24px 0 6px;
border:none;
text-shadow:none;
margin-right:0;
font-style:normal;
font-size:11px;
color:#666;
float:left;
background-image:none;
}

.toggle-editor {
margin: 5px 0 0 0px;
}

.pane-slider .jicons-icons {
float: left;
margin: 0 14px 0 0;
}

.contact-form dd {
margin-left:0;
}

.contact-form dt {
width:auto;
min-width:70px;
}

/**		category list	**/

img[src$="sort_asc.png"], img[src$="sort_desc.png"] {
display:inline-block;
padding-left : 6px;
}

.categories-list ul {
padding:5px 5px 0 5px;
}

.categories-list ul ul {
margin-left:15px;
}

.categories-list ul li span.item-title {
display:block;
font-size:120%;
margin-bottom:10px;
}

.categories-list .category-desc {
margin: 9px 0 0 8px;
}

.categories-list .category-desc p {
margin: 4px 0 4px 0;
}

.categories-list dl {
font-size:90%;
font-style:italic;
margin: 4px 0 0 8px;
}

.categories-list dd, .categories-list dt {
display:inline-block;
margin-right:3px;
}

.contact-miscinfo .jicons-icons {
float:left;
margin: -1px 14px 0 0;
}

.contact-contactinfo .jicons-icons {
float:left;
margin: 1px 12px 0 0;
}

/**	login content	**/

.login-fields {
margin:10px 0;
}

.login-fields label {
float:left;
width:9em;
}

/**  Error Message contact form  **/
p.error {
padding:10px;
}

/**  editor  **/
.contentpaneopen_edit {
float: left;
}

.contentpaneopen_edit img {
}


/**	form required	**/

.form-required {
background: transparent url(../images/req.png) 0 7px no-repeat;
font-weight:bold;
margin:10px 0;
padding:10px 40px;
}

/**  pagebreak  **/
table.contenttoc {
padding:10px;
margin:10px;
}

table.contenttoc tr td {
padding:1px 0px
}

.pagenavcounter {
font-weight:bold;
}

/**	page nav	**/

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

ul.pagenav li {
-moz-border-radius : 3px;
border:1px solid #d3d3d3;
display:inline-block;
margin:0;
padding:0 9px;
position:relative;
line-height:2em;
background-image:none !important;
margin:0 3px !important;
padding:0 4px !important;
}

ul.pagenav li:hover {
background: transparent url(../images/black-05.png) 0 0 repeat !important;
}

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

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

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

/**	panel slider	**/

.pane-sliders {
margin:16px 0 10px 0; 
}

.panel {
border:1px solid #e3e3e3;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background: transparent url(../images/black-03.png) 0 0 repeat;
margin:-1px 0 10px 0;
}

.panel h3 {
line-height:140%;
padding : 9px 9px 6px 9px;
margin:0;
}

.pane-slider {
border:0 solid;
margin:0;
padding:0 14px !important;
}

.jpane-slider {
border:0 solid;
margin:0;
padding:0 14px !important;
}

.panel h3.jpane-toggler-down a {
background: transparent url(../images/slider_minus.png) right top no-repeat;
display:block;
}

.panel h3.jpane-toggler a {
background: transparent url(../images/slider_plus.png) right top no-repeat;
display:block;
}

.panel .contact-form, .panel .contact-miscinfo  {
padding:10px 10px 10px 10px;
}

/**	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 #ddd;
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;
}

/**	items more	**/

.items-more h3 {
border-bottom:1px solid #d3d3d3;
border-top:1px solid #d3d3d3;
color:#444444;
}

.items-more h3 {
font-size:115%;
font-weight:normal;
margin:0 0 10px 0;
padding:8px 5px 7px 5px;
}

/** translate	**/

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

/**		search form		**/

#searchForm {
margin:20px 0;
}

#searchForm label {
display : inline;
}

#searchForm input {
margin : -2px 2px 0 12px;
}

#searchForm fieldset {
margin:8px 0;
}

#searchForm fieldset legend {
padding:25px 0 5px 0;
font-weight:bold;
font-size:110%;
}

#searchForm fieldset > div {
margin:6px 0;
}


/** 	contact tabs 	**/

dl.tabs {
clear: both;
float: left;
margin: 50px 0 0;
z-index: 50;
}

div.current {
border: 1px solid #ddd;
clear: both;
padding: 10px;
}

div.current dd {
margin: 0;
padding: 0;
}

dl.tabs dt {
background: none repeat scroll 0 0 #F0F0F0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
color: #666666;
float: left;
margin-right: 3px;
padding: 4px 10px;
}

#main dl.tabs h3, #main2 dl.tabs h3 {
margin: 0;
}

.contact .tabs h3 {
margin: 0;
padding : 4px 12px;
}

.open h3 a {
text-decoration : none;
font-weight:bold;
}


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



/**  Error Message contact form  **/
p.error {
}

#system-message-container #system-message {
background-color : #f5f5f5;
border : 1px dotted #bbb;
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 .error {
font-size:140%;
color: red ;
}

#system-message-container #system-message .message {
font-size:100%;
color: #000 !important;
}

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

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


/** 	edit article frontend 	**/

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

#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;
}