/*
    Theme Name:Lotus Marketing
    Theme URI:https://lotusmarketing.ca
    Description:Template par Lotus Marketing
    Version:1.0
    Author:Lotus Marketing
    Author URI:https://lotusmarketing.ca
*/

/* Wordpress */
.wp-element-button, .button, strong > a, nav .menu > li:last-of-type a { background:white; color:#40c6ec; border:2px solid #40c6ec; border-radius: .3em; padding:.5em 1em; text-transform: uppercase; letter-spacing: 0.25em; font-weight: 500; margin-top:2em; display:inline-block; transition:0.4s; cursor:pointer; }
.wp-element-button:hover, .button:hover, strong > a:hover, nav .menu > li:last-of-type a:hover { background:#40c6ec !IMPORTANT; color:white; box-shadow: 0 0 20px #40c6ec; }
button.button { font-size:1.15em; }

/* GLOBAL */
html, body { margin:0; padding:0; font-family: 'Ubuntu', sans-serif; color:#464740; scroll-behavior: smooth; }
body { animation: fadeInAnimation ease 1s; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } }

h1 { text-transform:uppercase; letter-spacing: 0.1em; }
h1:after { content:' '; display:block; height:3px; background: #464740; width: 15%; margin:1em 0 2em 0; animation: expand 3s; }
@keyframes expand { from { width:5%; opacity: 0;} to { width: 15%; opacity:1; } }
h2 { text-transform:uppercase; letter-spacing: 0.1em; margin-top:2em; }
.center h1:after { margin-left:auto; margin-right:auto; }

a { color:#40c6ec; text-decoration: none; transition:0.3s;}
.wrapper { max-width: 1400px; margin:0 auto; padding: 0 100px; position:relative; height:100%;}
.wrapper.thin { padding:0 20%; }
.flex { display:flex; }
.center { text-align:center; }
.button.small { font-size:0.7em; }
img { max-width: 100%; }
main ul li { margin: 1em 0; }
cite { background:#f9f9f5; display:inline-block; padding:1em; margin:2em 10%;  text-align: center; animation: quote 10s linear infinite; }
@keyframes quote { 
    0% {border-top-right-radius: 50%; border-top-left-radius: 75%;border-bottom-left-radius: 50%; border-bottom-right-radius: 100%; }  
    20% {border-top-right-radius: 100%;}
    40% {border-bottom-left-radius: 75%;}
    60% {border-top-left-radius: 50%;}
    80% { border-bottom-right-radius: 50%; }
    100% {border-top-right-radius: 50%; border-top-left-radius: 75%;border-bottom-left-radius: 50%; border-bottom-right-radius: 100%; } 
}

.bar { background: #40c6ec; width: 600px; height:400px; transform:rotate(-25deg); position:absolute; right:-150px; top:300px; position:fixed; z-index:0; }

/* FORMS */
form .confirmation { display:none; font-size:3.5em; }
input, textarea {border:0px; border-bottom: 1px solid #c4c5c1; padding:1em 1em 0.5em 1em; font-family: inherit; width: 100%; box-sizing: border-box; margin-top:2em; font-size:.9em; resize: none;}
textarea { height:200px;}
::placeholder { color:#c4c5c1; }
textarea:focus, input:focus{ outline: none; border-bottom-color: #464740; }

/* NAV */
nav { position:fixed; left:0; right:0; text-align: right; padding:2em 2em; z-index:1000; transition:0.4s; }
nav.opaque { background:#4b4d45; /*background-image:linear-gradient(to bottom, rgba(70,71,64,.9), rgba(70,71,64,1));*/ }
nav .logo { float:left;  margin:0; }
nav .menu-menu-en_ca-container, nav .menu-menu-fr_ca-container { display:inline-block; }
nav a { color:white; margin:0 1.5em; font-weight: 500; text-transform: uppercase; }
nav a.lang { opacity:0.5; font-weight: normal; }
nav ul { margin:0; padding:0; }
nav ul li { display:inline-block; position:relative; }
nav .menu > li a { z-index:400; position:relative; transition:0.5s; }
nav .menu > li a:hover, .navigation > a:hover  { color:#40c6ec; opacity: 1; }
nav .menu > li:last-of-type a { background:transparent; margin-top:0; }
nav .menu > li:hover .sub-menu { visibility: visible; opacity:1; transform:scale(1); }
nav .sub-menu { visibility: hidden; opacity:0; transform:scale(1.05); position:absolute; z-index:300; padding:5em 0 0 0; top:-3em; left:0; right:0; background:#464740; text-align:left;  border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; transition:0.5s; }
nav .sub-menu li { display:block; }
nav .sub-menu li a { margin: 0; display:block; text-transform: none; font-weight: 300; padding: 1em 1.5em; transition:0.4s; color:white !IMPORTANT; font-size:0.9em;}
nav .sub-menu li:last-of-type a { border-bottom-left-radius: .5em;  border-bottom-right-radius: .5em; }
nav .sub-menu li a:hover, nav .sub-menu li.current-menu-item a { background:#5a5b51; }

.fixedcta { position:fixed; bottom:5em; right:-1em; background:#40c6ec; color:white; padding:1em 2em; font-size:1.25em; border-radius:.3em;  z-index:600; font-weight: bold; transition:0.5s; }
.fixedcta:hover { box-shadow: 0 0 20px #40c6ec; right: 1em;  }
.contact .fixedcta { display:none; }

/* MESSAGE IMPORTANT */
/* .teaserbg { position: fixed; display: none; z-index: 9999;left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); } */
.teaser { display:none; position:fixed; background: #001f24; border-radius: 2em;  box-shadow: 0 0 10px rgba(0,0,0,.25); right:2em; bottom:225px; max-width: 700px; padding:2em; z-index:9999; box-sizing: border-box; }
.teaser .close { position:absolute; z-index:9999; right:.5em; font-size: 3em; cursor: pointer; transition:.4s; opacity:0.5; color:white; top:0px; }
.teaser .close:hover { opacity:1; transition:.4s;}

/* BANNERS */
.banners .banner { height:1000px; position:relative; color:white; width:100%; background-position: 50% 50%; background-size:cover; }
.banners .banner .button { background:transparent; }
.banners .banner .title { font-size:4em; text-transform: uppercase; padding-right:50%; position: relative; top: 50%; transform: translateY(-50%); text-shadow: 0 0 10px rgba(0,0,0,.25); pointer-events: none; }
.banners .banner .details { position:absolute; bottom:100px; text-transform: uppercase; width:75%; font-size:1.15em; }
.banners .banner:not(.cycle-slide-active) .details { pointer-events: none; }
.banners .banner .details .descriptiontitle { letter-spacing: 0.3em; }
.banners .banner .details .description { font-weight: bold;}
.banners .banner .details .button { float:left; margin: 0 2em 0 0; }

.banners #pager { position: absolute; left: 90px; bottom: 30px; z-index: 200;}
.banners #pager span { background: transparent; color: transparent; border:2px solid #40c6ec; opacity: .8; display: inline-block; width: 25px; height: 25px; cursor: pointer; border-radius: 3px; margin: 10px;  } 
.banners #pager span.cycle-pager-active { background: #40c6ec; transform:scale(1.1) rotate(90deg); opacity:1;transition: 0.3s; } 
.banners #pager span:hover { box-shadow: 0 0 20px #40c6ec; }

.banners .banner.inner { height:400px; }
.banners .banner.noimage { height:100px; }

/* MAIN */
main { font-size:1.15em; line-height: 1.5; font-weight: 300; background:url(images/grid.png) top right no-repeat; padding:4em 0 6em 0;}

/* HOMEPAGE */
.half { width:50%; }
.home .about .wp-block-column:last-of-type { text-align:center; }
.home .about .wp-block-column:last-of-type img { width: 75%; transition:1s; }
.home .about .wp-block-column:last-of-type img:hover { transform:scale(1.03) rotate(3deg); }

.home .projectswrapper { margin-top:7em; margin-bottom:7em; }
.home .projectswrapper h1 { margin-bottom:0;  }
.home .projectswrapper h1::after { margin-bottom:1em;  }
.home .projectswrapper .viewmore { letter-spacing:0.3em; font-size:0.7em; }

.home .clients .flex { flex-wrap: wrap; justify-content: center; align-items: center; padding-top:2em; }
.home .clients .client { filter: grayscale(100%); width: 15%; margin:0 5%; height: 150px; line-height: 150px; text-align: center; transform: rotateY(0deg) translateY(-50px); transition:0.3s;}
.home .clients .client:hover { filter: grayscale(0%); }
.home .clients .client img { vertical-align: middle; }

.home .news { margin: 4em 0; }
.home .news:hover .new .col .photo { transform:scale(1.1); }
.home .news:hover .new .col:last-of-type { background:#5a5b51; }
.home .news .new .col:first-of-type { width: 62.5%; margin-right:2.5%; position:relative; overflow:hidden; }
.home .news .new .col .photo { background-size:cover; background-position:50% 50%; position:absolute; top:0; right:0; bottom:0; left:0; transition:3s; }
.home .news .new .col:last-of-type { background:#464740; color:white; width:35%; padding:3em; box-sizing: border-box; transition:0.5s;}
.home .news .new .col:last-of-type:hover .button { transform:scale(1.1);}
.home .news .new .introtitle { color:#40c6ec; text-transform: uppercase; font-size: 0.7em; font-weight: 500; letter-spacing: 0.3em; margin-bottom:5em; }
.home .news .new .title { text-transform: uppercase; font-weight: bold; font-size: 1.35em;}
.home .news .new .description { margin:3em 0; }
.home .news .new .button { background:transparent; }

/* PROJECT */
.single .banners .banner .overflow { top:0; left:0; right:0; bottom:0; position:absolute; overflow:hidden;}
.single .banners .banner .image { top:0; left:0; right:0; bottom:0; position:absolute; animation: zoom 8s forwards; background-size:cover; }
@keyframes zoom { 100% { transform: scale(1.1); } }
.single .banners .banner .gradient { top:0; left:0; right:0; bottom:0; position:absolute; background-image:linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,0), rgba(0,0,0,.4)); }
.single .banners .banner .title { top: 90%; transform: translateY(-90%); }

.single .projecttype { font-weight: bold; text-transform: uppercase; letter-spacing: .5em; margin-bottom:4em; }
.single .projecttype:after { content:' '; display:block; height:1px; background: #464740; width: 15%; margin:1em 0 2em 0; animation: expand 3s; }
.single .projecttype span { font-weight: 400; }
.single .gallery { display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:5em; }
.single .gallery a { position:relative; width: 58%; margin-top:4%; overflow:hidden; aspect-ratio: 4 / 3; transition:.5s; }
.single .gallery a .photo { position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover; background-position: 50% 50%; transition:3s; }
.single .gallery a:nth-child(4n + 1) { width: 38%; }
.single .gallery a:nth-child(4n) { width: 38%; }
.single .gallery a:nth-child(2n+1):last-child {  width: 100%; }
.single .gallery a:hover .photo { transform: scale(1.1); }

/* PROJECTS */
.projects { display: flex; flex-wrap:wrap; justify-content: center;  color:white; text-transform: uppercase; margin-left:-2% !IMPORTANT; }
.projects .project { width: 31%; margin:2% 0 0 2%; position:relative; overflow:hidden; aspect-ratio: 1 / 1; color:white; transition:.5s; }
.projects .project:hover  { transform: scale(1.05); }
.projects .project:hover .photo { transform: scale(1.1); }
.projects .project .photo { position: absolute; top:0; right:0; bottom:0; left:0; background-size:cover; background-position: 50% 50%; transition:3s; }
.projects .project .title { position: absolute; bottom:3.25em; left:25px; letter-spacing: 0.5em; font-size:0.75em; }
.projects .project .subtitle { position: absolute; bottom:1.25em; left:25px; font-weight: bold; line-height:1; }

/* CATALOGUES */
.t-catalogues .cataloguesbg { background:#f9f9f5; margin:5em 0; }
.t-catalogues .catalogues { display:flex; flex-wrap:wrap; justify-content: space-between;}
.t-catalogues .catalogues a { width: 40%; margin:5%; text-align:center; }
.t-catalogues .catalogues a img { transition:0.5s; }
.t-catalogues .catalogues a:hover img {  transform: scale(1.1); }

/* PREMIUM CONTENT */
.premium main.protected { filter:blur(.15em); }
.premium .popup { position:fixed; top:0px; bottom:0; right:0; left:0; background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,1));  z-index:975; display:flex; justify-content: center; align-items: center; font-size:1.1em; }
.premium .popup .inner { background:white; width:450px; border-radius: 1em; text-align: center; }
.premium .popup .inner .title { background:#40c6ec; background: linear-gradient(#57d4f6, #40c6ec); color:white; padding:2em; text-align: center; font-weight: bold; letter-spacing: .25em; text-transform: uppercase; border-top-left-radius: 1em; border-top-right-radius: 1em; }
.premium .popup .inner .preview { padding: 2em 0; font-size:.9em; line-height: 140%; font-weight: 300; }
.premium .popup .inner .padding { padding:2em 2em 0 2em; }

/* LEARNING SPACE DESIGN */
.t-lsd .lsd-bg { background:#f9f9f5; margin:5em 0; padding:5em; overflow:hidden; }
.t-lsd .spinner { position:absolute; z-index:10; animation: spin 25s linear infinite; pointer-events: none; max-width: none; }
@keyframes spin { 100% { transform: rotate(360deg); } }
.t-lsd .left { width: 30%; }
.t-lsd .right { width: 70%; }
.t-lsd .step { position:relative; z-index:15;}
.t-lsd .step.on { z-index:15;}
.t-lsd .step .title { font-size:1.5em; margin-top:1.5em; opacity:1; transition:0.5s; }
.t-lsd .step .title span { background:#464740; color:white; padding:.25em 1em; margin-right:1em; transition:1s; border-top-right-radius: 100%; border-top-left-radius: 55%; border-bottom-left-radius: 85%; border-bottom-right-radius: 60%; }
.t-lsd .step.on .title { opacity:.9; }
.t-lsd .step.on .title span { background:#40c6ec; border-radius: 70%; border-top-right-radius: 75%; border-top-left-radius: 100%; border-bottom-left-radius: 65%; border-bottom-right-radius: 80%;  }
.t-lsd .step.on .description { opacity:1; }
.t-lsd .step .description {  opacity:.9; transition: 1s; }

/* METHODS */
.t-methods main { padding-top:0; }
.t-methods .darkbg { background:linear-gradient(#6a6b61 , #464740); position: relative; z-index:10; }
.t-methods .darkbg h1 { color:white; margin:0; padding-top:2em; }
.t-methods .darkbg h1::after { background:white; margin-bottom:0; }
.t-methods .summary { background:white; border-radius: 0.25em; width: 30%; margin:8% 2%; justify-content: space-between; text-align: center; transition:.5s; }
.t-methods .summary .padding { padding:4% 8%; }
.t-methods .summary .image { height: 200px; background-position: 50% 50%; background-size: cover; border-top-right-radius: .25em; border-top-left-radius: .25em; transition:1s; }
.t-methods .summary:hover .button { transform: scale(1.25); }
.t-methods .summary:hover .image { height:250px; }
.t-methods .summary .button { margin:2em 0; font-size:0.8em;}

.t-methods .imageprocessus { width: 25%; max-width: 500px; top:40%; right:100px; z-index:3; position:fixed; transition: transform 1s;}
.t-methods .imageprocessus.hidden { transform:scale(.85);}
.t-methods .imageprocessus:hover { transform: scale(1.1);}
.t-methods .imageprocessus .pie { position:absolute; }
.t-methods .imageprocessus .pie.pie2 { transform:rotate(120deg) translate(0px, -3px);; }
.t-methods .imageprocessus .pie.pie3 { transform:rotate(240deg) translate(-2px, -2px); }

.t-methods .full { margin:4em 0; position:relative; overflow:hidden; background:white; }
.t-methods .full .anchor { position:absolute; top:-200px; }
.t-methods .full .bg { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; opacity:.8; background-size:cover; background-position: 0% 50%; transition:1s; }
.t-methods .full:hover .bg { top:-20px;}
.t-methods .full .gradient { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; opacity:.9; background:linear-gradient(to right, white, transparent); }
.t-methods .full .col:first-of-type { width: 40%; padding:4em; position:relative; z-index:10;}

/* BLOGS */
.t-blogs  { background: #f9f9f5; }
.t-blogs .categories ul { list-style: none; padding:0; margin:-3em 0 3em 0; }
.t-blogs .categories ul li { display:inline-block;}
.t-blogs .categories a, .single-blog .categories a { border:1px solid #40c6ec; border-radius:.25em; text-transform: uppercase; padding:.25em 0.5em; margin: 0 .5em .5em 0; display:inline-block; }
.t-blogs .categories a:hover,.single-blog .categories a:hover,  .t-blogs .categories ul li.current-cat a { background:#40c6ec; color:white; }
.single-blog .categories { text-align: center; font-size: 0.65em; margin: -3em 0 5em 0;}

.t-blogs .blogs { display:flex; flex-wrap:wrap; }
.t-blogs .blogs .blog { width: 29%; padding: 2%; transition:0.4s; }
.t-blogs .blogs .blog .photo { aspect-ratio: 5 / 3; background-position: 50% 50%; background-size:cover; display:block; }
.t-blogs .blogs .blog .title { padding:1em 0; font-size:0.9em; color:#464740; font-weight: bold; transition:0.3s; display:block; }
.t-blogs .blogs .blog .description {  font-size:0.75em; color:#464740; }
.t-blogs .blogs .blog .button { display:none; }
.t-blogs .blogs .blog .categories { font-size:0.65em; margin-top:1em;}

.t-blogs .blogs .blog:first-of-type { width: 100%; background:#f6f6f3; }
.t-blogs .blogs .blog:first-of-type .photo { width: 50%; float:left; margin-right:5%; }
.t-blogs .blogs .blog:first-of-type .button { display:inline-block; }

.t-blogs .blogs .blog:hover { background:#f3f3eF; border-radius: .25em;}
.t-blogs .blogs .blog:hover .title { color:#40c6ec; }

/* BLOG */
.single-blog .banners .banner .title { top:110%; left: 50%; transform: translate(-50%, -110%); width: 50%; background:#464740; text-align: center; padding:1em 1em; font-size:2.5em; border-radius: .1em; }
.single-blog main { padding-top:8em; }

/* MEDIA LIBRARY */
.medialibrary .col.filtre { margin-right:1em; background:linear-gradient(#eee, #ddd); border-radius: 5px; padding:1em 2em 2em 2em; font-size:0.9em; min-width: 200px;  }
.medialibrary .col.filtre label { display:block; cursor:pointer; }
.medialibrary .col.filtre .parent { font-weight: bold; margin-top:2em; text-transform: uppercase; font-size:0.8em; }
.medialibrary .col.filtre .child { padding-left:.5em; }
.medialibrary .col.filtre .child span { opacity:0.5; font-size:0.8em;  }
.medialibrary .col.filtre input { width:auto; margin:0.5em; }
.medialibrary .col.medias { flex-grow: 1; }
.medialibrary .col.medias a { opacity:0; width: 0%; margin:0%; aspect-ratio: 4/3; background-position: 50% 50%; background-size: cover; border-radius: 10px; box-sizing: border-box; border:0px solid white;  display:inline-block; transition:0.5s; }
.medialibrary .col.medias a.visible { width:19.5%; margin:0 .25%; border-width: 5px; opacity:1; }
.medialibrary .col.medias a:hover, .medialibrary .col.medias a:focus { transform: scale(1.05); border:5px solid #40c6ec; }



/* CONTACT US */
.contact main .flex { justify-content: space-between; }
.contact main .flex .col { width: 45%; }

.contact.t-form .files { margin:6em 0 0 0;}
.contact.t-form .button { margin-top:3em; font-size:1.25em; }
.contact.t-form .button.formobile { display:none; }
.contact.t-form .question { margin:2em 0; padding:1em 1.5em; background:#f9f9f5; border-radius: .5em; }
.contact.t-form .question textarea { height:100px; border:1px solid #c4c5c1; margin:1em 0 0 0; border-radius: .5em; transition:0.4s; }
.contact.t-form .question textarea:focus { height:300px; }
.contact.t-form .question:has(textarea:focus) { }

/* FOOTER */
.prefooter { background: url(images/grid2.png) bottom left no-repeat; font-size:1.25em; line-height: 1.5; padding-bottom:4em; }
.prefooter.empty { background-position-y: 50%; padding-bottom:13em; }
.prefooter .col:first-of-type { width: 45%; padding-right:5%; }
.prefooter .col:last-of-type { width: 45%; padding-left:5%; margin-top:3em; }
.prefooter textarea, .prefooter input { background:none; }
.prefooter textarea { height: 120px; }
/* .prefooter .button { padding: 1em 3em; text-align: center; font-size:0.8em; } */
/* .prefooter .button em { font-size:2em; font-style: normal; display:block; font-weight: bold; line-height: 1; } */

footer { background:#464740; color:white; padding:6em 0 3em 0; position:relative; z-index:10; }
footer .col { width:29.3%; padding: 0 2.5%; }
footer .col:first-of-type { padding-left:0; padding-right:5%; }
footer .col:last-of-type { padding-right:0; }
footer .col .slogan { font-size:2.5em; margin:1em 0;  }
footer .col .titre { color:#40c6ec; letter-spacing: .3em; font-weight: bold; text-transform:uppercase; margin-bottom:1em; }
footer .col .line { margin: 0.5em; display:flex; }
footer .col .line i { width:30px; }
footer .col .line.rbq { margin-top:1em; }
footer .col i { color:#40c6ec; }
footer .col a { color:white; }
footer a:hover { color:#40c6ec !IMPORTANT;  }

footer .subfooter { background:#5a5b51; text-align: right; padding:1em 0; font-weight: bold; letter-spacing: .5em; font-size:0.9em; margin-top:3em; font-size:0.8em; }
footer .subfooter a { color:white; text-transform: uppercase; margin-right: 5em; }

@media only screen and ( max-width:1200px ) { 
    .wrapper { padding: 0 50px; }
    .banners .banner .title { padding-right:0; }
    .banners #pager {left:40px; }
    .single-blog .banners .banner .title { font-size:3em; }

    nav .lang, nav .menu { display:none; }
    nav .logo { max-width: 65%; }
    nav .navigation.show { background-image: linear-gradient(to bottom, #464740, #5a5b51); position:fixed; top:0; left:0; right:0; bottom:0; padding: 2em 2em; font-size:1.2em; letter-spacing: 0.2em; z-index:1000; }
    nav .navigation.show .lang { display:block; margin: 7em 0 1em 0; font-size:0.8em; }
    nav .navigation.show .menu { display:block; }
    nav .navigation.show ul li { display:block; padding:1em 0; }
    nav .navigation.show ul li a { margin:0;  }
    nav .navigation.show .sub-menu { visibility: visible; opacity:1; background:transparent; position: initial; padding:0; text-align:right; transform: scale(1) !IMPORTANT; }
    nav .navigation.show .sub-menu li { padding:0; margin-top:1em; }
    nav .navigation.show .sub-menu li a { padding:0; background:transparent !IMPORTANT; }
    nav .navigation.show .close { position:absolute; cursor:pointer; right: 20px; top:20px; width: 50px; height: 50px; }
    nav .navigation.show .close div { background: #40c6ec; width: 40px; height: 2px; margin: 12px 0; border-radius:1px;  transition:.5s; position:absolute; }
    nav .navigation.show .close div:nth-of-type(1) { transform: rotate(-45deg); transition:.5s; }
    nav .navigation.show .close div:nth-of-type(2) { transform: rotate(45deg);  transition:.5s; }
    nav .hamburger { width: 70px; cursor:pointer; position:absolute; top:20px; right:20px; z-index:500; }
    nav .hamburger div { height:2px; margin-bottom: 15px; width: 100%; background:white;  }
    nav .hamburger div:nth-last-of-type(1) { transition:0.2s }
    nav .hamburger div:nth-last-of-type(2) { transition:0.7s }
    nav .hamburger div:nth-last-of-type(3) { transition:1.4s }
    nav .hamburger:hover div { background:#40c6ec; transform:scale(1.1); }

    .projects .project { width: 48%; }

    .medialibrary main .flex { flex-wrap: wrap;}
    .medialibrary main .col {width: 100%;}
    .medialibrary main .col.filtre { margin:0 0 1em 0; }
    .medialibrary main .col.filtre .child { display:inline-block; }
    .medialibrary main .col.medias a.visible { width: 49%; }

}

@media only screen and ( max-width:1000px ) { 
    .wrapper { padding: 0 30px; }
    .banners #pager {left: 20px;}
    html { font-size:0.9em; }
    .banners .banner .title { font-size:3.5em; }
    .banners .banner .details { width: 90%; }
    .banners #pager { bottom:20px; right:20px;  }

    .home .news .new { flex-wrap: wrap;}
    .home .news .new .col { width: 100% !IMPORTANT; margin: 1em 0 !IMPORTANT; min-height: 300px;}

    .t-methods .darkbg .flex { flex-wrap: wrap; }
    .t-methods .summary { width: 100%; }
}

@media only screen and ( max-width:900px ) { 
    .t-blogs .blogs .blog { width: 100%; padding: 2%; margin-bottom:3em; }
    .t-blogs .blogs .blog:first-of-type .photo { width: 100%; float:none; margin:0; }
    .t-blogs .blogs .blog:first-of-type .button { display:none; }

    .teaser { left:2em; max-width:100%; bottom:275px;  }
}

@media only screen and ( max-width:800px ) { 
    .wrapper { padding: 0 15px; }
    .wrapper.thin { padding: 0 15px; }
    .single-blog .banners .banner .title { font-size:2em; width: 75%; top:95%; }

    .half { width:100%; }

    .contact main .flex { flex-wrap: wrap; flex-direction: column-reverse;}
    .contact main .flex .col { width: 100%; }
    .contact.t-form .button.formobile { display:inline-block; }
    .contact.t-form .button.fordesktop { display:none; }
    .contact.t-form .files { margin-bottom:4em; }

    .projects .project { width: 100%; }

    .t-catalogues .catalogues a { width: 90%; margin:3em 5%; text-align:center; }

    .t-lsd .left { width: 0%; }
    .t-lsd .right { width: 100%; }

    .t-methods .full .bg { opacity: .5; }
    .t-methods .full .col:first-of-type { width: 100%; }
    .t-methods .imageprocessus { display:none !IMPORTANT; }

    .premium .popup { font-size:1em; }
    .premium .popup .inner { width: 90%; }

    .prefooter .col { width: 100% !IMPORTANT; padding:0; text-align: center; }
    .prefooter .col h1:after { margin-left:auto; margin-right:auto; }
    .prefooter .col:last-of-type { padding:0;  }
    .prefooter .flex { flex-wrap:wrap; }

    footer .flex { flex-wrap:wrap; }
    footer .col { width: 100%; padding:2em 0; text-align:center; }
    footer .col .line { display:block; }
    
    footer .subfooter { text-align:center; letter-spacing:0.2em; }
    footer .subfooter a { display:block; margin:0; }
}


/* POUR L'IMPRESSION */
@media print { 
}