/* moved by compressor */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,600|Roboto+Condensed:400,700');
/* moved by compressor */

@-webkit-keyframes progress{from{}
to{width:100%}
}-
@-moz-keyframes progress{from{}
to{width:100%}
}
@-ms-keyframes progress{to{width:100%}
}
@keyframes progress{from{}
to{width:100%}
}

body {
  padding-top: 62px;
  /*font-family: Helvetica,Arial,sans-serif;*/
  font-size: 16px;
  font-weight: 100;
}

a {
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

a {color:#006400;text-decoration:none}
a:hover,a:focus{color:#be4e03;text-decoration:underline}


h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	font-family:inherit;
	line-height:1.1;
	color:inherit;
	margin-bottom: 20px;
  }

h1,.h1,h2,.h2,h3,.h3{margin-top:0px;margin-bottom:15px}
h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}

h1,.h1{font-size:36px; color:#fff; padding-top: 50px; text-transform: uppercase; }
h2,.h2{font-size:32px; color:#006400; font-weight: 400; text-transform: uppercase; }
h3,.h3{font-size:24px; color:#006400; font-weight: 400; }
h4,.h4{font-size:16px; }
h5,.h5{font-size:16px; }
h6,.h6{font-size:14px; }


h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}

.font-08 {
	font-size: 0.8em;
}

.selectedcrit {
    border: 5px solid #004e89;
	background-color: #004e89;
	color: #fff;
	padding: 0 5;
    cursor:pointer;
    -webkit-border-radius: 2px; border-radius: 2px;
}
	.selectedcrit:hover {
    color: #fff;
}

.float-right {
  float: right !important; }

textarea {
	resize: vertical;
	
}



.h-100 { height:100%!important }


.align-right {
  text-align: right;
}


.header-position-dotted h2 {
  text-align: center;
  border-bottom: 2px dotted rgba(0, 0, 0, 0.4);
  font-weight: 300;
  padding-bottom: 0.6em;
  margin-top: 0.5em;
  margin-bottom: 1.2em;
  font-size: 24px;
}

/*
.embed-responsive iframe.disabled {
  pointer-events: none;
}
*/

#content > .csc-default > div:not(.parallax-container) {
  padding-top: 20px;
  padding-bottom: 20px;
}

.csc-default .bg-white {
  background-color: #006400;
  color: #fff;
}

.csc-default .bg-red {
  background-color: #b52730;
  color: #fff;
}

.csc-default > .csc-default {
  background-color: inherit;
  color: inherit;
}

.csc-default p:last-child {
  margin-bottom: 0px;
  padding-bottom: 10px;
}


#header #fixedheader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
}


#fixedheader .navbar-toggle {
  margin-top: 8px;
}


#fixedheader.affix .navbar-toggle {
  margin-top: 5px;
}


.parallax-container {
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.parallax-container.without-image {
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 991px) {
  .parallax-container {
    background-attachment: scroll;
  }

}


.parallax-container .parallax {
  height: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
}


.parallax-container.without-image .parallax {
  height: auto;
  padding-top: 64px;
}

.parallax .parallax-text {
  padding-bottom: 20px;
  font-family: Helvetica, sans-serif;
  word-wrap: break-word;
  line-height: 1.1;
}


.parallax .parallax-text .parallax-title {
  color:#fff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 2.5em;
  padding-top: 50px;
}

@media (max-width: 991px) {
  .row > .col-md-6 + .col-md-6 {
    margin-top: 0px;
  }

}

.vorstand .name {
  font-size: 14px;
  margin: 5px 0 2px 0;
  line-height: 1.0em;
  text-decoration: none;
}


.vorstand .position {
  font-size: 14px;
  line-height: 1.0em;
}


.vorstand .description {
  /*color: #912674;*/
  font-size: 15px;
}


.vorstand img {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-width: 100%;
}

.fmitglied img {
  max-width: 100%;
}

.navbar {
  border-radius: 0;
}


.navbar-default {
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}

/*
#fixedheader.affix .navbar-default {
  background-color: rgba(255, 255, 255, 0.9);
}
*/

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
  border-color: transparent;
}


.navbar-default .navbar-toggle .icon-bar {
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}


.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #006400;
}


.navbar.navbar-default > div {
  position: relative;
}


.navbar-toggle .icon-bar {
  width: 28px;
}


.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 8px;
}


.navbar-brand {
  padding: 8px 15px;
  height: 60px;
}

/*
#fixedheader.affix .navbar-brand {
  height: 50px;
}
*/

/* Template Neutral */
.navbar-neutral .navbar-right {
  float: left !important;
}


#main-menu {
  height: 60px;
  -webkit-transition: height 300ms;
  -moz-transition: height 300ms;
  -ms-transition: height 300ms;
  -o-transition: height 300ms;
  transition: height 300ms;
}

/*
#fixedheader.affix #main-menu {
  height: 50px;
}
*/

#main-menu > li {
  height: 100%;
  display: flex;
  align-items: center;
}


.navbar-default .navbar-nav > li > a {
  font-weight: 300;
  font-size: 1em;
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #006400;
  background-color: transparent;
  text-decoration: underline;
}


.navbar-brand img {
  width: auto;
  height: 100%;
}

.navbar .active  {
  text-color: red;
}


#cta-adhesion {
  text-align: center;
  background-color: #006400;
  padding-top: 25px;
  padding-bottom: 20px;
}

#cta-adhesion p,
#cta-adhesion a {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

#footer {
  background-color: #006400;
  padding-top: 30px;
  padding-bottom: 30px;
}


#footer,
#footer p,
#footer a {
  color: #fff;
}


#footer .ce-menu a {
  color: inherit;
}


#footer .ce-menu a:hover,
#footer .ce-menu a:focus {
  color: #912674;
  text-decoration: none;
}


#footer .footer-3 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  float: right;
}


#copyright {
  background-color: #fff;
  margin: 20px 0px;
}


#copyright,
#copyright p,
#copyright a {
  color: rgb(184, 176, 169);
}


#copyright .copyright-right {
  float: right;
}


#copyright .copyright-right ul {
  margin-bottom: 0px;
}


#copyright ul li {
  display: inline;
}

/* scroll-up button */

#scroll-to-top {
  position: fixed;
  min-width: 50px;
  min-height: 50px;
  width: 20vw;
  height: 20vw;
  border: 1px red;
  max-width: 50px;
  max-height: 50px;
        bottom: 10%;
		right: 5%;
  opacity: 0.4;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  fill: #dcdcdc;
}


#scroll-to-top.is-visible {
  opacity: 0.4;
}


#scroll-to-top.transition-slow {
  -webkit-transition: all 900ms;
  -o-transition: all 900ms;
  transition: all 900ms;
}


#scroll-to-top:hover {
  opacity: 1;
  cursor: pointer;
  fill: #ddd;
}

/* Cookie notification */

#cookie-notification {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .75);
  color: #fff;
  padding: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
  opacity: 0;
  transform: translateY(100%);
  transition: all .4s;
}


#cookie-notification a {
  color: #fff;
  font-weight: bold;
}


#cookie-notification.active {
  opacity: 1;
  transform: translateY(0%);
}


#cookie-notification .btn {
  float: right;
  margin-bottom: 15px;
  margin-left: 15px;
}


@media (min-width: 768px) {
  #cookie-notification {
    border-radius: 2px;
    width: 750px;
    right: 50%;
    left: 50%;
    margin-left: -375px;
  }


  #cookie-notification.active {
    bottom: 15px;
  }

}


@media (min-width: 992px) {
  #cookie-notification {
    width: 970px;
    margin-left: -485px;
  }

}


@media (min-width: 1200px) {
  #cookie-notification {
    width: 1170px;
    margin-left: -585px;
  }

}


#mm-blocker {
  background-color: rgba(0, 0, 0, .6);
}


/* side buttons */

.clip-buttons {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
}


@media (max-width: 767px) {
  .clip-buttons {
    display: none;
  }
}


.clip-buttons .btn {
  border: 2px solid #fff;
  display: block;
  margin-right: 0;
  margin-left: auto;
  text-transform: uppercase;
  font-size: 1.0em;
}


.btn-block-start {
  margin-top: 0px !important;
  width: 100%;
  border-radius: 8px 0 0 0;
}
.btn-block-middle {
  margin-top: 0px !important;
  width: 100%;
  border-radius: 0;
}
.btn-block-end {
  margin-top: 0px !important;
  width: 100%;
  border-radius: 0 0 0 8px;
}


.btn-secondary {
  background-color: #d6d1cc;
  color: #54504a;
  border-radius: 8px 0 0 8px;
  font-weight: bold;
}


.clip-buttons .btn + .btn {
  margin-top: 6px;
}


.clip-buttons .btn.print {
  border-radius: 8px 0 0 8px;
  margin-bottom: 12px;
}


.clip-buttons .btn.increase {
  border-radius: 8px 0 0;
}


.clip-buttons .btn.decrease {
  border-radius: 0 0 0 8px;
}


.clip-buttons .btn.increase .icon {
  font-size: 1.5em;
}


.clip-buttons .btn.decrease .icon {
  font-size: 1.3em;
}


.secondary-buttons-bar {
  width: 50px;
  height: 50px;
  margin-left: auto;
}

.btn-contact {
  padding: 12px 0px 12px 0px;
  border-radius: 8px 0 0 8px;
  margin-bottom: 20px;
  width: 50px;
  height: 50px;
}

.btn-contact:hover {
  background-color: #fff;
  border-color: #006400;
  cursor: default;
}

.btn-menu {
  padding: 20px 0px 20px 0px;
  border-radius: 8px 0 0 8px;
  margin-top: 50px;
  width: 50px;
  height: 100px;
}

.btn-special {
  display: flex !important;
  flex-flow: row nowrap;
  transition:all .3s ease;
  width: 50%;
  min-width: 210px;
  align-items: center;
  border-radius: 8px 0 0 8px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #912674;
}


.btn-special a {
  color: white
}


.btn-special:focus {
  background-color: #912674;
  border-color: white;
}


.btn-special:hover {
  background-color: #912674;
  border-color: white;
  cursor: default;
}


.btn-special.open {
  width: 100%;
  background: #912674 !important;
  border-color: white !important;
}


.btn-special .out {
  font-size: 2em;
  padding: 0px 0px 5px 0px;
  margin-left: -10px;
  transition:all 0.3s ease;
  cursor: pointer;
}


.btn-special.open .out {
  margin-left: -36px;
}


.btn-special .in {
  margin-right: -35px;
  transition:all 0.1s ease;
  padding: 0px 0px 5px 0px;
  cursor: pointer;
}


.btn-special.open .in {
  margin-right: -5px;
}


.btn-special.open .more {
  visibility: visible;
  color: white;
  text-transform: none;
  text-decoration: none;
  font-weight: bold;
}


.btn-special .more {
  visibility: hidden;
}



.btn-special .text {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: none;
  padding: 20px 0px 6px 0px;
  line-height: 1.1em;
  font-weight: 200;
}


.disable-transitions {
  width: 200px;
}


.mobile-show {
  display: none !important;
}

@media (max-width: 768px) {
  .mobile-show {
    display: block !important;
	text-align:right;
  }

}

#content > div > div:not(.parallax-container) {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #fixedheader .container-fluid {
        position: relative;
        padding-right: 100px;
        padding-left: 100px;
    }


    #content > div > div:not(.parallax-container) {
        width: 750px;
    }

/*
    #content .ce-textpic p {
        width: 85%;
    }
*/

    .parallax .parallax-text .parallax-title {
        font-size: 2.5em;
    }


    #scroll-to-top {
        bottom: 10%;
		right: 5%;
    }


    .row > .col-sm-6:nth-child(2n+1) {
        clear: left;
    }


    #footer .footer-address {
        white-space: nowrap;
    }


    #copyright ul li:not(:first-child)::before {
        content: "|";
    }

}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #content > div > div:not(.parallax-container) {
        width: 970px;
    }


    .row > .col-sm-6.col-md-4 {
        clear: none;
    }


    .row > .col-md-4:nth-child(3n+1) {
        clear: left;
    }


    .row > .col-md-6:nth-child(2n+1) {
        clear: left;
    }


    .vorstand,
	.fmitglied	{
        padding: 10px 0;
    }

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #content > div > div:not(.parallax-container) {
        width: 1170px;
    }


    .parallax .parallax-text {
        bottom: 40px;
    }

}



/*
* Limit CSS to a narrower set of devices.
* ---------------------------------------------------------------- */

@media (max-width: 1400px) {
    #fixedheader .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

}


@media (min-width: 1200px) and (max-width: 1300px) {
    .nav > li > a {
        padding: 10px 20px;
    }

}


@media (max-width: 1199px) {
    .navbar-toggle {
        display: block;
    }


    .navbar-collapse.collapse {
        display: none !important;
    }


    .navbar-header {
        float: none;
    }

}

@media (max-width: 767px) {

    .row > .col + .col {
        margin-top: 65px;
    }


    .parallax-container {
        /* height: 400px; */
        background-attachment: unset;
    }


    #footer .footer-3 {
        float: left;
    }

    #footer .footer-3 .align-right,
    #footer .footer-3 p,
    #footer .footer-3 p.align-right{
        text-align: center !important;
    }

    #footer .footer-address {
        text-align: center;
    }

    #copyright .copyright-right,
    #copyright .copyright-right ~ * {
        float: left;
        margin-right: 15px;
        width: 100%;
    }

    #copyright .copyright-right ul {
        padding: 15px 0;
    }


    #copyright .copyright-right ul li {
        display: block;
    }

}

/* REGARDER ICI AVEC ATTENTION */
@media (max-width: 480px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.0em;
    }


    .parallax .parallax-text .parallax-title {
        font-size: 2.0em;
    }


    #scroll-to-top {
        bottom: 10%;
		right: 5%;
    }

}


@media (max-width: 380px) {
    .navbar-default .navbar-brand {
        width: calc(100vw - 70px);
    }

}