/* Start of CMSMS style sheet 'csante_services_slide' */
/* services */

div#services-overflow {
    position:absolute;
    top: 0px;
    right: 0px;
    height: 403px;
    width: 19px;
    z-index: 100;
    background-color:#fff;
}


div#services {
    height: 403px;
/*    width: 985px;*/
    width: 990px;
    overflow: hidden;
    position: relative;

}


#services div.service {
    float: left;
    /*width: 500px;*/
}
#services div.service-tab {
    background-color:#f1f1ee;
    width: 49px;
    height: 403px;
    float: left;

}

#services div.service-tab-label.isOver {
   /* background-color:transparent;*/
   color: #fff;
}
#services div.service-tab-label.isOver h2 {
   /* background-color:transparent;*/
   color: #fff;
}


#services .active div.service-tab {
    background-color:transparent;
}
#services div.service-tab-label {
    background-color:#e5e5e0;
    background-repeat: no-repeat;
    background-position: center top;
    width: 40px;
    height: 100%;
    position: relative;
    
}
#services .active div.service-tab-label {
    background-color:transparent;
}
#services .active div.service-tab-label h2 {
    color: #fff;
}


#services div.service-content {
   /* width: 254px; */
 /*   width: 251px;*/
    width: 211px;
    height: 363px;

    color: #fff;
    font-size: 14px;
    line-height:18px;
    padding-right: 270px;
padding-top:40px;
    float: left;
    /*display: none;*/
    overflow: hidden;
}

#services div.service-content p {
    overflow: hidden;
    display: block;
    /*position: relative;*/
/*    width: 251px;*/

}

#services div.service-content a {
    color: #fff;
    font-size: 15px;
    line-height:22px;
}

#services .active div.service-content {
    display:block;
}

#services div.service-content.hidden {
    display:none;
}

#services div.service-content ul {
    list-style-image: url(images/bullet-arrow.png);
}

#services div.active div.service-content-container {
    display:block;
/*    width:521px;*/
    width:481px;

}

#services div.service-content-container {
    float:left;
    width:0px;
    display: none;
    overflow: hidden;
}


#services div#service-1 {
    background-color: #c4d021;
}
#services div#service-1 .service-tab-label {
   background-image:  url(images/icone-dentisterie-generale.jpg);
}
#services div#service-1 .service-content {
    background: #c4d021 url(images/bg-service-1.jpg) no-repeat right top;
}


#services div#service-2 {
    background-color: #ef8321;
}
#services div#service-2 .service-tab-label {
   background-image: url(images/icone-dentisterie-specialisee.jpg);
}
#services div#service-2 .service-content {
    background: transparent url(images/bg-dentisterie.jpg) no-repeat right top;
}

#services div#service-3 {
    background-color: #e4b7ad;
}
#services div#service-3 .service-tab-label {
   background-image: url(images/icone-kilo-solution.jpg);
}
#services div#service-3 .service-content {
    background: transparent url(images/bg-kilo_solution.jpg) no-repeat right top;
}

#services div#service-4 {
    background-color: #c53947;
}
#services div#service-4 .service-tab-label {
   background-image: url(images/icone-esthetique.jpg);
}
#services div#service-4 .service-content {
    background: transparent url(images/bg-esthetique.jpg) no-repeat right top;
}


#services div#service-5 {
    background-color: #5f696a;
}
#services div#service-5 .service-tab-label {
   background-image: url(images/icone-endermologie.jpg);
}
#services div#service-5 .service-content {
    background: transparent url(images/bg-endermologie.jpg) no-repeat right top;
}

#services div#service-6 {
    background-color: #3e2202;
}
#services div#service-6 .service-tab-label {
   background-image: url(images/icone-medecine-esthetique.jpg);
}
#services div#service-6 .service-content {
    background: transparent url(images/bg-medecine_esthetique.jpg) no-repeat right top;
}


#services div#service-7 {
    background-color: #c3b22f;
}
#services div#service-7 .service-tab-label {
   background-image: url(images/icone-massotherapie.jpg);
}
#services div#service-7 .service-content {
    background: transparent url(images/bg-massotherapie.jpg) no-repeat right top;
}


#services div#service-8 {
    background-color: #a5cbce;
}
#services div#service-8 .service-tab-label {
   background-image: url(images/icone-oxygenotherapie.jpg);
}
#services div#service-8 .service-content {
    background: transparent url(images/bg-oxigenotherapie.jpg) no-repeat right top;
}


#services div#service-9 {
    background-color: #d2c36c;
}
#services div#service-9 .service-tab-label {
   background-image: url(images/icone-activite-physique.jpg);
}
#services div#service-9 .service-content {
    background: transparent url(images/bg-activite_physique.jpg) no-repeat right top;
}

#services div#service-10 {
    background-color: /*#efe421*/#cf8237;
}
#services div#service-10 .service-tab-label {
   background-image: url(images/icone-ostheopathie.jpg);
}
#services div#service-10 .service-content {
    background: transparent url(images/bg-osthopatie.jpg) no-repeat right top;
}


/* end of services */


#services .service-tab-label h2 {
    color: #7b7c70;
    font-size: 20px;
    font-family: Arial;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:2px;
padding-top: 28px;
/*
    position:absolute;
    white-space: nowrap;
    margin:0px;

    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    width: 403px;
    height: 40px;


    top: 154px;
    left: -173px;
*/

}

#services .service-tab-label h2 span {
    font-size:15px;
    text-transform:none;
    letter-spacing:normal;
}


/* End of 'csante_services_slide' */