

.clearfix:after{content:'.';display:block;height:0;line-height:0;clear:both;visibility:hidden;}

/* HEADER */

/* Header and Menu CSS */
* {font-family: arial,FreeSans,verdana,sans-serif;}
* {margin: 0; padding: 0; font-size: 1em;}
img, fieldset {border: none;}
ul {list-style: none;}
body, select, input, textarea, button, a {color: #666;}
a {text-decoration: none;}
a:hover, button:hover {color:#1E5F9E;}
body {font-size: 69%;}
#welcomer ul {font-size: 0.909em; line-height: 1.6;}
.floatLeft {float:left; margin:0 10px 0 0;}
object {outline:none;}

/* ----- Header ----- */
#header { background: url('img/header.png') no-repeat; margin:0 auto 0; width:980px;}
#header .inner {background: url('img/header.png') 0 100% no-repeat; position:relative;}

#logo {display: block; overflow: hidden; width: 295px; height: 51px; float: left; margin: 19px;}

#baseline {height: 22px; width: 239px;}

#welcomer {float: right; margin: 0 20px 0 0; min-width: 250px; padding:16px 0 0 0; background: url('img/welcomer.gif') 0 33px repeat-x; position:absolute; right:0; top:0;}
    #welcomer ul {float: left; margin:2px 0 0 5px;}
    #welcomer li {float: left;}
    #welcomer ul li a { color:#666; padding:0 5px; text-decoration:none;}
    #welcomer ul li a:hover {text-decoration:underline;}
    #welcomer a.espace_client {
        background:url("img/btn_espace_client.png") no-repeat scroll left center transparent;
        color:white;
        font-size:1em;
        font-weight:bold;
        padding:12px 0 0 30px;
        position:absolute;
        right:5px;
        top:56px;
        height:19px;
        width:115px;
    }
        #welcomer a.espace_client:hover {text-decoration:underline;}
        #welcomer .right {float: left; margin:2px 0 0 5px;clear:both;color:#103184}
        #welcomer .right span {font-size:16pt;font-weight:bold}        
        
#search {float: left;}
    #search input { border:0 none; background: url('img/search.gif') 0 0 no-repeat; padding: 5px 30px 7px 12px; width: 111px; }
        #search fieldset {position: relative;}
            #search fieldset button.wai {
                right: 5px;
                top: 1px;
                width: 22px;
                height: 20px;
                position: absolute;
                display: block;
                overflow: hidden;
                cursor: pointer;
                opacity: 0;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            }

#navigation:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}
#navigation {clear: both; background: url('img/nav-t.gif') 2px 0 no-repeat; color: #103184; padding: 1px 0 0 0;}
#navigation li {float: left; text-align: center; position: relative;}
#navigation li h2 { font-weight:normal; background: #fff url('img/nav-li.gif') 0 100% no-repeat;}
#navigation li h2 a {color:#1E5F9E; display: block;}
#navigation li.first-child h2 {background-image: url('img/nav-li-f.gif');}
#navigation li h2 a:hover {color:#fff;}
#navigation li h2:hover,
#navigation li a:hover h2{background-color: #103184; background-image: url('img/nav-li-o.gif'); color: #fff;}
#navigation li.first-child h2:hover,
#navigation li.first-child:hover h2 {background-image: url('img/nav-li-o-f.gif');}
#navigation li h2 a {display: block; background: url('img/nav-li.gif') 100% 100% no-repeat; padding:6px 18px 13px;}
#navigation li h2 a.title_2l { padding:12px 18px 20px;}
#navigation li.first-child h2 a {background: url('img/nav-li-f.gif') 100% 100% no-repeat;}
#navigation li h2:hover a,
#navigation li:hover h2 a {background-image: url('img/nav-li-o.gif');}
#navigation li.last-child h2 a {background-image: url('img/nav-li-l.gif');}
#navigation li.last-child h2:hover a,
#navigation li.last-child:hover h2 a {background-image: url('img/nav-li-o-l.gif');}
#navigation li h2 a span {line-height: 1.2; display: inline-block; vertical-align: middle; min-height: 0; background: none; padding: 0; font-weight:bold;}


/* IE <= 7 */
* html #welcomer fieldset {display: inline;}
#search fieldset button.wai {filter:alpha(opacity=0);}
.inner, #navigation, label, #footer, #dde_devis {zoom: 1;}
*html #logo { margin-left:9px;}
*html #welcomer { margin-right:9px;}
#footer #link_right ul img {left: -22px;}
*+html #content_top #top_left #dde_devis ul li ul { left:336px; top:455px; margin-top:6px;}
*html #content_top #top_left #dde_devis ul li ul { margin-top:-15px;}
#search input { background:none; width:70px;}
#search label { background:url(img/search.gif) no-repeat 0 0; padding:0 38px 0 5px;}

#navigation a span {cursor: pointer;}
#navigation li:hover, #navigation li.hover {z-index: 999;}
#navigation li li {z-index: 9998;}
#navigation{zoom: 1;}

* html #navigation li h2 {float: left;}
*html #navigation li h2 a.title_2l { padding:6px 18px 13px;}
*html #navigation li h2 a {font-size: 2.2em;}
*html #navigation li h2 a span {font-size: 0.45em; display: inline !important;}
*+html #navigation li h2 a.title_2l { padding:12px 18px 19px;}


/* Header */

