/**//**//**//**//**//**//**//**//**/
main {
    padding-top: 60px;
}
/**//**//**//**//**//**//**//**//**/
.left {
   float:left;
}

.right {
   right:0;
   float:right;
}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.fa-bars:before{content:"\f0c9"}

.cd-logo {
  float:left;
  padding-bottom:0;
  padding-left:5px;
  padding-right:0px;
  padding-top:5px;
}

.cd-logo-img {
  height:42px;
}

.topnav {
  z-index:1;
  overflow: hidden;
  background-color: #ffffff; /*#333;*/
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
  border-bottom-style: solid;
  border-color: #146c6b;
  border-bottom-width: thin;
   /*position:fixed;
  width: 100%;
  z-index:1000;
  top: 0;*/ /**//**/
  /*padding-left: 160px;*/
position: fixed;
width:100%;
top:0;
}

.topnav a {
  float: left; /**/
  padding: 16px 16px 16px 16px;
  display: block;
  color: #146c6b;/*#f2f2f2;*/
  text-align: center;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: white; /*#ddd;*/
  color: #4c885a;
}


.topnav a.active {
  background-color: white; /*#4CAF50;*/
  color: #4c885a;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 775px) {
  .topnav a:not(:first-child) {display: none;} /*.topnav a {display: none;}*/
  .topnav a.icon {
    float: right;
    display: block;
  }
  /*.topnav.responsive {position: relative;}*/
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .topnav.responsive a img {
    float: none;
    display: none;
  }
  
  .topnav a.icon {
    float: right;
    display: block;
    width: 40px;
    /*margin: 50px auto;*/
    /*border: 4px solid #00bfb6;*/
    padding: 8px 8px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .topnav a.icon span {
	width: 40px;
    display: block;
	height: 3px !important;
    background: #146c6b;
    margin: 7px 0px 7px 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
 /* 
.sticky + .content {
    padding: 32px;
}
*/

.sidebar {
  height: 100%;
  width: 150px;
  position: fixed;
  z-index: 0;
  left: 0;
  background-color: #003366;
  overflow-x: hidden;
  padding-top: 60px;
}

.sidebar a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #ffffff;
  display: block;
  border-bottom:1px solid #ccc!important
}

.sidebar a:hover {
  background-color: #381C5D; /*#ddd;*/
  color: white;
}

.sidebar a.activee {
  background-color: #22034b; /*#4CAF50;*/
  color: white;
}

div.tab {
    display: block;  /*none*/
}

div.tab:target {
    display: block;
}

:target div.tab {
    display: block; /*block*/
}
:target div.tab + div.tab{
    display: none;
}

.footer {
  font-size:10pt;
  float:right;
  padding-right: 42px;
  padding-bottom: 10px;
}

.mainderoulant {
  margin-left: 160px; /* Same as the width of the sidenav */
  padding: 60px 30px;  /* top, left */
  /*text-align:center;*/
}