@charset "utf-8";
/* CSS Document */

* {
padding: 0;
margin: 0;
outline: none;
}


body {
padding: 0;
margin: 0;
background: #fff;
box-sizing: border-box;
font-family: 'Montserrat-Regular', sans-serif;
font-size: 18px;
line-height: 22px;

}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("/templates/vaccentis/fonts/Montserrat-Regular.woff") format("woff");
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("/templates/vaccentis/fonts/Montserrat-Medium.woff") format("woff");
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("/templates/vaccentis/fonts/Montserrat-SemiBold.woff") format("woff");
}

ul {
margin-left: 25px;
    margin-top: 5px;

}


.focus {
line-height: 35px !important;

}

strong {
  font-family: "Montserrat-Medium";
}


/********************** HEADER  ***********************/



#header-wrapper {
	position: relative;
    margin: 0 auto 0;
    width: 100%;
    max-width: 1365px;
    height: 100px;
    z-index: 99999;
   
}

#header {
	position: fixed;
    width: 100%;
    max-width: 1365px;
    height: 102px;
    background: rgba(255, 255, 255, 0.9);
}


#sujet {
	position: relative;
    margin: 2px auto 0;
    width: 100%;
    max-width: 1365px;
    height: auto;
    overflow: hidden;
      }



#logo {
	position: absolute;
    left: 140px;
    top: 25px;
    width: 100%;
    max-width: 292px;
    height: auto;
    z-index: 5000;
    
}


@media(max-width:1760px) {
#logo {
left: 25px;

}
}

@media(max-width:700px) {
#logo {
max-width: 240px;
    top: 30px;

}
}

.logopic {
	width: 100%;
    max-width: 292px;
    height: auto;
    
}

#navigation {
	position: absolute;
    right: 140px;
	top: 45px;
	width: 650px;
	height: 50px;
	text-align: right;
    	}

@media(max-width:1760px) {
#navigation {
right: 25px;

}
}

@media(max-width:1000px) {
#navigation {
top: 35px;
    width: 100%;

}
}


/********************** HEADERS  ***********************/


.header-home {
	position: absolute;
    left: 140px;
	top: 204px;
	width: 545px;
	height: 230px;
	text-align: left;
    background: transparent;
    	}


@media(max-width:900px) {
.header-home {
position: relative;
left: auto;
top: auto;
padding: 20px 25px 20px 25px;
width: 100%;
height: auto;
text-align: left;
box-sizing: border-box;
}
}


.header-news {
	position: absolute;
    left: 140px;
	top: 160px;
	width: 545px;
	height: 230px;
	text-align: left;
    background: transparent;
    	}


@media(max-width:900px) {
.header-news {
position: relative;
left: auto;
top: auto;
padding: 20px 25px 20px 25px;
width: 100%;
height: auto;
text-align: left;
box-sizing: border-box;
}
}



.sujet-pic {
	width: 100%;
	height: auto;
	border: 0;
	
	
}


@media(max-width:900px) {
.sujet-pic {
width: 160%;
margin-left: -100px;

}
}





/********************** CONTENT ***********************/

.content {
	position: relative;
    margin: 0 auto 0;
    padding: 60px 140px 60px 140px;
    width: 100%;
    text-align: left;
    max-width: 1365px;
    height: auto;
       background:  #fff;
    box-sizing: border-box;
}

@media(max-width:1500px) {
.content {
padding: 70px 25px 30px 25px;

}
}


@media(max-width:1000px) {
.content {
width: 100%;
padding: 40px 25px 40px 25px;

}
}


/********************** FOOTER***********************/


.footer {
	position: relative;
    margin: 0px auto 0;
    text-align: left;
    width: 100%;
    max-width: 1365px;
	 height: 40px;
    font-family: 'Montserrat-SemiBold', sans-serif;
    color: #312783;
font-size: 15px;
line-height: 20px;
	 padding: 20px 140px 70px 140px;
    border-top: 6px solid #931969;
    box-sizing: border-box;
    
	
}

@media(max-width:900px) {
.footer {
padding: 20px 25px 200px 25px;

}
}


/********************** NEWS GRID ***********************/

.uk-scope .uk-card-default {
     margin: 11px !important;
    padding: 0 !important;
    box-shadow: none !important;
    color: #000 !important;
}

.uk-scope .uk-card-body {
  padding: 5px 10px 10px 10px !important;
}

.uk-scope .uk-link-reset a, .uk-scope a.uk-link-reset {
  color: #b60f70 !important;
  text-decoration: none !important;
}

.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
  margin: 0 !important;
    margin-top: 0px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 400;
  color: #b60f70 !important;
  text-transform: none;
}

.uk-scope .uk-link, .uk-scope a {
  color: #312783 !important;
  text-decoration: none;
  cursor: pointer;
}




.mix-title {
  color: #b60f70 !important;
  text-decoration: none;
}

a:mix-title {
  color: #b60f70 !important;
  text-decoration: none !important;
}


.mix-introtext {
  color: #000 !important;
    font-family: 'Montserrat-Regulat', sans-serif !important;
     font-size: 16px !important;
  line-height: 1.4;
  margin: 0 0 8px;
}


.rga .inner-mix {
  padding: 10px;
  color: #777;
  text-align: left;
  font-size: 14px;
    background: #fff !important;
}


video {
  width: 100%;
  height: auto;
}

/********************** LINKS ***********************/



a:link,a:visited
{
  font-family: 'Montserrat-SemiBold', sans-serif;
    color: #312783;
  text-decoration:underline;
    font-size: 16px;
    
  
}


a:hover,a:active,a:focus
{
  color: #B60F70;
  text-decoration:underline;
   
   
}






/************ HEADLINE ****************/


h1 {
font-family: 'Montserrat-SemiBold', sans-serif;
color: #312783;
font-size: 45px;
line-height: 55px;
text-transform: uppercase;


}


@media(max-width:900px) {
h1 {
font-size: 27px;
line-height: 33px;
}
}

h2 {
font-family: 'Montserrat-SemiBold', sans-serif;
color: #312783;
font-size: 18px;
line-height: 22px;
margin-top: 15px;


}


@media(max-width:900px) {
h2 {
font-size: 16px;
line-height: 20px;
}
}

h3 {
font-family: 'Montserrat-Regular', sans-serif;
color: #000000;
font-size: 18px;
line-height: 22px;
margin-top: 15px;


}

@media(max-width:900px) {
h3 {
font-size: 16px;
line-height: 20px;
}
}

.headline-team {
    font-family: 'Montserrat-SemiBold', sans-serif !important;
  font-size: 16px;
  line-height: 20px;
    color: #b60f70;
    text-transform: uppercase;
}

.text-team {
    font-family: 'Montserrat-Regular', sans-serif;
  font-size: 16px;
  line-height: 20px;
    color: #000;
}


.pic {
  width: 100%;
    height: auto;
}

.violett {
 color:#B81B60
}