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

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


#header  { position: relative; z-index: 100; width: 100%; height: 115px }

#logo  { position: absolute; z-index: 9999; top: 0; left: 0; height: 110px; overflow: hidden }

#top_nav  { position: relative; z-index: 110; top: 0; right: 10px }

/**		SLIDE		**/

#middle_site {
position:relative;
background-color: #000;
z-index:1;
}

#slideshow_home {
position:relative;
width:100%;
z-index:2;
}


/**		MIDDLE SITE		**/

#middle_site  { background: #fff url("../images/bg_middle.jpg") repeat-x; position: relative; z-index: 1 }


/**	CONTENT	**/

#content {
position:relative;
width:100%;
z-index:1;
}

#wrapper_content {
padding:12px;
}

#left {
float:left;
width:20%;
}

#nav_main {
margin-bottom:20px;
}

#right {
float:right;
width:24%;
}

#left .moduletable, #right .moduletable, #right .moduletable_grey {
margin-bottom:20px;
}

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

#right .moduletable_grey, #left .moduletable_grey {
background-color: #efefef;
}


#main_component_without_right_without_left {
position:relative;
}

#main_component_with_right_without_left {
position:relative;
padding-right:2%;
border-right:1px solid #eee;
width:71%;
}

#main_component_without_right_with_left {
position:relative;
margin-left: 22%;
padding-left:2%;
border-left:1px solid #eee;
width:75%;
}

#main_component_with_right_with_left {
position:relative;
margin-left: 22%;
padding-left:2%;
border-left:1px solid #eee;
width:48%;
}

#web2 {
height:20px;
width:100%;
margin-top:20px;
}

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

#search {
float:left;
height:17px;
line-height:17px;
overflow:hidden;
text-align:right;
margin:10px 10px 15px 0px;
}

#search .inputbox {
background:transparent url(../images/search.gif) 0 0px no-repeat;
border:0 none;
float:left;
height:17px;
padding:0px 0 0 30px;
width:163px;
color:#ccc;
}

#search .inputbox:hover, #search .inputbox:focus {
background:transparent url(../images/search.gif) 0 -17px no-repeat;
color:#999;
}


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

.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: -8px 0 0 12px;
text-align:right;
line-height:16px;
font-size:10px;
}

.articleinfo {
margin-top:-8px;
}

span.modifydate {
}

a.readon {
display:block;
}


/**  BOTTOM  SITE	**/

#bottom_site  { background-color: #001b49 }

#bottom {
position:relative;
width: 100%;
height:40px;
padding-top:16px;
}

#bottom_menu {
}

#adress {
float:left;
margin: 0 0 0 10px;
padding-right:12px;
color: #999;
font-size:90%;
text-align:left;
}

#adress p {
margin: 0.1em;
}

/**  OTHERS  	**/

.clr {
clear:both;
}
/*start dropdown*/
#dropdown_item   { color: #727272; text-decoration: none; cursor: pointer; margin-top: 3px; padding: 2px 2px 2px 10px; border: solid 1px #036 }
/*end dropdown*/

