/* 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-têtes */
h1, h2, h3, h4, h5, h6
{
font-size : 100%;
}


 /* supprime list-style pour les listes */
ol, ul
{
list-style : none;
}


 /* normalise les styles et graisse de fontes */
address, caption, cite, code, dfn, em, 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 éléments 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
******************************************/


 body {
padding: 0;
margin: 0;
text-align:center;
background-color: #fff;
}

#wrapper {
position:relative;
width:980px;
text-align:left;
margin:0 auto;
}


/**		HEADER		**/


#header {
position:relative;
height:120px;
width:100%;
}

#line {
position:absolute;
top:70px;
left:15px;
width:930px;
height:2px;
background: #fff url(../images/line.gif) 0 0 no-repeat;
z-index:1;
}

#logo {
position:absolute;
left:240px;
top:19px;
background: #fff url(../images/logo.gif) 100% 0 no-repeat;
width:70px;
height:97px;
z-index:10;
}

#site_name {
position:absolute;
left:330px;
top:24px;
padding: 0 16px;
background-color: #fff;
z-index:20;
}

a #site_name {
outline:none;
}




/**		CONTENT		**/

#content {
width:766px;
background: transparent url(../images/bg_contentgelb.jpg) 0 0 repeat-y;
margin-left:192px;
}
#content_border {
width:765px;
background: transparent url() 0 0 repeat-x;
margin:0 8px 0 7px;
padding: 0 10px 10px 10px;
margin-top: -17px;

}

#content_header {
width:766px;
background: transparent url(../images/bg_content_header.gif) 0 0 no-repeat;
height:10px;
}


#content_bottom {
width:766px;
background: transparent url(../images/bg_content_bottom.gif) 0 0 no-repeat;
height:16px;
}

#main_content_normal {
width:750px;
}

#main_content_short {
margin-left: 130px;
width:auto;
}

#right {
float:left;
width:120px;
}

 #main_component {
clear:right;
}


 /**  ARTICLE  JOOMLA **/

h2.contentheading {
margin-bottom:4px;
}

.article-content {
margin-top:20px;
clear:right;
}

table.contentpaneopen, table.contentpane, table.blog {
width:670px;
}

table.contenttoc {
float:right;
display:block;
padding:10px;
margin:10px;
width: 20%;
}
 .article_separator {
display:block;
clear:right;
height:30px;
}

.column_separator {
padding:0 0 0 25px;
}
 .article-tools {
display:block;
float:right;
margin:5px 0 0 0;
width:170px;
}
 .article-meta {
padding:5px;
}
 .createdate {
display:block;
text-align:right;
line-height:16px;
font-size:10px;
}
 .createby {
display:block;
text-align:right;
line-height:16px;
font-size:12px;
}

.article-link {
margin-bottom:28px;
clear:right;
}

.link-section {
display:block;
float:right;
text-align:right;
line-height:16px;
font-size:10px;
}
 .buttonheading {
display:block;
float:right;
margin-left:10px;
text-align:right;
line-height:16px;
font-size:10px;
}

/**		Input		**/

input, select {
background-color: #f2f2f2;
}

input:hover, input:focus, select:hover, select:focus {
background-color: #fff;
}

/** Modules Left		**/

.color {
margin-bottom:30px;
}


.color h3 {
border-bottom: 2px solid #ddd;
}

/**  users modules  **/

.users_bottom, .users_top {
text-align:left;
width:650px;
}

.users_bottom {
margin-top: 20px;
margin-left: 40px;
}

.user1, .user2, .user4, .user5 {
margin:0;
float:left;
border: 2px solid #eee;
background-color: #fff;
min-height:100px;
padding:10px;

}

.user2 {
float:right;
}

.user5 {
float:right;
}

.user1:hover, .user2:hover {
border: 2px solid #ddd;
background-color: #f6f6f6;
}

.user4:hover, .user5:hover {
border: 2px solid #ccc;
background-color: #f6f6f6;
}


/**		FOOTER		**/

#footer {
margin:0px 0 0 196px;
height:50px;
}

#footer p {
margin-bottom:0;
}

#syndicate {
float:right;
margin:6px 10px 10px 0;
}

#search {
float: right;
height:20px;
line-height:20px;
overflow:hidden;
text-align:right;
margin:8px 0px 10px 0;
}

#search .inputbox {
background:transparent url(../images/icon-search.gif) 0 0 no-repeat;
border:0 none;
float:left;
height:20px;
padding:1px 0 0 25px;
width:160px;
color:#666;
}

#copyright {
float:left;
margin:10px;
}

#copy {
float:right;
margin:10px 10px 10px 25px;
}



 /**  OTHERS  	**/


 .clr {
clear:both;
}