@font-face {
	font-family: LemonadeBold;
	src: url('polices/lemonadeicgbold-webfont.woff2') format('woff2'),
         url('polices/lemonadeicgbold-webfont.woff') format('woff');
}
body { background-color: #74b665; color: #000; font-size: 16px}
.wrap { background-color: #74b665; }

.page{ background-color: #74b665; }

.page-header { border-bottom: none; padding-bottom: 0px !important; margin: 40px 0 20px }
.logo-header { margin-left: 10px;  max-width: 100% }
.logo-header .spip_logos { float: right; margin-right: 0; max-width: 100%  }

.item .spip_logos { float: none; margin-right: 0; margin-left: 0px; margin-bottom: 10px }
@media(min-width: 500px) {
	.item .spip_logo { float: right; margin-right: 0; margin-left: 10px; margin-bottom: 10px }
}
.page_sommaire body { padding-top: 30px; background-color: #74b665;  }
.page_sommaire .adresse { text-align: center; margin-top: 20px }
.page_sommaire footer { text-align: center }
.logo-start { text-align: center; }
#sd {margin-top: 50px }
.jumbotron { background-color: #74b665; text-align: center  }
.jumbotron h1 { font-family: LemonadeBold, serif; font-weight:bold; color:#c92105; font-size: 36px}
.jumbotron p { font-family: LemonadeBold, serif; font-weight:bold; color:#000; font-size: 24px}
.page_sommaire  #content { font-size: 18px }
.clear { clear: both }

.bs-sidenav { border-radius: 5px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 30px }
.bs-sidenav, .navbar-default { background-color: #509b3e;  box-shadow: none; background-image: none; border: 1px solid #40902d; text-shadow: none }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-image: none; background-color: #74b665; color: #000;  } 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #000 }
.navbar-default .navbar-nav > li > a, .bs-sidebar .nav > li > a { color: #333; text-shadow: none }
.nav > li > a:hover, .nav > li > a:focus { background-color: #74b665; }
#kontakt { margin-top: 50px; font-size: 14px  }
#kontakt h3 { font-size: 16px }

.breadcrumb { background: none; padding: 0 }
.breadcrumb > .active, .text-muted { color: #666 }

.spip_logos { margin-right: 6px }
.chapo { font-weight: normal; color: inherit }
p  { margin-bottom: 10px }
.input-group  { max-width: 300px }
.documents_portfolio { margin-top: 20px; clear: both }
.documents_portfolio .list-inline > li { padding-left: 0 }

h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 10px}
h3.spip { margin-top: 20px }
h1, .h1 { font-size: 24px; font-weight: bold; margin-top: 20px }
h2, .h2 { font-size: 20px; font-weight: bold }
h3, .h3 { font-size: 20px; font-weight: bold }
footer { background-color: transparent; text-align: center; padding: 0 30px 30px 30px}
#pied ul { margin-bottom: 10px }
.bs-sidebar .nav > li > a { padding: 5px 20px; }
a, a:hover, a:focus { color: #2A2F96 }
a:hover, a:focus, a:active { background: none }
a.spip_in, a.spip_out { color: #2A2F96 }
a.spip_out { background-image: url(img/out.gif); padding-left: 15px; background-repeat: no-repeat; background-position: center left }
.logos a.spip_out { padding-left: 0; background: none }
.permalink { display: none }

.logoleiste img { margin-bottom: 5px }
.item { overflow: auto }

.termine { clear: both;   }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-color: #256217 }
.termine td { border-bottom: 1px solid #256217 }
.tooltip-inner { font-size: 0.9em }

@media(min-width: 768px) {
body {padding-top: 0px; background-color: #256217 }
.logo-start {  min-height: 200px }
#sd {margin-top: 0 }
.jumbotron h1 { font-size: 63px}
.jumbotron p { font-size: 48px }
.wrap {padding-top: 20px }
.container {padding-left: 0; padding-right: 0 }
.page {padding-left: 15px; padding-right: 15px }
.page-1 {  background-image: url(img/hg-1.png); background-repeat: no-repeat; }
.page-2 { background-color: #74b665; background-image: url(img/hg-2.png); background-repeat: no-repeat;  }
.nav-top { font-size: 14px }
.nav-top a { }
.bs-sidenav { margin-top: 50px }
.header_logo { }
.header_schrift { text-align: center; }
.header_schrift h1 {font-family: LemonadeBold, serif; font-weight:bold; font-size: 60px; color:#c92105 }
footer {  text-align: right }
}

@media(max-width: 767px) {
table.table, .table thead, .table tbody,.table th, .table td, .table tr {display: block;}
.table > tbody > tr > td { border: none; padding: 2px }
tr { border-top: 1px solid #ddd; padding: 4px 0 }
body { padding-top: 70px }
}
@media(max-width: 550px) {
.logo-header { margin-left: 10px;  width: 100% }
}
