/**       RESET      **/


/**Centrer le bouton "lire la suite" **/
input[type="submit"], button, .readmore a {
  
  display : block;
  margin-right: 490px;
  margin-left: 490px;
 }


/* 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 {
background-position:50% 0;
}

body {
position:relative;      
text-align:left;
}

/**    SITE   **/

.wrapper-website {
position:relative;
width:980px;
margin : 60px auto 50px auto;
padding: 25px;
background: #fff ;
}

.zindex10 {
z-index:10;
}
.zindex20 {
z-index:20;
}
.zindex30 {
z-index:30;
}

.shadow-normal {
box-shadow: 0 0 6px rgba(0,0,0,0.6);
}

.shadow-large {
box-shadow: 0 0 15px rgba(0,0,0,0.4);
}

.bg-no-repeat {
position:fixed;
top:0;
left:0;
right:0;
height:100%;
background-position:50% 0;
background-repeat:no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
z-index:0;
}

/********************************************************************************************************************************************

                  HEADER

*********************************************************************************************************************************************/

.website-header {
position:relative;
}

/**            translate           **/

#translate {
position:absolute;
top:4px;
right:10px;
z-index:99;
vertical-align:middle;
}

div.mod-languages img {
vertical-align:top;
margin-top:3px;
}

#jflanguageselection {
margin:0 !important;
float:none !important;
}
.rawimages {
margin-top: 0px !important;
}
#translate .rawimages span {
float:left;
margin-right:4px;
}


/*************************************************************************************************************

                  LOGO

**************************************************************************************************************/ 

.logo-module {
float:left;
 }


.logo-module p {
margin: 0;
}

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

.slogan-module {
float:right;
}


/*************************************************************************************************************

                  DROP DOWN MENU

**************************************************************************************************************/

.main_menu {
position:relative;
margin:20px 0 5px 0;
}

.drop-down {
clear:both;
position:relative;
margin:0 auto;
text-align:center;
z-index:10;
}

span.title_menu {
display: none;
}


/*************************************************************************************************************

                  Social icons

**************************************************************************************************************/

.social-links {
position:absolute;
top:-28px;
right:35px;
}

.social-links li {
display:inline-block;
*display:inline;
*zoom:1;
width:auto;
margin-bottom:4px;
list-style:none;
}

.social-links li.text_social_icons {
display:inline-block;
*display:inline;
*zoom:1;
margin-right:6px;
font-size : 90%;
color : #fff;
vertical-align:top;
}

.social-links li a {
display:inline-block;
padding : 3px 10px;
-webkit-transition : opacity 0.5s ease-in-out;
-moz-transition : opacity 0.5s ease-in-out;
-ms-transition : opacity 0.5s ease-in-out;
-o-transition : opacity 0.5s ease-in-out;
transition : opacity 0.5s ease-in-out;
border-radius:8px 8px 0 0 ;
background-color : #fff;
box-shadow: 0 -4px 5px rgba(0,0,0,0.2), 0 -4px 5px rgba(0,0,0,0.2) inset;
opacity:0.7;
}

.social-links li a img {
width:22px;
border:none;
vertical-align:top;
}

.social-links li a:hover {
opacity:1;
}

/** for google +1 only   **/

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

.social-links li > div {
padding: 0 0 0 2px !important;
vertical-align:middle !important;
-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 {
}


/********************************************************************************************************************************************

                  MIDDLE WEBSITE

*********************************************************************************************************************************************/

.website-content {
position:relative;
background:#f2f2f2;
margin-top:30px;
padding:20px;
}


/**   Image module position    **/

.image-module-position {
position : relative;
margin:-20px -20px 20px -20px;
z-index:1;
}

/**   Top module position    **/

.top-module-position {
position : relative;
margin: 0 0 20px 0;
z-index:1;
}

/**   Bottom module position    **/

.bottom-module-position {
position : relative;
margin: 20px 0 0 0;
padding: 0;
z-index:1;
}


/**     breadcrumb     **/

.breadcrumb {
margin : 30px 10px 0px 10px;
padding:8px 0 0 0;
font-size:85%;
border-top:2px dotted #d5d5d5;
border-color: rgba(0,0,0,0.1);
z-index:1;
}

.breadcrumb h3 {
display : none;
}

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


/**   SEARCH     **/

#search {
position:relative;
margin : 25px 0 0 0;
}

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

#search .search {
border:1px solid #e0e0e0;
padding:5px 0px ;
background : transparent url(../images/black-03.png) 0 0 repeat ;
font-size:95%;
border-radius: 6px ;
}

#search .inputbox {
border:0 none !important;
border-radius: 0px !important;
background-image:none !important;
padding : 4px 6px 2px 17px !important;
box-shadow : none !important;
color:#111;
}

#search h3 {
margin:-14px 8px 1px 18px;
color:#111;
}

#search .button {
position:absolute;
top:10px;
right:12px;
border:none;
background-image:none;
z-index:2;
}

#search .button:hover {
margin-top:1px;
}

#search label {
display:none;
}

#search input {
padding : 0 !important;
}

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



/*************************************************************************************************************

                  MIDDLE SITE

**************************************************************************************************************/

.left_column {
position:relative;
float:left;
width:180px;
margin: 0 30px 0 0 ;
z-index:1;
}

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

.left_column .moduletable, .right-module-position .moduletable {
margin-bottom:20px;
}

.main_content {
position:relative;
overflow:hidden;
z-index:1;
}

.main_component {
position:relative;
overflow:hidden;
z-index:1;
}


/*************************************************************************************************************

                  USER MODULES

**************************************************************************************************************/

.users_top, .users_bottom {
margin: 0 0 15px 0;
padding: 0;
clear:both;
}

.users_bottom {
margin: 30px 0 0px 0;
padding: 0;
}

.users_footer {
position: relative;
padding:0;
margin:0 0 15px 0;
z-index:1;
}

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

.user1, .user4, .user7 {
float:left;
margin-right:6px;
}
.user3, .user6, .user9 {
float:right;
margin-left:6px;
}
.user2, .user5, .user8 {
position:relative;
overflow:hidden;
}



/*************************************************************************************************************

                  MODULE CLASS SUFFIX

**************************************************************************************************************/

.moduletable {
position:relative;
}

.no-margin > div {
padding:0 !important;
margin:0 !important;
}

.user1 .moduletable > div, .user2 .moduletable > div, .user3 .moduletable > div, .user4 .moduletable > div, .user5 .moduletable > div, .user6 .moduletable > div,
.user7 .moduletable > div, .user8 .moduletable > div, .user9 .moduletable > div {
padding:12px 18px;
}

.top-module-position .moduletable > div, .bottom-module-position .moduletable > div, .left_column .moduletable > div, .right-module-position .moduletable > div {
padding:12px 18px;
}

.moduletable.shadow {
margin-bottom : 10px ;
box-shadow : none;
border:none;
background: transparent url(../images/shadow-module.png) 50% 100% no-repeat;
background-size: 100% 10px;
padding-bottom:10px;
margin : 0 0 12px 0 !important;
}

.moduletable.shadow > div {
background: transparent url(../images/shadow-module-top.png) 50% 0 no-repeat;
background-size: 100% 10px;
}

.left_column p, .right-module-position p, .top-module-position p, .bottom-module-position p, .user1 p, .user2 p, .user3 p, .user4 p, .user5 p, .user6 p,
.user7 p, .user8 p, .user9 p {
margin: 6px 0 ;
}

.bg_white, .left_column .white > div, .right-module-position .white > div, .top-module-position .white > div, .bottom-module-position .white > div, .user1 .white > div, .user2 .white > div, .user3 .white > div, .user4 .white > div, .user5 .white > div, .user6 .white > div, .user7 .white > div, .user8 .white > div, .user9 .white > div {
background-color : #fff ;
padding:12px 18px;
}

.bg_grey, .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, .user7 .grey > div, .user8 .grey > div, .user9 .grey > div {
background : #eee ;
padding:12px 18px;
}

.bg_light, .left_column .light > div, .right-module-position .light > div, .top-module-position .light > div, .bottom-module-position .light > div, .user1 .light > div, .user2 .light > div, .user3 .light > div, .user4 .light > div, .user5 .light > div, .user6 .light > div, .user7 .light > div, .user8 .light > div, .user9 .light > div {
background : transparent url(../images/white-30.png) 0 0 repeat;
padding:12px 18px;
}

.bg_blue, .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, .user7 .blue > div, .user8 .blue > div, .user9 .blue > div {
background-color: #0099cc ;
color:#fff;
padding:12px 18px;
}

.bg_green, .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, .user7 .green > div, .user8 .green > div, .user9 .green > div {
background-color: #85b159;
color:#fff;
padding:12px 18px;
}

.bg_orange, .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, .user7 .orange > div, .user8 .orange > div, .user9 .orange > div {
background-color: #ff9933;
color:#fff;
padding:12px 18px;
}

.bg_red, .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, .user7 .red > div, .user8 .red > div, .user9 .red > div {
background-color: #cc3333;
color:#fff;
padding:12px 18px;
}

.bg_violet, .left_column .violet > div, .right-module-position .violet > div, .top-module-position .violet > div, .bottom-module-position .violet > div, .user1 .violet > div, .user2 .violet > div, .user3 .violet > div, .user4 .violet > div, .user5 .violet > div, .user6 .violet > div, .user7 .violet > div, .user8 .violet > div, .user9 .violet > div {
background-color: #a836c9;
color:#fff;
padding:12px 18px;
}

.bg_blue h2, .bg_green h2, .bg_violet h2, .bg_orange h2, .bg_red h2, .bg_blue h3, .bg_green h3, .bg_violet h3, .bg_orange h3, .bg_red h3, 
.left_column .blue .module-title h3, .right-module-position .blue .module-title h3, .top-module-position .blue .module-title h3, .bottom-module-position .blue .module-title h3, .user1 .blue .module-title h3, .user2 .blue .module-title h3, .user3 .blue .module-title h3, .user4 .blue .module-title h3, .user5 .blue .module-title h3, .user6 .blue .module-title h3, .user7 .blue .module-title h3, .user8 .blue .module-title h3, .user9 .blue .module-title h3,
.left_column .green .module-title h3, .right-module-position .green .module-title h3, .top-module-position .green .module-title h3, .bottom-module-position .green .module-title h3, .user1 .green .module-title h3, .user2 .green .module-title h3, .user3 .green .module-title h3, .user4 .green .module-title h3, .user5 .green .module-title h3, .user6 .green .module-title h3, .user7 .green .module-title h3, .user8 .green .module-title h3, .user9 .green .module-title h3,
.left_column .orange .module-title h3, .right-module-position .orange .module-title h3, .top-module-position .orange .module-title h3, .bottom-module-position .orange .module-title h3, .user1 .orange .module-title h3, .user2 .orange .module-title h3, .user3 .orange .module-title h3, .user4 .orange .module-title h3, .user5 .orange .module-title h3, .user6 .orange .module-title h3, .user7 .orange .module-title h3, .user8 .orange .module-title h3, .user9 .orange .module-title h3,
.left_column .violet .module-title h3, .right-module-position .violet .module-title h3, .top-module-position .violet .module-title h3, .bottom-module-position .violet .module-title h3, .user1 .violet .module-title h3, .user2 .violet .module-title h3, .user3 .violet .module-title h3, .user4 .violet .module-title h3, .user5 .violet .module-title h3, .user6 .violet .module-title h3, .user7 .violet .module-title h3, .user8 .violet .module-title h3, .user9 .violet .module-title h3,
.left_column .red .module-title h3, .right-module-position .red .module-title h3, .top-module-position .red .module-title h3, .bottom-module-position .red .module-title h3, .user1 .red .module-title h3, .user2 .red .module-title h3, .user3 .red .module-title h3, .user4 .red .module-title h3, .user5 .red .module-title h3, .user6 .red .module-title h3, .user7 .red .module-title h3, .user8 .red .module-title h3, .user9 .red .module-title h3 {
color:#fff;
text-shadow : none;
}

.bg_blue a, .bg_green a, .bg_violet a, .bg_orange a, .bg_red a, 
.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, .user7 .blue a, .user8 .blue a, .user9 .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, .user7 .green a, .user8 .green a, .user9 .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, .user7 .orange a, .user8 .orange a, .user9 .orange a,
.left_column .violet a, .right-module-position .violet a, .top-module-position .violet a, .bottom-module-position .violet a, .user1 .violet a, .user2 .violet a, .user3 .violet a, .user4 .violet a, .user5 .violet a, .user6 .violet a, .user7 .violet a, .user8 .violet a, .user9 .violet 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, .user7 .red a, .user8 .red a, .user9 .red a {
color:#ddd;
}

.bg_blue a:hover, .bg_green a:hover, .bg_violet a:hover, .bg_orange a:hover, .bg_red a:hover,
.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, .user7 .blue a:hover, .user8 .blue a:hover, .user9 .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, .user7 .green a:hover, .user8 .green a:hover, .user9 .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, .user7 .orange a:hover, .user8 .orange a:hover, .user9 .orange a:hover,
.left_column .violet a:hover, .right-module-position .violet a:hover, .top-module-position .violet a:hover, .bottom-module-position .violet a:hover, .user1 .violet a:hover, .user2 .violet a:hover, .user3 .violet a:hover, .user4 .violet a:hover, .user5 .violet a:hover, .user6 .violet a:hover, .user7 .violet a:hover, .user8 .violet a:hover, .user9 .violet 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, .user7 .red a:hover, .user8 .red a:hover, .user9 .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, .user7 .blue .active > a, .user8 .blue .active > a, .user9 .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, .user7 .green .active > a, .user8 .green .active > a, .user9 .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, .user7 .orange .active > a, .user8 .orange .active > a, .user9 .orange .active > a,
.left_column .violet .active > a, .right-module-position .violet .active > a, .top-module-position .violet .active > a, .bottom-module-position .violet .active > a, .user1 .violet .active > a, .user2 .violet .active > a, .user3 .violet .active > a, .user4 .violet .active > a, .user5 .violet .active > a, .user6 .violet .active > a, .user7 .violet .active > a, .user8 .violet .active > a, .user9 .violet .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, .user7 .red .active > a, .user8 .red .active > a, .user9 .red .active > a {
color:#fff ;
}

.blue h4, .green h4, .orange h4, .violet h4, .red h4 {
color : #444;
}

.left_column .radius > div, .right-module-position .radius > div, .top-module-position .radius > div, .bottom-module-position .radius > div, .user1 .radius > div, .user2 .radius > div, .user3 .radius > div, .user4 .radius > div, .user5 .radius > div, .user6 .radius > div,
.user7 .radius > div, .user8 .radius > div, .user9 .radius > div {
border-radius: 6px ;
}

.left_column > .border > div, .right-module-position > .border > div, .top-module-position > .border > div, .bottom-module-position > .border > div, .user1 > .border > div, .user2 > .border > div, .user3 > .border > div, .user4 > .border > div, .user5 > .border > div, .user6 > .border > div,
.user7 > .border > div, .user8 > .border > div, .user9 > .border > div {
border:1px solid #bbb;
border-color : rgba(0,0,0, 0.12);
box-shadow : 0px 0px 3px 0px rgba(0,0,0, 0.10) ;
padding:12px 18px;
}

.left_column > .border table, .left_column > .border table td, .left_column > .border table th, .left_column > .border ul,  .left_column .light ul,
.right-module-position > .border table, .right-module-position > .border table td, .right-module-position > .border table th, .right-module-position > .border ul, .right-module-position .light ul,
.top-module-position > .border table, .top-module-position > .border table td, .top-module-position > .border table th, .top-module-position > .border ul, .top-module-position .light ul,
.bottom-module-position > .border table, .bottom-module-position > .border table td, .bottom-module-position > .border table th, .bottom-module-position > .border ul, .bottom-module-position .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,
.user7 > .border table, .user7 > .border table td, .user7 > .border table th, .user7 > .border ul, .user7 .light ul,
.user8 > .border table, .user8 > .border table td, .user8 > .border table th, .user8 > .border ul, .user8 .light ul, .user9 > .border table, .user9 > .border table td, .user9 > .border table th, .user9 > .border ul, .user9 .light ul {
box-shadow: none;
background-image:none;
border:none;
padding: 0 !important;
}

.title-centered .module-title {
clear:both;
margin: 13px 0 -7px 0;
border-top: 1px solid #bbb;
border-color : rgba(0,0,0,0.18);
text-align:center;
}

.title-centered .module-title h3 {
position:relative;
top:-14px;
display:inline;
background-color : #fff ;
padding: 0 15px;
border:none;
}

footer .title-centered .module-title h3 {
background-color : #f2f2f2 ;
}

.title-centered.grey .module-title h3 {
background-color : #eee ;
}
.title-centered.orange .module-title h3 {
background-color : #ff9933 ;
}
.title-centered.green .module-title h3 {
background-color : #85b159 ;
}
.title-centered.red .module-title h3 {
background-color : #cc3333 ;
}
.title-centered.blue .module-title h3 {
background-color : #0099cc ;
}
.title-centered.white .module-title h3 {
background-color : #fff ;
}

.title-band .module-title {
margin:-12px -18px 10px -18px;
padding: 5px 0 0 18px;
border-bottom:1px solid rgba(255,255,255,0.30);
background: transparent url(../images/black-10.png) 0 0 repeat;
}

.left_column .title-centered.title-centered.blue .module-title, .right-module-position .title-centered.title-centered.blue .module-title, .top-module-position .title-centered.title-centered.blue .module-title, .bottom-module-position .title-centered.title-centered.blue .module-title, .user1 .title-centered.title-centered.blue .module-title, .user2 .title-centered.title-centered.blue .module-title, .user3 .title-centered.title-centered.blue .module-title, .user4 .title-centered.title-centered.blue .module-title, .user5 .title-centered.title-centered.blue .module-title, .user6 .title-centered.title-centered.blue .module-title, .user7 .title-centered.title-centered.blue .module-title, .user8 .title-centered.title-centered.blue .module-title, .user9 .title-centered.title-centered.blue .module-title,
.left_column .title-centered.title-centered.green .module-title, .right-module-position .title-centered.title-centered.green .module-title, .top-module-position .title-centered.title-centered.green .module-title, .bottom-module-position .title-centered.title-centered.green .module-title, .user1 .title-centered.title-centered.green .module-title, .user2 .title-centered.title-centered.green .module-title, .user3 .title-centered.title-centered.green .module-title, .user4 .title-centered.title-centered.green .module-title, .user5 .title-centered.title-centered.green .module-title, .user6 .title-centered.title-centered.green .module-title, .user7 .title-centered.title-centered.green .module-title, .user8 .title-centered.title-centered.green .module-title, .user9 .title-centered.title-centered.green .module-title,
.left_column .title-centered.title-centered.orange .module-title, .right-module-position .title-centered.title-centered.orange .module-title, .top-module-position .title-centered.title-centered.orange .module-title, .bottom-module-position .title-centered.title-centered.orange .module-title, .user1 .title-centered.title-centered.orange .module-title, .user2 .title-centered.title-centered.orange .module-title, .user3 .title-centered.title-centered.orange .module-title, .user4 .title-centered.title-centered.orange .module-title, .user5 .title-centered.title-centered.orange .module-title, .user6 .title-centered.title-centered.orange .module-title, .user7 .title-centered.title-centered.orange .module-title, .user8 .title-centered.title-centered.orange .module-title, .user9 .title-centered.title-centered.orange .module-title,
.left_column .title-centered.red .module-title, .right-module-position .title-centered.red .module-title, .top-module-position .title-centered.red .module-title, .bottom-module-position .title-centered.red .module-title, .user1 .title-centered.red .module-title, .user2 .title-centered.red .module-title, .user3 .title-centered.red .module-title, .user4 .title-centered.red .module-title, .user5 .title-centered.red .module-title, .user6 .title-centered.red .module-title, .user7 .title-centered.red .module-title, .user8 .title-centered.red .module-title, .user9 .title-centered.red .module-title {
border-color : #eee;
border-color : rgba(255,255,255,0.3);
}

.icon-module {
display : none;
}

.badge-new .icon-module, .badge-news .icon-module, .badge-hot .icon-module, .badge-top .icon-module, .badge-gift .icon-module, .badge-free .icon-module {
display : block;
position:absolute;
top:0;
right:0;
margin: 0 !important;
padding : 0 !important;
height:39px;
width:39px;
border:none !important;
box-shadow : none !important;
border-radius: 0 !important;
}

.badge-new .icon-module {
background: transparent url(../images/badge_new.png) 0 0 no-repeat !important;
}
.badge-news .icon-module {
background: transparent url(../images/badge_news.png) 0 0 no-repeat !important;
}
.badge-hot .icon-module {
background: transparent url(../images/badge_hot.png) 0 0 no-repeat !important;
}
.badge-free .icon-module {
background: transparent url(../images/badge_free.png) 0 0 no-repeat !important;
}
.badge-gift .icon-module {
background: transparent url(../images/badge_gift.png) 0 0 no-repeat !important;
}
.badge-top .icon-module {
background: transparent url(../images/badge_top.png) 0 0 no-repeat !important;
}


/*************************************************************************************************************

                  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;
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 0 10px 0;
overflow:hidden;
margin-bottom:10px;
}

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

.item-separator {
clear: both;
margin: 0 0 20px 0;
}

.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, .column-4 {
padding:10px 5px;
}

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

.column-3 {
width:30%;
}

.cols-4 .column-1, 
.cols-4 .column-2, 
.cols-4 .column-3, 
.cols-4 .column-4 {
float: left; 
clear: right; 
width:21%;
margin-left:0; 
}

.cols-4 .column-2, 
.cols-4 .column-3, 
.cols-4 .column-4 {
margin-left:3%; 
}  

.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 {
position:relative;
clear:both;
margin: 10px 0 0 0;
padding-top:10px;
border-top:1px solid #eee;
border-color : rgba(0,0,0,0.10);
}

.bottom_menu {
float:right;
margin: 0px 0px 0px 0;
}

.address {
float:left;
margin: 8px 0 0 0px;
}

.address p {
margin: 0px;
}

/*************************************************************************************************************

                  SCROLL TO TOP

**************************************************************************************************************/

#toTop {
background:#111;
border-radius: 4px 4px 0 0 ;
bottom: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
cursor: pointer;
display: none;
font-size: 14px;
height: 21px;
width: 30px;
padding: 4px 6px ;
position: fixed;
right: 27px;
text-align: center;
z-index: 999;
}

#toTop:hover {
background:#444;
}
#toTop .icon-up {
display:inline-block;
*display:inline;
*zoom:1;
height:15px;
width:20px;
background: url(../images/scroll-to-top.png) 0 0 no-repeat;
}

#toTopText {
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

#toTop span {
color: #FFFFFF;
}




/*************************************************************************************************************

                  OTHERS

**************************************************************************************************************/


.clr {
clear:both;
}

.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);
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}

/**  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 ;
border-radius: 4px;
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 {
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;
*zoom: 1;
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;
border-radius: 6px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
*zoom: 1;
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;
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;
}



/**  JS  **/

.js-copyright {
position : absolute;
bottom:30px;
right:3px;
width:8px;
height:130px;
z-index:20;
}

.jslink {
position : absolute;
bottom:-20px;
left:0;
text-indent:-9999px;
width:8px;
height:130px;
background : transparent url(../images/js_black_28.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;
}

#jform_contact_emailmsg {
max-width:300px ;
}

fieldset dt {
clear:left ;
float:left;
width:13em;
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:120px;
}

/**    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;
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;
border-radius: 0;
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;
border-radius: 0;
}

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

/**   registration   **/

.registration {
margin-bottom:25px;
}

/** 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;
color : #555;
}

.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;
padding:14px 12px 8px 16px ;
margin: 12px 4px 20px 0;
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;
}