/* services */
a#services {
    display: block;
    width: 439px;
    height: 30px;
    background-image: url(../images/nav/services.jpg);
    background-position: 0 0;
    margin: 0px;
}
a#services:hover {
    background-position: 0 -30px;
}
a .alt { display: none; }
/* portfolio */
a#portfolio {
    display: block;
    width: 439px;
    height: 33px;
    background-image: url(../images/nav/portfolio.jpg);
    background-position: 0 0;
    margin: 0px;
}
a#portfolio:hover {
    background-position: 0 -33px;
}
a .alt { display: none; }
/* societe */
a#societe {
    display: block;
    width: 439px;
    height: 35px;
    background-image: url(../images/nav/societe.jpg);
    background-position: 0 0;
    margin: 0px;
}
a#societe:hover {
    background-position: 0 -35px;
}
a .alt { display: none; }
/* methodologie */
a#methodologie {
    display: block;
    width: 439px;
    height: 35px;
    background-image: url(../images/nav/methodologie.jpg);
    background-position: 0 0;
    margin: 0px;
}
a#methodologie:hover {
    background-position: 0 -35px;
}
a .alt { display: none; }
/* contact */
a#contact {
    display: block;
    width: 439px;
    height: 33px;
    background-image: url(../images/nav/contact.jpg);
    background-position: 0 0;
    margin: 0px;
}
a#contact:hover {
    background-position: 0 -33px;
}
a .alt { display: none; }
/* top */
a#top {
    display: block;
    width: 52px;
    height: 38px;
    background-image: url(../images/nav/top.jpg);
    background-position: 0 0;
    margin: 0px;
}
a#top:hover {
    background-position: 0 -38px;
}
a .alt { display: none; }
/* colonne services */
a#cservices {
    display: block;
    width: 278px;
    height: 35px;
    background-image: url(../images/specialisations/services-web-print-logo.gif);
    background-position: 0 0;
    margin: 0px;
}
a#cservices:hover {
    background-position: 0 -35px;
}
a .alt { display: none; }
/* colonne portfolio */
a#cportfolio {
    display: block;
    width: 278px;
    height: 35px;
    background-image: url(../images/specialisations/portfolio-web-print-logo.gif);
    background-position: 0 0;
    margin: 0px;
}
a#cportfolio:hover {
    background-position: 0 -35px;
}
a .alt { display: none; }
/* colonne societe */
a#csociete {
    display: block;
    width: 278px;
    height: 35px;
    background-image: url(../images/specialisations/societe-web-print-logo.gif);
    background-position: 0 0;
    margin: 0px;
}
a#csociete:hover {
    background-position: 0 -35px;
}
a .alt { display: none; }
/* colonne methodologie */
a#cmethodologie {
    display: block;
    width: 278px;
    height: 35px;
    background-image: url(../images/specialisations/methodologie-web.gif);
    background-position: 0 0;
    margin: 0px;
}
a#cmethodologie:hover {
    background-position: 0 -35px;
}
a .alt { display: none; }
/* colonne contact */
a#ccontact {
    display: block;
    width: 278px;
    height: 35px;
    background-image: url(../images/specialisations/contacter-ted7.gif);
    background-position: 0 0;
    margin: 0px;
}
a#ccontact:hover {
    background-position: 0 -35px;
}
a .alt { display: none; }
/* portfolio */
a#web1 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/1-s.jpg); background-position: 0 0; margin: 0px;}
a#web1:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web2 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/2-s.jpg); background-position: 0 0; margin: 0px;}
a#web2:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web3 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/3-s.jpg); background-position: 0 0; margin: 0px;}
a#web3:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web4 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/4-s.jpg); background-position: 0 0; margin: 0px;}
a#web4:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web5 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/5-s.jpg); background-position: 0 0; margin: 0px;}
a#web5:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web6 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/6-s.jpg); background-position: 0 0; margin: 0px;}
a#web6:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web7 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/7-s.jpg); background-position: 0 0; margin: 0px;}
a#web7:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web8 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/8-s.jpg); background-position: 0 0; margin: 0px;}
a#web8:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web9 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/9-s.jpg); background-position: 0 0; margin: 0px;}
a#web9:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web10 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/10-s.jpg); background-position: 0 0; margin: 0px;}
a#web10:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web11 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/11-s.jpg); background-position: 0 0; margin: 0px;}
a#web11:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web12 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/12-s.jpg); background-position: 0 0; margin: 0px;}
a#web12:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web13 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/13-s.jpg); background-position: 0 0; margin: 0px;}
a#web13:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web14 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/14-s.jpg); background-position: 0 0; margin: 0px;}
a#web14:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web15 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/15-s.jpg); background-position: 0 0; margin: 0px;}
a#web15:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web16 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/16-s.jpg); background-position: 0 0; margin: 0px;}
a#web16:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web17 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/17-s.jpg); background-position: 0 0; margin: 0px;}
a#web17:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web18 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/18-s.jpg); background-position: 0 0; margin: 0px;}
a#web18:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web19 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/19-s.jpg); background-position: 0 0; margin: 0px;}
a#web19:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web20 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/20-s.jpg); background-position: 0 0; margin: 0px;}
a#web20:hover {background-position: 0 -139px;}
a .alt { display: none; }
a#web21 {display: block; width: 188px; height: 139px; background-image: url(../images/portfolio-website/21-s.jpg); background-position: 0 0; margin: 0px;}
a#web21:hover {background-position: 0 -139px;}
a .alt { display: none; }
/* NAVIGATION WEB PORTFOLIO */
a#websuivant {
    display: block;
    width: 107px;
    height: 19px;
    background-image: url(../images/nav/sites-web-suivant.jpg);
    background-position: 0 0;
    margin: 0px;
}
a#websuivant:hover {
    background-position: 0 -19px;
}
a .alt { display: none; }
a#webprecedent {
    display: block;
    width: 131px;
    height: 19px;
    background-image: url(../images/nav/site-web-precedent.jpg);
    background-position: 0 0;
    margin: 0px;
}
a#webprecedent:hover {
    background-position: 0 -19px;
}
a .alt { display: none; }