.ma-banniere {
   min-width: 100%;
}
 .mybutton {
cursor: pointer;


/*background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #fafafa, #cccccc);*/
 background-image: -webkit-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -moz-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -ms-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -o-linear-gradient(top, #3e72a5, #1c3b56);
background-image: linear-gradient(to bottom,  #3e72a5, #1c3b56);

-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: sans-serif;
font-weight: bold;
color:white;
font-size: 100%;
padding: 5px 10px 5px 10px;
margin: 5px 5px 5px 5px;
text-decoration: none;

}
.mybutton:hover,input.button:hover, input[type=submit]:hover {

 background-image: -webkit-linear-gradient(top, #1c3b56, #3e72a5 );
background-image: -moz-linear-gradient(top, #1c3b56, #3e72a5 );
background-image: -ms-linear-gradient(top, #1c3b56, #3e72a5 );
background-image: -o-linear-gradient(top, #1c3b56, #3e72a5 );
background-image: linear-gradient(top, #1c3b56, #3e72a5 );

text-decoration: none;
}

.footer,.header
{
	 background-image: -webkit-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -moz-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -ms-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -o-linear-gradient(top, #3e72a5, #1c3b56);
background-image: linear-gradient(to bottom,  #3e72a5, #1c3b56);
}
  
	
.fullwidth   {
	
  margin-left: calc( -50vw + 50% + 10px );
  margin-right: calc( -50vw + 50% + 10px );
  /*margin-left:auto;
  margin-right:auto;*/
  max-width: calc( 100vw - 20px );

  
  padding-top: 10px;
  padding-bottom: 10px;
 /* background-color:#2b547b;*/
 background-image: -webkit-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -moz-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -ms-linear-gradient(top, #3e72a5, #1c3b56);
background-image: -o-linear-gradient(top, #3e72a5, #1c3b56);
background-image: linear-gradient(to bottom,  #3e72a5, #1c3b56);
}

.flex-mycontainer {
  display: flex;
  flex-direction: row;
  
  text-align: center;
}

/*.flex-item-left {
  font-size: 1.2rem;
  padding: 10px;
  flex: auto;
 
 
  overflow-wrap: break-word;
  white-space:pre-wrap;
}
.flex-item-midle {
  font-size: 1.2rem;
  padding: 10px;
  flex: auto;

 
  overflow-wrap: break-word;
  white-space:pre-wrap;
}*/

.flex-item-right,.flex-item-midle, .flex-item-left  {

  padding: 10px;
  flex: auto;
  
  overflow-wrap: break-word;
  white-space:pre-wrap;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 100%) {
  .flex-mycontainer {
    flex-direction: column;
  }
}
.card {
    border:none;
	
/*	 full-start / full-end !important;
  width: 100%;
    
    background-image: -webkit-linear-gradient(top, #1c3b56, #3e72a5 );
background-image: -moz-linear-gradient(top,#3e72a5 , #1c3b56 );
background-image: -ms-linear-gradient(top, #3e72a5 , #1c3b56 );
background-image: -o-linear-gradient(top, #3e72a5 , #1c3b56);
background-image: linear-gradient(top, #3e72a5 , #1c3b56 );

text-decoration: none;
*/
	
}

.container-top-b
{
	
}
div#maximenuck {
    font-size: 1.2rem;
}

.flex-mycontainer {
  display: flex;
  flex-direction: row;
  
  text-align: left;
}

.flex-item-left {
  font-size: 1.2rem;
  padding: 10px;
  flex: auto;
 
  overflow-wrap: break-word;
  white-space:pre-wrap;
}

.flex-item-right {

  padding: 10px;
  flex: auto;
  width:40%;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 100%) {
  .flex-mycontainer {
    flex-direction: column;
  }
}