﻿html, body {
    margin: 0;
    padding: 0;
}

body {
    background-color: white;
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-size: 200%;
    color: navy;
    text-align: center;
}

h2 {
    font-size: 150%;
    color: red;
    padding-left: 15px;
}

p, td {
    color: black;
}

ul, li {
    /*color: white;*/
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

a:link {
    /*color: #1783bc;*/
    text-decoration: underline;
}

a:visited {
    /*color: #1783bc;*/
}

a:hover {
    /*color: #1783bc;*/
    text-decoration: none;
}

a:active, a:focus {
    /*color: #1783bc;*/
}

/*FIN entete fichier css*/

@font-face {
    font-family: 'Myriad Pro';
    src: url('font/MyriadPro-Semibold.eot');
    src: local('☺'), url('font/MyriadPro-Semibold.woff') format('woff'), url('font/MyriadPro-Semibold.ttf') format('truetype'), url('font/MyriadPro-Semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.container {
    width: 100%;
    overflow: hidden;
}

#header, #footer {
    float: left;
    width: 100% !important;
    padding: 0 !important;
}

.top-header {
    background: #00314c;
    width: 100%;
    float: left;
    height: 33px;
}

.content-top-header, .content-middle-header, .content-bottom-footer, #content-page .content, .content-top-footer {
    width: 960px;
    margin: auto;
    overflow: hidden;
    font-size: 12px;
}

.top-header-left, .middle-header-left, .bottom-header-left, .top-footer-left, .bottom-footer-left, .bottom-middle-left-footer, .first-left-block, .second-left-block, .third-row div {
    float: left;
}

#header ul, .menu-filiere ul, .content ul, #footer ul {
    float: left;
    padding-left: 0;
}

.top-header-left li {
    float: left;
    margin-right: 40px !important;
}

.menu-filiere ul {
    background: #1b8dcc;
    width: 100%;
}

.top-header-left li.last, .top-header-right li.last, .bottom-header-left li.last, .top-footer-right li.last, .bottom-footer-right li.last {
    margin-right: 0;
}

#header a, .menu-filiere li a, #footer a, .content a {
    color: white;
    text-decoration: none;
}

.bottom-header-left li a {
    padding-top: 23px;
    display: block;
    padding-right: 35px;
    padding-left: 35px;
    padding-bottom: 14px;
}

.bottom-header-left li ul a {
    padding-top: 12px;
    padding-bottom: 12px;
}

.top-header-right, .middle-header-right, .bottom-header-right, .top-footer-right, .bottom-footer-right, .bottom-middle-right-footer, .first-right-block, .second-right-block {
    float: right;
}

.middle-header-right li {
    float: left;
    margin-right: 7px;
    margin-top: 6px;
}

.middle-header-right li.first {
    margin-top: 9px;
    font-size: 10px;
}

.middle-header-right li.last {
    margin-right: 0;
}

.middle-header-right span {
    color: #006EAB;
    font-size: 17px;
    font-weight: bold;
    font-family: Helvetica, serif;
    margin-left: 37%;
}

.middle-header-right {
    padding-top: 3px;
    width: 243px;
}

.middle-header {
    float: left;
    width: 100%;
    height: 60px;
}

#logo {
    margin-top: 10px;
    width: 225px;
}

.buttom-header {
    background: #006eab;
    float: left;
    width: 100%;
    height: 58px;
    position: relative;
}

.bottom-header-left li {
    float: left;
    font-family: 'Myriad Pro', serif;
    font-size: 14px;
    text-transform: uppercase;
}

.bottom-header-left li.first {
    display: block;
}

.bottom-header-left a:hover {
    background-color: #035890;
    border-bottom: 3px Solid #FFF;
}

#pager a span {
    display: none;
}

.bottom-header-left li.first a {
    background: url(../img/accueil.png) no-repeat 11px 21px;
    padding-bottom: 28px;
    padding-top: 9px;
    text-indent: -5000px;
    padding-right: 25px;

}

.bottom-header-left li.first a:hover {
    background: url(../img/accueil.png) no-repeat #035890 11px 21px;
}

.bottom-header-right {
    background: #ef5b22;
    position: absolute;
    top: 0;
    right: 0;
}

.menu-filiere li.tourisme a, .menu-filiere li.droit a, .menu-filiere li.commerce a, .menu-filiere li.ingenierie a, .menu-filiere li.sante a {
    padding-top: 25px;
    min-height: 24px;
}

.menu-bottom-header-right a {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 17px;
    background: url(../img/block-fermer.png) no-repeat 250px center;
    /* width: 158px;*/
    height: 42px;
    display: block;
    padding-top: 16px;
    padding-left: 60px;
    padding-right: 105px;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.0;
    }
}

@-moz-keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.0;
    }
}

.middle-header-center span {
    color: white;
    background: #0075ab;
    text-transform: uppercase;
    padding: 2px 30px;
    font-size: 16px;
    letter-spacing: 3px;
    margin-left: 30px;
    font-family: Helvetica;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-direction: alternate;
    animation-name: blinker;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}

.middle-header-center {
    padding-top: 18px;
    margin-bottom: 20px;
    float: left;
    /* padding-left: 31px; */
}

.menu-filiere {
    float: left;
    width: 100%;
}

.menu-filiere li {
    float: left;
    width: 12.8%;
    height: 64px;
}

.menu-filiere li a {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    text-align: center;
    position: relative;
}

li.sante {
    background: #7fb262;
    width: 14%;
}

li.ingenierie {
    background: #5f489c;
}

li.commerce {
    background: #ed5849;
}

li.droit {
    background: #81581f;
}

li.tourisme {
    background: #72c7e7;
    width: 16.8%;
}

li.design {
    background: #ea2691;
}

li.executive {
    background: #979797;
}

li.emlyon-business {
    background: #ff0021;
    width: 18%;
}

li.licence-pro {
    color: #1b8dcc;
}

.top-footer {
    background: #00314c;
    float: left;
    width: 100%;
    height: 42px;
}

.bottom-footer {
    background: #004989;
    width: 100%;
    float: left;
    height: 216px;
}

.content-bottom-footer div {
    float: left;
    width: 220px;
    margin-right: 20px;
}

.menu-filiere li.droit a.btn-inscription {
    padding-bottom: 12px !important;
}

/*.bottom-content li, .content li {
    float: left;
}*/
#content-page {
    float: left;
    width: 100%;
    background: #f8f9fa;
}

.top-footer-left p {
    font-family: 'Roboto', sans-serif;
    color: white;
    margin-top: 13px;
    font-size: 11px;
}

.top-footer-right li {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    margin-top: 4px;
    margin-right: 25px;
    float: left;
    text-transform: uppercase;
}

.bottom-content {
    float: left;
    width: 100%;
    height: 167px;
}

.bottom-footer-right li {
    float: left;
    margin-right: 12px;
}

.first-row {
    float: left;
    width: 100%;
    height: 340px;
}

.second-row {
    float: left;
    width: 100%;
    height: 290px;
}

.third-row {
    float: left;
    width: 100%;
    height: 293px;
}

.content {
    margin-top: 10px !important;
}

#input-search {
    background-color: #f5f7f8;
    border: 0;
    border-radius: 5px;
    height: 40px;
    width: 289px;
    color: #a9b3ba;
    padding-left: 11px;
}

form#search-theme-form {
    position: relative;
}

#sub-search {
    background: url(../img/sub-search.png) no-repeat;
    text-indent: -5000px;
    border: none;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 9px;
    right: 10px;
}

.bottom-header-right ul {
    position: absolute;
    z-index: 1;
    background: #EF5B22;
    height: 0;
    overflow: hidden;
}

.bottom-header-right li {
    height: 70px;
    border-bottom: solid 1px #cb3800;
    border-top: solid 1px #fa8659;
}

.bottom-header-right li.first {
    border-top: solid 1px #fa8659;
}

.bottom-header-right li a {
    text-align: center;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    background: url(../img/flesh.png) no-repeat 307px center;
    /*width: 230px;*/
    /*padding-right: 32px;*/
}

.first-left-block li {
    position: relative;
    background: white;
}

.first-left-block img.first-slide-content {
    float: left;
}

.first-left-block .description h3 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: black;
}

.first-left-block .description {
    float: right;
    width: 260px;
    padding-left: 30px;
    padding-right: 50px;
}

.first-left-block .description p.desc {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.first-left-block .description .date {
    position: absolute;
    top: 9px;
    right: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 41.25px;
    width: 57.3px;
    margin: 0;
    height: 50px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    color: #d8d8d8;
}

.first-left-block .description .date span {
    font-size: 19.54px;
    display: block;
    font-weight: initial;
    text-transform: uppercase;
}

.second-left, .second-right {
    position: absolute;
    bottom: 99px;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../img/shadow.png) repeat-x bottom;
}

.second-left-block, .second-right-block {
    height: 278px;
    position: relative;
}

.second-row h3 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    padding-top: 196px;
    padding-left: 9px;
    margin: 0;
    padding-bottom: 8px;
    margin-bottom: 9px;
    display: block;
    background: url(../img/soulignement.png) no-repeat 11px bottom;
}

.second-row p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    padding-left: 9px;
    display: block;
    margin-top: 0px;
}

.third-row li {
    position: relative;
}

.third-left-block .third-right, .third-middle-block .third-middle {
    position: absolute;
    bottom: 0;
    background: url(../img/shadow-bottom.png) repeat-x bottom;
    width: 100%;
    height: 100%;
}

.third-left-block p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: white;
    font-weight: bold;
    padding-left: 9px;
    margin: 0;
}

.third-left-block span {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: lighter;
    padding-left: 9px;
    line-height: 1.5;
}

.third-left-block h3 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    padding-top: 193px;
    padding-left: 9px;
    background: url(../img/soulignement.png) no-repeat 11px bottom;
    margin: 0;
    padding-bottom: 3px;
    margin-bottom: 8px;
}

.third-middle-block p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    padding-left: 9px;
    margin: 0;
}

.third-middle-block h3 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    padding-top: 193px;
    padding-left: 9px;
    background: url(../img/soulignement.png) no-repeat 11px bottom;
    margin: 0;
    padding-bottom: 3px;
    margin-bottom: 8px;
}

.third-left-block.list_carousel, .third-middle-block.list_carousel {
    position: relative;
    margin-right: 20px;
}

.third-right-block {
    position: relative;
}

.third-right-block-bottom.responsive li {
    text-align: center;
}

.third-right-block-bottom.responsive {
    position: absolute;
    top: 114px;
    background: white;
    height: 148px;
    width: 310px;
    padding: 0;
    padding-top: 19px;
}

.third-right-block-top {
    position: absolute;
}

.third-right-block-bottom p {
    padding-left: 44px;
    padding-right: 44px;
    font-family: 'Lato', sans-serif;
    font-size: 13.19px;
    text-transform: uppercase;
    font-weight: inherit;
}

.third-right-block-bottom a {
    color: #004989;
}

.bottom-content h2 {
    color: #004989;
    text-align: center;
    font-size: 19px;
    font-family: 'Lato', sans-serif;
}

.content-bottom-footer {
    margin-top: 33px;
}

.bottom-footer-left .adress {
    background: url(../img/adress.png) no-repeat top left;
    padding-left: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
}

.bottom-footer-left .email {
    background: url(../img/email.png) no-repeat left;
    padding-left: 20px;
}

.bottom-footer-left .tel {
    background: url(../img/phone.png) no-repeat left;
    padding-left: 20px;
}

.bottom-middle-left-footer li {
    background: url(../img/footer-flesh-menu.png) no-repeat left 8px;
    padding-left: 10px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
}

#form-bottom-middle-right-footer {
    margin-top: 10px;
    width: 260px;
}

#form-news-letters {
    width: 265px;
}

#form-news-letters .input {
    position: relative;
    width: 265px;
}

#input-news-letters, #edit-zone-search {
    width: 253px;
    height: 29px;
    border: none;
    color: #a9b3ba;
    padding-left: 11px;
}

#sub-news-letters, a.ctools-use-modal.ctools-modal-popup-news-lettre {
    background: #00314c;
    border: none;
    color: white;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 0;
    right: 0;
}

.bottom-footer-right li.first {
    width: 100%;
    margin-top: 9px;
    font-family: 'Lato', sans-serif;
    font-size: 12.79px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

#form-bottom-middle-right-footer label, div#block-uic_core-bloc_news_lettre h2 {
    font-family: 'Lato', sans-serif;
    font-size: 12.5px;
    text-transform: uppercase;
    color: white;
    margin-bottom: 19px;
    display: block;
    font-weight: inherit;
    margin-left: 0;
    padding-left: 0;
}

.content-bottom-footer div.bottom-middle-left-footer {
    width: 190px;
}

.content-bottom-footer div.bottom-footer-right {
    width: 198px;
    margin: 0px;
    float: right;
}

.bottom-footer-left, .bottom-middle-left-footer {
    line-height: 20px;
}

.content-bottom-footer div.bottom-footer-left {
    width: 231px !important;
    margin-right: 28px !important;
}

.description-filiere {
    background: #7fb262;
    min-height: 250px;
    width: 100%;
    position: absolute;
    z-index: 2;
    padding-bottom: 26px;
    display: none;
    left: 0;
}

.content-description-filiere {
    width: 1070px;
    margin: auto;
    overflow: hidden;
}

ul.sous-menu-filiere {
    background: #7fb262;
}

.sous-menu-filiere li {
    background: url(../img/bg_li_filiere.png) no-repeat left 8px;
    height: auto;
    width: 98%;
    padding-left: 16px;
}

.sous-menu-filiere li a {
    font-weight: inherit;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
    text-align: left;
    font-size: 15px;
    min-height: 19px !important;
}

.description-filiere h4 {
    display: block;
    float: left;
    font-size: 30px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 14px;
    text-shadow: 1px 1px 3px #686868;
    color: #ffffff;
}

.item-description-filiere {
    float: left;
    margin-right: 19px;
    width: 414px;
}

.item-description-filiere.last {
    margin-right: 0;
    width: auto;
    float: right;
}

.menu-filiere .emlyon-business p {
    color: #ffffff;
    margin: 0;
}

.menu-filiere .emlyon-business p:first-child {
    margin-bottom: 10px;
}

.menu-filiere .emlyon-business .item-description-filiere.last {
    color: #fff;
}

#diplome-bloc-menu {
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    border: 3px solid #fff;
    width: 400px;
    text-transform: uppercase;
}

#diplome-bloc-menu p:first-child {
    font-size: 23px;
    font-family: open_sansbold, sans-serif;
    font-weight: bold;
}

#diplome-bloc-menu p {
    color: #fff;
}

#diplome-bloc-menu p strong {
    font-weight: bold !important;
    font-family: open_sansbold, sans-serif;
}

.menu-filiere .emlyon-business .item-description-filiere:not(.last) {
    width: 600px;
}

.menu-filiere .emlyon-business .content-description-filiere {
    width: 1150px;
}

a.btn-inscription {
    background: #FFF;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 16px !important;
    padding-bottom: 2px !important;
    color: #7fb262 !important;
    margin-top: 110px;
    font-weight: 700 !important;
    font-size: 15px !important;
}

.design .btn-inscription {
    color: #ea2691 !important;
}

.executive .btn-inscription {
    color: #979797 !important;
}

.ingenierie .btn-inscription {
    color: #5f489c !important;
}

.commerce .btn-inscription {
    color: #ed5849 !important;
}

.droit .btn-inscription {
    color: #81581f !important;
}

.tourisme .btn-inscription {
    color: #72c7e7 !important;
}

.licence-pro .btn-inscription {
    color: #1b8dcc !important
}

.menu-filiere .sante a img {
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
}

.sante a:hover img {
    display: block;
}

.menu-filiere .ingenierie a img {
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
}

.ingenierie a:hover img {
    display: block;
}

.menu-filiere .commerce a img {
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
}

.commerce a:hover img {
    display: block;
}

.menu-filiere .droit a img {
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
}

.droit a:hover img {
    display: block;
}

.menu-filiere ul li a {
    min-height: 34px;
}

.menu-filiere .tourisme a img {
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
}

.tourisme a:hover img {
    display: block;
}

.menu-filiere .design a img {
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
}

.design a:hover img {
    display: block;
}

.menu-filiere .executive a img {
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
}

.executive a:hover img {
    display: block;
}

/*adaptation drupal*/
#block-menu-menu-menutopright {
    float: left;
}

.top-header .content {
    margin-top: 0px;
    width: auto;
    margin-right: 40px;
}

.top-header span {
    margin-right: 0px;
    margin-top: 10px;
    color: #fff;
    display: block;
    float: left;
}

#search-theme-form label, #search-theme-form .custom_search-popup {
    display: none;
}

#search-theme-form input[type="text"] {
    background-color: #FFFFFF;
    border: 0;
    border-radius: 5px;
    height: 27px;
    width: 221px;
    color: #00314C;
    padding-left: 11px;
    outline: none;
    margin-top: 2px;
    font: 13.3333px Arial;
}

#search-theme-form input[type="submit"] {
    background: url(../img/sub-search.png) no-repeat !important;
    text-indent: -5000px;
    border: none;
    width: 21px !important;
    height: 21px !important;
    position: absolute;
    top: 5px;
    right: 10px;
}

.buttom-header li ul {
    position: absolute;
    z-index: 1;
    top: 50px;
    display: block;
    margin: 0;
    padding: 0;
    left: -5000px;
}

.buttom-header li ul li.first a {
    background: none;
    text-indent: 0;
    padding-top: 17px;
    padding-bottom: 12px !important;
}

.buttom-header ul li:hover > ul {
    top: 58px;
    left: 0;
    opacity: 1;
}

.buttom-header ul li:hover > ul li {
    position: relative;
    font-size: 12px;
    width: 100%;
}

.buttom-header ul li:hover > ul li:hover {
    background: #035890;
}

.buttom-header li.menuparent {
    position: relative;
}

.content-buttom-header {
    width: 960px;
    margin: auto;
    font-size: 12px;
}

#header ul li ul {
    background: #006eab;
    width: 230px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.buttom-header li ul li.first a:hover {
    background: #035890;
}

#block-uic_maintenance-slide-actualites-grand-home-page .content {
    width: 631px;
    float: left;
}

#block-uic_maintenance-slide-actualites-grand-home-page {
    float: left;
}

.first-left-block.list_carousel.responsive a {
    color: black;
}

#block-uic_maintenance-vie-estudiantine-home-page .content, #block-uic_maintenance-reseaux_laureat_home_page .content {
    width: 301px;
    margin-top: 0px !important;
}

#block-uic_maintenance-vie-estudiantine-home-page, #block-uic_maintenance-reseaux_laureat_home_page {
    width: 301px;
    margin-right: 20px;
}

div#block-uic_maintenance-nous-parle-m-accueil-home-page {
    width: 301px;
}

div#block-uic_maintenance-nous-parle-m-accueil-home-page .content {
    width: 301px;
}

.content-bottom-footer div#block-menu-menu-menurightmiddlefooter .content li {
    float: none;
}

.content-bottom-footer div#block-menu-menu-menurightmiddlefooter, .content-bottom-footer div#block-menu-menu-menurightmiddlefooter div {
    width: 190px !important;
}

#block-uic_core-bloc_news_lettre .content, div#block-uic_core-bloc_news_lettre {
    position: relative;
    width: 265px;
    margin-top: 0;
}

div#block-uic_calendar-agenda_block_uic_home_page {
    width: 310px;
    height: 318px;
}

.ingenierie .description-filiere, .ingenierie .description-filiere ul {
    background: #5f489c;
}

.commerce .description-filiere, .commerce .description-filiere ul {
    background: #ed5849;
}

.droit .description-filiere, .droit .description-filiere ul {
    background: #81581f;
}

.tourisme .description-filiere, .tourisme .description-filiere ul {
    background: #72c7e7;
}

.design .description-filiere, .design .description-filiere ul {
    background: #ea2691;
}

.executive .description-filiere, .executive .description-filiere ul {
    background: #979797;
}

.emlyon-business .description-filiere, .emlyon-business .description-filiere ul {
    background: #ff0021;
}

.licence-pro .description-filiere, .licence-pro .description-filiere ul {
    background: #1b8dcc;
}

.info-news-letter {
    display: none;
    width: 50%;
    margin: auto;
    margin-left: 25px;
    margin-top: 27px;
    background: #27ae60;
    height: 29px;
    border-radius: 7px;
    color: #fff;
    text-align: center;
    padding-top: 16px;
}

.holiday {
    width: 22px;
    height: 22px;
}

.holiday a {
    background: none !important;
}

a.ui-datepicker-today {
    color: white !important;
}

.calendar-bottom {
    position: absolute;
    width: 311px;
    height: 50px;
    background-color: white;
    top: 280px;
    padding-top: 12px;
    padding-left: 13px;
    box-sizing: border-box;
}

#leftdiv-calendar span {
    font-family: 'Roboto';
    font-size: 18px;
    color: #1b8dcc;
    position: absolute;
    top: 9px;
    left: 40px;
}

#leftdiv-calendar {
    position: relative;
    width: 222px;
    float: left;
}

#righttdiv-calendar {
    position: relative;
    padding-top: 11px;
}

#righttdiv-calendar span {
    font-family: 'Roboto';
    font-size: 10px;
    color: #1b8dcc;
    position: absolute;
    top: 11px;
    right: 8px;
}

#righttdiv-calendar span a {
    font-family: 'Roboto';
    font-size: 10px;
    color: #1b8dcc;
}

.shadow-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 219px;
    z-index: 0;
}

.current-day {
    left: 5px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    width: 18px;
    text-align: center;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-bottom: 3px solide #1b8dcc !important;
}

#evenement_tag {
    position: relative !important;
}

#evenement_tag span {
    position: absolute !important;
    top: 21px !important;
    z-index: 1 !important;
    left: 666px !important;
    font-family: lato !important;
    color: #004989 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

#prev-third-right-block-bottom, #prev-first-left-block, #prev-video {
    background: url('../img/fist-slide-content-left-hover.png');
    width: 33px;
    height: 33px;
}

#next-third-right-block-bottom, #next-first-left-block, #next-video {
    background: url('../img/fist-slide-content-right-hover.png');
    width: 33px;
    height: 33px;
}

#prev-third-right-block-bottom:hover, #prev-first-left-block:hover, #prev-video:hover {
    background: url('../img/fist-slide-content-left.png');
}

#next-third-right-block-bottom:hover, #next-first-left-block:hover, #next-video:hover {
    background: url('../img/fist-slide-content-right.png');
}

#prev-video, #next-video {
    position: absolute;
    top: 123px;
}

#next-video {
    right: 0;
}

.title-slide h2 {
    height: 30px;
    overflow: hidden;
}

.title-slide p {
    height: 27px;
    overflow: hidden;
    font-weight: 300;
}

#block-menu-menu-menurightmiddlefooter a {
    text-transform: uppercase;
}

.bottom-content ul.list_carousel {
    width: 1000px !important;
}

#foo5 .caroufredsel_wrapper {
    width: 947px !important;
}

#foo4 .desc-slider {
    position: absolute;
    bottom: 12px !important;
    left: 15%;
    width: 960px;
}

.line-video {
    height: 1px;
    width: 100px;
    background-color: white;
    position: absolute;
    top: 23px;
    left: 10px;
    z-index: 1;
}

.video-desc {
    width: 301px;
    height: 81px;
    background-color: black;
    position: relative;
    margin-top: -3px;
}

#foo0 iframe {
    border: none;
}

.nos-video {
    font-family: 'Lato', sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: white !important;
    text-transform: uppercase !important;
    top: -9px;
    position: absolute;
}

.video-title {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    color: white !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    position: absolute;
    top: 27px;
    left: 0;
}

iframe {
    height: 0px;
}

.webinar-video iframe {
    height: 315px;
}

/*li.leaf{
    padding: 0px !important;
}*/
#tabs-wrapper h1, .center-content h1 {
    text-align: left;
}

body {
    background: url("../../img/bg-page.png") repeat-x scroll 1px 9px transparent !important;
}

.menu-dynamique ul.menu {
    margin-top: -10px;
    min-height: 155px !important;
    padding-top: 10px !important;
}

.bottom-footer-left li, .bottom-footer-right li, .item-description-filiere h4 {
    color: white;
}

noscript {
    display: none;
}

.first-right-block {
    position: relative;
}

/*#phplive_btn_1435831857{*/
/*display: none;*/
/*}*/
#titre_block_actualite {
    padding-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 3px solid #d8d8d8;
    width: 147px;
}

#actualite_savoir_plus {
    float: right;
}

.actualite_btns {
    text-align: center;
    color: #1783bc !important;
    text-transform: uppercase;
    text-decoration: underline !important;
}

.middle-header-right ul li a img {
    width: 20px;
    height: 20px;
}

.bottom-footer-right ul li a img {
    width: 23px;
    height: 23px;
}

/* --- home page slider */
#front-page-uic #slider {
    float: none;
    max-width: 1583px;
    margin: auto;
    max-height: 448px;
}

#front-page-uic #foo4 li {
    max-height: 448px;
}

#front-page-uic {
    background: #f8f9fa !important;
}

/* -------------------- */
.number-phone-whatsapp {
    float: right;
    padding-top: 3px;
}

.content-bottom-footer div.number-phone-whatsapp {
    float: right;
    width: 260px;
    margin-top: 10px;
}

.number-phone-whatsapp div, .number-phone-whatsapp img, .content-bottom-footer div.number-phone-whatsapp div, .content-bottom-footer div.number-phone-whatsapp img {
    float: left;
    width: auto;
    margin-right: 0px;
    border-radius: 3px;
}

.number-phone-whatsapp span, .content-bottom-footer div.number-phone-whatsapp span {
    float: left;
    margin-left: 4px;
    font-size: 12px;
    margin-top: 2px;
}
.content-bottom-footer div.number-phone-whatsapp span {
      font-size: 10px;
  }

.phone-number span {
    color: #006dab;
}

.content-bottom-footer div.phone-number span {
    color: #ffffff;
}

.whatsapp-number span, .content-bottom-footer div.whatsapp-number span {
    color: #3ad840;
}

div.number-phone-whatsapp .phone-number, .content-bottom-footer div.number-phone-whatsapp div.phone-number {
    margin-right: 10px;
}

.content-bottom-footer div.bottom-footer-right {
    width: 280px;
}

.menu-bottom-header-right a {
    width: 327px !important;
    box-sizing: border-box !important;
    padding-right: 10px !important;
    height: 58px !important;
    padding-left: 19px !important;
    background-position: right 20px center !important;
}

/*.bottom-header-right a {*/
    /*font-family: 'Roboto', sans-serif;*/
/*}*/

