/* 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('../images/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: url('../images/pictos/puce_us-uk_33x17p.jpg') 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; } 

#header .menu-lang a { position: relative; float: right; top: 7px; right: 10px; display: block; font-family: arial; font-size: 11px; font-weight: bold; 
color: #5D5D5D; text-decoration: none; } 
#header .menu-lang a:hover { text-decoration: 
underline; } 


/* 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, activites, 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; } 


/* 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: 15px; padding-right: 15px; 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; }