html body {
	height:100%;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	background:url(../images/bg.gif) top left repeat-x #03CDBA;
}

html {
	height:100%;
	background:none;
}

h1 {
	font:bold 24px "Comic Sans MS";
	clear:both;
	float:left;
	color:#0000DD;
	padding-left:65px;
	height:40px;
}

h1.bleu {
	color:#0000CC;
	background:url("../images/pop-kun/pop-kun_happy_bleu.png") no-repeat left;
}

h1.rouge {
	color:#FF0000;
	background:url("../images/pop-kun/pop-kun_happy_rouge.png") no-repeat left;
}

h1.jaune {
	color:#FFFF00;
	background:url("../images/pop-kun/pop-kun_happy_jaune.png") no-repeat left;
}

h1.vert {
	color:#009900;
	background:url("../images/pop-kun/pop-kun_happy_vert.png") no-repeat left;
}

h1.blanc {
	color:#CCCCCC;
	background:url("../images/pop-kun/pop-kun_happy_blanc.png") no-repeat left;
}

#page {
	float:left;
	_border:solid 1px #555555;
	width:950px;
}

#conteneur-bordures {
	overflow:hidden;
}

#bordure-gauche {
	background:url("/images/htgo.png") top right repeat-y;
	width:20px;
	float:left;
}

#bordure-droite {
	background:url("/images/htdo.png") top left repeat-y;
	width:20px;
	float:left;
}

#bordure-gauche, #bordure-droite {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	_background:none;
}

#tetiere {
	float:left;
	width:950px;
	background:none;
	background-color:#FFFFFF;
	text-align:center;
}

#popn-tv {
	width:145px;
	height:135px;
	float:left;
	padding:5px;
	background-color:#333333;
}

#popn-tv img {
	border:none;
}

#bloc-titre-menu {
	float:left;
}

/************************
*		MENU			*
************************/
#menu {
	float:left;
	margin-top:15px;
	margin-left:2px;
}

#menu h1, h2 {
	font:bold 18px "Comic Sans MS";
	color:#FFFFFF;
	margin:0px;
	text-align:center;
	clear:none;
	float:none;
	padding:0;
	height:auto;
}

#menu a {
	color:#EEEEEE;
	text-decoration:none;
}

#menu a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#menu a, .sous-menu a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:100%;
	text-align:center;
}

.sous-menu a:hover {
	border:solid 1px #555555;
	color:#EEEEEE;
	height:30px;
	_height:28px;
}

.sous-menu h2 {
	float:left;
	width:149px;
	margin-right:2px;
}

#menu a:hover, .sous-menu a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.sous-menu {
	float:left;
	clear:both;
	width:950px;
	height:30px;
	border-top:solid 2px #000000;
	border-bottom:solid 2px #000000;
}

#menu .menu-item {
	float:left;
	width:150px;
	height:30px;
	margin-right:2px;
	_margin-right:1px;
	font:bold 18px "Comic Sans MS";
	color:#EEEEEE;
	text-align:left;
}


	

#menu .menu-item-selected, #menu .menu-item h1:hover {
	float:left;
	width:150px;
	height:30px;
	margin-right:2px;
	font:bold 18px "Comic Sans MS";
	color:#FFFFFF;
	text-align:left;
}


/* NEUTRE */
#menu-item-rouge {
	background:url(../images/coin.png) top right no-repeat #C22513;
}

#menu-item-bleu {
	background:url(../images/coin.png) top right no-repeat #0476B0;
}

#menu-item-vert {
	background:url(../images/coin.png) top right no-repeat #029887;
}

#menu-item-jaune {
	background:url(../images/coin.png) top right no-repeat #D9AF07;
}

#menu-item-blanc {
	background:url(../images/coin.png) top right no-repeat #AAAAAA;
}

/* HOVER */
#menu-item-rouge:hover, #menu-item-rouge-selected {
	background:url(../images/coin.png) top right no-repeat #FC2F17;
	cursor:pointer;
}

#menu-item-bleu:hover, #menu-item-bleu-selected {
	background:url(../images/coin.png) top right no-repeat #029FEF;
	cursor:pointer;
}

#menu-item-vert:hover, #menu-item-vert-selected {
	background:url(../images/coin.png) top right no-repeat #03CDBA;
	cursor:pointer;
}

#menu-item-jaune:hover, #menu-item-jaune-selected {
	background:url(../images/coin.png) top right no-repeat #FFD63C;
	cursor:pointer;
}

#menu-item-blanc:hover, #menu-item-blanc-selected {
	background:url(../images/coin.png) top right no-repeat #CCCCCC;
	cursor:pointer;
}

#sous-menu-rouge {
	background-color:#FC2F17;
}

#sous-menu-bleu {
	background-color:#029FEF;
}

#sous-menu-vert {
	background-color:#03CDBA;
}

#sous-menu-jaune {
	background-color:#FFD63C;
}

#sous-menu-blanc {
	background-color:#CCCCCC;
}

.sous-menu-item-rien, .sous-menu-item {
	float:left;
	width:149px;
	_width:147px;
	height:30px;
	margin-right:2px;
}


.sous-menu-gauche {
	width:158px;
	float:left;
	height:30px;
}

.sous-menu-droit {
	width:35px;
	float:right;
	height:30px;
}

#sous-menu-gauche-rouge, #sous-menu-droit-rouge {
	background:url(../images/ligne-rouge.png) top left #C22513;
}

#sous-menu-gauche-bleu, #sous-menu-droit-bleu {
	background:url(../images/ligne-bleu.png) top left #0476B0;
}

#sous-menu-gauche-vert, #sous-menu-droit-vert {
	background:url(../images/ligne-vert.png) top left #029887;
}

#sous-menu-gauche-jaune, #sous-menu-droit-jaune {
	background:url(../images/ligne-jaune.png) top left #D9AF07;
}

#sous-menu-gauche-blanc, #sous-menu-droit-blanc {
	background:url(../images/ligne-blanc.png) top left #CCCCCC;
}

/******************************
*	COLONNE DE GAUCHE		  *
******************************/
#colonne-gauche {
	clear:both;
	float:left;
	width:127px;
	height:100%;
	padding:15px;
}

.corner {
	float:left;
	margin-left:3px;
}


/***************************
*		CORPS			   *
***************************/
#contenu, #contenu-forum {
	background:url("../images/menu-gauche.png") top left repeat-y;
	background-color:#FFFFFF;
	color: #000;
	width:950px;
	float:left;
	height:100%;
	padding-bottom:50px;
}

#contenu-forum {
	background:none;
	background-color:#FFFFFF;
}

#bord-haut {
	float:left;
	width:780px;
	background:url("../images/bord-haut.png") top left repeat-x;
	text-align:left;
}

#bloc-video {
	width:250px;
	height:200px;
	float:left;
	margin-left:20px;
}

/******************************
*			BLOC			  *
******************************/
.bloc-entete { }
.bloc-pied { }



/*		COMMUN		*/
.bloc-rouge h1, .bloc-bleu h1, .bloc-vert h1, .bloc-jaune h1, .bloc-blanc h1 { 
	font:bold 16px "Comic Sans MS";
	margin:2px 0px 0px 0px;
	width:inherit;
	text-align:center;
	height:26px;
	padding-top:3px;
	color:#FFFFFF;
	text-transform:uppercase;
	clear:none;
	float:none;
	padding-left:0;
}

.bloc-chg-rouge, .bloc-chd-rouge, .bloc-cbg-rouge, .bloc-cbd-rouge,
.bloc-chg-bleu, .bloc-chd-bleu, .bloc-cbg-bleu, .bloc-cbd-bleu,
.bloc-chg-vert, .bloc-chd-vert, .bloc-cbg-vert, .bloc-cbd-vert,
.bloc-chg-jaune, .bloc-chd-jaune, .bloc-cbg-jaune, .bloc-cbd-jaune,
.bloc-chg-blanc, .bloc-chd-blanc, .bloc-cbg-blanc, .bloc-cbd-blanc {
	height:33px;
}

.bloc-ondule-rouge, .bloc-ondule-bleu, .bloc-ondule-vert, .bloc-ondule-jaune, .bloc-ondule-blanc {
	height:27px;
	margin:0px 2px 0px 2px;
}

.bloc-corps-rouge, .bloc-corps-bleu, .bloc-corps-vert, .bloc-corps-jaune, .bloc-corps-blanc  {
	padding:10px;
}

.bloc-titre-bordure-rouge, .bloc-pied-bordure-rouge,
.bloc-titre-bordure-bleu, .bloc-pied-bordure-bleu,
.bloc-titre-bordure-vert, .bloc-pied-bordure-vert,
.bloc-titre-bordure-jaune, .bloc-pied-bordure-jaune,
.bloc-titre-bordure-blanc, .bloc-pied-bordure-blanc {
	margin:0px 33px 0px 33px;
	height:31px;
}

.bloc-pied {
	text-align:center;
}


/*		ROUGE		*/
.bloc-rouge h1 {
	background-color:#FC2F17;
}

.bloc-chg-rouge {
	background:url("../images/bloc-chg-rouge.gif") top left no-repeat;
}

.bloc-chd-rouge {
	background:url("../images/bloc-chd-rouge.gif") top right no-repeat;
}

.bloc-cbg-rouge {
	background:url("../images/bloc-cbg-rouge.gif") bottom left no-repeat;
}

.bloc-cbd-rouge {
	background:url("../images/bloc-cbd-rouge.gif") bottom right no-repeat;
}


.bloc-ondule-rouge {
	background:url("../images/bloc-ondule-rouge.gif") top right repeat-x;
}

.bloc-ondule-bordure-rouge, .bloc-corps-rouge {
	clear:both;
	border-left:solid 2px #FC2F17;
	border-right:solid 2px #FC2F17;
}

.bloc-titre-bordure-rouge {
	border-top:solid 2px #FC2F17;
}

.bloc-pied-bordure-rouge {
	border-bottom:solid 2px #FC2F17;
}



/*		BLEU		*/
.bloc-bleu h1 { 
	background-color:#029FEF;
}

.bloc-chg-bleu {
	background:url("../images/bloc-chg-bleu.gif") top left no-repeat;
}

.bloc-chd-bleu {
	background:url("../images/bloc-chd-bleu.gif") top right no-repeat;
}

.bloc-cbg-bleu {
	background:url("../images/bloc-cbg-bleu.gif") bottom left no-repeat;
}

.bloc-cbd-bleu {
	background:url("../images/bloc-cbd-bleu.gif") bottom right no-repeat;
}

.bloc-ondule-bleu {
	background:url("../images/bloc-ondule-bleu.gif") top right repeat-x;
}

.bloc-ondule-bordure-bleu, .bloc-corps-bleu {
	clear:both;
	border-left:solid 2px #029FEF;
	border-right:solid 2px #029FEF;
}

.bloc-titre-bordure-bleu {
	border-top:solid 2px #029FEF;
}

.bloc-pied-bordure-bleu {
	border-bottom:solid 2px #029FEF;
}


/*		VERT		*/
.bloc-vert h1 { 
	background-color:#03CDBA;
}

.bloc-chg-vert {
	background:url("../images/bloc-chg-vert.gif") top left no-repeat;
}

.bloc-chd-vert {
	background:url("../images/bloc-chd-vert.gif") top right no-repeat;
}

.bloc-cbg-vert {
	background:url("../images/bloc-cbg-vert.gif") bottom left no-repeat;
}

.bloc-cbd-vert {
	background:url("../images/bloc-cbd-vert.gif") bottom right no-repeat;
}

.bloc-ondule-vert {
	background:url("../images/bloc-ondule-vert.gif") top right repeat-x;
}

.bloc-ondule-bordure-vert, .bloc-corps-vert {
	clear:both;
	border-left:solid 2px #03CDBA;
	border-right:solid 2px #03CDBA;
}

.bloc-titre-bordure-vert {
	border-top:solid 2px #03CDBA;
}

.bloc-pied-bordure-vert {
	border-bottom:solid 2px #03CDBA;
}


/*		JAUNE		*/
.bloc-jaune h1 { 
	background-color:#FFD63C;
}

.bloc-chg-jaune {
	background:url("../images/bloc-chg-jaune.gif") top left no-repeat;
}

.bloc-chd-jaune {
	background:url("../images/bloc-chd-jaune.gif") top right no-repeat;
}

.bloc-cbg-jaune {
	background:url("../images/bloc-cbg-jaune.gif") bottom left no-repeat;
}

.bloc-cbd-jaune {
	background:url("../images/bloc-cbd-jaune.gif") bottom right no-repeat;
}

.bloc-ondule-jaune {
	background:url("../images/bloc-ondule-jaune.gif") top right repeat-x;
}

.bloc-ondule-bordure-jaune, .bloc-corps-jaune {
	border-left:solid 2px #FFD63C;
	border-right:solid 2px #FFD63C;
}

.bloc-titre-bordure-jaune {
	border-top:solid 2px #FFD63C;
}

.bloc-pied-bordure-jaune {
	border-bottom:solid 2px #FFD63C;
}


/*		BLANC		*/
.bloc-blanc h1 { 
	background-color:#CCCCCC;
}

.bloc-chg-blanc {
	background:url("../images/bloc-chg-blanc.gif") top left no-repeat;
}

.bloc-chd-blanc {
	background:url("../images/bloc-chd-blanc.gif") top right no-repeat;
}

.bloc-cbg-blanc {
	background:url("../images/bloc-cbg-blanc.gif") bottom left no-repeat;
}

.bloc-cbd-blanc {
	background:url("../images/bloc-cbd-blanc.gif") bottom right no-repeat;
}

.bloc-ondule-blanc {
	background:url("../images/bloc-ondule-blanc.gif") top right repeat-x;
}

.bloc-ondule-bordure-blanc, .bloc-corps-blanc {
	clear:both;
	border-left:solid 2px #CCCCCC;
	border-right:solid 2px #CCCCCC;
}

.bloc-titre-bordure-blanc {
	border-top:solid 2px #CCCCCC;
}

.bloc-pied-bordure-blanc {
	border-bottom:solid 2px #CCCCCC;
}





#footer {
	float:left;
	clear:both;
	background-color:#FFFFFF;
	border-top:solid 2px #000000;
	font:normal 12px "Comic Sans MS";
	color:#000000;
	text-align:center;
	width:950px;
	padding:10px 0 10px 0;
}

#footer a {
	color:#C22513;
	text-decoration:none;
}

#footer a:hover {
	color:#C22513;
	text-decoration:underline;
}



.lien-all {
	clear:both;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0 auto;
}

.lien-all:hover {
	text-decoration:underline;
}