/* Based on Amazium, Copyright © 2011 Mike Ballan, www.amazium.co.uk */
/* Adaptations, Copyright © 2015 Lars-Eberhard Schmidt, www.samarefour.net */



/* Reset & Basics */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    
    margin:0;
    padding:0;
    font:inherit;
    font-size:100%;
    vertical-align:baseline;
    border:0;
    
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    
    display:block;
    
}

body {
    
    line-height:1.0;
    
}

ol, ul {
    
    list-style:none;
    
}

blockquote, q {
    
    width:90%;
    quotes:none;
    word-wrap:break-word;
    
}

blockquote:before, blockquote:after, q:before, q:after {
    
    content:'';
    content:none;
    
}

._:before {
    content:'@';
}

._:after {
    content:'.';
}

._fr:before {
    content:'Téléphone portable';
}

.copyrightbreak:after {
    content:"| ";
}



/* Basic Styles */

html {
    
    height:100%;
    width:100%;

    cursor:default;

    -webkit-user-select:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;

}

body {
    
    width:auto;
    height:auto;
    
    margin:0;
    padding:0;

    font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-family:"Avenir Next" !important;
    font-weight:normal;
    font-style:normal;

    font-size:19px;
    line-height:140%;
    color:#252e36;
    text-rendering:optimizeLegibility;

    background:#121c25;
    background-image:none;
    background-attachment:fixed;

    -webkit-font-smoothing:antialiased;

    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    hyphens:auto;

}


/* iOS devices safe area */

@supports(padding: max(0px)) {
    body {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
    }
}


.hyphensnone {

    -webkit-hyphens:none;
    -moz-hyphens:none;
    hyphens:none;
    
}

noscript {
    
    position:absolute;
    top:45px;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    color:#eeeeee;
    color:rgba(238, 238, 238, 1.0);
    text-align:center;
    background:#c10d20;
    background:rgba(193, 13, 32, 1.0);
    background-image:none;
    z-index:1000000000;
    
}

#messageIE {
    
    position:absolute;
    top:0;
    width:100%;
    height:auto;
    margin:10% 0 0 0;
    padding:0;
    color:#eeeeee;
    color:rgba(238, 238, 238, 1.0);
    font-weight:bold;
    text-align:center;
    background:#c10d20;
    background:rgba(193, 13, 32, 1.0);
    background-image:none;
    z-index:999999999;
    
}

.content {

    position:relative;
    width:1024px;
    height:auto;
    margin:0px auto;
    padding:60px 0px 30px 0px;
    background:#121c25;

    -webkit-backface-visibility:hidden;

    -webkit-transition:opacity 0.8s ease-out;
    -webkit-transition-delay:0.1s;

}

.nopacity {

    opacity:0.0;

}

#header {
    
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:auto;
    height:45px;
    margin:0;
    padding:0;
    text-align:center;
    border:none;
    display:inline-block;
    background:#ffffff;
    z-index:999999997;

}

#logo {
    
    position:relative;
    margin:12px 0px 0px 0px;
    padding:0;

}

#downloadbadge  {

    position:relative;
    margin:20px 0px 0px 0px;
    padding:0;
    opacity:0.3;

}



/* Languages */

ul#languages {
    
    position:absolute;
    top:56px;
    right:22px;
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    font-size:13px;
    color:#252e36;
    list-style-type:none;
    z-index:0;

}

ul#languages li {

    position:relative;
    width:auto;
    height:24px;
    margin:0;
    padding:0px 0px 0px 16px;
    font-family:"AvenirNext-Medium";
    float:right;

}

ul#languages li.zero {
    
    display:none;
    
}

ul#languages li a {

    color:#353e45;
    text-decoration:none;
    border:none;
    cursor:default;
    
}

ul#languages li a.active, ul#languages li a:hover {

    color:#c10d20;
    text-decoration:none;
    cursor:default;

}

ul#languages li a:visited {

    color:#353e45;
    text-decoration:none;
    cursor:default;

}



#footer p {
    
    margin:20px 0px 0px 0px;
    padding:0;
    color:#353e45;
    font-size:13px;
    line-height:18px;
    letter-spacing:0.5pt;
    text-align:center;
    
}

#imprint p {

    line-height:150%;

}



/* Typography */

h1, h2, h3, h4, h5 {

    margin:0;
    padding:0;

}

h1, h2, h3, h4, h5 {
    
    color:#eeeeee;

}

h1 a, h2 a, h3 a, h4 a, h5 a {
    
    font-weight:inherit;
    
}


h1.mission {

    margin:0;
    padding:0;
    font-family:"AvenirNext-Regular";
    font-size:27px;
    line-height:110%;

}

p.mission {

    margin:20px 0px 0px 0px;

}

p.mission.signed {

    margin:20px 0px 20px 0px;
    font-size:15px;

}


p {
    
    margin:0;
    padding:0;
    line-height:inherit;

    color:#eeeeee;

}

sup, sub {
    
    position:relative;
    height:0;
    line-height:1px;
    vertical-align:baseline;
    _vertical-align:bottom;
    
}

sub {
    
    bottom:1px;
    
}

sup {
    
    top:1px;
    font-size:.6em;
    
}


em {
    
    font-style:italic;
    font-weight:normal;
    
    color:#eeeeee;
    
}


strong {
    
    font-weight:bold;
    
}


small, .small {
    
    font-size:80%;
    
}



/* Blockquotes */

blockquote, blockquote p {
    
    font-size:inherit;
    line-height:inherit;
    color:#eeeeee;
    font-style:italic;
    display:block;
    
}

blockquote {
    
    margin:10px 0px 25px 10px;
    padding:0px 0px 0px 10px;
    display:block;
    
}

blockquote cite {
    
    font-size:inherit;
    line-height:inherit;
    color:#eeeeee;
    display:block;
    
}

blockquote cite:before {
    
    content:"\2014 \0020";
    
}

blockquote cite a,
blockquote cite a:visited {
    
    color:#eeeeee;
    
}

blockquote span {
    
    width:15px;
    display:inline-block;
    
}



/* Links */

a {
    
    cursor:default;
    
}

a:link {
    
    color:#353e45;
    text-decoration:none;
    outline:0;
    
}

a:visited {
    
    color:#353e45;
    text-decoration:none;
    outline:0;
    
}

a:active {
    
    color:#c10d20;
    text-decoration:none;
    border:none;
    outline:0;
    
}

a:hover {
    
    color:#c10d20;
    text-decoration:none;
    border:none;
    outline:0;
    
}

a:focus {

    -moz-outline-style:none;
    
}



.downloads {

}

abbr, span.tooltip {

    position:relative;
    color:#353e45;
    display:inline-block;
    border-bottom:1px solid #1b252e;
    *border-bottom:1px solid #1b252e;
    cursor:default;

}


@media only screen and (-webkit-min-device-pixel-ratio:2) {
    abbr, span.tooltip {

        border:none;

    }
}


p.disclaimer abbr {

    color:#353e45;

}



/* Lists */

ul, ol {
    
    margin:10px 0px;
    
}

ul {
    
    list-style:none outside;
    
}

ol {
    
    list-style:decimal;
    
}

ol, ul.square, ul.circle, ul.disc {
    
    margin-left:20px;
    
}

ul.square {
    
    list-style:square outside;
    
}

ul.circle {
    
    list-style:circle outside;
    
}

ul.disc {
    
    list-style:disc outside;
    
}

li {
    
    margin-bottom:8px;
    line-height:inherit;
    
}

ul.large li {
    
    line-height:inherit;
    
}

li p {
    
    line-height:inherit;
    
}



/* Images */

img {

    margin:0;
    padding:0px 0px 4px 0px;
    border:none;
    overflow:hidden;
    
}

.max-image {

    width:100%;
    height:auto;

}

/*
.video-container {
    
    position:relative;
    height:0;
    margin:0px 0px 15px 0px;
    padding-top:30px;
    padding-bottom:51%;
    border:none;
    overflow:hidden;
    
}

.video-container iframe,
.video-container object,  
.video-container embed {
    
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    
}
*/


/* Buttons */

a.btn, .wrapper-block #sendbutton {
    
    width:auto;
    height:auto;
    margin:12px 0px 5px 0px;
    padding:3px 13px 4px 13px;
    font-size:inherit;
    line-height:inherit;
    color:#666666;
    text-decoration:none;
    vertical-align:middle;
    background:#ffffff;
    border:1px solid #eeeeee;
    cursor:default;
    z-index:1000000;

    -webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
    transition:opacity 0.5s;
    
}

.wrapper-block #sendbutton {
    
    font-size:13px;
    line-height:19px;

    -webkit-backface-visibility:hidden;

}

#sendbutton {
    
    font-size:80%;
    opacity:0.5;
    
    border:none;
    
    -webkit-transition:opacity 0.3s ease-in-out;
    -moz-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    -ms-transition:opacity 0.3s ease-in-out;	
    transition:opacity 0.3s ease-in-out;
    
}

a:hover.btn {
    
    color:#dddddd;
    text-decoration:none;
    border:none;
    
}



/* Global Classes */

.img-left {
    
    margin:0;
    border:none;
    float:left;
    
}

.img-right {
    
    margin:0;
    border:none;
    float:right;
    
}

.positionabsolute {
    
    position:absolute;
    
}

.float-left {
    
    float:left;
    
}

.float-right {
    
    float:right;
    
}

.clear-left {
    
    clear:left;
    
}

.clear-right {
    
    clear:right;
    
}

.clear {
    
    clear:both;
    
}

.text-big {
    
    color:#c10d20;
    font-weight:bold;
    line-height:inherit;
    
}

.text-left {
    
    text-align:left;
    
}

.text-right {
    
    text-align:right;
    
}

.text-center {
    
    text-align:center;
    
}

.text-justify {
    
    text-align:justify;
    
}

.normal {
    
    font-weight:normal;
    
}

.bold {
    
    font-weight:bold;
    
}

.italic {
    
    font-style:italic;
    font-weight:normal;

    display:inline;
    color:#353e45;
    
}

.underline {
    
    border-bottom:1px solid;
    
}

p.trademarks, p.trademarks abbr {

    width:auto;
    height:auto;
    color:#353e45;
    font-size:13px;
    line-height:150%;
    overflow:visible;

}

.disclaimer, .disclaimer a, .disclaimer a:visited {
    
    color:#353e45;
    line-height:150%;
    letter-spacing:0.5pt;

}

.disclaimer a:hover {

    color:#c10d20;
    text-decoration:none;
    border:none;
    letter-spacing:0.5pt;
    
}

.highlight {
    
    background:#c10d20;
    
}

.margintop80 {

    margin-top:80px;

}

.margintop60, .margintopH1 {

    margin-top:60px;

}

.margintop40, .margintopH2 {
    
    margin-top:40px;
    
}

.margintop20 {
    
    margin-top:20px;
    
}

.margintop15 {

    margin-top:15px;

}

.margintop10 {
    
    margin-top:10px;
    
}

.margintop5 {
    
    margin-top:5px;
    
}

.marginright20 {

    margin-right:20px;

}

.marginbottom40 {
    
    margin-bottom:40px;
    
}

.marginbottom30 {

    margin-bottom:30px;

}

.marginbottom20 {
    
    margin-bottom:20px;
    
}

.marginbottom10 {
    
    margin-bottom:10px;
    
}

.nomargin {

    margin:0;

}

.nomargintop {
    
    margin-top:0;
    
}

.nomarginbottom {
    
    margin-bottom:0;
    
}

.nopadding {
    
    padding:0;
    
}

.nopaddingbottom {
    
    padding-bottom:0;
    
}

.noindent {
    
    margin-left:0px;
    padding-left:0px;
    
}

.nobullet {
    
    list-style:none;
    list-style-image:none;
    
}

.inline {
    
    display:inline;
    
}

.inline-block {
    
    display:inline-block;
    
}

.block {
    
    display:block;
    
}

.disappear {
    
    opacity:0.0;
    
    -webkit-transition:opacity 0.5s linear;
    -moz-transition:opacity 0.5s linear;
    -o-transition:opacity 0.5s linear;
    -ms-transition:opacity 0.5s linear;	
    transition:opacity 0.5s linear;
    
}

.reappear {
    
    opacity:1.0;
    
    -webkit-transition:opacity 0.5s ease-in;
    -moz-transition:opacity 0.5s ease-in;
    -o-transition:opacity 0.5s ease-in;
    -ms-transition:opacity 0.5s ease-in;	
    transition:opacity 0.5s ease-in;
    
}

.hidden {
    
    display:none;
    
}