/* Balises pr?definies dans les standards */ body { margin:0; padding:0; font:11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } /* Header */ #header { width:976px; margin:20px auto; padding:0; } /* Logo */ #header #main-logo { width:271px; height:48px; background:url(../images/mainlogo.png) no-repeat; z-index: 5000; border:0; } /* Menu */ #header #main-menu { width:976px; height:58px; margin:0; padding:0; } #header #main-menu li { display:inline; } #header #main-menu li a { float:left; height:0; padding-top:58px; overflow:hidden; background:url(../images/globalnav.png) no-repeat; color:#FFFFFF;} /* Menu : Barre gauche et droite */ #header #main-menu li#mm-gauche a { width:8px; background-position:0 0; } #header #main-menu li#mm-droite a { width:8px; background-position:-968px 0; } /* Menu : Bouton etat normal */ #header #main-menu li#mm-apropos a { width:120px; background-position:-8px 0; } #header #main-menu li#mm-metiers a { width:120px; background-position:-128px 0; } #header #main-menu li#mm-solutions a { width:120px; background-position:-248px 0; } #header #main-menu li#mm-clients a { width:120px; background-position:-368px 0; } #header #main-menu li#mm-ressources a { width:120px; background-position:-488px 0; } #header #main-menu li#mm-blog a { width:120px; background-position:-608px 0; } #header #main-menu li#mm-contacts a { width:120px; background-position:-728px 0; } #header #main-menu li#mm-espaceclients a { width:120px; background-position:-848px 0; } /* Menu : Bouton etat survol */ #header #main-menu li#mm-apropos a:hover { background-position:-8px -58px; } #header #main-menu li#mm-metiers a:hover { background-position:-128px -58px; } #header #main-menu li#mm-solutions a:hover { width:120px; background-position:-248px -58px; } #header #main-menu li#mm-clients a:hover { width:120px; background-position:-368px -58px; } #header #main-menu li#mm-ressources a:hover { width:120px; background-position:-488px -58px; } #header #main-menu li#mm-blog a:hover { width:120px; background-position:-608px -58px; } #header #main-menu li#mm-contacts a:hover { width:120px; background-position:-728px -58px; } #header #main-menu li#mm-espaceclients a:hover { width:120px; background-position:-848px -58px; } /* Menu : Bouton etat click */ #header #main-menu li#mm-apropos a:active { width:120px; background-position:-8px -116px; } #header #main-menu li#mm-metiers a:active { width:120px; background-position:-128px -116px; } #header #main-menu li#mm-solutions a:active { width:120px; background-position:-248px -116px; } #header #main-menu li#mm-clients a:active { width:120px; background-position:-368px -116px; } #header #main-menu li#mm-ressources a:active { width:120px; background-position:-488px -116px; } #header #main-menu li#mm-blog a:active { width:120px; background-position:-608px -116px; } #header #main-menu li#mm-contacts a:active { width:120px; background-position:-728px -116px; } #header #main-menu li#mm-espaceclients a:active { width:120px; background-position:-848px -116px; } /* Menu : Bouton etat on */ #header.apropos #main-menu li#mm-apropos a { width:120px; background-position:-8px -174px; } #header.metiers #main-menu li#mm-metiers a { width:120px; background-position:-128px -174px; } #header.solutions #main-menu li#mm-solutions a { width:120px; background-position:-248px -174px; } #header.clients #main-menu li#mm-clients a { width:120px; background-position:-368px -174px; } #header.ressources #main-menu li#mm-ressources a { width:120px; background-position:-488px -174px; } #header.blog #main-menu li#mm-blog a { width:120px; background-position:-608px -174px; } #header.contacts #main-menu li#mm-contacts a { width:120px; background-position:-728px -174px; } #header.espaceclients #main-menu li#mm-espaceclients a { width:120px; background-position:-848px -174px; } /* Footer */ #footer { width:976px; margin:20px auto; padding:0; } #footer #breadcrumbs { height:32px; line-height:32px; font-weight:bold; overflow:hidden; background:url(../images/footerhaut.png) no-repeat; } #footer #breadcrumbs a { float:left; position:relative; padding:0 10px; color:#808080; text-decoration:none; } #footer #breadcrumbs a:hover { color:#4D4D4D; text-decoration:none; } #footer #breadcrumbs a#logostreamakaci { width:32px; padding:0; margin:0 6px 0 0; } #footer #breadcrumbs span { float:left; width:10px; margin:1px 0 0 0; position:relative; height:0; padding-top:400px; overflow:hidden; background:url(../images/sepbreadcrumbs.png) no-repeat; } #footer #contenu { margin:0 auto; padding:0; background-image:url(../images/footerfond.png); background-repeat:no-repeat; border-left:1px solid #E3E4E4; border-right:1px solid #E3E4E4; border-top:1px solid #E3E4E4; } #footer #contenu { margin:0 auto; padding:0; background-image:url(../images/footerfond.png); background-repeat:no-repeat; border-left:1px solid #E3E4E4; border-right:1px solid #E3E4E4; border-top:1px solid #E3E4E4; } #footer #contenu #centreur { width:909px; margin:0 auto 0 auto; padding:10px 0 0 0; } #footer #contenu #centreur #categorie { float:left; margin:0; width:662px; } #footer #contenu #centreur #categorie ul { float:left; margin:0 0 0 25px; padding:0; width:auto; } #footer #contenu #centreur #categorie ul li { list-style-type:none; font-size:10px; color:#808080; clear:left; } #footer #contenu #centreur #categorie ul li ul { display:block; margin:0 0 0 10px; } #footer #contenu #centreur #categorie ul li ul li{ float:left; list-style-type:none; font-size:10px; color:#808080; } #footer #contenu #centreur #categorie ul li.titre { font-size:10px; margin-bottom:10px; color:#3C3C3C; } #footer #contenu #centreur #categorie ul li.titre a { text-decoration:none; color:#3C3C3C; } #footer #contenu #centreur #categorie ul li.titre a:hover { text-decoration:underline; } #footer #contenu #centreur #categorie ul li a { text-decoration:none; color:#808080; } #footer #contenu #centreur #categorie ul li a:hover { text-decoration:underline; } #footer #contenu #centreur #icotel { float:left; width:222px; height:72px; text-align:center; margin:10px 0 0 25px; } #footer #contenu #centreur #icotel ul { width:100%; margin:0 0 10px 0; padding:0; } #footer #contenu #centreur #icotel ul li { margin:0; display:inline; } #footer #contenu #centreur #icotel img { margin:0; border:0; } #footer #bas { width:976px; height:10px; margin:0 auto 10px auto; padding:0; background:url(../images/footerbas.png) bottom; background-repeat:no-repeat; } #footer #mentions { color:#9D9D9F; }