#encartRecherche form,
#encartRecherche img {
    vertical-align: middle;
    display: inline-block
}

#jevents_body p.date,
#overmenu,
.formatDate,
.vertiSep,
div#encartFiltre #filtreSecteurs ul,
figcaption.gkPage {
    text-align: center
}

body,
html {
    border: 0
}

.itemFullText p span,
.itemIntroText p span {
    font-size: inherit!important;
    font-family: inherit!important
}

#adresseFooter a:hover,
#gkSidebar .contacts .content li:hover a {
    color: #db3a3b!important
}

.w0 {
    width: 0
}

.h100 {
    height: 100%
}
.bold{
    font-weight: bold;
}
::-moz-selection {
    color: #fff;
    background: #cf0c25
}

::selection {
    color: #fff;
    background: #cf0c25
}

.gkIsPreloader {
    background-color: #fdfdfd!important
}

header#gkHeader #gkLogo img {
    width: 200px
}

header#gkHeader #gkLogo #max-logo {
    background-image:url(/images/charte/LIIC_Logo_couleur.png);
    width: 270px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain
}

html,
html body {
    font-family: titillium
}

body #gkPageContent #gkContent {
    font-size: 16px
}

body.home h2 span {
    padding-left: 20px
}

#overmenu ul#firstUl,
#overmenu.affix {
    background-color: transparent!important
}

#overmenu {
    background-color: #212d35!important;
    height: 60px!important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: translate3d(0, 0, 0)
}

#overmenu.affix {
    overflow: hidden
}

#id1_container_div h1,
.gkIsWrapper-gk_university .gkIsSlide {
    background-size: cover!important
}

#overmenu ul {
    display: inline-block
}

#overmenu ul li.firstLi.lastLi {
    width: auto
}

#overmenu ul li.firstLi.lastLi li {
    display: inline-block;
    height: 60px;
    background: 0 0
}

#overmenu ul li.entBlanc a:hover {
    color: #ed7704
}

#gkHeader #encartRecherche,
#gkHeader #topMenu2 {
    display: block
}

#gkHeader #topMenu2 span,
#gkHeader #topMenu2 ul li a {
    font-size: 14px
}

#gkHeader.affix #encartRecherche,
#gkHeader.affix #lang,
#gkHeader.affix #topMenu2 {
    display: none
}

body.home #gkHeader #moreTitle {
    display: none!important
}

#gkHeader #moreTitle {
    opacity: 0;
    height: 0;
    width: 0;
    font-weight: 700;
    display: block
}

#gkHeader.affix #moreTitle {
    display: inline-block;
    opacity: 1;
    color: #db3a3b;
    height: auto;
    width: auto;
    font-size: 16px!important;
    bottom: -77px;
    z-index: -1;
    left: 175px;
    position: absolute;
    -webkit-transition: opacity .5s .21s;
    -moz-transition: color .5s .21s;
    -ms-transition: color .5s .21s;
    -o-transition: color .5s .21s;
    transition: opacity .5s .21s
}

#encartRecherche input:focus {
    outline: 0;
    background-color: #fbf7f3
}
#encartRecherche input {
    height: 22px!important;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid rgba(200,200,200,0.2);
    color: #333;
    padding: 5px 9px !important;
}
#searchEngineCntr #encartRecherche {
    position: relative;
    top: 12px!important;
    right: 0px!important;
    transition: all .5s;
    width: 100%;
}
#encartRecherche {
    position: absolute;
    top: 40px;
    right: 0;
    width: 270px;
    height: 50px
}

#encartRecherche img {
    cursor: pointer;
    float: right;
    margin-top: 4px
}

#encartRecherche form {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin-right: 0;
    overflow: hidden
}

#encartRecherche form.open {
    margin-right: 15px;
    width: 270px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#gkLogo span {
    color: #093053;
    font-size: 42px;
    font-weight: 700;
    padding-left: 0
}

#gkMainMenu {
    width: 100%;
    margin-top: 80px
}

#gkMainMenu a {
    color: #3d3937;
    font-size: 17px;
    transition: none;
    white-space: nowrap;
}
header.affix #gkMainMenu a{
	font-size: 14px;
}
#gkMainMenu .childcontent-inner a {
    white-space: normal
}

#gkMainMenu li a:after {
    content: "|";
    position: relative;
    display: inline-block;
    color: rgba(81, 83, 82, .7);
    font-size: 16px;
    margin-left: 20px;
    top: -2px;
    margin-right: -23px
}

#gkMainMenu li:first-of-type a:after {
    content: ""
}

body.home #gkMainMenu li.haschild a#menu506:after,
body.home #gkMainMenu li.haschild a#menu554:after,
body.home #gkMainMenu li.haschild a#menu557:after,
body.home #gkMainMenu li:first-of-type a:after {
    content: "|"
}

#gkMainMenu li:last-child a:after,
#gkMainMenu ul.level1 a:after {
    content: none
}

figcaption.gkPage h2 {
    line-height: 140%;
    font-size: inherit;
    margin: 0;
    padding: 0 160px
}

figcaption.gkPage h2 a {
    color: #3d3937;
    font-weight: 700;
    font-size: 26px;
    text-transform: none
}

figcaption.gkPage p {
    width: 80%;
    font-size: 18px;
    margin: 0 auto;
    line-height: 140%;
    padding-bottom: 20px
}

#gkHeader,
.gkIsWrapper-gk_university figcaption>div {
    width: 100%
}

figcaption.gkPage p a {
    color: #040000
}

.gkIsWrapper-gk_university img {
    display: none
}

figcaption.gkPage {
    width: 100%;
    top: auto;
    left: 0;
    right: 0;
    bottom: -55px;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

/*figcaption.gkPage div * {
    text-align: left;
    width: 100%;
    padding: 0
}*/

#gkHeader {
    background-color: #fff;
    z-index: 99999;
    max-width: 100%;
    top: 0;
    padding-top: 60px!important;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
    position: fixed;
    transform: translate3d(0, 0, 0)
}

#gkHeader.affix {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
    top: 0;
    padding-top: 0!important;
    -webkit-transition: margin .3s;
    -moz-transition: margin .3s;
    -ms-transition: margin .3s;
    -o-transition: margin .3s;
    transition: margin .3s
}

#gkHeader.affix #gkMainMenu {
    width: 86%;
    margin-top: 0;
    background: 0 0
}

body #gkHeader #gkMainMenu ul.level0 li a:hover,
body #gkHeader #gkMainMenu ul.level0 li.active a {
    color: #cf0c25
}

body #gkHeader #gkMainMenu ul.level0 li.active ul a {
    color: #cf0c25
}

body #gkHeader #gkMainMenu ul.level0 li li.active a,
div.actusHP .nspArt:hover h4 {
    color: #db3a3b
}

body #gkHeader #gkMainMenu ul li a#menu562,
body #gkHeader #gkMainMenu ul.level1 li a {
    border-top: 0!important;
    line-height: 140%
}

body.home #gkHeader #gkMainMenu ul.level1 li {
    display: block!important
}

body:not(.home) #gkHeader #gkMainMenu ul li.first a#menu562 {
    width: 26px;
    overflow: hidden;
    margin-bottom: -27px;
    margin-right: 7px
}

body:not(.home) #gkHeader #gkMainMenu ul li.first a#menu562 img {
    width: 50px;
    margin-top: 21px
}

body:not(.home) #gkHeader #gkMainMenu ul li.first a#menu562:hover img {
    margin-left: -25px
}

#gkBg {
    padding-top: 186px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

#gkHeader #gkHeaderNav {
    position: relative;
    padding: 0
}

#gkHeader.affix a#gkLogo {
    width: 14%;
    margin: 0;
    height: 90px;
}

#gkHeader.affix a#gkLogo span {
    font-size: 25px;
    padding-left: 0;
    line-height: 140%;
    margin-top: 3px
}

div.box.parallax.actusHP .nspArt {
    padding: 0 0 50px!important;
    margin: 0 10px;
    width: 23%;
    background: #fff;
    min-height: 340px;
    overflow: hidden;
    position: relative
}

div.box.parallax.actusHP a img {
    min-height: 178px
}

div.actusHP div.content,
div.actusHP h3 {
    width: 95%;
    margin: 0 auto
}

.nspArt h4.nspHeader {
    padding: 10px 14px 15px;
    font-size: 20px;
    color: #1f4261
}

div.box.parallax.actusHP .nspArt:hover span.lienAudio,
div.box.parallax.actusHP .nspArt:hover span.lienExterneHP,
div.box.parallax.actusHP .nspArt:hover span.lienVideo {
    background-color: rgba(0, 0, 0, .05);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

div.box.parallax.actusHP .nspArt .more {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    color: #84837f;
    bottom: 19px;
    left: 14px;
    font-size: 35px;
    font-weight: 700;
    line-height: 35%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform-style: preserve-3d
}

div.box.parallax.actusHP .nspArt .moreTxt {
    position: absolute;
    display: inline-block;
    bottom: 17px;
    left: 39px;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: width .3s .1s;
    -moz-transition: width .3s .1s;
    -ms-transition: width .3s .1s;
    -o-transition: width .3s .1s;
    transition: width .3s .1s;
    color: #db3a3b
}

.nspArt p.nspText {
    padding: 0 14px!important
}

.nspArt p.nspInfo {
    padding: 2px 14px;
    color: #7aa0cd
}

.box.transparent.agenda_jevents.tout_agenda {
    padding: 20px 0 15px 30px!important;
    margin-top: 0
}

body.home .box.transparent.agenda_jevents.tout_agenda {
    margin-top: 20px
}

.box.actusHP {
    background: #bbcfe6;
    padding: 25px 0 70px!important;
    margin: 40px 0 -10px!important;
    overflow: visible
}
#gkMainbodyTop .box.transparent.agenda_jevents div.content {
    overflow: hidden;
}
.mod_events_latest_table {
    position: relative;
    padding-bottom: 30px;
    margin-left: -6px;
}

div.box.parallax.actusHP .nspArt:hover .moreTxt {
    width: 77px;
    color: #db3a3b;
    -webkit-transition: width .3s .2s;
    -moz-transition: width .3s .2s;
    -ms-transition: width .3s .2s;
    -o-transition: width .3s .2s;
    transition: width .3s .2s
}

div.box.parallax.actusHP .nspArt:hover .more {
    color: #db3a3b;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#gkSidebar .mod_events_latest_table .mod_events_latest:hover,
#gkSidebar .mod_events_latest_table .mod_events_latest_first:hover {
    margin-left: -10px!important;
    -webkit-transition: margin .3s ease;
    -moz-transition: margin .3s ease;
    -ms-transition: margin .3s ease;
    -o-transition: margin .3s ease;
    transition: margin .3s ease
}

.mod_events_latest_table div {
    padding: 0 0 0 20px;
    display: inline-block;
    width: 32%;
    vertical-align: top;
    max-height: 213px;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #a0a0a0!important;
    margin: 7px 5px 35px;
    -webkit-transition: margin .3s ease;
    -moz-transition: margin .3s ease;
    -ms-transition: margin .3s ease;
    -o-transition: margin .3s ease;
    transition: margin .3s ease;
}

#gkSidebar .mod_events_latest_table div {
    width: 100%;
    max-height: none;
    border-left: none!important;
    margin: 0 0 10px;
    border-top: 1px solid rgba(0, 0, 0, .1)!important;
    padding-top: 10px;
    padding-left: 0
}

#gkSidebar .mod_events_latest_table div.mod_events_latest_first {
    border-top: 0
}

#gkSidebar .mod_events_latest_table a {
    color: #a1192e
}

#gkSidebar .formatDate {
    padding: 8px 10px 8px 8px;
    font-size: 17px;
    line-height: 110%;
    width: 55px;
    height: 55px
}

#gkSidebar .w280 {
    max-width: 340px
}

#gkSidebar .formatDate2 {
    height: 60px;
    width: 60px;
    padding: 10px 8px;
    line-height: 110%
}

#gkSidebar .vertiSep {
    height: 10px;
    font-size: 9px
}

#gkSidebar .formatDate2 .mod_events_latest_date {
    font-size: 13px;
    width: 40px
}

.formatDate,
.formatDate2 {
    display: inline-block;
    border-radius: 45px;
    background-color: #4cb1d3;
    height: 85px;
    width: 85px;
    vertical-align: middle
}

#gkSidebar .header span {
    color: #a1192e;
    font-size: 18px
}

.formatDate {
    color: #fff;
    font-size: 25px;
    line-height: 120%;
    padding: 9px;
    -webkit-transition: background-color .2s linear .1s;
    -moz-transition: background-color .2s linear .1s;
    -o-transition: background-color .2s linear .1s;
    transition: background-color .2s linear .1s
}

.formatDate2 {
    -webkit-transition: background-color .2s linear .1s;
    -moz-transition: background-color .2s linear .1s;
    -o-transition: background-color .2s linear .1s;
    transition: background-color .2s linear .1s;
    color: #fff;
    padding: 9px 16px
}

.vertiSep {
    height: 13px;
    line-height: 100%;
    font-size: 12px
}

.formatDate2 span {
    display: block;
    vertical-align: middle
}

.formatDate2 .mod_events_latest_date {
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 17px;
    white-space: nowrap;
    width: 23px;
    margin-left: 0
}

#gkMainbody .box.transparent.agenda_jevents div.content {
    overflow: hidden
}

.gsc-result .gs-title,
article#k2Container {
    overflow: visible!important
}

#gkMainbody .box.transparent.agenda_jevents a {
    color: #a1192e;
    font-weight: 700;
    font-size: 16px;
    line-height: 139%
}

a.toutAgenda {
    position: absolute;
    right: 25px;
    bottom: 5px;
    font-size: 19px;
    color: #fff!important;
    background: #4cb1d3;
    padding: 3px 8px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear
}

a.toutAgenda:hover {
    background-color: #db3a3b;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.mod_events_latest_table .w280 {
    padding: 0 8px
}

.w280 {
    max-width: 278px
}

.vam {
    vertical-align: middle
}

.dib {
    display: inline-block
}

.mod_events_latest_content,
.mod_events_latest_date {
    display: block;
    vertical-align: middle
}

#component_screen .accesslevel,
.horo,
.horo2,
body.agenda .counter,
body.agenda .jev_catselect {
    display: none
}

.mod_events_latest:hover a,
.mod_events_latest_first:hover a {
    color: #db3a3b!important
}

.mod_events_latest:hover .formatDate,
.mod_events_latest:hover .formatDate2,
.mod_events_latest_first:hover .formatDate,
.mod_events_latest_first:hover .formatDate2 {
    background-color: #db3a3b;
    -webkit-transition: background-color .2s linear .1s;
    -moz-transition: background-color .2s linear .1s;
    -o-transition: background-color .2s linear .1s;
    transition: background-color .2s linear .1s
}

#jevents_body .ub_event_list_date,
#jevents_body .ub_event_list_location {
    float: left;
    margin-right: 4px;
    color: #6e8594
}

#jevents_body .ev_table {
    width: 100%
}

#jevents_body .ub_event_list_date {
    font-weight: 800;
    color: #83a0c3
}

#jevents_body h2,
a.ev_link_row:link,
a.ev_link_row:visited {
    font-size: 20px;
    margin: 0 0 5px;
    color: #515352
}

ul.event_legend_list li:hover {
    background-color: #fff
}

#ub_event_page h2 {
    font-size: 28px;
    font-weight: 700;
    color: #4cb1d3;
    padding-bottom: 20px
}

#ub_event_page .ub_event_encadre {
    float: right;
    width: 30%;
    color: #4cb1d3;
    margin-top: 0;
    border: 1px solid #4cb1d3;
    padding: 0
}

#ub_event_page .ub_event_desc {
    float: left;
    width: 60%
}

a.ev_link_row:hover {
    color: #eb7721
}

#jevents_body h2 {
    margin: 0
}

#jevents_body ul.ev_ul li.ev_td_li {
    background: 0 0;
    padding-left: 0!important;
    margin-top: 0!important;
    border-left: 0!important
}

#jevents_body .ev_table,
#jevents_body .ev_td_left,
#jevents_body .ev_td_right {
    border: 0!important;
    list-style-type: none
}

#jevents_body .ev_td_left {
    width: 58px;
    border-left: 20px solid #4cb1d3!important;
    padding: 5px 10px
}

#jevents_body .ev_td_right {
    padding-top: 0
}

#jevents_body td.ev_td_right ul.ev_ul {
    margin-top: 0!important;
    padding: 0!important
}

#jevents_body.contentpaneopen.jeventpageagenda_ub tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.ev_adminpanel {
    margin-top: 10px
}

.nav_bar_cell {
    padding: 5px
}

.ub_event_list_title.cat {
    color: #545655;
    text-transform: uppercase
}

#jevents_body p.date {
    color: #4cb1d3;
    font-size: 22px;
    line-height: 100%;
    width: 110px;
    margin: 0;
    padding: 5px 0 0;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left
}

#gkMainbody .box .header,
.box h2 {
    text-transform: uppercase!important
}

#jevents_body p.date.dateFinEv {
    color: #8bacca
}

.ub_event_encadre_horaires,
.ub_event_encadre_lieu {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.ub_event_encadre {
    padding: 10px;
    margin: 15px auto
}

.ub_event_encadre_lieu {
    width: 100%
}

.ub_event_encadre_ligne {
    padding: 10px 0 0;
    margin: 0 0 10px
}

.ub_event_encadre_ligne.first {
    padding: 0
}

.ub_event_encadre_ligne.last {
    margin-left: 25px
}

.ub_event_encadre_lieu span {
    display: inline-block;
    max-width: 200px;
    vertical-align: middle
}

.ub_event_encadre_horaires {
    float: none
}

.ub_event_encadre_ligne .ub_event_label.contact-label {
    display: inline-block;
    background: url(/images/charte/pictos/contact-icn.svg) 50% 50% no-repeat;
    height: 50px;
    width: 100px;
    vertical-align: middle
}

.ub_event_encadre_lieu a {
    display: inline-block;
    background: url(/images/charte/pictos/plan-icn.svg) 50% 50% no-repeat;
    height: 50px;
    width: 100px;
    vertical-align: middle
}

a.instagram .imgInsta {
    position: absolute;
    min-width: initial;
    min-height: initial;
    max-height: none;
    max-width: 340px;
    left: -80px;
    top: -70px
}

aside#gkSidebar .acysubbuttons input.button {
    background: #a1192e;
    border: 1px solid #a1192e
}

#gkMainbody .jmoddiv .content,
#gkMainbody .jmoddiv h3 {
    position: relative
}

#gkMainbody .box .header {
    color: #78a7db;
    font-size: 29px!important;
    font-weight: 700!important;
    letter-spacing: 3px
}

.box.parallax .header {
    color: #001a45!important
}

#gkHeader #max-logo,
#gkHeader #minimal-logo {
    display: block;
    overflow: hidden
}

#gkHeader #max-logo:hover {
    color: #eb7721;
    -webkit-transition: color .45s ease;
    -moz-transition: color .45s ease;
    -ms-transition: color .45s ease;
    -o-transition: color .45s ease;
    transition: color .45s ease
}

#gkHeader.affix #logo_ub2 {
    position: absolute;
    margin-left: 30px;
    opacity: 1;
    height: 65px;
    -webkit-transition: opacity .7s .2s;
    -moz-transition: opacity .7s .2s;
    -ms-transition: opacity .7s .2s;
    -o-transition: opacity .7s .2s;
    transition: opacity .7s .2s
}

#gkHeader #logo_ub2 {
    margin-left: 50px;
    left: -30px;
    top: 20px;
    background-image: url(/images/charte/LIIC_Logo_couleur-min.png);
    width: 140px;
    height: 0;
    opacity: 0;
    visibility: visible;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

#gkHeader.affix #minimal-logo {
    height: 0
}

#gkHeader #max-logo,
#gkHeader.affix #minimal-logo {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: scale .5s .3s, opacity .6s .3s, height .5s, color .5s;
    -moz-transition: scale .5s .3s, opacity .6s .3s, height .5s, color .5s;
    -ms-transition: scale .5s .3s, opacity .6s .3s, height .5s, color .5s;
    -o-transition: scale .5s .3s, opacity .6s .3s, height .5s, color .5s;
    transition: scale .5s .3s, opacity .6s .3s, height .5s, color .5s
}

#gkHeader.affix #max-logo,
a#gkLogo #minimal-logo {
    opacity: 0;
    height: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: scale .5s, opacity .6s;
    -moz-transition: scale .5s, opacity .6s;
    -ms-transition: scale .5s, opacity .6s;
    -o-transition: scale .5s, opacity .6s;
    transition: scale .5s, opacity .6s
}

#adresseFooter {
    text-align: left;
    line-height: 140%;
    padding-top: 16px;
    float: left
}

#adresseFooter * {
    color: #333!important
}

#adresseFooter .dib {
    vertical-align: top;
    margin: 0 12px
}

#adresseFooter img {
    margin: 20px 15px 24px;
    max-width: 120px
}

.actualitesCntr.itemListView.accueil_2col h1,
.itemsCategory h1,
article header h1 {
    font-family: titillium;
    font-weight: 700;
    color: #db3a3b;
    font-size: 32px!important
}

.itemImageBlock img {
    width: initial!important;
    margin: 0 auto;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-transform: scale(1)!important;
    transform: scale(1)!important;
    opacity: 1!important
}

article header {
    padding: 0!important;
    margin: 0
}

article header ul {
    background-color: rgba(0, 0, 0, .025);
    border: 1px solid rgba(0, 0, 0, .15);
    border-left: 0;
    border-right: 0
}

#k2Container.itemListView #itemListLeading article.groupLeading header h2 {
    font-size: 20px!important;
    line-height: 110%!important;
    margin: 0 0 -7px!important;
    padding-top: 0
}

#k2Container.itemListView #itemListLeading article.groupLeading header h2:hover a {
    color: #db3a3b
}

#k2Container article {
    width: 100%;
    padding-bottom: 5px!important;
    margin-bottom: 5px!important;
    padding-top: 5px!important
}

@media screen and (min-width:700px) {
    body.actualites #itemListPrimary .itemBlock .itemImageBlock {
        max-width: 50%;
        display: inline-block;
        float: left!important
    }
    body.actualites #itemListPrimary .itemBlock .itemBody,
    body.actualites #itemListPrimary .itemBlock header {
        max-width: 50%;
        display: inline-block;
        padding: 0 15px!important
    }
}

#k2Container article header h2 {
    font-size: 19px!important;
    line-height: 120%!important;
    margin: 0!important;
    color: #4cb1d3;
    font-weight: 700;
    padding: 20px 0
}

body.actualites #k2Container article header h2 {
    line-height: 120%!important;
    padding: 0
}

#k2Container.itemView header {
    margin: 10px 0 15px!important;
    padding: 0!important
}

#k2Container.itemView header h1 {
    display: block;
    margin: 0 0 12px!important;
    padding-right: 150px
}

body.actualites #k2Container.itemView header h1 {
    padding-right: 0
}

#k2Container.itemView header ul {
    padding-top: 0!important
}

#k2Container .itemList {
    margin-top: 20px
}

article#k2Container.itemView .itemBody *,
div.itemFullText * {
    line-height: 170%
}

#gkPageContent.gkPage,
.jomsocial #gkPageContent {
    padding: 70px 0 0!important
}

#k2Container.itemView header ul {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 21px 0 20px!important
}

body #k2Container header time,
body.actualites #k2Container header time {
    background-color: rgba(187, 168, 171, .1);
    border: none;
    position: relative;
    vertical-align: middle;
    line-height: 120%
}

body.actualites #k2Container header time {
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: inline-block;
    color: #333;
    padding: 2px 8px;
    font-size: 18px
}

body.actualites #k2Container section.itemList.tagClass header time {
    margin-bottom: 4px
}

.itemImageCaption,
.itemImageCredits {
    color: #999;
    display: block;
    float: none;
    font-size: 11px;
    padding: 10px 10px 7px 7px;
    text-align: center
}

body #k2Container header time {
    display: inline-block;
    color: #333;
    padding: 2px 8px;
    font-size: 18px
}

.parallaxed {
    background-color: transparent;
    background-size: cover;
    height: 800px;
    width: 100%;
    display: block;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateZ(1px) scale(1);
    -ms-transform: translateZ(1px) scale(1);
    -webkit-transform: translateZ(1px) scale(1)
}

.k2FeedIcon a:hover:before,
.k2FeedIcon span:hover {
    color: #eb7721!important
}

.lienExterne[title]:before {
    width: 25px;
    height: 0;
    opacity: 0;
    text-decoration: none!important
}

.lienExterne[title]:hover:before {
    content: attr(title);
    position: absolute;
    display: inline-block;
    background: #727272;
    width: 175px;
    height: 25px;
    font-size: 12px;
    color: #fff;
    opacity: .94;
    left: 100%;
    text-align: center;
    margin-top: -18px;
    border-radius: 10px 10px 10px 0
}

.lienExterne:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-size: contain;
    margin-left: 3px;
    margin-bottom: 5px
}

.lienExterne {
    position: relative
}

.lienExterne:after {
    background-image: url(/images/charte/externallink.png)
}


#gkMainMenu .gkmenu.level1 li:after {
    display: none!important
}


span.citationGrise,
span.citationRouge {
    display: inline-block;
    float: left;
    width: 290px;
    padding: 22px 21px;
    margin: 12px 22px 12px -50px
}

.itemFullText h3 {
    text-transform: none!important
}

.itemFullText p strong span {
    color: #212d35!important;
    font-weight: 700;
    font-size: 17px;
    line-height: 150%!important
}

.citationBleue,
span.citationGrise,
span.citationRouge {
    line-height: 160%!important;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

span.citationRouge {
    background: #e71939;
    color: #fff
}

span.citationGrise {
    background: #80a1b6;
    color: #fff
}

span.citationGrise:before,
span.citationRouge:before {
    color: #fff;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

div.childcontent li:after {
    content: "";
    width: 95%;
    height: 1px;
    display: block;
    position: relative;
    background-color: rgba(9, 48, 83, .3)!important
}

div.childcontent li:last-of-type:after {
    display: none
}

#gkSidebar ul li {
    padding-left: 10px
}

#gkSidebar .infosPratiques ul li:hover {
    background-color: #dfddcf
}

#gkSidebar .infosPratiques span {
    background-image: url(/images/charte/infos.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 30px
}

#gkSidebar .qetr span {
    background-image: url(/images/charte/qr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 33px
}

#gkSidebar .contacts .header span {
    background-image: url(/images/charte/contacts.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    padding-left: 30px;
    border-bottom: 2px solid #fff;
    display: inline-block
}

#gkSidebar .contacts .header {
    padding: 0!important
}

#gkSidebar .contacts .content li {
    position: relative;
    padding: 10px 15px;
    line-height: 125%
}

#gkSidebar .contacts .content .custom.contacts p {
    padding-left: 15px;
    margin-top: 10px
}

#gkSidebar .contacts .content li:hover {
    right: -10px!important;
    margin-right: -20px
}

#gkSidebar .voir li {
    border-bottom: 0;
    padding: 0
}

#gkSidebar .voir li:before {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    color: #00adea;
    font-size: 18px;
    font-weight: 700;
    margin-top: -7px;
    margin-right: 8px
}

#gkFooter {
    margin-top: 100px
}

body.home #gkFooter {
    margin-top: 0
}

#gkFooterNav {
    margin: 0 auto 5px;
    position: relative;
    height: 200px
}

body.actualites span.itemImage.catitem {
    display: inline-block;
    width: 100%
}

body.actualites .itemList article.itemView.groupLeading {
    padding: 25px!important
}

.itemContainer .itemsContainerWrap,
.itemsContainer .itemsContainerWrap {
    margin: 0!important
}

body.filtreLabos #k2Container article header h2 {
    font-size: 15px!important;
    font-weight: 400!important
}

.tagClass .itemView .itemBody,
.tagClass .itemView .itemImageBlock,
.tagClass .itemView header {
    display: inline-block;
    padding: 0 5px!important;
    vertical-align: top;
    max-width: 70%;
    float: left
}

.tagClass .itemView header {
    display: block;
    max-width: 100%
}

.itemLinks {
    color: #a1192e;
    font-size: 12px;
    margin: -15px 0 0
}

.itemLinks a {
    color: #db3a3b!important
}

.breadcrumbs li a:hover {
    color: #db3a3b
}

section.itemList.tagClass article.itemView .itemImageBlock {
    width: 29%;
    display: inline-block;
    vertical-align: top
}

#gkFooterNav .custom.pictosrs a,
.itemImageBlock span {
    display: inline-block;
    vertical-align: middle
}

article .itemFacebookButton {
    margin-top: -5px
}

.gkMenu>ul>li .childcontent {
    margin-left: 0
}

body.actualites #gkMainbody header h2 a {
    color: #a1192e
}

body.actualites #gkMainbody .itemContainer:hover h2 a {
    color: #db3a3b
}

#gkSidebar .box {
    margin: 0 0 25px!important
}

article.itemView .itemLinks ul.itemTags li {
    background: #a1192e
}

article.itemView .itemLinks ul.itemTags li:hover {
    background: #db3a3b
}

article.itemView .itemLinks ul.itemTags li a {
    color: #fff!important
}

ul.event_legend_list li {
    border: 1px solid grey!important
}

ul.event_legend_list li span {
    display: none;
    visibility: hidden;
    opacity: 0
}

.mod_events_dayname td.mod_events_td_dayname,
.mod_events_monthyear {
    background-color: #093053
}

.mod_events_monthyear {
    border: 1px solid #093053;
    width: 100%!important
}

.mod_events_td_dayname .sunday {
    color: #b3b3b3
}

.mod_events_table {
    border: 2px solid rgba(9, 48, 83, .8);
    width: 100%!important
}

.mod_events_td_dayoutofmonth {
    background-color: #e4edf8;
    padding: 6px!important
}

a.mod_events_daylink:link {
    color: #fff;
    text-decoration: none
}

#gkSidebar .box a:hover,
#k2Container .itemListCategoriesBlock .itemsCategory a:hover,
#ub_event_page a:hover,
.itemBody a:hover,
.popupContent a:hover,
body.valorisation .itemsCategory a:hover {
    text-decoration: underline;
}

.mod_events_td_daywithevents {
    background-color: #093053;
    padding: 6px!important
}

.mod_events_td_todaynoevents {
    border: 2px solid #ec7e2d
}

.cal_td_daysnames {
    border-bottom: 0;
    color: #333;
    background-color: #e4edf8
}

a.mod_events_daylink:visited {
    color: #fff
}

td.mod_events_td_daywithevents:hover {
    background-color: #ec7e2d
}

td.mod_events_td_daywithevents a:hover {
    color: #fff!important
}

.ub_event_list_details .ub_event_list_location {
    margin: 0!important
}

#k2Container .itemsContainerWrap article header,
body.actualites .externalRSS ul.srfrList li p {
    margin-bottom: 0
}

#ub_event_page a,
.itemBody a,
.popupContent a {
    color: #cf0c25!important
}

.gkIsWrapper-gk_university.loaded:hover h2 a {
    color: #db3a3b
}

.pagination ul li a:hover,
.pagination ul li span:hover {
    border-color: #db3a3b;
    background: #db3a3b
}

.itemImageBlock {
    text-align: center
}

.itemImageBlock span {
    color: #999
}

article.itemView div ul li:before {
    color: #cf0c25;
    content: ">";
    position: relative;
    left: -7px;
    font-size: 18px;
    margin-left: -7px
}
article.itemView div.popupContent img{
    display: inline-block;
    margin-right: 15px;
    max-width: 40%;
}
article.itemView div.popupContent li p{
    margin: .1em 0 1em!important;
}
article.itemView div.popupContent ul.bloc1{
	padding: 0 40px 0 0;
    display: inline-block;
    max-width: 55%;
    vertical-align: top;
}
article.itemView div.popupContent ul li:before{
    display: none;
}

article.itemView .itemBody ul {
    padding-left: 15px
}

.subCategoryContainer,
.subCategoryContainer .subCategory {
    margin: 0
}

.popupContent ul {
    list-style-type: none;
    padding: 0 45px 0 10px;
    color: #333
}

.filtreLabos.projetsRech article header:hover a,
footer a:hover {
    color: #db3a3b!important
}

#gkFooterNav .pictosrs,
footer .acces,
footer .poleRech {
    position: relative!important;
    display: inline-block!important;
    top: -30px!important;
    vertical-align: bottom;
    margin: 0 40px;
    margin-top: -100px!important;
    height: 90px;
    right: -84px
}

footer .acces span,
footer .poleRech span {
    position: relative;
    bottom: -56px;
    font-size: 13px;
    font-weight: 700
}

footer .acces p,
footer .poleRech p {
    margin: 0
}

footer .acces span {
    margin-left: 12px;
    left: -60px
}

footer .poleRech span {
    right: 39px;
    display: inline-block
}

#gkFooterNav .pictosrs {
    width: 250px;
    height: 60px;
    top: -60px!important
}

#gkFooterNav .pictosrs p {
    margin-top: 20px
}

#gkFooterNav .pictosrs img {
    width: auto;
    height: 33px;
    opacity: .9
}

#gkSidebar .box.gris img,
.box.modDoss li a,
.box.modDoss li a img,
.box.modDoss li h4 a {
    width: 100%
}

#gkFooterNav .pictosrs a {
    margin: 0 10px;
    display: inline-block
}

#gkSidebar .box.gris {
    margin-left: 0!important;
    padding: 0;
    border: 2px solid #a1192e
}

#gkSidebar .box.gris p {
    margin: 0;
    padding: 6px
}

#gkSidebar .box.gris h3 {
    background: #a1192e;
    padding: 2px 10px 10px;
    width: 100%;
    margin: 0!important
}

#gkSidebar .box.gris h3 span {
    color: #fff
}

.box.modDoss h3 {
    color: #a1192e;
    font-size: 20px;
    padding: 20px 0 0
}

.box.modDoss li {
    margin: 10px 0!important;
    background: #093053;
    padding: 10px
}

.box.modDoss li a {
    color: #fff;
    display: block
}

.box.modDoss li a img.nspImage {
    display: none
}

.box.modDoss li h4 {
    font-size: 18px;
    display: block
}

.box.modDoss li:hover a {
    color: #db3a3b!important
}

.pl20 {
    padding-left: 20px
}

.box.modDoss .dib.vam.pl20 {
    width: 100%;
    padding: 15px 5px 3px
}

.box.modDoss .dib.vam.pl20 p {
    font-size: 15px;
    color: #ddd
}

.itemsCategory img,
.subCategoryImage {
    width: 550px!important;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    float: none
}

#k2Container .subCategoryContainer .subCategory h2 {
    line-height: 100%!important;
    margin-top: 0!important;
    display: inline-block;
    font-size: 20px;
    vertical-align: middle
}

.itemListSubCategories {
    margin-top: 35px
}

.subCategoryContainer .subCategory {
    margin: 0 0 24px
}

#text p,
article p {
    margin: 1em 0 0!important
}

.citationBleue {
    display: inline-block;
    background: #a1192e;
    float: left;
    width: 290px;
    padding: 22px 21px;
    color: #fff;
    margin: 12px 22px 12px 0;
    margin-left: -50px!important;
    margin-right: 25px!important
}

#gkSidebar div.box.telechargements span,
#gkSidebar div.box.telechargements ul li:before {
    background-size: contain;
    background-repeat: no-repeat
}

.citationBleue:before {
    color: #fff;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

article.itemView h2,
article.itemView h3 {
    line-height: 130%!important;
    color: #4cb1d3;
    margin-top: 15px
}

article.itemView h2 {
    font-size: 28px;
    font-weight: 700
}

article.itemView h3 {
    font-size: 25px
}

blockquote p {
    font-style: italic
}

#gkSidebar div.box.telechargements ul li {
    position: relative
}

#gkSidebar div.box.telechargements ul li:nth-child(odd) {
    background-color: #a1192e
}

#gkSidebar div.box.telechargements ul li:nth-child(even) {
    background-color: #d9a3ab
}

#gkSidebar div.box.telechargements ul li:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    position: absolute;
    bottom: -11px;
    z-index: 999;
    left: 35px
}

#gkSidebar div.box.telechargements ul li:last-child:after {
    display: none
}

#gkSidebar div.box.telechargements ul li:nth-child(odd):after {
    border-top: 15px solid #a1192e
}

#gkSidebar div.box.telechargements ul li:nth-child(even):after {
    border-top: 15px solid #d9a3ab
}

#gkSidebar div.box.telechargements ul li a {
    padding: 14px 0;
    font-size: 15px;
    max-width: 70%;
    vertical-align: middle;
    display: inline-block
}

#gkSidebar div.box.telechargements ul li:before {
    content: "";
    padding-left: 33px;
    width: 28px;
    height: 28px;
    vertical-align: middle
}

.accordion-inner.panel-body p {
    margin-top: 0!important
}

#overmenu a.insideLink {
    width: 100%;
    height: 100%
}

.wdth25 {
    width: 25%
}

.wdth33 {
    width: 33%
}

.wdth50 {
    width: 50%
}

.wdth66 {
    width: 67%
}

.mCustomScrollBox .mCSB_dragger_bar {
    background-color: #4cb1d3!important
}

#overmenu #univB {
    position: absolute;
    top: 10px;
    text-align: left;
    color: #fff;
    left: 150px;
    line-height: normal;
    font-weight: 700
}

body.filtreLabos.projetsRech section.tagClass strong {
    font-weight: 400!important
}

body.filtreLabos.projetsRech section.tagClass p {
    margin: 0!important
}

body.filtreLabos.projetsRech #k2Container section.tagClass article header h2 {
    font-size: 19px!important
}

body.filtreLabos.projetsRech section.tagClass .itemBody * {
    font-size: 16px!important
}

@media screen and (max-width:780px) {
    body.filtre #itemListPrimary {
        height: 5200px
    }
    body.filtre .itemContainer {
        width: 100%!important;
        left: initial!important
    }
    body.filtre .popupContent.open {
        position: fixed!important;
        margin: 0 auto!important;
        top: 10%!important;
        width: 320px!important;
        left: 0;
        right: 0;
        bottom: 10%;
        overflow: auto
    }
}

#gkAsideMenu li.first {
    width: 41px;
    overflow: hidden
}

#gkAsideMenu li.haschild li.first {
    width: auto;
    overflow: visible
}

#gkAsideMenu li.first img {
    margin-left: -41px
}

#menu518:after {
    content: "|"!important
}

.triggerOpen,
.triggerOpen2 {
    cursor: pointer
}

#lienUBFC img {
    width: 170px
}

#lienUBFC {
    float: right;
    margin-top: 41px
}

#gkFooter .gkPage {
    position: relative
}

#k2Container.itemListView.osni span.itemImage.catitem img {
    max-height: 230px
}

.fluid-width-video-wrapper {
    padding-top: 50%!important
}

.gkIsWrapper-gk_university figcaption {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    background-color: rgba(255,255,255,1);
    bottom: 0!important
}

.externallogin {
    margin-top: -50px;
    padding-bottom: 300px
}

.gkIsWrapper-gk_university .gkIsSlide {
    background-size: cover!important;
    background-position: center
}

#id1_container_div h1,
body.pageAgenda h1 {
    font-weight: 700;
    color: #a1192e;
    font-size: 32px!important
}

#k2FrontendEditToolbar h2 {
    background-image: none!important
}

body.home span.lienAudio,
body.home span.lienExterneHP,
body.home span.lienVideo {
    display: block;
    position: absolute;
    z-index: 9;
    opacity: .9;
    width: 100%;
    height: 178px;
    background-size: 63px;
    background-position: center;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .15);
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden
}

#gkMainbody,
.box.actusHP,
.box.transparent.agenda_jevents.tout_agenda,
body.filtre #itemListPrimary {
    position: relative
}

.gkIsWrapper-gk_university figure,
body.filtre.ufr #gkBg {
    overflow: visible
}

@media screen and (max-width:1500px) {
    #overmenu ul .firstLi li {
        padding: 3px 0!important
    }
}

@media screen and (max-width:1080px) {
    .spriteOvermenu:before {
        margin-right: 0
    }
}

@media screen and (max-width:1024px) {
    body.home #gkMainbodyBottom div.box:nth-child(4) ul li,
    body.viecampus #gkMainbodyBottom ul#vie-campus li {
        max-width: 49%;
        min-width: 49%;
        display: inline-block;
        vertical-align: top
    }
    body.international div.parallax {
        background-image: none!important
    }
    body.home span.lienAudio,
    body.home span.lienExterneHP,
    body.home span.lienVideo {
        background-color: transparent;
        top: 0;
        bottom: 50%
    }
    body.home span.lienExterneHP:after {
        display: none!important
    }

}

body.home span.lienAudio {
    background-image: url(/images/charte/external-audio.png)
}

body.home span.lienVideo {
    background-image: url(/images/charte/external-video.png)
}

body.home span.lienExterneHP {
    background-image: url(/images/charte/externallink2.png)
}

body.home span.lienExterneHP:after {
    content: "Lien externe";
    width: 55px;
    height: 0;
    display: block;
    padding: 7px 0 2px;
    position: relative;
    background: rgba(250, 250, 250, 1);
    bottom: 0;
    color: rgba(25, 25, 25, 1);
    z-index: 98;
    opacity: 0;
    -webkit-transition: opacity .3s, eight 0s .3s;
    -moz-transition: opacity .3s, eight 0s .3s;
    -ms-transition: opacity .3s, eight 0s .3s;
    -o-transition: opacity .3s, eight 0s .3s;
    transition: opacity .3s, height 0s .3s;
    left: 50%;
    margin-left: -28px;
    top: 50%;
    margin-top: -28px;
    font-size: 16px;
    border-radius: 25px;
    line-height: 110%;
    font-weight: 700
}

body.home .nspArt:hover span.lienExterneHP:after {
    height: 55px;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.itemList.qsd #itemListLeading ul.itemTags li:hover {
    background: #db3a3b!important
}

.mfp-wrap {
    z-index: 10000000000!important
}

#k2FrontendEditToolbar h2 {
    background: url(http://recherche.u-bourgogne.fr/media/k2/assets/css/../images/system/sprite-backend.png) no-repeat!important
}

#gkMainbodyTop {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
}

div.homeNews {
    flex: 1 1 100%;
    height: 650px;
    margin-top: 65px
}

div.homeNews .content {
    width: 70%;
    float: left
}

.gkIsWrapper-gk_university {
    margin-bottom: 30px
}

div.agenda_jevents {
    background-color: #fff!important
}

#gkSidebar div.agenda_jevents {
    background-color: transparent!important
}

#gkSidebar a.toutAgenda {
    font-size: 14px
}

div.actusHP,
div.agenda_jevents {
    overflow: visible;
    height: auto;
    display: block
}

div.actusHP .nspArtPage.active.nspPages {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

div.actusHP .nspArtPage.active.nspPages .nspArt.nspCol1 {
    padding: 0 0 20px;
    flex: 1 1 100%
}

body.home .box .header {
    padding: 0 0 5px
}

div.nspMain.actusHP.activated {
    width: 100%
}

div.agenda_jevents span a {
        color: #4cb1d3!important;
    line-height: 100%;
    font-size: 16px;
    font-weight: 700;
}

#gkSidebar div.agenda_jevents span a {
    font-size: 14px
}

.box h2 {
    font-size: 32px!important;
    font-weight: 700!important;
    margin: 0 15px 10px!important;
    color: #db3a3b!important
}

.disflex {
    display: flex
}

.childflex {
    flex: 1 1 0%
}

.flex30 {
    flex: 1 1 30%
}

div.nspMain.actusHP .nspArt.nspCol1 {
    padding: 0 0 20px!important
}

body.filtre .itemContainer {
    background-color: #fff;
    opacity: 1;
    visibility: visible;
    position: absolute;
    -webkit-transition: all .65s ease-in-out;
    -moz-transition: all .65s ease-in-out;
    -ms-transition: all .65s ease-in-out;
    -o-transition: all .65s ease-in-out;
    transition: all .65s ease-in-out;
    padding: 0 10px;
    
}

div#encartFiltre {
    padding: 10px;
    margin-bottom: 20px;
}

div#encartFiltre #filtreSecteurs ul li[data-secteur=labo_secteurAll] {
    display: block;
    height: auto;
    width: 165px;
    background: #fff;
    padding: 0;
    margin: 0 0 3px 73px;
    font-size: 14px;
    color: #4cb1d3
}

body.filtre div#encartFiltre #filtreSecteurs ul li {
    padding: 0;
    max-width: 240px
}

body.filtre section#gkMainbody {
    /*margin-bottom: 170px*/
}

div#encartFiltre #filtreSecteurs ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 25px 30px;
    cursor: pointer;
    position: relative;
    width: 26%;
    padding-bottom: 28px!important;
    background: #fff;
    margin: 4px 10px;
    border: 1px solid #4cb1d3
}

div#encartFiltre #filtreSecteurs ul li[data-secteur=labo_secteurAll] {
    padding-bottom: 0!important
}

body.filtre.formations div#encartFiltre #filtreSecteurs ul li {
    max-width: 350px;
    width: 50%
}

body.filtre.formations div#encartFiltre #filtreSecteurs ul li span {
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 200%;
    left: 0
}

.itemContainer.hidden {
    opacity: 0!important;
    visibility: hidden!important;
    -webkit-transition: all .65s ease-in-out;
    -moz-transition: all .65s ease-in-out;
    -ms-transition: all .65s ease-in-out;
    -o-transition: all .65s ease-in-out;
    transition: all .65s ease-in-out
}

body.filtre .itemBody.nodate {
    float: right;
    width: auto
}

body.filtre .itemBody.nodate,
body.filtre .nodate h2 {
    margin: 0!important
}

article.filtrage ul.itemTags li.project {
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50%;
    width: 30px;
    height: 30px
}

div.telechargements * {
    color: #fff
}

div.telechargements em {
    color: #fff;
    padding: 14px 0;
    font-size: 15px;
    max-width: 70%;
    vertical-align: middle;
    display: inline-block
}

div#encartFiltre #filtreSecteurs ul li.actif {
    border: 1px solid rgb(234, 131, 120);
    background-color: #db3a3b;
    color: #fff
}

div#encartFiltre #filtreSecteurs ul li:hover {
    background-color: #db3a3b;
    color: #fff;
    border: 1px solid #db3a3b
}

div#encartFiltre #filtreSecteurs ul li.actif span,
div#encartFiltre #filtreSecteurs ul li:hover span {
    color: #fff
}

div#encartFiltre #filtreSecteurs ul li span {
    display: block;
    position: absolute;
    bottom: 3px;
    right: -45px;
    left: -45px;
    color: #4cb1d3;
    font-size: 13px
}

div#encartFiltre #filtreSecteurs ul {
    margin-top: -23px
}

.exergue {
    font-size: 45px;
    margin: 0 10px
}

body.home #btnRecherche {
    position: absolute;
    bottom: -20px;
    background: #b0a986;
    text-transform: uppercase;
    left: 50%;
    margin-left: -75px
}

body.home #btnRecherche:hover {
    background-color: #f47b20
}

body.home #btnRecherche a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px 20px
}

#gkContent,
#gkPageContent {
    background-color: transparent
}

#ubchiffresCntr .tab .caller {
    background-color: #b0a986;
    border-radius: 10px 10px 0 0
}

#ubchiffresCntr .tabActive .caller {
    background-color: #a1192e;
    box-shadow: 1px -1px 3px 0 rgba(0, 0, 0, .7)
}

#ubchiffresCntr .tabActive {
    z-index: 9
}

#gkMainbody div.box:nth-child(1):before,
#gkMainbody div.box:nth-child(2):before,
#gkMainbody div.box:nth-child(3):before {
    content: "";
    position: absolute;
    top: -55px;
    left: 50%;
    width: 75px;
    height: 45px;
    margin-left: -22px;
    display: block;
    background-size: CONTAIN;
    background-repeat: no-repeat
}

#gkFooterNav div.custom {
    position: relative;
    float: left
}

#gkFooterNav div.custom img {
    max-height: 45px
}

#gkFooterNav div.custom li {
    margin: 0 10px;
    opacity: .7;
    width: 40%
}

#gkFooterNav div.custom li:hover {
    opacity: 1
}

#gkFooterNav div.custom li:before {
    content: ""
}

#gkFooterNav ul.menu#public li {
    display: inline-block;
    text-align: left
}

#gkFooterNav ul.menu#public li:before,
#gkMainMenu #menu272:before,
#gkMainMenu #menu275:before,
#gkMainMenu #menu280:before {
    display: none
}

#gkFooterNav ul.menu#public li a {
    padding: 0
}

#gkFooterNav ul.menu#public {
    float: none;
    bottom: 0;
    position: absolute;
    top: initial;
    width: 100%
}

#gkFooterNav ul.menu#admin {
    left: 0;
    float: none;
    bottom: 0;
    position: absolute;
    top: initial
}

#gkFooterNav .rsfootercntr {
    margin-top: 35px;
    margin-left: 30px
}

.rouge {
    background-color: #db3a3b;
    color: #fff
}

.beigef {
    background-color: #b0a986;
    color: #fff
}

#gkMainMenu #menu272,
#gkMainMenu #menu275 {
    cursor: default!important;
    color: #093053!important
}

#gkMainMenu #menu272:after,
#gkMainMenu #menu275:after,
#gkMainMenu #menu280:after {
    content: ">"!important
}

section.blog-featuredaccueil_2col {
    display: none;
    visibility: hidden;
    opacity: 0
}

body.agenda div.filtresAgenda {
    background-color: #f3f2ed
}

body.agenda div.filtresAgenda ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

body.agenda div.filtresAgenda ul li {
    flex: 0 0 auto;
    width: auto;
    padding: 0 10px;
    margin: 5px
}

body.agenda div.filtresAgenda ul li a {
    color: #545655
}

body.filtre.organisation .itemList article,
body.filtre.politique .itemList article {
    border: 0;
    padding-left: 10px;
    background: rgba(176, 169, 134, .2)
}

body.filtre .itemList article a:hover {
    color: #db3a3b!important
}

body.filtre.ufr .itemList article {
    border: 0!important;
    background: #fff;
    padding-top: 0!important;
    margin-bottom: 0!important
}

body.filtre.ufr .popupContent {
    position: absolute;
    background: rgba(255, 255, 255, .98);
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

body.filtre.ufr .popupContent.open {
    width: 520px;
    height: 440px;
    padding: 10px;
    opacity: 1;
    z-index: 9999999;
    overflow: auto;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

body.filtre.ufr.formations .popupContent.open {
    height: 350px
}

body.filtre.ufr.formations .popupContent p {
    padding-right: 40px
}

body.filtre.ufr header h2 {
	color: #fff!important;
}
body.filtre.ufr header.nodate {
    margin-top: -5px;
    margin-bottom: 2px!important;
    padding: 0 10px!important;
    background: #4cb1d3
}


body.filtre.ufr .itemContainer {
    width: 25%!important;
    opacity: 1;
    visibility: visible;
    position: absolute;
    cursor: pointer;
    -webkit-transition: all .65s ease-in-out;
    -moz-transition: all .65s ease-in-out;
    -ms-transition: all .65s ease-in-out;
    -o-transition: all .65s ease-in-out;
    transition: all .65s ease-in-out;
    padding: 0 10px
}

body.filtre.ufr .popupContent .popupclose {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    background: #4cb1d3;
    padding: 0 10px
}

body.filtre.ufr .popupContent .popupclose:hover {
    background: #db3a3b
}

body.filtre.ufr header.nodate:hover {
    background-color: #db3a3b
}

body.filtre.ufr #k2Container.itemListView,
body.filtre.ufr #k2Container.itemListView .itemList {
    overflow: visible
}

body.filtre.ufr .popupContent h2 {
    font-size: 25px;
    font-weight: 700;
    padding-right: 40px
}

body #gkHeader #gkMainMenu ul.level0 li a {
    position: relative
}

body #gkHeader #gkMainMenu ul.level0 li a:before {
    width: 100%;
    height: 100%;
    z-index: 3;
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: .5s;
    border-top: 3px solid #cf0c25;
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0
}

body #gkHeader #gkMainMenu ul.level0 li a:hover:before {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media screen and (max-width:1230px) {
    #gkMainbody div.box:nth-child(1) {
        flex: 1 1 100%;
        max-width: 350px;
        margin: 0 auto 80px!important
    }
    #gkMainbody div.box:nth-child(2) {
        flex: 1 1 100%;
        margin: 0 10px 80px!important
    }
    #gkMainbody div.box:nth-child(3) {
        flex: 1 1 100%;
        margin: 0 auto!important
    }
    .gkTweets {
        align-content: center;
        align-items: center
    }
    #gkPageContent.gkPage,
    .jomsocial #gkPageContent {
        padding: 20px 0 0!important
    }
    #gkFooterNav{
        height: auto;
    }
    #gkFooterNav div.custom, #adresseFooter, #lienUBFC{
        float: none;
        margin: 0!important
    }
    #gkFooterNav .rsfootercntr ul{
        width: 100%!important;
    }
    #gkFooterNav .rsfootercntr li{
        width: 19%!important;
    }
    #gkFooterNav ul.menu#public{
        position: relative;
    }
    #adresseFooter div{
        text-align: center;
    }
    #adresseFooter div div.dib{
        text-align: left;
    }
    #lienUBFC {
        margin-bottom: 15px!important;
        display: block;
    }

}

@media screen and (max-width:1024px) {
    #encartRecherche {
        display: none;
        top: 16px;
        width: 155px;
        right: 60px
    }
    .nspArts,
    .nspLinksWrap {
        padding: 0
    }
    .nspArt h4.nspHeader {
        padding: 0 15px 15px;
        font-size: 20px
    }
    #gkHeader {
        padding-top: 0!important;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
    }
    #topMenu2 {
        display: none!important
    }
    div#lang {
        right: 18px!important;
        top: 70px!important
    }
    #gkBg {
        padding-top: 126px
    }
    div.homeNews .content {
        width: 100%;
        float: none
    }
    div.homeNews {
        flex: 1 1 100%;
        height: auto;
        margin-top: 0
    }
    #gkLogo {
        margin: 15px 24px 0 0
    }
    figcaption.gkPage h2 {
        line-height: 130%;
        margin: 5px 0;
        padding: 0
    }
    figcaption.gkPage {
        background: rgba(255, 255, 255, .75)
    }
    .box.transparent.agenda_jevents.tout_agenda {
        padding: 20px 15px!important
    }
    #gkFooter .gkPage,
    #gkFooter .gkPage #gkFooterNav {
        height: 100%;
        display: inline-block
    }
    #gkFooterNav {
        height: 100%
    }
    #gkFooterNav #adresseFooter,
    #gkFooterNav div.rsfootercntr,
    #gkFooterNav ul.menu#public,
    a#lienUBFC {
        float: none;
        width: 100%;
        display: block;
        margin: 0
    }
    a#lienUBFC {
        margin: 10px 0 100px
    }
    #gkFooterNav div.rsfootercntr {
        margin: 20px 0
    }
    #gkSidebar .box {
        width: 100%
    }
    #gkHeader.affix #moreTitle {
        font-size: 14px!important;
        top: 10px;
        left: 128px;
        right: 55px;
        line-height: 140%;
        bottom: initial
    }
    div.box.actusHP {
        padding-left: 15px!important;
        padding-bottom: 20px!important
    }
    div.nspMain.actusHP .nspArt a img {
        max-width: 100%!important;
        max-height: 150px
    }
    div.actusHP,
    div.agenda_jevents {
        padding-bottom: 40px;
    }
    a.toutAgenda{
        bottom: -10px;
    }
    .exergue {
        font-size: 30px
    }
    header#gkHeader #gkLogo #max-logo {
        height: 80px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    body.home #gkMainbody {
        display: block;
        padding: 90px 0 20px!important
    }
    #gkMainbody div.box:nth-child(1),
    #gkMainbody div.box:nth-child(2) {
        max-width: 100%
    }
    #gkMainbody div.box:nth-child(3) {
        display: block
    }
    #gkMainbody div.box:nth-child(3) #svg {
        display: none
    }
}

@media screen and (max-width:950px) {
    div.actusHP,
    div.agenda_jevents {
        flex: 1 1 100%;
        width: 100%;
    }
    .gkIsButtons {
        bottom: initial;
        top: 20px
    }
    #gkFooter strong{
        position: relative;
    }
    #gkFooter strong {
        position: absolute;
    }
    #adresseFooter div div.dib:first-child {
        display: block;
    }
}

@media (max-width:768px) {
    #ub_event_page .ub_event_encadre {
        float: none;
        width: 100%
    }
    .gkIsWrapper-gk_university {
        margin-bottom: 100px;
        min-height: 200px
    }
    div.box.actusHP .nspArt.nspCol2 {
        padding: 0!important
    }
    body.media #k2Container.genericView .itemsCategory p {
        width: 55%!important;
        margin-left: 40%!important
    }
    .gkIsWrapper-gk_university .gkIsSlide {
        height: 200px
    }
    .custom.liens-logos{
        text-align: center;
    }
    .custom.liens-logos li{
        width: 32%!important;
    }
    #adresseFooter div {
        text-align: left;
    }
    

}

@media (max-width:640px) {
    .gkIsWrapper-gk_university .active figcaption h2 {
        margin-left: 0!important;
        line-height: 60%
    }
    figcaption.gkPage h2 a {
        font-size: 20px
    }
}

@media (max-width:530px) {
    #gkMainbody div.box:nth-child(2) {
        max-width: 530px
    }
    body.media #k2Container.genericView .itemsCategory {
        background-image: none!important
    }
    body.media #k2Container.genericView .itemsCategory p {
        width: 100%!important;
        margin-left: 0!important
    }
    body.media #k2Container.genericView .itemListSubCategories .subCategoryContainer h2 {
        font-size: 18px!important;
        padding: 70px 20px!important
    }
    div#encartFiltre #filtreSecteurs ul li span {
        right: 0;
        left: 0
    }
    div#encartFiltre #filtreSecteurs ul li {
        display: block;
        width: 100%;
        margin: 4px auto 0
    }
    div.nspMain.actusHP a {
        display: block
    }
    a#lienUBFC {
       /* margin: 10px 0 0!important*/
    }
    body.home .actusHP .nspArt span.childflex {
        display: inline-block;
        width: 49%;
        vertical-align: middle
    }
    body.home div.box.actusHP {
        padding-left: 0!important
    }
    .custom.liens-logos li{
        width: 100%!important;
        margin: 10px 0;
    }
    #gkFooterNav .rsfootercntr li {
        width: 20%!important;
        padding: 0!important;
    }
}

@media (max-width:425px) {
    #gkFooterNav li {
        padding: 0 25px!important
    }
    figcaption.gkPage {
        bottom: -96px
    }
    header#gkHeader #gkLogo #max-logo {
        height: 50px;
        margin-bottom: 20px
    }
    div#lang {
        right: 20px!important;
        top: 55px!important
    }
    #gkHeader {
        padding-right: 0!important;
        padding-left: 0!important
    }
    #gkHeader.affix #logo_ub2 {
        height: 50px
    }
    #k2Container.itemView header ul,
    ul.breadcrumbs {
        display: none
    }
    div.agenda_jevents span a {
        font-size: 16px
    }
    body.home #gkMainbody {
        padding: 110px 0 20px!important
    }
    #gkMainbody div.box:nth-child(3) #likeNbr,
    #gkMainbody div.box:nth-child(3) #svg {
        padding: 20px
    }
    .exergue {
        margin: 0 3px
    }
    #k2Container.itemView header h1 {
        margin: 0!important;
        padding-right: 0
    }
    #gkFooter strong {
        position: relative;
        margin-bottom: 10px;
        display: block;
    }
}

.gkNspPM-PortfolioGrid.with-overlay .figcaption:before,
.gkNspPM-PortfolioGrid.without-overlay .figure.loaded>div>a:after,
.gkNspPM-PortfolioGrid.without-overlay .figure.loaded>div>a:before {
    display: none;
    content: none
}

.gkNspPM-PortfolioGrid>.figure img.image-loaded {
    opacity: 1
}

.gkNspPM-PortfolioGrid>.figure img {
    max-height: 200px;
    width: auto;
    margin: 0 auto
}

.gkNspPM-PortfolioGrid.without-overlay>.figure.loaded>div>a {
    background: 0 0
}

.gkNspPM-PortfolioGrid.without-overlay>.figure>div {
    box-shadow: none!important
}

body.agenda .ub_event_encadre_horaires .ub_event_value {
    display: inline-block;
    position: relative;
    color: #fff;
    padding: 20px;
    width: 50%;
    font-weight: 700;
    min-height: 90px;
    vertical-align: top
}

body.agenda .ub_event_encadre_horaires .ub_event_value.debut {
    background-color: #4cb1d3
}

body.agenda .ub_event_encadre_horaires .ub_event_value.debut:after {
    content: "\f0d8";
    position: absolute;
    right: -14px;
    color: #4cb1d3;
    top: 50%;
    margin-top: -17px;
    font: normal normal normal 30px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    z-index: 9999;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

body.agenda .ub_event_encadre_horaires .ub_event_value.fin {
    background-color: #8bacca
}

#topMenu2.mobile {
    display: block!important;
    padding: 0 0 0 32px;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 30px
}

#topMenu2.mobile span {
    display: block
}

#topMenu2.mobile li {
    display: block;
    margin: 0;
    border: 0!important;
    padding: 6px 0!important
}

#encartRechercheMobile {
    width: 90%;
    height: 40px;
    display: block;
    top: 20px;
    position: relative;
    left: 10px
}



#___gcse_1 {
    word-wrap: normal!important
}

#___gcse_1 .gsib_a,
#encartRecherche .gsib_a,
#encartRechercheMobile .gsib_a {
    padding: 0 6px!important
}

#___gcse_1 tbody tr td,
#encartRecherche tbody tr td,
#encartRechercheMobile tbody tr td {
    padding: 0!important;
    border-bottom: 0
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    width: 48px!important;
    height: 27px!important;
    padding: 6px 16px!important;
    min-width: 28px!important;
    margin-top: 4px!important
}

.gsc-table-result .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long,
.gsc-url-bottom {
    display: block!important
}

#___gcse_1 b {
    color: inherit!important
}

.gsc-thumbnail-inside {
    padding-left: 0!important
}

.gsc-input input.gsc-input {
    background: 0 0!important
}

.gs-imageResult div.gs-visibleUrl,
.gs-webResult div.gs-visibleUrl {
    color: #111!important;
    font-weight: 700
}

body.filtre.formations .itemContainer,
body.filtre.organisation .itemContainer,
body.filtre.politique .itemContainer {
    width: 50%!important
}

body.actualites .actualitesCntr.itemListView span.lienAudio,
body.actualites .actualitesCntr.itemListView span.lienExterneHP,
body.actualites .actualitesCntr.itemListView span.lienVideo {
    display: block;
    position: absolute;
    z-index: 9;
    opacity: .9;
    width: 100%;
    height: 100%;
    background-size: 63px;
    background-position: center;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .15);
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden
}

body.actualites .actualitesCntr.itemListView span.lienAudio {
    background-image: url(/images/charte/external-audio.png)
}

body.actualites .actualitesCntr.itemListView span.lienVideo {
    background-image: url(/images/charte/external-video.png)
}

body.actualites .actualitesCntr.itemListView span.lienExterneHP {
    background-image: url(/images/charte/externallink2.png)
}

body.actualites .actualitesCntr.itemListView span.lienExterneHP:after {
    content: "Lien externe";
    width: 55px;
    height: 0;
    display: block;
    padding: 7px 0 2px;
    position: relative;
    background: rgba(250, 250, 250, 1);
    bottom: 0;
    color: rgba(25, 25, 25, 1);
    z-index: 98;
    opacity: 0;
    -webkit-transition: opacity .3s, eight 0s .3s;
    -moz-transition: opacity .3s, eight 0s .3s;
    -ms-transition: opacity .3s, eight 0s .3s;
    -o-transition: opacity .3s, eight 0s .3s;
    transition: opacity .3s, height 0s .3s;
    left: 50%;
    margin-left: -28px;
    top: 50%;
    margin-top: -28px;
    font-size: 16px;
    border-radius: 25px;
    line-height: 110%;
    font-weight: 700
}

body.actualites .actualitesCntr.itemListView .itemBlock:hover span.lienExterneHP:after {
    height: 55px;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

body.actualites .externalRSS ul.srfrList li {
    display: inline-block;
    width: 32%;
    border-top: 1px solid #E5E5E5;
    border-bottom: 0;
    vertical-align: top
}

body.actualites .externalRSS ul.srfrList li h3 {
    line-height: 130%;
    font-weight: 700;
    font-size: 18px
}

body.actualites .externalRSS ul.srfrList li a {
    font-size: 17px!important;
    line-height: 110%!important;
    text-transform: none
}

body.actualites .externalRSS ul.srfrList li:hover a {
    color: #db3a3b
}

body.actualites .externalRSS ul.srfrList .srfrFeedItemDate {
    background-color: rgba(187, 168, 171, .1);
    position: relative;
    line-height: 120%;
    color: #333;
    padding: 2px 8px;
    font-size: 18px
}

body.actualites .k2FeedIcon {
    border: 0;
    margin: 0
}

body.actualites #k2Container {
    border-bottom: 2px solid #b5495a
}

body.actualites #gkMainbody {
    margin-bottom: 20px
}

@media screen and (max-width:580px) {
    body.actualites .externalRSS ul.srfrList li {
        display: block!important;
        width: 100%
    }
    .box.parallax .content, .box.parallax .header{
        max-width: none!important
    }
    .nspArts, .nspLinksWrap{
        float: none!important;
    }
}

#k2Container .itemListCategoriesBlock .itemsCategory h3 {
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    margin: 30px 0 10px
}

#k2Container .itemListCategoriesBlock .itemsCategory h2 {
    font-size: 32px!important;
    font-weight: 700!important;
    margin: 0 15px 10px 0!important;
    color: #a1192e!important;
    border-bottom: 0
}

#k2Container .itemListCategoriesBlock .itemsCategory>p {
    margin: 15px 0 32px
}

blockquote {
    font-size: 20px;
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C""\201D";
    font-family: georgia
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 50px;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
    font-family: georgia
}

blockquote p {
    display: inline
}

body.agenda h1 {
    font-family: titillium;
    font-weight: 700;
    color: #4cb1d3;
    font-size: 32px!important
}

body.filtre.ufr.formations #k2Container article {
    padding: 0!important;
    margin: 0!important
}

body.filtre.ufr.formations header.nodate {
    margin-bottom: 0!important
}

.lienTelecharger {
    color: #a1192e
}

.lienTelecharger:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 13px;
    background-image: url(/images/charte/downloadSidebarIcon.png);
    margin-left: 5px;
    background-size: cover;
    margin-bottom: -1px
}

.box.gris h2 {
    border-bottom: 1px solid #9c9d9d;
    padding-bottom: 13px;
    margin-left: 8px!important
}

#gkSidebar .contacts {
    background-color: transparent;
    position: relative
}

#gkSidebar .contacts div.content {
    margin-left: 60px
}

#gkSidebar .contacts div.content ul:before {
    content: "";
    width: 2px;
    position: absolute;
    top: -15px;
    bottom: 8%;
    display: block;
    left: -24px;
    background: #a1192e
}

#gkSidebar .contacts * {
    color: #696969!important
}

#gkSidebar .contacts h2 span {
    position: relative
}

#gkSidebar .contacts h2 span:before {
    content: "";
    width: 58px;
    height: 58px;
    display: inline-block;
    position: absolute;
    background-color: #a1192e;
    left: -7px;
    z-index: -1;
    top: -1px;
    border-radius: 35px
}

#gkSidebar .contacts .header span {
    color: #a1192e!important;
    background-position: 0 50%;
    padding: 20px 5px 20px 60px
}

#gkSidebar .contacts .content li {
    border-bottom: 1px solid #9c9d9d!important;
    padding-left: 0
}

#gkSidebar .contacts .content li:hover {
    background-color: transparent;
    color: #a1192e!important;
    padding: 10px 15px 10px 0;
    left: 0
}

#gkSidebar .contacts .content li:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    border: 2px solid #a1192e;
    background-color: #fff;
    left: -29px;
    top: 14px;
    border-radius: 35px;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

#gkSidebar .contacts .content li:hover:before {
    background-color: #a1192e;
    width: 14px;
    height: 14px;
    left: -30px;
    top: 13px;
    -webkit-transition: background-color .3s .1s;
    -moz-transition: background-color .3s .1s;
    -ms-transition: background-color .3s .1s;
    -o-transition: background-color .3s .1s;
    transition: background-color .3s .1s
}

#gkSidebar .contacts .content li:hover a {
    text-decoration: underline;
    color: #a1192e!important;
    font-weight: 700
}

#gkSidebar .contacts.contact_rp {
    margin-left: -30px
}

#gkSidebar .contacts.contact_rp ul li:before,
#gkSidebar .contacts.contact_rp ul:before {
    display: none;
    opacity: 0;
    visibility: hidden
}

#gkSidebar .contacts.contact_rp ul li {
    border-bottom: 0!important;
    margin-top: -10px
}

#gkSidebar .contacts.contact_rp ul li:hover {
    color: #9c9d9d!important
}

#gkSidebar .telechargements .header {
    background-color: #a1192e;
    margin: 0!important;
    padding: 0 0 12px!important
}

#gkSidebar .telechargements .header span {
    color: #fff
}

#gkSidebar div.box.telechargements span {
    background-image: none;
    padding-left: 10px
}

#gkSidebar div.box.telechargements ul li {
    background-color: #fff!important;
    border-bottom: 1px solid #dfddcf
}

#gkSidebar div.box.telechargements ul li a {
    color: #a1192e;
    font-weight: 700
}

#gkSidebar div.box.telechargements ul li:before {
    background-image: url(/images/charte/downloadSidebarIcon.png)
}

#gkSidebar div.box.telechargements ul li:after {
    display: none
}

#gkSidebar div.box.telechargements ul li:hover {
    background-color: #dfddcf!important
}

#gkSidebar div.box.infosPratiques,
#gkSidebar div.box.telechargements {
    border-bottom: 2px solid #d7d4c2
}

#gkSidebar div.box h2.header {
    padding-bottom: 0
}

#gkSidebar div.box.infosPratiques h2.header {
    margin: 0 10px 10px!important
}

body.admin section#gkMainbody {
    margin-bottom: 0
}

body.admin section#gkMainbodyBottom {
    margin-top: 50px!important
}

body.admin section#gkMainbodyBottom p {
    margin: 0
}

body.admin section#gkMainbodyBottom h2 {
    margin-left: 0!important;
    font-size: 22px!important
}

body.admin section#gkMainbodyBottom div.box.gris {
    margin-bottom: 70px
}

body.home .liens-logos ul li {
    border: 0;
    display: inline-block;
    vertical-align: middle;
    width: 19%
}

body.home .liens-logos ul li img {
    float: none!important;
    display: block;
    margin: 0 auto!important
}
/* DERNIERES MODIFS A RANGER */
.gkIsWrapper-gk_university .gkIsSlide{
    background-size: cover!important;
    height: 750px!important;
    max-width: 1230px!important;
}

.gkIsWrapper-gk_university {
    min-height: 700px!important;
    margin-top: 70px;
}

/* LABORATOIRES */
body.filtreLabos .itemContainer{
    cursor: pointer;
}

body.filtreLabos .popupContent {
    position: absolute;
    background: rgba(255,255,255,.98);
    width: 0;
    height: auto;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

body.filtreLabos header.nodate {
    margin-top: -5px;
    margin-bottom: 2px!important;
    padding: 0 10px!important;
    background: #4cb1d3;
}
body.filtreLabos header.nodate:hover {
    background-color: #db3a3b;
}
body.filtreLabos .popupContent .popupclose {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    background: #4cb1d3;
    padding: 0 10px;
}

body.filtreLabos .popupContent.open {
    height: 350px;
    width: 400px;
    padding: 10px;
    opacity: 1;
    z-index: 9999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

body.filtreLabos .popupContent .popupclose:hover {
    background: #db3a3b;
}

#overmenu ul li.firstLi.lastLi #flagCntr .lang-inline li{
        display: block;
    height: 100%;
    width: 100%;
    padding: 0!important;
}


#vieinstitution {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
}

#vieinstitution div {
    flex: 1 1 0%;
    height: 100px;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    line-height: 110%;
    display: inline-block;
        min-width: 19%;
    padding: 0 10px;
}
 #vieinstitution div a {
    color: #fff;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}


 #vieinstitution .beigef{
	background-color:#4cb1d3;
}

@media screen and (max-width: 1024px){
     #vieinstitution div {
        flex: 1 1 50%;
        height: 100px;
        width: 50%;
        border: 1px solid #fff;
    }
}

@media screen and (max-width: 640px){
    #vieinstitution div {
        flex: 1 1 100%;
        height: 100px;
        width: 100%;
    }
}

#k2Container.chercheurs .itemImageBlock img{
    width: 300px!important;
}

.mosaiquechercheurs li{
    display: inline-block;
    width: 32%;
    border-bottom: 0;
}

article.fiche-chercheur .itemExtraFields{
    float: left;
}
article.fiche-chercheur .bold{
    font-weight: bold;
}
article.fiche-chercheur.itemView div ul li:before{
    display: none;
}

#vieinstitution:hover div {
    opacity: .5;
}
#vieinstitution div:hover {
    opacity: 1;
}

.itemList article.catCntr {
    border-top: 0;
    padding: 0 10px!important;
}