/*
-----------------------------------------------
Fichier de Style de LAPOPOTE.COM
----------------------------------------------- */

html body { 
  margin:0;
  padding:0;
/*  background:#E1D4C0 url('img/sides_body2.gif') repeat-y center top; */
  color:#000000;
  font-size:70%; font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*------------------- TITRE --------------------*/

.tb-espace {
border: 2px solid #FFFFFF;
background:#FFFFFF;
text-align : left;
vertical-align: top;
}

.fond-pub {
border: 2px solid #FFFFFF;
background:#EBF0C6;
text-align : center;
vertical-align: center;
}

/*--------------- MENU HAUT --------------------*/

.tb-menu-on {
border: 1px solid #8B9E39;
height:21px;
background:#B4C765;
text-align : center;
vertical-align: center;
cursor:pointer;
color:#FFFFFF;
font-size:100%; font-weight:bold ;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

.tb-menu-off {
border: 1px solid #C7D68B;
height:21px;
background:#DFE8BF;
text-align : center;
vertical-align: center;
cursor:pointer;
color:#000000;
font-size:100%; font-weight:bold ;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}


/*--------------- ACCUEIL --------------------*/

.fond-menu-gauche{
border: 2px solid #FFFFFF;
background:#EAEFD3;
text-align : left;
vertical-align: top;
}

.cadre-menu-gauche{
border: 1px solid #E2E8C1;
background:#FFFFFF;
text-align : left;
vertical-align: center;
color:#000000;
font-size:100%; font-weight:normal;
height:15px;
}

.bouton-menu-gauche {
border: 1px solid #E2E8C1;
background:#FFFFFF;
text-align : center;
vertical-align: center;
color:#000000;
font-size:100%; font-weight:bold;
cursor: pointer;
height:15px;
}

/*--------------- TITRE --------------------*/
h1 {
position: relative; /* on positionne le conteneur H1 pour placer ensuite le SPAN */
font-size:100%; font-weight:bold;
}

/*--------------- RECETTE --------------------*/
.fond-accueil-milieu{
border: 2px solid #FFFFFF;
background:#EFF0D2;
text-align : left;
vertical-align: top;
}

.note-recette{
font-family: Arial, Helvetica, sans-serif;
font-size:150%; font-weight:bold;
text-align : right;
vertical-align: top;
}

.cadre-accueil-milieu{
border: 1px solid #E9EABF;
background:#FFFFFF;
text-align : left;
vertical-align: center;
color:#000000;
font-size:100%; font-weight:bold;
height:21px;
}

.bouton-accueil-milieu {
border: 1px solid #E9EABF;
background:#FFCC33;
text-align : left;
vertical-align: center;
color:#000000;
font-size:100%; font-weight:bold;
height:21px;
cursor: pointer;
text-decoration: underline;
height:21px;
}

.fond-accueil-droite{
border: 2px solid #FFFFFF;
background:#F5F5E2;
text-align : left;
vertical-align: top;
}

.cadre-accueil-droite{
border: 1px solid #F0F0D5;
background:#FFFFFF;
text-align : left;
vertical-align: center;
color:#000000;
font-size:100%; font-weight:bold;
height:21px;
}



/*--------------- BALISE END --------------------*/

.fond-end {
border: 2px solid #FFFFFF;
/*background:#F5F5E2;*/
background:#EBF0C6;
text-align : left;
vertical-align: center;
}




.collapsible {
  margin:0; padding:0;
  overflow:hidden;
  display:block;
}

.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; font-weight:normal;
	color: #333333;
	border: 1px solid #E9EABF;
}


/*--------------- LES LIENS --------------------*/

A:link {
	text-decoration: none; color: green;
}
A:visited {
	text-decoration: none; color: #006600;
}
A:active {
	text-decoration: none;
}
A:hover {
	text-decoration: underline; color: red;
}
.link-image{
cursor:pointer;
}

/*--------------- TOOLTIP --------------------*/
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#F5F5E2; border:1px solid #C4C694; 
  width:250px; padding:4px;
}

/* These are optional. They demonstrate how you can individually format tooltip content  */
/*div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }*/