/* normalise les marges et les remplissages  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
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;
}
/*****************************************
		SITE
******************************************/

html, body, #site {
height: 100%;
max-width:100%;		/**	for bottom-site >div	**/
overflow-x:hidden;	/**	for bottom-site >div	**/
}

html {
background: #fff url(../images/bg-green.gif) 50% 0 repeat-y;
}

body {
padding: 0;
margin: 0;
}

/**		SITE	**/

#site {
position: relative;
width: 980px;
margin:0 auto;
text-align:center;
height: auto;
min-height: 100%;
background: #fff url(../images/bg-site-green.jpg) 0 0 repeat-y;
overflow:visible;
z-index:2;
}

/**		top-site	**/

#top-site {
position:relative;
margin: 0 0 0 200px;
height:40px;
height: auto !important;
min-height:40px;
text-align:left;
z-index:1;
}

.bg-top-site {
position:absolute;
top:0;
left:0;
width:100%;
height:6px;
background-color: #b0b0b0;
}

#logo {
padding:38px 0 18px 25px;
}

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

#logo p {
margin : 0;
}

#top-site-right {
position:absolute;
top:16px;
right:0;
z-index:1;
}

.translate {
float:right;
margin:-3px 0 0 10px;
}

#jflanguageselection {
margin:0;
}

.top_menu {
float:right;
}


.breadcrumb {
position:absolute;
bottom:2px;
left:40px;
height:18px;
font-size:90%;
z-index:10;
}

/**	image	**/

#image {
position:relative;
text-align:left;
margin-bottom:15px;
background-color : #d6d6d6;
z-index:5;
}

.right-image {
float:right;
margin-left:35px;
}

.right-image .content-module {
padding:6px;
}

#box-image {
display:block;
padding:6px;
overflow-x:hidden;
}

.shadow-image {
position:absolute;
bottom:-15px;
left:10px;
width:385px;
height:15px;
background: transparent url(../images/shadow-image.png) 0 0 no-repeat;
z-index:1;
}


/**	middle site	**/
#middle-site {
position:relative;
text-align:left;
padding-bottom:70px;  /** same height of footer **/
margin-top: -15px;
z-index:5;
}

.left-column {
position:relative;
float:left;
margin: 15px 40px 0 0;
width:200px;
z-index:10;
}
.right-column {
position:relative;
float:right;
margin: 24px 0 0 35px;
z-index:10;
}

.left-column .moduletable, .right-column .moduletable, .left-column .moduletable_menu, .right-column .moduletable_menu {
margin-bottom:25px;
}

.right-column .moduletable {
padding:10px;
}

.right-column .grey {
background-color: #e6e6e6;
}

.user1 .grey, .user2 .grey, .user3 .grey, .user4 .grey, .user5 .grey, .user6 .grey {
background-color: #e6e6e6;
padding:10px !important;
}

.right-column .light {
background-color: #f6f6f6;
}

.user1 .light, .user2 .light, .user3 .light, .user4 .light, .user5 .light, .user6 .light {
background-color: #f6f6f6;
padding:10px !important;
}

.right-column .image {
padding:0px;
}


.right-column .border, .user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border {
-moz-border-radius:4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px #ddd;
border:1px solid #C6c6c6;
}

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

.user1 .border, .user2 .border, .user3 .border,
.user1 .light, .user2 .light, .user3 .light,
.user1 .grey, .user2 .grey, .user3 .grey {
padding-top:0 !important;
margin-top:10px;
}

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



.right-column .border table, .right-column .border table td, .right-column .border table th,
.user1 .border table, .user1 .border table td, .user1 .border table th,
.user2 .border table, .user2 .border table td, .user2 .border table th,
.user3 .border table, .user3 .border table td, .user3 .border table th,
.user4 .border table, .user4 .border table td, .user4 .border table th,
.user5 .border table, .user5 .border table td, .user5 .border table th,
.user6 .border table, .user6 .border table td, .user6 .border table th {
-moz-box-shadow: none;
border:none;
}

#menu {
margin-bottom:35px;
}

.left-column .moduletable {
padding-right: 15px;
}

/**	content	**/

#content {
position:relative;
overflow:hidden;
z-index:1;
}

#main_component {
margin-top:18px;
}

/**  users modules
**/
#users_top, #users_bottom {
margin: 0;
padding: 0 0 0 0;
clear:both;
width: 100%;
}
#users_bottom {
padding:20px 0 10px 0px;
}
.user1, .user4 {
float:left;
margin-right:25px;
}
.user3, .user6 {
float:right;
margin-left:25px;
}
.user2, .user5 {
position:relative;
overflow:hidden;
}
.user1, .user2, .user3, .user4, .user5, .user6 {
min-height:60px;
height:auto !important;
height:60px;
}

.user1 {
margin-right:14px;
padding-right:8px;
background: transparent url(../images/separator-user-top.gif) 100% 0 no-repeat;
}

.user3 {
margin-left:8px;
padding-left:14px;
background: transparent url(../images/separator-user-top.gif) 0 0 no-repeat;
}


/**  ARTICLE  JOOMLA **/
.leading {
position: relative;
}
.blog .leading {
padding: 0 0 20px 0;
}
.leading_separator {
display: block;
height: 10px;
}
.article_separator {
display: none;
}
.blog { 
padding: 0;
}
.cols1 {
display: block;
float: none !important;
margin: 0 !important;
}
.cols2 {
width: 45%;
}
.cols3 {
width: 30%;
}
.column1 , .column2 {
margin: 0 5px 0 0px;
position: relative;
}
.column2 , .column1 {
float: left;
margin: 0;
}
.column2 {
float: right;
margin: 0;
width: 45%;
}
.article_row {
margin: 0px 0 0px 0;
padding: 0;
overflow: hidden;
}
.article_column {
padding: 10px 6px 10px 4px;
}
.row_separator2 {
display: block;
clear: both;
margin: 0;
border: solid 0px;
}
.article-tools {
display:block;
float:left;
margin:-20px 10px 0 0;
background-color:transparent;
}
.article-meta {
padding:5px;
}
.createdate {
display:block;
line-height:16px;
font-size:10px;
}
.createby {
line-height:16px;
font-size:12px;
}
.article-link {
display:block;
float:right;
margin: -14px 0 0px 0;
}
.link-section {
display:block;
float:right;
text-align:right;
line-height:16px;
font-size:10px;
}
.buttonheading {
display:block;
float:right;
margin: 1px 0 0 10px;
text-align:right;
line-height:16px;
font-size:10px;
}
.buttonheading img:hover {
-moz-transform: rotate(8deg);  
-webkit-transform: rotate(8deg); 
}
.articleinfo {
margin-top:-8px;
}
span.modifydate {
}
a.readon {
display:block;
}

p.pageinfo, p.iteminfo {
margin : 3px 0;
}

/**  BOTTOM  SITE	**/
#bottom_site {
position: relative;
width: 980px;
margin:0 auto;
text-align:center;
margin-top: -70px; /* negative value of footer height */
height: 70px;
clear:both;
z-index:10;
}

#bottom_site >div {
position:relative;
margin: 0 0 0 0;
background-color: #d6d6d6;
width:3000px;
height:70px; /* same value of bottom site */
text-align:left;
z-index:1;
}

#footer {
padding: 15px 0 0 40px;
z-index:10;
}

#syndicate{
}
#syndicate img:hover {
-moz-transform: rotate(10deg);  
-webkit-transform: rotate(10deg); 
}

#bottom_menu {
float:left;
margin-right:15px;
}
#adress {
padding:4px 0 0 40px;
clear:both;
}

#adress p {
margin: 0px;
}

/**	WEB 2	**/

#social-links {
position:absolute;
font-size:16px;
line-height:25px;
list-style:none;
}

.position_upper {
bottom:8px;
right:0px;
height:25px;
width:auto;
margin:0px 0 0 0px ;
}

.position_left {
top: 7px;
left:-31px;
height:auto;
width:26px;
margin:0px 0 0 0px ;
}

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

.position_left li {
margin: 0 0 3px 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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


/**	BLOG LIST	**/
table.category {
width:100%;
margin-top:6px;
}
.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 {
background-color : transparent;
border-bottom: 1px dotted #444;
padding:8px 5px;
}
tr.sectiontableentry2 td {
background: transparent url(../images/black-05.png) top left repeat;
border-bottom: 1px dotted #444;
padding:8px 5px;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
background: transparent url(../images/black-10.png) top left repeat;
border-bottom: 1px dotted #444;
}
tr.sectiontableentry1 td a, tr.sectiontableentry2 td a {
text-decoration : none;
}
/**	FORMULAIRE	**/
.inputbox {
background: transparent url(../images/black-08.png) top left repeat;
border:1px solid #eee;
border-color:#ddd #bbb #bbb #ddd ;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
margin:0;
}
.inputbox:hover, .inputbox:focus {
background: transparent url(../images/black-10.png) top left repeat;
border-color: #bbb #ddd #ddd #bbb;
}
input, select, textarea, .inputbox {
font-size:100%;
padding:3px 3px;
}
/**  OTHERS  	**/
.clr {
clear:both;
}

/**	hack for the footer	**/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */


.logo_image {
background : transparent url(../images/logo.png) 0 0 no-repeat;
width:auto;
height:100px;
}
.logo_image:hover, .logo_image .sfhover {
background : transparent url(../images/logo_hover.png) 0 0 no-repeat;
}
/**	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;
}
/**	Virtuemart	**/
.cbContainer {
z-index:9999999;
}
.cbBox h3 {
color : #000;
line-height:13px;
}
.vmCartContainer, .vmCartContainer .inputbox, .vmCartContainer .inputbox:hover, .vmCartContainer .inputbox:focus {
color:#000;
}
/**	nivo slider	**/
.slider, .nivoSlider {
margin:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
overflow:hidden;
}
body .ari-image-slider-wCtrlNav {
margin-bottom:0px;
}

/**		pagination	**/

.blog_more {
margin:10px 0;
border-bottom:1px dotted #999;
border-top:1px dotted #999;
}

.blog_more h2 {
color:#444444;
font-size:115%;
font-weight:bold;
margin:0;
padding:5px;
border:none;
background-image:none;
background-color: transparent;
}

.blog_more ul {
margin:4px 0 10px 6px !important;
}

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