@import url('https://www.cnap.fr/sites/faune/styles/faune-fontes.css');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,400;1,700&display=swap');




#lille1 {
    background: transparent url(../2020/ulille.png?v=2022) left center no-repeat;
    background-size: contain;
}
ul.newsletter-archives li {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-bottom: 40px;
}
#content ul.newsletter-archives li a {
    background:transparent!important;
}

body:before, /*#content:before, */
body:after, 
.english #header:before, #header:before,
.page-template-department #content:after, .page-id-103 #content:after, .page-id-15947 #content:after, 
.home #hp:after
{ display: none!important; }

.english #header #menuNav>li span, .english #header #menuNav #english span, .english #header #francais span, #header #menuNav>li span, #header #menuNav #english span, #header #francais span 
{ background:none!important; }

#feed, #feedinpage {
    background: #FFF101;
    border-top: 1px  solid #FFF101;
}
.home #feed:before, .page-id-4664 #feed:before, #feed:before
{ left: calc(50% + 446px); border-left: 1px solid #004876; content:""; position: absolute;
    height: 100%; top: 0;     z-index: 0;}





.wp-caption 
{ background: #FFF101; }
.wp-caption img, .alignleft img 
{ border: 10px solid #FFF101;  }
.wp-caption-text 
{  padding:10px 40px!important; text-align: center!important; font-family: 'Playfair Display', serif!important; line-height:120%; }


#menuNav {
    font-weight:bold;
}
.english #header #menuNav>li span::after, .english #header #menuNav #english span::after, .english #header #francais span::after, #header #menuNav>li span::after, #header #menuNav #english span::after, #header #francais span::after
{ background: #004876; }
#menu .ecole:before, #menu .entreprise:before, #menu .contact:before, #menu .international:before 
{ border: 10px solid #FFF101; }
#menu .in
{ margin-top: 50px; }
#menu .in>div 
{ background:none; }
#menu .formation ul, #menu .recherche ul, #menu .campus ul 
{ border-right: 1px solid #FFF101; }
#menu .formation ul.extra, #menu .entreprise ul.extra 
{ border-left: 4px solid #FFF101; }

#menu .formation ul li, #menu .recherche ul li, #menu .campus ul li, 
#menu .formation ul.extra li, #menu .entreprise ul.extra li
{ border-bottom-color: #004876!important; }

#menu .ecole p strong, #menu .entreprise p strong, #menu .contact p strong, #menu .international p strong, #menu .formation p strong, #menu .recherche p strong, #menu .campus p strong, 
#menu .ecole p, #menu .entreprise p, #menu .contact p, #menu .international p, #menu .formation p, #menu .recherche p, #menu .campus p
{ color: #ffffff!important; }

#menu .ecole ul li a, #menu .entreprise ul li a, #menu .contact ul li a, #menu .international ul li a, 
#menu .formation ul.specialites li a, #menu .recherche ul.poles li a
{ color: #ffffff!important; text-shadow:none; }

#menu .formation ul.extra, #menu .entreprise ul.extra  li a
{ color: #004876!important; }

#menu .formation ul.specialites li a, #menu .recherche ul.poles li a, #menu .formation ul.extra li a, #menu .entreprise ul.extra li a, 
#menu .ecole ul li a, #menu .entreprise ul li a, #menu .contact ul li a, #menu .international ul li a
{ text-transform: initial; }

#menu .in::after {
    content:"fermer \00a0\00a0 ╳";
    position:absolute;
    right:0;
    top: 0;
    color:#ffffff;
    font-size:10px;
    text-transform:uppercase;
}
.menuNavClicked #curtain::after {
    content:"╳ \00a0\00a0 fermer le menu";
    position:absolute;
    right:0;
    bottom: 30px;
    color:#ffffff;
    font-size:10px;
    text-transform:uppercase;
    text-align:center;
    width:100%;
}


#header { background:#004876!important; }
#curtain { background:#004876!important; opacity:1; }
#menu .in {box-shadow:none!important;} 






.lbframe, .lbcontent {
    overflow:visible;
}
#content .wp-block-table, #content .wp-block-columns, #content figure.wp-block-image {
    width: 610px!important;
    margin: auto;
}
#content .wp-block-columns p {
    width:auto!important;
}
#content .wp-block-quote cite {
    display:block;
    font-size: 70%;
    text-align:center;
    font-family: 'Faune', sans-serif;
    font-style:normal;
}
#content .wp-block-image .alignleft {
    margin-left:-43px!important;
    text-align:left;
    margin-right:-20px!important;
}






* { color:#004876!important; }

.home #content, .page-id-4664 #content 
{ padding-top:0!important; }

#content::before {
    display:none;
    /*
    content:"";
    //background: #004876!important;
    background: transparent url('http://localhost:8888/Polytech/polytech-lille.fr/html/2021/dots.gif') right top repeat!important;
    position:absolute!important;
    //left:0!important;
    right:calc(50% + 320px)!important;
    top:0!important;
    //width:calc(50% - 320px)!important;
    width:280px!important;
    height:100%!important;
    opacity:0.1;
    z-index:-1;*/
}

html, body, 
#header, 
#menu, #menu ul, #menu .formation ul.specialites, #menu .recherche ul.poles, #menu .formation ul.extra li, 
#content ,
#content h1,
#content h2,
#content h3,
#content .semester *
{ font-family: 'Faune', sans-serif; }
#content h1
{ width:610px; margin:40px auto 20px auto; font-size:50px; }
#content h3 
{ border-left-color:transparent; }

#content .semester.odd .odd,
#content .semester.odd .even,
#content .semester.even .odd,
#content .semester.even .even {
    background: #FFF101;
    border-bottom: 1px solid #fff;
}
#content .semester .semestercontent div {
    border-top: 1px solid white;
}
#content .semester .odd, #content .semester .even {
    background: #FFF101;
}
#content .semester.odd *,
#content .semester.even * {
    color: #004876 !important;
}
#content .semester .odd {
    background-color: #004876;
}
#content .semester.odd .odd.active, #content .semester.odd .even.active {
	background:#009fe3!important;
}




/* background: linear-gradient(180deg, rgba(0,72,118,1) 0%, rgba(0,72,118,1) 50%, rgba(0,159,227,1) 80%, rgba(0,159,227,1) 100%)!important; */

.home #hp, .page-id-4664 #hp 
{ background:#004876!important; background: rgb(0,72,118)!important;
    
    padding-bottom:5%; width:100%; min-height:100vh; padding-top: 2%; }
.home #hp video, .page-id-4664 #hp video 
{ width: 90%!important; }

#quicklinks #quicklinks_main
{ background: #FFF101!important; border-left: 4px solid #FFF101!important; }

#quicklinks,
#quicklinks a,
#quicklinks #quicklinks_rs,
#feed *, #feedinpage *,
#content .pagination { font-family: 'Playfair Display', serif!important; font-style:italic; }

#quicklinks a,
#quicklinks #quicklinks_rs 
{ border-bottom-color:#004876!important; }

#footer 
{ background: #009fe3; z-index:99; }


#corner50ans 
{ filter:brightness(0.4); }


@media (max-width: 1270px) {
    #header {
        min-height: 90px!important;
    }
    #header .in {
        width: 100% !important;
    }
    #polytech {
        margin-left:10px;
    }
    #header ul#menuNav::before {
        color:#ffffff!important;
    }
    .menuNavClicked #header ul#menuNav {
        right: 0!important;
        width:100%!important;
        background:none!important;
        padding-top:100px;
    }
    .menuNavClicked #header ul#menuNav li, .menuNavClicked #header ul#menuNav #english, .menuNavClicked #header ul#menuNav #francais {
        text-align:left!important;
        background:#004876!important;
        padding: 10px 10px 10px 14px;
        font-size: 20px;
        width:60%!important;
    }
    #menu .recherche ul li {
        text-align:left!important;
    }
    #menu {
        position:absolute;
        /*pointer-events: all;*/
        background:#004876!important;
        top:100px;
        left:0!important;
        min-height:80vh!important;
    }
    #menu .in {
        width: 100%!important;
        margin-top:0!important;
    }
    #menu .in::after {
        right:13px!important;
    }
    .menuNavClicked #curtain {
        display:block!important;
        transition:none!important;
        opacity:1!important;
    }

    #menu .in::after {
        content:"← \00a0\00a0 retour";
    }



    .home #hp, .page-id-4664 #hp {
        min-height:0!important;
    }
    .home #hp video, .page-id-4664 #hp video {
        width: 95%!important;
    }



    #content {
        min-height:0!important;
    }


    #content .pagination {
        width:95%!important;
        margin:auto;
        margin-bottom:30px;
        text-align:center;
        display:block;
        max-wifth:500px;
    }
    #content .pagination .nav-links::before {
        content:none;
    }
    #content .pagination a {
        margin-right:0;
    }

    #footer {
        position:relative;
    }
    #quicklinks {
        margin-bottom: 10px;
    }
    .home #feed, .page-id-4664 #feed {
        width: 95%;
        margin: 10px auto;
        max-width:800px;
    }


    #content .wp-block-table, #content .wp-block-columns, #content figure.wp-block-image {
        width: 100%!important;
    }

}

@media (max-width: 1023px) {
    .home #feed, .page-id-4664 #feed {
        max-width:500px;
    }
}