html {
	scroll-behavior: smooth;
	
}

body {
	margin: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	background:#EEE;
}

.p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 17px;
	line-height: 23px;
	font-weight: 300;
	color: #666;
	text-decoration: none;
/*	padding-right: 20px;
	padding-left: 20px;
*/	text-align:justify;
}

.page-wrapper {
	margin: 0 auto;
	background:#FFF;
	transition: 0.1s ease-in-out;
}

.main-wrapper {
	margin: 0 auto;
	width:80vw;
}

.header {
	background:#FFF;
	width:100%;
	height: 3.5em;
	position:fixed;
	margin:0 auto;
	box-shadow:0px 0px 10px #999999;
}

.main-nav {
	float: right;
	}
	
	
.nav {
	padding-right:10vw;
	}
	
nav li {
	display:inline;
	list-style-type: none;
/*	margin-right: 0.7em;*/
	text-decoration:none;
	color:#ccc;
}

.navMenu {
	visibility:hidden;
}

.logo {
	float:left;
	padding:0.5em;
	padding-left:10vw;
	color:#069;}

.logoLeft {
	float:left;
	font-weight:700;
	font-size:1.2em;
	}
	
.logoLeftThin {
	float:left;
	font-weight:300;
	font-size:1.2em;
		}
	
.topImg {
		margin-top:40px;
		width:100%;
		height:auto;
	}

.topBg {
	height:20%;
	background-image:url(images/header/gradient01.jpg);
	background-repeat:repeat-x;		
}


h1 {
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	font-size: 36px;
	line-height: 35px;
	font-weight: 700;
	text-decoration: none;	
	padding: 0 24px 0 0;
}

h2 {
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	font-size: 1.3em;
	line-height: 30px;
	font-weight: 500;
	text-decoration: none;	
	padding: 0 12px 0 0;
}

.grey {
	color: #999;
	
}

.blue {
	color: #069;
	
}

.thin {
	color: #069;
	font-weight:200;
	
}

.columns {
	column-count: 3;
	column-gap: 2em;
}

.colpartner {
	column-count: 6;
	padding: 5px;
}

.headBlock {
	width:100%;
	height:2em;
    background: rgb(43,86,117);
	background: -moz-linear-gradient(346deg, rgba(43,86,117,1) 0%, rgba(3,133,198,1) 100%);
	background: -webkit-linear-gradient(346deg, rgba(43,86,117,1) 0%, rgba(3,133,198,1) 100%);
	background: linear-gradient(346deg, rgba(43,86,117,1) 0%, rgba(3,133,198,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b5675",endColorstr="#0385c6",GradientType=1);
}

.carte {width:80%;height:auto;padding-top:0.1em;margin:0 auto}

.footer {
	color: #eee;
	height: 300px;
	width: 100%;
	bottom: 0px;
	font-size:1.1em;
	font-weight:300;
	background: rgba(69,69,69,1);
background: -moz-linear-gradient(left, rgba(69,69,69,1) 0%, rgba(133,133,133,1) 50%, rgba(69,69,69,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,69,69,1)), color-stop(50%, rgba(133,133,133,1)), color-stop(100%, rgba(69,69,69,1)));
background: -webkit-linear-gradient(left, rgba(69,69,69,1) 0%, rgba(133,133,133,1) 50%, rgba(69,69,69,1) 100%);
background: -o-linear-gradient(left, rgba(69,69,69,1) 0%, rgba(133,133,133,1) 50%, rgba(69,69,69,1) 100%);
background: -ms-linear-gradient(left, rgba(69,69,69,1) 0%, rgba(133,133,133,1) 50%, rgba(69,69,69,1) 100%);
background: linear-gradient(to right, rgba(69,69,69,1) 0%, rgba(133,133,133,1) 50%, rgba(69,69,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#454545', GradientType=1 );
}



	

	  @media screen and (max-width: 944px),
  screen and (-webkit-min-device-pixel-ration: 2),
	  screen and (min-resolution: 192dpi),
	  screen and (min-resolution: 2ddpx)
	  {
		  
		.page-wrapper {
			margin: 0 auto;
			width: 100vw;
			background:#FFF;
			transition: 0.1s ease-in-out;
		}
		
		.navMenu {
			font-size: 1.1em;
			font-weight: 700;
			color: #FFF;
			text-align:center;
			text-decoration:none;
			background: rgb(43,86,117);
			background: -moz-linear-gradient(346deg, rgba(43,86,117,1) 0%, rgba(3,133,198,1) 100%);
			background: -webkit-linear-gradient(346deg, rgba(43,86,117,1) 0%, rgba(3,133,198,1) 100%);
			background: linear-gradient(346deg, rgba(43,86,117,1) 0%, rgba(3,133,198,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b5675",endColorstr="#0385c6",GradientType=1);
			padding: 4px;
			border-radius: 0.2em;
			width: 3em;
			height: 1.2em;
			float:right;
			top: 0.8em;
			right:0.7em;
			visibility:visible;
			position:absolute;
		
		}
		
		.main-nav {
			visibility:hidden;
			top:-9999px;
			right:1000px;
			}
			
		.main-wrapper {
			margin: 0 auto;
			width:90vw;
		}	
			
		.topImg {
				margin-top:56px;
				padding-left:-10vw;
				width:100%;
				height:auto;
			}
			
		.columns {
			font-family: 'Roboto', sans-serif;
			column-count: 1;
		}
		
		.colpartner {
	column-count: 2;
	column-gap: 1em;
	padding: 1em;

}	
			
		.carte {width:100%;height:auto;margin:0 auto}

	  }