/*Sliding Text and Icon Menu Style*/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../font/league_gothic-webfont.eot');
    src: url('../font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/league_gothic-webfont.woff') format('woff'),
         url('../font/league_gothic-webfont.ttf') format('truetype'),
         url('../font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.sti-menu{
	width:960px;
	position: absolute;
	top:120px;
}
.sti-menu li{
	display:inline-block;
	float:left;
	width:157px;
	height:53px;
	margin: 0 1px;
}
.sti-menu li a {
	display:block;
	overflow:hidden;
	background:#242424;
	text-align: left;
	text-decoration:none;
	height:53px;
	width:100%;
	position:relative;
 
}

.sti-menu li a:hover, .sti-menu li.active a {
    background:#121212;
	}
.sti-menu li a h2{
	color:#fff;
   font-family: 'LeagueGothicRegular';
	font-size:20px;
	font-weight: normal;
	text-transform:uppercase;
	position:absolute;
	text-decoration:none;
	padding:5px;
	width:105px;
	top:0px;
	left:40px;
	text-shadow: 0px 1px 1px black;
}

.sti-menu li a:hover h2, .sti-menu li.active a h2 {
	color:#daa520; 
	}
	
.sti-menu li a h3{
	font-family: 'LeagueGothicRegular';
	font-size:12px;
	color: #fff;
	font-weight:normal;
	position:absolute;
	top:27px;
	left:40px;
	width:105px;
	padding:5px;
}
.sti-icon{
	 width:36px;
	height:50px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	left:5px;
	top:0px; 
}
.sti-icon-care{
	background-image:url(../images/care.png);
}
.sti-icon-alternative{
	background-image:url(../images/alternative.png);
}
.sti-icon-family{
	background-image:url(../images/family.png);
}
.sti-icon-info{
	background-image:url(../images/info.png);
}
.sti-icon-technology{
	background-image:url(../images/technology.png);
}

.sti-icon-contact {
	background-image:url(../images/contact.png);
}

body .sti-menu li.active a .sti-icon  {
     background-position: bottom;
	 }

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
   .sti-menu li a h2 {
		
		font-size:11px;
	}
	
	.sti-menu li a h3{
 
	font-size:9px;
	}
	
	div#pied .links_haut {
 
 
 
	font-size:12px;
}
div#pied .bloc_bas .liste_service h3 {
    font-size:13px;
	 }
	}