/* CSS Document bertoli */

body 
	{ 
	margin: 0 auto; /* pour centrage auto dans naviguateur */
	text-align: center;
	background-color:#FFF;
	background-image:url();
	background-repeat:repeat-x;
	font-family: Times New Roman, Times, serif;
	font-size: medium;
		color: #030;
        width:750px;
        text-align :left;

	}

a { color: #336633; text-decoration: none;}

a:hover{ color: #C00;}

a:visited{}

	
#entete, #corps, #pied_de_page
	{
	width:770px; margin:auto 0
	}
	
#entete
	{
	height:196px;
	margin-top:3px;
	background-image:url(images/bandeau.jpg);
	background-repeat: no-repeat;
	border-bottom: 5px solid #FFF;
	}
	
/*- Menu commum --------------------------- */

    #menu {
      float:right;
	  display:block;
      width:770px;
	  background-color: #9AC617;
      font-size: small;
      line-height:normal;
	  border-bottom: 2px solid  #336633;
      }
    #menu ul {
	  margin:0 auto;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #menu li {
	display: inline;
	margin:0 auto;
	padding:0;
      }
    #menu a {
      float:right;
      background:url(images/tableftC.gif) no-repeat left top;
      margin:0 auto;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #menu a span {
      float:left;
      display:block;
      background:url(images/tabrightC.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color: #003300;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    	
	#menu a:hover span {
      color: #CC0000;
      }
    #menu a:hover {
      background-position:0% -42px;
	  text-decoration:none;
	  font-size:small;
      }
    #menu a:hover span {
      background-position:100% -42px;
      } 
/*------------------------------------------*/ 
	
#corps
	{
	height:auto;
	background-image:url(images/Raindrops.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#contenu_corps 
	{
	width:720px;
	height:auto;
	background-color:#999;
	margin-top:10px;
	margin-bottom:15px;
	border: 2px solid #50A02F;
	}
	
#pied_de_page
	{
	background-color: #CCFF33;
	margin-top:0px;
	height:60px;
	border-bottom: 2px solid  #336633;
	text-align:center;
	font-size:small
	}
	
h1 {
	color: #030;
	text-align:center;
	}
	
h2 {
	color:#000;
	text-align:left;
	padding:15px;
	background-color:#cf6;

	}
	
.table_trombine 
	{
	width:680px;
	height: auto;
	border:0;
	text-align:center;
	}
	
.td {
	width:70px;
	text-align:center;
	}
	
img {
border:none;
}
	
#bloc_div_deroulant {
width:769px;
height:200px;
overflow: auto;
background-color:#FFFFCC;
border:1px solid #CCC;
margin-left:0px;
}

/*Info bulle sur texte : ici, produits sur mode d'emploi*/
a.info {
position: relative;
color: #006;
text-decoration: none;
border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
text-decoration:none;
border-left:3px solid red;
padding-left:3px;
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 30px; /* on positionne notre infobulle */
left: -100px;

background: white;

color: #006;
padding: 3px;

border: 1px solid   green;
border-left: 4px solid green
}
/*Fin--------------------------------------------------------------*/