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

body
{
<!--[if IE]>
 

SCROLLBAR-FACE-COLOR: #808080;
SCROLLBAR-HIGHLIGHT-COLOR: #2a2f45;
SCROLLBAR-SHADOW-COLOR: #808080;
SCROLLBAR-3DLIGHT-COLOR: #808080;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #808080;
SCROLLBAR-DARKSHADOW-COLOR: #808080;
 
<![endif]-->
 
}


/* normalise les tailles de polices pour les en-têtes */
h1, h2, h3, h4, h5, h6
{
font-size : 80%;
}

/* 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;
background-color: grey;
color: #b2b2b2;
font-family: arial, verdana, helvetica, tahoma, sans-serif;
font-size: 80%;
background: #000000;
font-weight:lighter;
}

#centrecontainer {
position: absolute;
top: 33%;
left: 0px;
width: 100%;
}

#outercontainer {
margin-left: -13px;
position: absolute;
top: -300px;
left: 0px;
}

#header {
position:absolute;
width: 895px;
height: 270px;
z-index:1000;
background:  url(../images/head.jpg) right bottom no-repeat;
}



#top_menu {
position:absolute;
right:0;
bottom: 2px;
}

#container {
position:relative;
border: 15px solid #000000;
border-bottom: 10px solid #000000;
width: 760px;
height: 320px;
background: #000000;
z-index:100;
margin-left: 120px;
margin-top: -44px;
}

#container_content {
float: right;
overflow: auto;
padding: 10px;
width: 570px;
height: 380px;
line-height: 130%;
}
#under_container {
clear:both;
width:790px;
height:30px;
background-color:#fff;
}


#nav_main {
float:right;
height:20px;
margin:0 12px 0 0;
}


#content_left {
float:left;
margin: 0 20px 0 -10px;
}

#main_component {
width:auto;
}

#footer {
margin-left:0px;
width: 808px;
}

#footer .moduletable, div#copy {
float:right;
margin-right:40px;
}

#footer .moduletable .bannergroup {
display:none;
}


/**  ARTICLE  JOOMLA **/
.article-content {
clear:both;
}

.article_separator {
display:block;
clear:both;
height:20px;
}

.column_separator {
padding:0 0 0 25px;
}

.article-tools {
border-top:1px solid #355859;
clear:both;
display:block;
float:left;
margin-bottom:15px;
width:100%;
}

.article-meta {
float:left;
padding:5px;
width:70%;
}

.createdate {
background:transparent url(../images/icon-date.gif) no-repeat scroll 0 2px;
padding:3px 3px 3px 20px;
}

.createby {
background:transparent url(../images/icon-user.gif) no-repeat scroll 0 2px;
padding:3px 3px 3px 20px;
}

div.buttonheading {
float:right;
width:25%;
}


/**  OTHERS  	**/


.clr {
clear:both;
}


.cadre_moitie_gauche {
float:left;
width:40%;
}

.cadre_moitie_droite {
float:right;
width:40%;
}