@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 0;
}
* {
outline: none;
}
.container {
width: 100%;
max-width: 1360px;
}
p { margin: 0;}
body.fixed { position: fixed; width: 100%;}
@font-face {
  font-family: "premiasoft";
  src:url("/Files/App_002/fonts/premiasoft.eot");
  src:url("/Files/App_002/fonts/premiasoft.eot?#iefix") format("embedded-opentype"),
    url("/Files/App_002/fonts/premiasoft.woff") format("woff"),
    url("/Files/App_002/fonts/premiasoft.ttf") format("truetype"),
    url("/Files/App_002/fonts/premiasoft.svg#premiasoft") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "premiasoft" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "premiasoft" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelope:before {
  content: "\61";
}
.icon-maps:before {
  content: "\62";
}
.icon-phone:before {
  content: "\63";
}
.icon-phone-call:before {
  content: "\64";
}
.icon-addwords:before {
  content: "\65";
}
.icon-courriel:before {
  content: "\66";
}
.icon-crm:before {
  content: "\67";
}
.icon-play-arrow:before {
  content: "\68";
}
.icon-marketing:before {
  content: "\69";
}
.icon-seo:before {
  content: "\6a";
}
.icon-web:before {
  content: "\6b";
}
.icon-right-arrow:before {
  content: "\6c";
}
.icon-star:before {
  content: "\6d";
}
.icon-quotes:before {
  content: "\6e";
}
.icon-youtube:before {
  content: "\6f";
}
@font-face {
  font-family: 'fontello';
  src: url('/Files/App_002/fonts/fontello.eot?4837328');
  src: url('/Files/App_002/fonts/fontello.eot?4837328#iefix') format('embedded-opentype'),
       url('/Files/App_002/fonts/fontello.woff2?4837328') format('woff2'),
       url('/Files/App_002/fonts/fontello.woff?4837328') format('woff'),
       url('/Files/App_002/fonts/fontello.ttf?4837328') format('truetype'),
       url('/Files/App_002/fonts/fontello.svg?4837328#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.icon-right-open-big:before { content: '\e800'; }
.icon-down-open-big:before { content: '\e801'; } 
.icon-left-open-big:before { content: '\e802'; }
.icon-heart-empty:before { content: '\e803'; } 
.icon-clock:before { content: '\e804'; } 
.icon-location:before { content: '\e805'; } 
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-thumb {
  border-right: solid 2px #18a0db;
  background: #18a0db;
}
::-webkit-scrollbar-track {
  border: none;
  background: #1d1f20;
}
@font-face {
  font-family: "premia";
  src:url("/Files/App_002/fonts/premia.eot");
  src:url("/Files/App_002/fonts/premia.eot?#iefix") format("embedded-opentype"),
    url("/Files/App_002/fonts/premia.woff") format("woff"),
    url("/Files/App_002/fonts/premia.ttf") format("truetype"),
    url("/Files/App_002/fonts/premia.svg#premia") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "premia";
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "premia";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-reseaux-sociaux:before {
  content: "\31"; font-family: "premia" !important;
}
.icon-referencement:before {
  content: "\32"; font-family: "premia" !important;
}
.icon-web-marketing:before {
  content: "\33"; font-family: "premia" !important;
}

@media screen and (max-width: 1366px) {
.container {
padding: 0 80px;
}
}

@media screen and (max-width: 1200px) {
.container {
padding: 0 50px;
}
}
@media screen and (max-width: 1024px) {
.container {
padding: 0 30px;
}
}
@media screen and (max-width: 767px) {
.container {
padding: 0 15px;
}
}

.bigtext {
	font-size: 4em;
	font-weight: lighter;
	line-height: 1.3em;
}
.moyennetext {
	font-size: 2.8em;
	font-weight: lighter;
	line-height: 1.3em;
}
.moyennetext- {
	font-size: 2em;
	font-weight: lighter;
	line-height: 1.3em;
}
.smalltext {
	font-size: 1.5em;
	font-weight: lighter;
	line-height: 1.3em;
}
a:focus, a:hover {
	text-decoration: none
}
.valign_col {
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
}
.center_v .wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.center_v .container {
	height: 100%
}
.link_css {
	display: inline-block;
	padding: 0.8em 2em;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: 500;
	background-color: #18a0db;
}
.link_css:hover {
	color: #18a0db;
	font-size: 1.2em;
	text-decoration: none;
	background-color: #fff;
}
@media only screen and (max-width: 1200px) {.bigtext {
	font-size: 3.5em;
	
	
}
.moyennetext {
	font-size: 2.5em;
	
	
}
.moyennetext- {
	font-size: 1.5em;
	
	
}
.smalltext {
	font-size: 1em;
	
	
}
section { position: relative; overflow: hidden; }