/* 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%;
    }
    
    html {
    background: #fff url(/assets/images/bg-green.gif) 50% 0 repeat-y;
    }
    
    body {
    padding: 0;
    margin: 0;
    overflow-x:hidden;	/**	for bottom-site >div	**/
    }
    
    /**		SITE	**/
    
    #site {
    position: relative;
    width: 980px;
    margin:0 auto;
    text-align:center;
    height: auto;
    min-height: 100%;
    background: #fff url(/assets/images/bg-site-green.jpg) 0 0 repeat-y;
    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:0px;
    background-color: #ccc;
    }
    
    #logo {
    padding:18px 0 18px 35px;
    }
    
    #logo a, #logo a:hover {
    text-decoration:none;
    outline:none;
    }
    
    #top-site-right {
    position:absolute;
    top:6px;
    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(/assets/images/shadow-image.png) 0 0 no-repeat;
    z-index:1;
    }
    
    .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;
    }
    
    .right-column .light {
    background-color: #f6f6f6;
    }
    
    .right-column .image {
    padding:0px;
    }
    
    .right-column .border, .user4 .border, .user5 .border, .user6 .border {
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #C6c6c6;
    }
    
    .right-column .border table, .right-column .border table td, .right-column .border table th {
    border:none;
    }
    
    #menu {
    margin-bottom:35px;
    }
    
    .left-column .moduletable {
    padding-right: 15px;
    }
    
    /**  users modules
    **/
    #users_top, #users_bottom {
    margin: 0;
    padding: 0px 0 40px 0;
    clear:both;
    width: 100%;
    }
    #users_bottom {
    padding:40px 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(/assets/images/separator-user-top.gif) 100% 0 no-repeat;
    }
    
    .user3 {
    margin-left:8px;
    padding-left:14px;
    background: transparent url(/assets/images/separator-user-top.gif) 0 0 no-repeat;
    }
    
    
    /**  ARTICLE  JOOMLA **/
    .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;
    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;
    }
    .articleinfo {
    margin-top:-8px;
    }
    a.readon {
    display:block;
    }
    
    /**  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 200px;
    background-color: #fff;
    height:70px; /* same value of bottom site */
    text-align:left;
    z-index:1;
    }
    
    #footer {
    padding: 15px 0 0 40px;
    z-index:10;
    }
    
    #bottom_menu {
    float:left;
    margin-right:15px;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    }
    #adress {
    padding:4px 0 0 40px;
    clear:both;
    }
    
    #adress p {
    margin: 0px;
    }
    
    
    /**	BLOG LIST	**/
    table.category {
    width:100%;
    margin-top:6px;
    }
    .sectiontableheader {
    background: transparent url(/assets/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(/assets/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(/assets/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(/assets/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(/assets/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;
    }
    /* Hides from IE-mac \*/
    * html .clearfix {
    height: 1%;
    }
    /* End hide from IE-mac */
    
    
    .logo_image {
    background : transparent url(/assets/images/logo.png) 0 0 no-repeat;
    width:auto;
    height:100px;
    }
    .logo_image:hover, .logo_image .sfhover {
    background : transparent url(/assets/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;
    overflow:hidden;
    }
    body .ari-image-slider-wCtrlNav {
    margin-bottom:0px;
    }