#container { width: 945px; margin: 0 auto; padding: 17px 0 0 0; }

/**
 *  Header
 */
#header { height: 174px; background: url(/images/bg-header.png) no-repeat top; position: relative; }
.es #header { background: url(/images/bg-header-es.png) no-repeat top; }
.en #header { background: url(/images/lang_en/bg-header-en.jpg) no-repeat top; }

    #link-echellee { width: 300px; height: 109px; position: absolute; top: 49px; left: 68px; }

    #menu1 { height: 27px; position: absolute; top: 10px; left: 527px; margin: 0; padding: 0; z-index: 100; }
        #menu1 li { background: url(/images/bg-menu1.png) no-repeat; float: left; height: 27px; margin: 0 0 0 2px; padding: 0; }
            #menu1 li a { height: 27px; }
    .es #menu1 { left: 493px; }
        .es #menu1 li { background: url(/images/bg-menu1-es.png) no-repeat; }
    .en #menu1 { left: 537px; }
        .en #menu1 li { background: url(/images/lang_en/bg-menu1-en.png) no-repeat; }

        #menu1 #rub9 { width: 109px; background-position: left top; }
        #menu1 #rub9:hover { background-position: left bottom; }
        #menu1 #rub10 { width: 121px; background-position: -111px top; }
        #menu1 #rub10:hover { background-position: -111px bottom; }
        #menu1 #rub11 { width: 96px; background-position: -234px top; }
        #menu1 #rub11:hover { background-position: -234px bottom; }
        #menu1 #rub8 { width: 63px; background-position: -332px top; }
        #menu1 #rub8:hover { background-position: -332px bottom; }
        /*EN*/
        .en #menu1 #rub299 { width: 109px; background-position: left top; }
        .en #menu1 #rub299:hover { background-position: left bottom; }
        .en #menu1 #rub300 { width: 111px; background-position: -111px top; }
        .en #menu1 #rub300:hover { background-position: -111px bottom; }
        .en #menu1 #rub301 { width: 96px; background-position: -224px top; }
        .en #menu1 #rub301:hover { background-position: -224px bottom; }
        .en #menu1 #rub298 { width: 63px; background-position: -322px top; }
        .en #menu1 #rub298:hover { background-position: -322px bottom; }
        /*ES*/
        #menu1 #rub188 { width: 127px; background-position: left top; }
        #menu1 #rub188:hover { background-position: left bottom; }
        #menu1 #rub189 { width: 139px; background-position: -129px top; }
        #menu1 #rub189:hover { background-position: -129px bottom; }
        #menu1 #rub190 { width: 96px; background-position: -270px top; }
        #menu1 #rub190:hover { background-position: -270px bottom; }
        #menu1 #rub191 { width: 69px; background-position: -368px top; }
        #menu1 #rub191:hover { background-position: -368px bottom; }
        /*
        #menu1 #rub299 { width: 127px; background-position: left top; }
        #menu1 #rub299:hover { background-position: left bottom; }
        #menu1 #rub300 { width: 139px; background-position: -129px top; }
        #menu1 #rub300:hover { background-position: -129px bottom; }
        #menu1 #rub301 { width: 96px; background-position: -270px top; }
        #menu1 #rub301:hover { background-position: -270px bottom; }
        #menu1 #rub298 { width: 69px; background-position: -368px top; }
        #menu1 #rub298:hover { background-position: -368px bottom; }
        */
        
        #menu1 ul { margin: 0; padding: 0 0 3px 0; background: #ad2634; border: 1px solid #777; border-left: 2px solid #777; border-right: 2px solid #777; width: 110px; display: none; }
            #menu1 ul li { margin: 0; padding: 0; background: 0; height: auto; float: none; }
                #menu1 ul li a { padding: 3px 5px; color: #626262; background: #eeecec; height: auto; display: block; text-decoration: none; font-size: 0.9em; border-bottom: 1px solid #777; }
                #menu1 ul li a:hover { background: #ddd; color: #444; }

        #menu1 li:hover ul { display: block; }

    #menu2 { height: 34px; position: absolute; top: 136px; left: 416px; margin: 0; padding: 0; }
        .en #menu2 {left: 454px;}

        #menu2 li { background: url(/images/bg-menu2.png) no-repeat top; float: left; height: 34px; margin: 0 0 0 5px; padding: 0; }
            #menu2 li a { height: 34px; }
        .es #menu2 li { background: url(/images/bg-menu2-es.png) no-repeat top; }
        .en #menu2 li { background: url(/images/lang_en/bg-menu2-en.png) no-repeat top; }
        
        #menu2 #rub4 { width: 221px; background-position: left top; }
			.en #menu2 #rub294 { width: 236px;  background-position: left top; }
            .es #menu2 #rub186 { width: 220px; background-position: left top; }
    
        #menu2 #rub4:hover, #menu2 #rub4.current { background-position: left bottom; }
            .es #menu2 #rub186:hover, .es #menu2 #rub186.current { background-position: left bottom; }
            .en #menu2 #rub294:hover, .en #menu2 #rub294.current { background-position: left bottom; }
                
        #menu2 #rub5 { width: 173px; background-position: -226px 0; }
			.en #menu2 #rub295 { width: 157px; background-position: -241px 0; }
            .es #menu2 #rub187 { width: 201px; background-position: -225px 0; }
        #menu2 #rub5:hover, #menu2 #rub5.current { background-position: -226px bottom; }
			.en #menu2 #rub295:hover, .en #menu2 #rub295.current { background-position: -241px bottom; }
            .es #menu2 #rub187:hover, #menu2 #rub187.current { background-position: -225px bottom; }
        
        #menu2 #rub6 { width: 98px; background-position: right top; }
			.en #menu2 #rub296 { width: 60px; background-position: right top; }
            .es #menu2 #rub201 { width: 85px; background-position: right top; }
        #menu2 #rub6:hover, #menu2 #rub6.current { background-position: right bottom; }
            .es #menu2 #rub201:hover, .es #menu2 #rub201.current { background-position: right bottom; }
            .en #menu2 #rub296:hover, .en #menu2 #rub296.current { background-position: right bottom; }            
            
        /*#menu2 #rub186 { width: 221px; background-position: left top; }
        .es #menu2 #rub186 { width: 220px; }
        #menu2 #rub186:hover, #menu2 #rub4.current { background-position: left bottom; }
        
        #menu2 #rub187 { width: 173px; background-position: -226px 0; }
        .es #menu2 #rub187 { width: 201px; background-position: -225px 0; }
        #menu2 #rub187:hover, #menu2 #rub5.current { background-position: -226px bottom; }
        .es #menu2 #rub187:hover, #menu2 #rub5.current { background-position: -225px bottom; }
        
        #menu2 #rub201 { width: 98px; background-position: right top; }
        .es #menu2 #rub201 { width: 85px; }
        #menu2 #rub201:hover, #menu2 #rub201.current { background-position: right bottom; }*/

    #lang-switch { list-style: none; margin: 0; padding: 0; position: absolute; top: 66px; left: 430px; }
    #lang-switch li { background: transparent; float: left; margin: 0 5px 0 0; padding: 0; }
	#lang-switch li a { opacity: .4; }
	#lang-switch li.active a, #lang-switch li a:hover, #lang-switch li a:focus { opacity: 1; }

    #header form { position: absolute; top: 61px; left: 527px; width: 204px; }
        #header form input.search { width: 162px; line-height: 24px; height: 24px; padding: 0 0 0 5px; margin: 0; background: 0; border: 0; float: left; color: #5d5d5d; }
        #header form input.submit { width: 28px; height: 24px; float: right; background: 0; border: 0; cursor: pointer; }

    #header #intranet { width: 160px; height: 31px; position: absolute; top: 55px; right: 4px;} 
    
    #header #outils-boutique { width: 306px; height: 30px; position: absolute; top: 98px; right: 24px; margin: 0; padding: 0; text-align: right; }
        #header #outils-boutique a:first-child { margin-right: 10px; }

/**
 *  content
 */
#content { background: url(/images/bg-content.gif) repeat-y; }
    #content .inner-content { padding: 20px 20px 20px 20px; width: 905px; }

    #path { padding: 5px 0 5px 20px; color: #777; font-size: 0.9em; overflow: hidden; }
        #path a { color: #777; text-decoration: none; }
        #path a:hover { text-decoration: underline; }

    .col-menu { width: 209px; float: left; padding: 0 0 20px 0; margin: 5px 0 0 8px; }
        .col-menu .ul-nv1 { /*padding: 0; margin: 0 0 0 1px;*/ border-top: 2px solid #e6e8ea; background: #f0f2f5; margin: 2px 0 5px 0; padding: 0 0 5px 0; }
            .col-menu .li-nv1 { width: 209px; background: 0; margin: 0; padding: 0; /* background: #f0f2f5; border-top: 2px solid #e6e8ea; padding: 0 0 5px 0; margin: 2px 0;*/ }
                .col-menu .li-nv1 .a-nv1 { background: url(/images/puce-1.png) no-repeat 10px 12px; color: #23436b; text-decoration: none; padding: 10px 0 5px 30px; display: block; }
                .col-menu .li-nv1 .a-nv1:hover { text-decoration: underline; }
                .col-menu .li-nv1 .a-nv1.current { font-weight: bold; }
                .col-menu .li-nv1 ul { margin: 0; padding: 0; }
                    .col-menu .li-nv1 ul li { background: 0; margin: 0; padding: 0; }
                    .col-menu .li-nv1 ul li a { background: url(/images/puce-3.png) no-repeat 5px 6px; padding: 2px 0 2px 15px; color: #686a6a; margin: 5px 0 0 15px; display: block; text-decoration: none; }
                    .col-menu .li-nv1 ul li a:hover { color: #a5253b; }
                    .col-menu .li-nv1 ul a.current { color: #a5253b; }
                    
        .col-menu #link-devis { margin-top: 5px; display: block; }
                  /*  .col-menu .li-nv1 li { margin: 0; padding: 0 0 0 55px; background: 0; }
                        .col-menu .li-nv1 li a { background: url(/images/puce-3.png) no-repeat 1px 7px; padding: 2px 0 2px 13px; display: block; color: #868787; text-decoration: none; }
                        .col-menu .li-nv1 li a:hover { text-decoration: underline; }
                        .col-menu .li-nv1 li a.current { font-weight: bold; }*/
                        
                    /*.col-menu .li-nv1 .produits li { padding: 0; }
                        .col-menu .li-nv1 .produits li a { background: 0; padding: 1px 0 1px 4px; font-weight: bold; }
                        .col-menu .li-nv1 .produits li a:hover { text-decoration: none; color: #777; }
                            .col-menu .li-nv1 .produits li a img { vertical-align: middle; margin-right: 5px; }
                            
                            .col-menu .produits .nv2 { margin: 0 0 0 7px;    overflow: hidden; }
                                .col-menu .produits .nv2 > li { background: url(/images/puce-3.png) no-repeat 1px 5px; padding: 0 0 0 7px; font-size: 0.9em; }
                                    .col-menu .li-nv1 .produits .nv2 a { font-weight: normal; }
                                    .col-menu .li-nv1 .produits .nv2 a:hover { text-decoration: underline; }
                                    .col-menu .li-nv1 .produits .nv2 .current > a { font-weight: bold; color: #666; }
                                        .col-menu .li-nv1 .produits .nv2 ul { list-style: disc outside none; margin: 0; padding: 0; }
                                            .col-menu .li-nv1 .produits .nv2 ul li { font-size: 0.9em; margin: 0 0 0 18px; padding: 0 0 0 0; }
                                                .col-menu .li-nv1 .produits .nv2 ul li a { padding: 0 0 0 0; margin: 0 0 0 0; }*/

        .col-menu .a-n1 {   display: block; height: 42px; width: 210px; background: url(/images/bg-menu-nv1.png) no-repeat; line-height: 42px;
                            text-align: center; color: #fff; text-decoration: none; font-size: 1.1em; font-weight: bold; margin-top: 5px; }
            .col-menu .produits { border-top: 2px solid #e6e8ea; background: #f0f2f5; margin: 2px 0 0 0; padding: 0 0 2px 0; }
                .col-menu .produits li { background: 0; margin: 0 0 2px 0; padding: 2px 0 0 0; }
                .col-menu .produits li.current { background: #e3e5e8; }
                    .col-menu .produits li .a-n2 { font-weight: bold; font-size: 0.9em; }
                    .col-menu .produits li .a-n2:hover { color: #395374; }
                    .col-menu .produits li a { text-decoration: none; color: #868787; display: block; }
                    .col-menu .produits li.current .a-n2 { color: #395374; }
                    .col-menu .produits li img { vertical-align: middle; margin: 0 2px 0 5px; }
                    .col-menu .produits li .nv2 { margin: 0; }
                        .col-menu .produits .nv2 li { background: 0; padding: 0; margin: 0; }
                            .col-menu .produits .a-n3 { font-size: 0.9em; background: #d4d6d9 url(/images/puce-3.png) no-repeat 5px 6px; padding: 2px 0 2px 15px; color: #686a6a; margin: 5px 0 0 0; }
                            .col-menu .produits .a-n3:hover { color: #a5253b; }
                            .col-menu .produits .nv2 li.current .a-n3 { color: #a5253b; }
                            .col-menu .produits .nv3 { margin: 0 0 0 5px; }
                                .col-menu .produits .a-n4 { font-size: 0.9em; background: url(/images/puce-5.png) no-repeat 0 5px; padding: 0 0 0 8px; font-size: 0.95em; margin: 5px 0 0 0; color: #686a6a; }
                                .col-menu .produits .a-n4:hover { color: #466182; }
                                .col-menu .produits .nv3 li.current .a-n4 { color: #466182; }
                                
        #menu-sous-produits {}
            #menu-sous-produits .li-n1 { background: 0; padding: 0; margin: 0; }
                #menu-sous-produits .li-n1 ul { border-top: 2px solid #e6e8ea; background: #f0f2f5; margin: 2px 0 5px 0; padding: 0 0 5px 0; }
                    #menu-sous-produits .li-n1 ul li { background: 0; margin: 0; padding: 0; }
                        #menu-sous-produits .li-n1 ul li a { background: url(/images/puce-1.png) no-repeat 35px 12px; color: #23436b; text-decoration: none; padding: 10px 0 5px 55px; display: block; }
                        #menu-sous-produits .li-n1 ul li a:hover { text-decoration: underline; }
                        #menu-sous-produits .li-n1 ul li a.current { font-weight: bold; }
                                                
    .col-content { width: 640px; float: left; padding: 10px 0px 30px 0px; margin: 0 0 0 40px; }
    .x-large .col-content { width: 660px; }

    #liens-bas-page { margin: 50px 0 0 -15px; width: 672px; }
        #liens-bas-page li { background: 0; margin: 0; padding: 0; float: left; }
    
    #link-guide-achat { margin-top: 5px; display: block; }
    #link-reseau-franchise { margin-top: 5px; display: block; }


/**
 *  right col
 */


/**
 *  footer
 */
#footer { height: 47px; background: url(/images/bg-footer.png) no-repeat; text-align: center; }
    #footer ul { padding: 0; margin: 0; display: inline; }
        #footer li { padding: 0; margin: 0; background: 0; display: inline; }
            #footer li a { padding: 0 20px; text-decoration: none; color: #868686; line-height: 47px; }
            #footer li a:hover { text-decoration: underline; }