@font-face {
  font-family:'expo-sans-pro';
  src: url('fonts/regular-webfont.eot');
  src: url('fonts/regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/regular-webfont.woff2') format('woff'),
       url('fonts/regular-webfont.woff') format('woff'),
       url('fonts/regular-webfont.ttf') format('ttf');
  font-style:normal;
  font-weight:normal;
}
@font-face {
  font-family:'expo-sans-pro';
  src: url('fonts/italic-webfont.eot');
  src: url('fonts/italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/italic-webfont.woff2') format('woff'),
       url('fonts/italic-webfont.woff') format('woff'),
       url('fonts/italic-webfont.ttf') format('ttf');
  font-style:italic;
  font-weight:normal;
}
@font-face {
  font-family:'expo-sans-pro';
  src: url('fonts/bold-webfont.eot');
  src: url('fonts/bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bold-webfont.woff2') format('woff'),
       url('fonts/bold-webfont.woff') format('woff'),
       url('fonts/bold-webfont.ttf') format('ttf');
  font-style:normal;
  font-weight:bold;
}
@font-face {
  font-family:'expo-sans-pro';
  src: url('fonts/boldital-webfont.eot');
  src: url('fonts/boldital-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/boldital-webfont.woff2') format('woff'),
       url('fonts/boldital-webfont.woff') format('woff'),
       url('fonts/boldital-webfont.ttf') format('ttf');
  font-style:italic;
  font-weight:bold;
}

html {
margin:0;
padding:0;
height:100%;
width:100%;
}

body {
margin:0;
height:100%;
width:100%;
background:no-repeat center center fixed url(tech.jpg);
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-color:#000000;
font-family:"expo-sans-pro", Verdana, sans-serif;
font-size:18px;
color:#FFFFFF;
text-align:center;
}
  
h1,h2,h3,h4,h5,h6,p,a{
font-family:"expo-sans-pro", Verdana, sans-serif;
font-weight:normal;
color:#FFFFFF;
}

h1 {
text-transform:uppercase;
margin:0;
padding:15px 0px;
font-size:42px;
text-align:center;
}

p {
line-height:40px;
padding:30px 0 0 0;
}

.wrapper {
min-height:100%;
overflow:hidden;
margin:0;
padding:0;
}

.pitch {
width:45%;
padding:2% 3% 2% 3%;
margin:5% auto 0;
background-color:rgba(0,0,0,0.5);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.logo {
border:none;
margin:0;
padding:0;
}

.logo_pos {
border:none;
margin:17px 0 0 0;
padding:0;
}

.button_pos {
padding-top:40px;
}

.share {
padding:0;
margin:55px 0 35px 0;
}

.tweet-button, .facebook-button {
margin:0 17px;
line-height:19px;
text-decoration:none;
border:none;
font-size:18px;
overflow:hidden;
padding:9px 19px;
}

.tweet-button, .facebook-button {
background:#FFFFFF;
color:#00acc4;
}

.tweet-button:hover, .facebook-button:hover {
background:#00acc4;
color:#FFFFFF;
}

.bigbutton {
height:36px;
width:220px;
line-height:22px;
text-decoration:none;
border:none;
font-size:22px;
margin:0;
overflow:hidden;
padding:18px;
font-weight:normal;
}

.bigbutton, a.bigbutton {
background:#FF0072;
color:#FFFFFF;
}

.bigbutton:hover {
background:#FFFFFF;
color:#FF0072;
}

.compteur {
padding:0;
margin:0;
}

.noimg {
margin:0;
height:100%;
width:100%;
background:no-repeat center center fixed url(french.jpg);
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-color:#000000;
font-family:"expo-sans-pro", Verdana, sans-serif;
font-size:18px;
color:#FFFFFF;
text-align:center;
}
.propos, .propos * { text-align:left; }
.propos { margin:2% auto; }
.propos p { font-size:22px; line-height:35px; margin:0; padding:15px 0 15px 0; }
.propos h1 { font-size:45px; margin:0; padding:0; }
.propos h3 { font-size:38px; margin:0; padding:30px 0 15px 0; }
.return { margin:1% 0; padding:0; }
.logo_pos_plus {
text-align:center;
border:none;
margin:17px 0 0 0;
padding:0;
}
.logo_pos_plus *, .logo_pos_plus * *  { border:none; text-decoration:none; }