/*----------------------------------------------------------------------
# SYDED
# ----------------------------------------------------------------------
# Copyright (C) 2008 C. Mailhes. All Rights Reserved.
# Author: Cyril Mailhes
# License: GNU/GPL
# Website: http://ifxconcept.com
# 
------------------------------------------------------------------------*/


body{
	margin: 0px;
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	text-align: left;
	letter-spacing: 1px;
}
div#wrapbg{
	background:  url(../images/background.jpg);
	background-repeat:repeat-x;
	width: 100%;
}
.clr{
	clear: both;
}

h1{
	font-size: 44px;
}
h2{
	font-size: 30px;
}
h3{
	font-size: 24px;
	margin-bottom: -6px;
}
h4{
	font-size: 20px;
	margin-bottom: -12px;
}
h5{
	font-size: 16px;
	margin-bottom: -10px;
}
h6{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -6px;
}

.bg_grisblanc {
	background-image: url(../images/bg_gris-blanc.jpg);
	background-repeat: repeat-y;
}


/* JOOMLA DEFAULT STYLE
--------------------------------------------------------- */
a:link, a:visited{
	color: #76B325;
	text-decoration: none;
}
a:hover{
	color: #76B325;
	text-decoration: underline;
}
ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
ul a:link, ul a:visited{
	color: #76B325;
	text-decoration: none;
}
ul a:hover{
	color: #76B325;
	text-decoration: underline;
}
td{
	font-size: 1em;
}
a img{
	border: none;
}
.contentheading {
	font-family: "ITC Officina Sans Book", Tahoma, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #76B325;
	text-align: left;
}

.contentpagetitle {
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #76B325;
	text-align: left;
}


.contentheading a:link, .contentheading a:visited {
	font-family: "ITC Officina Sans Book", Tahoma, Helvetica, sans-serif;
	/* font-size: 24px; */
	font-weight: bold;
	color: #76B325;
	text-decoration: none;
	text-align: left;
}
.contentheading a:hover {
	color: #76B325;
	text-decoration: underline;
}
.modifydate{
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	font-size: 0.83em;
	color: #cbcbcb;
	padding-top: 15px;
}
.small{
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	font-size: 0.83em;
	color: #cbcbcb;
}
.createdate{
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	color: #cbcbcb;
}
td .createdate{
	font-size: 0.83em;
}
.readon{

  font-family      : "Arial Narrow bold", Tahoma, Helvetica, sans-serif;

  font-size        : 11px;

  background       : url(../images/read.gif);

  background-repeat: no-repeat;

  white-space      : normal;

  font-weight      : bold;

  border           : 1px solid #999999;

  padding-bottom   : 3px;

  padding-left     : 21px;

  padding-right    : 2px;

  padding-top      : 1px;

  float            : left;

  line-height      : 10px;

  text-decoration  : none; 

}

a.readon:link, a.readon:visited {

  color            : #CCCCCC;
  text-decoration  : none; 

}

a.readon:hover {

  color            : #76B325;
  text-decoration  : none; 

}
td.buttonheading {
	width: 32px;
}
.sectiontableheader {
	background-color : #efefef;
	background-repeat: repeat;
	border-bottom: solid 1px #999999;
	padding: 2px;
	color : #555555;
	font-weight : bold;
	padding: 2px;
}
.sectiontableentry2 {
	background-color : #F3F3F3;
}
.mosimage_caption{
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #cbcbcb;
	padding-top: 5px;
	padding-bottom: 5px;
}
.componentheading {
	font-family: "Arial", Tahoma, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #cbcbcb;
	text-align: left;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 200px;
}
table.contenttoc td {
	padding: 1px 5px 1px 18px;
}
table.contenttoc th {
	padding: 2px 4px;
	background-color : #efefef;
	border-bottom: solid 1px #999999;
	color: #888888;
	text-indent: 5px;
	text-transform: UPPERCASE;
}
table.blog, table.contentpaneopen{
	width: auto;
}
table.contentpane{
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
}
.highlight{
	background-color: #ffff99;
}
.contentpane{
	width: auto;
}
form {
	margin: 0;
	padding: 0;
}
table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}
table.pollstableborder img {
	vertical-align: baseline;
}
table.pollstableborder td {
	padding: 2px!important;
}
form {
	margin: 0;
	padding: 0;
}
#mod_login_password, #mod_login_username {
	width: 140px;
}
#mod_search_searchword{
	width: 155px;
	height: 20px;
	background-image:  url(../images/search_bg.png);
	background-repeat: no-repeat;
}
input, select {
	font: 11px "Arial", Tahoma, Helvetica, sans-serif;
}
select, .inputbox {
	padding: 2px;
}
textarea {
	padding-left: 2px;
}
.button {
	padding: 1px 4px;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #BABDB6;
	border-right: 1px solid #BABDB6;
	background-color: #EFEFEF;
	background-image:  url(../images/bouton_bg.png);
	background-repeat: repeat-x;
}
.button:hover, .button:focus {
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #BABDB6;
}
.inputbox {
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #EDEEEC;
	border-bottom: 1px solid #EDEEEC;
	border-left: 1px solid #BABDB6;
	background: #FFFFFF;
}
.inputbox-search {
	border : 0px;
	background: transparent;
	padding-top		: 4px;
	padding-left: 10px;
}
.inputbox:hover, .inputbox:focus {
	border: 1px solid #BABDB6;
	background: #FFFFFF;
}
.pagenav {
	padding: 2px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	padding: 1px 4px;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #BABDB6;
	border-right: 1px solid #BABDB6;
	background: #EFEFEF;
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	background-image:  url(../images/bouton_bg.png);
	background-repeat: repeat-x;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
	padding: 1px 4px;
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #BABDB6;
	background: #EFEFEF;
	color: #666666;
	text-decoration: none;
}
.pagenavbar {
	padding-left: 0px;
	color: #666666;
	font-size: 11px;
	margin-top: 15px;
}

.pagenavcounter {
	color: #A9A9A9;
	float: right;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #A9A9A9;
	top: -35px;
	position: relative;
}
.blog_more {
	margin-top: 5px;
	margin-bottom: 30px;
}
.back_button{
	font-size: 11px;
}
.adminform textarea {
	width: 840px!important;
}

.adminform textarea.inputbox {
	width: 840px!important;
}


/* LAYOUT STYLING
--------------------------------------------------------- */
div#wrapper{
	width: 990px;
}


/* MOO.FX
--------------------------------------------------------- */
div#toolsdiv{
	width: 100%;
	color: #fff;
	font-size: 11px;
	background-color: #000000;
}
div#tools{
	width: 711px;
	height: 55px;
	padding-top: 5px;
}
/* ------------------------------------ */
div#syndicatediv{
	float: left;
	width: 229px;
}
div#colorsdiv{
	float: left;
	width: 256px;
}
div#fontsdiv{
	float: left;
	width: 226px;
}


/* WEBSITE TOOLS
--------------------------------------------------------- */
div#sitetoolsdiv{
	height: 32px;
}
div#sitetools{
	width: 164px;
	height: 32px;
	float: right;
	background:  url(../images/tools_label.gif);
	font-family: "Arial", Tahoma, Helvetica, sans-serif;
	font-size: 9px;
	color: #A6A6A6;
	line-height: 3.5em;
	/* text-align: center; */
	text-transform: uppercase;
}
div#sitetools a:link, div#sitetools a:visited{
	color: #A6A6A6;
	text-decoration: none;
}
div#sitetools a:hover{
	color: #fff;
}


/* TOP AREA
--------------------------------------------------------- */
div#topareadiv{
	height: 123px;
}
div#logo{
	width: 340px;
	height: 230px;
	float: left;
	left: 0px;
	top: 0px;
	background-image:  url(../images/logo.jpg);
	background-repeat: no-repeat;
	position: absolute;
}
div#bannerdiv{
	width: 500px;
	height: 200px;
	float: left;
	position: absolute;
	left: 360px;
}
div#banner{
	text-align: left;
}


/* HEADER
--------------------------------------------------------- */
div#headerdiv{
	height: 200px;
	width: 200px;
	overflow: hidden;
	float: right;
	position:absolute;
	top: 208px;
	right: 0px;
	padding-right: 0px;
}
div#header{
	padding: 10px;
}
div#header .moduletable h3{
	font-family: "ITC Officina Sans Book", Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
div#header .moduletable{
	font-family: "ITC Officina Sans Book", Tahoma, Helvetica, sans-serif;
	font-size: 0.92em;
	color: #e0e0e0;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div#header td{
	padding: 0px;
	font-size: 1em;
}
div#header .contentpaneopen{
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	color: #e0e0e0;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div#header a{
	color: #e0e0e0;
	text-decoration: underline;
}


/* MINItopNAV
--------------------------------------------------------- */
#mininavdiv{
    position: absolute;
	right: 0px;
    width: 200px;
	height: 30px;
	top: 0px;
	background:  url(../images/mininav_bg.png) 0 0 no-repeat;
	text-align: right;
}


/* SUCKERFISH

--------------------------------------------------------- */

#navdiv{

	position: absolute;

	left: 50%;

	width:	auto;

	margin-left: -220px; /* moitié de la largeur */

	height: 30px;

	padding-top: 77px;

	z-index: 10;

}

#nav {

	background:  url(../images/toolbar_div.png) 0 0 no-repeat;

	margin: 0;

	padding: 0;

	height: 30px;

}

#nav a {

	text-transform: uppercase;

	font-size: 14px;

	color: #fff;

	float: left;

	text-decoration: none;

	display: block;

	cursor: pointer;

	line-height: 30px;

	padding: 0 15px;

	font-weight: bold;

}

#nav a.topdaddy,

#nav li a {

	background:  url(../images/toolbar_div.png) 100% 0 no-repeat;

}

#nav li a:hover{}

#nav li li a{

	background: none;

	font-weight: normal;

	padding: 0;

	text-indent: 15px;

	text-transform: uppercase;

	color: #939393;

	line-height: 30px;

}

#nav ul li ul li a:hover{

	background: none;

}

#nav ul li a:hover,

#nav ul li ul li ul li a:hover {

	color: #fff;

}

#nav, #nav ul {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

}

#nav li li {

	padding: 0;

	background: none;

	border-bottom: 1px solid #E8E9EA;

/*	border-top: 1px solid #E8E9EA; */
	
	
}

#nav ul ul a {

	display: block;

	color: #ffffff;

	text-decoration: none;

	width: auto;

	text-transform: none;

	font-size: 14px;

	text-align: left;

}

#nav li {

	float: left;

	padding: 0;

 	background: none;

	height: 30px;

}

#nav ul li {

	position: relative;

	z-index: 1;

}

#nav li ul {

	top: 30px;

	position: absolute;

	left: -999em;

	height: auto;

	width: 170px;

	font-weight: normal;

	border-width: 0;

	margin: 0;

	padding: 0;

/*	border-right: 1px solid #757575;

	border-left: 1px solid #757575;

	border-bottom: 1px solid #757575;

	border-top: 1px solid #757575; */

}	

#nav ul {

	padding: 0;

	margin: 0;

	margin-left: 2px;

}

#nav li li {

	float: left;

	padding: 0;

   	width: 170px;

}

#nav li ul ul {

	margin: -25px 0 0 170px;

}

#nav li:hover ul ul, 

#nav li:hover ul ul ul,

#nav li:hover ul ul ul ul,  

#nav li.sfhover ul ul, 

#nav li.sfhover ul ul ul, 

#nav li.sfhover ul ul ul ul {

	left: -999em;

}

#nav li:hover ul, 

#nav li li:hover ul, 

#nav li li li:hover ul, 

#nav li li li li:hover ul,

#nav li.sfhover ul, 

#nav li li.sfhover ul, 

#nav li li li.sfhover ul,

#nav li li li li.sfhover ul{

	z-index: 100;

	left: 0;

}

#nav li:hover, #nav li.sfhover, #nav li.active {

	left: 0;

	background-color: #E0E0E0;
	
}



#nav li.active {

	background-image:  url(../images/surligne.gif);

	background-repeat: repeat-x;

	background-position: top;

}



#nav li.active a {

	color: #3E6A7B;

}



#nav li:hover a, #nav li.sfhover a {

    color: #fff;

}

#nav li li:hover a, #nav li li.sfhover a {

    color: #fff;

}

#nav li li:hover a:hover, #nav li li.sfhover a:hover {

    color: #555555;

}

#nav ul ul a {

	background: none;

}

#nav li li.active {

	background: none;

}

#nav li:hover ul, 

#nav li li:hover ul, 

#nav li li li:hover ul, 

#nav li li li li:hover ul,

#nav li.sfhover ul, 

#nav li li.sfhover ul, 

#nav li li li.sfhover ul,

#nav li li li li.sfhover ul{

	background: #76B325;
	-moz-opacity:.8;
	filter:alpha(opacity=80);

}

/* DEFAULT JOOMLA MENU STYLING
--------------------------------------------------------- */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	height: 20px;
	width: 160px;
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	text-decoration:none;
	color: #353535;
	text-align: left;
	text-indent: 10px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	line-height: 20px;
}
a.mainlevel:hover {
	background-color: #f7f7f6;
	display: block;
	height: 20px;
	width: 160px;
	color: #353535;	
}

#newsflash{
    position: absolute;
	right: 5px;
    width: 165px;
	height: 200px;
	top: 45px;
	text-align: left;
}
a.mainlevel-under:link, a.mainlevel-under:visited {
	display: block;
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	text-decoration:none;
	color: #FFFFFF;
}
a.mainlevel-under:hover {
	background-color: #f7f7f6;
	display: block;
	color: #353535;	
}	

#newsflash ul li {
	color: #FFFFFF;
}
	
a.sublevel:link, a.sublevel:visited {
	display: block;
	height: 20px;
	width: 156px;
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	text-decoration:none;
	color: #666666;
	text-align: left;
	text-indent: 15px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	line-height: 20px;
}
a.sublevel:hover {
	background-color: #f7f7f6;
	display: block;
	height: 20px;
	width: 156px;
	color: #666666;	
}
#active_menu {
	color: #000;
	display: block;
	height: 20px;
	width: 160px;
}
#active_menu.sublevel {
	background-color: #f7f7f6;
	color: #000;
	display: block;
	height: 20px;
	width: 160px;
}


/* MAIN CONTENT

--------------------------------------------------------- */
div#left .newsfeed a, div#user2 .newsfeed a,
div#user3 .newsfeed a, div#user4 .newsfeed a,
div#user5 .newsfeed a, div#user6 .newsfeed a,
div#user7 .newsfeed a, div#right .newsfeed a{
	font-weight: normal;
}
div#user2 .moduletable, div#user3 .moduletable,
div#user4 .moduletable, div#user5 .moduletable,
div#user6 .moduletable, div#user7 .moduletable{
	font-size: 0.92em;
}
div#maincontentdiv{
	margin-top: 130px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
div#maincontent{}
div#pathway{
	text-align: left;
	font-size: 0.92em;
	color: #555555;
	padding-bottom: 20px;
}
div#pathway a:link, div#pathway a:visited{
	color: #353535;
	text-decoration: none;
}
div#pathway a:hover{
	text-decoration: underline;
}

div#topusersdiv{
	padding: 0px 0px 20px 0px;
	height: 1%;
}
div#bottomusers1div{
	padding: 30px 0px 20px 0px;
	height: 1%;
}
div#bottomusers2div{
	padding: 0px 0px 20px 0px;
	height: 1%;
}
div#user2div, div#user3div,
div#user4div, div#user5div,
div#user6div, div#user7div{
	float: left;
}
div#user2, div#user3,
div#user4, div#user5,
div#user6, div#user7{
	padding: 0px 10px 0px 10px;
	text-align: left;
	font-size: 1em;
	color: #939393;
}
div#user2 h3, div#user3 h3,
div#user4 h3, div#user5 h3,
div#user6 h3, div#user7 h3{
	font-size: 14px;
	color: #474747;
	margin: 0px 0px 5px 0px;
}
/* ------------------------------------ */
div#leftblock{
	float: left;
	width: 160px;
}
div#leftdiv{
	width: 160px;
	text-align: left;
}
div#left{
	font-size: 1em;
	color: #939393;
}
div#left h3{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 16px;
	color: #353535;
}
div#left .moduletable{
	margin-bottom: 20px;
	font-size: 0.92em;
}
div#left a{
	font-size: 1em;
}
/* ------------------------------------ */
div#centerblock{ /* 3 columns layout */
	float: left;
	width: 658px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
div#centerblockright{ /* 2 columns layout ~ right block disabled */
	float: left;
	width: 825px;
	border-left: 1px solid #cccccc;
	overflow: hidden;
}
div#centerblockleft{ /* 2 columns layout ~ left block disabled */
	float: left;
	width: 825px;
	border-right: 1px solid #cccccc;
	overflow: hidden;
}
div#centerblockfull{ /* 1 columns layout */
	float: left;
	width: 990px;
}
div#centerdiv{
	padding: 0px 20px 0px 20px;
}
div#center{text-align: left; position: relative;}


div#centerdiv .moduletable-ie6{
	border: 1px solid #ff6600;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 20px;
}

.moduletable-ie6{
	width: 100%;
}

.mod_contentitem-ie6{
	text-align:center;
}

/* ------------------------------------ */
div#rightblock{
	float: left;
	width: 160px;
}
div#rightdiv{
	width: 160px;
	text-align: left;
}
div#right{
	font-size: 1em;
	color: #939393;
}
div#right h3{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 16px;
	color: #353535;
	text-indent: 5px;
}
div#right .moduletable{
	margin-bottom: 20px;
	font-size: 0.92em;
}
div#right a{
	font-size: 1em;
}


/* FOOTER
--------------------------------------------------------- */
div#footercontentdiv{
	margin-bottom: 30px;
}
div#footercontent{
	padding-top: 30px;
	/* border-top: 1px solid #cccccc; */
	background-image:  url(../images/bandeaufooter.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 140px;
}
div#footerdiv{
	text-align: center;
	color: #aaaaaa;
	font-size: 0.92em;
	padding-top: 65px;
}
div#footerdiv a:link, div#footerdiv a:visited{
	color: #76B325;
	text-decoration: none;
}
div#footerdiv a:hover{
	text-decoration: underline;
}
span#footercopyright a:link, span#footercopyright a:visited{
	color: #aaaaaa;
	text-decoration: none;
}
span#footercopyright a:hover{
	color: #76B325;
	text-decoration: underline;
	text-align: center;
}
div#w3cdiv{
	width: 240px;
	float: right;
	text-align: right;
	margin-top: -25px;

}