/* Style CSS par bijour
pour Habbor.org
Tout le contenu ci-dessous est exclusif à Habbor. */

/* Aspect du site en général */
body
{ 
	background-image:url(images/bg.png);
	background-color:#DDDDDD;
	background-position:top left;
	background-repeat:repeat-x;
	width:900px;
	margin:auto;
	font-family:Tahoma, Sans, Lucida Grande, Helvetica;
	font-size:11px;
	font-style:inherit;
}

#video
{
	z-index:-1000;
	position:relative;
}

#video2
{
	z-index:-1001;
	position:relative;
}

img
{
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

img.no-margin
{
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:0px;
}

img.no
{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

hr
{
	height:1px;
	width:100%;
	color:#00B5D0;
}

/* Header, le fond du site et le footer */
#header
{
	width:900px;
	margin-top:11px;
	height:183px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url(images/logo.png);
}

#headercup
{
	width:900px;
	margin-top:11px;
	height:183px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url(images/logocoupedumonde.png);
}

#gauche {
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 620px;
	float:left;
	margin-top:-12px;
}

#droite{
	float: left;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 280px;
	display: inline;
	margin-top:-12px;
}

#footer {
	background: url(images/footer.png);
	width:900px;
	clear:both;
	bottom:0px;
	left:0px;
	height:100px;
	margin-bottom:34px;
}

#fond_site
{
	background-image:url(images/fond_site.png);
	background-repeat:repeat-y;
	width:900px;
	height:auto;
	margin-top:12px;
}

#padding_footer
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

#padding_contenu
{
	padding-top:1px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:4px;
}

#padding_contenu_r
{
	padding-top:1px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:6px;
	color:#FFFFFF;
}

#padding_commentaire
{
	padding-top:4px;
	padding-right:8px;
	padding-left:8px;
}

#titre_general
{
	font-size:16px;
	text-shadow:#EAEAEA 1px 1px;
}

#titre_commentaire
{
	font-size:16px;
	margin-bottom:6px;
}

#ligne_pointillee
{
	background-image:url(images/ligne.png);
	margin-top:4px;
	margin-bottom:4px;
	width:100%;
	height:1px;
}

#ligne_titre
{
	background-image:url(images/ligne_titre.png);
	width:260px;
	height:2px;
	margin-bottom:4px;
}

#ligne_titre2
{
	background-image:url(images/ligne_titre2.png);
	width:260px;
	height:2px;
	margin-bottom:4px;
}

#ligne_titre3
{
	background-image:url(images/ligne_titre3.png);
	width:260px;
	height:2px;
	margin-bottom:4px;
}

#ligne_titre4
{
	background-image:url(images/ligne_titre4.png);
	width:260px;
	height:2px;
	margin-bottom:4px;
}

#ligne_titre5
{
	background-image:url(images/ligne_titre5.png);
	width:260px;
	height:2px;
	margin-bottom:4px;
}

#connectes
{
	background-image:url(images/infos.png);
	width:100%;
	height:27px;
	right:0px;
	position:fixed;
	bottom:0px;
	color:#FFFFFF;
}


/* Les différents menus*/
#haut_menu
{
	background-image:url(images/haut_menu.png);
	width:260px;
	height:4px;
}

#centre_menu
{
	background-image:url(images/centre_menu.png);
	width:260px;
	height:auto;
}

#bas_menu
{
	background-image:url(images/bas_menu.png);
	width:260px;
	height:4px;
	margin-bottom:20px;
}

/*     Couleur des liens    */
a:link {
	color: #00C7F1;
	font-weight: bold;
	text-decoration:none;
	}
a:visited {
	text-decoration:none;
	color: #00C7F1;
	font-weight: bold;
}
a:hover {
	text-decoration:none;
	color: #00B4E8;
	font-weight: bold;
}
a:active {
	text-decoration:none;
	color: #00B4E8;
	font-weight: bold;
}

/* Les articles */
#haut_article
{
	background-image:url(images/haut_article.png);
	width:580px;
	height:4px;
	margin-left:20px;
}

#centre_article
{
	background-image:url(images/centre_article.png);
	width:580px;
	height:auto;
	margin-left:20px;
}

#bas_article
{
	background-image:url(images/bas_article.png);
	width:580px;
	height:4px;
	margin-bottom:20px;
	margin-left:20px;
}

/* Message Important */
#haut_article_r
{
	background-image:url(images/haut_article_r.png);
	width:580px;
	height:4px;
	margin-left:20px;
}

#centre_article_r
{
	background-image:url(images/centre_article_r.png);
	width:580px;
	height:auto;
	margin-left:20px;
}

#bas_article_r
{
	background-image:url(images/bas_article_r.png);
	width:580px;
	height:4px;
	margin-bottom:-6px;
	margin-left:20px;
}

/*     Couleur des liens du menu sur le header   */
#liens_link
a:link
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 0px;
}

#liens_visited
a:visited
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom-width: 0px;
}

#liens_hover
a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom-width: 0px;
}

#liens_active
a:active 
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom-width: 0px;
}

/*     Couleur des liens de la barre  */
#barre_link
a:link
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	border-bottom-width: 0px;
}

#barre_visited
a:visited
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom-width: 0px;
}

#barre_hover
a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom-width: 0px;
}

#barre_active
a:active 
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom-width: 0px;
}

/* Les menus */
#haut_menu_survol
{
	background:url(images/navigation/haut_menu_survol.png);
	width:100%;
	height:10px;
}

.anylinkcss{
	background:url(images/navigation/bg.PNG);
	position: absolute;
	visibility: hidden;
	font: normal 11px "Tahoma" Sans, Lucida Grande;
	color: #FFFFFF;
	line-height: 18px;
	padding-left: 0px;
	width: 173px;
	text-align: left;
	height:auto;
}

.anylinkcss a{
	width: 160px;
	display: block;
	text-decoration: none;
	border-bottom-width: 0px;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 13px;
	height:19px;
}

.anylinkcss a:hover{
	height: 19px;
	font-weight: bold;
	border-bottom-width: 0px;
}

/*     Couleur des liens des menus   */
#gadget_link
a:link
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	border-bottom-width: 0px;
}

#gadget_visited
a:visited
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom-width: 0px;
}

#gadget_hover
a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom-width: 0px;
}

#gadget_active
a:active 
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom-width: 0px;
}

/* Gadget, menus, articles */
#haut_gadget_news
{
	background-image:url(images/haut_gadget_news.png);
	width:280px;
	height:2px;
}

#centre_gadget_news
{
	background-image:url(images/centre_gadget_news.png);
	width:280px;
	height:auto;
}

#padding_gadget_news
{
	padding-top:4px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:4px;
}

#titre_gadget_news
{
	font-size:16px;
}

#bas_gadget_news
{
	background-image:url(images/bas_gadget_news.png);
	width:280px;
	height:16px;
}

#emplacement_gadget
{
	padding-top:20px;
	padding-right:20px;
}

/* Boxe equipe */
#haut_boxe
{
	background-image:url(images/haut_boxe_equipe.png);
	width:287px;
	height:31px;
}

#centre_boxe
{
	background-image:url(images/centre_boxe_equipe.png);
	width:287px;
	height:auto;
}

#bas_boxe
{
	background-image:url(images/bas_boxe_equipe.png);
	width:287px;
	height:31px;
}

#dernier_mobis
{
	background-image:url(images/dernier_mobis.png);
	width:850px;
	height:35px;
}

#haut_fond_market
{
	background-image:url(images/haut_fond_market.png);
	width:850px;
	height:4px;
}

#fond_market
{
	background-image:url(images/fond_market.png);
	width:850px;
	height:auto;
}

#bas_fond_market
{
	background-image:url(images/bas_fond_market.png);
	width:850px;
	height:6px;
}


/* Fly text */
#flyingbubbles {
	width: auto;
	height: auto;
	margin: 0 auto;
}

.flyingbubble {
	width: auto;
	height: auto;
}

.flyingbubble_1 {
	z-index: 10;
}

.flyingbubble_2 {
	margin-top: 46px;
	margin-left: 10px;
	z-index: 1012;
}

.flyingbubble_3 {
	margin-top: 17px;
	margin-left: 10px;
	z-index: 1011;
}

.flyingbubbles_txt, .flyingbubbles_txt:hover {
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	
}

/* Gadget Dernieres News */
#gadgetdernieresnews_1 {
	width: auto;
	height: auto;
	margin: 0 auto;
}

.gadgetdernieresnews_2 {
	width: 250px;
	height: 32px;
	position: absolute;
	background: url(images/bulle.png) no-repeat;
}

.gadgetdernieresnews_3 {
	margin-top: 75px;
	margin-left: 10px;
	z-index: 1013;
}

.gadgetdernieresnews_4 {
	margin-top: 46px;
	margin-left: 10px;
	z-index: 1012;
}

.gadgetdernieresnews_5 {
	margin-top: 17px;
	margin-left: 10px;
	z-index: 1011;
}

.gadgetdernieresnews_txt, .gadgetdernieresnews_txt:hover {
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	
}

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:560px;
	height:120px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:120px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:560px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:120px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:120px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
}
#rightControl {
  top:0;
  right:0;
}

/*Liens Equipe */
#equipe_link
a:link
{
	color: #808080;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 0px;
}

#equipe_visited
a:visited
{
	text-decoration: none;
	color: #808080;
	font-weight: bold;
	border-bottom-width: 0px;
}

#equipe_hover
a:hover
{
	text-decoration: none;
	color: #808080;
	font-weight: bold;
	border-bottom-width: 0px;
}

#equipe_active
a:active 
{
	text-decoration: none;
	color: #808080;
	font-weight: bold;
	border-bottom-width: 0px;
}

/*Liens Widget Forum */
#forum_link
a:link
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	border-bottom-width: 0px;
}

#forum_visited
a:visited
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom-width: 0px;
}

#forum_hover
a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom-width: 0px;
}

#forum_active
a:active 
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom-width: 0px;
}

/* Commentaires */
#com
{
	background-color:#EFEFEF;
}

#com2
{
	background-color:#99FF99;
}

.class1 table:nth-child(odd) 
{ 
background-color: #EFEFEF;
}

.class1 table:nth-child(even) 
{ 
background-color: #99FF99; 
}


#socle_avatar
{
	background-image:url(images/socle_avatar.png);
	margin-left:14px;
	width:49px;
	height:71px;
}

#auteur
{
	background-image:url(images/auteur.png);
	background-repeat:repeat-y;
	height:100%;
}

#fond_titre
{
	background-image:url(images/fond_titre.png);
	width:564px;
	height:27px;
	margin-bottom:10px;
}

#padding_lettre
{
	padding-top:5px;
	padding-left:8px;
	font-weight:bold;
	color:#FFFFFF;
}