* {
	margin: 0 ;
	padding: 0 ;
	
}
html {
	font-size: 100% ;
}
body {
	font-family: 'Encode Sans Expanded', sans-serif;
	/* background: #555 ; */
	font-size: 1em ;
	color : black ;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	background: url( ../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.position-fixed {
    width: 100%;
    z-index: 1000;
}
#global {
	padding-top: 76px;
	padding-bottom: 60px;
}
img { 
	border: 0 ;
	vertical-align:middle ;
	max-width: 100% ;
	height: auto ;
}
.imgleft {
	float: left ;
	margin: 0 10px 0 0 ;
}
.drop_focused {
	border: 3px solid green ;
}
.article,
.article_date {
	text-align: justify ;
}
.multi_article_title {
	text-align: center ;
}
.divmultiarticle_3boxed {
	display: flex ;  
    flex-direction: row ;
    justify-content: center ;
    flex-wrap: wrap ;
    place-content: center ;
}
.divarticle_3boxed {
	background: white ;
	overflow: hidden ;
	margin: 10px 10px ;
	border-radius: 20px ;
	color: #147c7c ;
	font-weight: normal ;
	padding: 10px ;
	flex-basis: 22% ;
	flex-grow: 0 ;
	text-align: center ;
}
.divmultiarticle_2boxed {
	display: flex ;  
    flex-direction: row ;
    justify-content: center ;
    flex-wrap: wrap ;
    place-content: center ;
}
.divarticle_2boxed {
	background: white ;
	overflow: hidden ;
	margin: 10px 10px ;
	border-radius: 20px ;
	color: #147c7c ;
	font-weight: normal ;
	padding: 10px ;
	flex-basis: 45% ;
	flex-grow: 0 ;
	text-align: center ;
}
.divarticle_2boxed table {
	width: 100% ;
}
.divarticle_2boxed table tr > td:first-child {
	width: 150px ;
}
.article_date {
    background: #d7d5d6;
    margin: 10px;
    padding: 20px;
    border-radius: 10px;
}

.mod_blog_title {
	text-align: center ;
}
#mod_blog_newpost,
.comment_button  {
	padding: 5px ;
	border-radius: 5px ;
}
.comment_view {
	margin: 0 10px 0 0 ;
}
.mod_blog_post_full {
    background: #d7d5d6;
    margin: 10px;
    padding: 20px;
    border-radius: 10px;
}
.mod_blog_post_full_head {
	border: 0 ;
	margin : 0 ;
}
.mod_blog_tags {
	border : 0 ;
}
.mod_blog_rendertag input[type="submit" i] {
	color: white ;
}
.comment_container {
    background: #eee;
    margin: 10px;
    padding: 20px;
    border-radius: 10px;
}
.comment_header {
    background: #fff;
    margin: 10px;
    padding: 20px;
    border-radius: 10px;
}

#searchform {
	padding: 5px 10px ;
}
.mod_search_input,
.mod_search_submit {
	float: left ;
}
.search_submit {
	padding: 0 5px ;
}
.search_item {
	border: 1px solid #147C7C ;
	border-radius: 10px ;
	padding: 5px ;
	margin: 0 0 10px 0 ;
}
.search_hilight {
	background: yellow ;
}
table.tpadded th,
table.tpadded td {
	text-align:left ;
	padding: 0px 25px 0 0 ;
}
table.tpadded th {
	color: #147c7c ;
}
table.tpadded td {
	font-weight: bold ;
}
.accordionWrapper {
	margin: 0 0 30px 0 ;
}
.article2column {
	column-count: 2 ;
}
.divmultiarticle_flex_3cols {
	display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    place-content: center;
}
.divarticle_flex_3cols {
	flex-basis: calc(33% - 20px);
}
h2 {
	color: #147c7c ;
}
.accordionWrapper .multi_article_title {
	margin: 0 0 20px 0 ;
}
.accordionWrapper .intro {
	cursor: pointer ;
	margin: 0 0 20px 0;
	font-weight: bold ;
}
.accordionWrapper .divarticle {
    margin: 0 0 20px 30px;
    border-bottom: 1px solid black;
}

.portfolio {
	background: #d7d5d6;
    margin: 10px;
    padding: 15px;
    border-radius: 10px;
}
.portfolio_items > div {
	float: left ;
	margin: 0 20px 0 0 ;
}
.portfolio_end {
	clear: both ;
}
.divarticle_date {
	border: 1px solid #147C7C ;
    background: ghostwhite ;
    margin: 0 0 10px 0 ;
    padding: 10px ;
    border-radius: 10px;
}
.dateacturight {
    float: right;
    margin: 7px 7px 0 0;
}
h1.mod_article_title_date {
	font-size: 2em ;
	padding-left : 10px ;
}
#tbl_logos td {
	padding: 0 50px ;
}
.bg-tk-footer {
	background: #fff6 url( ../images/footer.png ) bottom no-repeat ;
}
.bottom-0 {
	bottom: 0 ;
}
.actufooter p {
	margin: 1rem 0 ;
	color: red ;
}
.actufooter .divarticle {
	text-align: center ;
}
.actufooter .divarticle h1 {
	font-size: 1em ;
	padding: 0 ;
}
.actufooter a {
	text-decoration: none ;
	color: red ;
}
.actufooter a:hover {
	text-decoration: underline dotted ;
	color: red ;
}
.actufooter {
	padding: 10px 0 0 0 ;
	border: 2px solid red ;
}
.actufooter1 .multiarticle_2 {
	display: none ;
}
.actufooter2 .multiarticle_1 {
	display: none ;
}
#footer {
	position: relative ;
	bottom: 0 ;
	width: 100% ;
	margin: 10px 0 10px 0 ;
	font-size: .5em ;
	text-align: center ;
}
#footer a,
#footer a:hover,
#footer a:link,
#footer a:visited {
	text-decoration: none ;
	color : white ;
	border-bottom: 1px dotted #aaa ;
}
#footer a:hover {
	border-bottom: 1px solid #aaa ;
}
.footermenu .menu_item_content {
	margin: 0 0 1rem 0 ;
}
.header-logo-section {
	height: 175px;
}
.header-logo-section img {
	max-width: 100%;
	max-height: 100%;
}
.copyright {
	padding: 0 0 10px 0 ;
} 
.mod_users_login,
.mod_users_pwd,
.mod_users_submit,
.mod_users_nick,
.mod_users_logoff {
	float: left ;
	height: 2em ;
}
.mod_users_login,
.mod_users_pwd,
.mod_users_submit,
.mod_users_logoff {
}
.mod_users_login label,
.mod_users_pwd label {
	padding: 0 5px 0 5px ;
}
.mod_users_login input,
.mod_users_pwd input {
	width: 7em ;
}
.mod_users_submit input {
	padding: 0 5px ;
}
.mod_users_remember,
.mod_users_name {
	display: none ;
}
.logoff {
	height: 2em ;
}
.mod_users_logoff input {
	padding: 0 5px ;
	margin: 0 10px 0 0 ;	
}
.mod_users_nick {
	padding: 5px 10px ;
}
.big_center,
.zone4 .mod_users_nick {
	text-align: center ;
	font-size: 2em ;
	font-weight: bold ;
	clear: both ;
	float: none ;
	margin: 0 ;
}
.pulse {
	animation: pulse 10s infinite;
	animation-direction: alternate;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
.grow {
	animation: grow 3s ;
	-webkit-animation-name: grow;
	animation-name: grow;
}
.hgrow { transition: all .2s ease-in-out; }
.hgrow:hover { transform: scale(1.025); }


#pbw_contact_form li {
  margin: 10px 0 0 0;
}
#pbw_contact_form ul {
  list-style: none;
  margin: 0 0 0 0;
}
#pbw_contact_form label {
  font-weight: bold;
}
#pbw_contact_form textarea {
	width: 450px ;
	height: 340px;
	resize: vertical ;
}
#pbw_contact_form input#tkparams_pbw_contact_form_submit {
  background-color: #0554a2 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  border: 1px solid #0554a2 !important;
  padding: 8px 16px !important;
}
#pbw_contact_form input {

  width: 450px ;
  
  display: block;
  /* width: 100%; */
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media (max-width: 767.98px){
	.article2column {
		column-count: 1 ;
	}
	#pbw_contact_form input {
		width: 100%;
	}
   	#pbw_contact_form textarea {
		width: 100%;
   	}
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
    
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
    
@keyframes grow {
  0% {
    transform: scale(.9);
  }
  100% {
    transform: scale(1);
  }
}
 @media all and (max-width: 699px) {
	.header-logo-section{
		height: 100px;
	}	
	.mod_users_login,
	.mod_users_pwd,
	.mod_users_submit,
	.mod_users_nick,
	.mod_users_logoff {
		height: initial ;
	}
	
	#tbl_logos td {
		padding: 0 5px;
	}

	#tbl_logos td>img{
		max-width: 100%;
		height: auto;
    }
    .m_img_block .imgleft {
    	float: none ;
    	display: block ;
    	margin: 0 auto 0 auto ;
    }
    .m_img_block img {
    	max-width: 50% ;
    }
    .divarticle_2boxed,
    .divarticle_3boxed {
    	flex-basis: 100% ;
    }
}