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

@media screen and (min-width: 1500px) {
	.brandbox {
		height:700px;
	}
}       

body {
	font-family: 'Centrale Sans', Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	background:#FFFFFF;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

img {
	display:block;	
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/***/

.container {
	width:1000px;
	overflow:hidden;
	margin:0 auto;	
}

#header {
	background:#e50202;
	padding:25px 0;
}

	#header img.logo {
		float:left;
	}

	#header ul {
		list-style-type:none;
		float:right;
		width:calc(100% - 126px);
		padding:46px 0 0 45px;
		margin:0;
	}
	
		#header ul li {
			float:left;
			margin:0 20px 0 0;
		}

	#header ul li a {
		font-weight: 700;
		color:#FFFFFF;
		font-size:14px;
		text-transform:uppercase;
		text-decoration:none;
		transition:all 250ms;
		-webkit-transition:all 250ms;
	}
	
		#header ul li a:hover {
			color:#0d062e;
		}
	
	#header a.menu-responsive {
		float:right;
		display:none;
	}
	
		#header a.menu-responsive img {
			width:50px;
		}
			
.brandbox {
	position:relative;
	overflow:hidden;
	background:#000000;
}

.brandbox-tools {
	position:absolute;
	top:0;
	left:calc(50% - 500px);
	z-index:1000;
}

.brandbox .slider .content {
		position:absolute;
		width:100%;
		z-index:10;
	}
	
	.brandbox .homepage-partners {
		width:70%;
		float:left;
		padding:23px 0 0 0;
	}

	.brandbox .homepage-partners .slide {
		float:left;
		width:200px;
		margin:0 1% 0 0;
	}
	
	.brandbox .homepage-partners .slide a {
		width:100%;
		height:50px;
		border:1px solid #e2e1e3;
		display:block;
		text-align:center;
		padding:10px 0 0 0;
		color:#FFFFFF;
		transition:all 250ms;
		-webkit-transition:all 250ms;
	}
	
		.brandbox .homepage-partners .slide a:hover {
			background:rgba(255, 255, 255, 0.4);
		}
	
		.brandbox .homepage-partners .slide a img {
			width:auto;
			height:auto;	
			display:block;
			margin:0 auto;
		}
		
	.brandbox .homepage-newsletter {
		width:30%;
		background:rgba(255, 255, 255, 0.3);
		padding:20px 25px;
		float:right;
	}
	
		.brandbox .homepage-newsletter h2 {
			
			font-size:15px;
			color:#FFFFFF;
			padding:0;
			margin:0 0 8px 0;
		}
		
		.brandbox .homepage-newsletter input[type="text"] {
			border:1px solid #e2e1e3;
			background:none;
			padding:12px;
			
			font-size:12px;
			color:#FFFFFF;
			width:80%;
			float:left;
		}
		
		.brandbox .homepage-newsletter input[type="submit"] {
			
			font-weight:bold;
			font-size:14px;
			color:#000000;
			float:right;
			width:20%;
			height:41px;
			background:#e2e1e3;
			border:none;
			text-align:center;
			transition:all 250ms;
			-webkit-transition:all 250ms;
			cursor:pointer;
		}
		
			.brandbox .homepage-newsletter input[type="submit"]:hover {
				color:#FFFFFF;
				background:#e50202;	
			}

.brandbox .slider {
	position:relative;
}

	.brandbox .slider img {
		width:100%;
		height:auto;
		position:relative;
		z-index:1;
	}
	
.brandbox h3 {
	font-weight:400;
	font-size:37px;
	padding:150px 0 0 0;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF;
	clear:both;
	margin: 0 0 35px 0;
	text-shadow:0 0 15px #000000;
}

.brandbox h4 {
	font-weight:400;
	font-size:23px;
	color:#ffffff;
	text-align:center;
	text-shadow:0 0 15px #000000;
}
		
.slick-prev {
	background:url(../images2016/arrow-left.png) no-repeat;
	background-size:contain;
    display: block;
    height: 55px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    z-index: 10000;
	text-indent:-100000px;
	padding: 0;
	border: none;
	cursor:pointer;
}

.slick-next {
	background:url(../images2016/arrow-right.png) no-repeat;
	background-size:contain;
    display: block;
    height: 55px;
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    z-index: 10000;	
	text-indent:-100000px;
	padding: 0;
	border: none;
	cursor:pointer;
}

.brandbox .brandbox-cta {
	border:1px solid #FFFFFF;
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:15px 0;
	display:block;
	text-decoration:none;
	width:185px;
	margin:0 auto;
	text-align:center;
	
}

.bx-pager-link {
	display:none;	
}

.news {
	position:relative;
	z-index:200;
	margin-top:-100px;
}

	.news .box {
		width:320px;
		float:left;
		text-align:center;
		padding:0 0 30px 0;
		margin:0 20px 0 0;
	}
	
	.news .box.last {
		margin:0;
	}
	
		.news .box img {
			margin:0 0 30px 0;
		}
		
		.news .box h5 {
			color:#0d062e;
			font-size:18px;
			padding:0;
			margin:0 0 15px 0;
		}
		
		.news .box a.link, ul li a {
			color:#df0101;
			text-transform:uppercase;
			font-size:13px;
		}
		
.homepage-content {
	clear:both;
	padding:15px 0 0 0;
}

.colunmleft {
	width:650px;
	float:left;
	overflow:hidden;
	padding:0 0 60px 0;
}

	.colunmleft h2 {
		font-size:45px;
		color:#0d062e;
		padding:0;
		margin:0 0 30px 0;
		text-transform:uppercase;
	}
	
	.colunmleft ul.infos {
		padding:0;
		margin:0 0 50px 0;
		list-style-type:none;
		overflow:hidden;
	}
	
		.colunmleft ul.infos li {
			clear:both;
			margin:0 0 14px 0;
			overflow:hidden;
		}
		
			.colunmleft ul.infos li strong {
				color:#00191b;
				font-size:17px;
				float:left;
				width:240px;
			}
			
			.colunmleft ul.infos li a {
				color:#e50202;
				font-weight:bold;
				font-size:14px;
				text-transform:uppercase;
				float:left;
				width:380px;
				text-decoration:none;
			}
			
			
				.colunmleft ul.infos li a:hover {
					text-decoration:underline;
				}
			
				.colunmleft ul.infos li a sup {
					font-size:8px;
				}
	
	.colunmleft h3 {
		font-size:30px;
		color:#0d062e;
		padding:0;
		margin:0 0 30px 0;
		text-transform:uppercase;
	}
	
		.colunmleft ul.archives {
			padding:0;
			margin:0 0 22px 0;
			list-style-type:none;
			overflow:hidden;
			width:530px;
		}
		
			.colunmleft ul.archives li {
				clear:both;
				overflow:hidden;
				padding:8px 0;
				border-bottom:1px solid #e6e6e6;
			}
			
				.colunmleft ul.archives li strong {
					background:#e50202;
					padding:8px;
					width:80px;
					text-align:center;
					float:left;
					font-size:15px;
					color:#FFFFFF;
					margin:0 30px 0 0;
				}
				
				.colunmleft ul.archives li a {
					font-size:15px;
					color:#00191b;
					text-decoration:none;
					padding:8px 0 0 0;
					display:inline-block;
				}
				
					.colunmleft ul.archives li a:hover {
						text-decoration:underline;
					}
				
	.colunmleft a.more-archives {
		background:url(../images/arrow-bottom.png) no-repeat 0 2px;
		padding:0 0 0 25px;
		font-size:14px;
		color:#00191b;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
	}
	
		.colunmleft a.more-archives:hover {
			color:#e50202;
		}
		
.colunmright {
	width:350px;
	float:right;
	overflow:hidden;
	padding:0 0 60px 0;
}

	.colunmright a.social {
		clear:both;
		display:block;
		overflow:hidden;
		margin:0 0 40px 0;
	}
		
		.colunmright a.social div {
			float:left;
			width:110px;
		}
		
		.colunmright a.social div img {
			border:none;
		}
		
		.colunmright a.social span {
			float:left;
			font-size:29px;
			font-weight:bold;
			padding:0 0 0 22px;
			border-left:1px solid;
		}
		
	.colunmright a.social.member span {
		border-color:#0d062e;
		color:#0d062e;
	}
	
	.colunmright a.social.like span {
		border-color:#0062ba;
		color:#0062ba;
	}
	
	.colunmright a.social.twitter span {
		border-color:#1cb7eb;
		color:#1cb7eb;
	}
	
	.colunmright a.social.youtube span {
		border-color:#e02f2f;
		color:#e02f2f;
	}

/***/

#logos {
	clear:both;
	background:#e50202;
	padding:25px 0 0 0;
}

	#logos ul {
		padding:0;
		margin:0;
		list-style-type:none;
		text-align:center;
	}
	
		#logos ul li {
			margin:0 25px 25px 0;
			display:inline-block;
		}
		
/***/

#contact {
	padding:50px 0;
	background:#edecec;
}
	
#contact .container {
	overflow:visible;	
}
	
	#contact .infos {
		float:left;
	}
	
	#contact .infos h1 {
		font-size:39px;
		color:#0d062e;
		font-weight:bold;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}
	
	#contact .infos p {
		color:#0d062e;
		padding:0;
		margin:0;
		font-size:23px;
		line-height:35px;
	}
	
		#contact .infos p a {
			color:#0d062e;
			text-decoration:none;
			transition:all 250ms;
			-webkit-transition:all 250ms;
		}
		
			#contact .infos p a:hover {
				color:#e50202;
			}
			
	#contact .googlemap {
		float:right;
	}
	
		#contact .googlemap a {
			width:290px;
			height:62px;
			border:1px solid #000000;
			display:block;
			font-size:27px;
			color:#e50202;
			text-decoration:none;
			padding:12px 0 0 90px;
			position:relative;
			z-index:1;
			transition:all 250ms;
		}
		
			#contact .googlemap a .icon {
				position:absolute;
				left:32px;
				top:-20px;
				z-index:10;
				transition:all 250ms;
			}
			
			#contact .googlemap a .shadow {
				position:absolute;
				left:41px;
				top:40px;
				z-index:10;
				transition:all 250ms;
			}
		
		#contact .googlemap a:hover {
			background:#FFFFFF;
		}
		
		#contact .googlemap a:hover .icon {
			animation: anim-googlemap 1s infinite;
		}
		
		#contact .googlemap a:hover .shadow {
			animation: anim-shadow 1s infinite;
		}
			
#footer {
	background:#FFFFFF;
	padding:25px 0;
	clear:both;
}

	#footer ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	
		#footer ul li {
			float:left;
			padding:0 13px 0 0;
			margin:0 13px 0 0;
			border-right:2px solid #0d062e;
		}
		
			#footer ul li:last-child {
				margin:0;
				border:none;
			}
		
		#footer ul li a {
			color:#0d062e;
			font-weight:bold;
			font-size:21px;
			text-decoration:none;
			transition:all 250ms;
			-webkit-transition:all 250ms;
		}
		
			#footer ul li a:hover {
				color:#e50202;
			}
			
/***/

.content-page {
	padding:35px 0;	
}

	.content-page h1 {
		font-size:40px;
		color:#0d062e;
		padding:0;
		margin:0 0 30px 0;
		text-transform:uppercase;
	}
	
	.content-page h2 {
		font-size:30px;
		color:#0d062e;
		padding:15px 0 0 0;
		margin:0 0 30px 0;
		text-transform:uppercase;
	}
	
	.content-page h3 {
		font-size:24px;
		color:#0d062e;
		padding:15px 0 0 0;
		margin:0 0 30px 0;
		text-transform:uppercase;
	}
	
	.content-page p, th, td, .content-page label {
		color:#00191b;
		font-size:15px;
		line-height:20px;
		text-align: justify;
	}
	
	.content-page p a {
		color:#e50202;
		text-decoration:underline;
		transition:all 250ms;
		-webkit-transition:all 250ms;
	}
	
		.content-page p a:hover {
			color:#00191b;
		}
		
	.content-page ul, .content-page ol {
		padding:0;
		margin:0 0 20px 0;
		overflow:hidden;
		list-style-type:none;
	}
	
		.content-page ul li, .content-page ol li {
			color:#00191b;
			font-size:15px;
			line-height:20px;
			padding:0 0 0 25px;
			margin:0 0 10px 0;
			background:url(../images/bullet.gif) no-repeat 0 5px;
		}
		
	.content-page blockquote {
		background:#F5F5F5;
		margin:0 0 25px 0;
		padding:20px 20px 8px 20px;
		border:1px solid #DDDDDD;	
	}
	
		.content-page blockquote p {
			margin:0 0 12px 0;
			font-size:13px;
			color:#777777;
		}

@media screen and (max-width: 1100px) {
	.news {
		margin-top:0;
		padding-top:50px;
	}
	
	.news .box {
		width:31%;
	}
	
		.news .box img {
			width:100%;
			height:auto;
		}
/***/

.colunmleft {
	width:50%;	
}

.colunmright {
	width:50%;	
}

}

@media screen and (max-width: 1000px) {
	.container {
		width:100%;
		padding:0 5%;
	}
	
	#header ul li {
		margin:0 10px 0 0;
	}
	
	#header ul li a {
		font-size:13px;
	}
	
/***/

	#contact .infos h1 {
		font-size:22px;
		margin:0 0 20px 0;
	}
	
	#contact .infos p {
		font-size:18px;
		line-height:24px;
	}
		
}     


@media screen and (max-width: 780px) {
	
	#header {
		padding:15px 0;
	}
	
	#header img.logo {
		width:80px;
		height:auto;
	}
	
	#header ul {
		display:none;	
	}
	
	#header a.menu-responsive {
		display:block;
		margin:18px 0 0 0;
	}
	
	#header a.menu-responsive img {
		width:35px;
	}
	.brandbox {
		/* display:none;	*/
		margin:50px 5% 0 5%;
	}
	.brandbox-tools {
		display:none;
	}
	.brandbox h3 {
	font-weight:400;
	font-size:12px;
	padding:5% 0 0 0;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF;
	clear:both;
	margin: 0 0 15px 0;
	text-shadow:0 0 15px #000000;
}

.brandbox h4 {
	font-weight:400;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	text-shadow:0 0 15px #000000;
}
.brandbox .brandbox-cta {
	border:1px solid #FFFFFF;
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:5px 0;
	display:block;
	text-decoration:none;
	width:100px;
	margin:0 auto;
	text-align:center;
	
}
.slick-prev {
	background:url(../images2016/arrow-left.png) no-repeat;
	background-size:contain;
    display: block;
    height: 15px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    z-index: 10000;
	text-indent:-100000px;
	padding: 0;
	border: none;
	cursor:pointer;
}

.slick-next {
	background:url(../images2016/arrow-right.png) no-repeat;
	background-size:contain;
    display: block;
    height: 15px;
    right: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    z-index: 10000;	
	text-indent:-100000px;
	padding: 0;
	border: none;
	cursor:pointer;
}

	/***/
	
	.news .box {
		width:100%;
		clear:both;
	}
	
	/***/
	
	.colunmleft {
		width:100%;
		clear:both;	
	}
	
	.colunmright {
		width:100%;
		clear:both;
	}
	
	.colunmleft h2 {
		font-size:24px;
		text-align:center;
	}
	
	.colunmleft h3 {
		font-size:24px;
		text-align:center;
	}
	
	.colunmleft ul.archives {
		width:100%;	
	}
	
	.colunmleft ul.archives li {
		padding:16px 0;
		border-bottom:1px solid #e6e6e6;
	}
	
		.colunmleft ul.archives li strong {
			width:80px;
			display:block;
			text-align:center;
			float:none;
			margin:0 auto;
		}
		
		.colunmleft ul.archives li a {
			display:block;
			text-align:center;
		}
		

	
	.colunmleft ul.infos li {
		margin:0 0 30px 0;	
	}
	
	.colunmleft ul.infos li strong {
		font-size:17px;
		float:left;
		width:100%;
		text-align:center;
	}
	
	.colunmleft ul.infos li a {
		clear:both;
		width:100%;
		float:left;
		font-size:18px;
		text-align:center;
	}
	
	.colunmleft a.more-archives {
		width:150px;
		margin:0 auto;
		display:block;
	}
	
/***/

.colunmright a.social {
	width:100%;
	margin:0 auto 20px auto;
	display:block;
}
	
	.colunmright a.social div {
		display:none;
	}
	
	.colunmright a.social div img {
		border:none;
		width:100%;
		height:auto;
	}
	
	.colunmright a.social span {
		border:none;
		float:left;
		width:100%;
		text-align:center;
		padding:0;
		margin:0;
	}
	
	.colunmright a.social br {
		display:none;
	}


/***/

#logos {
	padding:15px 0 0 0;
}
	
		#logos ul li {
			margin:0 10px 10px 0;
			display:inline-block;
		}
		
		
		#logos ul li img {
			width:auto;
			height:50px;
		}

/***/

#contact {
	padding:25px 0;
}
	
	
	#contact .infos {
		float:left;
		width:100%;
	}
	
	#contact .infos h1 {
		font-size:28px;
		text-align:center;
		margin:0 0 20px 0;
	}
	
	#contact .infos p {
		font-size:16px;
		line-height:24px;
		text-align:center;
	}
	
	#contact .googlemap {
		float:right;
		width:100%;
		clear:both;
	}
	
		#contact .googlemap a {
			width:100%;
			margin:40px 0 0 0;
		}
		
/***/

#footer {
	padding:15px 0;
	text-align:center;
}
	
	#footer ul li {
		float:none;
		padding:0 6px 0 0;
		margin:0 6px 0 0;
		border-right:none;
		display:inline-block;
	}
	
	#footer ul li a {
		font-size:16px;
	}


}

/*** ANIMATION *************/

@keyframes anim-googlemap {
  0% {
	top:-20px;
  }
  50% {
    top:-30px;
  }
  100% {
    top:-20px;
  }
}

@keyframes anim-shadow {
  0% {
	opacity:1;
  }
  50% {
    opacity:0.3;
  }
  100% {
   opacity:1;
  }
}