/* 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, 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 {
padding: 0;
margin: 0;
text-align:center;
}

.light01 {

}

.wrapper {
position:relative;
width:980px;
height:100%;
margin: 0 auto;
text-align:left;
z-index:1;
}


/**		HEADER	**/

#header-site {
position: relative;
height:40px;
border-bottom:3px solid #fff;
text-align:left;
z-index:10;
}

#header-site .wrapper {
padding-top:10px;
}


/**	WEB 2	**/

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

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

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

#search {
float:right;
}

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

#search .inputbox {
border:0 none !important;
height:12px;
padding:5px 20px 5px 10px !important;
width:134px;
font-size:95%;
}

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

#search label {
display:none;
}

#top_menu {
float:left;
}



/**		LOGO SITE	**/

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

.breadcrumb {
float:right;
font-size:90%;
margin-top:2px;
z-index:10;
}

#logo-site {
clear:both;
position:relative;
z-index:5;
}

#logo {
position:relative;
overflow:hidden;
padding:2px 0 8px 0;
z-index:10;
}
#logo p {
margin:0;
}
#logo a, #logo a:hover {
text-decoration:none;
outline:none;
}
.logo-text {
padding:20px 0 12px 0 !important;
}

#newsflash {
position:absolute;
bottom:30px;
right:0px;
width:auto;
max-width:940px;
overflow:hidden;
padding:5px 20px 5px 20px;
z-index:1;
text-align:right;
color: #999;
font-size:13px;
font-style:italic;
}

#newsflash span {
color: #666;
font-style:normal;
}


/**		SITE	**/


#site {
clear:both;
position:relative;
width:980px;
height:570px;
height:auto !important;
min-height:570px;
margin:20px auto 0 auto;
text-align:left;

z-index:1;
}






#menu {
position:relative;
top:-35px;
left:0;
padding:0 14px;
z-index:20;
}


#image {
position:relative;
clear:both;
margin:0;
padding-top:6px;
z-index:1;
}

#image p {
margin:0;
}


/**		middle website		**/

#middle-website {
clear:both;
padding:25px 0 30px 0;
}

.left {
position:relative;
float:left;
width:180px;
margin-right: 20px;
border-right: 1px solid #e5e5e5;
padding: 10px 5px 0 0;
z-index:1;
}

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

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

#main_component {
}

.right {
float:right;
width:180px;
margin-left:20px;
border-left: 1px solid #e5e5e5;
padding-left:15px;
}

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

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

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

/**  users modules
**/

#users_top, #users_bottom, #users_footer {
margin: 0;
padding: 0px 0 6px 0;
clear:both;
width: 100%;
}
#users_bottom {
padding:30px 0 0px 0px;
}
#users_footer {
padding:20px 0 0px 0px;
background : transparent url(../images/underline.png) 0 100% repeat-x;
}
.user1, .user4,.user7 {
float:left;
margin-right:14px;
padding-right:8px;
/** border-right: 1px solid #e5e5e5; **/
}
.user3, .user6, .user9 {
float:right;
margin-left:8px;
padding-left:14px;
/** border-left: 1px solid #e5e5e5; **/
}
.user2, .user5, .user8 {
position:relative;
overflow:hidden;
}
.user1, .user2, .user3, .user4, .user5, .user6, .user7, .user8, .user9 {
min-height:40px;
height:auto !important;
height:40px;
}

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

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

/** Module class suffix	**/

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

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

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

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

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

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


.left .border, .right .border, .user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border, .user7 .border, .user8 .border, .user9 .border {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ddd;
border:1px solid #C6c6c6;
}

.user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border, .user7 .border, .user8 .border, .user9 .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;
}

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

.left .border table, .left .border table td, .left .border table th, .left .border ul,  .left .light ul,
.right .border table, .right .border table td, .right .border table th, .right .border ul, .right .light ul,
.user1 .border table, .user1 .border table td, .user1 .border table th, .user1 .border ul, .user1 .light ul,
.user2 .border table, .user2 .border table td, .user2 .border table th, .user2 .border ul, .user2 .light ul,
.user3 .border table, .user3 .border table td, .user3 .border table th, .user3 .border ul, .user3 .light ul,
.user4 .border table, .user4 .border table td, .user4 .border table th, .user4 .border ul, .user4 .light ul,
.user5 .border table, .user5 .border table td, .user5 .border table th, .user5 .border ul, .user5 .light ul,
.user6 .border table, .user6 .border table td, .user6 .border table th, .user6 .border ul, .user6 .light ul,
.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 {
-moz-box-shadow: none;
background-image:none;
border:none;
padding: 0 !important;
}


/**  ARTICLE  JOOMLA **/

.contentdescription {
margin-bottom:20px;
}
.leading {
position: relative;
}
.blog .leading {
padding: 0 0 40px 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;
clear:both;
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: 6px 10px 0 10px;
text-align:right;
line-height:16px;
font-size:10px;
}

.blog .buttonheading {
margin-top: 9px;
}

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

p.pageinfo , p.iteminfo, p.articleinfo {
line-height:13px;
font-size:85%;
margin : 0;
}

.text-article {
padding-top:2px;
}

/**  BOTTOM  SITE	**/

#footer {
position: relative;
clear:both;
background: transparent url(../images/black-footer-05.png) 0 100% repeat;
border-top: 1px solid #fff;
padding-bottom:70px;
z-index:1;
}

#footer .wrapper {
}

#address {
text-align:center;
margin-top:20px;
}

#address p {
text-align:center;
margin: 0px;
}

#bottom_menu {
}

/**	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 !important;
border:1px solid #eee !important;
border-color:#bbb #ddd #ddd #bbb !important;
-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 !important;
border-color: #ddd #bbb #bbb #ddd !important;
}
input, select, textarea, .inputbox {
font-size:100%;
padding:3px 3px !important;
}
/**  OTHERS  	**/
.clr {
clear:both;
}


/**	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;
box-shadow:none;
overflow:hidden;
}
body .ari-image-slider-wCtrlNav {
margin-bottom:0px;
}

.moduletableshadow01 {
position:relative;
background : transparent url(../images/ari-shadow-left.png) 0 100% no-repeat;
margin-bottom:-20px;
}

.moduletableshadow01 > div {
position:relative;
background : transparent url(../images/ari-shadow-right.png) 100% 100% no-repeat;
padding-bottom:18px;
}

.moduletableshadow02 {
position:relative;
background : transparent url(../images/ari-shadow-large.png) 50% 100% no-repeat;
padding-bottom:18px;
}

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

/**		search form		**/

#searchForm {
margin:20px 0;
}

#searchForm table {
margin-bottom: 15px;
}

#searchForm td {
padding:5px 0;
}