.home-service-button
{
    display: block;
    text-transform: uppercase;
    padding: 2px 10px;
    background: #ffffff; /*url(images/button-bg.png) 0 0 repeat-x;*/
    color: #98AA0A;
	text-align: center;
	font-weight: bold;
    border: solid 0px #cccccc;
	display: none;
}

.home-service-button:hover
{
    color: #AE9473; /*#C5D44E;*/
	font-weight: bold;
}

.home-zones-button
{
    display: block;
    text-transform: uppercase;
    padding: 8px 10px 8px 50px;
    background: #ffffff url(images/zoom.png) 5px center no-repeat;
	margin-left: 7px;
    color: #B72280;
	font-size: 90%;
    margin-top: 10px;
	font-weight: bold;
}

.home-zones-button:hover
{
    color: #D14BA9;
}

.service-panel
{
    height: 156px;
    margin-bottom: 10px;
    position: relative;
}


.service-panel.service3
{
    background: #5d707e url(images/pro.png) center 17px no-repeat;
}

.service3 .more-info
{
    padding-bottom: 3px;
	background: #5d707e url(images/proplus.jpg) 0px 0px no-repeat;
}

.service-panel.service1
{
    background: #AE9473 url(images/dej.png) center 18px no-repeat;
}

.service1 .more-info
{
	padding-bottom: 3px;
    background: #ae9473 url(images/dejplus.jpg) 0px 0px no-repeat;
}

.service-panel.service2
{
    background: #98aa0a url(images/precom.png) center 17px no-repeat;
}
.service2 .more-info
{
	padding-bottom: 3px;
    background: #98aa0a url(images/precomplus.jpg) 0px 0px no-repeat;
}

.plus-info
{
    display: block;
    width: 120px;
    height: 19px;
    background: transparent url(images/plus-info.png) 0 0 no-repeat;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

div.more-info
{
    padding: 2px 5px 5px 5px;
    width: 285px;
    height: 90px;
    background-image: url(images/degrad-white.png);
    background-position: 0px 0px;
    background-repeat: repeat-x;
}

div.more-info-bottom
{
    background: transparent url(images/arrow-down-white.png) 0 0 no-repeat;
    margin-left: 30px;
    width: 15px;
    height: 10px;
    margin-top: 0px;
}

.command-button
{
    display: block;
    width: 131px;
    height: 19px;
    background: transparent url(images/command-button.png) 0 0 no-repeat;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.more-info td
{
    text-align: center;
    font-size: 85%;
    
}

.more-info td img
{
    border: solid 0px #777777;
    margin-bottom: 3px;
}

.info-text
{
    /*background: url(images/arrow-right-white.png) -3px 0px no-repeat;*/
    padding-left: 15px;
    color: White;
    text-transform: uppercase;
    position: absolute;
    top: 68px;
    left: 13px;
    width: 280px;
    font-size: 85%;
}

#NewCustomer
{
    display: block;
    height: 122px;
    background: url(images/nouveau-client.png) 0 0 no-repeat;
}

#ILoveJour
{
    margin: 10px 0px;
    display: block;
    height: 182px;
    background: url(images/ilovejour.png) 0 0 no-repeat;
}

.news
{
    position:relative; 
    overflow:hidden; 
    width: 316px;
    height: 207px;
    background: #f6f6f6 url(images/top-bg.png) 0 0 repeat-x;
}

.news .title
{
    text-transform: uppercase;
    background: url(images/clock.png) 0 center no-repeat;
    margin-left: 20px;
    padding: 4px;
    padding-left: 20px;
    font-weight: bold;
	font-size: 11px;
}

.news .items
{
    width:20000em; 
    position:absolute; 
    clear:both;
}

.news .items>div
{ 
    float:left;
    width: 276px;
    padding: 20px;
    padding-top: 5px;
} 

.news .items h1
{
    font-weight: bold;
    border-bottom: solid 1px #313131;
    font-size: 0.8em;
    padding: 3px 0px;
    margin: 0px;
}

.news .items a
{
    color: #B72280;
    text-transform: uppercase;
    float: right;
}

.news .next
{ 
    position: absolute;
    right: 5px;
    bottom: 5px;
    height: 20px;
    width: 20px;
    z-index: 10;
    background: transparent url(images/arrow-right-brown.png) center center no-repeat;
}

.news .prev
{ 
    position: absolute;
    left: 5px;
    bottom: 5px;
    height: 20px;
    width: 20px;
    z-index: 10;
    background: transparent url(images/arrow-left-brown.png) center center no-repeat;
}

.news .footer
{
    position: absolute;
    bottom: 0px;
    background: #d4d4d4 url(images/footer-bg.png) 0 0 repeat-x;
    width: 316px;
    height: 30px;
}

.navi
{
    position: absolute;
    bottom: 7px;
    left: 50px;
}

/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}