/*
$ http://www.imagement.hu $
$ style/style.css | 2008/10/31 08:10 | 2008/11/20 13:03 $
*/


/* GENERAL
------------------------------------------------------------------------------------------- */
html, body { margin: 0; padding: 0; color: #3a3961; background-color: #fff; font: normal 12px verdana, arial; }
div.container { width: 980px; margin: 0 auto; padding: 0; }


/* HEADER
------------------------------------------------------------------------------------------- */
div.container div#header { float: left; width: 980px; height: 177px; margin: 0; padding: 0; }
  div.container div#header object { float: left; width: 980px; margin: 0; padding: 0; }

  div.container div#header ul#menu { float: left; width: 980px; height: 20px; margin: 0; padding: 5px 0 0 0; background: url(style/header_menu.jpg) no-repeat 0 0px; list-style-type: none; position: relative; z-index: 200; }
    div.container div#header ul#menu li { float: left; height: 15px; margin: 0; padding: 0 0 0 0; position: relative; }
      div.container div#header ul#menu li a.last { border: none; }
      div.container div#header ul#menu li a { display: block; float: left; padding: 2px 17px; color: #fff; font-size: 12px; border-right: 1px solid #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 10px; }
      div.container div#header ul#menu li a:hover { color: #59568c; }

      div.container div#header ul#menu li:hover ul { display: block; }
      div.container div#header ul#menu li.hover ul { display: block; }
      div.container div#header ul#menu li ul { display: none; width: 227px; margin: 0; padding: 15px 0 0 0; position: absolute; top: 15px; left: 0; background: url(style/header_subMenu_top.gif) no-repeat 0 5px; list-style-type: none; z-index: 100; }
        div.container div#header ul#menu li ul li { width: 227px; height: auto; margin: 0; padding: 0; border-right: none; background: none;  background-color: #424067; }
        div.container div#header ul#menu li ul li.last { height: 20px; background: url(style/header_subMenu_bottom.gif) no-repeat 0 bottom; }
          div.container div#header ul#menu li ul li a { float: left; display: block; width: 207px; margin: 0; padding: 3px 10px; font-size: 10px; font-weight: normal; text-transform: none; border-bottom: 1px solid #6864a2; }
          div.container div#header ul#menu li ul li a:hover { background-color: #24224f; }


/* CONTENT
------------------------------------------------------------------------------------------- */
div.container div#content { position: relative; float: left; width: 980px; min-height: 550px; height: auto !important; height: 550px; margin: 0; padding: 10px 0 0 0; }
  div.container div#content p { color: #000; line-height: 16px; font-size: 12px; text-align: justify; }
  div.container div#content a { color: #02923d; margin: 0; padding: 0; font-size: 12px; text-decoration: none; font-weight: bold; }
  div.container div#content a:hover { text-decoration: underline; }
  div.container div#content a.download { color: #02923d; margin: 0; padding: 0; font-size: 12px; text-decoration: none; font-weight: bold; }

  div.container div#content ul.status { width: 745px; height: 20px; margin: 0; padding: 0 0 5px 10px; color: #7d7d7d; font-size: 12px; list-style-type: none; }
    div.container div#content ul.status li { float: left; margin: 0; padding: 0 3px; }
      div.container div#content ul.status li a { color: #7d7d7d; font-weight: normal; text-decoration: none; }
      div.container div#content ul.status li a:hover { text-decoration: underline; }

  div.container div#content div#lineHeader { float: left; width: auto !important; height: 20px; margin: 0; padding: 0 0 10px 0; overflow: hidden; }
      div.container div#content div#lineHeader h1 { clear: right; width: 607px; margin: 0; padding: 2px 0 0 5px; height: 21px; background: url(style/lineHeader.jpg) no-repeat 0 0; font-weight: bold; font-size: 15px; text-transform: uppercase; }
    div.container div#content div#lineHeader h2 { margin: 0; padding: 0; color: #24224f; font-weight: bold; font-size: 15px; }
    div.container div#content div#lineHeader h3 { clear: right; width: 607px; margin: 0; padding: 2px 0 0 5px; height: 21px; background: url(style/lineHeader.jpg) no-repeat 0 0; font-weight: bold; font-size: 15px; text-transform: uppercase; }
    div.container div#content div#lineHeader h4 { clear: right; width: 607px; margin: 0; padding: 2px 0 0 10px; height: 21px; color: #03923c; font-weight: normal; font-size: 20px; text-transform: uppercase; }
    div.container div#content div#lineHeader h5 { float: left; width: 204px; margin: 0 60px 0 0; padding: 2px 0 0 5px; height: 21px; background: url(style/lineHeader_small.jpg) no-repeat 0 0; font-weight: bold; font-size: 15px; text-transform: uppercase; }
    div.container div#content div#lineHeader form { float: left; margin: 0; padding: 0; }
    div.container div#content div#lineHeader div.boxList { float: left; width: 279px; height: 21px; margin: 0 4px; background: url(style/lineHeader_boxList.jpg) no-repeat 0 0; }
      div.container div#content div#lineHeader div.boxList p { margin: 0; padding: 2px 10px; }
        div.container div#content div#lineHeader div.boxList p label { display: block; float: left; color: #7d7d7d; margin: 0; padding: 1px 8px 0 0; font-size: 10px; }
        div.container div#content div#lineHeader div.boxList p select { float: left; width: 200px; height: 17px; color: #7d7d7d; font-size: 10px; font-weight: bold; border: 1px solid #000; }

  div.container div#content div.leftSmall { float: left; width: 534px; margin: 0; padding: 0 10px; }
    div.container div#content div.leftSmall a { color: #000; font-weight: bold; text-decoration: none; }
    div.container div#content div.leftSmall a:hover { text-decoration: underline; }
    div.container div#content div.leftSmall h2,
    div.container div#content div.leftSmall h2 a { padding: 0 0 0 10px; color: #424067; font-size: 14px; }
    div.container div#content div.leftSmall ul { margin: 0; padding: 0 0 0 15px; }
      div.container div#content div.leftSmall ul li { padding: 1px 0; }
        div.container div#content div.leftSmall ul li a { color: #000; font-weight: bold; text-decoration: none; }
        div.container div#content div.leftSmall ul li a:hover { text-decoration: underline; }

  div.container div#content div.rightSmall { float: right; width: 196px; margin: 0; padding: 0; }
  div.container div#content div.leftLarge { float: left; width: 735px; margin: 0; padding: 0 10px; }
    div.container div#content div.leftLarge div.wideLine { width: 720px; padding: 0; }
      div.container div#content div.leftLarge div.wideLine div.left { float: left; width: 100px; padding: 5px 0; }
        div.container div#content div.leftLarge div.wideLine div.right { float: right; width: 580px; }

  div.container div#content div.container { clear: left; display: block; width: auto !important; margin: 0; padding: 0 20px; }
    div.container div#content div.container p { margin: 0; padding: 0; }

  div.container div#content div.wideLine { float: left; width: 915px; padding: 10px 20px 10px 0; color: #24224f; border-bottom: 1px solid #000; }
    div.container div#content div.wideLine div.left { float: left; width: 120px; }
    div.container div#content div.wideLine div.right { float: right; width: 793px; }
    div.container div#content div.wideLine img { float: left; margin: 0 10px 0 0; border: 1px solid #24224f; }
    div.container div#content div.wideLine img.logo { border: none; }
    div.container div#content div.wideLine h2 { clear: right; color: #3a3961; font-size: 12px; }
    div.container div#content div.wideLine p { margin: 0; padding: 5px 0; color: #24224f; line-height: 16px; }

  div.container div#content div.left { float: left; width: 640px; }
    div.container div#content div.left p { padding: 5px 0 ; color: #000; font-size: 12px; line-height: 18px; text-align: justify; }
    div.container div#content div.left ul { margin: 0; padding: 0 0 5px 15px; }
      div.container div#content div.left ul li { padding: 3px 0; color: #000; font-weight: bold; }

  div.container div#content div.right { float: right; width: 295px; margin: 0; padding: 0 0 0 2px; }

  div.container div#content a.image101x101 { display: block; margin: 0 0 0 0 !important; position: relative; width: 101px; height: 110x; float: left !important; clear: both !important; }
    div.container div#content a.image101x101 img.image { float: left; width: 101px; position: absolute; top: 0; left: 0; border: none; z-index: 1; }
    div.container div#content a.image101x101 img.frame { float: left; width: 101px; position: absolute; top: 0; left: 0; border: none; z-index: 2; }

  div.container div#content a.image138x138 { display: block; float: left; margin: 0 0 10px 10px; position: relative; width: 127px; height: 127px; }
    div.container div#content a.image138x138 img.image { float: left; width: 127px; position: absolute; top: 0; left: 0; border: none; z-index: 1; }
    div.container div#content a.image138x138 img.frame { float: left; width: 127px; position: absolute; top: 0; left: 0; border: none; z-index: 2; }
	
  div.container div#content a.image252x252 { display: block; float: left; margin: 0 0 10px 10px; position: relative; width: 241px; height: 241px; }
     div.container div#content a.image252x252 img.image { float: left; width: 241px; position: absolute; top: 0; left: 0; border: none; z-index: 1; }
     div.container div#content a.image252x252 img.frame { float: left; width: 241px; position: absolute; top: 0; left: 0; border: none; z-index: 2; }
	
  div.container div#content a.image179x178 { display: block; float: left; margin: 0 0 10px 10px; position: relative; width: 179px; height: 178px; }
    div.container div#content a.image179x178 img.image { float: left; width: 179px; position: absolute; top: 0; left: 0; border: none; z-index: 1; }
    div.container div#content a.image179x178 img.frame { float: left; width: 179px; position: absolute; top: 0; left: 0; border: none; z-index: 2; }

  div.container div#content div.nav { float: left; width: 220px; margin: 0 5px 0 0; background: url(style/content_navTop.jpg) no-repeat 0 0; }
    div.container div#content div.nav h1 { float: left; height: 60px; margin: 0; padding: 7px 0 7px 35px; color: #24224f; font-size: 17px; font-weight: normal; line-height: 20px; text-transform: uppercase; }
    div.container div#content div.nav ul { float: left; width: 220px; margin: 0; padding: 0; list-style-type: none; }
      div.container div#content div.nav ul li { margin: 0; padding: 0; position: relative; background: url(style/content_navBody.jpg) repeat-y 0 0; }
      div.container div#content div.nav ul li.last { height: 33px; background: url(style/content_navBottom.jpg) no-repeat 0 0; }
        div.container div#content div.nav ul li a { display: block; width: 190px; padding: 9px 15px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #6864a2; }
        div.container div#content div.nav ul li a:hover { background-color: #24224f; text-decoration: none; }
        div.container div#content div.nav ul li:hover ul { display: block; width: 355px; position: absolute; top: 0; left: 220px; padding: 10px 0 0 0; background: url(style/content_nav_submenuTop.jpg) no-repeat 0 0; }
        div.container div#content div.nav ul li ul { display: none; }
          div.container div#content div.nav ul li ul li {  background: url(style/content_nav_submenuBody.jpg) repeat-y 0 0; }
          div.container div#content div.nav ul li ul li.last { height: 15px; background: url(style/content_nav_submenuBottom.jpg) no-repeat 0 0; }
            div.container div#content div.nav ul li ul li a { display: block; width: 350px; padding: 6px 0 6px 5px; color: #fff; font-size: 10px; font-weight: normal; text-transform: none; border-bottom: 1px solid #24224f; }

  div.container div#content div#categories { float: left; width: 980px; z-index: 100; }
    div.container div#content div#categories div.box { float: left; width: 181px; height: 206px; margin: 0; padding: 5px 5px 0 10px; background: url(style/content_boxCategory.jpg) no-repeat center 0; z-index: 100; }
      div.container div#content div#categories div.box a.more { float: right; margin: 0 10px 0 0; padding: 0 0 0 17px; color: #514e7e; background: url(style/content_category_a_more.jpg) no-repeat 0 0; font-size: 10px; text-decoration: none; }
      div.container div#content div#categories div.box a.more:hover { color: #000; }

      div.container div#content div#categories div.box ul { float: left; width: 169px; height: 140px; margin: 0; padding: 0 0 5px 3px; list-style-type: none; position: relative; }
        div.container div#content div#categories div.box ul li { width: 166px; margin: 0; padding: 0 0 0 0px; border-bottom: 1px solid #b9b8cb; line-height: 10px; }
        div.container div#content div#categories div.box ul li a:hover { color: #fff; background-color: #242249; }
          div.container div#content div#categories div.box ul li a { display: block; width: 152px; margin: 0; padding: 3px 10px 3px 3px !important; color: #24224f; font-size: 10px; text-decoration: none; }
          div.container div#content div#categories div.box ul li.more a { display: block; width: 152px; margin: 0; padding: 3px 10px 3px 3px; color: #24224f; background: url(style/content_subMenu_a.jpg) no-repeat 157px center; font-size: 10px; text-decoration: none; }
          div.container div#content div#categories div.box ul li.more a:hover { color: #fff; background: url(style/content_subMenu_a_hover.jpg) no-repeat 157px center; background-color: #242249; }

          div.container div#content div#categories div.box ul li ul { display: none; width: 259px; margin: 0; padding: 10px 0 0 0; position: absolute; top: 0; left: 149px; list-style-type: none; background: url(style/content_subMenu_top.gif) no-repeat 0 0; z-index: 10000 !important; }
          div.container div#content div#categories div.box ul li:hover ul { display: block; z-index: 10000 !important; }
            div.container div#content div#categories div.box ul li ul li { float: left; width: 259px; margin: 0; padding: 0 5px; background: url(style/content_subMenu_body.gif) repeat-y 0 0; border: none; overflow: hidden; }
            div.container div#content div#categories div.box ul li ul li.last { float: left; width: 259px; height: 12px; margin: 0; padding: 0; background: url(style/content_subMenu_bottom.gif) repeat-y 0 0 !important; border: none; }
            div.container div#content div#categories div.box ul li ul li:hover { background: url(style/content_subMenu_body.gif) repeat-y 0 0; }
              div.container div#content div#categories div.box ul li ul li a { width: 239px !important; height: auto; margin: 0; padding: 7px 5px !important; color: #fff !important; background: none !important; border-bottom: 1px solid #7e7d97; }
              div.container div#content div#categories div.box ul li ul li a:hover { background: none !important; background-color: #7e7d97 !important; }

  div.container div#content div#boxFlash578x297 { float: left; width: 578px; height: 297px; margin: 0; padding: 5px 0 0 5px; z-index: 1; }

  div.container div#content div#boxNews { float: left; width: 375px; height: 267px; margin: 0 0 0 9px; padding: 35px 3px 0 5px; overflow: hidden; }
    div.container div#content div#boxNews div.box { overflow: hidden; display: block; float: left; width: 370px; height: 118px; padding: 8px 0 0 0; border-bottom: 1px dashed #646464; }
    div.container div#content div#boxNews div.box div.left { float: left; width: 110px; padding: 0 0 0 5px; position: relative; }
	div.container div#content div#boxNews div.box div.lefttext { float: left; width: 110px;  }
	div.container div#content div#boxNews div.box div.right { float: right; width: 260px; padding: 0 0 0 5px;  }

      div.container div#content div#boxNews .full { float: left !important; width: 360px !important; }
        div.container div#content div#boxNews .full p { width: 355px !important; }
      div.container div#content div#boxNews div.box h2 { float: left; padding: 0; margin: 0; color: #24224f; font-size: 15px; font-weight: bold; line-height: 16px; }
      div.container div#content div#boxNews div.box h3 { clear: left; margin: 0; padding: 0; color: #000; font-size: 10px; font-weight: normal; }
      div.container div#content div#boxNews div.box p { float: left; width: 255px; height: 30px; margin: 0 0 9px 0; padding: 10px 0 8px 0; color: #515252; font-size: 10px; line-height: 12px; overflow: hidden; }
      div.container div#content div#boxNews div.box a { clear: left; display: block; width: 95px; height: 16px; margin: 0; padding: 2px 0 0 0; color: #fff; background: url(style/content_boxNews_a.gif) no-repeat 0 0; font-size: 10px; text-decoration: none; text-align: center; }
      div.container div#content div#boxNews div.box a:hover { color: #59568c; }


/* FOOTER
------------------------------------------------------------------------------------------- */
div.container div#footer { float: left; width: 970px; height: 50px; margin: 10px 0 0 0; padding: 10px 0 0 10px; position: relative; background: url(style/footer.jpg) no-repeat 0 0; }
  div.container div#footer a#top { padding: 0 15px 0 0; color: #24224f; position: absolute; top: 3px; left: 755px; background: url(style/footer_a_top.jpg) no-repeat right 5px; font-size: 10px; text-decoration: none; }
  div.container div#footer a#top:hover { text-decoration: underline; }
  div.container div#footer a#siteMap { float: left; clear: left; margin: 10px 0 0 10px; padding: 0 10px 0 0; color: #fff; background: url(style/footer_a_siteMap.jpg) no-repeat right 4px; font-size: 10px; text-decoration: underline; }
  div.container div#footer a#email { float: right; clear: right; margin: 10px 0 0 10px; padding: 0 10px 0 0; color: #fff; background: url(style/footer_a_siteMap.jpg) no-repeat right 4px; font-size: 10px; text-decoration: underline; }
  div.container div#footer ul.info { float: left; margin: 0; padding: 0; color: #fff; font-size: 9px; list-style-type: none; }
    div.container div#footer ul.info li { float: left; padding: 0 10px; border-right: 1px solid #9190a7; line-height: 11px; }
    div.container div#footer ul.info li.last { border: none; }
      div.container div#footer ul.info li a { color: #fff; text-decoration: none; }
      div.container div#footer ul.info li a:hover { text-decoration: underline; }
	  

/*-- ADDED BY AROUL--*/
/* aroul referencement*/
.display0{display:none;}

#consultant-qualite-barre {color: #006921; font: bold 13px/1 sans-serif; text-decoration: none; background: url(/newsite/images/barre-titre.jpg) no-repeat; display: block; margin: 5px; padding: 5px 0 7px 20px; width: 367px; }

.consultant-qualite-img { color: #0000FF ;
background-color: #FFFF;
float: left ;
width: 65px ;margin: 5px; padding: 5px 10 7px 20px; }

.center_no_detail {
float : left;

background : #ffffff;

width : 190px;
height : 200px;
}
.center_image {
position : relative;
bottom : 0;
background : #ffffff;
width : 106px;
height : 150px;
}