/*
*   name           Favourite
*   version        3.4
*   description    Responsive and customizable Joomla!3 template
*   demo           ttp://demo.favthemes.com/favourite/
*   author         FavThemes
*   author URL     http://www.favthemes.com
*   copyright      Copyright (C) 2012-2016 FavThemes.com. All Rights Reserved.
*   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*
******************************************************************************************

/// custom style

******************************************************************************************
*/


/*
//////////////////////////////////////////////////

personnalisation OOB

//////////////////////////////////////////////////
*/
html {
    height: 100%;
}
body {
    min-height: 100vh;
}
#fav-containerwrap {
    background: url(../images/OOB_vagues.webp) no-repeat fixed top right !important;
    min-height: 100vh;
}

#fav-topbar {
    display: flex;
}

#fav-topbar .langues {
    float: right;
}

#fav-topbar .menutete {
    margin-right: 70px;
}


#fav-topbar .menu {
    margin-bottom: 0px !important;
    margin-top: 3px;
}

#fav-topbar ul.nav.menu li.active a {
    color: #d4deef !important;
}

#fav-main, #fav-mainbottom {
    background: rgba(256, 256, 256, 0.85);
    border-radius: 5px;
}
#fav-main{
    padding: 5px;
}

/*#fav-headerwrap .row-fluid, #fav-mainwrap .row-fluid {
  background: rgba(256,256,256,0.75);
}*/

#fav-maincontent, #fav-mainbottom {
    padding: 0 10px 40px 0;
}

div h3 {
    margin-bottom: 15px;
    color: #00579D;
    font-size: 20px;
}

div.categories-list div h3.page-header.item-title, div.categories-list div h3.page-header.item-title a, div.cat-children div h3.page-header.item-title, div.cat-children div h3.page-header.item-title a {
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    color: #00579D;
    font-size: 20px;
}

.blog .items-leading .favth-lead, .blog .items-row .favth-lead {
    font-size: 18px;
}

.page-header h2, .blog h2 {
    background-color: #D4DEEF;
    color: #00579D;
    padding: 10px 15% 10px 10px;
    font-weight: 500;
}

.recherche.btn {
    padding: 4px 12px;
    margin-bottom: 0;
    margin-left: 3px;
    border-radius: 7px;
}

@media screen and (max-width: 520px) {
    .recherche.btn {
        display: none;
    }
}

.recherche > form {
    margin: 0 0 3px;
}

.recherche.finder {
    margin-top: 2px;
}

.moduletable.recherche {
    clear: both;
    position: relative;
    overflow: visible;
    margin: 0 20px 0 0;
}

.search.recherche {
    position: absolute;
    right: 20px;
    left: 20px;
    z-index: 999;
}

.programme-aala {
    float: left;
    margin-right: 25px;
}

.liste-conf-aala {
    background-color: white;
}

.plaquette-remimed {
    float: left;
    margin-bottom: 25px;
    margin-right: 25px;
}

/* Style du module FavPromote pour page Rechercher */

p[id^="favpromote-text"], p[id*=" favpromote-text"] {
    min-height: 185px;
}

div[id^="favpromote-box"], div[id*=" favpromote-box"] {
    background: rgba(256, 256, 256, 1);
}


/* Styles de la page d'accueil */

div.sprocket-features {
    background: #ffffff;
    border-radius: 4px;
}

div.sprocket-features .sprocket-features-content {
    margin: 4%;
}

div.sprocket-features .sprocket-features-title {
    color: #333333;
}

/*div.sprocket-features .sprocket-features-title a {
	color: #00579D;
}*/

div.sprocket-features .sprocket-features-content h2.sprocket-features-title a:hover {
    color: #333333 !important;
}

div.sprocket-features .sprocket-features-title {
    color: #333333;
}

div.sprocket-features .sprocket-features-desc {
    color: #333333;
}

div.sprocket-features .sprocket-features-desc a.readon {
    color: #fff !important;
    font-size: 15px;
    background-color: #00579D;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px 20px 10px;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: inline-block;
}

div.sprocket-features .sprocket-features-desc a.readon:hover {
    color: #fff !important;
    background-color: #333;
    border: 1px solid transparent;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

.blocscience div, .blocstudent div, .blocpublic div {
    padding: 10px 0;
    font-size: 16px;
}


/* Style du bloc Etudiants */
.moduletable.favth-color2 {
    background-color: #D4DEEF;
    color: #00579d;
}

.moduletable.favth-color2 > div h3:first-of-type,
.moduletable.favth-color2 p {
    color: #fff;
}

.moduletable.favth-color2 a {
    color: #00579d;
}

.moduletable.favth-color2 a:hover,
.moduletable.favth-color2 a:focus {
    color: #fff;
}

.moduletable.favth-color2 hr {
    border-top: 1px solid #fff;
}

.moduletable.favth-color2 [class^="fa-"],
.moduletable.favth-color2 [class*=" fa-"] {
    background-color: #fff;
    color: #D4DEEF;
}

.image-menu {
    margin-top: -10px;
    padding-top: 2px;
    margin-bottom: -5px;
    width: 24px;
    padding-bottom: 3px;
}

.remove-moduletable {
    margin-top: 0;
    margin-bottom: 0;
}

.spacing, #fav-showcopyright {
    display: flex;
    justify-content: space-around;
}

.text-align-remove {
    text-align: initial;
}

.img-remove-style img {
    padding: 0 !important;
    background-color: transparent !important;
}

.informations-side p {
    color: black !important;
}

.moduletable.calm-background {
    background-color: rgba(212, 222, 239, 0.8);
}

.text-color-override {
    color: black !important;
}

@media screen and (max-width: 767px) {
    .moduletable.chunky-sidebar {
        flex: 0 0 20em;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .moduletable.chunky-sidebar div {
        flex: 1 1 auto;
    }

}

@media screen and (max-width: 625px) {
    .moduletable.chunky-sidebar {
        width: fit-content;
        flex: none;
    }

    #fav-sidebar1, #fav-sidebar2 {
        display: flex;
        flex-direction: column !important;
        align-content: center;
        align-items: center;
    }
}

#fav-topbar6 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

#fav-topbar6 > .moduletable:last-child {
    margin-right: auto;
}

abbr[title] {
    text-decoration: underline solid #85c9f6;
    border-bottom: none;
}

.flex-mobile {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    grid-auto-rows: minmax(100px, auto);

}

@media screen and (max-width: 767px) {
    .flex-mobile {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 767px) {
    #fav-logomobile {
        display: flex;
        align-content: center;
        justify-content: center;
        align-self: center;
    }

    #logo-text-slogan {
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 500px) {
    #fav-logomobile {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    #logo-text-slogan {
        display: none;
        /* grid-column: 2;*/
    }

    #fav-logomobile h1 {
        grid-column: 1;
    }
    #fav-navbar-btn{
        margin-top: 3em!important;
    }
    div.mod-languages ul {
        display: flex!important;
    }
    .moduletable.recherche{
        margin: 0   ;
    }

}


@media screen and (max-width: 430px) {
    #fav-logomobile {
        grid-template-columns: repeat(1, 1fr);
    }

    #logo-text-slogan {
        grid-column: 1;

    }

    #fav-logomobile h1 {
        justify-content: center;
        display: flex;
    }
}

.media-logo {
    width: 200px;
}

.icons {
    position: relative;
}

.icons > div {
    position: absolute;
}

.media-logo {
    justify-content: center;
    display: flex;
    align-items: center;
    align-content: center;
}

.annuaire {
    padding: 0;
    margin: 0;
}

.annuaire a {
    color: white;
    font-size: medium;
}

.blog .icons, .blog .icons > div {
    display: none;
}


#rl_modals .icons, #rl_modals .icons > div {
    display: none!important;

}

#rl_modals .hal-year {
    display: initial !important;
}

#rl_modals .hal-year-label {
    border: 2px solid #1bdbf8 !important;
    background-color: #12bbd4 !important;
    color: #fff!important;
    display: none !important;
}

#rl_modals .hal-year-label::before {
    content: "\f00c" !important;
}

@media screen and (max-width: 360px) {
    .custom.annuaire > a > div {
        display: none;
    }
}

.sized-icon {
    width: 25px;
    height: 25px;
    padding-bottom: 2px;
    padding-right: 2px;
    display: none; /* TODO Remove for icons*/
}

.nav-child {
    display: initial;

}

.nav-child > li {
    opacity: 1;
    -webkit-transition: -webkit-opacity 0.5s ease-in-out;
    -moz-transition: -moz-opacity 0.5s ease-in-out;
    -o-transition: -o-opacity 0.5s ease-in-out;
    -ms-transition: -ms-opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.nav-child.hid {
    display: none;
}

.nav-child.visually-hidden > li {
    opacity: 0;
}

a.fancy-button:before, a.fancy-button:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    transition: all 0.3s ease;
}

a.fancy-button:before {
    top: -2.5%;
    left: -1%;
    border-top: 2px solid white;
    border-left: 2px solid white;
}

a.fancy-button:after {
    bottom: -2.5%;
    right: -1%;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

a.fancy-button:hover:before, a.fancy-button:hover:after {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}


.custom-img-left {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
}



.airport-pane {
    width: 1em;
    height: 1em;
    display: inline-block;
    margin: 0 auto;
    border-radius: .05em;
    border: .01em solid #444;
    position: relative;
    background: #222;
    text-align: center;
    line-height: 1;
    font-size: 30px;
    color: #fff;
    font-family: monospace;
    box-shadow: 0 .02em 0 #ccc,
    0 .05em 0 #000;
    text-shadow: -1px -2px 2px rgba(0, 0, 0, 1);
    z-index: 50;
}


.airport-pane:after {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    border-top: 2px solid #000;
    border-bottom: 2px solid rgba(255, 255, 255, .3);
    width: 100%;
    height: 0;
    opacity: .8;
    z-index: 10;
    margin-top: -1px
}


.simple-arrow-icon {
    cursor: pointer;
    position: relative;
    width: 60px;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
}

.simple-arrow {
    border-radius: 5px;
    position: absolute;
    top: 10px;
    width: 70%;
    height: 4px;
    background-color: #35afef;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}

.simple-arrow::after, .simple-arrow::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 4px;
    right: -3px;
    background-color: #35afef;
    border-radius: 5px;
}

.simple-arrow::after {
    top: -8.5px;
    transform: rotate(45deg);
}

.simple-arrow::before {
    top: 8.5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    transform: rotate(-45deg);
}

.animated-text{
    border-right: solid 5px rgba(76, 115, 255, 0.98);
    white-space: nowrap;
    overflow: hidden;
    font-family: 'Source Code Pro', monospace;
    font-size: 28px;
    color: rgba(8, 14, 97, 0.7);
    animation: animated-text 4s linear 1s 1 normal both,
    animated-cursor 600ms linear infinite;
    line-height: 1.2em;

}
@media screen and (max-width: 500px){
    .animated-text{
        font-size: 14px;
        animation: animated-text2 4s linear 1s 1 normal both,
        animated-cursor2 600ms linear infinite;
    }
    @keyframes animated-text2{
        from{width: 0;}
        to{width: 250px;}
    }
    @keyframes animated-cursor2{
        from{border-right-color:  rgba(76, 115, 255, 0.98);}
        to{border-right-color: transparent;}
    }
}

@keyframes animated-text{
    from{width: 0;}
    to{width: 500px;}
}

/* cursor animations */

@keyframes animated-cursor{
    from{border-right-color:  rgba(76, 115, 255, 0.98);}
    to{border-right-color: transparent;}
}

#login-form{
    display: flex;
    justify-content: center;
    align-items: center;
}
.large-font-menu li a{
font-size: 16px!important;
}
#login-form div.logout-button{
    margin-top: 0!important;
}
#login-form .login-greeting{
    color: white;
    margin-right: 10px;
}
#login-form{
    margin: 0;
}

.logout-button >input{
    box-shadow:inset 0 1px 0 0 #f29c93;
    background: #fe1a00 linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
    border-radius:6px;
    border:1px solid #d83526;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family: Arial, serif;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0 1px 0 #b23e35;
    margin: 0 10px 0 0;
}


.logout-button:hover>input {
    background: #ce0100 linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
}
.logout-button:active >input{
    position:relative;
    top:1px;
}

/* TODO remove those lines */
.text-logo{
    margin-top: -10px!important;
    padding: 0!important;
    text-shadow:1px -1px 0 #fff;
}
#fav-logo{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#fav-logo>h1{
    width: 100%;
    display: flex;
    align-items: center;
}
#fav-logo>h1>div{
    justify-content: center;
}


@media screen and (max-width: 768px){
    .login-greeting{
        display: none;
    }


}
@media screen and (max-width: 650px) {
    .logout-button > input:first-child{
        display: none;
    }
    .logout-button::before{
        font-family: "FontAwesome";
        font-weight: 900;
        font-style: normal;
        content: "\f05e\00a0";
        background: red;
        border-radius: 10px;
        margin-right: 10px;
        color: whitesmoke;
        display: inline-block;
        width: 20px;
        height: 20px;
    }
}

.slideshow-left{
    float:right;width:60%;padding-left:30px;
}
.slideshow-right{
    float:left;width:60%;padding-right:30px;
}

@media screen and (max-width: 600px){
    .slideshow-left, .slideshow-right{
        float: none;
        width: 100%;
        padding: 0;
    }
}

#scrolling-menu-custom-inner >li.active >a {
    background: white!important;
    color: #00579D !important;
}