html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #fff; /*couleur de fond blanche*/
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;

}

#logo
{
	margin-top: 20px;
}
#header 
{
height: 60px;
width : 100%;
background-color: #F0F0F0;
border: 1px solid #d8d8d8;
margin-top:0px;
}


/*touche sites web*/
.toucheBlock
{
	position: absolute;
	top : 120px;
	width: 190px;	
/*	border : 1px solid red;*/
}
.toucheLink
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	height: 157px ;
	line-height: 160px ;
	color: #000 ;	
}

/*touche sites web*/
#sites_web
{			
	margin-left: 25px;
}
#sites_web a
{
	background:  url(../images/touche_bleu1.gif)  no-repeat 0 0;
}
#sites_web a:hover
{
	background:  url(../images/touche_bleu1.gif)  no-repeat 0 -157px;
}

/*touche visites virtuelles*/

#visites_virtuelles
{
	margin-left: 215px;
}
#visites_virtuelles a
{
	background:  url(../images/touche_orange1.gif)  no-repeat 0 0;
}
#visites_virtuelles a:hover
{
	background:  url(../images/touche_orange1.gif)  no-repeat 0 -157px;
}

/*touche formations*/
#formations
{
	margin-left: 405px;
}
#formations a
{
	background:  url(../images/touche_violet1.gif)  no-repeat 0 0;
}

#formations a:hover
{
	background:  url(../images/touche_violet1.gif)  no-repeat 0 -157px;
}

/*tarifs*/
#tarifs
{
	margin-left: 595px;
}
#tarifs a
{
	background:  url(../images/touche_vert1.gif)  no-repeat 0 0;
}
#tarifs a:hover
{
	background:  url(../images/touche_vert1.gif)  no-repeat 0 -157px;
}

/*touche clients*/
#clients
{
margin-left: 785px;
}
#clients a
{
	background:  url(../images/touche_ciel1.gif)  no-repeat 0 0;
}
#clients a:hover
{
	background:  url(../images/touche_ciel1.gif)  no-repeat 0 -157px;
}

/*fin des touches*/

.touche
{
	border-right: 1px solid #d8d8d8;
	color: #666666;
	font: normal 0.8em arial, sans-serif;
	padding-top: 5px;
	margin-bottom: 15px;
}
li 
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: -15px;
	margin-right: 5px;
}

#footer 
{
	position:relative;
	top : 385px;
	bottom:0px;
	height:60px;
	width : 100%;
	background-color: #F0F0F0;
	border: 1px solid #d8d8d8;
}

/*////////////////////////////////////////////////////////////////*/
/* menu pied de page//////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////*/
ul#menupied {
margin-top:17px;
padding-left: 10px;
margin-left: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
list-style-type: none;
text-align: left;
border-bottom: 3px solid #d8d8d8;
float: left;
}
#menupied li {
display: inline;
margin: 0 0px;
padding: 0 0px;

}
#menupied a {
color: #666666;
text-decoration: none;

}





/*////////////////////////////////////////////////////////////////*/
/* Style du pied de page//////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////*/


#footer p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:left;
color: #666666;
border-left: 3px solid #d8d8d8;
float: right;
background: #f0f0f0 url(../images/petit_logo.gif) center left no-repeat;
padding-left: 50px;
padding-right: 15px;
margin-top: 10px;

}