/* STM : header */ #header { height: 130px; background: #EFEFEF url('../images/fond-superieur.png') 
no-repeat right; margin-bottom: 15px; } /* Positionnement des logos / titres */ 
#header .ft a { display: block; width:180px; height: 70px; } #header .ft h1 { 
background: url('../../logos/logo_stm_160p.gif') no-repeat; position: relative; 
top: 10px; left: 20px; float: left; /* Pour éviter les conflits CSS*/ padding: 
0; margin: 0; width: 200px; height: 70px; } /* Effacer le texte des H1 (pour faire 
apparaitre le logo en image de fond) */ #header .ft span { position:absolute; 
left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } #header .orange 
span { position:absolute; left:0px; top:-700px; width:1px; height:1px; overflow:hidden; 
} /* #header .orange a { display: block; width: 51px; height: 51px; } */ #header 
.orange h1 { background: 'english' no-repeat; position: relative; float: right; 
top: 5px; right: 29px; display: block; width: 33px; height: 17px; /* Pour éviter 
les conflits */ padding: 0; margin: 0; width: 33px; } /* Menu "général", newsletter, 
plan du site, etc. */ #header ul.general { padding-left: 260px; padding-top: 5px; 
} #header ul.general li { float: left; padding-left: 15px; padding-right: 15px; 
background: url('../images/header/separateur_gris.png') no-repeat right; } #header 
ul.general a { font-family: arial; font-size: 11px; color: #5D5D5D; text-decoration: 
none; } #header ul.general a:hover { text-decoration: underline; } #header .general 
li.last { background: none; } /* Formulaire de recherche */ #header ul.recherche 
{ padding-left: 580px; padding-top: 0px; } #header ul.recherche li { float: left; 
} #header ul.recherche select { width: 130px; margin-right: 5px; margin-left: 
15px; } #header ul.recherche input.text { width: 138px; margin-left: 10px; } #header 
ul.recherche input.image { padding-top: 1px; margin-left: 5px; } /* Cibles : accueil, 
services, evenements, webzine */ #header ul.cibles { clear: both; margin-left: 
220px; } #header ul.cibles li { float: left; height: 29px; } #header ul.cibles 
span { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; 
} #header ul.cibles a.accueil { display: block; background: #0A73B0 url('../images/header/onglet_accueil.png') 
repeat-x bottom; width: 133px; height: 29px; } #header ul.cibles a.services { 
display: block; background: #0A73B0 url('../images/header/onglet_services.png') 
repeat-x bottom; width: 133px; height: 29px; } #header ul.cibles a.evenements 
{ display: block; background: #0A73B0 url('../images/header/onglet_evenements.png') 
repeat-x bottom; width: 133px; height: 29px; } #header ul.cibles a.webzine { display: 
block; background: #0A73B0 url('../images/header/onglet_webzine.png') repeat-x 
bottom; width: 133px; height: 29px; } #header ul.cibles a.accueil:hover, #header 
ul.cibles a.services:hover, #header ul.cibles a.evenements:hover, #header ul.cibles 
a.webzine:hover { background-position: top; } #header ul.cibles li.selected a.accueil, 
#header ul.cibles li.selected a.services, #header ul.cibles li.selected a.evenements, 
#header ul.cibles li.selected a.webzine { background-position: top; } /* Menu 
"rubriques : internet, télévision, fixe etc. */ /* la div sert à créer l'effet 
arrondi */ #header div.onglets { clear: both; padding-left: 1px; padding-right: 
1px; background: #FFF url('../images/header/fond_menu_arrondi.png') repeat-x left 
top; } #header div.onglets ul { display: block; padding-left: 5px; background: 
#FFF url('../images/header/fond_menu.png') repeat-x left top; height: 33px; } 
#header .onglets li { display: block; float: left; text-align: center; background: 
url('../images/header/separateur_rouge.png') no-repeat right top; height: 33px; 
padding-right: 2px; } #header .onglets a { display: block; color: #FFF; text-decoration: 
none; padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 
11px; } #header .onglets li.last { background: none; } #header .onglets a:hover, 
#header .onglets li.selected a { background: url('../images/header/rubrique_rollover.png') 
repeat-x left bottom; }