html
{
	height: 100%;
}

body 
{
	margin: auto;
	background-position: top-left;
	background-repeat: repeat-x;
	background-color: #eaf0f7;
	height: 100%;
	font-family: "Trebuchet MS", tahoma, verdana, helvetica, sans-serif;
	letter-spacing:0;
	font-weight: normal;
	font-size: 12px;
	color: #133a67;
}

/*------------CONSTRUCTION---------------*/
#header_container
{
	width: 1000px;
	height: 441;
	margin: auto;
}

#header_logo
{
	float: left;
	width: 441px;
	height: 194px;
	background-image:url(img/hb_header_logo.jpg);
	background-repeat: no-repeat;
}
#header_droite
{
	float: right;
	height: 194px;
	width: 559px;
	background-image: url('img/hb_header_droite.jpg');
	background-repeat: no-repeat;
}
#container_global
{
	position: relative;
	overflow: auto;
	margin: auto;
	background-image: url('img/hb_fond_container.jpg');
	background-repeat: repeat-y;
	width: 1000px;
	min-height: 100%;
	padding-bottom: 60px;
}
#header_fond
{
	width: 100%;
	height: 194px;
	background-image: url('img/hb_header_fond2.jpg');
	background-repeat: repeat-x;
}
#container_menu
{
	clear: both;
	float: right;
	width: 300px;
	/*height: 117px;*/
	background-image: url('img/hb_haut_colonne.jpg');
	background-position: top-left;
	background-repeat: no-repeat;
	padding-top: 100px;
	margin-top: 0px;
}

#container_centre
{
	float:left;
	width: 695px;
	margin-top: -1px;
}

.menu_container_texte
{
	width: 260px;
}

#menu_categorie
{
	width: 300px;
	height: 57px;
	background-image: url('img/hb_categorie.gif');
	background-position: top-left;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-left: 0px;
}

#menu_nos_heros
{
	width: 300px;
	height: 57px;
	background-image: url('img/hb_nos_heros.gif');
	background-position: top-left;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
}

#menu_topten_hb
{
	width: 300px;
	height: 57px;
	background-image: url('img/hb_topten_hb.gif');
	background-position: top-left;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
}

#footer
{
	overflow: hidden;
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	text-align: center;
}

html .fb_share_button 
  { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; 
    background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; 
  } 
html .fb_share_button:hover 
  { color:#fff; border-color:#295582; background:#3b5998 
    url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) 
    no-repeat top right; text-decoration:none; 
  }

.hb_message_haut
{
	width: 699px;
	height: 40px;
	padding: 0px;
	margin-left: 1px;
	background-image: url('img/hb_haut_message.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}

.hb_message_milieu
{
	width: 699px;
	padding: 0px;
	margin-left: 1px;
	background-image: url('img/hb_milieu_message.gif');
	background-position: top-left;
	background-repeat: repeat-y;
}

.hb_message_bas
{
	width: 699px;
	height: 15px;
	padding: 0px;
	margin-bottom: 20px;
	background-image: url('img/hb_bas_message.gif');
	background-position: top-left;
	background-repeat: repeat-y;
}

.hb_boite_haut
{
	width: 700px;
	height: 53px;
	padding: 0px;
	background-image: url('img/hb_boite_haut.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}

.hb_boite_haut1
{
	width: 700px;
	height: 69px;
	padding: 0px;
	margin-top: -10px;
	background-image: url('img/hb_boite_haut1.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}

.hb_boite_haut1 h1/*Titre courant*/
{
	font-size: 18px;
	color: #133a67;
    padding-left: 68px;
	padding-top: 48px;
	padding-right: 40px;
}

.hb_boite_haut2 h1/*Titre courant*/
{
	font-size: 18px;
	color: #133a67;
    padding-left: 68px;
	padding-top: 48px;
	padding-right: 40px;
}

.hb_boite_haut3 h1/*Titre courant*/
{
	font-size: 18px;
	color: #133a67;
    padding-left: 68px;
	padding-top: 48px;
	padding-right: 40px;
}

.hb_boite_haut2
{
	width: 700px;
	height: 69px;
	padding: 0px;
	margin-top: -10px;
	background-image: url('img/hb_boite_haut2.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}

.hb_boite_haut3
{
	width: 700px;
	height: 69px;
	padding: 0px;
	margin-top: -10px;
	background-image: url('img/hb_boite_haut3.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}

.hb_admin_boite_haut
{
	width: 700px;
	height: 53px;
	padding: 0px;
	background-image: url('img/hb_admin_boite_haut.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}

.hb_boite_milieu
{
	overflow: hidden;
	width: 700px;
	padding: 0px;
	margin: 0px;
	background-image: url('img/hb_boite_milieu.gif');
	background-position: top-left;
	background-repeat: repeat-y;
	margin-top: -1px;
}

.hb_boite_bas
{
	width: 700px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	background-image: url('img/hb_boite_bas.gif');
	background-repeat: no-repeat;
	margin-top: -1px;
	margin-bottom: 20px;
}

/*--------------------------FIN CONSTRUCTION-------------------------*/





/*-----------------------ELEMENTS MISE EN PAGE-----------------------*/

a:visited , a:active, a
{

	text-decoration: none;
	color: #133a67;
	cursor: pointer;
}

a:hover
{
	text-decoration: underline;
	color: #133a67;
}

hr
{
	clear: both;
	margin: auto;
	width: 590px;
	border: 1px dashed #5876b2;
}

.header_logo_lien
{
	position:absolute;
	margin-left:auto;
	width:441px;
	height: 221px;
}

.contour_nb_page
{
	padding: 5px;
	text-align: center;
	border: 1px solid #3b5485;
	margin-right: -4px;

}
.container_nb_page
{
	font-size: 11px;
	margin: auto;
	text-align: center;
	height: 41px;
	margin-top: 18px;
}
.container_nb_page a:hover
{
	text-decoration: none;
}

h1/*Titre courant*/
{
	font-size: 18px;
	color: #133a67;
    padding-left: 68px;
	padding-top: 32px;
	padding-right: 40px;
}

h1:first-letter
{
	color: #d92f2f;
}

li
{
	/*font-family: tahoma, verdana, helvetica, sans-serif;*/
	font-weight: normal;
	font-size: 11px;
	color: #133a67;
}

h4/*Bas de boite*/
{
	font-family: verdana, helvetica, sans-serif;
	clear: both;
	font-weight: normal;
    font-size: 10px;
    text-align: left;
	padding: 0px;
	margin: 0px;
}

h5/*Bas de boite*/
{
	clear: both;
	font-weight: normal;
    font-size: 11px;
    text-align: left;
	padding: 0px;
	margin: 0px;
}

h3 /*Menu*/
{
	font-weight: bold;
    font-size: 12px;
	text-align: left;
    padding-left: 25px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.vignette
{
	float: left;
	margin-left: 50px;
	margin-right: 15px;
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 1px;
	padding-bottom: -1px;
}

.vignette img
{
	padding: 1px;
	border: 1px solid #8ca8c9;
	background-color: #dbe7f5;
}

.vignette_menu
{
	margin-left: 46px;
	margin-right: 50px;
	padding-top: 1px;
	padding-bottom: -1px;
	text-align: center;
	border: 1px solid #8ca8c9;
	background-color: #dbe7f5;
}

#vignettes_table
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

#avatar_comments
{
	height: 85px;
	width: 85px;
}

#grand_gourou
{
	font-size: 18px;
	font-weight: bold;
	width: 185px;
	margin-top: 30px;
	margin-left: 280px;
}


.liens_message a
{
	color: red;
}

td
{
	text-align:left;
}


.points
{
	width: 120px;
	height: 24px;
	padding-left: 20px;
	padding-top: 3px;
	margin-top: 7px;
	margin-bottom: 5px;
	background-image: url('img/hb_points.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}
.points_green
{
	color: #037700;
	font-weight: bold;
	font-size: 16px;
}

.points_red
{
	color: #920505;
	font-weight: bold;
	font-size:16px;
	text-align: center;
}

.account_menu_logins
{
	text-align: center;
}

.pseudo_fiche
{
	font-size:16px;
	font-weight: bold;
	color: #d92f2f;
}

.nom_comments
{
	font-weight: bold;
}

.titre_comments_green
{
	font-weight: normal;
	color: green;
}

.titre_comments_black
{
	font-weight: normal;
	color: black;
}

.red
{
	color: #d92f2f;
	font-weight: bold;
}

/*Gagnant Menu top ten*/
.red a:visited a:hover a:active
{
	color: #d92f2f;
	font-weight: bold;
}

.green
{
	color: green;
	font-weight: bold;
}

.puce_cercle
{
   list-style-type: circle;
}

.contenu_message
{
	font-size: 11px;
    text-align: justify;
	padding-bottom: 17px;
	margin-top: 0px;
	margin-left: 188px;
	margin-right: 80px;
}

.date_message
{
	font-size: 9px;
    text-align: right;
	margin-top: 15px;
	margin-left: 188px;
	margin-right: 0px;
	margin-bottom: -10px;
}

.contenu_pseudo_message
{
	width: 80px;
	font-size: 11px;
    text-align: center;
	margin-top: 0px;
	margin-left: 40px;
}

#encart_infos
{
	font-size: 11px;
	text-align: center;
}

.contenu /*contenu site*/             
{
    text-align: justify;
    padding-left: 58px;
	padding-right: 45px;
	padding-top: 23px;
	padding-bottom: 10px;
}

.encart
{
    text-align: center;
	border-width: 1px;
	border-style: dashed;
	border-color: #3b5485;
    margin-left: 60px;
	margin-right: 60px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 8px;
}

.formulaire_post_titre
{
	width: 430px;
	height: 18px;
	font-size: 12px;
}

.formulaire_post_textarea
{
	/*font-family: tahoma, verdana, helvetica, sans-serif;*/
	font-weight: normal;
	font-size: 12px;
	width: 430px;
	height: 250px;
}

.contenu_retrait
{
	width:535px;
	margin: auto;
	text-align: right;
}

.contenu_droite
{
	clear: left;
	float: right;
	padding-right: 45px;
}

.valider_droite_btn_nclear
{
	font-size: 13px;
	font-weight: bold;
	color: #133a67;
	float: right;
	width: 110px;
	height: 25px;
	margin-bottom: 5px;
	margin-right: 18px;
}
.valider_droite_btn
{
	font-size: 13px;
	font-weight: bold;
	color: #133a67;
	clear: left;
	float: right;
	width: 110px;
	height: 25px;
	margin-bottom: 5px;
	margin-right: 18px;
}

.apercu_gauche_btn
{
	font-size: 13px;
	font-weight: bold;
	color: #133a67;
	/*clear: left;*/
	float: left;
	width: 110px;
	height: 25px;
	margin-bottom: 5px;
	margin-right: 18px;
}

.container_global_infos_bas_message
{
	float: left;
	margin-left: 55px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 585px;
}

.container_btn_votez
{
	float: right;
	width: 154px;
	height: 34px;
	left: 300px;
	margin-top: 7px;
	background-image: url('img/hb_btn_votez.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}


.infos_bas_message
{
	float: left;
	width: 350px;
}

.btn_reseaux
{
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 8px;
}

.btn_modifier
{
	float: right;
	width: 120px;
	height: 20px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-image: url('img/hb_btn_modifier.gif');
	background-position: top-left;
	background-repeat: no-repeat;
}

.container_date_post
{
	margin-right: 15px;
	text-align: right;
	font-size: 11px;
}

.container_btn_votez_empty
{
	float: right;
	width: 154px;
	height: 34px;
	text-align: center;
	margin-top: 17px;
}

.container_btn_plus_moins
{
	float: right;
	height: 34px;
	width: 84px;
}

.container_btn_votez_plus
{
	float: left;
	height: 34px;
	width: 45px;
}

.container_btn_votez_moins
{
	float: right;
	height: 34px;
	width: 39px;
}

.rollover_btn_vote_moins a 
{
	display: block;
	width: 45px;
	height: 0px;
	background: url("./img/hb_btn_votez_moins.gif") 0 0 no-repeat;
	padding-bottom: 34px;
	background-position: 0 -34px;
}

.rollover_btn_vote_moins  a:hover 
{	
	background-position: 0 0px;
}

.rollover_btn_vote_plus a 
{
	display: block;
	width: 45px;
	height: 0px;
	background: url("./img/hb_btn_votez_plus.gif") 0 0 no-repeat;
	padding-bottom: 34px;
	background-position: 0 -34px;
}

.rollover_btn_vote_plus  a:hover 
{	
	background-position: 0 0px;
}

.rollover_btn_poster a 
{
	display: block;
	width: 208px;
	height: 0px;
	background: url("./img/hb_btn_post.gif") 0 0 no-repeat;
	padding-bottom: 53px;
	margin-left: 43px;
}

.rollover_btn_poster  a:hover 
{	
	background-position: 0 -53px;
}

optgroup
{
	width: 200px;
	background-color:#e2e8f5;
}

#pub_google
{
	width: 120px;
	margin-left: 85px;
	margin-top: 50px;
}

.formulaire_myaccount
{
	width: 590px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 40px;
}

.formulaire_myaccount tr
{
	width: 500px;
}

.formulaire_myaccount td
{
	width: 340px;
}

.formulaire_myaccount th
{
	width: 250px;
	text-align: right;
	vertical-align: top;
}

.formulaire_myaccount input, textarea
 {
	/*font-family: tahoma, verdana, helvetica, sans-serif;*/
	font-weight: normal;
	font-size: 11px;

	color: #133a67;
	border:1px solid #7394b0;
	background-color:#e2e8f5;
	margin: 4px;
	width: 160px;
	height: 14px;
}

#formulaire
{
	width: 480px;
	margin-left: 100px;
	margin-right: 45px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.formulaire_nouveau_message
{
	width: 400px;
    text-align: left;
	margin-left: 90px;
	margin-right: 45px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.formulaire_nouveau_message textarea
{
	width: 400px;
	height: 140px;
	margin-left: 0px;
	padding: 0px;
	font-size: 12px;
}

#formulaire input, textarea
 {
	/*font-family: tahoma, verdana, helvetica, sans-serif;*/
	font-weight: normal;
	font-size: 12px;

	color: #133a67;
	border:1px solid #7394b0;
	background-color:#e2e8f5;
	margin: 4px;
	width: 160px;
	height: 14px;
}

#formulaire input[type=checkbox]
{
	width:13px;
}

#formulaire_new_post
{
    text-align: right;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#formulaire_new_post input
{
	/*font-weight: normal;
	font-size: 11px;
 	color: #133a67;
	border:1px solid #7394b0;
	background-color:#e2e8f5;
	margin: 4px;*/
}

#account_menu
{
	border-width: 1px;
	border-style: dashed;
	border-color: #3b5485;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 30px;
	margin-right: 34px;
	padding: 7px;
	font-size: 11px;
}

#separateur_1
{
	width: 218px;
	height: 40px;
	padding: 0px;
	background-image: url('img/hb_separation1.gif');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#separateur_2
{
	width: 218px;
	height: 40px;
	padding: 0px;
	background-image: url('img/hb_separation2.gif');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

#separateur_3
{
	width: 218px;
	height: 40px;
	padding: 0px;
	background-image: url('img/hb_separation3.gif');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}