/***************************************[Général]***********************************/

body
{
	background-image : url(data/fd.gif);
	background-color: white;
	font: 0.9em helvetica, sans-serif ;
	color : black;

}

img
{
	border : none ;
}

.menu
{
	float:left;
	width : 150px ;
	border : 1px solid black;
	background-color : white;
}

.navig
{
	font: 0.9em helvetica, sans-serif ;
	color : black;
	cursor : default;
}

.contenu
{
	height: 631px;
	border : 1px solid black;
	background-color : white;
	margin-left :165px;
	padding-left : 60px;
	padding-right : 60px;
	padding-bottom : 60px;
	overflow: auto;
}

.contenu img
{
	border : 1px solid black;
	margin-right :30px;
}

.contenu img:hover
{
	border : 1px solid white;
}

.caption
{
	float : right ;
	width : 500 px;
	margin-right: 60px;S
	text-align: left;
}

a
{
	font: helvetica, sans-serif ;
	color : #666;
}

a:hover
{
	font: helvetica, sans-serif ;
	color : #CCC;
	text-decoration: none;
}

.titre
{
	text-decoration: underline;
	font-weight: bold;
}

/***************************************[Rollovers]********************************/

		/***[Graphisme]***/
#rollg{
	height:100 px;
	width:100 px;
	background-image:url(data/animg.gif);
	background-repeat:no repeat;
	background-position:center top;
}

#rollg:hover{
	background-image:url(data/g.gif);
	background-repeat:no repeat;
	background-position:center top;
}


		/***[Video]***/
#rollv{
	height:100px;
	width:100px;
	background-image:url(data/animv.gif);
	background-repeat:no repeat;
	background-position:center top;
}

#rollv:hover{
	background-image:url(data/v.gif);
	background-repeat:no repeat;
	background-position:center top;
}


		/***[Interactivite]***/
#rolli{
	height:100px;
	width:100px;
	background-image:url(data/animi.gif);
	background-repeat:no repeat;
	background-position:center top;
}

#rolli:hover{
	background-image:url(data/i.gif);
	background-repeat:no repeat;
	background-position:center top;
}


		/***[Carnet]***/
#rollc{
	height:100px;
	width:100px;
	background-image:url(data/animc.gif);
	background-repeat:no repeat;
	background-position:center top;
}

#rollc:hover{
	background-image:url(data/c.gif);
	background-repeat:no repeat;
	background-position:center top;
}



/***************************************[infobulle]*************************************/

a.info {
	position: relative;
	color: black;
	text-decoration: none;
}

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 */
}

a.info:hover span {
	font-size: 0.8em;
	font-family: Arial, Helvetica, serif;
	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 à l	a ligne non-désiré */

	top: -14px; /* on positionne notre infobulle */
	left: 105px;
	background: white;
	color: black;
	padding: 3px;
	border: 1px solid black;
	//border-bottom: 4px solid black;
}