@charset "UTF-8";

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg'), url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Italic';
    src: url('../fonts/SourceSansPro-Italic.eot');
    src: url('../fonts/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Italic.svg#SourceSansPro-Italic') format('svg'), url('../fonts/SourceSansPro-Italic.woff') format('woff'), url('../fonts/SourceSansPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('../fonts/SourceSansPro-Light.eot');
    src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg'), url('../fonts/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Light-Italic';
    src: url('../fonts/SourceSansPro-Light-Italic.eot');
    src: url('../fonts/SourceSansPro-Light-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Light-Italic.svg#SourceSansPro-Light-Italic') format('svg'), url('../fonts/SourceSansPro-Light-Italic.woff') format('woff'), url('../fonts/SourceSansPro-Light-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Extra-Light';
    src: url('../fonts/SourceSansPro-Extra-Light.eot');
    src: url('../fonts/SourceSansPro-Extra-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Extra-Light.svg#SourceSansPro-Extra-Light') format('svg'), url('../fonts/SourceSansPro-Extra-Light.woff') format('woff'), url('../fonts/SourceSansPro-Extra-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Extra-Light-Italic';
    src: url('../fonts/SourceSansPro-Extra-Light-Italic.eot');
    src: url('../fonts/SourceSansPro-Extra-Light-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Extra-Light-Italic.svg#SourceSansPro-Extra-Light-Italic') format('svg'), url('../fonts/SourceSansPro-Extra-Light-Italic.woff') format('woff'), url('../fonts/SourceSansPro-Extra-Light-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('../fonts/SourceSansPro-Semibold.eot');
    src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg'),
    url('../fonts/SourceSansPro-Semibold.woff') format('woff'),
    url('../fonts/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-SemiboldIt';
    src: url('../fonts/SourceSansPro-SemiboldIt.eot');
    src: url('../fonts/SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-SemiboldIt.svg#SourceSansPro-SemiboldIt') format('svg'), url('../fonts/SourceSansPro-SemiboldIt.woff') format('woff'), url('../fonts/SourceSansPro-SemiboldIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../fonts/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg'), url('../fonts/SourceSansPro-Bold.woff') format('woff'), url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Bold-Italic';
    src: url('../fonts/SourceSansPro-Bold-Italic.eot');
    src: url('../fonts/SourceSansPro-Bold-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold-Italic.svg#SourceSansPro-Bold-Italic') format('svg'), url('../fonts/SourceSansPro-Bold-Italic.woff') format('woff'), url('../fonts/SourceSansPro-Bold-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body { overflow: hidden !important; overflow-y: scroll !important; width: 100%; max-width: 100%; }
body{ overflow: hidden !important; overflow-y: scroll !important; width: 100%; max-width: 100%; font-family: "SourceSansPro-Light"; font-smoothing:auto; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

#pentalogy-loading{ position: fixed; width: 100%; max-width: 100%; opacity: 1; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
#main{ position: absolute; width: 100%; max-width: 100%; height: 100%; margin: 0; padding: 0; left: 0; top: 0; opacity:0; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
.main-content{ position: absolute; width: 100%; max-width: 100%; height: 100%; margin: 0; padding: 0; left: 0; top: 0; }

a{ font-family: "SourceSansPro-Regular" !important; font-size: 17px !important; text-decoration: none; color:#ffffff !important; }
a:hover{ text-decoration: none !important; color:#ffffff !important; }
h1{ font-family: "SourceSansPro-Bold" !important; font-size: 30px !important; color:#635a50; padding-top: 48px; }
h2{ font-family: "SourceSansPro-Bold" !important; font-size: 31px !important; }
h3{ font-family: "SourceSansPro-Bold" !important; font-size: 26px !important; line-height: 27px; }
h4{ font-family: "SourceSansPro-Bold" !important; font-size: 18px !important; line-height: 20px; margin: 0 !important; }
p{ font-family: "SourceSansPro-Light" !important; font-size: 20px !important; line-height: 25px !important; color: #635a50 !important; }
small{ font-family: "SourceSansPro-Light" !important; font-size: 15px !important; line-height: 15px !important;  }
:focus { outline: none !important; }
.p-large{ font-family: "SourceSansPro-Light" !important; font-size: 30px; line-height: 30px;  }
.uk-container{ padding: 0 !important; }
.uk-button, .uk-button:hover, .uk-button:focus, .uk-button:disabled{ background-color: transparent; font-family: "SourceSansPro-Regular" !important; font-size: 15px !important; line-height: 16px !important; background-color: transparent; color: #fff; border: 1px solid #fff; border-radius: 5px; padding: 0 15px !important; opacity: 1; -webkit-transition: opacity .35s ease-out; -moz-transition: opacity .35s ease-out; -ms-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out; transition: opacity .35s ease-out; }
a.uk-button, a.uk-button:hover, a.uk-button:focus, a.uk-button:disabled{ background-color: transparent; font-family: "SourceSansPro-Regular" !important; font-size: 15px !important; line-height: 16px !important; background-color: transparent; color: #fff; border: 1px solid #fff; border-radius: 5px; padding: 6px 15px 0 15px !important; }
.uk-offcanvas{ background: rgba(0,0,0,.75); }
.uk-offcanvas-bar{ padding: 10px 0; background: #05050a; background-color: #05050a; width: 290px; }
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{ background: #1f1f1f; }
.uk-form-row+.uk-form-row { margin-top: 7px; }
.uk-nav-offcanvas>li>a{ text-align: center; }
.uk-nav-offcanvas > li > a > .picto-flag-en, .uk-nav-offcanvas > li > a > .picto-flag-fr{ margin: 0 auto; }
.uk-navbar-toggle{ font-size: 31px !important; padding: 0; height: 27px; position: absolute; top: 10px; right: 15px; }
.uk-navbar-toggle > svg{ fill: #FFFFFF; }
.uk-navbar-brand:before, .uk-navbar-content:before, .uk-navbar-toggle:before{ content: none; }
.uk-navbar-toggle:after{ content: none; }

.uk-modal-dialog{ padding: 0; }
.uk-modal-header{ padding: 10px; margin: 0; border-bottom: 1px solid #E5E5E5; }
.uk-modal-body{ padding: 20px;  }
.uk-modal-footer{ padding: 20px; margin: 0; border-top: 1px solid #E5E5E5; }
.uk-modal-header h2{ margin: 0; }
.uk-modal .uk-close{ color: #000000!important; }
.uk-modal .uk-form-row > input{
    width: 100%;
    height: 38px;
    text-align: center;
    line-height: 38px!important;
}
.uk-modal .uk-form-row > input::selection {
    background: #222222;
    color: #FFFFFF;
}
.uk-modal .uk-form-row > input::-moz-selection {
    background: #222222;
    color: #FFFFFF;
}
.uk-modal .checkbox label > input{
    vertical-align: middle;
}
.uk-modal .login-btn:disabled,
.uk-modal .login-btn{
    width: 100%;
    margin: 20px 0 10px 0;
    background-color: #222222;
    border:1px solid #EFEFEF;
    border-radius: 0;
    color: #FFFFFF;
    line-height: 38px!important;
    -webkit-transition: background-color .25s ease-out; -moz-transition: background-color .25s ease-out; -ms-transition: background-color .25s ease-out; -o-transition: background-color .25s ease-out; transition: background-color .25s ease-out;
}
.uk-modal .login-btn:not([disabled]):hover, .uk-modal .login-btn:not([disabled]):focus{
    line-height: 38px!important;
    background-color: #000000;
    border-radius: 0;
}
.uk-modal .login-btn:disabled{
    opacity: .5;
}

.uk-alert{
    background: rgba(255,255,255,.35)!important;;
    color: #000000!important;
    max-width: 450px;
    margin: 80px auto 0 auto !important;
    font-family: "SourceSansPro-Regular";
    font-size: 16px;
}
.uk-alert > a.uk-close,.uk-alert > a.uk-close:hover,.uk-alert > a.uk-close:focus{
    color: #000000!important;
}
.flash-success{
    background: #009688!important;
    color:#FFFFFF!important;
}
.flash-caution{
    background: #fff9a5!important;
    color:#444444!important;
}

.grid-default{ margin: 0 !important; }

.button-faded{ opacity: .5 !important; }

.login-form{
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 800px;
    padding: 30px 30px 15px 30px;
    margin: auto;
}
.login-form .uk-form-row > input {
    width: 100%;
    height: 38px;
    text-align: center;
    line-height: 38px!important;
}
.login-form .uk-button{
    width: 100%;
    margin: 20px 0 10px 0;
    background-color: #222222;
    border: none;
    border-radius: 0;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 38px!important;
    text-transform: uppercase;
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -ms-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}
.login-form a{
    color: #444444!important;
    font-size: 14px!important;
    font-style: italic;
}
.login-form small{
    font-size: 14px!important;
    color: #f50255;
}

.user-account .form-container{
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 30px 30px 10px 30px;
}
.user-account .uk-form-controls .uk-input{
    width: calc(100% - 20px);
    padding: 0 10px;
    border: 1px solid #ddd;
    background: #fff;
    color: #444;
    line-height: 38px!important;
}
.user-account .uk-form-stacked .uk-form-label.required:after{
    content: '*';
    padding: 0 0 0 4px;
    display: inline-block;
    color: red;
}
.user-account small.required{
    display: inline-block;
    margin: 10px 0 0 0;
    font-size: 12px !important;
    line-height: 12px !important;
    font-style: italic;
}
.user-account small.required:before{
    content: '*';
    padding: 0 4px 0 0;
    display: inline-block;
    color: red;
}

.user-account .form-error > ul{
    margin: 4px 0 0 0;
    padding: 0;
    list-style: none;
}
.user-account .form-error > ul > li{
    display: inline-block;
    font-size: 12px;
    color: red;
}
.user-account .form-error > ul > li:after{
    content: '|';
    padding: 0 5px;
}
.user-account .form-error > ul > li:last-child:after{
    content: none;
}
.user-account .uk-button {
    width: 100%;
    margin: 20px 0 0 0;
    background-color: #222222;
    border: none;
    border-radius: 0;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 38px!important;
    text-transform: uppercase;
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}

.menu-entry{ position: relative; cursor: pointer; }
.menu-entry.social-picto{ float: left; margin: 0 0 0 5px; }
.menu-entry.social-picto.team:before{ content: ''; width: 34px; height: 34px; display: block; background-image: url('../images/icon-whoweare-small.svg'); background-size:cover; background-repeat: no-repeat; background-position: center; }
.menu-entry.social-picto.mailto:before{ content: ''; width: 34px; height: 34px; display: block; background-image: url('../images/icon-email-small.svg'); background-size:cover; background-repeat: no-repeat; background-position: center; }
.menu-entry.social-picto.linkedin:before{ content: ''; width: 34px; height: 34px; display: block; background-image: url('../images/icon-linkedin-small.svg'); background-size:cover; background-repeat: no-repeat; background-position: center; }
.menu-entry.social-picto.twitter:before{ content: ''; width: 34px; height: 34px; display: block; background-image: url('../images/icon-twitter-small.svg'); background-size:cover; background-repeat: no-repeat; background-position: center; }
.menu-entry.social-picto.user:before{ content: ''; width: 34px; height: 34px; display: block; background-image: url('../images/icon-user.svg'); background-size:cover; background-repeat: no-repeat; background-position: center; }
.menu-entry.social-picto.flag-en:before{ content: ''; width: 34px; height: 34px; display: block; background-image: url('../images/flag-en.svg'); background-size:cover; background-repeat: no-repeat; background-position: center; }
.menu-entry.social-picto.flag-fr:before{ content: ''; width: 34px; height: 34px; display: block; background-image: url('../images/flag-fr.svg'); background-size:cover; background-repeat: no-repeat; background-position: center; }
.menu-entry-sep{ float: left; border-left: 1px solid white; margin: 0 0 0 5px; height: 34px;}
.menu-entry .uk-dropdown{ padding: 0 5px; margin: 20px 0 0 55px; background-color: #000000; }
.menu-entry .uk-dropdown a:hover, .menu-entry .uk-dropdown a:focus, .menu-entry .uk-dropdown a.active{ color: #000000 !important; background: #FFFFFF; }
.menu-entry .uk-dropdown a.active{ pointer-events: none; cursor: default; }
.menu-entry .langue-entry{
    margin: 0 0 0 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
    color: #FFFFFF;
}
.menu-entry .uk-dropdown.langue {
    margin: 20px 0 0 0;
    min-width: auto;
}
.menu-entry svg{ height: 34px;vertical-align: baseline; }
.lang-box, .lang-box:hover, .lang-box:focus{ position: absolute; top: 35px; padding: 0 30px 0 0 !important; background-color: transparent !important; border: none; overflow: visible; }
.lang-selector-caret{ position: absolute; top:5px; left:34px; font-size: 20px; }
.lang-selector{ list-style: none; margin: 10px 0 0 0; padding: 0; position: absolute; left: 26px; top: 16px; }
.lang-item{ padding: 0 0 4px 0; }
.picto-flag-large{ width: 35px !important; height: 35px !important; }
.picto-flag-fr{ background-image: url('../images/flag-fr.svg'); background-repeat: no-repeat; width: 26px; height: 26px; }
.picto-flag-en{ background-image: url('../images/flag-en.svg'); background-repeat: no-repeat; width: 26px; height: 26px; }
.flex{ display: flex; }
.section{ position: relative; width: 100%; max-width: 100%; overflow: hidden !important; padding-left: calc((100% - 1200px) / 2) !important; padding-right: calc((100% - 1200px) / 2) !important; -webkit-transition: height .35s ease-out; -moz-transition: height .35s ease-out; -ms-transition: height .35s ease-out; -o-transition: height .35s ease-out; transition: height .35s ease-out; }
.section:focus{ outline: none !important; }

.section-menu{ background-color: #000; overflow: visible!important; }
[data-uk-sticky].uk-active{ width: 100% !important; left: 0; padding-left: calc((100% - 1200px) / 2) !important; padding-right: calc((100% - 1200px) / 2) !important; }

.section-1{ padding-top: 25px; min-height: 660px; background-image: url('../images/globe.jpg'); background-repeat: no-repeat; background-size: cover; }
.section-1 h1{ color: #fff; font-family: "SourceSansPro-Bold" !important; font-size: 40px !important; margin: 0; padding-top: 0; }
.section-1 h2{ color: #fff; font-family: "SourceSansPro-Regular" !important; font-size: 21px !important; margin: 0; padding-bottom: 80px; }
.section-1 h3{ color: #fff; }
.section-1 p{ color: #fff !important; font-family: "SourceSansPro-Regular" !important; font-size: 25px !important; line-height: 28px !important; }
.section-1 .header-content{   }
.section-1 .header-alt-content{ opacity: 0; position: absolute; width: 400px; top: 0; background-color: rgba(0, 32, 96, .7); border: 1px solid #42719b; border-radius: 10px; padding: 10px; -webkit-transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -ms-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; transition: opacity .5s ease-out; }
.section-1 .header-alt-content h3{ font-size: 27px !important; text-align: center; margin-top: 5px; }
.section-1 .header-alt-content p{ font-size: 18px !important; line-height: 24px !important; text-align: justify; }
.section-1 .header-popin{ position: absolute; height:100%; top:0; right: calc((100% - 110px) / 2); }
.section-1 .header-popin-visible{ opacity: 1; }
.section-1 .header-pictos{ position: absolute; right: calc((100% - 1200px) / 2); top: 50%; margin-top: -180px; width: 60px; height: auto; }
.header-logo{ position: absolute; top: 35px; right: calc((100% - 1190px) / 2); width: 100px; height: 51px; }
.header-picto{ width: 61px; height: 61px; padding: 8px 0; -webkit-transition: fill .35s ease-out, opacity .35s ease-out; -moz-transition: fill .35s ease-out, opacity .35s ease-out; -ms-transition: fill .35s ease-out, opacity .35s ease-out; -o-transition: fill .35s ease-out, opacity .35s ease-out; transition: fill .35s ease-out, opacity .35s ease-out; }
.header-picto-svg{ padding: 1px; }
.header-picto .svg-backward{ fill:transparent; pointer-events: none; -webkit-transition: fill .35s ease-out, opacity .35s ease-out; -moz-transition: fill .35s ease-out, opacity .35s ease-out; -ms-transition: fill .35s ease-out, opacity .35s ease-out; -o-transition: fill .35s ease-out, opacity .35s ease-out; transition: fill .35s ease-out, opacity .35s ease-out; }
.header-picto .svg-ring, .header-picto .svg-picto-stroke{ fill:transparent; stroke-width: 2; stroke: #ffffff; }
.header-picto .svg-picto-stroke-large{ fill:transparent; stroke-width: 4; stroke: #ffffff; -webkit-transition: stroke .35s ease-out; -moz-transition: stroke .35s ease-out; -ms-transition: stroke .35s ease-out; -o-transition: stroke .35s ease-out; transition: stroke .35s ease-out; }
.header-picto .svg-picto{ fill: #ffffff; pointer-events: none; -webkit-transition: fill .35s ease-out, opacity .35s ease-out; -moz-transition: fill .35s ease-out, opacity .35s ease-out; -ms-transition: fill .35s ease-out, opacity .35s ease-out; -o-transition: fill .35s ease-out, opacity .35s ease-out; transition: fill .35s ease-out, opacity .35s ease-out; }
.header-picto .svg-picto-stroke{ pointer-events: none; -webkit-transition: stroke .35s ease-out; -moz-transition: stroke .35s ease-out; -ms-transition: stroke .35s ease-out; -o-transition: stroke .35s ease-out; transition: stroke .35s ease-out; }
.header-picto:hover{ cursor: pointer; }
.header-picto:hover .svg-backward{ fill: #ffffff; cursor: pointer; }
.header-picto:hover .svg-ring{ stroke: #ffffff; }
.header-picto:hover .svg-picto{ opacity: 0; }
.header-picto:hover .svg-picto-stroke, .header-picto:hover .svg-picto-stroke-large{ stroke: #737373; }
.header-picto.enabled .svg-backward{ fill: #ffffff; cursor: pointer; }
.header-picto.enabled .svg-ring{ stroke: #ffffff; }
.header-picto.enabled .svg-picto{ opacity: 0; }
.header-picto.enabled .svg-picto-stroke, .header-picto.enabled .svg-picto-stroke-large{ stroke: #737373; }

/*IE SVG FIX*/
.st-aero-0{fill:#A1A0A0;}
.st-agri-0{fill:#969696;}
.st-agri-1{fill:#979797;}
.st-agri-2{fill:#989898;}
.st-animer-0{fill:#FFFFFF;}
.st-animer-1{fill:#767776;}
.st-animer-2{fill:#B0CBE3;}
.st-animer-3{fill:#FEFEFE;}
.st-animer-4{fill:#FCFDFD;}
.st-animer-5{fill:#FDFDFE;}
.st-animer-6{fill:#FDFDFD;}
.st-animer-7{fill:#E8EFF6;}
.st-back-0{fill:transparent;}
.st-back-1{fill:none;stroke:#776E64;stroke-width:2;stroke-miterlimit:8;}
.st-back-2{fill:#776E64;}
.st-bag-0{fill:#FFFFFF;}
.st-banque-0{fill:#929292;}
.st-banque-1{fill:#949494;}
.st-banque-2{fill:#979797;}
.st-banque-3{fill:#A8A8A8;}
.st-banque-4{fill:#A5A5A5;}
.st-banque-5{fill:#939393;}
.st-banque-6{fill:#ABABAB;}
.st-boussole-0{fill:none;stroke:#FDFDFD;stroke-width:2;stroke-miterlimit:10;}
.st-boussole-1{fill:none;stroke:#FDFDFD;stroke-miterlimit:10;}
.st-bpi-0{fill:#FECC00;}
.st-bpi-1{fill:#FFFFFF;}
.st-bpi-2{fill:#797066;}
.st-bpi-3{fill:#7A7167;}
.st-bpi-4{fill:#6C655C;}
.st-bpi-5{fill:#6D655C;}
.st-bpi-6{fill:#686055;}
.st-bpi-7{fill:#6C645B;}
.st-bpi-8{fill:#756A60;}
.st-bpi-9{fill:#786E64;}
.st-bpi-10{fill:#766B61;}
.st-btp-0{fill:#A1A0A0;}
.st-casque-0{fill:#FFFFFF;}
.st-categ-aero-0{fill:transparent;}
.st-categ-aero-1{fill:none;stroke:#776E64;stroke-width:2;stroke-miterlimit:8;}
.st-categ-aero-2{fill:#776E64;}
.st-categ-aero-selected-0{fill:#776E64;}
.st-categ-aero-selected-1{fill:none;stroke:#776E64;stroke-width:2;stroke-miterlimit:8;}
.st-categ-aero-selected-2{fill:#FFFFFF;}
.st-categ-aero-white-0{fill:transparent;}
.st-categ-aero-white-1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}
.st-categ-aero-white-2{fill:#FFFFFF;}
.st-categ-banque-0{fill:transparent;}
.st-categ-banque-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-banque-2{fill:#776E64;}
.st-categ-banque-selected-0{fill:#776E64;}
.st-categ-banque-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-banque-selected-2{fill:#FFFFFF;}
.st-categ-banque-white-0{fill:transparent;}
.st-categ-banque-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-banque-white-2{fill:#FFFFFF;}
.st-categ-btp-0{fill:transparent;}
.st-categ-btp-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-btp-2{fill:#776E64;}
.st-categ-btp-selected-0{fill:#776E64;}
.st-categ-btp-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-btp-selected-2{fill:#FFFFFF;}
.st-categ-btp-white-0{fill:transparent;}
.st-categ-btp-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-btp-white-2{fill:#FFFFFF;}
.st-categ-distrib-0{fill:transparent;}
.st-categ-distrib-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-distrib-2{fill:#776E64;}
.st-categ-distrib-selected-0{fill:#776E64;}
.st-categ-distrib-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-distrib-selected-2{fill:#FFFFFF;}
.st-categ-distrib-white-0{fill:transparent;}
.st-categ-distrib-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-distrib-white-2{fill:#FFFFFF;}
.st-categ-energie-0{fill:transparent;}
.st-categ-energie-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-energie-2{fill:#776E64;}
.st-categ-energie-selected-0{fill:#776E64;}
.st-categ-energie-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-energie-selected-2{fill:#FFFFFF;}
.st-categ-energie-white-0{fill:transparent;}
.st-categ-energie-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-energie-white-2{fill:#FFFFFF;}
.st-categ-it-0{fill:transparent;}
.st-categ-it-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-it-2{fill:#776E64;}
.st-categ-it-selected-0{fill:#776E64;}
.st-categ-it-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-it-selected-2{fill:#FFFFFF;}
.st-categ-it-white-0{fill:transparent;}
.st-categ-it-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-it-white-2{fill:#FFFFFF;}
.st-categ-pharma-0{fill:transparent;}
.st-categ-pharma-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-pharma-2{fill:#776E64;}
.st-categ-pharma-selected-0{fill:#776E64;}
.st-categ-pharma-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-pharma-selected-2{fill:#FFFFFF;}
.st-categ-pharma-white-0{fill:transparent;}
.st-categ-pharma-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-pharma-white-2{fill:#FFFFFF;}
.st-categ-public-0{fill:transparent;}
.st-categ-public-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-public-2{fill:#776E64;}
.st-categ-public-selected-0{fill:#776E64;}
.st-categ-public-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-public-selected-2{fill:#FFFFFF;}
.st-categ-public-white-0{fill:transparent;}
.st-categ-public-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-public-white-2{fill:#FFFFFF;}
.st-categ-tourisme-0{fill:transparent;}
.st-categ-tourisme-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-tourisme-2{fill:#776E64;}
.st-categ-tourisme-selected-0{fill:#776E64;}
.st-categ-tourisme-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-tourisme-selected-2{fill:#FFFFFF;}
.st-categ-tourisme-white-0{fill:transparent;}
.st-categ-tourisme-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-tourisme-white-2{fill:#FFFFFF;}
.st-categ-transport-0{fill:transparent;}
.st-categ-transport-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-transport-2{fill:#776E64;}
.st-categ-transport-selected-0{fill:#776E64;}
.st-categ-transport-selected-1{fill:none;stroke:#776E64;stroke-miterlimit:8;stroke-width:2;}
.st-categ-transport-selected-2{fill:#FFFFFF;}
.st-categ-transport-white-0{fill:transparent;}
.st-categ-transport-white-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-categ-transport-white-2{fill:#FFFFFF;}
.st-certif-0{fill:#FFFFFF;}
.st-certif-1{fill:#776E64;}
.st-cible-0{fill:none;stroke:#FDFDFD;stroke-width:3;stroke-miterlimit:10;}
.st-cible-1{fill:#FDFDFD;}
.st-cible-2{fill:none;stroke:#FDFDFD;stroke-width:2;stroke-miterlimit:10;}
.st-contacter-0{fill:#FFFFFF;}
.st-contacter-1{fill:none;stroke:#767776;stroke-width:2;stroke-miterlimit:10;}
.st-contacter-2{fill:#FFFFFF;stroke:#767776;stroke-width:2;stroke-miterlimit:10;}
.st-cosmetic-0{fill:#939393;}
.st-distrib-0{fill:#9A9A9A;}
.st-download-0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}
.st-download-1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st-download-lg-0{fill:none;stroke:#737373;stroke-width:2;stroke-miterlimit:8;}
.st-download-lg-1{fill:none;stroke:#737373;stroke-width:2;stroke-miterlimit:10;}
.st-echange-0{fill:#FFFFFF;}
.st-echange-1{fill:#767776;}
.st-email-0{fill:#FFFFFF;fill-opacity:0;}
.st-email-1{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-email-2{fill:#FFFFFF;}
.st-email-large-0{fill:none;stroke:#737373;stroke-width:2;-miterlimit:8;}
.st-email-large-1{fill:#737373;}
.st-energie-0{fill:#A1A0A0;}
.st-equiper-0{fill:#FFFFFF;}
.st-equiper-1{fill:#767776;}
.st-flag-fr-0{fill:#FFFFFF;stroke:#ffffff;stroke-width:2;stroke-miterlimit:10;}
.st-flag-fr-1{clip-path:url(#SVGID_2_);}
.st-flag-fr-2{fill:#080D9F;}
.st-flag-fr-3{fill:#FFFFFF;}
.st-flag-en-0{fill:#103B99;stroke:#ffffff;stroke-width:2;stroke-miterlimit:10;}
.st-flag-en-1{clip-path:url(#SVGID_2_);fill:#BC0309;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
.st-fond-0{fill:#FFFFFF;}
.st-fond-1{fill:#767776;}
.st-forme-0{fill:#FFFFFF;}
.st-forme-1{fill:#767776;}
.st-forme-2{fill:#B0CBE3;}
.st-forme-3{fill:#FEFEFE;}
.st-forme-4{fill:#FCFDFD;}
.st-forme-5{fill:#FDFDFE;}
.st-forme-6{fill:#FDFDFD;}
.st-forme-7{fill:#E8EFF6;}
.st-hand-0{fill:transparent;}
.st-hand-1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}
.st-hand-2{fill:#FFFFFF;}
.st-house-0{fill:#FFFFFF;}
.st-it-0{fill:#A2A2A2;}
.st-it-1{fill:#A1A1A1;}
.st-light-0{fill:transparent;}
.st-light-1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}
.st-light-2{fill:#FFFFFF;}
.st-limites-0{fill:#FFFFFF;}
.st-limites-1{fill:#767776;}
.st-linkedin-small-0{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-linkedin-small-1{fill:#FFFFFF;}
.st-linkedin-lg-0{fill:none;stroke:#737373;stroke-width:2;-miterlimit:8;}
.st-linkedin-lg-1{fill:#737373;}
.st-localiser-0{fill:#FFFFFF;}
.st-localiser-1{fill:#767776;}
.st-logo-distrilogy-0{fill:#FFCC00;}
.st-logo-distrilogy-1{fill:#F2F2F2;}
.st-logo-negology-0{fill:#FFCC00;}
.st-logo-negology-1{fill:#F2F2F2;}
.st-logo-propalogy-0{fill:#FFCC00;}
.st-logo-propalogy-1{fill:#F2F2F2;}
.st-logo-raology-0{fill:#FFCC00;}
.st-logo-raology-1{fill:#F2F2F2;}
.st-loupe-0{fill:transparent;}
.st-loupe-1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}
.st-loupe-2{fill:none;stroke:#FFFFFF;stroke-width:4;stroke-miterlimit:10;}
.st-loupe-3{fill:#FFFFFF;}
.st-mail-0{fill:transparent;}
.st-mail-1{fill:none;stroke:#776e64;stroke-width:2px;stroke-miterlimit:8;}
.st-mail-2{fill:#776e64;}
.st-malle-0{fill:transparent;stroke:#FFFFFF;stroke-miterlimit:10;}
.st-malle-1{fill:#FFFFFF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st-malle-2{fill:#FFFFFF;}
.st-manoeuvrer-0{fill:#FFFFFF;}
.st-manoeuvrer-1{fill:#767776;}
.st-micro-0{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.st-micro-1{fill:#FFFFFF;}
.st-navigation-0{fill:transparent;}
.st-navigation-1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}
.st-navigation-2{fill:#FFFFFF;}
.st-navigation-3{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-miterlimit:10;}
.st-navette-0{fill:#FFFFFF;}
.st-offre-0{fill:#FFFFFF;}
.st-offre-1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}
.st-orienter-0{fill:#FFFFFF;}
.st-orienter-1{fill:#767776;}
.st-orienter-2{fill:none;stroke:#767776;stroke-width:2;stroke-miterlimit:10;}
.st-orienter-3{fill:none;stroke:#767776;stroke-miterlimit:10;}
.st-pentalogy-0{fill:none;stroke:#FFFFFF;stroke-width:1.697;stroke-linejoin:round;stroke-miterlimit:10;}
.st-pentalogy-1{fill:#FFFFFF;}
.st-pentalogy-loading-0{fill:transparent;stroke:#000000;stroke-width:1.697;stroke-linejoin:round;stroke-miterlimit:10;}
.st-pentalogy-loading-1{fill:#000000;}
.st-pharma-0{fill:#A1A0A0;}
.st-pinterest-0{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-pinterest-1{fill:#FFFFFF;}
.st-pinterest-lg-0{fill:none;stroke:#737373;stroke-width:2;-miterlimit:8;}
.st-pinterest-lg-1{fill:#737373;}
.st-plane-0{fill:#343434;}
.st-plane-1{fill:#363636;}
.st-plane-2{fill:#383838;}
.st-plume-0{fill:#FDFDFD;}
.st-plus-0{fill:rgba(255,255,255,.5);stroke:#A6A6A6;stroke-miterlimit:8;}
.st-plus-1{fill:none;stroke:#A6A6A6;stroke-miterlimit:8;}
.st-pression-0{fill:#FFFFFF;}
.st-pression-1{fill:#767776;}
.st-proposer-0{fill:#FFFFFF;}
.st-proposer-1{fill:#767776;}
.st-pueri-0{fill:#A1A0A0;}
.st-public-0{fill:#A1A0A0;}
.st-qualifier-0{fill:#FFFFFF;}
.st-qualifier-1{fill:#767776;}
.st-qualifier-2{fill:none;stroke:#767776;stroke-width:2;stroke-miterlimit:10;}
.st-recherche-0{fill:#A5A5A5;}
.st-recherche-1{fill:#A6A6A6;}
.st-recruter-0{fill:#FFFFFF;}
.st-recruter-1{fill:#767776;}
.st-saisons-0{fill:none;}
.st-saisons-1{fill:#FFFFFF;}
.st-services-0{fill:#989898;}
.st-services-1{fill:#999999;}
.st-storm-0{fill:#FFFFFF;}
.st-tourisme-0{fill:#A1A0A0;}
.st-transport-0{fill:#A1A0A0;}
.st-transport-1{fill:#A7A6A6;}
.st-transport-2{fill:#A6A5A5;}
.st-twitter-0{fill:#00A2F4;}
.st-twitter-lg-0{fill:none;stroke:#737373;stroke-width:2;-miterlimit:8;}
.st-twitter-lg-1{fill:#737373;}
.st-twitter-small-0{fill:none;stroke:#FFFFFF;stroke-miterlimit:8;stroke-width:2;}
.st-twitter-small-1{fill:#FFFFFF;}
.st-youtube-0{fill:transparent;stroke:#FFFFFF;stroke-width:2;}
.st-youtube-1{fill:#FFFFFF;}
.st-youtube-lg-0{fill:none;stroke:#737373;stroke-width:2;-miterlimit:8;}
.st-youtube-lg-1{fill:#737373;}
.st-youtube-lg-2{fill:#FFFFFF;}
.st-word-0{fill:transparent;}
.st-word-1{fill:#FFFFFF;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;}
.st-word-2{fill:transparent;}
.st-word-3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}
.st-word-defis-0{fill:#FFFFFF;}
.st-word-defis-1{fill:none;}
.st-word-defis-2{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:8;}

.popin-icon{ width: 50px; height: 50px; margin: 20px 0 0 0; }

.logo-small{ width: 31px; height: 31px; margin-top: 2px; }
.section-menu{ background-color: #000000; }

.section-2{ padding-bottom: 15px !important; }
.section-2 h1{ font-size: 32px !important; padding-top: 68px; }
.section-2-header{ position: relative; background-color: #000000; padding: 7px 0 0 0; height: 49px; box-sizing: border-box; }
.section-2-header a, .section-2-header .menu-entry{ display: inline-block; }
.section-2-header a.active{
    pointer-events: none;
}
.section-2-header p{ width: calc(100% - 380px); font-family: "SourceSansPro-Regular" !important; line-height: 33px !important; white-space: nowrap; color: #ffffff !important; padding-left: 10px; margin: 0 !important; }
/*.section-2-header .social-picto{ width: 36px; height: 36px; padding: 1px; margin: 0 0 0 5px; vertical-align: baseline; }*/

.solution-entries{ margin: 55px -12px 0 -12px; }
.solution-family{ font-family: "SourceSansPro-Bold" !important; font-size: 28px !important; color: #635a50; display: inline-block; }
.solution-family-desc{ font-family: "SourceSansPro-Light" !important; font-size: 20px !important; line-height: 25px !important; color: #635a50 !important; margin: 10px 0 15px 0 !important; }
.solution-entry{ position: relative; /*width: calc(25% - 24px);*/ float: left; width: 282px; height: 100%; overflow: visible; margin: 12px; color: #FFF; }
.solution-entry:after{ content: ""; display: block; padding-bottom: 100%; }
.solution-content-ctn{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; overflow: visible; }
.solution-content{ font-family: "SourceSansPro-Light" !important; font-size: 24px !important; line-height: 31px; }
.solution-picto-ctn{ width: 100%; height: 50%; padding-top: 10px; }
.solution-picto{ width: 70px; max-height: 70px; }
.solution-1-1{ background-color: #fdc126; }
.solution-1-2{ background-color: #fda920; }
.solution-1-3{ background-color: #fc7b12; }
.solution-1-4{ background-color: #fc4f05; }
.solution-2-1{ background-color: #fd7ffb; }
.solution-2-2{ background-color: #d623d2; }
.solution-2-3{ background-color: #d61ea7; }
.solution-2-4{ background-color: #aa19a7; }
.solution-3-1{ background-color: #fe9900; }
.solution-3-2{ background-color: #ff5200; }
.solution-3-3{ background-color: #fe2965; }
.solution-3-4{ background-color: #c41b31; }
.solution-3-5{ background-color: #780e2d; }
.solution-3-6{ background-color: #442b4d; }
.solution-3-7{ background-color: #424242; }
.solution-3-8{ background-color: #7030a0; }
.solution-3-9{ background-color: #4685ff; }
.solution-3-10{ background-color: #2f5597; }
.solution-3-11{ background-color: #0097a8; }
.solution-3-12{ background-color: #00a68a; }
.solution-entry h2{ font-family: "SourceSansPro-Bold" !important; font-size: 30px !important; color: #fff; margin-bottom: 8px; }
.solution-entry h3{ font-family: "SourceSansPro-Semibold" !important; font-size: 20px !important; line-height: 22px;  color: #fff; margin: 0; }
.solution-entry p{ font-family: "SourceSansPro-Regular" !important; color: #fff !important; font-size: 16px !important; line-height: 20px !important; color: #fff; margin: 15px 0 18px 0; }

.section-2b{ height: 0; overflow: hidden; }
.section-2b h1{ color: #fff !important; }
.section-2b p{ color: #fff !important; margin-bottom: 0; }
.slidable-ctn{ overflow: hidden; }
.formules-ctn{ width: 400%; height: auto; overflow-x: visible; -webkit-transition: margin-left .5s ease-out; -moz-transition: margin-left .5s ease-out; -ms-transition: margin-left .5s ease-out; -o-transition: margin-left .5s ease-out; transition: margin-left .5s ease-out; }
.formule-ctn{ position: relative; width: 25%; height: 100%; float: left; }
.formule-ctn p{ padding: 0 20px; }

.formule-1{ background-image: url("../images/sandstorm.jpg"); background-repeat: no-repeat; background-size: cover; }
.formule-2{ background-image: url("../images/storm.jpg"); background-repeat: no-repeat; background-size: cover; }
.formule-3{ background-image: url("../images/NYCity.jpg"); background-repeat: no-repeat; background-size: cover; }
.formule-4{ background-image: url("../images/iceberg.jpg"); background-repeat: no-repeat; background-size: cover; }

.formule-2 .formule-cartouche{ background-color: #32264280; }
.formule-3 .formule-cartouche{ background-color: #00000080; }
.formule-4 .formule-cartouche{ background-color: #07226880; }
.formule-4 h1{ padding-top: 166px; }
.formule-details-ctn{ margin-top: 50px; display: flex; }
.formule-4 .formule-details-ctn{ margin-top: 20px; }
.formule-detail{ float: left; width: 20%; padding: 20px 0; }
.formule-detail p{ font-family: "SourceSansPro-Regular" !important; font-size: 24px !important; }
.formule-detail .p-small{ font-family: "SourceSansPro-Regular" !important; font-size: 18px !important; line-height: 23px; }
.formule-detail-offset-1-3{  }

.formule-detail-1-1{ background-color: #ffc000; }
.formule-detail-1-2{ background-color: #ff9901; }
.formule-detail-1-3{ background-color: #ff5f03; }
.formule-detail-1-4{ background-color: #ca015d; }
.formule-detail-1-5{ background-color: #920330; }

.formule-detail-2-1{ background-color: #432b4d; }
.formule-detail-2-2{ background-color: #83005f; }
.formule-detail-2-3{ background-color: #cb0132; }
.formule-detail-2-4{ background-color: #ff2f2f; }
.formule-detail-2-5{ background-color: #fe9100; }

.formule-detail-3-1{ background-color: #69f; margin-left: 10%; }
.formule-detail-3-2{ background-color: #ff2965; }
.formule-detail-3-3{ background-color: #ca3fca; }
.formule-detail-3-4{ background-color: #7030a0; }

.formule-detail-4-1{ background-color: #000334; margin-left: 20%; width: calc(30% - 40px); }
.formule-detail-4-2{ background-color: #4585ff; width: calc(30% - 40px); }
.formule-cartouche-ctn{ width: 100%; margin: 40px 0 30px 0; color: #fff; }
.formule-cartouche-ctn-alt{ margin: 35px 0 75px 0; }
.formule-cartouche{ width: 625px; height: 85px; margin-left:auto; margin-right: auto; border: 1px solid #fff; border-radius: 5px; font-family: "SourceSansPro-Regular" !important; font-size: 16px !important; }
.formule-cartouche .p-large{ font-family: "SourceSansPro-Regular" !important; font-size: 20px !important; }
.formule-cartouche .p-micro{ font-family: "SourceSansPro-Light" !important; font-size: 13px !important; }
.formule-cartouche-length{ width: 135px; height: 100%; box-sizing: border-box; margin:0; padding: 20px 25px 20px 25px; border-right: 1px solid #fff; }
.formule-cartouche-price{ width: 155px; height: 100%; box-sizing: border-box; margin:0; padding: 20px 20px 20px 20px; border-right: 1px solid #fff; }
.formule-cartouche-contacts{ width: 180px; height: 100%; box-sizing: border-box; margin: 0; padding: 12px 25px 0 25px; }
.formule-agreg{ width: 100%; padding-bottom: 30px; }
.formule-agreg p{ font-size: 18px !important; line-height: 18px !important; }
.formule-agreg small{ font-size: 14px !important; }
.formules-picto{ position: absolute; top:25px; right: 25px; }
.formule-picto{ width: 60px; height: 60px; }
.contact-picto{ width: 35px; height: 35px; padding: 1px; margin: 5px 2px; }
.contact-picto-small{ width: 65px; height: 55px; padding: 1px; margin: 0 2px; }

.section-3{ background-color: #f2f2f2; margin-top: 25px; padding-bottom: 30px; }
.section-3 h1{ margin-bottom: 0; }
.section-3 p{ margin-top: 0; }
.sector-entries{ width: 100%; margin: 50px auto 0 auto; text-align: center; }
.sector-entry{ display: inline-block; width: 190px; margin: 15px 5px; }
.sector-icon{ width: 90px; max-height: 60px; margin: 0 auto 6px auto; }

.section-4{ margin-bottom: 10px; }
.posts-categs{ display: inline-block; padding-left: 20px; }
.posts-categ{ -webkit-transition: opacity .35s ease-out; -moz-transition: opacity .35s ease-out; -ms-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out; transition: opacity .35s ease-out; }
.posts-categ.disabled{ opacity: .35; pointer-events: none;    }
.posts-categ.disabled .categ-picto:hover{ cursor: default; }
.posts-categ .categ-picto{ width: 60px; height: 60px; padding: 1px; margin-right: 20px; }
.posts-categ .categ-picto .svg-backward{ pointer-events: none; -webkit-transition: fill .35s ease-out, opacity .35s ease-out; -moz-transition: fill .35s ease-out, opacity .35s ease-out; -ms-transition: fill .35s ease-out, opacity .35s ease-out; -o-transition: fill .35s ease-out, opacity .35s ease-out; transition: fill .35s ease-out, opacity .35s ease-out; }
.posts-categ .categ-picto .svg-picto{ pointer-events: none; -webkit-transition: fill .35s ease-out, opacity .35s ease-out; -moz-transition: fill .35s ease-out, opacity .35s ease-out; -ms-transition: fill .35s ease-out, opacity .35s ease-out; -o-transition: fill .35s ease-out, opacity .35s ease-out; transition: fill .35s ease-out, opacity .35s ease-out; }
.posts-categ .categ-picto .svg-picto-stroke{ pointer-events: none; -webkit-transition: stroke .35s ease-out; -moz-transition: stroke .35s ease-out; -ms-transition: stroke .35s ease-out; -o-transition: stroke .35s ease-out; transition: stroke .35s ease-out; }
.posts-categ .categ-picto:hover{ cursor: pointer; }
.posts-categ.selected .categ-picto .svg-backward, .posts-categ .categ-picto:hover .svg-backward{ fill: #737373; cursor: pointer; }
.posts-categ.selected .categ-picto .svg-picto, .posts-categ .categ-picto:hover .svg-picto{ fill: #ffffff; }
.posts-categ .categ-picto:hover .svg-picto-stroke{ stroke: #737373; }
.posts-categ-selection{ padding: 10px 0; font-family: "SourceSansPro-Bold" !important; font-size: 20px !important; color:#808080; }
.posts-paginated{ -webkit-transition: margin-left .35s ease-out; -moz-transition: margin-left .35s ease-out; -ms-transition: margin-left .35s ease-out; -o-transition: margin-left .35s ease-out; transition: margin-left .35s ease-out; }
.posts-results{ display: inline-block; white-space: nowrap; overflow: hidden; }
.post{ position: relative; display: inline-block; width: calc(20% - 4px); height:100%; vertical-align: top; margin-right: 5px; background-color: #f2f2f2; overflow: hidden; -webkit-transition: padding-right .35s ease-out, opacity .35s ease-out; -moz-transition: padding-right .35s ease-out, opacity .35s ease-out; -ms-transition: padding-right .35s ease-out, opacity .35s ease-out; -o-transition: padding-right .35s ease-out, opacity .35s ease-out; transition: padding-right .35s ease-out, opacity .35s ease-out; }
.post-hidden{ opacity: 0; }
.post-opened{ /*padding-right: calc(40% + 5px);*/ }
.post-thumb{ position: relative; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.post-thumb:hover{ cursor: pointer; }
.post-categ{ position: absolute; width: 50px; height: 50px;bottom: 10px; right: 10px; background-size: cover; background-repeat: no-repeat; }
.post-details{ position: absolute; top: 0; left: 100%; width: calc(66.66% + 5px); height: 100%; margin: 0; padding: 10px; box-sizing: border-box; background-color: #f2f2f2; text-align: justify; white-space: normal; overflow: hidden; -webkit-transition: margin-left .35s ease-out; -moz-transition: margin-left .35s ease-out; -ms-transition: margin-left .35s ease-out; -o-transition: margin-left .35s ease-out; transition: margin-left .35s ease-out; }
.post.post-opened .post-details{ margin-left: calc(-66.66% - 5px) !important; }
.post-details-title{ text-align: left; font-family: "SourceSansPro-Bold" !important; font-size: 16px !important; line-height: 15px; color: #ffffff; white-space: normal; padding: 10px 10px 2px 10px; }
.post-details-date{ font-family: "SourceSansPro-Regular" !important; font-size: 16px !important; line-height: 24px; }
.post-details-content{ font-family: "SourceSansPro-Light" !important; font-size: 15px !important; line-height: 17px;  }
.post-details-link{ position: absolute; width: 30px; height: 30px;bottom: 10px; right: 10px; background-size: cover; background-repeat: no-repeat; }
.posts-pagination{ padding: 10px 0 0 0; opacity: 1; -webkit-transition: opacity .35s ease-out; -moz-transition: opacity .35s ease-out; -ms-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out; transition: opacity .35s ease-out; }
.posts-pagination-hidden{ opacity: 0; pointer-events: none; }
.posts-pagination-item{ display: inline-block; font-family: "SourceSansPro-Regular" !important; font-size: 16px !important; color: #cfccc9; margin:0 8px 0 0; -webkit-transition: color .35s ease-out; -moz-transition: color .35s ease-out; -ms-transition: color .35s ease-out; -o-transition: color .35s ease-out; transition: color .35s ease-out; }
.posts-pagination-prev, .posts-pagination-next{ font-size: 16px !important; color: #cfccc9; }
.posts-pagination-prev{ padding: 2px 10px 0 4px; }
.posts-pagination-next{ padding: 2px 4px 0 2px; }
.posts-pagination.posts-pagination-hidden .posts-pagination-item.selected{ color: #f2f2f2; }
.posts-pagination-item.selected{ color: #776e64; pointer-events: none; }
.posts-pagination-item:hover, .posts-pagination-prev:hover, .posts-pagination-next:hover{ color: #776e64; cursor: pointer; }
.post-items{ display: none; }

.flex-center {
    display: flex;
    align-content: center;
    justify-content: center;
}
.section-4b{ margin-bottom: 40px; }
.tweets-ctn{ overflow: hidden; background-color:#deebf7; min-height: 60px; padding: 5px; font-family: "SourceSansPro-Regular" !important; font-size: 18px !important; color:#0070c0; }
.tweets-ctn ul{ list-style: none; margin: 0; padding: 5px 0; }
.tweets-ctn li{ display: inline-block; vertical-align: middle; padding: 0 10px; box-sizing: border-box; -webkit-transition: margin-left .5s ease-out; -moz-transition: margin-left .5s ease-out; -ms-transition: margin-left .5s ease-out; -o-transition: margin-left .5s ease-out; transition: margin-left .5s ease-out; }
.tweets-ctn li a { text-decoration: underline; color:#0070c0 !important; }
.tweet-content{ float: left; width: calc(100% - 40px); text-align: left; line-height: 15px; padding: 4px 0; }
.twitter-icon{ float: left; vertical-align: middle; margin-right: 5px; background-image: url(../images/logo-twitter.svg); background-repeat: no-repeat; width: 30px; height: 30px; background-size: contain; }

.section-5{ /*background-color: #f2f2f2;*/ padding-top: 25px; padding-bottom: 25px; }
.section-5-entry{ width: calc(100% / 3); height: 100%; float: left; }
.section-5-entry > *{ height: 100%; }
.section-5-entry > * > img{
    margin: auto;
    padding: 0;
}
.section-5-content{ display: flex; }
.section-5-coment{ width: calc(100% - 200px); min-height: 100%; padding-left: 10px; padding-right: 10px; margin: auto 0!important; display: flex; justify-content: end; }
.section-5-coment-2{ width: calc(100% - 115px); margin-top: 5px !important; }
.section-5-coment p{ margin: 0 !important; font-size: 18px !important; line-height: 20px !important; }
.section-5-coment small{ margin: auto 0; }
.section-5-icon{ width: 93px; height: 93px; padding: 1px; margin: auto 0 }
.section-5-be-up{ width: auto; height: 80px; padding: 0; margin: auto 0 auto auto; }
.section-5-academie-ui{ width: auto; height: 80px; padding: 5px 0 0 0; margin: 0 0 0 30px; }
.section-5-geneo{ width: auto; height: 50px; padding: 5px 0 0 0; margin: 25px auto 0 auto; }
/*.section-5-qualiopi{ width: 100%; margin: 20px 0 20px 0!important; display: flex!important; }*/
.section-5-qualiopi .section-5-content{
    flex-direction: column;
}
.section-5-qualiopi .section-5-coment{
    padding-left: 0;
    width: auto;
}
.section-5-qualiopi .section-5-coment small{
    margin: 12px 0 0 0;
}
img.section-5-icon-qualiopi{ width: auto; height: auto; margin: 0 auto 0 0; }

.section-5b{ }
.section-5b h1{ margin-bottom: 40px; }
.section-5b p{ width: 100%; margin-bottom: 40px }
.about-rows{ display: inline-block; width: calc(100% + 45px); }
.about-row{ width: 25%; float: left; padding: 0 45px 0 0; box-sizing: border-box; }
.about-row p{ width: 100%; float: left; }
.avatar-pentalogy{ width: 145px; height: 145px; margin: 20px 0 10px calc((100% - 145px) / 2); border-radius: 50%; border: 2px solid #808080; overflow: hidden; }
.avatar-pentalogy img{ width: 100%; height: 100%; }

.section-6{ }
.legals-title{ font-family: "SourceSansPro-Bold" !important; font-size: 31px !important; line-height: 30px; }
.legals-subtitle{ font-family: "SourceSansPro-Bold" !important; font-size: 18px !important; line-height: 20px; }
.legals-link, .legals-link:focus, .legals-link:hover{ color: #5b5246 !important; font-family: "SourceSansPro-Light" !important; }
.section-6 p{ width: 100%; margin: 0; font-size: 18px !important; color: #5b5246 !important; padding: 30px 0 30px 0; }

.section-7{ background-color: #635a50; padding: 65px 0 30px 0; }
.section-7.bottom{
    position: absolute;
    bottom: 0;
}
.section-7 p{ margin: 0 !important; font-family: "SourceSansPro-Regular" !important; font-size: 17px!important; color: #ffffff!important; }
.header-pipe{ font-family: "SourceSansPro-Regular" !important; font-size: 20px; padding: 0 10px; color:#ffffff!important; }

.section-8{  }
.section-8-icon{ width: 61px; height: 61px!important; padding: 1px; margin: 10px 10px 10px 0; }

.section-closed{ height: 0!important; overflow-y: hidden; }
.section-opened{ height: auto; }
.section-togglable-content{ margin: 0; padding: 0; display: inline-block; }

.full-height{ height: 100%; }

.flip-x{ -webkit-perspective: 600px; -moz-perspective: 600px; -o-perspective: 600px; -ms-perspective: 600px; perspective: 600px; }
.flip-x .front { z-index: 1000; position: absolute; height: 100%; padding: 0 20px; -webkit-transform: rotateX(0) rotateY(0); -moz-transform: rotateX(0) rotateY(0); -o-transform: rotateX(0) rotateY(0); -ms-transform: rotateX(0) rotateY(0); transform: rotateX(0) rotateY(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.flip-x .back { z-index: 900; height: 100%; padding: 0 20px; -webkit-transform: rotateX(-179deg); -moz-transform: rotateX(-179deg); -o-transform: rotateX(-179deg); -ms-transform: rotateX(-179deg); transform: rotateX(-179deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.flip-x.active .front { z-index: 900; -webkit-transform: rotateX(179deg); -moz-transform: rotateX(179deg); -o-transform: rotateX(179deg); -ms-transform: rotateX(179deg); transform: rotateX(179deg); }
.flip-x.active .back { z-index: 1000; -webkit-transform: rotateX(0) rotateY(0); -moz-transform: rotateX(0) rotateY(0); -o-transform: rotateX(0) rotateY(0); -ms-transform: rotateX(0) rotateY(0); transform: rotateX(0) rotateY(0); }
.flip-x .section-togglable-content{ height: 100%; padding: 0; }

.flip-y{ -webkit-perspective: 600px; -moz-perspective: 600px; -o-perspective: 600px; -ms-perspective: 600px; perspective: 600px; }
.flip-y .front { position: absolute; height: 100%; padding: 0 20px; -webkit-transform: rotateX(0) rotateY(0); -moz-transform: rotateX(0) rotateY(0); -o-transform: rotateX(0) rotateY(0); -ms-transform: rotateX(0) rotateY(0); transform: rotateX(0) rotateY(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.flip-y .back { height: 100%; padding: 0 20px; -webkit-transform: rotateY(-179deg); -moz-transform: rotateY(-179deg); -o-transform: rotateY(-179deg); -ms-transform: rotateY(-179deg); transform: rotateY(-179deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.flip-y.active .front { z-index: 900; -webkit-transform: rotateY(179deg); -moz-transform: rotateY(179deg); -o-transform: rotateY(179deg); -ms-transform: rotateY(179deg); transform: rotateY(179deg); }
.flip-y.active .back { z-index: 1000; -webkit-transform: rotateY(0) rotateY(0); -moz-transform: rotateY(0) rotateY(0); -o-transform: rotateY(0) rotateY(0); -ms-transform: rotateY(0) rotateY(0); transform: rotateX(0) rotateY(0); }

.logo-propalogy{ background-image: url(../images/logo-propalogy.svg); background-repeat: no-repeat; width: 100%; height: 35px; background-size: contain; background-position-x: center; margin-bottom: 20px; }
.logo-negology{ background-image: url(../images/logo-negology.svg); background-repeat: no-repeat; width: 100%; height: 35px; background-size: contain; background-position-x: center; margin-bottom: 20px; }
.logo-raology{ background-image: url(../images/logo-raology.svg); background-repeat: no-repeat; width: 100%; height: 35px; background-size: contain; background-position-x: center; margin-bottom: 20px; }
.logo-distrilogy{ background-image: url(../images/logo-distrilogy.svg); background-repeat: no-repeat; width: 100%; height: 35px; background-size: contain; background-position-x: center; margin-bottom: 20px; }

.pentalogy-loading{ opacity: .15; background-image: url(../images/pentalogy-loading.svg); background-repeat: no-repeat; width: 80px; height: 80px; background-size: contain; }

.loading-ctn { height: calc((100vw - 30px) / 5); max-height: 236px; background-color: #f2f2f2; -webkit-transition: opacity .35s ease-out; -moz-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out; -ms-transition: opacity .35s ease-out; transition: opacity .35s ease-out; }
.loading-hidden{ opacity: 0; }
.loading { border-radius: 50%; width: 24px; height: 24px; border: 0.25rem solid #ffffff; border-top-color: #f2f2f2; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }
.loading-tweets-ctn{ display: block; }
.loading-tweets { margin-top: 13px; border-radius: 50%; width: 20px; height: 20px; border: 0.25rem solid #ffffff; border-top-color: #0070c0; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }

@media (min-width: 1221px){
    .flip-x:hover .front { z-index: 900; -webkit-transform: rotateX(179deg); -moz-transform: rotateX(179deg); -o-transform: rotateX(179deg); -ms-transform: rotateX(179deg); transform: rotateX(179deg); }
    .flip-x:hover .back { z-index: 1000; -webkit-transform: rotateX(0) rotateY(0); -moz-transform: rotateX(0) rotateY(0); -o-transform: rotateX(0) rotateY(0); -ms-transform: rotateX(0) rotateY(0); transform: rotateX(0) rotateY(0); }
    .flip-y:hover .front { z-index: 900; -webkit-transform: rotateY(179deg); -moz-transform: rotateY(179deg); -o-transform: rotateY(179deg); -ms-transform: rotateY(179deg); transform: rotateY(179deg); }
    .flip-y:hover .back { z-index: 1000; -webkit-transform: rotateY(0) rotateY(0); -moz-transform: rotateY(0) rotateY(0); -o-transform: rotateY(0) rotateY(0); -ms-transform: rotateY(0) rotateY(0); transform: rotateX(0) rotateY(0); }
}

@media (max-width: 1220px){
    .section-1{ padding: 25px 25px 0 25px !important; }
    .section-1 .header-logo, .section-1 .header-pictos{ right: 25px; }
    .section-1 .header-popin{ right: 572px; }
    .section-menu{ padding-left: 0 !important; padding-right: 0 !important; }
    .section-2{ padding: 0 25px 15px 25px !important; }
    .section-2 .solution-entries{ margin: 45px auto 0 auto !important; }
    .section-2 .solution-entry{ float: none; display: inline-block; }
    .flip-x:hover .front { z-index: 900; -webkit-transform: rotateX(179deg); -moz-transform: rotateX(179deg); -o-transform: rotateX(179deg); -ms-transform: rotateX(179deg); transform: rotateX(179deg); }
    .flip-x:hover .back { z-index: 1000; -webkit-transform: rotateX(0) rotateY(0); -moz-transform: rotateX(0) rotateY(0); -o-transform: rotateX(0) rotateY(0); -ms-transform: rotateX(0) rotateY(0); transform: rotateX(0) rotateY(0); }
    .flip-y:hover .front { z-index: 900; -webkit-transform: rotateY(179deg); -moz-transform: rotateY(179deg); -o-transform: rotateY(179deg); -ms-transform: rotateY(179deg); transform: rotateY(179deg); }
    .flip-y:hover .back { z-index: 1000; -webkit-transform: rotateY(0) rotateY(0); -moz-transform: rotateY(0) rotateY(0); -o-transform: rotateY(0) rotateY(0); -ms-transform: rotateY(0) rotateY(0); transform: rotateX(0) rotateY(0); }
    .section-2-header{ padding: 7px 25px 0px 25px; }
    [data-uk-sticky].uk-active{ padding-left: 25px !important; padding-right: 25px !important; }
    .section-3{ padding: 0 25px 30px 25px !important; }
    .section-4, .section-4b{ padding: 0 25px 0 25px !important; }
    .section-4 .posts-pagination-item{ font-size: 18px !important; }
    .section-5{ padding: 20px 25px 20px 25px !important; }
    .section-5-a{ padding: 20px 25px 0 25px !important; }
    .section-5-b{ padding: 0 25px 20px 25px !important; }
    .section-5b{ padding: 0 25px 0 25px !important; }
    .section-5-entry{ width: calc(100% / 3); float: left; }
    /* .section-5-coment{ width: calc(100% - 110px); min-height: 100%; padding-left: 10px; } */
    .section-5-coment-2{ margin-top: -20px !important; }
    .section-5-coment p{ margin: 0 !important; font-size: 18px !important; line-height: 20px !important; }
    .section-5-academie-ui{ padding: 5px 0 0 40px; }
    .section-6{ padding: 0 25px 0 25px !important; }
    .section-7{ padding: 65px 25px 30px 25px !important; }
    .section-8{ padding: 0 25px 0 25px !important; }
    .login-form{
        padding: 15px;
    }
}

@media (max-width: 959px){

    .lang-box, .lang-box:hover, .lang-box:focus{ top: 25px; left: 62px; }

    .section-1 .header-content{ padding-top: 120px; }
    .section-1 .header-pictos{ position: relative; float: left; width: 100%; top: auto; right: auto; bottom: 0; left: auto; margin: 0 0 30px 0; padding: 30px 0 0 0; }
    .section-1 .header-picto{ display: inline-block; padding: 0 5px 0 5px; }
    .section-1 h1{ font-size: 52px !important; line-height: 52px; }
    .section-1 h2{ font-size: 26px !important; padding-bottom: 50px; }
    .section-1 p{ padding-left: 15%; padding-right: 15%; font-size: 30px !important; line-height: 33px !important; }
    .section-1 .popin-entries{ width: 600%; float: left; -webkit-transition: margin-left .5s ease-out; -moz-transition: margin-left .5s ease-out; -ms-transition: margin-left .5s ease-out; -o-transition: margin-left .5s ease-out; transition: margin-left .5s ease-out; }
    .section-1 .popin-entry{ width: calc(100% / 6); float: left; }
    .section-1 .popin-icon{ margin: 0; }
    .section-1 .popin-entry h3{ font-size: 30px !important; line-height: 33px !important; margin: 10px 0 0 0; }
    .section-1 .popin-entry p{ font-size: 22px !important; line-height: 26px !important; }
    .section-1 .popin-entry:first-child{ padding-top: 50px; }
    .section-1 .popin-entry:first-child p{ font-size: 30px !important; line-height: 33px !important; }
    .section-menu{ padding-left: 0 !important; padding-right: 0 !important; }

    .section-2{ padding: 0 25px 0 25px !important; }
    .section-2 .solution-entry { width: 100%; float: left; margin: 0 0 10px 0; }
    .section-2 .solution-entry:after{ content: ""; display: block; padding-bottom: 0; }
    .section-2 .solution-entry:last-child{ margin-bottom: 0 !important; }
    .section-5-entry{ width: 100%; height: auto; margin: 0 0 35px 0!important; justify-content: center; }
    .section-5-entry > .uk-width-1-3{ height: 80px; }
    .section-5-entry > .uk-width-1-2{ height: 60px; margin: 20px 0 }
    .section-5-content{ justify-content: center; }
    .section-5-coment{ width: auto; max-width: 200px; justify-content: center; }
    .section-5-coment-2{ width: auto; display: block; padding: 8px 10px 0 0px; margin-top: 0!important; }
    .section-5-academie-ui{ width: 50px; height: auto; padding: 0; }
    .section-5-entry.section-5-qualiopi{
        margin: 0!important;
    }
    .section-5-qualiopi .section-5-content{
        float: none;
        width: auto;
        margin: 0 auto;
        max-width: 440px;
    }
    .section-5-qualiopi .section-5-coment{
        align-self: center;
    }
    .section-5-qualiopi .section-5-coment small{
        margin: 10px auto 0 auto;
    }
    .section-5b h1 { margin-bottom: 20px; }
    #about-section p{ font-size: 18px; line-height: 24px; }
    .about-rows{ width: calc(100% + 35px); }
    .about-row{ padding: 0 35px 0 0; }
    .about-row p{ font-size: 16px !important; line-height: 22px !important; }
    .avatar-pentalogy{ width: 100%; height: auto; margin: 10px 0 0px 0; }

    .solution-entry h2{ font-size: 36px !important; line-height: 26px !important; padding: 0 15px 0 15px; }
    .solution-entry h3{ font-size: 28px !important; line-height: 26px !important; padding: 0 15px 0 15px; }
    .solution-entry p{ font-size: 20px !important; line-height: 26px !important; padding: 0 15px 0 15px; }
    .solution-entry .uk-button, .solution-entry .uk-button:hover, .solution-entry .uk-button:focus, .solution-entry .uk-button:disabled{ font-family: "SourceSansPro-Semibold" !important; font-size: 18px !important; padding: 10px 20px !important; }
    .solution-content-ctn{ position: relative; float: left; top: auto; left: auto; }
    .solution-picto-ctn { width: 60px; height: 60px; padding: 0; float: left; }
    .solution-picto{ width: 60px; max-height: 60px; }
    .solution-content{ font-family: "SourceSansPro-Regular" !important; font-size: 26px !important; line-height: 24px; width: calc(100% - 70px); float: left; text-align: left; padding: 0 0 0 10px; }
    .formules-picto{ width: 70px !important;  right: calc(50% - 35px); }
    .formule-picto { width: 80px;  height: 80px; float: left; }
    .formule-ctn{ width: 100%; margin-top: 2px; -webkit-transition: height .75s ease-out; -moz-transition: height .75s ease-out; -ms-transition: height .75s ease-out; -o-transition: height .75s ease-out; transition: height .75s ease-out; }
    .formule-ctn h1{ color: #fff; }
    .formule-ctn p{ font-size: 22px !important; line-height: 26px !important; padding: 85px 20px 0 20px; }
    .formule-details-ctn{ margin-top: 0; display: block; }
    .formule-detail{ width: 100%; float: left; box-sizing: border-box; text-align: left !important; }
    .formule-detail p{ font-family: "SourceSansPro-Semibold" !important; font-size: 22px !important; line-height: 26px !important; margin: 0; padding: 0; width: 100%; float: left; }
    .formule-detail .p-small { font-size: 18px !important; line-height: 20px; display: block; padding-top: 2px; }
    .formule-cartouche-ctn{ margin: 30px 0 0 0; }
    .formule-cartouche{ background-color: rgba(255,255,255,.2); width: calc(100% - 50px); font-family: "SourceSansPro-Semibold" !important; font-size: 20px !important; }
    .formule-cartouche-length{ width: 22%; }
    .formule-cartouche-price{ width: 22%; }
    .formule-cartouche-contacts{ width: 33%; }
    .formule-cartouche .p-small{ font-family: "SourceSansPro-Regular" !important; font-size: 26px !important; }
    .formule-cartouche .p-micro{ font-family: "SourceSansPro-Light" !important; font-size: 13px !important; }

    .formule-agreg{ padding-bottom: 2px; }
    .formule-agreg p{ font-size: 16px !important; line-height: 19px !important; padding: 20px 20px 0 20px; margin: 0; }
    .formule-agreg small{ font-size: 14px !important; line-height: 14px !important; display: block; padding-top: 5px; }

    .formule-detail{ padding: 20px; }
    .formule-detail-1-1, .formule-detail-2-1, .formule-detail-3-1, .formule-detail-4-1{ margin: 0 !important; }
    .formule-detail-1-1, .formule-detail-1-3, .formule-detail-1-5, .formule-detail-2-1, .formule-detail-2-3, .formule-detail-2-5, .formule-detail-3-1, .formule-detail-3-3, .formule-detail-3-5, .formule-detail-4-1 { background-color: rgba(255,255,255,.2); }
    .formule-detail-1-2, .formule-detail-1-4, .formule-detail-2-2, .formule-detail-2-4, .formule-detail-3-2, .formule-detail-3-4, .formule-detail-4-2 { background-color: rgba(255,255,255,.05); }

    .section-toggler:hover{ cursor: pointer; }
    .solution-content-ctn .head{ position: relative; width: 100%; margin-bottom: 2px; padding: 10px; box-sizing: border-box; float: left; transform: none; }
    .solution-content-ctn .details { position: relative; width: 100%; padding: 0 10px; box-sizing: border-box; float: left; transform: none; -webkit-transition: height .35s ease-out; -moz-transition: height .35s ease-out; -ms-transition: height .35s ease-out; -o-transition: height .35s ease-out; transition: height .35s ease-out; }
    .solution-content-ctn .section-togglable-content{ padding: 20px 0; box-sizing: border-box; }

    .button-esp{ -webkit-transition: opacity .35s ease-out; -moz-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out; -ms-transition: opacity .35s ease-out; transition: opacity .35s ease-out; }
    .button-esp.disabled{ opacity: .5; }

    .contact-picto-small{ width: 38px; height: 38px; padding: 1px; margin: 0 2px; }
    .logo-propalogy{ margin-top: 10px; }
    .logo-negology{ margin-top: 10px; }
    .logo-raology{ margin-top: 10px; }
    .logo-distrilogy{ margin-top: 10px; }

    .posts-results{ white-space: normal; }
    .posts-container.disabled .post-categ{ pointer-events: none; }
    .post{ position: relative; display: block; width: 100%; height: auto; float: left; margin-right: 0; padding: 10px; box-sizing: border-box; }
    .post:nth-child(odd){ background-color: #f2f2f2; }
    .post:nth-child(even){ background-color: rgba(242,242,242,0.1); }
    .posts-categ{ }
    .posts-categ.hidden{ display: none; }
    .posts-categ-selection{ padding: 0; }
    .posts-back{ width: 50px; height: 50px; margin: 0 10px 10px 10px }
    .posts-back.disabled{ cursor: default; pointer-events: none; opacity: 0; }
    .post-header{ float: left; width: 100%; }
    .posts-categ-selection .post-categ{ pointer-events: none; }
    .post-categ { float: left; width: 50px; position: relative; height: 50px; bottom: auto; right: auto; background-size: cover; background-repeat: no-repeat; }
    .post-categ:hover{ cursor: pointer; }
    .post-categ-name{ float: left; padding: 14px 0 0 10px; }
    .post-details{ width: 100%; float: left; position: relative; top: auto; left: auto; height: auto; margin: 0; padding: 0; box-sizing: border-box; background-color: transparent; text-align: justify; white-space: normal; overflow: hidden; }
    .post-details-title { float: left; width: calc(100% - 60px); padding: 0 0 0 10px; text-align: left; font-family: "SourceSansPro-Bold" !important; font-size: 16px !important; line-height: 15px; color: inherit; white-space: normal; }
    .post-details-date{ color: #979797; line-height: 20px; }
    .post-details-content{ float: left; text-align: justify; -webkit-transition: height .35s ease-out; -moz-transition: height .35s ease-out; -ms-transition: height .35s ease-out; -o-transition: height .35s ease-out; transition: height .35s ease-out; }
    .post-details-link{ width: 25px; height: 25px; -webkit-transition: opacity .35s ease-out; -moz-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out; -ms-transition: opacity .35s ease-out; transition: opacity .35s ease-out; }
    .post-details-content.section-closed .post-details-link{ opacity: 0; pointer-events: none; }

    .section-5 .section-5-coment p{ font-size: 18px !important; line-height: 20px !important; }

}

@media (max-width: 768px){

    .uk-offcanvas-bar{ padding: 20px 0; }

    .login-form{ padding: 0 15px; }

    .lang-box, .lang-box:hover, .lang-box:focus{ top: 25px; left: 62px; }
    [data-uk-sticky].uk-active { padding-left: 15px !important; padding-right: 15px !important; }
    .section-2-header p{ width: calc(100% - 70px); float: left; }
    .header-logo{ top: 27px; }

    .section-1{ padding: 25px 25px 0 25px !important; }
    .section-1 h1{ padding-top: 30px; }
    .section-1 h2{ padding-top: 0px; }
    .section-1 .popin-entry:first-child { padding-top: 30px; }

    .section-2 h1{ padding-top: 30px; }
    .section-2 .solution-entries { margin: 15px auto 0 auto !important; }
    .section-2 .formule-cartouche-ctn { margin: 20px 0 0 0; }
    .section-2 .formule-cartouche{ width: calc(100% - 40px); height: 260px; font-size: 18px !important; line-height: 12px; }
    .section-2 .formule-cartouche-length{ width: 100%; height: 60px; border-right: none; border-bottom: 1px solid #ffffff; padding: 15px 25px 0px 25px; }
    .section-2 .formule-cartouche-price{ width: 100%; height: 60px; border-right: none; border-bottom: 1px solid #ffffff; padding: 15px 25px 0px 25px; }
    .section-2 .formule-cartouche-pdf{
        padding: 25px 25px 0 25px;
    }
    .section-2 .formule-cartouche-contacts{ width: 100%; height: 80px; padding: 15px 25px 0px 25px; }
    .section-2 .formule-agreg{ padding-bottom: 0; }

    .section-3 { padding: 0 25px 10px 25px !important; }
    .section-3 h1{ padding-top: 30px; }
    .section-3 p{ padding: 0 40px 0 40px; }
    .section-3 .sector-entries{ margin: 30px auto 0 auto; }
    .section-3 .sector-entry { width: 180px; margin: 15px 5px; }
    .section-3 .sector-entry .sector-icon{ width: 80px; max-height: 50px; margin: 0 auto 5px auto; }
    .section-3 .sector-entry p{ font-size: 18px !important; line-height: 22px !important; margin-bottom: 10px; padding:0; }

    .section-4 h1{ padding-top: 30px; }
    .section-4 .post{ padding: 8px 10px; }
    .section-4 .post-categ{ width: 45px; height: 45px; }
    .section-4 .post-details-title{ font-size: 22px !important; line-height: 20px; }
    .section-4 .post-details-content { font-size: 20px !important; line-height: 22px; }
    .section-4 .posts-pagination-item{ font-size: 18px !important; }

    .section-4b{ margin-bottom: 25px; }
    .section-4b .tweets-ctn{ padding: 20px 5px 5px 5px }
    .section-4b .tweets-ctn, .section-4b .tweets-ctn ul{ padding: 0 0 5px 0; }
    .section-4b .tweets-ctn, .section-4b .tweets-ctn ul, .section-4b .tweets-ctn li, .section-4b .tweets-ctn li a { font-size: 20px !important; line-height: 21px; }
    .section-4b .tweets-ctn, .section-4b .tweets-ctn ul, .section-4b .tweets-ctn li, .section-4b .tweets-ctn li a { font-size: 20px !important; line-height: 21px !important; }
    .section-4b .tweets-ctn .tweet-content { padding-top: 0 !important; line-height: 21px !important; }

    .section-5{ padding: 30px 25px !important; }
    .section-5-a{ padding-bottom: 0 !important; }
    .section-5-b{ padding-top: 0 !important; }

    .section-5-entry{ width: 100%; margin: 0 0 20px 0; }
    .section-5-content{ float: none; width: auto; margin: 0 auto; }
    .section-5-bpi{ width: 100%; margin: 0 0 30px 0!important; display: flex!important; }
    .section-5-datadocke{ width: 100%; margin: 20px 0 20px 0!important; display: flex!important; }
    .section-5-bpi .section-5-coment{ width: auto; margin-top: 14px!important; }
    .section-5-coment-2{ width: 100%; display: block; padding: 8px 10px 0 0px; }
    .section-5-academie-ui{ width: 50px; height: auto; padding: 0; margin: 0 auto; }
    .section-5-be-up{ margin: 0 auto; }
    .section-5 .section-5-coment p{ text-align: center; font-size: 18px !important; line-height: 20px !important; }
    .section-5 .section-5-coment small{ white-space: normal; font-size: 14px !important; line-height: 15px !important; display: block; }

    .section-5b h1{ font-size: 26px !important; line-height: 26px; padding-top: 30px; margin-bottom: 0; }
    .section-5b p{ font-size: 19px !important; line-height: 20px !important; width: 100%; padding-top: 20px; margin-bottom: 10px; }
    /*.about-rows{ width: calc(100% + 35px); }*/
    /*.about-row{ width: 100%; padding: 30px 35px 0 0;  }*/
    .avatar-pentalogy { width: 145px; height: 145px; margin: 0 !important; }

    .section-5 .section-5-academie-ui{ width: 50px; height: 74px; }

    .about-rows{ width: 100%; }
    .about-row{ width: 100%; padding: 30px 0 0 0; }
    .about-row p{ padding-top: 0; padding-left: 20px; width: calc(100% - 170px); }
    .about-row:last-child{ margin-bottom: 30px;}

    .section-6 p{ padding: 30px 0 20px 0; }

    .section-7{ margin-top: 0; margin-bottom: 0; padding: 30px 15px 20px 15px !important; }

    .section-8{ margin-top: 0; margin-bottom: 0; padding: 0 !important; }
    .section-8 .section-togglable-content{ margin-left: auto; margin-right: auto; display: table; }
    .section-8-icon { width: 56px; height: 56px!important; margin: 10px 5px 8px 0; }

}

@media (max-width: 480px){

    .uk-offcanvas-bar{ padding: 10px 0; }

    .lang-box, .lang-box:hover, .lang-box:focus{ top: 20px; left: 62px; }
    [data-uk-sticky].uk-active { padding-left: 15px !important; padding-right: 15px !important; }

    .section-togglable-content p{ padding: 70px 0 0 0; }
    .formule-detail p{ padding: 0 }

    .section-1{ padding: 20px 25px 0 25px !important; }
    .section-1 h2{ padding-top: 30px; }
    .section-1 .header-logo {right: 20px; top: 20px; }
    .section-1 .header-picto{ width: 50px; height: 50px; padding: 0 2px 0 2px; }
    .section-1 .popin-entry p{ padding: 0 25px; }
    .section-2 { padding: 0 !important; }

    .section-2-header { padding: 7px 20px 0 20px; }
    .section-2-header p{ width: calc(100% - 70px); float: left; }
    .section-2 h1{ font-size: 26px !important; padding-top: 30px; }
    .section-2 .solution-entries { margin: 15px auto 0 auto !important; }
    .section-2 .solution-entry{ margin: 0 0 0 0; }
    .section-2 .solution-content{ font-size: 19px !important; line-height: 20px; }
    .section-2 .solution-entry h2 { font-size: 32px !important; line-height: 22px !important; }
    .section-2 .solution-entry h3 { font-size: 22px !important; line-height: 22px !important; padding: 0 30px; }
    .section-2 .solution-entry p { font-size: 18px !important; line-height: 18px !important; padding: 0 10px 0 10px; }
    .section-2 .logo-propalogy{ margin-top: 0; margin-bottom: 9px; }
    .section-2 .logo-negology{ margin-top: 0; margin-bottom: 9px; }
    .section-2 .logo-raology{ margin-top: 0; margin-bottom: 9px; }
    .section-2 .logo-distrilogy{ margin-top: 0; margin-bottom: 9px; }
    .section-2 .solution-entry .uk-button, .solution-entry .uk-button:hover, .solution-entry .uk-button:focus, .solution-entry .uk-button:disabled { font-size: 16px !important; padding: 5px 15px !important; }
    .section-2 .details{ margin-bottom: 2px; }
    .section-2 .details.section-closed{ margin-bottom: 0; }
    .section-2 .formule-ctn{ margin-top: 0; margin-bottom: 2px; }
    .section-2 .formule-ctn.section-closed{ margin-bottom: 0; }
    .section-2 .formule-ctn p{ line-height: 22px !important; margin: 15px 0; padding: 60px 15px 0 15px; }
    .section-2 .formules-picto { width: 60px !important; height: 60px; top: 20px; right: calc(50% - 30px); }
    .section-2 .formule-detail{ padding: 15px; }
    .section-2 .formule-detail p{ margin: 0; padding: 0; }
    .section-2 .formule-detail .p-small{ font-size: 15px !important; line-height: 17px; text-align: justify; }
    .section-2 .formule-detail .formule-picto{ width: 45px; height: 45px; }
    .section-2 .contact-picto-small { width: 36px; height: 36px; padding: 1px; margin: 0 3px; }
    .section-2 .solution-picto-ctn { width: 45px; height: 45px; }
    .section-2 .solution-picto { width: 45px; max-height: 45px; }
    .section-2 .formule-agreg{ padding-bottom: 0; }
    .section-2 .formule-agreg p{ font-size: 15px !important; line-height: 17px !important; margin: 15px 0 0 0; padding: 0 15px; }
    .section-2 .formule-agreg p small{ font-size: 13px !important; line-height: 14px; }
    .section-2 .formule-cartouche-ctn { margin: 20px 0 0 0; }
    .section-2 .formule-cartouche{ width: calc(100% - 30px); height: 260px; font-size: 18px !important; line-height: 12px; }
    .section-2 .formule-cartouche-length{ width: 100%; height: 60px; border-right: none; border-bottom: 1px solid #ffffff; padding: 15px 25px 0px 25px; }
    .section-2 .formule-cartouche-price{ width: 100%; height: 60px; border-right: none; border-bottom: 1px solid #ffffff; padding: 15px 25px 0px 25px; }
    .section-2 .formule-cartouche-pdf{
        padding: 25px 25px 0 25px;
    }
    .section-2 .formule-cartouche-contacts{ width: 100%; height: 80px; padding: 15px 25px 0px 25px; }
    .section-2 .formule-cartouche-contacts .contact-picto{ width: 33px; height: 33px; padding: 1px; margin: 10px 1px; }
    .section-2 .formule-cartouche .p-large{ font-size: 18px !important; }

    .section-3{ margin-top: 0; padding: 0 25px 0px 25px !important; }
    .section-3 h1{ font-size: 26px !important; line-height: 26px; padding-top: 30px; }
    .section-3 p{ font-size: 19px !important; line-height: 20px !important; padding-top: 20px; margin-bottom: 10px; }
    .section-3 .sector-entries{ margin-top: 0; }
    .section-3 .sector-entry{ width: 150px; margin: 15px 0px; }
    .section-3 .sector-entry .sector-icon{ max-height: 55px; margin: 0 auto 0px auto; }
    .section-3 .sector-entry p{ font-size: 17px !important; line-height: 18px !important; padding-top: 10px; }

    .section-4{ margin-top: 0; margin-bottom: 0; padding: 0 !important; }
    .section-4 h1{ font-size: 26px !important; line-height: 26px; padding-top: 30px; }
    .section-4 p{ font-size: 19px !important; line-height: 20px !important; padding-top: 20px; margin-bottom: 10px; }
    .section-4 .post{ padding: 10px 10px 5px 10px; }
    .section-4 .post-categ{ width: 45px; background-size: contain; }
    .section-4 .post-details-title{ font-size: 16px !important; line-height: 15px; }
    .section-4 .post-details-date{ font-size: 14px !important; }
    .section-4 .post-details-content { font-size: 15px !important; line-height: 17px; }
    .section-4 .posts-categ .posts-back { width: 45px; height: 45px; margin: 0 5px 10px 10px; }
    .section-4 .posts-categ .categ-picto { width: 45px; height: 45px; padding: 1px; margin-right: 0px; }
    .section-4 .posts-categ .posts-categ-selection { font-size: 18px !important; }
    .section-4 .posts-pagination-item{ font-size: 20px !important; margin: 0 12px 0 0; }
    .posts-pagination-prev, .posts-pagination-next{ font-size: 20px !important; }
    .posts-pagination-prev{ padding: 2px 14px 0 4px; }
    .posts-pagination-next{ padding: 2px 4px 0 2px; }

    .section-4b{ margin-top: 11px; margin-bottom: 0; padding: 0 !important; }
    .section-4b .tweets-ctn{ height: auto; padding: 5px 0; }
    .section-4b .tweets-ctn, .section-4b .tweets-ctn ul{ padding: 0 0 5px 0; }
    .section-4b .tweets-ctn, .section-4b .tweets-ctn ul, .section-4b .tweets-ctn li, .section-4b .tweets-ctn li a { font-size: 20px !important; line-height: 21px; }

    .section-5{ padding: 35px 0 10px 0 !important; }
    .section-5-a{ padding-bottom: 0 !important; }
    .section-5-b{ padding-top: 0 !important; }
    .section-5 .section-5-entry{ width: 100%; padding: 0 10px; margin-left:0!important; margin-right:0!important; box-sizing: border-box; }
    .section-5 .section-5-entry .uk-width-1-3, .section-5 .section-5-entry .uk-width-1-2{ width:100%!important; }
    .section-5 .section-5-icon { float: left; width: 81px; height: 81px; }
    .section-5 .section-5-bpi{ margin: 0 0 20px 0 !important; }
    .section-5 .section-5-be-up{ margin: 0 auto; }
    .section-5 .section-5-geneo{ margin: 20px auto 0 auto; height: 50px; }
    .section-5 .section-5-academie-ui{ margin: 30px auto 10px auto; width: 50px; height: 74px; }
    .section-5 .section-5-qualiopi{ margin: 30px 0 0 0 !important; }
    .section-5 .section-5-coment{ float: left; width: 100%; max-width: 120px; padding: 0; margin: auto 10px auto 0 !important }
    .section-5 .section-5-qualiopi .section-5-icon{ width: auto; height: auto; margin: 0; }
    .section-5 .section-5-qualiopi .section-5-coment{ max-width: none; margin: 0!important; }
    .section-5 .section-5-coment-2{ padding: 0; }

    .section-5 .section-5-coment p, .section-5 .section-5-coment-2 p{ text-align: center!important; font-size: 15px !important; line-height: 18px !important; margin-bottom: 10px; }

    .section-5b{ margin-top: 0; margin-bottom: 0; padding: 0 15px !important; }
    .section-5b h1{ font-size: 26px !important; line-height: 26px; padding-top: 30px; margin-bottom: 0; }
    .section-5b p{ font-size: 19px !important; line-height: 20px !important; width: 100%; padding-top: 20px; margin-bottom: 10px; }
    .section-5-academie-ui{ width: 160px; margin-left: calc((100% - 160px) / 2); margin-top: 5px; }

    .about-rows{ width: 100%; }
    .about-row{ width: 100%; padding: 20px 0 0 0; }
    .about-row:last-child{ margin-bottom: 0; }
    .about-row p{ padding: 0; }
    .avatar-pentalogy { width: 120px; height: 120px; margin: 10px 0 15px calc((100% - 120px) / 2) !important; }

    .section-6{ margin-top: 0; margin-bottom: 0; padding: 0 15px !important; }
    .section-6 h1{ font-size: 26px !important; line-height: 26px; padding-top: 30px; margin-bottom: 0; }
    .section-6 p{ font-size: 14px !important; line-height: 16px !important; width: 100%; padding-top: 20px; padding-bottom: 10px; margin-bottom: 0; }
    .section-6 .legals-title{ font-size: 24px !important; line-height: 22px; }

    .section-7{ margin-top: 0; margin-bottom: 0; padding: 15px 15px 5px 15px !important; }
    .section-7 .menu-entry{ font-size: 15px !important; }
    .section-7 .header-pipe{ font-size: 18px; padding: 0 5px; }
    .section-7 p{ font-family: "SourceSansPro-Light" !important; font-size: 13px !important; }

    .section-8{ margin-top: 0; margin-bottom: 0; padding: 0 !important; }
    .section-8 .section-togglable-content{ margin-left: auto; margin-right: auto; display: table; }
    .section-8-icon { width: 41px; height: 41px!important;  margin: 10px 5px 8px 0; }

}

@media (max-width: 375px){

    .uk-offcanvas-bar{ padding: 10px 0; }
s
    .section-1 h1{ font-size: 46px !important; line-height: 42px; }
    .section-1 h2 { font-size: 24px !important; line-height: 26px; padding: 30px 10px; }
    .section-1 .header-picto { width: 45px; height: 45px; }
    .section-1 .popin-entry:first-child p { font-size: 26px !important; line-height: 29px !important; }
    .section-1 .popin-entry h3{ padding: 0 25px; }
    .section-1 .popin-entry p { font-size: 20px !important; line-height: 22px !important; }

    .section-2 h1 { font-size: 24px !important; padding-top: 20px; margin-bottom: 0; }
    .section-2-header p{ font-size: 18px !important; }
    .section-2 .solution-entries{ margin: 10px auto 0 auto !important; }
    .section-2 .solution-content{ font-size: 17px !important; }
    .section-2 .solution-entry h2 { font-size: 30px !important; line-height: 20px !important; }
    .section-2 .solution-entry h3 { font-size: 19px !important; line-height: 20px !important; padding: 0; }
    .section-2 .solution-entry p { font-size: 16px !important; line-height: 18px !important; }
    .section-2 .solution-entry .uk-button, .solution-entry .uk-button:hover, .solution-entry .uk-button:focus, .solution-entry .uk-button:disabled{ font-size: 14px !important; }
    .section-2 .formules-picto { width: 55px !important; right: calc(50% - 28px); }
    .section-2 .formule-ctn p{ padding: 50px 15px 0 15px; }
    .section-2 .formule-detail p{ padding: 0; }
    .section-2 .formule-detail .p-small { font-size: 14px !important; line-height: 16px; }
    .section-2 .formule-agreg p{ font-size: 15px !important; line-height: 16px !important; margin: 0; padding: 15px 15px 0 15px; }
    .section-2 .formule-cartouche{ font-size: 16px !important; line-height: 12px; }
    .section-2 .formule-cartouche .p-large{ font-size: 16px !important; }

    .section-3 h1 { font-size: 24px !important; padding-top: 20px; }
    .section-3 p{ padding: 10px; }
    .section-3 .sector-entry{ width: 130px; }

    .section-4 h1 { font-size: 24px !important; padding-top: 20px; }
    .section-4 .posts-pagination-item{ font-size: 20px !important; margin: 0 12px 0 0; }
    .posts-pagination-prev, .posts-pagination-next{ font-size: 20px !important; }
    .posts-pagination-prev{ padding: 2px 14px 0 4px; }
    .posts-pagination-next{ padding: 2px 4px 0 2px; }

    .section-4b .tweets-ctn{ padding: 5px 0; }
    .section-4b .tweets-ctn li{ padding: 0 15px; }
    .section-4b .tweets-ctn li .twitter-icon{ width: 20px; height: 20px; margin-right: 2px; }
    .section-4b .tweets-ctn, .section-4b .tweets-ctn ul, .section-4b .tweets-ctn li, .section-4b .tweets-ctn li a { font-size: 16px !important; line-height: 17px !important; }
    .section-4b .tweets-ctn .tweet-content { padding-top: 0 !important; line-height: 17px !important; }

    .section-5 h1 { font-size: 24px !important; padding-top: 20px; }
    .section-5b p { font-size: 16px !important; line-height: 18px !important; }
    .section-5-academie-ui{ width: 160px; margin-left: calc((100% - 160px) / 2); }

    .about-rows{ width: 100%; }
    .about-row{ width: 100%; padding: 20px 0 0 0; }
    .about-row p{ padding-top: 0; }
    .avatar-pentalogy{ margin-bottom: 0!important; }

    .section-6 p{ font-size: 16px !important; line-height: 18px !important; }

    .section-7{ padding: 10px 0 5px 0 !important; }
    .section-7 .menu-entry { display: block; font-size: 15px !important; line-height: 23px; }
    .section-7 .header-pipe{ display: none; }

}