/*
+----------------------------------------------------------------+
|                 |
|  Design and coding:         |
|  Com&Cie communication interactive        |
|  24 rue de la Serre, CH-2300 La Chaux-de-Fonds           |
|  http://www.comeandsee.ch                 |
|                       |
|                       |
+----------------------------------------------------------------+
*/

/********************
RESET
********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ..................................STYLES GENERAUX........................................... */

body {
  font-family:  Arial, Helvetica, "sans serif";
  font-size: 78%;
  margin: 0px;
  padding: 0px;
  color: #333;
  font-weight: normal;
  background: url(../templates/images/bandeau_print.gif) no-repeat;
}
p {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
h1 {
  margin: 2px 0 0 0;
  padding: 0px;
  color: #005280;
  font-size: 1.3em;
  text-transform: uppercase;
  font-weight: bold;
}
h2 {
  margin: 20px 0px 6px 0px;
  padding: 0px 0 0 0px;
  font-size: 1.3em;
  color: #005280;
  text-transform:uppercase;
  font-weight:bold;
}
h2.csc-firstHeader {
  margin: 0px 0px 6px 0px;
  padding: 0px 0 0 0px;
  font-size: 1.3em;
  color: #005280;
  text-transform:uppercase;
  font-weight:bold;
}
h3 {
  margin: 18px 0px 5px 0px;
  font-weight: bold;
  font-size: 1.2em;
  font-family: Arial, Helvetica;
}
h3.first {
  margin: 0px 0px 5px 0px;
}
a:link, a:visited {
  text-decoration: underline;
  color: #333;
}
a:hover, a:active {
  color: #005280;
  text-decoration: underline;
}
ul {
  padding: 0px;
  margin: 0px 0px 15px 0px;
}
ul li {
  padding: 2px 0px 2px 16px;
  list-style: none;
  background: url(fileadmin/templates/images/puce_cies.gif) no-repeat 2px 9px;
}
ol {
  padding: 0px;
  margin: 0px 0px 15px 22px;
}
ol li {
  padding: 2px 0px 2px 0px;
}
.bleu {
  color: #005280;
}
.txt_petit {
  font-size: 0.85em;
}
.txt_grand {
  font-size: 1.3em;
}
.bodytext {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
table {
  font-size: 1em;
  margin: 0px;
  padding: 0px;
}
.noborder {
  border: 0;
}
.bold {
  font-weight: bold;
  font-size: 110%;
  line-height:1.3;
}
.clear {
  clear: both;
  border: 0;
}
#header {
display:none;
}

#nav_connexe {
display:none;
}

#titre_princ {
  width: 525px;
  position: absolute;
  top: 167px;
  left: 235px;
  height: 24px;
}
#bkg_gen {

  width: 100%;
  min-height: 550px;
  clear: left;
}
#contenu_wrapper {
  width: 100%;
  margin: 0px auto 0 auto;
  overflow: hidden;

}
#gauche {

  display: none;
}
#adresse {
  color: #666;
  margin: 22px 0 30px 10px;
  font-size: 90%;
  line-height: 1.3;
  width: 150px;
}
#adresse_cies {
  font-weight: bold;
  color: #333;
}
#zone_contenu {
  padding: 0;
width: 700px;
/*  padding: 17px 21px 50px 21px;*/
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  text-align: justify;
  margin-top:150px;
}
#droite {
  display: none;
}

#footer {
  margin: 0px ;
  width: 982px;
}
#footer_left {
  background: #005281;
  margin: 0px 20px 0px 0px;
  height: 16px;
 !height: 15px;
  width: 538px;
  float: left;
  color: #005280;
  font-size: 0.9em;
  padding: 3px 0 0 222px;
 !padding: 4px 0 0 222px;
}
#footer_left a:link, #footer_left a:visited {
  text-decoration: none;
  color: #005280;
}
#footer_left a:hover, #footer_left a:active {
  text-decoration: underline;
}
#footer_right {
  background: #C0B5A1;
  height: 19px;
  width: 202px;
  float: left;
}
#comcie {
  display: none;
}

.research_team {
  float: left;
  width: 143px;
  margin: 0 35px 40px 0;
  text-align: left;
}
.rt_names {
  font-size: 1em;
  font-weight: bold;
  margin: -10px 0 0 0;
}
.rt_domains {
  font-size: 0.85em;
  margin: 0 0 -4px 0;
}
.research_team a:link, .research_team a:visited {
  text-decoration: none;
}
.research_team a:hover, .research_team a:active {
  text-decoration: underline;
}
/* ...............................HOMEPAGE................................. */
#home_bkg_top {

  height: 130px;
  width: 100%;
}
#home_wrapper_top {
  margin: 0px auto;
  width: 982px;
}
#home_navigation {
  width: 202px;
  float: left;
  margin: 0;
}
#home_content_top {
  float: left;
  margin: 10px 5px 0 20px;
  width: 718px;
}
#home_content_top h2 {
  margin: 0px;
  padding: 0px;
  color: #005280;
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: bold;
}
#home_content_top p {
  margin: 7px 0px 0 0px;
  text-align:justify;
  line-height:1.35;
  color:#000;
}
#home_content_top a:link, #home_content_top a:visited {
  text-decoration: none;
  color: #000;
}
#home_content_top a:hover, #home_content_top a:active {
  color: #000;
  text-decoration: underline;
}
a#read_more:link, a#read_more:visited {
  text-decoration: underline;
  color: #000;
}
a#read_more:hover, a#read_more:active {
  text-decoration: underline;
  font-weight:bold;
}
#home_bkg_gen {

  width: 100%;
  clear: left;
}
#home_contenu_wrapper {
  width: 982px;
  margin: 0px auto 0 auto;
  overflow: hidden;

}
#home_adresse {
  color: #666;
  margin: 12px 0 30px 10px;
  font-size: 90%;
  line-height: 1.3;
  width: 150px;
}
#home_contenu {
  padding: 0;
  width: 538px;
  float: left;
  display: inline;
  margin: 12px 21px 50px 21px;
  font: 13px Arial, Helvetica, sans-serif;
  line-height: 1.3em;
}
#home_news_slider {
  background-color: #CCC;
  height: 267px;
}
#home_droite {
  padding: 0;
  margin: 12px 0px 0 0;
  float: left;
  display: inline;
  width: 192px;
}
#home_research {
  margin: 39px 10px 0px 0px;
  float: left;
  width: 173px;
}
#home_education {
  margin: 39px 10px 0px 0px;
  float: left;
  width: 173px;
}
#home_consulting {
  margin: 39px 0px 0px 0px;
  float: left;
  width: 172px;
}
#home_research p, #home_education p, #home_consulting p {
  margin:8px 0 0 0;
  font-size:0.95em;
}

/* ..................................COULEURS CIES........................................... */
.cies, .cies a:link, .cies a:visited {
  background-color: #005280;
}
.research, .research a:link, .research a:visited, dl.research dt, dl.research .even, dl.research .even a {
  background-color: #6C953C;
}
.education, .education a:link, .education a:visited, dl.education dt, dl.education .even, dl.education .even a {
  background-color: #E6A755;
}
.consulting, .consulting a:link, .consulting a:visited, dl.consulting dt, dl.consulting .even, dl.consulting .even a {
  background-color: #87B2D8;
}
.cies a:hover, .cies a:active {
  background-color: #006093;
}
.research a:hover, .research a:active, dl.research .odd, dl.research .odd a {
  background-color: #78A442;
}
.education a:hover, .education a:active, dl.education .odd, dl.education .odd a {
  background-color: #E19A39;
}
.consulting a:hover, .consulting a:active, dl.consulting .odd, dl.consulting .odd a {
  background-color: #659BCD;
}
/*--------------------------------- tt_news   LATEST -----------------------------------*/
.news-latest-container {
  padding: 0px 0px 10px 0px;
  margin: 3px 0px 0px 0px;
  line-height: 1.1em;
}
.news-latest-container a:link, .news-latest-container a:visited {
  text-decoration: none;
}
.news-latest-container a:hover, .news-latest-container a:active {
  text-decoration: underline;
}
.title-latest {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
  color:#005280;
  font-size:1.1em;
  background: url(/fileadmin/templates/images/news_latest_h2_ligne_sub.gif) repeat-x 0px 14px;
}
.news-latest-item {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.news-latest-item h3 {
  font-weight: bold;
  margin: 1px 10px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1em;
  line-height: 1.3em;
}
.news-latest-date {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 0.85em;
  color:#AC9F85;
}
.news-latest-gotoarchive {
  margin: 0px;
  font-size: 0.85em;
  margin: 0px 0px 8px 0px;
}
.news-latest-gotoarchive a:link, .news-latest-gotoarchive a:visited {
  color:#005280;
}
.news-latest-gotoarchive a:hover, .news-latest-gotoarchive a:active {
  color:#000;
}
/*--------------------------------- tt_news LIST -----------------------------------*/


.news-list-container {
}
.news-list-item {
  /* IE hack */
  height: 1%;
  line-height: 1.3;
  /* IE hack end */
  padding:0px;
  margin:12px 0px 0px 0px;
  border-bottom: 1px dotted #666;
  clear:left;
}
.news-list-container h2 {
  margin: 3px 0px 3px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1.3em;
}
.news-list-container h2 A {
  text-decoration: none;
  color:#005280;
  text-transform:none;
}
.news-list-date {
  font-size: 0.85em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.news-amenu-container {
  font-size: 0.9em;
  margin: 0px 0px 20px 0px;
  padding: 2px 0px 0px 0px;
  font-weight:bold;
}
.news-amenu-container ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.news-amenu-container li {
  margin: 0px 0px 0px 0px;
  padding: 0px 7px 0px 3px;
  display:inline;
  border-right: 1px solid #aaa;
  background-image:url(none)
}
.news-list-item img {
  float:left;
  border:1px solid #bbb;
  margin: 0px 10px 10px 0px;
}
/*--------------------------------- tt_news SINGLE ------------------------------------*/


.news-single-item H1 {
  margin: 9px 0px 10px 0px;
  padding: 0px;
  font-size: 1.2em;
}
.news-single-img {
  float: left;
  margin: 0px 15px 15px 0px;
}
.news-single-imgcaption {
  visibility: hidden;
}
.news-single-backlink, .news-single-backlink a {
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 25px;
  color:#005280;
  font-size:1em;
}
.news-single-date {
  font-size: 0.85em;
  margin: 0px 0px 0px 0px;
}
.news-single-author {
  padding-bottom: 3px;
}
.news-single-additional-info {
  background-color: #BBE53A;
  /*  clear: both;*/
  margin-top: 15px;
  border: 1px solid #666;
  padding:3px;
  padding-bottom:0px;
}
.news-single-related, .news-single-files, .news-single-links {
  border: 1px solid #666;
  margin:0px;
  margin-bottom: 3px;
  padding:3px;
  background-color:#F9FFE5;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
  margin-left:20px;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
  font-weight: bold;
  font-size: 11px;
  margin-left:5px;
  width:90%;
}
/*--------------------------------- Slider Home ------------------------------------*/

.lof-main-item-desc {
  width:313px;
  top:150px;
  left:33px;
}
.lof-navigator li img {
  margin:15px 10px 0 0;
}
.lof-navigator li div {
  padding-left: 10px;
  padding-right: 5px;
}
.lof-snleft .lof-navigator .active {
  background:url(/fileadmin/templates/images/arrow-bg-3-darkblue.png) center right no-repeat;
}
.lof-snleft .lof-navigator li.active div {
  margin-left:inherit;
  margin-right:18px;
  background:url(/fileadmin/templates/images/grad-bg-darkblue.gif);
}
.lof-main-item-desc h3 {
  font-size:15px;
  margin: -5px 0 0 0;
}
.lof-main-item-desc p {
  font-size:11px;
  margin: 0 0 0 0;
  font-weight: normal;
}
.lof-navigator li h3 {
  font-size:12px;
  margin: -5px 0 0 0;
}
/*--------------------------------- Formulaires ------------------------------------*/
/* Label */
form label {
  display: block;
  width: 16%;
  float: left;
  padding-right: 1%;
  text-align: left;
  font-weight:bold;
}
#monForm .form_label_nostyle {
  background: none;
}
/* Input */
form input, form select {
  margin-left: 1%;
  width: 30%;
  border: #CCC 1px solid;
  margin:0 0px 5px 0;
}
form input:hover, form select:hover, form input:focus, form select:focus {
  border: #999 1px solid;
  background-color: #eee;
}
/* button submit */
form input[type="submit"] {
  border: #DDEEFF 1px solid;
  width: 20%;
  margin:4px 0px 0px 91px;
  background-color: #005280;
  color:#fff;
  font-weight:bold;
  padding: 1px 0;
}
form input[type="submit"]:hover {
  background-color: #C0B5A1;
  cursor: pointer;
}
form input[type="reset"] {
  border: #DDEEFF 1px solid;
  width: 27%;
}
form input[type="reset"]:hover {
  background-color: #C0B5A1;
  cursor: pointer;
}
/*--------------------------------- Sitemap ------------------------------------*/

.csc-sitemap ul li {
  font-weight:bold;
  margin:0 0 0px 0;
}
.csc-sitemap ul li a:link, .csc-sitemap ul li a:visited {
  text-decoration: none;
  color:#005280;
  font-size:1.3em;
}
.csc-sitemap a:hover, .csc-sitemap a:active {
  text-decoration: underline;
}
.csc-sitemap ul li ul li {
  font-weight:bold;
  margin:3px 0 0px 0;
}
.csc-sitemap ul li ul li a:link, .csc-sitemap ul li ul li a:visited {
  text-decoration: none;
  color:#000;
  font-size:1em;
}
.csc-sitemap ul li ul li a:hover, .csc-sitemap ul li ul li a:active {
  text-decoration: underline;
}
.csc-sitemap ul li ul li ul li {
  font-weight:normal;
  margin:3px 0 0px 0;
}