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

background-color: grey;

color: #FFF;

font-family: arial, verdana, helvetica, tahoma, sans-serif;

font-size: 80%;

background: #043231 url(../images/background.jpg) 0 0 repeat;

}



#centrecontainer {

position: absolute;

top: 41%;

left: 0px;

width: 100%;

}



#outercontainer {

margin-left: -390px;

position: absolute;

top: -230px;

left: 50%;

}



#header {

position:relative;

width: 780px;

height: 35px;

z-index:1000;

}



#headertitle {

position:absolute;

left:-10px;

bottom:-5px;

padding-right:10px;

background: #043231 url(../images/background_title.gif) right bottom no-repeat;

}



#top_menu {

position:absolute;

right:0;

bottom: 2px;

}



#container {

position:relative;

border: 15px solid #fff;

border-bottom: 10px solid #fff;

width: 760px;

height: 370px;

background: #032526;

z-index:100;

}



#container_content {

float: right;

overflow: auto;

padding: 10px;

width: 720px;

height: 350px;

line-height: 120%;

}

#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 {

width: 780px;

}



#footer .moduletable, div#copy {

float:right;

margin-left:20px;

}



#footer .moduletable .bannergroup {

display:none;

}





/**  ARTICLE  JOOMLA **/

.article-content {

clear:both;

}



.article_separator {

display:block;

clear:both;

height:33px;

background: transparent url(../images/article_separator.gif) 50% 15px no-repeat;

}



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

}