/*
    --- LEB COMMUNICATION | 2017
*/

/* IMPORTS COMMUNS */

html {
background:url(trame_fond.png)#ffffff;}

/* /-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/
/-/-/-/-/-/-/-/-/-/ VIEWPORT
/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

@viewport{
    width: device-width;
    zoom: 1;
}

@media screen and (max-width: 400px) {
    @-ms-viewport { width: device-width; }
}

@-webkit-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/- MEYER RESET CSS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
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, b, 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;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block; }

body {
    line-height: 1; }

ol, ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

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

table {
    border-collapse: collapse;
    border-spacing: 0; }


.video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;}

.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
iframe {width: 100%;}




/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/- PAGE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

body{text-align:center;color:#fff;font:300 20px 'Lato', sans-serif;position:relative;}
#gfx-bottom{position:relative;padding-bottom:170px;}
/*#gfx-bottom:after{width:100%;content:"";display:block;height:650px;position:absolute;bottom:0;left:0;background:url(deg-bas.png);z-index:1}*/
#c-page{}
#inside-page{position:relative;z-index:2}

h1{padding:30px 0;font:500 24px 'Crimson Text', serif;position:relative;z-index:3; color:#cdad72;}
h1 strong{color:#cdad72;font-weight:700}
#logo-70{width:240px;height:123px;display:block;margin:18px auto;}
#logo-groupe {
    width: 142px; position: absolute; margin:0 5px;
}
#logo-groupe_de {
    width: 142px;
}
.titre_svg {
    margin: 0 auto;
    padding-right: 122px;
}
.titre_svg_de {
    padding-right: 0px;
}
.content-panel h1 {
    padding: 30px 0;
    font: 500 24px 'Crimson Text', serif;
    position: relative;
    z-index: 3;
    color: #cdad72;
    padding-right: 100px;
}
.content-panel img {
    width: 80%;
}
#logo-rapido{width:135px;height:27px;display: inline-block;vertical-align: middle;position:relative;top:-8px}

#photos-dl{width:100%;}
#images-frise{display:flex;flex-direction:row;width:100%}
#images-frise div{display: block;width:33.3334%;}
#images-frise img{display: block;width:100%;}

.content-panel{transition:all .3s ease;width:880px;margin:auto;background:#ffff;box-sizing:border-box;padding:50px;}
.content-panel h2{margin-bottom:30px;line-height:34px; color:#cdad72;}
.content-panel h2 strong{font-weight:700}
#photos-dl .content-panel{margin-top:-160px;position:relative;z-index:3}

#dl-links{width:380px;margin:auto;}
#dl-links a{text-align:left;border-radius:6px;display:block;margin:0 auto 20px;background:#cdad72;color:#3d3d3d;font-size:24px;box-sizing:border-box;padding:15px;display:flex;flex-direction:row;align-items:center;transition:all .3s ease;text-decoration:none;}
#dl-links a strong{font-weight:700}
#dl-links a svg{width:26px;height:26px;display: inline-block;vertical-align: middle}
#dl-links a svg.ico-dl{width:32px;height:32px;transform:rotate(-90deg)}
#dl-links a span{flex:1;display: block;padding-left:15px;}
#dl-links a:hover,#dl-links a.actif{background:#bd2628;color:#fff;}

#video-70{margin-top:100px;}

.force-bl{display:block;}

.mfp-container .download {
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
}
.content-panel p {
    color: #B42A2A;
    text-align: left;
    padding-bottom:10px;
}
.signature {
    text-align: right !important;
}
#signature {
    width: 150px;
    float: right;
}

a.dl-img{display:block;position:fixed;bottom:20px;left:50%;margin-left:-150px;background:#fff;color:#333;padding:15px;width:300px;box-sizing:border-box;border-radius:5px;z-index:9999;cursor:pointer;font-size:16px;text-decoration: none;transition:all .3s ease}
a.dl-img:hover{background:#8a1c1d;color:#fff;}
a.dl-img:before{transition:all .3s ease;width:32px;height:32px;content:"";background:url(../img/dl.svg) no-repeat center center;display: inline-block;vertical-align:middle;margin-right:10px;}
a.dl-img:hover:before{transform:scale(1.1) rotate(360deg)}

span.hb{display:inline-block;width:10px;height:2px;background:#fff;margin-right:5px;position:relative;vertical-align:middle;top:-3px;margin-left:2px;}
span.hb:before{content:"";display: block;width:10px;height:2px;background:#fff;top:-5px;left:0;position:absolute}
span.hb:after{content:"";display: block;width:10px;height:2px;background:#fff;top:5px;left:0;position:absolute}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/- PAGE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#menu-fixe{position:fixed;top:0;left:0;background:#ab2224;-moz-box-shadow: 0px 0px 30px 0px #8a1c1d;-webkit-box-shadow: 0px 0px 30px 0px #8a1c1d;-o-box-shadow: 0px 0px 30px 0px #8a1c1d;box-shadow: 0px 0px 30px 0px #8a1c1d;filter:progid:DXImageTransform.Microsoft.Shadow(color=#8a1c1d, Direction=NaN, Strength=30);width:100vw;max-width:100%;padding:0;box-sizing:border-box;z-index:100}

#menu-fixe #dl-links{width:100%;margin:0;display:flex;flex-direction:row;}
#menu-fixe #dl-links a{flex:1;box-sizing:border-box;border-radius:0;margin:0;font-size:20px;justify-content:center;}
#menu-fixe #dl-links a span{flex:initial}
#menu-fixe #dl-links a:first-child{flex:0}
#menu-fixe #logo-70{margin:0;width:55px;}
#menu-fixe #logo-70 .st2{fill:#3d3d3d;}

#recap-dl{display:flex;flex-direction:row;color:#fff}
#recap-dl #nbpix{width:50%;text-align:center;}
#recap-dl a{color:#fff;width:50%;text-align:center;}
#recap-dl a strong{font-weight:700}

#c-page.consult-gal{min-height:100vh;box-sizing:border-box;margin-top:-150px;}

#recap-dl{position:fixed;z-index:100;top:75px;left:10px;width:calc(100% - 20px);display:flex;flex-direction: row;background:#ab2224;-moz-box-shadow: 0px 0px 30px 0px #8a1c1d;-webkit-box-shadow: 0px 0px 30px 0px #8a1c1d;-o-box-shadow: 0px 0px 30px 0px #8a1c1d;box-shadow: 0px 0px 30px 0px #8a1c1d;filter:progid:DXImageTransform.Microsoft.Shadow(color=#8a1c1d, Direction=NaN, Strength=30);padding:5px;box-sizing:border-box}
#recap-dl #nbpix,#recap-dl a{width:50%;padding:21px 15px 10px;box-sizing:border-box;text-decoration: none;font-size:18px;border-radius:8px}
#recap-dl a{background:#bd2628;color:#fff}
#recap-dl a:hover{background:#3d3d3d;color:#fff}
#recap-dl a:hover svg{transform:rotate(360deg) scale(1.1)}
#recap-dl a svg{display: inline-block;vertical-align: middle;width:32px;height:32px;margin-right:10px;position:relative;top:-2px;transition:all .3s ease}
#recap-dl #nbpix strong{font-weight:700}

#loading-pane{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-around;;}
#loading-pane a.linkGal{opacity:0;position:relative;top:10px;cursor:pointer;width:320px;transition:all .5s ease;margin:0.5%;}
#loading-pane a.linkGal.displayed{
    -webkit-animation: fadeIn .6s forwards;
    animation: fadeIn .6s forwards;
}
@keyframes fadeIn {
    0% {opacity: 0;top:20px}
    100% {opacity: 1;top:0}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;top:20px}
    100% {opacity: 1;top:0}
}
#loading-pane a.linkGal:before{content:'';display:block;width:26px;height:26px;background:url(../img/loading.gif) no-repeat center center;position:absolute;top:50%;left:50%;margin:-13px 0 0 -13px;z-index:2}
#loading-pane a.img--portrait{width:320px}
#loading-pane img{display:block;width:100%;position:relative;z-index:3}
#loading-pane a.linkGal:hover{border-color:#fff;transform:scale(1.1)}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/- RESPONSIVE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

span.titre-mobile,#dl-links #off-menu-m,#recap-dl #launch-mm{display: none;}
#dl-links #off-menu-m{padding:22px;}

@media screen and (max-width:1700px){
    #photos-dl .content-panel{margin-top:-120px;}
}

@media screen and (max-width:1200px){
    #loading-pane a.linkGal{width:240px;}
    #loading-pane a.img--portrait{width:204px}

    #dl-links a svg{width:20px;height:20px;}
    #menu-fixe #dl-links a{font-size:18px}

    #recap-dl a{flex:1;width:auto}
    #recap-dl #nbpix{padding:21px 25px 10px;width:auto}
}


@media screen and (max-width:1100px){
    .content-panel{width:90%;}
    .force-bl{display:inline}

    h1{font-size:26px;}
    #logo-70{width:280px;height:132px;}
    body{font-size:18px;}
    .content-panel h2{line-height:28px}
    #photos-dl .content-panel{margin-top:-70px;}

    #video-70{margin-top:80px;}
    #gfx-bottom{padding-bottom:100px;}    

    #dl-links a svg{width:12px;height:12px;}
    #menu-fixe #dl-links a{font-size:16px}
}

@media screen and (max-width:960px){
    span.titre-mobile{display:block;font-size:18px;text-align:center;font-size:22px}
    #recap-dl{position:relative;top:auto;left:auto;width:100%;flex-direction:column}
    #recap-dl #nbpix,#recap-dl a{width:100%}
    #recap-dl #launch-mm{display: block;}
    #dl-links a{width:100%;}
    #menu-fixe #dl-links a{width:100%}
    #c-page.consult-gal{padding-top:0; margin-top:0;}
    #dl-links a svg{width:26px;height:26px;}

    #menu-fixe{top:-100%;width:100%;height:100%;left:0;z-index:9999}
    #menu-fixe.on-menu{top:0;}
    #menu-fixe #dl-links{flex-direction:column;height:100%}
    #menu-fixe #dl-links a:first-child,#menu-fixe #dl-links a,#off-menu-m{width:100%;display:flex;height:16.6667%}
    #dl-links #off-menu-m{background:#3d3d3d;text-align:center;color:#fff;}

    a#launch-mm{position:absolute;top:19px;left:5px;width:auto;padding:10px;}

    #recap-dl #nbpix{padding:10px 15px 20px}
}

@media screen and (max-width:800px){
    #loading-pane a.linkGal{width:150px;}
    #loading-pane a.img--portrait{width:150px}

    #loading-pane{padding:25px;}
}

@media screen and (max-width:700px){
    .content-panel{width:90%;}
    .force-bl{display:inline}

    h1{padding:20px;}
    h1,#dl-links a{font-size:18px;}
    #logo-70{width:200px;height:94px;}
    #logo-rapido{width:100px;height:20px;}
    body{font-size:16px;}
    .content-panel h2{line-height:22px}

    #dl-links{width:100%;}

    .content-panel{padding:30px;}

    #video-70{margin-top:60px;}

    #gfx-bottom{padding-bottom:60px;}
}

@media screen and (max-width:600px){
    #logo-70{width:160px;height:75px;}
    #logo-rapido{width:80px;height:16px}
    #video-70{margin-top:30px;}
    #gfx-bottom{padding-bottom:30px;}
    .content-panel img {
        width:320px;
    }
}

@media screen and (max-width:400px){
    span.titre-mobile{text-align:right;}
    #recap-dl #nbpix{text-align:right;}
    .content-panel img {
    width: 240px;
}
}
.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; margin: 40px 0;}

.video-responsive video { left:0; top:0; height:100%; width:100%; position:absolute;}