/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1081px) {

.hidemobile5,
.tck-hide-desktop {
	display: none !important;
}

[class*="tck-cols"].tck-stack-5,
[class*="tck-cols"].tck-stack-desktop {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-5 > *,
[class*="tck-cols"].tck-stack-desktop > * {
	width: auto !important;
}


@media screen 
  and (max-width: 1281px)
  and (min-width: 1081px)
{
.header-txt {
  font-size: 60px !important;
  line-height: 70px !important;}

#block1 {
  min-height: 600px;
  margin-top:0%;}

#header > .inner {
  margin-right: 2% ;
  margin-left: 2% ;
  line-height: 36px !important;
  font-size: 30px !important;}

.header-txt-sub {
  margin-top: 5% !important;
  width: 100% !important;}

h1, div.componentheading {
  line-height: 46px !important;
  font-size: 40px !important;}

.headline-sub {
  font-size: 30px !important;
  line-height: 36px !important;}

#position-4 h2, #position-7 h2, #position-8 h3, #position-11 h3{
  line-height: 46px !important;
  font-size: 40px !important;}

#position-14 > .inner {
  width: 80%;}

#position-14 .tck-module-title {
  margin-bottom: 2% !important;}

button.btn {
  margin-top: 3% !important;}

#position-15 > .inner {
  width: 80%;}




}

}

@media screen and (min-width: 951px) and (max-width: 1080px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile4,
.tck-hide-tablet-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-4,
[class*="tck-cols"].tck-stack-tablet-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-4 > *,
[class*="tck-cols"].tck-stack-tablet-l > * {
	width: auto !important;
}



.header-txt {
  font-size: 50px !important;
  line-height: 60px !important;}

#block1 {
  min-height: 600px;
  margin-top:0%;}

#header > .inner {
  margin-right: 2% ;
  margin-left: 2% ;
  line-height: 36px !important;
  font-size: 30px !important;}

.header-txt-sub {
  margin-top: 5% !important;
  width: 100% !important;}


h1, div.componentheading {
  line-height: 46px !important;
  font-size: 40px !important;}

.headline-sub {
  font-size: 30px !important;
  line-height: 36px !important;}

#position-4 h2, #position-7 h2, #position-8 h3, #position-11 h3{
  line-height: 46px !important;
  font-size: 40px !important;}

#position-6 > .inner {
width: 90%;}

#position-7 > .inner {
  width: 80%;}

#position-14 > .inner {
  width: 80%;}

#position-14 .tck-module-title {
  margin-bottom: 2% !important;}

button.btn {
  margin-top: 3% !important;}

#position-15 > .inner {
  width: 80%;}


}

@media screen and (min-width: 759px) and (max-width: 950px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile3,
.tck-hide-tablet-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-3,
[class*="tck-cols"].tck-stack-tablet-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-3 > *,
[class*="tck-cols"].tck-stack-tablet-p > * {
	width: auto !important;
}



#row7 > .inner {
	flex-direction: column;
}
#row7 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.header-txt {
  font-size: 40px !important;
  line-height: 60px !important;}

#block1 {
  min-height: 500px;
  margin-top:0%;}

#header > .inner {
  margin-right: 2% ;
  margin-left: 2% ;
  line-height: 36px !important;
  font-size: 30px !important;}

.header-txt-sub {
  margin-top: 5% !important;
  width: 100% !important;}

h1, div.componentheading {
  line-height: 40px !important;
  font-size: 36px !important;}

.headline-sub {
  font-size: 28px !important;
  line-height: 32px !important;}

#wrapper4column1 {
  width: calc(40 / 100 * (100% - 0px - (1 * 0px)));}

#wrapper4column2 {
  width: calc(60 / 100 * (100% - 0px - (1 * 0px)));}

#position-4 h2, #position-7 h2, #position-8 h3, #position-11 h3{
  line-height: 40px !important;
  font-size: 36px !important;}

#wrapper5 {
  background: #17403c url('../images/blume.svg') right -190px bottom no-repeat scroll;}

#row4column1 {
  width: calc(70 / 100 * (100% - 0px - (1 * 0px)));}

#row4column2 {
  width: calc(30 / 100 * (100% - 0px - (1 * 0px)));}

#position-6 > .inner {
  line-height: 33px;
  font-size: 28px;
  width: 90%;}

#position-7 > .inner {
  width: 95% !important;}

#row5column1 {
  width: calc(0 / 100 * (100% - 0px - (3 * 30px)));}

#row5column2 {
  width: calc(45 / 100 * (100% - 0px - (3 * 30px)));}

#row5column3 {
  width: calc(45 / 100 * (100% - 0px - (3 * 30px)));}

#row5column4 {
  width: calc(0 / 100 * (100% - 0px - (3 * 30px)));}

#row6column1 {
  width: calc(40 / 100 * (100% - 0px - (1 * 0px)));}

#row6column2 {
  width: calc(60 / 100 * (100% - 0px - (1 * 0px)));}

#position-14 .tck-module-title {
  line-height: 45px !important;}

#position-14 > .inner {
  width: 90%;}

#position-15 > .inner {
  width: 90%;}

#row7 {
  margin-left: 4%;
  margin-right: 4%;}

}

@media screen and (min-width: 525px) and (max-width: 758px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile2,
.tck-hide-phone-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-2,
[class*="tck-cols"].tck-stack-phone-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-2 > *,
[class*="tck-cols"].tck-stack-phone-l > * {
	width: auto !important;
}



#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column1 > .inner {
	flex-direction: column;
}
#row1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column2 > .inner {
	flex-direction: column;
}
#row1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#menu {
	height: auto !important;
}
#menu ul {
	height: auto !important;
}
#menu li {
	float :none !important;
	width: 100% !important;
}
#menu div.floatck, #menu li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#menu div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column1 > .inner {
	flex-direction: column;
}
#row2column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#header {
	height: auto !important;
}
#header .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column2 > .inner {
	flex-direction: column;
}
#row2column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block1 {
	height: auto !important;
}
#block1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-1 {
	height: auto !important;
}
#position-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3 > .inner {
	flex-direction: column;
}
#row3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper4column1 > .inner {
	flex-direction: column;
}
#wrapper4column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper4column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-2 {
	height: auto !important;
}
#position-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4column2 > .inner {
	flex-direction: column;
}
#wrapper4column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper4column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-3 {
	height: auto !important;
}
#position-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-4 {
	height: auto !important;
}
#position-4 .logobloc {
	float :none !important;
	width: auto !important;
}
#row4 > .inner {
	flex-direction: column;
}
#row4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row4column1 > .inner {
	flex-direction: column;
}
#row4column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-5 {
	height: auto !important;
}
#position-5 .logobloc {
	float :none !important;
	width: auto !important;
}
#row4column2 > .inner {
	flex-direction: column;
}
#row4column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-6 {
	height: auto !important;
}
#position-6 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-7 {
	height: auto !important;
}
#position-7 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-8 {
	height: auto !important;
}
#position-8 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5 > .inner {
	flex-direction: column;
}
#row5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row5column1 > .inner {
	flex-direction: column;
}
#row5column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row5column2 > .inner {
	flex-direction: column;
}
#row5column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-9 {
	height: auto !important;
}
#position-9 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5column3 > .inner {
	flex-direction: column;
}
#row5column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-10 {
	height: auto !important;
}
#position-10 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5column4 > .inner {
	flex-direction: column;
}
#row5column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-11 {
	height: auto !important;
}
#position-11 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	height: auto !important;
}
#wrapper10 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6 > .inner {
	flex-direction: column;
}
#row6 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row6column1 > .inner {
	flex-direction: column;
}
#row6column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-12 {
	height: auto !important;
}
#position-12 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column2 > .inner {
	flex-direction: column;
}
#row6column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-13 {
	height: auto !important;
}
#position-13 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-14 {
	height: auto !important;
}
#position-14 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#custom1 {
	height: auto !important;
}
#custom1 .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#custom2 {
	height: auto !important;
}
#custom2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom3 {
	height: auto !important;
}
#custom3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row7 > .inner {
	flex-direction: column;
}
#row7 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row7column1 > .inner {
	flex-direction: column;
}
#row7column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-15 {
	height: auto !important;
}
#position-15 .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column2 > .inner {
	flex-direction: column;
}
#row7column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-16 {
	height: auto !important;
}
#position-16 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper13 {
	height: auto !important;
}
#wrapper13 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8 > .inner {
	flex-direction: column;
}
#row8 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row8column1 > .inner {
	flex-direction: column;
}
#row8column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-17 {
	height: auto !important;
}
#position-17 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8column2 > .inner {
	flex-direction: column;
}
#row8column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-18 {
	height: auto !important;
}
#position-18 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8column3 > .inner {
	flex-direction: column;
}
#row8column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-19 {
	height: auto !important;
}
#position-19 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8column4 > .inner {
	flex-direction: column;
}
#row8column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-20 {
	height: auto !important;
}
#position-20 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper13a {
	height: auto !important;
}
#wrapper13a .logobloc {
	float :none !important;
	width: auto !important;
}
#link {
	height: auto !important;
}
#link .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper14 {
	height: auto !important;
}
#wrapper14 .logobloc {
	float :none !important;
	width: auto !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
row1column1 {
  width: calc(20 / 100 * (100% - 0px - (1 * 0px)));}

.header-txt {
  font-size: 40px !important;
  line-height: 60px !important;}

#block1 {
  min-height: 370px;}

#header > .inner {
  margin-right: 2% ;
  margin-left: 2% ;
  line-height: 36px !important;
  font-size: 30px !important;}

.header-txt-sub {
  margin-top: 5% !important;
  width: 100% !important;}

h1, div.componentheading {
  line-height: 40px !important;
  font-size: 36px !important;}

.headline-sub {
  font-size: 28px !important;
  line-height: 32px !important;}

#wrapper4 {
  background: none;}

#wrapper4column2::after, #row6column2::after {
  width: 50% !important;
  min-height: 102% !important;}

#position-2 img {width:60% !important;}

#position-3 > .inner {
  padding: 5% !important;
  margin-top: 5%;}

#wrapper4 {
  background: none;}

#position-4 h2, #position-7 h2, #position-8 h3, #position-11 h3{
  line-height: 40px !important;
  font-size: 36px !important;}

#wrapper5 {
  padding-top: 15%;
  padding-bottom: 15%;
  background-size: 500px;}

.splitt-headline {
  font-size: 50px !important;
  margin-left: 15% !important;}

#position-6 > .inner {
  line-height: 33px;
  font-size: 28px;
  width: 90%;}

#position-7 > .inner {
  width: 95% !important;}

#position-12 img {width:60% !important;}

#position-13 > .inner {
  margin-top: 10%;
  padding: 5%;}

#position-14 > .inner {
  width: 90% !important;}

#position-15 > .inner {
  width: 90%;}

#row7 {
  margin-left: 4%;
  margin-right: 4%;}

.teaser {
  width: 95% !important;
  hyphens: auto;}

#maincontent > .inner {
  padding-top: 8% !important;
  padding-bottom: 8% !important;}






body {
 font-size: 70%;
 line-height: 160%;}

}

@media screen and (max-width: 524px) {

img {
	max-width: 100%;
	height: auto;
}


.hidemobile1,
.tck-hide-phone-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-1,
[class*="tck-cols"].tck-stack-phone-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-1 > *,
[class*="tck-cols"].tck-stack-phone-p > * {
	width: auto !important;
}


#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column1 > .inner {
	flex-direction: column;
}
#row1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column2 > .inner {
	flex-direction: column;
}
#row1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#menu {
	height: auto !important;
}
#menu ul {
	height: auto !important;
}
#menu li {
	float :none !important;
	width: 100% !important;
}
#menu div.floatck, #menu li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#menu div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row2 > .inner {
	flex-direction: column;
}
#row2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row2column1 > .inner {
	flex-direction: column;
}
#row2column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#header {
	height: auto !important;
}
#header .logobloc {
	float :none !important;
	width: auto !important;
}
#row2column2 > .inner {
	flex-direction: column;
}
#row2column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block1 {
	height: auto !important;
}
#block1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-1 {
	height: auto !important;
}
#position-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3 > .inner {
	flex-direction: column;
}
#row3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper4column1 > .inner {
	flex-direction: column;
}
#wrapper4column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper4column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-2 {
	height: auto !important;
}
#position-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4column2 > .inner {
	flex-direction: column;
}
#wrapper4column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper4column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-3 {
	height: auto !important;
}
#position-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-4 {
	height: auto !important;
}
#position-4 .logobloc {
	float :none !important;
	width: auto !important;
}
#row4 > .inner {
	flex-direction: column;
}
#row4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row4column1 > .inner {
	flex-direction: column;
}
#row4column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-5 {
	height: auto !important;
}
#position-5 .logobloc {
	float :none !important;
	width: auto !important;
}
#row4column2 > .inner {
	flex-direction: column;
}
#row4column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-6 {
	height: auto !important;
}
#position-6 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-7 {
	height: auto !important;
}
#position-7 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-8 {
	height: auto !important;
}
#position-8 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5 > .inner {
	flex-direction: column;
}
#row5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row5column1 > .inner {
	flex-direction: column;
}
#row5column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row5column2 > .inner {
	flex-direction: column;
}
#row5column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-9 {
	height: auto !important;
}
#position-9 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5column3 > .inner {
	flex-direction: column;
}
#row5column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-10 {
	height: auto !important;
}
#position-10 .logobloc {
	float :none !important;
	width: auto !important;
}
#row5column4 > .inner {
	flex-direction: column;
}
#row5column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-11 {
	height: auto !important;
}
#position-11 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	height: auto !important;
}
#wrapper10 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6 > .inner {
	flex-direction: column;
}
#row6 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row6column1 > .inner {
	flex-direction: column;
}
#row6column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-12 {
	height: auto !important;
}
#position-12 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column2 > .inner {
	flex-direction: column;
}
#row6column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-13 {
	height: auto !important;
}
#position-13 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#position-14 {
	height: auto !important;
}
#position-14 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#custom1 {
	height: auto !important;
}
#custom1 .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#custom2 {
	height: auto !important;
}
#custom2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom3 {
	height: auto !important;
}
#custom3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row7 > .inner {
	flex-direction: column;
}
#row7 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row7column1 > .inner {
	flex-direction: column;
}
#row7column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-15 {
	height: auto !important;
}
#position-15 .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column2 > .inner {
	flex-direction: column;
}
#row7column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-16 {
	height: auto !important;
}
#position-16 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper13 {
	height: auto !important;
}
#wrapper13 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8 > .inner {
	flex-direction: column;
}
#row8 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row8column1 > .inner {
	flex-direction: column;
}
#row8column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-17 {
	height: auto !important;
}
#position-17 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8column2 > .inner {
	flex-direction: column;
}
#row8column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-18 {
	height: auto !important;
}
#position-18 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8column3 > .inner {
	flex-direction: column;
}
#row8column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-19 {
	height: auto !important;
}
#position-19 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8column4 > .inner {
	flex-direction: column;
}
#row8column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#position-20 {
	height: auto !important;
}
#position-20 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper13a {
	height: auto !important;
}
#wrapper13a .logobloc {
	float :none !important;
	width: auto !important;
}
#link {
	height: auto !important;
}
#link .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper14 {
	height: auto !important;
}
#wrapper14 .logobloc {
	float :none !important;
	width: auto !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column1 {
  width: calc(40 / 100 * (100% - 0px - (1 * 0px)));}

#row1column2 {
  width: calc(20 / 100 * (100% - 0px - (1 * 0px)));}

#wrapper2 {
    padding-top: 15%;}

.header-txt {
  font-size: 40px !important;
  line-height: 60px !important;}

#block1 {
  min-height: 350px;
  margin-top:10%;
  margin-right: 4%;}

#header > .inner {
  margin-right: 2% ;
  margin-left: 2% ;
  line-height: 36px !important;
  font-size: 30px !important;}

.header-txt-sub {
  margin-top: 5% !important;
  width: 100% !important;}

#wrapper3 {
  margin-top: 15%;}

h1, div.componentheading {
  line-height: 40px !important;
  font-size: 36px !important;}

.headline-sub {
  font-size: 28px !important;
  line-height: 32px !important;}

#wrapper4 {
  background: none;
  margin-top: 20%;
  margin-bottom: 20%;}

#wrapper4column2::after, #row6column2::after {
  width: 50% !important;
  min-height: 102% !important;}

#position-3 > .inner {
  margin-top: 18% !important;
  padding: 5% !important;}

#position-4 h2, #position-7 h2, #position-8 h3, #position-11 h3{
  line-height: 40px !important;
  font-size: 36px !important;}

#wrapper5 {
  padding-top: 15%;
  padding-bottom: 15%;}

.splitt-headline {
  font-size: 40px !important;
  margin-left: 15% !important;}

#wrapper6{
  margin-top: 20%;
  margin-bottom: 20%;}

#position-6 > .inner {
  line-height: 33px;
  font-size: 28px;
  width: 90%;}

#wrapper7 {
  padding-top: 20%;
  padding-bottom: 20%;}

#position-7 > .inner {
  width: 95% !important;}

#wrapper8 {
  padding-top: 20%;
  padding-bottom: 20%;}

#wrapper9 {
  margin-top: 20%;}

#wrapper10{
 background:none;}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=custom][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading] {
 font-size: 100% !important;}

#position-11 {
    margin-bottom: 15%;}

#position-13 > .inner {
  padding: 5%;}

#position-14 .tck-module h3 {
  line-height: 40px;
  font-size: 36px;}

#wrapper11 {
  padding-top: 20%;
  padding-bottom: 20%;}

#position-14 > .inner {
  width: 90%;}

#wrapper12 {
  margin-top: 20%;
  margin-bottom: 20%;}

#position-15 > .inner {
  width: 90%;}

#row7 {
  margin-left: 4%;
  margin-right: 4%;}

#wrapper13 {
  padding-top: 10%;
  padding-bottom: 10%;}

.teaser {
  width: 95% !important;
  hyphens: auto;}

#maincontent > .inner {
  padding-top: 8% !important;
  padding-bottom: 8% !important;}



}