html, body 
{ 
	height: 100%; 
	background: #C3DDFE url(http://pub.bee-happy.eu/images/image-fond-repeat-x.jpg) repeat-x;
	/*background: transparent url(http://pub.bee-happy.eu/images/fond-general.png) repeat-y center;*/
}

body
{ 
	font: 9pt/15pt arial; 
	color: #002000; 
	margin: 0px; 
} 

#beehappy-gauche
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 158px;
	height: 1000px;
	background: #C3DDFE url(http://pub.bee-happy.eu/images/image-fond-gauche.jpg) no-repeat left top;
}
#beehappy-droite
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 158px;
	height: 1000px;
	background: #C3DDFE url(http://pub.bee-happy.eu/images/image-fond-droite.jpg) no-repeat right top;
}

#beehappy
{
	position: relative;
	width: 947px;
	margin-left: auto;
	margin-right: auto;
	height: auto !important; 
	height: 100%; 
	min-height: 100%; 
}

#tdcol-centrale
{
	background-color: transparent;
}

#container
{
	width: 950px;
	background-color: transparent;
}

#div-colonne-gauche
{
	float: left;
	width: 160px;
	background-color: transparent;
	padding-top: 0px;
}

#div-principal
{
	float: left;
	width: 627px;
}


#div-colonne-droite
{
	float: left;
	width: 160px;
	background-color: transparent;
	padding-top: 0px;
}

#div-contenu-haut
{
	background: transparent url(../images/zone-centrale-haut.gif) no-repeat center; 
	width: 627px;
	float: left;
	height: 9px;
	font-size: 0em;
}

#div-contenu
{
	background: transparent url(../images/zone-centrale-milieu.gif) repeat-y center; 
	float: left;
	width: 627px;
	height: auto !important; 
	height: 450px; 
	min-height: 450px; 
}

#div-infossite
{
	background: transparent url(../images/zone-centrale-bas.gif) no-repeat center; 
	width: 627px;
	float: left;
	height: 26px;
}

#div-pub-externe-fixe
{
	clear: both;
	width: 947px;
	padding: 5px;
}

p
{ 
	font: 9pt/17pt arial; 
	margin-top: 0px; 
	text-align: left;
}

h3
{
	font: bold 11pt arial; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #002000;
}

a:link
{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #685F7F;
}

a:visited
{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #685F7F;
}

a:hover, a:active
{ 
	text-decoration: underline; 
	/*color: #8A78AF;*/
	color: #4E475F;
}

.texte-en-evidence
{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #DF0033;
}

a.lien-en-evidence:link, a.lien-en-evidence:visited
{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #DF0033;
}

a.lien-en-evidence:hover, a.lien-en-evidence:active
{ 
	text-decoration: underline; 
	color: #AF002C;
}

a.lien-fonce:link
{ 
	font-weight: bold; 
	text-decoration: none; 
	/*color: #7F7C4F;*/
	color: #685F7F;
}

a.lien-fonce:visited
{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #685F7F;
}

a.lien-fonce:hover, a:active
{ 
	text-decoration: underline; 
	color: #4E475F;
}

textarea:focus, input:focus, select:focus
{
  background-color: #FFF4BB;
  color: #002000;
}


label
{
	float: left;
	width: 7.5em;
}

img
{
  border: none;
  vertical-align: middle;
}


ul 
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


form 
{
  border: none;
  margin: 0;
}

input, textarea 
{
	font: 9pt arial;
  background-color: #FFFFFF;
  color: #002000;
	width: 98%;
	height: 1.3em;
	font-size: 1em;
	border: 1px solid;
	border-color: #4F4E40 #BFBD9B #BFBD9B #4F4E40;
	margin-bottom: 0em 0em 0em 0.2em;
	padding: 2px 2px 2px 2px;
}

input 
{
	width: 5.5em;
}

input.bouton-valider 
{
	font: normal 9pt Hobo Std;
	letter-spacing: 0px;
	color: #7b5303;
	width: 7em;
	height: 1.7em;
	background-color: #FFF1B5;
	border-width: 2px;
	border-color: #E07619 #9F4B00 #9F4B00 #E07619;
	margin-top: 0.2em;
	margin-left: 0.2em;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

input.email
{
	width: 20em;
}

input.sujet-email
{
	width: 30em;
}

textarea.texte-email
{
	width: 30em;
	height: 15em;
}

input.pseudo
{
	width: 8em;
}

input.passe
{
	width: 8em;
}

input.sexe
{
	width: 1.2em;
}

input.checkbox
{
  color: #002000;
	width: 1em;
	background-color: #FFFFFF;
	margin-left: 0.2em;
	padding: 0;
	cursor: pointer;
	border: 0px;
}

select
{
	background-color: #FFFFFF;
	margin-left: 0.2em;
	padding: 0;
	cursor: pointer;
  vertical-align: top;
}

/* Info bulles */
div.bulle 
{
	padding: 1px;
	top: 0px;
	left: 0px;
	color: #002000;
	font: 9pt/15pt arial; 
	background: #FFFBDE;
	border: 1px solid #DE6500;
	margin-top: -20px;
}

div.bulle p 
{
	margin			: 0;
	padding			: 0 3px;
}


.navigation
{
	float: left;
	width: 160px;
	background: transparent url(../images/navigation-bas.gif) no-repeat right bottom;
	padding: 0px 0px 14px 0px;
	margin-bottom: 6px;
}

/* D�finition des bloc utilis�s pour le menu de navigation */
.navigation h3
{
	text-align: center;
	width: 160px;
	height: 29px;
	background: transparent url(../images/navigation-haut-carre.gif) no-repeat right;
	font: normal 14pt Hobo Std;
	color: #7b5303;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.navigation h3.arrondi
{
	background: transparent url(../images/navigation-haut-arrondi.gif) no-repeat right;
}

.navigation ul
{
	letter-spacing: 0px; 
	background: transparent url(../images/navigation-milieu.gif) repeat-y right;
	width: 160px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.navigation li
{
	letter-spacing: 0px; 
	padding-left: 30px;
	text-decoration: none;
	background-color: transparent;	
}