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

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

}

h1{
	font-size: 30px;
}
h2{
	font-size: 24px;
}
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;
}

div#wrapbg{

	background:  url(../images/background.jpg);

	background-repeat:repeat-x;

	width: 100%;

}

.clr{

	clear: both;

}

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



/* JOOMLA DEFAULT STYLE

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

a:link, a:visited{

	color: #3E6A7B;

	text-decoration: none;

}

a:hover{

	color: #3E6A7B;

	text-decoration: underline;

}

ul {

	margin: 0px;

	margin-left: 15px;

	padding: 0px;

}

ul a:link, ul a:visited{

	color: #3E6A7B;

	text-decoration: none;

}

ul a:hover{

	color: #3E6A7B;

	text-decoration: underline;

}

td{

	font-size: 1em;

}

a img{

	border: none;

}

.contentheading {
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3E6A7B;
	text-align: left;
	width: 650px;	
}



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


.contentheading a:link, .contentheading a:visited {
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	/* font-size: 20px; */
	font-weight: bold;
	color: #3E6A7B;
	text-decoration: none;
	text-align: left;
}

.contentheading a:hover {
	color: #3E6A7B;
	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            : #3E6A7B;
  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: 30px;

	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: 2px;

	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: inherit;
}

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

#newsflash{
    position: absolute;
	right: 5px;
    width: 165px;
	height: 200px;
	top: 45px;
	text-align: left;
}



/* 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: #555555;
	-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;	

}	

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{
	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{
	background-color:#CAD1D7;
	width: 100%;
}

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

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

div#rightblock{
	float: left;
	width: 160px;
	overflow: hidden;
}

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: #3E6A7B;

	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: #3E6A7B;

	text-decoration: underline;

	text-align: center;

}

div#w3cdiv{

	width: 240px;

	float: right;

	text-align: right;

	margin-top: -25px;



}