#header {
position:relative;
height:139px;
z-index:1000;
}

#header .espace-panier {
position:absolute;
right:0;
top:0;
padding-left:17px;
background:url('images/panier-bg-l.gif') no-repeat;
}

#header .espace-panier span {
display:inline-block;
height:40px;
padding-right:20px;
background:url('images/panier-bg-r.gif') no-repeat right;
}

#header .espace-panier span span {
padding:0 20px;
background:url('images/panier-bg.gif') repeat-x;
}

#header .espace-panier a {
display:inline-block;
height:28px;
line-height:28px;
font-size:12px;
color:#194191;
}

#header .espace-panier a:hover {
text-decoration: underline;
}

#header .logo-igc {
position:absolute;
left:15px;
top:13px;
width:142px;
height:68px;
background:url('images/logo.gif') no-repeat;
}

#header .recherche {
position:absolute;
top:105px;
left:15px;
width:160px;
}

#header .recherche input.bouton {
position:relative;
top:3px;
cursor:pointer;
width:auto;
height:auto;
}

#header .recherche input.txt {
height:13px;
padding:1px;
width:122px;
border: 1px #a0a0a0 solid;
}

#header .listes-deroul {
position:absolute;
top:107px;
left:200px;
z-index:1;
}

#header .listes-deroul form {
display:inline;
}

#header .listes-deroul select {
font-size:10px;
}

#header .call {
position:absolute;
right:0;
top:94px;
width:225px;
height:100px;
background:url('images/call.gif') no-repeat;
}

#header .call a {
display:block;
margin:53px 0 0 3px;
width:220px;
height:45px;
}

#header .menu {
position:absolute;
top:63px;
left:133px;
z-index:1500;
}

#header .menu li, #header .menu li span, #header .menu a {display:inline-block;height:30px;line-height:30px;}

#header .menu li {float:left;text-align:center;color:#194191;}


#header .menu li a {padding-left:12px;margin:0 4px;font-size:12px;color:#194191;}

#header .menu li span {padding-right:10px;cursor:pointer;}

#header .menu li a.aktif, #header .menu li a.over, #header .menu li a:hover  {background:url('images/m-onglet-l.gif') no-repeat left top;}
#header .menu li a.aktif span, #header .menu li a.over span, #header .menu li a:hover span {background:url('images/m-onglet-r.gif') no-repeat right top;}

#header .menu li a#onglet-formation.aktif, #header .menu li a#onglet-formation.over, #header .menu li a#onglet-formation:hover {color:#f6b251;background:url('images/m-ongletform-l.gif') no-repeat left top;}

#header .menu li a#onglet-formation.aktif span, #header .menu li a#onglet-formation.over span, #header .menu li a#onglet-formation:hover span {background:url('images/m-ongletform-r.gif') no-repeat right top;}


/*********** Menus déroulants header *********************/

#header ul.menu li {
position:relative;z-index:1500;
}

#header ul.menu ul {
position:absolute;
display:none;
left:4px;
top:29px;
z-index:1500;
background-color:#eaeef6;
border:1px #b2bfd9 solid;
width:180px; /* ie > effet jquery non saccadé : largeur du a + padding */
}

#header ul.menu ul.menu-formation {
background-color:#001f61;
}

#header ul.menu ul li {
margin:0;
padding:0;
height:auto;
}

#header ul.menu ul a {
display:block;
text-align:left;
padding:0 5px;
margin:0;
width:170px;
height:24px;
line-height:24px;
font-size:10px;
}

#header ul.menu ul.menu-formation a {
color:#F6B251;
}

#header ul.menu ul a:hover {
color:#fff;
background-color:#b5c1dc;
background-image:none;
}

#header ul.menu ul.menu-formation a:hover {
color:#fff;
background-color:#194191;
}

#header ul.menu ul.newsletter {
left:-144px;
width:239px;
height:134px;
background:#194191 url('images/newsletter.gif') no-repeat;
}