@charset "UTF-8";

/*************************************/
/* reset all browser default styling */
/*************************************/
@import "reset-min.css";



/***************************************************************/
/* import example.css for default styling of content elements  */
/***************************************************************/
@import "example.css" all;
html {
  overflow-y: scroll;
  }


/***************/
/* GRID LAYOUT */
/***************/
div#navigationAids, div#footer h3, div#navigationFirstLevel h2, div#navigationSecondLevel h2 {
  display:none;
  }
div#outerWrap {
  width:900px;
  text-align:center;
  margin:0 auto;
  overflow:auto;
  }
div#outerWrap div {
  /*text-align:justify;*/
  }
div#header {
  background:white;
  height:90px;
  margin-top:0px;
  }
div#navigationSecondLevel {
  float:left;
  width:100%;
  background: none repeat scroll 0 0 #D9D9D9;
  }
div#main {
  /*width: 53%;*/
  text-align:justify;
  width: 74%;
  float:left;
  }
div#main h1{
  text-align:left;
}
div#main h1.align-center{
  text-align:center;
}
div#main h2{
    text-align:left;
}
div#main h3{
    text-align:left;
}
div#main h4{
    text-align:left;
}
div#main h5{
    text-align:left;
}
div#secondary {
  width:26%;
  float:right;
  color: black;
}
div#footer {
  clear:both;
  }
body.hideRightColumn div#secondary {
  display:none;
  }
body.hideRightColumn div#main {
  width:79%;
  float:left;
  position:relative;
  }
body.hideLeftColumn div#main {
  width:74% !important;
  float:left;
  position:relative;
  }
body.hideLeftColumn div#navigationSecondLevel {
  display:none;
  }
body.hideRightAndLeftColumn div#main {
  width:100%;
  }
body.hideRightAndLeftColumn div#secondary, body.hideRightAndLeftColumn div#navigationSecondLevel {
  display:none;
  }
body.hideRightAndLeftColumn div#contentWrap, body.hideLeftColumn div#contentWrap {
  background-image:none;
  background:#fff;
  }


/*******************/
/* GENERAL PADDING */
/*******************/
div#secondayContent, div#footer {
  padding:9px;
  }
div#navigationContent {
  padding: 0;
}
div#mainContent {
  padding:30px;
  padding-left: 50px;
  overflow:hidden;
  }


/**********************************************************/
/* STYLING AND POSITIONING OF INDIVIDUAL GENERAL ELEMENTS */
/**********************************************************/
body {
  /*background: #494949 url(../images/bg.gif) top left repeat-x;*/
  background: none repeat scroll 0 0 #C3C8C9;
  }
html {
  background:#C3C8C9;
  }
strong {
  font-weight:bold;
  }
div#header {
  background:white;
  }
div#contentWrap {

  background: url(../images/bg_contentWrap.gif) top left repeat-y;
  overflow:hidden;
  clear:both
  
  }
div#navigationSecondLevel {
  }
div#secondary {
  margin-top:70px;
  text-align: left;
  }
div#footer {
  /*background:url(../images/bg_footer.jpg) top center no-repeat;*/
  }
div#footer .footerFrame,
div#footer .footerFrame-last {
  float:left;
  width: 200px;
  margin: 0 0 0 20px;
  }
div#footer .footerFrame-last {
  width: 410px;
  }
div#footer .footerFrame h4 {
  margin: 0 0 1em 0;
  }
div#footer #licensebadge {
  margin-top: 3px;
  opacity: 0.3;
  }
div#topMenu ul li, div#languageMenu ul li {
  /*border-left: 1px solid grey;*/
  display: inline;
  font-size: 100%;
  }
div#topMenu {
  height: 70px;
  margin: -5px 6px 0 550px;
  padding-top: 25px;
  }
div#languageMenu {
  display: none;
}
div.secondaryContentSection {
  background:#D9D9D9;
  /*border:1px solid #cfcecf;*/
  width:155px;
  border-top:none;
  padding: 0 10px 10px 10px;
  margin:0 0 2.4em 10px;
  overflow:hidden;
  font-size:90%;
  }

div#navigationFirstLevelMenu ul {
  overflow:hidden;
  /*margin:0 0 0 190px;*/
  margin:0 0 0 0px;
  }
div#navigationFirstLevelMenu ul li {
  background:url("../images/bordermain.png") no-repeat scroll right bottom transparent;
  display:block;
  float:left;
  margin-left:0;
  width: 135px;
  /*border-left: 2px solid white;*/
  
  }
div#navigationFirstLevelMenu ul li.last{
  width:136px
}
div#navigationFirstLevelMenu ul li a {
  padding:0.8em 0em;
  display:block;
  text-align: center;
  font-size: 13px;
  }
div#navigationFirstLevelMenu ul li a img{
  margin-left: -30px;
  margin-top: 4px;
  padding-right: 0;
  }
div#breadcrumb {
  font-size: 9px;
  margin-left: 35px;
  margin-top: -30px;
  position: absolute;
  }
div#breadcrumb span {
  font-weight:bold;
  }
div#navigationSecondLevelMenu ul {
  line-height:2.6em;
  border-bottom: 0px solid #FDDB1A;
  margin-left:223px;
  }
div#navigationSecondLevelMenu ul ul {
  text-indent:35px;
  border-bottom:none;
  margin-bottom:0;
  }
div#navigationSecondLevelMenu ul ul ul {
  text-indent:50px;
  }
div#navigationSecondLevelMenu {
   /*background: none repeat scroll 0 0 #839ABE;*/
   height: 30px;
  border-top: 1px solid white;
  }
div#navigationSecondLevelMenu li.active {
  /*background:#fff;*/
  border-top:1px solid #ccc;
  /*border-bottom:1px solid #ccc;*/
  font-weight:bold;
  }
div#navigationSecondLevelMenu li.active ul li {
  font-weight:normal;
  }
div#navigationSecondLevelMenu li.selected {
  /*background: #fff url(../images/bg_liCurrent.gif) top right no-repeat;*/
  font-weight: bold !important;
  /*border-top:1px solid #ccc;*/
  }
div#navigationSecondLevelMenu li.selected li {
  font-weight:normal;
  }
div#navigationSecondLevelMenu li {
  background: url("../images/vdotline_pasbon.gif") no-repeat 0px 10px transparent;
 
  float: left;
  list-style-type: none;
  text-align: center;
  width: 135px;
  }
div#navigationSecondLevelMenu li.active li, div#navigationSecondLevelMenu li.selected li {
  border-top:1px solid #eee;
  }
div#siteTitle {
  float: left;
  height: 10px;
  width: 150px;
}
div#siteTitle img {
  margin-top: 20px;
  margin-left: 40px;
}

/*****************************/  
/* LINK COLORS AND TREATMENT */
/*****************************/
a:link {
  color: #3c8dd9;
  text-decoration: none;
  }
a:visited {
  color: #3c8dd9;
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }
div#footer a:link, div#footer a:visited {
  color:white;
  text-decoration:none;
  }
div#footer a:hover {
  text-decoration:underline;
}
div#topMenu ul li a, div#languageMenu ul li a {
  color:#a9a9a9 !important;
  width: 64px;
  height: 64px;
}
div#topMenu ul li a img {
  border: 0 none;
}
div#navigationFirstLevelMenu ul li a {
  color:#fff;
  }
div#navigationFirstLevelMenu ul li a.selected, div#navigationFirstLevelMenu ul li a.active {
  background:#D7DCDD;
  background: url(../images/mainselected.png) repeat;
  color: black;
  }
div#navigationFirstLevelMenu ul li a:hover {
  background: url(../images/mainmenu_sel.png) repeat;
  text-decoration: none;
  height: 15px;
  }
div#breadcrumb a {
  color: #5d5d5d;
  margin:0 4px;
  }
div#breadcrumb span {
  margin:0 4px;
  }
div#navigationSecondLevelMenu ul li a {
  color:#353535;
  font-size: 11px;
  }
div#navigationSecondLevelMenu ul li a:hover {
  color:#3c8dd9;
  text-decoration: none;
  
  }
div#header h1 a {
  color:#fff;
  text-decoration: none;
  }


/******************/
/* FONT TREATMENT */
/******************/
body {
  font: 70%/1.6em Verdana, Geneva, sans-serif;
  color:#515151;
  }
div#mainContent {
  font-size:105%;
  }
/*h1, h2, h3 {
  font-weight:bold;
  margin:0.5em 0 1em 0 ;
  color: #353535;
  }*/
h1 {
  font-weight:bold;
  font-size:16px;
  margin-bottom: 10px;
  }
h2 {
  font-weight:bold;
  font-size:13px;
  margin-bottom: 8px;
  }
h3 {
  font-weight:bold;
  font-size: 12px;
  margin-bottom: 8px;
}
h4 {
  font-size: 11px;
  margin-bottom: 0px;
}
h5 {
  font-size:9px;
  font-weight: bold;
  margin-bottom: 6px;
}
h6 {
  font-size: 9px;
  margin-bottom: 6px;
}
div#header h1 {
  color:#fff;
  font: 400% Georgia, "Times New Roman", Times, serif;
  color: #f2f2f2;
  margin-left:20px;
  position:absolute;
  font-style:italic;
  }
div.secondaryContentSection .csc-header h1, div.secondaryContentSection .csc-header h2, div.secondaryContentSection .csc-header h3 {
  color:#fff;
  background:#494949;
  padding: 6px 10px;
  margin:0 0 1em -11px;
  width:157px;
  font-size: 13px;
  }
.csc-frame-frame1 {
  color:#353535;
  }
p {
  margin-bottom:6px;
  }
blockquote {
  margin:1em 0 1em 2em;
  padding-left:2em;
  border-left:1px solid #ccc;
  }
div#footer {
  background: url(../images/footer.png) repeat-x;
  color: white;
  height: 90px;
  text-align: left;
}

div#navigationSecondLevel h2 {
  margin-left: 12px;
  padding-top:12px;
  }



/*************/
/* SEARCHBOX */
/*************/
div#searchBox input.inputText {
  width:100px;
  }
div#searchBox {
 
  width: 168px;
  height: 21px;
  background: url(../images/bg_searchInput.gif) no-repeat;
  margin-left:8px;
  margin-top: 3px;
  float: left;
  }
div#searchBox input#inputText {
  float: left;
  padding: 1px 0 2px 4px;
  margin: 2px 0 0 20px;
  border: 0;
  width: 110px;
  background: none;
  color:#515151;
  }
div#searchBox input.inputButton {
  float: right;
  margin: 3px 4px 0 0;
  cursor: pointer;
  }
div#searchBox legend {
  display:none;
  }

/********************************/
/* INDEXED_SEARCH - BASIC STYLING */
/********************************/
.tx-indexedsearch .tx-indexedsearch-browsebox li {
  display:inline;
  margin-right:5px;
  }
.tx-indexedsearch-redMarkup {
  font-weight: bold;
  }
.tx-indexedsearch .tx-indexedsearch-title {
  background: #e5e5e5;
  padding: 1px 5px;
  }
div.tx-indexedsearch-res dt, div.tx-indexedsearch-res dt {
  float:left;
  }
dl.tx-indexedsearch-info {
  font-size:80%;
  color: #999;
  text-transform:uppercase;
  line-height:1.4em;
  }
dt.item-crdate, dt.item-mtime, dt.item-path {
  font-weight:bold;
  }
div.tx-indexedsearch-res {
  margin-bottom:2em;
  }
.tx-indexedsearch td {
  padding:2px;
  }
.tx-indexedsearch .tx-indexedsearch-searchbox {
  }
input#tx-indexedsearch-searchbox-sword {
  width:250px;
  }
.tx-indexedsearch select {
  width:156px;
  }
.tx-indexedsearch label {
  display:block;
  margin-top:1em;
  text-transform:uppercase;
  font-size:90%;
  }
.tx-indexedsearch legend {
  display:none;
  }
.tx-indexedsearch-search-submit {
  padding:1em 0;
  }


/***************************/
/* TT_NEWS - BASIC STYLING */
/***************************/
.news-latest-item h3, .news-latest-item p {
  margin-bottom: 0;
  }
.news-list-subheader p {
  display:inline;
  }
.news-list-item {
  padding: .4em 0 1em;
  clear:both;
  }
.news-list-container img {
  float:left;
  margin: 0 10px 10px 0;
  }
.news-single-img {
  float:left;
  margin: 0 10px 10px 0;
  }
.news-list-category {
  font-size: 90%;
  }


/************************/
/* THEME COLOR OVERIDES */
/************************/
.themeColorForeground {
  color:#1B4788;
  }
.themeColorBackground {
  background-color:#1B4788 !important;
  }

div#header {
  background-color:white;
  }
a:link, a:visited {
  color:#1B4788;
  }
div#navigationFirstLevel {
  background: url("../images/mainmenu.png") repeat-x scroll 0 0 transparent;
  height: 36px;
  padding-left: 176px;
  }
div#navigationSecondLevelMenu ul li a:hover {
  color:#1B4788;
  text-decoration: underline;
  }

div.c10l{
    border-right: 1px solid #24497F;
    float: left;
    min-height: 170px;
    padding-left: 10px;
    width: 132px;
}
div.c10l ul li{
  list-style-type: none;
}

div.c10r {
    border-right: none;
    float: left;
    min-height: 170px;
    padding-left: 10px;
    width: 130px;
}
div.c10r ul li{
  list-style-type: none;
}

div#copyright{
  float:left;
  margin-left: 300px;
  margin-top: -10px;
  color: black;
}

div#navigationFirstLevelMenu ul li.accueil a {
    padding: 0;
}
div#navigationFirstLevelMenu ul li.accueil a:hover {
    background: none;
}

div#navigationFirstLevelMenu ul li.accueil {
  width : 34px;
  margin-left: 14px;
  border: 0;
   /*background: url("../images/bordermain.png") no-repeat scroll right bottom transparent;*/
  background: url("../images/bordermain.png") no-repeat scroll right 13px transparent;

}

div#adresse {
  float: left;
  line-height: 11px;
  margin-left: 85px;
  padding-top: 18px;
  width: auto;
  font-size: 9px;
  text-align: left;
}

table.foo {
  width: 100%;
  color: white;
}
table.foo a, table.foo a:hover, table.foo a.selected{
  color: black;
}

table.foo tr td {
  border-left: 1px solid white;
  width: 200px;
}
table.foo tr td.first {
  font-weight: bold;
}
table.foo tr td.left{
  border-left: none;
}
table.foo tr td a{
  margin-left: 70px;
  color: white;
}

div.csc-default img {
  /*max-height: 200px;
  max-width: 600px;*/
}

div#secondaryContent p {
  margin-bottom: 0px;
}

div.csc-textpic-text ul{
  margin-left: 20px;
}

DIV.csc-textpic-center DIV.csc-textpic-text{
  text-align: justify;
}

.survey_item {
  margin-bottom: 15px;
}
.question{
  margin-bottom: 5px;
}
input {
  margin-right: 3px;
}
.bartext {
  display: none;
}