/* CSS Document */ /*************************** GLOBAL ***************************/ BODY {font: normal 12px Arial; color: #000; margin: 0px; padding: 0px;} TABLE {border: 0px; margin: 0px auto 0px auto; padding: 0px;} IMG {border:0px; margin: 0px; padding: 0px;} DIV, P, FORM, UL, LI, A, A:HOVER {margin: 0px; padding: 0px;} H1, H2, H3, H4, H5, H6 {font: normal 11px Arial; margin: 0px; padding: 0px;} .Width5px {width: 5px;} .Width10px {width: 10px;} .Width13px {width: 13px;} .Width20px {width: 20px;} .Height7px {height: 7px;} .Height9px {height: 9px;} .Height10px {height: 10px;} .Height15px {height: 15px;} .Height20px {height: 20px;} .Height25px {height: 25px;} .spacerBloc {height: 9px; clear: both; font-size: 7px;} .spacerBloc10px {height: 10px; clear: both; font-size: 7px;} .spacerBloc20px {height: 20px; clear: both; font-size: 7px;} .clear {clear: both;} .floatLeft {float: left;} .bgOrder {background-color: #9d0d16;} .lienBleu {color: #39c4f2;} .lienHoverBleu {color: #0786bc;} .bleuTitre, .BleuTab {color: #009ee1;} .grisTexte {color: #7d7d7d;} .separationBleu {border-bottom: solid 2px #009ee1; padding: 0px; margin: 0px; height: 2px;} .bandeauTitre {min-height: 24px; margin: 0px 0px 10px 0px; padding: 0px;} .bandeauTitre h2 {font: bold 14px Arial; color: #fff; text-align: center; padding: 4px 0px 0px 0px; margin: 0px;} .textCenter {text-align:center;} .textBold {font-weight:bold;} /*************************** header ***************************/ h1 {color: #ccc; text-align: center; width:900px; height: 15px; margin: 0px auto;} /*************************** Mot de passe Checker ***************************/ #weak, #medium { border-right:solid 1px #DEDEDE; } #sm { margin:0px; padding:0px; height:14px; font-family:Tahoma, Arial, sans-serif; font-size:9px;} #sm ul{ border:0px; margin:0px; padding:0px; list-style-type:none; text-align:center;} #sm ul li{ display:block; float:left; text-align:center; padding:0px 0px 0px 0px; margin:0px; height:14px;} .nrm{ width:84px; color:#adadad; text-align:center; padding:2px; background-color:#F1F1F1; display:block; vertical-align:middle;} .pred { width:84px; color:#FFFFFF; text-align:center; padding:2px; background-color:#FF6F6F;display:block; vertical-align:middle; } .pyellow { width:84px; color:#FFFFFF; text-align:center; padding:2px; background-color:#FDB14D; display:block; vertical-align:middle; } .pgreen { width:84px; color:#FFFFFF; text-align:center; padding:2px; background-color:#A0DA54; display:block; vertical-align:middle; } /*************************** header ***************************/ table#header {background: url(../images/header-menu/background-header.jpg) repeat-x top; width: 959px; height: 168px;} td#choixLangue {width: 34px; height: 139px;} td#choixLangue div#enSelected {text-align: left; width: 7px; height: 7px; padding-left: 9px; padding-top: 7px; float: left;} td#choixLangue div#frSelected {text-align: left; width: 7px; height: 7px; padding-left: 9px; padding-top: 22px; float: left;} td#choixLangue div#itSelected {text-align: left; width: 7px; height: 7px; padding-left: 9px; padding-top: 38px; float: left;} td#choixLangue div#drapeaux {width: 18px; height: 45px; padding-top: 5px; float: left;} td#logoPromoTools {width: 290px; height: 139px;} td#menus {width: 635px; height: 139px;} /* Menu boutons */ td#menuBoutons {width: 635px; height: 34px; padding: 5px 46px 0px 0px;} td#menuBoutons div {display: block; margin-right: 5px; float:right;} td#menuBoutons .menuLiens {display: none; font: normal 7px Arial;} td#menuBoutons div#btn-accueil a {background: transparent url(../images/header-menu/btn-accueil.png) no-repeat left top; display: block; width: 61px; height: 17px;} td#menuBoutons div#btn-accueil a:hover {background-position: 0px -17px;} td#menuBoutons div#btn-accueilSelected {background: transparent url(../images/header-menu/btn-accueil.png) no-repeat left top; display: block; width: 61px; height: 17px; background-position: 0px -17px;} td#menuBoutons div#btn-actualites a {background: transparent url(../images/header-menu/btn-actualites.png) no-repeat left top; display: block; width: 72px; height: 17px;} td#menuBoutons div#btn-actualites a:hover {background-position: 0px -17px;} td#menuBoutons div#btn-actualitesSelected {background: transparent url(../images/header-menu/btn-actualites.png) no-repeat left top; display: block; width: 72px; height: 17px; background-position: 0px -17px;} td#menuBoutons div#btn-affiliation a {background: transparent url(../images/header-menu/btn-affiliation.png) no-repeat left top; display: block; width: 74px; height: 17px;} td#menuBoutons div#btn-affiliation a:hover {background-position: 0px -17px;} td#menuBoutons div#btn-affiliationSelected {background: transparent url(../images/header-menu/btn-affiliation.png) no-repeat left top; display: block; width: 74px; height: 17px;background-position: 0px -17px;} td#menuBoutons div#btn-contact a {background: transparent url(../images/header-menu/btn-contact.png) no-repeat left top; display: block; width: 64px; height: 17px;} td#menuBoutons div#btn-contact a:hover {background-position: 0px -17px;} td#menuBoutons div#btn-contactSelected {background: transparent url(../images/header-menu/btn-contact.png) no-repeat left top; display: block; width: 64px; height: 17px;background-position: 0px -17px;} td#menuBoutons div#btn-faq a {background: transparent url(../images/header-menu/btn-faq.png) no-repeat left top; display: block; width: 41px; height: 17px;} td#menuBoutons div#btn-faq a:hover {background-position: 0px -17px;} td#menuBoutons div#btn-faqSelected {background: transparent url(../images/header-menu/btn-faq.png) no-repeat left top; display: block; width: 41px; height: 17px;background-position: 0px -17px;} td#menuBoutons div#btn-panelAdmin a {background: transparent url(../images/header-menu/btn-panel-admin.png) no-repeat left top; display: block; width: 98px; height: 17px;} td#menuBoutons div#btn-panelAdmin a:hover {background-position: 0px -17px;} td#menuBoutons div#btn-panelAdminSelected {background: transparent url(../images/header-menu/btn-panel-admin.png) no-repeat left top; display: block; width: 98px; height: 17px;background-position: 0px -17px;} td#menuBoutons div#btn-planSite a {background: transparent url(../images/header-menu/btn-plan-du-site.png) no-repeat left top; display: block; width: 86px; height: 17px;} td#menuBoutons div#btn-planSite a:hover {background-position: 0px -17px;} td#menuBoutons div#btn-planSiteSelected {background: transparent url(../images/header-menu/btn-plan-du-site.png) no-repeat left top; display: block; width: 86px; height: 17px;background-position: 0px -17px;} td#menuBoutons div#btn-revendeur a {background: transparent url(../images/header-menu/btn-revendeur.png) no-repeat left top; display: block; width: 74px; height: 17px;} td#menuBoutons div#btn-revendeur a:hover {background-position: 0px -17px;} td#menuBoutons div#btn-revendeurSelected {background: transparent url(../images/header-menu/btn-revendeur.png) no-repeat left top; display: block; width: 74px; height: 17px;background-position: 0px -17px;} /* Menu Pictos */ td#menuPicto {width: 635px; height: 100px; padding-left: 65px;} td#menuPicto ul {list-style-type: none;} td#menuPicto li, td#menuPicto li a {width: 79px; height: 73px; display: block; padding-right: 9px; float:left; _padding-right: 4px;} .menuLiens {display: none; font: normal 7px Arial;} li#menuHebergement a {background: transparent url(../images/header-menu/hebergement-Internet.jpg) no-repeat; display: block; background-position: 0px -73px;} li#menuHebergement a:hover {background-position: 0px 0px;} li#menuHebergementSelected {background: transparent url(../images/header-menu/hebergement-Internet.jpg) no-repeat; background-position: 0px 0px;} li#menuDomaines a {background: transparent url(../images/header-menu/noms-de-domaines.jpg) no-repeat; display: block; background-position: 0px -73px;} li#menuDomaines a:hover {background-position: 0px 0px;} li#menuDomainesSelected {background: transparent url(../images/header-menu/noms-de-domaines.jpg) no-repeat; background-position: 0px 0px;} li#menuDeveloppement a {background: transparent url(../images/header-menu/developpement.jpg) no-repeat; display: block; background-position: 0px -73px;} li#menuDeveloppement a:hover {background-position: 0px 0px;} li#menuDeveloppementSelected {background: transparent url(../images/header-menu/developpement.jpg) no-repeat; background-position: 0px 0px;} li#menuScripts a {background: transparent url(../images/header-menu/scripts.jpg) no-repeat; display: block; background-position: 0px -73px;} li#menuScripts a:hover {background-position: 0px 0px;} li#menuScriptsSelected {background: transparent url(../images/header-menu/scripts.jpg) no-repeat; background-position: 0px 0px;} li#menuDesign a {background: transparent url(../images/header-menu/creation-graphique.jpg) no-repeat; display: block; background-position: 0px -73px;} li#menuDesign a:hover {background-position: 0px 0px;} li#menuDesignSelected {background: transparent url(../images/header-menu/creation-graphique.jpg) no-repeat; background-position: 0px 0px;} li#menuBusiness a {background: transparent url(../images/header-menu/rentabilisez-votre-site.jpg) no-repeat; display: block; background-position: 0px -73px;} li#menuBusiness a:hover {background-position: 0px 0px;} li#menuBusinessSelected {background: transparent url(../images/header-menu/rentabilisez-votre-site.jpg) no-repeat; background-position: 0px 0px;} td#menuPicto div.menuOmbre {width: 74px; height: 27px; padding-right: 14px; float:left; _padding-right: 8px; _height: 25px;} td#menuBas {width: 959px; height: 29px;} /*************************** bloc promo 216px ***************************/ .promoTitre {font: bold 11px Arial; text-align: center; margin: 0px; padding: 5px 0px 0px 20px; height: 18px;} .promoTexte {color: #fff; margin: 0px; padding: 3px 8px 8px; height: 130px;} .promoTexteOffre {font: normal 13px Arial; color: black; margin: 0px; padding: 0px 0px 0px 8px;} .promoTexteDetail {font: normal 11px Arial; margin: 0px; padding: 5px 0px 0px 8px;} .promoInfo {text-align: center; margin: 0px; padding: 2px 0px 0px 0px;} .promoInfo a:hover{color: #000;} .promoPrix {font: bold 14px Arial; text-align: center; width: 216px; height: 16px;} .promoPrix a {color: black; text-decoration: none; padding: 0px;} .promoPrix a:hover {color: #009ee1;} .blocPromoBleu {background: transparent url(../images/bloc-promo/promo-bleu.png) no-repeat; width: 216px; height: 189px;} .blocPromoBleu .promoInfo a {color: #009ee1;} .blocPromoBleu .promoPrix a:hover {color: black;} .blocPromoGris {background: transparent url(../images/bloc-promo/promo-gris.png) no-repeat; width: 216px; height: 189px;} .blocPromoGris .promoInfo a {color: #009ee1;} .blocPromoGris .promoPrix a:hover {color: black;} .blocPromoKaki {background: transparent url(../images/bloc-promo/promo-kaki.png) no-repeat; width: 216px; height: 189px;} .blocPromoKaki .promoInfo a {color: #7aa79e;} .blocPromoKaki .promoPrix a:hover {color: black;} .blocPromoMarron {background: transparent url(../images/bloc-promo/promo-marron.png) no-repeat; width: 216px; height: 189px;} .blocPromoMarron .promoInfo a {color: #b65519;} .blocPromoMarron .promoPrix a:hover {color: black;} .blocPromoOrange {background: transparent url(../images/bloc-promo/promo-orange.png) no-repeat; width: 216px; height: 189px;} .blocPromoOrange .promoInfo a {color: #ddaa00;} .blocPromoOrange .promoPrix a:hover {color: black;} .blocPromoRose {background: transparent url(../images/bloc-promo/promo-rose.png) no-repeat; width: 216px; height: 189px;} .blocPromoRose .promoInfo a {color: #d57fbb;} .blocPromoRose .promoPrix a:hover {color: black;} .blocPromoRouge {background: transparent url(../images/bloc-promo/promo-rouge.png) no-repeat; width: 216px; height: 189px;} .blocPromoRouge .promoInfo a {color: #e2001a;} .blocPromoRouge .promoPrix a:hover {color: black;} .blocPromoVert {background: transparent url(../images/bloc-promo/promo-vert.png) no-repeat; width: 216px; height: 189px;} .blocPromoVert .promoInfo a {color: #97bf0d;} .blocPromoVert .promoPrix a:hover {color: black;} .blocPromoSpeciale {background: transparent url(../images/bloc-promo/promo-speciale-vert.jpg) no-repeat; width: 216px; height: 189px;} .blocPromoSpecialeGris {background: transparent url(../images/bloc-promo/promo-speciale-gris.jpg) no-repeat; width: 216px; height: 189px;} .blocPromoSpecialeOrange {background: transparent url(../images/bloc-promo/promo-speciale-vert.jpg) no-repeat; width: 216px; height: 189px;} .blocPromoSpecialeBleu {background: transparent url(../images/bloc-promo/promo-speciale-bleu.jpg) no-repeat; width: 216px; height: 189px;} .blocPromoSpecialeJaune {background: transparent url(../images/bloc-promo/promo-speciale-jaune.jpg) no-repeat; width: 216px; height: 189px;} .promoSpecialeTitre {font: normal 13px Arial; color: #fff; text-align: center; margin: 0px; padding: 33px 0px 0px 0px; height: 20px;} .promoSpecialeTexte {font-size: 11px; color: #fff; margin: 0px; padding: 0px 8px; height: 98px;} .promoSpecialeInfo {text-align: center; height: 17px; margin: 0px; padding: 0px;} .promoSpecialeInfo a {color: #fff;} .promoSpecialeInfo a:hover{color: #000;} .promoSpecialePrix, .promoSpecialePrix a {font: bold 14px Arial; color: #000; text-align: center; text-decoration: none; padding: 0px; width: 216px; height: 20px;} .promoSpecialePrix a:hover {color: #93117e;} .upper {text-transform:uppercase;} /*************************** bloc communication 216px ***************************/ .bloCommTitre {background-color: #009ee1; width: 216px; height: 37px;} .bloCommTitre h3 {font: bold 13px Arial; color: #fff; text-align: center; width: 156px; padding-top: 12px; float: left;} .blocComm {font-size: 11px; text-align: justify; color: #434343; text-align: justify; border: solid 1px #009ee1; width: 202px; padding: 0px 6px;} .blocComm p {padding-bottom: 6px; padding-top: 6px;} .blocComm a, .blocComm a:hover {color: #009ee1;} .blocComm .separation {border-bottom: solid 1px #009ee1;} .blocComm ul {margin-left:20px;} /*************************** bloc contact ***************************/ div#blocContact {background: transparent url(../images/common/bloc-contact.png) no-repeat; width: 216px; height: 160px;} div#blocContact p {font: bold 11px Arial; color: #707070; text-align: justify; padding: 40px 14px 0px 14px;} div#blocContact p a {text-decoration: none; color: #707070;} div#blocContact p a:hover {text-decoration: none; color: #009ee1;} div#blocContact h3 {font: bold 24px Arial; color: #009ee1; line-height: 80%; margin: 33px 6px 0 58px; padding: 0px;} div#blocContact .mention {font: normal 10px Arial; color: #707070; text-align: center; padding: 4px 6px 0px 40px;} /*************************** bloc actualites ***************************/ div#blocActualites {font-size: 11px; width: 214px; border: solid 1px #aaaaaa;} div#blocActualites a, div#blocActulites a:hover {background: transparent url(../images/common/fleche-bleu.png) no-repeat left; color: #009ee1; padding-left: 8px;} div#blocActualites .txtActu {color: #434343; text-align: justify; margin: 6px 14px 0px 14px; padding-bottom: 8px;} div#blocActualites .txtPromotools {color: #000; text-align: justify; margin: 8px 14px 0px 14px; padding-bottom: 8px;} div#blocActualites .separation {border-bottom: solid 1px #aaaaaa;} /*************************** colonne centrale ***************************/ td#colCentrale {width: 487px;} td#colCentrale .blocCadre {display: table; border: solid 1px #009ee1; min-height: 300px; _height: 300px; padding: 10px 10px 0px 10px; margin-bottom: 10px; } td#colCentrale .blocCadre .separation {width:10px; height:171px; float:left;} td#colCentrale .blocPresentation {font-size: 12px; color: #626262; text-align: justify; width: 227px; height: 171px; padding-bottom: 10px; float: left;} td#colCentrale .blocPresentation a {color: #626262;} td#colCentrale .blocPresentation a:hover {color: #000;} /*td#colCentrale .blocPresentation p {padding-top: 6px;}*/ td#colCentrale .blocPresentation h3 {font: bold 17px Arial; color: #009ee1; padding-left: 30px;} td#colCentrale .blocSeparation {width: 11px; float: left;} td#colCentrale .blocPromo {background: transparent url(../images/bloc-promo/bloc-central-promo.png) no-repeat top left; width: 227px; height: 171px; padding-bottom: 10px; float: left;} td#colCentrale .blocPromo .promoTexte {color: #fff; height: 103px; margin-top: 42px; padding: 3px;} td#colCentrale .blocPromo .promoTexteOffre {font: normal 13px Arial; margin: 0px; padding: 0px 0px 0px 8px;} td#colCentrale .blocPromo .promoTexteDetail {font: normal 11px Arial; line-height: 12px; margin: 0px; padding: 0px 0px 0px 8px;} td#colCentrale .blocPromo .promoPrix, .promoPrix a {font: bold 14px Arial; color: #000; text-align: center; text-decoration: none; padding: 0px; width: 227px; height: 21px;} td#colCentrale .blocPromo .promoPrix a:hover {color: #840048;} td#colCentrale .blocOffre {background: transparent url(../images/bloc-promo/bloc-central-offre.png) no-repeat top left; width: 227px; height: 171px; padding-bottom: 10px; float: left;} td#colCentrale .blocOffre .promoTitre {font: bold 13px Arial; text-align: center; color: #fff; padding: 3px 0px 0px 0px; height: 18px} td#colCentrale .blocOffre .promoTexte {color: #626262; height: 114px; padding: 5px; width: 217px;} td#colCentrale .blocOffre .promoTexteOffre {font: normal 13px Arial; margin: 0px; padding: 0px 0px 0px 8px;} td#colCentrale .blocOffre .promoTexteDetail {font: normal 11px Arial; margin: 0px; padding: 5px 0px 0px 8px;} td#colCentrale .blocOffre .promoPrix, .promoPrix a {padding-top:5px;font: bold 14px Arial; color: #000; text-align: center; text-decoration: none; width: 227px; height: 20px;} td#colCentrale .blocOffre .promoPrix a:hover {color: #840048;} td#colCentrale .CadreDevDesign {width: 487px;} td#colCentrale .CadreDevDesign h4 {font: bold 13px Arial; color: #009ee1; padding-top: 12px;} td#colCentrale .blocDevDesign {font-size: 11px; color: #626262; text-align: justify; text-align: justify; width: 257px; float: left;} td#colCentrale .blocDevDesign h3 {font: bold 17px Arial; color: #009ee1; padding-left: 30px;} td#colCentrale .blocDevDesign a {color: #009ee1;} td#colCentrale .blocDevDesign a:hover {color: #000;} td#colCentrale .blocDevDesign p {padding-top: 2px;} td#colCentrale .blocDevDesign .specifs {color: #000} td#colCentrale .blocDevDesignVignette {width: 220px; margin-left: 10px; float: left;} td#colCentrale .blocDevDesignVignette img {border: solid 1px #009ee1;} td#colCentrale .blocDevDesignVignette div.thumbnails {padding-top: 10px;} td#colCentrale .blocDevDesignLabels {margin-top: 4px; float: left;} td#colCentrale .blocDevDesignLabels img {border: none;} td#colCentrale .blocDevDesignLabels .left {padding-left: 15px; padding-right: 15px; padding-bottom: 2px;} td#colCentrale .blocDevDesignLabels .right {padding-left: 10px; padding-right: 10px; padding-bottom: 2px;} td#colCentrale .spacerDevDesign {clear: both; height: 10px;} td#colCentrale .retourListeDev {font-size: 10px; margin-top: 9px;} td#colCentrale .retourListeDev a {color: #009ee1;} td#colCentrale .retourListeDev a:hover {color: black;} /*************************** colonne droite ***************************/ td#colDroite {font: normal 12px Arial; width: 216px;} td#colDroite ul {font-size:11px; margin-left: 15px; margin-top: 4px; display: table;} td#colDroite li {font-weight: bold; list-style: disc;} td#colDroite li a:hover {text-decoration: underline;} div#blocInfos h3 {font: bold 12px Arial; color: #000; text-align: center; height: 25px; margin: 0px; padding: 0px;} .titreInfos {background: url(../images/common/cadre_titre.png) no-repeat top; width: 216px; height: 15px; text-align: center; color: #fff; padding-top: 1px;} .texteInfos {font: normal 11px Arial; text-align: justify; padding-top: 3px;} .texteInfos a {color: #009ee1;} .texteInfos a:hover {color: #000;} div#offres h3 {font: bold 12px Arial; color: #000; text-align: center; height: 25px; margin: 0px; padding: 0px;} .texteOffre {font: normal 11px Arial; text-align: left; color: #898989; line-height: 12px;} /*************************** footer ***************************/ td#footerLiens {background: url(../images/footer/footer.png) repeat-x top; width: 959px; height: 24px; text-align: center; color: #000; font: bold 11px Arial; padding-top: 5px;} td#footerLiens a {color: #000; text-decoration: none;} td#footerLiens a:hover {color: #009ee1; text-decoration: none;} td#footerPartners {border-top: 2px solid #0786bc; border-bottom: 2px solid #0786bc; height: 40px;} td#footerPartners div {float:left;} td#footerPartners div a {background: transparent url(../images/footer/partenaires.png) no-repeat; display: block;} td#footerPartners .thawte a {width: 90px; height: 40px; background-position: 0px 0px;} td#footerPartners .thawte a:hover {background-position: 0px -40px;} td#footerPartners .wha a {width: 64px; height: 40px; background-position: -90px 0px;} td#footerPartners .wha a:hover {background-position: -90px -40px;} td#footerPartners .etrans a {width: 86px; display: block; height: 40px; background-position: -154px 0px;} td#footerPartners .etrans a:hover {background-position: -154px -40px;} td#footerPartners .apache a {width: 82px; height: 40px; background-position: -240px 0px;} td#footerPartners .apache a:hover {background-position: -240px -40px;} td#footerPartners .kerio a {width: 95px; height: 40px; background-position: -322px 0px;} td#footerPartners .kerio a:hover {background-position: -322px -40px;} td#footerPartners .estat a {width: 44px; height: 40px; background-position: -417px 0px;} td#footerPartners .estat a:hover {background-position: -417px -40px;} td#footerPartners .perl a {width: 40px; height: 40px; background-position: -461px 0px;} td#footerPartners .perl a:hover {background-position: -461px -40px;} td#footerPartners .webobject a {width: 49px; height: 40px; background-position: -501px 0px;} td#footerPartners .webobject a:hover {background-position: -501px -40px;} td#footerPartners .c4d a {width: 77px; height: 40px; background-position: -550px 0px;} td#footerPartners .c4d a:hover {background-position: -550px -40px;} td#footerPartners .php a {width: 70px; height: 40px; background-position: -627px 0px;} td#footerPartners .php a:hover {background-position: -627px -40px;} td#footerPartners .java a {width: 43px; height: 40px; background-position: -697px 0px;} td#footerPartners .java a:hover {background-position: -697px -40px;} td#footerPartners .xcode a {width: 49px; height: 40px; background-position: -740px 0px;} td#footerPartners .xcode a:hover {background-position: -740px -40px;} td#footerPartners .linux a {width: 41px; height: 40px; background-position: -789px 0px;} td#footerPartners .linux a:hover {background-position: -789px -40px;} td#footerPartners .tomcat a {width: 58px; height: 40px; background-position: -830px 0px;} td#footerPartners .tomcat a:hover {background-position: -830px -40px;} td#footerPartners .mysql a {width: 68px; height: 40px; background-position: -888px 0px;} td#footerPartners .mysql a:hover {background-position: -888px -40px;} td#footerPartners .partner {display: none; font: normal 9px Arial;} td#footerMentions {font: bold 10px Arial; color: #0786bc; text-align: center;} td#footerMentions a {text-decoration: none; color: #0786bc;} td#footerMentions a:hover {text-decoration: none; color: #000;} div#footerRubriques {font-size: 10px; color: #333; background: transparent url(../images/footer/bg-footer-rubriques.jpg) repeat-x left top; width: 959px; min-height: 177px; margin: 0px auto; padding-top: 10px;} div#footerRubriques .menu-element {width: 150px; margin-left: 8px; float: left;} div#footerRubriques .menu-element ul {list-style-type: none;} div#footerRubriques .menu-element li {display: block;} div#footerRubriques .menu-element a {color: #333; text-decoration: none;} div#footerRubriques .menu-element a:hover {color: #333; text-decoration: underline;}