@charset "utf-8";
@import url("/app/sys/css/styles.css");

body { font-family: Arial, Helvetica, sans-serif; background-color:#1e5082; color:#326491; font-size: 12px; line-height:18px; }
body #site { background-image:url('/app/kernix/pix/background.png'); background-repeat:repeat-x; background-position: top; background-color: #ffffff;  }
body.action-home #site { background-image:url('/app/kernix/pix/background_home.png'); }

ul, ol { list-style-position:outside!important; }

img { border: 0; }

a, a:link, a:visited { color: #FF9B00; text-decoration: none; }
a:hover { text-decoration:none; }

strong { font-weight: bold; }

p { margin: 10px 0; border: 0; }

p.actu { margin: 10px 0; border: 0; line-height: 14px; }

h1, h1 a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:28px; letter-spacing:-1px; color:#1e5082!important; line-height:32px; }
h2, h2 a { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; line-height:20px; margin:20px 0 10px 0; color:#1e5082; }
h3, h3 a { font-weight:normal; font-size:14px; line-height:16px; color:#1e5082; text-decoration:underline; margin:10px 0 10px; }
h4, h4 a { font-weight:bold; font-size:12px; line-height:20px; margin:10px 0 10px 0; color:#1e5082; }
hr { border-top: thin solid #95A0A9; margin:15px 0 15px 0; border-bottom:0; border-right:0; border-left:0; height:1px; outline:none; }

h1 a:hover, h2 a:hover { color:#ff9b00!important; }

blockquote { border:0px solid #BFCDDC; -moz-border-radius:0px; background-color:#F2F5F8; color:#1E5082; padding:10px 15px; margin: 20px 0; font-family: "Trebuchet MS", Times New Roman, Times, serif; font-style:italic; font-size:13px; line-height:18px; }

small { font-size:0.8em!important; }

a.button-fd-bleu, a.button { cursor:pointer; text-align:left; width:105px; height:22px; line-height:22px; color:#FFFFFF!important; text-shadow:0 -1px #002855; padding:0 0 0 15px; background-image:url('/app/kernix/pix/button.png'); background-repeat:no-repeat; background-position:top; }
a.button-fd-bleu:hover, a.button:hover { background-position:bottom; text-shadow:0 -1px #FF8C00; }
a.button-fd-bleu { background-image:url('/app/kernix/pix/button-fd-bleu.png'); }

.orange { color:#ff9b00; }
.bleu-clair { color:#9AB5C9; }
.intro { font-weight:normal; font-size:16px; line-height:20px; color:#8CA4BD; }
.intro strong { font-weight:normal; color:#5A7DA0; }

.dialog-overlay { background:#022A58; opacity:0.6!important; }
.dialog-shadow  { background:#ffffff; border:#022A58 1px solid; -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px; padding:0 0 25px 20px; }
.dialog-support { overflow:auto; overflow-x:hidden; }

.kwo-galleryBox { white-space:nowrap; width:100px; height:100px; margin:0 0 25px; overflow:hidden; position:relative; }

/*
.kwo-galleryBox .images,
.kwo-galleryBox .images img*/
.kwo-galleryBox { -moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px; border:#9AB5C9 solid 1px; }


.kwo-galleryBox .overlay { position:absolute; z-index:500; width:100%; height:100%; background:#003366 url('/app/sys/pix/throbber-big.gif') no-repeat center; opacity:0.4; filter : alpha(opacity=40);  }
.kwo-galleryBox a.firstButton,
.kwo-galleryBox a.prevButton,
.kwo-galleryBox a.nextButton,
.kwo-galleryBox a.lastButton { cursor:pointer; position:absolute; z-index:400; width:25px; height:25px; background:url('/app/kernix/pix/bg-navigation-gallery-box.png') no-repeat; letter-spacing:-10000px; color:#FFFFF!important; font-size:0; line-height:0; _height:24px; _width:24px; _padding-top:1px; _padding-left:1px }

.kwo-galleryBox a.firstButton { background-position:0 0; bottom:1px; right:91px; }
.kwo-galleryBox a.prevButton  { background-position:-25px 0; bottom:1px; right:61px; }
.kwo-galleryBox a.nextButton  { background-position:-50px 0; bottom:1px; right:31px; }
.kwo-galleryBox a.lastButton  { background-position:-75px 0; bottom:1px; right:1px; }

.kwo-galleryBox a.firstButton:hover { background-position:0 -25px!important; }
.kwo-galleryBox a.prevButton:hover  { background-position:-25px -25px!important; }
.kwo-galleryBox a.nextButton:hover  { background-position:-50px -25px!important; }
.kwo-galleryBox a.lastButton:hover  { background-position:-75px -25px!important; }

a.kwo-modal-box {
  vertical-align:top;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  margin:0 8px 10px 0;
}

.home_content .kwo-galleryBox { margin:0; }
.home_content .kwo-galleryBox a.firstButton { display:none; }
.home_content .kwo-galleryBox a.prevButton  { background-position:-25px 0; bottom:1px; right:31px; }
.home_content .kwo-galleryBox a.nextButton  { background-position:-50px 0; bottom:1px; right:1px; }
.home_content .kwo-galleryBox a.lastButton  { display:none }
.home_content .colone-droite h1 { line-height:26px; margin-bottom:5px; }

.pagination-box { text-align:center; }
.pagination-box .pagination { display:block; }
/*.pagination-box .pagination,*/
.pagination-box .pagination-before,
.pagination-box .pagination-after,
.pagination-box .pagination-first,
.pagination-box .pagination-prev,
.pagination-box .pagination-next,
.pagination-box .pagination-last,
.pagination-box .pagination-sep {
  line-height:22px;
  padding-top:3px;
  padding-bottom:4px;
  padding-left:3px;
  padding-right:3px;
}

.pagination-box .pagination-content {

  padding-top:3px;
  padding-bottom:4px;
  line-height:24px;
  background:url('/app/kernix/pix/pagination-bg.png') repeat-x bottom;
}

.pagination-box .pagination-before,
.pagination-box .pagination-after,
.pagination-box .pagination-first,
.pagination-box .pagination-prev,
.pagination-box .pagination-next,
.pagination-box .pagination-last {
  background:url('/app/kernix/pix/pagination-bg.png') no-repeat;
}


.pagination-box .pagination-prev,
.pagination-box .pagination-next { padding-left:4px; padding-right:4px }

.pagination-box .pagination-first,
.pagination-box .pagination-last { padding-left:4px; padding-right:4px }

.pagination-box .pagination-page,
.pagination-box .pagination-before-enum { padding-left:3px; padding-right:3px; line-height:24px; }

.pagination-box .pagination-before { background-position:0 0; }
.pagination-box .pagination-after  { background-position:0 -22px; }
.pagination-box .pagination-first  { background-position:-9px  0px; }
.pagination-box .pagination-prev   { margin-right:5px; background-position:-20px 0px; }
.pagination-box .pagination-next   { margin-left:5px; background-position:-31px 0px; }
.pagination-box .pagination-last   { background-position:-42px 0px; }
.pagination-box .pagination-first:hover { background-position:-9px -22px; }
.pagination-box .pagination-prev:hover  { background-position:-20px -22px; }
.pagination-box .pagination-next:hover  { background-position:-31px -22px; }
.pagination-box .pagination-last:hover  { background-position:-42px -22px; }
.pagination-box .pagination a.pagination-page { color:#1E5082; }
.pagination-box .pagination a.pagination-selected { color:#FFA500; font-weight:900; }
.pagination-box .pagination a.pagination-page:hover { color:#FFA500; }

.pagination-box a.nav-prev { float:left; background:url('/app/kernix/pix/btn-actu-prev.png') no-repeat top left; width:133px; }
.pagination-box a.nav-next { float:right; background:url('/app/kernix/pix/btn-actu-next.png') no-repeat top left; width:121px; }
.pagination-box a.nav-home { background:url('/app/kernix/pix/btn-actu-home.png') no-repeat top left; padding-left:5px; width:80px; }
.pagination-box a.nav-prev,
.pagination-box a.nav-next,
.pagination-box a.nav-home { height:21px; padding-top:1px; font-size:12px; color:#1E5082; }
.pagination-box a.nav-prev:hover,
.pagination-box a.nav-next:hover,
.pagination-box a.nav-home:hover { background-position:bottom left; height:20px; padding-top:2px; color:#ffffff; }


.kwo-form { width:627px; float:left; }
.kwo-form .content { width:600px; padding:0!important; }
.kwo-form label,
.kwo-form input.text,
.kwo-form textarea { border:none; display:block; }
.kwo-form label { font-weight:900; margin:5px 0; }
.kwo-form label.warn { color:#CC0000; }
.kwo-form label .asterisk { color:#ff9b00; font-size:14px; }
.kwo-form input.text { height:30px; width:260px; padding:6px 0 0 5px; background:scroll url('/app/kernix/pix/form-input-bg.png') no-repeat top left; }
.kwo-form textarea { height:190px; width:560px; padding:6px 0 0 5px; background:scroll url('/app/kernix/pix/form-textarea-bg.png') no-repeat top left; }

.kwo-form input:focus,
.kwo-form textarea:focus { background-position:bottom left; }

.kwo-form .field { float:left; }
.kwo-form .field-text,
.kwo-form .field-email { width:50%; }
.kwo-form .field-textarea { width:560px; }
.kwo-form .action { width:560px; }
.kwo-form .action .right { text-align:right; }
.kwo-form .action .button { cursor:pointer; color:#FFFFFF; padding-bottom:4px; width:120px; height:22px; border:none; background:url('/app/kernix/pix/button.png') no-repeat top left; }
.kwo-form .action .button:hover { background-position:bottom; }
.kwo-form p.header,
.kwo-form div.footer { width:560px; }
.kwo-form div.footer { background:url('/app/kernix/pix/hr.png') no-repeat bottom left; padding-bottom:25px; }

.sidebar-box { width:245px; float:right; color:#1E5082; }
.sidebar-box ul.sections { width:245px; }
.sidebar-box ul.sections li.section { margin:0 0 12px 0; padding:0 0 5px 0; border:none; background:url('/app/kernix/pix/encart-bottom-sidebar.png') no-repeat bottom left!important; }
.sidebar-box ul.sections li.section h3 { margin:0; padding-left:20px; background:url('/app/kernix/pix/encart-top-sidebar.png') no-repeat top left; height:31px; line-height:30px; font-size:16px; font-weight:bold; text-shadow:0 1px #fff; color:#1E5082; text-decoration:none;  }
.sidebar-box ul.sections li.section a { color:#1e5082; }
.sidebar-box ul.sections li.section a:hover { color:#ff9b00; }
.sidebar-box ul.sections li.section ul,
.sidebar-box ul.sections li.section div.content-sidebar { padding:20px; border-left:#bfcddc 1px solid; border-right:#bfcddc 1px solid; }
.sidebar-box ul.sections li.section * ul { border:0!important; padding:10px 0 10px 10px; }

.sidebar-box ul.sections li.section ul li { padding-left:10px; background:url('/app/kernix/pix/puce-li-encart.png') no-repeat 0px 8px; }
.sidebar-box ul.sections li.section ul li a.selected { font-weight:900; }
.sidebar-box ul.sections li.section div.content-sidebar { font-size:12px; }
.sidebar-box ul.sections li.section div.content-sidebar p { font-size:12px; margin-top:0; }
.sidebar-box ul.sections li.section div.content-sidebar input.text { float:left; border:0; height:24px; font-size:12px; padding:3px 0 0 5px; width:172px; background:url('/app/kernix/pix/newsletter-input-bg.png') no-repeat top left; }
.sidebar-box ul.sections li.section div.content-sidebar input.button { float:left; }
.sidebar-box ul.sections li.section div.content-sidebar .confirmation { font-size:12px; font-weight:900; }

.focus-box { margin:10px; float:left; border:#F60; background-color:#FC9;}

#middle .content .references { margin-top:26px; }
#middle .content .references .logo { width:152px; height:100px; vertical-align:middle; text-align:center; margin-right:28px; margin-bottom:16px; }
#middle .content .references .logo-last { margin-right:0; }
#middle .content .references .logo a { border:#bcd4ec 1px solid!important; display:block; font-size:0; line-height:0; }
#middle .content .references .logo a:hover { border:#26588A 1px solid!important; }

.employes {}
.employes .employe { width:128px; margin:0 23px 25px; text-align:center; float:left; height:160px; }

#header,
#middle,
#footer { width:950px; margin:0 auto; }

#header .logo      { width:175px; height:73px; float:left; background-image:url('/app/kernix/pix/logo-kernix.png'); background-repeat:no-repeat;  float:left; }
#header .baseline  { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; height:62px; line-height:62px; font-style:italic; text-shadow:2px 2px 1px #002855; color:#ffffff; text-align:right; width:415px; float:left; }
#header .guillemet { font-size:24px; color:#ffa500; }
#header .actions   { width:357px; text-align:right; font-size:11px; float:right; }
#header .liens     { margin-left:1px; width:356px; height:28px; text-align:center; font-size:11px; background-image:url('/app/kernix/pix/bg-top-link.png'); background-position:top left; }
#header .actions .liens a { font-size:11px; color:#004173; }
#header .actions .liens a:hover{ color:#FFA500; }
#header .actions .liens span { font-size:12px; padding:0 2px; }
#header .search    { margin:14px 5px 0 0; background:transparent url('/app/kernix/pix/bg-form-search.png') no-repeat scroll; width:280px; height:22px; }
#header .search #kwo-search-query-input { border:0; height:19px; font-size:12px; color:#ffffff; padding:3px 0 0 5px; width:254px; background:none; }
#header .search input.submit  { border:0; height:22px; width:23px; vertical-align:middle; }

#header .search a.button_loupe { display:block; height:22px; width:21px; background-image:url('/app/kernix/pix/loupe.png'); background-repeat:no-repeat; float:left; background-position:center center; }
#header .nav {}
#header .sous-nav { height:26px; background-color:#FF9B00; color:#ffffff; border-left:1px solid #FFD24B; border-right:1px solid #DC7800; }

#bottom { height:220px; background-image:url('/app/kernix/pix/bottom.png'); background-repeat:repeat-x; background-position:center top; }

#footer { min-height:230px; *height:230px; background-image: url('/app/kernix/pix/footer.png'); background-repeat:no-repeat; background-position:center top; }

#header .nav { font-size:0; line-height:0; letter-spacing:0; }
#header .nav li { line-height:45px; font-size:14px; text-align:center; float:left; }
#header .nav li.societe, #header .nav li.societe a { width:106px; }
#header .nav li.developpement, #header .nav li.developpement a { width:155px; }
#header .nav li.mobile, #header .nav li.mobile a { width:107px; }
#header .nav li.design, #header .nav li.design a { width:87px; }
#header .nav li.hebergement, #header .nav li.hebergement a { width:132px; }
#header .nav li.emarketing, #header .nav li.emarketing a { width:131px; }
#header .nav li.references, #header .nav li.references a { width:117px; }
#header .nav li.actualites, #header .nav li.actualites a { width:115px; }
/*
#header .nav li.societe, #header .nav li.societe a { width:116px; }
#header .nav li.developpement, #header .nav li.developpement a { width:165px; }
#header .nav li.hebergement, #header .nav li.hebergement a { width:152px; }
#header .nav li.emarketing, #header .nav li.emarketing a { width:141px; }
#header .nav li.design, #header .nav li.design a { width:107px; }
#header .nav li.mobile, #header .nav li.mobile a { width:107px; }
#header .nav li.references, #header .nav li.references a { width:137px; }
#header .nav li.actualites, #header .nav li.actualites a { width:132px; }
*/
#header .nav li a { display:block; text-decoration:none; color:#FFFFFF; background-image:url('/app/kernix/pix/navigation.png'); text-shadow: 0 -1px #002855; background-repeat:no-repeat; height:45px; }
#header .nav li a.selected { text-shadow:0 -1px #FF9600; }
/*
106
261
368
455
587
718
797
*/

#header .nav li.societe a       { background-position:left top; }
#header .nav li.developpement a { background-position: -106px top; }
#header .nav li.mobile a        { background-position: -261px top; }
#header .nav li.design a        { background-position: -368px top; }
#header .nav li.hebergement a   { background-position: -455px top; }
#header .nav li.emarketing a    { background-position: -587px top; }
#header .nav li.references a    { background-position: -718px top; }
#header .nav li.actualites a    { background-position: right top; }

#header .nav li.societe a:visited       { background-position:left top; }
#header .nav li.developpement a:visited { background-position: -106px top; }
#header .nav li.mobile a:visited        { background-position: -261px top; }
#header .nav li.design a:visited        { background-position: -368px top; }
#header .nav li.hebergement a:visited   { background-position: -455px top; }
#header .nav li.emarketing a:visited    { background-position: -587px top; }
#header .nav li.references a:visited    { background-position: -718px top; }
#header .nav li.actualites a:visited    { background-position: right top; }

#header .nav li.societe a:hover       { background-position: left -45px; }
#header .nav li.developpement a:hover { background-position: -106px -45px; }
#header .nav li.mobile a:hover        { background-position: -261px -45px; }
#header .nav li.design a:hover        { background-position: -368px -45px; }
#header .nav li.hebergement a:hover   { background-position: -455px -45px; }
#header .nav li.emarketing a:hover    { background-position: -587px -45px; }
#header .nav li.references a:hover    { background-position: -718px -45px; }
#header .nav li.actualites a:hover    { background-position: right -45px; }

#header .nav li.societe a:focus       { background-position: left -45px; }
#header .nav li.developpement a:focus { background-position: -106px -45px; }
#header .nav li.mobile a:focus        { background-position: -261px -45px; }
#header .nav li.design a:focus        { background-position: -368px -45px; }
#header .nav li.hebergement a:focus   { background-position: -455px -45px; }
#header .nav li.emarketing a:focus    { background-position: -587px -45px; }
#header .nav li.references a:focus    { background-position: -718px -45px; }
#header .nav li.actualites a:focus    { background-position: right -45px; }

#header .nav li.societe a:active       { background-position: left -45px; }
#header .nav li.developpement a:active { background-position: -106px -45px; }
#header .nav li.mobile a:active        { background-position: -261px -45px; }
#header .nav li.design a:active        { background-position: -368px -45px; }
#header .nav li.hebergement a:active   { background-position: -455px -45px; }
#header .nav li.emarketing a:active    { background-position: -587px -45px; }
#header .nav li.references a:active    { background-position: -718px -45px; }
#header .nav li.actualites a:active    { background-position: right -45px; }

#header .nav li.societe a.selected       { background-position: left bottom!important; }
#header .nav li.developpement a.selected { background-position: -106px bottom!important; }
#header .nav li.mobile a.selected        { background-position: -261px bottom!important; }
#header .nav li.design a.selected        { background-position: -368px bottom!important; }
#header .nav li.hebergement a.selected   { background-position: -455px bottom!important; }
#header .nav li.emarketing a.selected    { background-position: -587px bottom;!important }
#header .nav li.references a.selected    { background-position: -718px bottom!important; }
#header .nav li.actualites a.selected    { background-position: right bottom!important; }

/*
#header .nav li.societe a       { background-position:left top; }
#header .nav li.developpement a { background-position: -116px top; }
#header .nav li.hebergement a   { background-position: -281px top; }
#header .nav li.emarketing a    { background-position: -433px top; }
#header .nav li.design a        { background-position: -574px top; }
#header .nav li.mobile a        { background-position: -574px top; }
#header .nav li.references a    { background-position: -681px top; }
#header .nav li.actualites a    { background-position: right top; }

#header .nav li.societe a:visited       { background-position:left top; }
#header .nav li.developpement a:visited { background-position: -116px top; }
#header .nav li.hebergement a:visited   { background-position: -281px top; }
#header .nav li.emarketing a:visited    { background-position: -433px top; }
#header .nav li.design a:visited        { background-position: -574px top; }
#header .nav li.mobile a:visited        { background-position: -574px top; }
#header .nav li.references a:visited    { background-position: -681px top; }
#header .nav li.actualites a:visited    { background-position: right top; }

#header .nav li.societe a:hover       { background-position: left -45px; }
#header .nav li.developpement a:hover { background-position: -116px -45px; }
#header .nav li.hebergement a:hover   { background-position: -281px -45px; }
#header .nav li.emarketing a:hover    { background-position: -433px -45px; }
#header .nav li.design a:hover        { background-position: -574px -45px; }
#header .nav li.mobile a:hover        { background-position: -574px -45px; }
#header .nav li.references a:hover    { background-position: -681px -45px; }
#header .nav li.actualites a:hover    { background-position: right -45px; }

#header .nav li.societe a:focus       { background-position: left -45px; }
#header .nav li.developpement a:focus { background-position: -116px -45px; }
#header .nav li.hebergement a:focus   { background-position: -281px -45px; }
#header .nav li.emarketing a:focus    { background-position: -433px -45px; }
#header .nav li.design a:focus        { background-position: -574px -45px; }
#header .nav li.mobile a:focus        { background-position: -574px -45px; }
#header .nav li.references a:focus    { background-position: -681px -45px; }
#header .nav li.actualites a:focus    { background-position: right -45px; }

#header .nav li.societe a:active       { background-position: left -45px; }
#header .nav li.developpement a:active { background-position: -116px -45px; }
#header .nav li.hebergement a:active   { background-position: -281px -45px; }
#header .nav li.emarketing a:active    { background-position: -433px -45px; }
#header .nav li.design a:active        { background-position: -574px -45px; }
#header .nav li.mobile a:active        { background-position: -574px -45px; }
#header .nav li.references a:active    { background-position: -681px -45px; }
#header .nav li.actualites a:active    { background-position: right -45px; }

#header .nav li.societe a.selected       { background-position: left bottom!important; }
#header .nav li.developpement a.selected { background-position: -116px bottom!important; }
#header .nav li.hebergement a.selected   { background-position: -281px bottom!important; }
#header .nav li.emarketing a.selected    { background-position: -433px bottom;!important }
#header .nav li.design a.selected        { background-position: -574px bottom!important; }
#header .nav li.mobile a.selected        { background-position: -574px bottom!important; }
#header .nav li.references a.selected    { background-position: -681px bottom!important; }
#header .nav li.actualites a.selected    { background-position: right bottom!important; }
*/
#middle { background:url('/app/kernix/pix/page-pattern.png') repeat-y top center; min-height:530px; }

#middle .sous-nav { background-color:#FFA500; margin:0 5px; border-left:#ffd24b 0px solid; border-right:#dc7800 0px solid; border-bottom:#FF9B00 0px solid; min-height:5px; }
#middle .sous-nav li { line-height:26px; font-size:13px; text-align:center; float:left; }
#middle .sous-nav li a { display:block; text-decoration:none; color:#FFF; padding:0 22px; text-shadow:0 -1px #FF8C00; }
#middle .sous-nav li a:hover { background-color:#ffb733; -moz-border-radius:0px; text-shadow:0 -1px #FFA500; }
#middle .sous-nav li a:focus { }
#middle .sous-nav li a:active { }
#middle .sous-nav li a:visited { }
#middle .sous-nav li a.selected { background-image:url('/app/kernix/pix/visited.png'); color:#FFF; background-repeat:no-repeat; background-position: 10px center; text-shadow:0 -1px #FF8C00; }

#middle #menuleft-box { width:200px; padding:10px 0; margin-right:25px; float:left; }
#middle #menuleft-box li { line-height:20px; font-size:0; margin-bottom:3px; }
#middle #menuleft-box li a { background-image:url('/app/kernix/pix/menu-nav.png'); height:22px; line-height:22px; background-position:left top; display:block; text-decoration:none; color:#004173; font-size:12px; padding-left:18px; }
#middle #menuleft-box li a:hover { background-image:url('/app/kernix/pix/menu-nav.png'); background-position:left -22px; display:block; text-decoration:none; color:#ffffff; }
#middle #menuleft-box li a:focus { }
#middle #menuleft-box li a:active { }
#middle #menuleft-box li a:visited { }
#middle #menuleft-box li a.selected { background-image:url('/app/kernix/pix/menu-nav.png'); background-position:left -44px; display:block; text-decoration:none; color:#ffffff;  }

#middle .content { padding:20px 30px; }

#middle .content .content-box,
#middle .content .reference-box { width:620px; float:left; }

#middle .content .content-box h1,
#middle .content .reference-box h1 { margin:0 0 15px; }
/*#middle .content .content-box ul { padding-left:20px; }
#middle .content .content-box li { background-image:url('/app/kernix/pix/li.png'); background-repeat:no-repeat; background-position:0px 7px; padding-left:10px; } */
*:first-child+html #middle .content .content-box ul {
list-style-position:outside !important;
margin-left:20px;
}
#middle .content .content-box ul { list-style-image:url(/app/kernix/pix/li.png); list-style-position:inside !important; margin:10px 20px; }
#middle .content .content-box li {  }
#middle .content .content-box a { border-bottom:dotted 1px #ff9b00; }
#middle .content .content-box a:hover { border:none; }
#middle .content .content-box hr,
#middle .content .reference-box hr { border:none!important; background: url('/app/kernix/pix/hr.png') no-repeat top center; height:20px; margin:25px 0 0px; }

#middle .content .reference-box .mode-view { float:right; margin-top:6px; }
#middle .content .reference-box .mode-view .mode-list,
#middle .content .reference-box .mode-view .mode-mosaic { float:left; }
#middle .content .reference-box .mode-view .mode-list { margin-right:20px; }
#middle .content .reference-box .mode-view .mode-list a.button { color:#9AB5C9!important; width:110px; height:22px; padding:0 0 0 35px; background: transparent url('/app/kernix/pix/btn-mode-list.png') no-repeat 0 0; text-shadow:0 1px #fff; vertical-align:text-top; }
#middle .content .reference-box .mode-view .mode-mosaic a.button { color:#9AB5C9!important; width:135px; height:22px; padding:0 0 0 30px; background: transparent url('/app/kernix/pix/btn-mode-mosaic.png') no-repeat 0 0; text-shadow:0 1px #fff; vertical-align:text-top; }
#middle .content .reference-box .mode-view .mode-list a.button:hover,
#middle .content .reference-box .mode-view .mode-mosaic a.button:hover { background-position:0 -22px; color:#1E5082!important;  }
#middle .content .reference-box .mode-view .mode-list a.selected,
#middle .content .reference-box .mode-view .mode-mosaic a.selected { background-position:0 -22px; color:#1E5082!important;  }

#middle .content .reference-box .reference-content h2,
#middle .content .reference-box .reference-content h2 a { color:#004173; font-size:22px; margin:20px 0 0; font-weight:normal; }
#middle .content .reference-box .reference-content h2 a:hover { color:#ff9b00; }
#middle .content .reference-box .reference-content em.date { font-size:11px; color:#9ab5c9!important; line-height:20px; }
#middle .content .reference-box .reference-content ul { padding:10px 20px; }
#middle .content .reference-box .reference-content li { background-image:url('/app/kernix/pix/li.png'); background-repeat:no-repeat; background-position:0px 7px; padding-left:10px; }


#middle .content .reference-box .reference-list { }
#middle .content .reference-box .reference-list .img-client { width:360px; height:164px; overflow:hidden; float:left; margin-right:25px; position:relative; }
#middle .content .reference-box .reference-list .img-client .new_item { position:absolute; background:transparent url('/app/kernix/pix/picto-new-event.png') no-repeat top left; top:0; left:0; width:65px; height:65px; }
#middle .content .reference-box .reference-list .reference-list-content { width:235px; float:left; }
#middle .content .reference-box .reference-list .reference-list-content h2 .nom-client { font-size:22px; color:#004173; font-weight:normal; }
#middle .content .reference-box .reference-list .reference-list-content h2 { margin:0 0 10px; }

#middle .content .reference-box .reference-mosaic { width:200px; margin:0 10px 25px 0; }
#middle .content .reference-box .reference-mosaic .img-client { width:200px; height:164px; overflow:hidden; margin-bottom:10px; position:relative; }
#middle .content .reference-box .reference-mosaic .reference-mosaic-content h2 .nom-client { font-size:18px; color:#004173; font-weight:normal; }
#middle .content .reference-box .reference-mosaic .reference-mosaic-content h2 { margin:0 0 10px; }

#middle .content .reference-box .reference-list .reference-list-content .client,
#middle .content .reference-box .reference-mosaic .reference-mosaic-content .client { font-size:13px; }
#middle .content .reference-box .reference-list .img-client .new_item,
#middle .content .reference-box .reference-mosaic .img-client .new_item { position:absolute; background:transparent url('/app/kernix/pix/picto-new-event.png') no-repeat top left; top:0; left:0; width:65px; height:65px; }

#middle .content .etude-cas-container .sidebar-box .section { margin-bottom:15px; padding-bottom:40px; background-image:url('/app/kernix/pix/hr-etudes-cas.png'); background-repeat:no-repeat; background-position:bottom; }
#middle .content .etude-cas-container .sidebar-box .section h3 { margin:0 0 8px 0; text-decoration:none; color:#9AB5C9; }

#middle .content .client-container .sidebar-box .section { margin-bottom:15px; padding-bottom:40px; background-image:url('/app/kernix/pix/hr-etudes-cas.png'); background-repeat:no-repeat; background-position:bottom; }
#middle .content .client-container .sidebar-box .section h3 { margin:0 0 8px 0; text-decoration:none; color:#9AB5C9; }


#middle .content .hasmenuleft  { width:660px!important; }

#middle .content .home_content h1 { background-color:#FFFFFF; color:#004173; font-size:26px; }
#middle .content .home_content .colone-gauche { width:585px; margin:0 22px 10px 0; float:left; }
#middle .content .home_content .colone-droite { width:280px; margin:0 0 10px 0; float:left; }
#middle .content .home_content .colone-droite em.date { display:block; color:#9ab5c9; font-size:11px; }
#middle .content .home_content .encart-about-us p { font-size:16px; line-height:20px; color:#5A7DA0; }
#middle .content .home_content .colone-gauche p.see_more { text-align:left; font-size:12px; }
#middle .content .home_content .colone-droite p.see_more { text-align:right; font-size:12px; }

#middle .content .blog-container .blog-wrapper .blog-header { display:none; }
#middle .content .blog-container .blog-wrapper .blog-content { width:620px; padding:0 25px 0 0; float:left; }
#middle .content .blog-container .blog-wrapper .blog-content h1 { margin:0 0 15px; }
#middle .content .blog-container .blog-wrapper .blog-content h1,
#middle .content .blog-container .blog-wrapper .blog-content h1 a { color:#004173; font-size:26px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#middle .content .blog-container .blog-wrapper .blog-content h1 a:hover { color:#ff9b00; }

#middle .content .blog-container .blog-wrapper .sidebar-box ul.sections li.section ul.cloud-box li { display:inline; }
#middle .content .blog-container .blog-wrapper .sidebar-box ul.sections li.section ul.blog-rss li { padding:0!important; background:none; }

#middle .content .blog-container .blog-wrapper .blog-content .post { border:0; background:url('/app/kernix/pix/hr.png') no-repeat bottom left; padding-bottom:25px; margin:0; }
#middle .content .blog-container .blog-wrapper .blog-content .post h2,
#middle .content .blog-container .blog-wrapper .blog-content .post h2 a { color:#004173; font-size:22px; font-weight:normal; }
#middle .content .blog-container .blog-wrapper .blog-content .post h2 a:hover { color:#ff9b00; }
#middle .content .blog-container .blog-wrapper .blog-content .post ul { padding-left:20px; }
#middle .content .blog-container .blog-wrapper .blog-content .post li { background-image:url('/app/kernix/pix/li.png'); background-repeat:no-repeat; background-position:0px 7px; padding-left:10px; }
#middle .content .blog-container .blog-wrapper .blog-content .post thead { display:block; }
#middle .content .blog-container .blog-wrapper .blog-content .post thead th { font-style:italic; color:#9ab5c9; font-size:11px; }
#middle .content .blog-container .blog-wrapper .blog-content .post .post-content em.date { font-size:11px; color:#9ab5c9!important; line-height:20px; }
#middle .content .blog-container .blog-wrapper .blog-content .post .post-content .see_more { float:right; }
#middle .content .blog-container .blog-wrapper .blog-content .post .post-content a.link { border-bottom:dotted 1px #ff9b00; }
#middle .content .blog-container .blog-wrapper .blog-content .post .post-content a:hover.link { border:none; }
#middle .content .blog-container .blog-wrapper .blog-content .post .post-content a.visit { color:#004173; background:url('/app/kernix/pix/visit.png') no-repeat top left; padding-left:20px; font-weight:bold; line-height:30px; }
#middle .content .blog-container .blog-wrapper .blog-content .post .post-content a:hover.visit { color:#ff9b00; background-position:bottom left; }

p.tags { padding-left:20px; margin-top:10px; background:url('/app/kernix/pix/img-tag.png') no-repeat left; }
p.tags a { color:#1E5082; font-size:11px; }
p.tags a:hover { color:#ff9b00; }

.action-plan-site #site #middle .content ul { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:220px; margin-bottom:25px; vertical-align:top; }
.action-plan-site #site #middle .content ul li {
  background:transparent url(/app/kernix/pix/puce-li-encart.png) no-repeat scroll 0 8px;
  padding-left:10px;
}
.action-plan-site #site #middle .content ul li a { color:#1E5082; }

.action-plan-site #site #middle .content ul li.cat_titre { background:none; padding:0; margin-bottom:5px; }
.action-plan-site #site #middle .content ul li.cat_titre a { font-size:18px; color:#004173; }

#footer p { margin:0; }

#footer .mentions { height:22px; }
#footer .mentions p { height:22px; line-height:22px; font-size:11px; margin-left:25px; color:#9eb4ca; }
#footer .mentions p a { color:#9eb4ca; }
#footer .mentions p a:hover { color:#5a7da0; }

#footer .plan_site { margin:0 0 0 8px; }
#footer .plan_site div.contact_box { float:right; margin:10px 15px 0 0; position:relative; width:140px; }
#footer .plan_site div.contact_box p.titre { color:#FFFFFF; margin-bottom:10px; }
#footer .plan_site div.contact_box p.contenu { color:#FFFFFF; font-size:11px; line-height:18px; margin-bottom:10px; }
#footer .plan_site div.contact_box p.tel_picto { color:#FFFFFF; font-size:15px; font-weight:bold; background-image:url('/app/kernix/pix/picto_contact.png'); background-repeat:no-repeat; background-position:left; padding-left:32px; height:26px; line-height:26px; margin:0 0 5px 0; }
#footer .plan_site div.contact_box .kernix_picto { margin:0; padding:0; position:relative; }
#footer .plan_site div.contact_box .kernix_picto div.logo { height:32px; width:32px; position:absolute; right:-8px; top:21px; }
#footer .plan_site div.contact_box .kernix_picto div.logo a { position:relative; height:32px; width:32px; background:url('/app/kernix/pix/developpe-par-kernix.png') no-repeat top left; }
#footer .plan_site div.contact_box .kernix_picto div.logo a:hover { background-position:bottom left; }
#footer .plan_site div.contact_box .kernix_picto div.logo a img { position:absolute; top:0; left:0; z-index:51; height:32px; width:32px; }
#footer .plan_site div.contact_box .kernix_picto .tooltips { z-index:50px; text-align:center; position:absolute; padding-top:8px; font-size:10px!important; top:-10px; right:-13px; color:#6087af; background:url('/app/kernix/pix/bulle.png') no-repeat top left; width:144px; height:31px; }

#footer .plan_site ul { float:left; background-image:url('/app/kernix/pix/sep_plan_site.gif'); background-repeat:no-repeat; background-position:right; height:190px; padding:1px 20px 0; }
#footer .plan_site ul li { font-size:11px; line-height:16px; }
#footer .plan_site ul li a { color:#6087af; }
#footer .plan_site ul li a:hover { color:#ffffff;  }
#footer .plan_site ul li.cat_titre { font-size:12px; margin:10px 0 10px 0; }
#footer .plan_site ul li.cat_titre a { color:#FFFFFF; }
#footer .plan_site ul li.cat_titre a:hover { border-bottom:solid 2px #FFA500;}


/************ NEW HOME *****************/

.border_box { padding:4px; border:solid 1px #e6e6e6; width:280px; overflow:hidden; }
img.float_left { float:left; }

#middle .content { margin:5px auto 0; }

a.know_more { padding-left:23px; display:inline-block; line-height:19px; text-decoration:underline; color:#666666; font-weight:bold; font-size:12px; background:url('/app/kernix/pix/a_know_more.jpg') 0px 0px no-repeat; margin:5px 0 0 0; }
a.know_more:hover { background-position:0 -19px; color:#004173; }

a.new_button { display:inline-block; line-height:21px; float:right; }
a.new_button span { display:inline-block; background-image:url('/app/kernix/pix/sprite_button.png'); background-repeat:no-repeat; float:left; }
a.new_button span.button_left { background-position:left -44px; height:22px; width:15px; }
a.new_button span.button_center { background-position:0 bottom; background-repeat:repeat-x; height:22px; padding:0 5px; color:#4d4d4d; }
a.new_button span.button_right { background-position:right -44px; height:22px; width:15px; }
a.truc span.button_left { background-position:left 0px!important; }
a.truc span.button_center { background-position:0 -22px!important; color:#ffffff!important; }
a.truc span.button_right { background-position:right 0px!important; }

.entete a.new_button { margin:5px 0 0 0; }

#content_home_left { width:620px; float:left; }

#diaporama { height:305px; border:solid 1px #e6e6e6; position:relative; }
.reference-box #diaporama { height:400px; margin:10px 0; }
#diaporama .diapo { height:305px; width:618px; position:absolute; background-color:#f2f2f2; background-repeat:no-repeat; }
.reference-box #diaporama .diapo { height:400px; }
#diaporama_position { z-index:9999; position:absolute; bottom:5px; right:5px; height:13px; background-color:transparent; padding:0 5px 0 0!important; }
#diaporama_position li { cursor:pointer; margin:4px 0 0 5px; padding:0!important; display:inline; float:left;width:12px; height:8px; background-image:url('/app/kernix/pix/button_slideshow.gif')!important; background-repeat:no-repeat; background-position:top!important; line-height:0; font-size:0; }
#diaporama_position li:first-child { margin:4px 0 0 4px; }
#diaporama_position li.selected { background-position:bottom!important; }

#presentation p { color:#666666; font-size:14px; }

.home_box { margin-bottom:20px; }
.home_box .entete { margin:0 0 10px 0; }
.home_box .entete h1{ display:inline-block; float:left; }

.home_box_content .part_box { display:inline-block; float:left; width:290px; }
.home_box_content .part_box.first { margin-right:37px; } 
.home_box_content .part_box img { width:280px; }
.home_box_content .part_box h2 { color:#4c4c4c; font-size:16px; margin:10px 0 5px 5px; font-weight:normal; display:inline-block; }
.home_box_content .part_box h2.withdate { margin-bottom:0; }
.home_box_content .part_box p.date { color:#b2b2b2; font-size:11px; font-style:italic; margin-top:5px; }
.home_box_content .part_box p { margin:0; color:#808080; font-size: 11px; padding-left:5px; }

#content_home_right { width:240px; margin-left:29px; float:left; }
#content_home_right div.home_right_box { margin-bottom:30px; }
#content_home_right h2 { margin:0 0 20px 0; color:#004173; font-size:17px; border-bottom:solid 1px #e6e6e6; height:30px; }
#content_home_right p { color:#666666; font-size:12px; margin:10px 0 20px; }
#content_home_right #partage p { font-size:12px; margin:20px 0 10px; }
#content_home_right ul { display:block; height:23px; }

#content_home_right ul li { display:inline-block; float:left; margin-right:10px; padding-left:23px; height:19px; line-height:19px; }
#content_home_right ul li a { font-style:italic; font-size:11px; color:#666666; }
#content_home_right ul li a:hover { text-decoration:underline; }
#content_home_right ul li.twitter { background:url('/app/kernix/pix/icone_twitter.jpg') no-repeat; }
#content_home_right ul li.facebook { background:url('/app/kernix/pix/icone_facebook.jpg') no-repeat; }
#content_home_right ul li.tumblr { background:url('/app/kernix/pix/icone_tumblr.jpg') no-repeat; }

#content_home_right #offre { padding:10px; background-color:#004173; color:#ffffff; }
#content_home_right #offre h2 { color:#ffffff; border:solid 0 black; margin:0px; height:auto; }
#content_home_right #offre p { color:#ffffff; font-size:13px; margin-bottom:0px; }

#content_home_right #recherche p { margin-bottom:0; }

#content_home_right #partage strong { display:inline-block; margin-bottom:10px; }
#content_home_right #partage .content-sidebar p { display:none; }
#content_home_right #partage .content-sidebar input.text { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url('/app/kernix/pix/newsletter-input-bg.png') no-repeat scroll left top; border:0 none; float:left; font-size:12px; height:24px; padding:3px 0 0 5px; width:200px; }
#content_home_right #partage .content-sidebar input.button { float:left; }