body 
	{
	color: #000000;
	font-size: 13px;
	font-family: "verdana", Times, serif;
	background-color: #F4F2B7;
                background-image:url(images/FOND.png);
                background-attachment:fixed;
                background-repeat:x;
                background-position:middle;
	text-align: justify;

	}
#global { 
width:90%; 
padding-left:10px; 
padding-right:10px; 
}

.img1 {position:absolute;
 margin: 5px 1px 1px 75%
 }
#en-tete 
	{
	background-color: transparent;
	text-align: left;
	visibility: visible;
	position: relative;
                align:left;
                margin-left:100px;
	height: 149px
	}
#pendule
{
               position:absolute;
 margin: 5px 1px 1px 55%
}


a 
	{
	color: black;
	text-decoration: none
	}

a:hover 
	{
	color: #E3813A;
	text-decoration: none
	}

.col-gauche 
	{	
	width: 20%;
	float: left;
	}

.element-de-menu
	{
	color: #F4F2B7;
	margin-top: 20px;
	margin-left: 20px;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0px dotted #F4F2B7;
	border-left: 0 none
	}

.element-de-menu a:link 
	{
	color: #F4F2B7;
	text-decoration: none
	}

.element-de-menu a:hover 
	{
	color: #c63;
	text-decoration: none
	}

.col-milieu
	{
	padding-left: 36px;
	width: 55%;
	float: left
	}

.col-droite
	{
	align:top;
	width: 20%;
                padding-left: 10%;
	float: right
	}


#pied-de-page 
	{
	color: white;
	font-size: 9px;
	line-height: 16px;
	background-color: #6b6c5a;
	text-align: center;
	letter-spacing: 6px;
	height: 16px;
	clear: left
	}


{
   font-size: 8px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: "Verdana", Arial, serif;

}
a.info {
   position: relative;
   color: black;
   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 */

   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: 0px; /* on positionne notre infobulle */
   left: 10px;

   background: white;
    background-position : center top;
   color: green;
   padding: 3px;
   text-align : justify;
   border: 1px solid green;
   border-left: 1px solid green;
}

ul#menu {
		margin:0;
		padding:0;
		list-style-type:none;
		position: relative;
	}
	
ul#menu li {
		margin:0 0 5px 0;
		padding:0;
		position: absolute;
		top: 0;
	}
	
	#itemA {
		left:0;
		width:107px;
	}
	#itemB {
		left:0px;
		width:188px;
	}
	#itemC {
		left:414px;
		width:188px;
	}
	
	ul#menu2 li a {
		display:block;
		width:188px;
		height:149px;
	}
	
	#itemA a {
		background:url(images/CONTACT.gif) no-repeat 0 0;
	}
	
	#itemA a:hover {
		background:url(images/CONTACT.gif) no-repeat 0 -69px;
	}
	
	#itemB a {
		background:url('logo-innovablog-crea-css-rollover.png') no-repeat -188px 0;
	}
	
	#itemB a:hover {
		background:url('logo-innovablog-crea-css-rollover.png') no-repeat -564px 0;
	}