/*CSS DE TOOTELEK*/

body{
text-align:center;
background:#ffffff url(../img/fond.jpg) 50% repeat-y;
}
#conteneur{
text-align:center;
margin:auto;
width:900px;
}
#head{
margin:auto;
width:900px;
height:132px;
background:url(../img/head.jpg) no-repeat;
}
#conteneur{
width:900px;
background:url(../img/fond-gauche.jpg) repeat-y;
}
#gauche{
width:252px;
height:744px;
float:left;
background:url(../img/fond-gauche.jpg) repeat-y;
}
#promo{
width:648px;
height:744px;
float:left;
}

/*----------MENU--------*/ 
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu4 {
	width: 200px;
	margin-left:18px;
	border-style: solid solid none solid;
	border-color: #D76100;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu4 li a {
  	height: 38px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #9E3C02;
	display: block;
	background:url(../img/menu4.gif);
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:hover {
	color: #fff;
	background:url(../img/menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:active {
	color: #fff;
	background:url(../img/menu4.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}	
/*---------AFFICHAGE DU PLAN-----------*/
/* pour les liens en général */
a img{border:0;vertical-align:middle;}
a:visited{color:pink}
a:hover,a:focus,a:active{color:#fff;}
/* liens pour infobulles */
.info{position:relative;text-decoration:none;color:#000;text-decoration:none;}
a.lien{color:green;}
.info:visited{color:#000}

/* paramètres de l'infobulle */

a.info span{
	position:absolute;
	z-index:99;
	padding:3px;
	text-align:center;
	color:#FF6600;
	background:orange;
	top:1em;
	left:-9999px;
	white-space:nowrap;
}

/*rends visible l'infobulle*/
.info:hover span,.info:active span,.info:focus span{left:0;}