/*
Theme Name: Twenty Nineteen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Nineteen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body{
    background: #EFEDFD;
    color: #222;
    font-family: 'Roboto',Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    transition: padding 0.4s ease-in-out;

}
h1,h2,h3{
    font-family: 'Montserrat',Arial, Helvetica, sans-serif
}
a{
    color: #222;
    text-decoration: none;
    transition: all .4s ease
    }
    a:hover{
        color: #999
    }


a:hover{
    /* background: #3f2df2;
    background: -moz-linear-gradient(top, #3f2df2 0%, #00e57a 100%);
    background: -webkit-linear-gradient(top, #3f2df2 0%,#00e57a 100%);
    background: linear-gradient(to bottom, #3f2df2 0%,#00e57a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f2df2', endColorstr='#00e57a',GradientType=0 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}




/*  Utilities */
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.text-center{
    text-align: center
}
.text-right{
    text-align: right
}
.is-lettrine:first-letter{
      font-family: 'Montserrat',Arial, Helvetica, sans-serif;
      font-weight: 900;
      font-size : 36px;
      color : #3F2DF2;
      padding:5px 10px 10px 0;
      float : left;
}
.txt-shadow{
    text-shadow: 1px 1px 1px black

}
.opacity-hover:hover{
    transition: opacity .4s ease-in-out;
    opacity: 0.5;
    }

.bg-dark{
    background: #0B0B0B
}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;

    box-shadow:         0px 0px 10px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    -moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 1);
    transition: 0.4s ease-in;
}



/* WP reset */
.navigation.pagination{
    font-size: .9em;
    margin: 0 0 1em 0;
    padding: 2em 0;
}
.page-numbers{
    border: 1px solid #ccc;
    color: #3F2DF2;
    padding: 10px 15px
}
.page-numbers:hover,
.page-numbers.current{
    background: #3F2DF2;
    color: #fff;
}
.screen-reader-text{
    display: none;
    height: 0
}


/* Theme */

/*  */
.archive .page-title{
    padding: 2em 0
}
/*  */
.archive-section{
    margin-bottom: 4em
    }
    .archive-section-titre{
        background: #3F2DF2;
        color: white;
        display: inline-block;
        margin:10px 0;
        padding: 5px 10px;
        text-align: center;
        font-family: 'Montserrat',Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
.archives-nav{
    padding: 1em 0
}
.archives-nav ul{
    list-style: none;
    padding: 0
}
.archives-nav li{
    padding: 5px 0
}
.archives-nav-categories{
    text-align: right;
}
.archives-nav-footer{
    margin-top: 2em
}
.archives-nav-categories ,
.archives-nav-categories a{
    color: #3F2DF2
}
.archives-nav-tags ,
.archives-nav-tags a{
    color: #b6b0f2
}
.archives-nav a{
    padding: 2px 5px;
    transition: .2s ease-in
}
.archives-nav a:hover{
    background: #3cefff;
    color: #111;
}


/*  */
.bt-expand-menu {
    font-family: 'Montserrat',Arial, Helvetica, sans-serif;
}
.bt-expand-menu span{
    display: inline-block;
    padding: 0 3px
}


/*  */
.bg-categories{
    background: #b6b0f2
}
.bg-tags{
    background: #3F2DF2;
}
.plan-du-site .bg-categories,
.plan-du-site .bg-tags{
    background: transparent;
}
.plan-du-site .archives-nav-tags,
.plan-du-site .archives-nav-tags a
{
    color:#666
}
/*  */
.breadcrumbs{
    color: #999;
    margin-bottom: 2em
}
.breadcrumbs p{
    padding: 0
}
.breadcrumbs a{
    border-bottom: 2px solid #eee;
    color: #999;
    font-size: .875em;
    display: inline-block;
    padding: 2px 0;
    margin: 2px 0
}
.breadcrumbs a:hover{
    border-bottom: 2px solid #3F2DF2;
    color: #3F2DF2;
}

/*  */
.bt-more-topnews:hover{
    background: #3F2DF2;
    color: white
}
.bt-more-topnews{
    background: #3cefff;
    color: #111;
    display: inline-block;
    margin: 10px 0;
    padding: 5px 10px;
    text-align: center;
    font-family: 'Montserrat',Arial, Helvetica, sans-serif;
}

/*  */

.bt-play-video-text {
    background-color: #3F2DF2;
    color: white;
    display: inline-block;
    overflow: hidden;
    padding: 0.5em 1em;
    z-index: 1;
    position: relative;
    transition: color 0.4s ease-in-out;
    }
    .bt-play-video-text::before {
      content: '';
      z-index: -1;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1em;
      height: 1em;
      border-radius: 50%;
      background-color: #3cefff;
      transform-origin: center;
      transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
      transition: transform 0.45s ease-in-out;
    }
    .bt-play-video-text:hover {
      cursor: pointer;
      color: #161616;
    }
    .bt-play-video-text:hover::before {
      transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);
    }
    /**/
    @media (min-width: 481px) {
        .bt-play-video-text {
            position: absolute;
            display: block;
        }
    }

/*  */
.bt-play-icon {
    z-index: 1;
    position: relative;
    transition: color 0.4s ease-in-out;

    background: #271AAA;
    color: white;
    width: 72px;
    height: 48px;
    font-size: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius:    15px;
    border-radius:         15px;
    margin: 0 auto 10px;
    overflow: hidden;
    text-align: center;
    box-shadow:         0px 0px 10px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8);
    -moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, .8);
    display: flex;           /* establish flex container */
    flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center;     /* center items horizontally, in this case */

    opacity: .9;
    }
    .bt-play-icon::before {
      content: '';
      z-index: -1;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1em;
      height: 1em;
      border-radius: 50%;
      background-color: #3cefff;
      transform-origin: center;
      transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
      transition: transform 0.45s ease-in-out;
      opacity: 1;
    }
    .bt-play-icon:hover {
      cursor: pointer;
      color: #161616;
    }
    .bt-play-icon:hover::before {
      transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);
    }
.bt-play-text{
    font-weight: bold;
    font-family: 'Montserrat',Arial, Helvetica, sans-serif;
    padding: 0 5px
}


/*  */
.cat-title,
a.cat-title{
    color: #3F2DF2;
    font-size: .825em;
    margin-right: 7px;
    padding-bottom: 1px
}
a:hover.cat-title{
    color: #333
}

/*  */
.description-video{
    color: #222;
    line-height: 1.625em;
    font-size: 1em;
    }
    .description-video a{
        color: #555;
        border-bottom: 2px solid #999;
        }
        .description-video a:hover{
            color: #666;
            border-bottom: 2px solid #eee;
            background: #3f2df2;
            background: -moz-linear-gradient(top, #3f2df2 0%, #00e57a 100%);
            background: -webkit-linear-gradient(top, #3f2df2 0%,#00e57a 100%);
            background: linear-gradient(to bottom, #3f2df2 0%,#00e57a 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f2df2', endColorstr='#00e57a',GradientType=0 );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }


/*  */
.header{
    background: white
}


/*  */
.logo{
    padding:2em 0;
    transition: all .4s ease
    }
.logo:hover{
    opacity:.6;
    }
    .logo a{
        color: #999;
        font-weight: bold;
        }
        .logo a:hover{
            color: #333;
        }
.logo-48{
    font-family: 'Montserrat',Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 1em
}


/*  */
.main-nav {
    /* background: #EFEDFD; */
    /* border-top:1px solid #E0E0E0; */
    /* border-bottom:1px solid #E0E0E0; */
    margin-bottom: 2em;
    padding: 0 0 2em 0;

    }
    .main-nav.fixed-header{
        background: white;
        padding:  0;
    }


/*  */
.menu-main ul{
    padding: 0;
    margin: 0
    }
    .menu-main .menu-item{
        list-style: none;
        padding: 5px 15px 5px 0;
        text-transform: uppercase;
        font-size: .9em
        }
        .menu-main .menu-item a{
            color: #3F2DF2;
            border-bottom: 2px solid #eee
        }
        .menu-main .menu-item a:hover{
            border-bottom: 2px solid #3F2DF2
        }

    .menu-main.mobile-nav-items{
        padding: 1.425em 0 0
    }
    .menu-main.mobile-nav-items .menu-item {
        margin-bottom: 7px
    }

    .menu-item.menu-titre{
        background: #3F2DF2;
        color: white;
        margin-right:10px;
        padding: 5px 10px;
        text-align: center;
        }
    .menu-item.menu-bt-more{
        border:2px solid #3F2DF2;
        margin-right:10px;
        padding: 5px 10px;
        text-align: center;
        }


/*  */
.menu-search{
    margin: 1em 0
    }
.menu-search .bt-expand{
    background: #3F2DF2;
    display: block;
    padding: 10px 10px 10px;
    text-align: center;

    }
.menu-search form{
    justify-content:flex-end;
}

.search-resultats .menu-search form{
    padding: 1em 0;
    justify-content:flex-start;
}


/*  */
.menu-social{
    padding: 3em 0 ;
    text-align: center;
    margin-bottom: 2em
    }
    .menu-social h2{
        color: #3F2DF2;
        font-size: 1.425em;
        display: inline-block;
        background: #EFEDFD;
        padding: 0px 20px;
        margin: 0 0 -10px ;
        -webkit-transform:  translateY(-20px);
        -ms-transform:      translateY(-20px);
        -o-transform:       translateY(-20px);
        transform:          translateY(-20px);
        }
    .menu-social .social-lien a{
        border-bottom: 3px dashed #b7b7b7;
        font-weight: bold;
        display: block;
        margin: 0 5px;
        padding:  1em ;
        text-transform: uppercase;
        }
        .menu-social .social-lien a:hover{
            border-bottom: 3px dashed #3F2DF2;
            color: #3F2DF2
        }
.menu-social-logo-head{
    border-top: 7px dotted  #3F2DF2;
    -webkit-transform:  rotate(-2deg);
    -moz-transform:     rotate(-2deg);
    -ms-transform:      rotate(-2deg);
    -o-transform:       rotate(-2deg);
    transform:          rotate(-2deg);
}

/*  */
.post-tags{
    padding: 4px 0
}

/*  */
.post-annee{
    color: #999;
    font-family: 'Courier New', Courier, monospace;
    font-size: .75em
}


/*  */
.posts-vignettes{
    margin-bottom: 3em
}

/*  */
.post-video-card{
    background-color: #fff;
    color: white;
    height: 320px;
    left: 0px;
    margin-bottom: 1em;
    min-height: 320px;
    overflow: hidden;
    position: relative;
    width: 100%;

    -moz-border-background-size:cover; /* pour anciens Chrome et Safari */
    -webkit-background-size:    cover; /* pour anciens Chrome et Safari */
    background-size:            cover; /* version standardisée */
    background-repeat: no-repeat;
    background-position: center center;

    box-shadow:         -5px 5px 10px rgba(0,0,0,.3);
    -webkit-box-shadow: -5px 5px 10px rgba(0,0,0,.3);
    -moz-box-shadow:    -5px 5px 10px rgba(0,0,0,.3);

    -webkit-border-radius: 7px;
    -moz-border-radius:    7px;
    -ms-border-radius:    7px;
    -o-border-radius:    7px;
    border-radius:         7px;

    transition: 0.4s ease-out;
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;

    }
    /*smartphones mobiles (portrait)*/
    @media (min-width: 480px) {
        .post-video-card{
            margin-left: -50px;
            width: 320px;
            -webkit-transform:  rotate(2deg);
            -moz-transform:     rotate(2deg);
            -ms-transform:      rotate(2deg);
            -o-transform:       rotate(2deg);
            transform:          rotate(2deg);
        }
        .post-video-card:hover {
            -webkit-transform:  rotate(0);
            -moz-transform:     rotate(0);
            -ms-transform:      rotate(0);
            -o-transform:       rotate(0);
            transform:          rotate(0);
            -webkit-transform:  translateX(-40px);
            -moz-transform:     translateX(-40px);
            -ms-transform:      translateX(-40px);
            -o-transform:       translateX(-40px);
            transform:          translateX(-40px);
        }
    }
    .post-video-card:hover {
        background-position:left top;
        transition: 0.4s ease-out;
        -webkit-transition: 0.4s ease-out;
        -moz-transition: 0.4s ease-out;
        -o-transition: 0.4s ease-out;
    }

    .post-video-card:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(to right bottom, #fff 0%, #24189D 60%);
      background-image: -webkit-linear-gradient(to right bottom, #fff 0%, #24189D 60%);
      background-image: -moz-linear-gradient(to right bottom, #fff 0%, #24189D 60%);
      background-image: -ms-linear-gradient(to right bottom, #fff 0%, #24189D 60%);
      background-image: -o-linear-gradient(to right bottom, #fff 0%, #24189D 60%);
      opacity: .6;
      z-index: 0
    }
    .post-video-card .bt-play-video-text{
        top:240px;
    }
    .post-video-card a.video-title{
        color: white
    }
    .post-video-card a.cat-title{
        background: white;
        border: 0;
        display: inline-block;
        font-size: .8em;
        margin-bottom: 3px;
        padding: 2px 5px;
    }
    .post-video-card .post-excerpt,
    .post-video-excerpt{
        color: #333;
        line-height: 1.425em;
        font-size: .9em;
        margin-bottom: 1em
    }


    .post-video-card-wrapper{
        padding: 2em;
        position: relative;
    }

    .post-video-card h3{
        font-weight: bold;
        font-size: 1.425em;
        text-shadow: 1px 1px 0 black
    }

    .post-video-card .video-duree{
        color:white
    }

    /*  */
    @media (min-width: 380px){
        .post-video-card-set{
            margin-left: 50px
        }
    }
    /*smartphones mobiles (portrait)*/
    @media (min-width: 960px) {
        .post-video-card{

        }
    }


/*  */
.post-video-banner {
        margin: 0 0 2em 20px
    }
    .post-video-banner .video-duree{
        margin: 10px 0
    }
    .post-video-banner .video-title h3{
        margin-top: 0
    }
    .post-video-banner-thumb .bt-play-video-text{
        background: #3F2DF2;
        color: white;
        top: 20px;
        left:-20px
    }
    .post-video-banner-thumb-img{
        background: rgba(61,45,242,1);
        display: block;
        -webkit-transition: box-shadow -webkit-box-shadow -moz-box-shadow 0.3s ease-in-out;
        transition:         box-shadow  0.3s ease-in-out;
        -webkit-box-shadow: 5px 5px 0px 0px rgba(61,45,242,1);
        -moz-box-shadow:    5px 5px 0px 0px rgba(61,45,242,1);
        box-shadow:         5px 5px 0px 0px rgba(61,45,242,1);
        }
        .post-video-banner-thumb-img:hover{
            -webkit-box-shadow: 10px 10px 0px 0px rgba(61,45,242,1);
            -moz-box-shadow:    10px 10px 0px 0px rgba(61,45,242,1);
            box-shadow:         10px 10px 0px 0px rgba(61,45,242,1);
            }


/*  */
.post-video-minimal{
    margin-bottom: 1.425em
    }
    .post-video-minimal .video-title{
        font-weight: bold;
        margin-bottom: 7px;
        display: block;
    }

/*  */
.post-video-vignette{
    margin-bottom: 2em
    }
    .post-video-vignette .video-title:hover h3{
        color: #3F2DF2;
    }

    /*  */
    .post-video-vignette-thumb{
        position: relative;
    }
    /*smartphones mobiles (portrait)*/
    @media (min-width: 481px){
        .post-video-vignette-thumb .bt-play-video-text{
            top: 50px;
            }
    }

        .post-video-banner .flex-item-large{
            flex: 2 1 0
        }
        .post-video-banner .flex-item{
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis:0
        }


/*  */
.post-video-single .video-details{
    color: white;
    padding: 2em 0;
    }
    .video-details-wrap{
        padding: 0 2em
    }
    .post-video-single .video-details h3{
        font-size: 1.625em;
        line-height: 1.425em;
        margin: 0 0 1em
    }
    .post-video-single .video-details .post-video-excerpt{
        color: white;
        line-height: 1.625em;
        font-size: 1.1em;
        padding: 1em 0
    }
    .post-video-single .video-details .is-lettrine:first-letter{
        color: white;
    }
    .post-video-single .video-details .tag-title,
    .post-video-single .video-details .video-duree{
        color: #666;
    }
    .post-video-single .video-details a.cat-title{
        border: 0;
    }
    .post-video-single .video-details a.cat-title:hover,
    .post-video-single .video-details .tag-title:hover{
        color: white;
    }
    .post-video-single .description-video{
        padding: 1em 0 1em 2em
        }


/*  */
.post-video-row{
    margin-bottom: 2em
    }
    .post-video-row a.video-title{
        border-bottom: 2px solid #eee;
        color: #3F2DF2;
        display: inline-block;
        font-family: 'Montserrat',Arial, Helvetica, sans-serif;
        margin-bottom: 7px
    }

.search-resultats .post-video-row{
    padding: 1em 0
    }


/*  */
.menu-search .search-form{
    transition: all 0.4s ease-out;
    width: 0px;
    height: 0px;
    overflow: hidden;
    }
    .search-form.expand{
        width: 100%;
        height: auto;
        padding: 20px
    }
    .search-form input[type=text]{
        padding: 10px;
        width: 100%;
        background: #D5D2EF;
        border: 0;
        font-size: 18px;
    }
    .search-form input[type=submit]{
        background: white;
        border: 1px solid  #3F2DF2;
        color: #3F2DF2;
        margin: 0 10px;
        padding: 10px 20px;
        font-weight: bold;
    }


/*  */
.mob-nav-items{
    display: none
}
.mobile-nav-items{
}
.mobile-header{
    padding-left:1em;
    padding-right:1em;
    background: white;
}

/*  */
.search-resultats{
    margin-bottom: 4em
}
.search-resultats h2{
    margin: 0
}


/*  */
.tag-title{
    border-bottom: 1px dashed #999;
    display: inline-block;
    font-size: .7em;
    margin-bottom: 1px;
    padding: 3px 7px 1px 0;
    text-transform: uppercase;
}

/*  */
.topnews-popular{
    position: relative;
    overflow: hidden;
    }
    .topnews-popular::before {
        background:#c8c4e0;
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 120%;
        z-index: 0;
        -webkit-transform:  rotate(-2deg);
        -moz-transform:     rotate(-2deg);
        -ms-transform:      rotate(-2deg);
        -o-transform:       rotate(-2deg);
        transform:          rotate(-2deg);
    }
    .topnews-popular .archive-section{
        position: relative;
    }

/* Topnews video */
.topnews-post{
    background: white;
    border: 1px solid #3F2DF2;
    padding: 2em;
    margin-bottom:1em;
    z-index: 999;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(61,45,242,1);
    -moz-box-shadow:    10px 10px 0px 0px rgba(61,45,242,1);
    box-shadow:         10px 10px 0px 0px rgba(61,45,242,1);
    transition: 0.4s ease-in;
    }
    .topnews-post a:hover h1{
        color: #3F2DF2;
        }
    .topnews-post h1{
        font-weight: 900;
        font-size: 1.75em
        }
@media (min-width: 1280px){
    .topnews-post{
        -webkit-transform:  translateY(-40px)  translateX(120px);
        -ms-transform:      translateY(-40px)  translateX(120px);
        -o-transform:       translateY(-40px)  translateX(120px);
        transform:          translateY(-40px)  translateX(120px);
    }
    .topnews-video{
        margin-top: 80px
    }
}
.topnews-post .bt-play-video{
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1.425em 0
}
.topnews-thumb{
    position: relative;
    }
    .topnews-thumb .bt-play-video{
        color: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* precise centering; see link below */
    }
.topnews-excerpt{
    color: #333;
    line-height: 1.625em
}

.topnews-video .topnews-excerpt{
    margin: 1.425em 0
}

/*  */
.video-duree{
    color: #3F2DF2;
    font-family: 'Courier New', Courier, monospace;
    font-size: .75em
}