@import url(https://fonts.googleapis.com/css?family=Exo);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Asap);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@font-face {
    font-family: FoundrySterling-Medium;
    src: url(fonts/FoundrySterling-Medium.ttf);
}
@font-face {
    font-family: FoundrySterling-Bold;
    src: url(fonts/FoundrySterling-Bold.ttf);
}

@font-face {
    font-family: "MyriadProB";
    src: url(fonts/MyriadPro-Bold.otf);
}
@font-face {
    font-family: "MyriadPro";
    src: url(fonts/MyriadPro-Regular.otf);
}
@font-face {
    font-family: "unispace";
    src: url(fonts/unispace-rg.ttf);
}

@import url('https://fonts.googleapis.com/css?family=Ubuntu');

@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');

.ease0-5 {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a {
    color:#555;
    text-decoration: none;
}

a:hover {
    color:#1076b6;
    text-decoration: none;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.boxElem {
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.t20{
    margin-top: 20px;
}
.t30{
    margin-top: 30px;
}

.flexContent{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.vColum{
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    flex-direction: column;
}

.flexEnd{
    justify-content: flex-end;
}


body {background: #fff; width: 100%; font-size: 12px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;}
a {color: #1075b6;}
.right_content.home{
    flex: 1;
    margin-left: 10px;
}
body:not(.home) .page_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

body .left_content {
    width: 242px;
    box-sizing: border-box;
}

.left_content .site-block {
    margin-bottom: 15px;
}

.left_content .site-block:last-child {
    margin-bottom: 0;
}

body:not(.home) .right_content {
    background: #fff;
    /* width: 875px; */
    box-sizing: border-box;
    padding: 20px 5px;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    margin-left: 20px;
    flex: 1;
}

body:not(.home) .full_width_content {
    background: #fff;
    width: 100%;
    border: 1px solid #d3d3d3;
    padding: 15px 19px 19px 19px;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.left-content .site-block{
    margin-bottom: 20px;
}

.head ul,.head li,.head ol,
.left_content ul,.left_content li,.left_content ol,
.footer ul,.footer li,.footer ol
{
    margin: 0;
    padding: 0;
}

.navResponsive{
    display: none;
}





/* Head */

#head {
    /*height: 146px;*/
}

#header{
    min-height: 90px;
    height: auto;
    align-items: center;
}
/* Head bar */
#head-bar {

    box-sizing: border-box;
    padding-top: 0px;
    background: url("images/head/bg.jpg") repeat-x bottom #ebebeb;
}



/* Header logo*/
#header_logo {
    width: 412px;
    height: 89px;
    background: url(images/shared/logo.png)  no-repeat;
    margin: 10px 0;
}

#head-bar>.wrapper{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 51px;
    align-content: flex-end;
}

#ministry_logo {
    background: url(images/head/ministry/flag.png) no-repeat left;
    font-family: 'FoundrySterling-Medium', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 12px;
    padding-left: 43px;
    margin-top: 0px;
    color: #555;
    width: 200px;
    flex: 2;
}

/* Lien Head Hover */
.headerLien{
    font:12px "FoundrySterling-Medium";
    color: #555;
    margin-left: 20px;
}
.headerLinksBloc{
    position: relative;
    margin:0 10px;
    z-index: 100;
    margin-left: 20px;
}
.headerLinksBloc .title{
    background: url(images/arrow.png) no-repeat right 5px top 10px;
    padding: 5px 25px 5px 5px;
    font:12px "FoundrySterling-Medium";
    color: #555;
    text-transform: uppercase;
    cursor: pointer;
}
.headerLinksBloc:hover .title{
    background-color: #f20000 ;
    background-image: url(images/arrow-white.png);
    color: #fff;

}
ul.subLink {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 210;
    min-width: 150px;
}

.subLink li a{
    background: #f8f8f8;
    color:#f20000;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #dedede;
}
.subLink li:last-child a{
    border-bottom: 0px;
}
.subLink li a:hover{
    background: #f20000;
    color:#f8f8f8;
    text-decoration: none;
}
.subLink li a i{
    width: 20px;
}
/*  / Lien Head Hover */

/* reseaux sociaux */
.rsHeader {
    display: flex;
    align-items: center;
    color:#555;
}
.rsHeader a {
    display: flex;
    font-size: 20px;
    text-align: center;
    color:#555;
    margin-left: 10px;
    vertical-align: middle;
}
.rsHeader a:hover {
    color: #f20000;
}


/* Header Language */
.header_lang{
    background: #f20000 !important;
    box-sizing: border-box;
    margin-left: 20px;
}
.custom-select{
    border: none !important;
    width: 70px;
    background-color: initial !important;
}
.custom-select-trigger{
    background: url(images/arrow.png) no-repeat right 10px center #ebebeb !important;
    color: #555!important;
    height: 30px;
    width: 60px;
    box-sizing: border-box;
    padding-left: 13px !important;
    padding-top: 2px !important;
    text-transform: uppercase;
    font-size: 12px;
}
.custom-select-options{
    margin: 0 !important;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}
.custom-select-options li{
    width: 48px !important;
    padding: 5px !important;
}
.custom-select-options li:hover, .custom-select-options li.selected{
    background: #f8f8f8 !important;
    color: #f20000 !important;
}

/* header cherche */
#header_search:focus {
    background-position: 116px 50%;
    background-color: #fff;
    color: #e61c29;
    width:150px;
    font-size:12px;
    padding-left:10px;
    padding-right:40px;
    box-sizing: border-box;
}

#header_search {
    background: url(images/header/search_btn.png) no-repeat right;
    height: 27px;
    width: 30px;
    line-height: 46px;
    top: 0;
    right: 0;
    font-size: 0;
    border:none;
    margin-left: 10px;
}


/* Header Logo & nav */
#head #header.flexContent{
    align-items: center;
}

#head #header .optionHeader{
    height:80px
}
#head #header .optionHeader .flexContent{justify-content: flex-end;}

#header_links {margin-right: 15px;}
#header_links a, #header_links div{display: inline-block;vertical-align: top;zoom: 1; *display: inline; height: 11px}
#header_links .home_link { background: url('images/shared/header_menu_home.png'); width: 12px;}
#header_links .sep { background: url('images/shared/header_menu_sep.png'); width: 2px; }
#header_links .sitemap_link { background: url('images/shared/header_menu_sitemap.png'); width: 15px; }

#header_lang li{display: inline-block;vertical-align: top;zoom: 1; *display: inline; height: 20px}
#header_lang .AR { background: url('images/shared/l_lang_ar.png'); width: 20px; }
#header_lang .FR { background: url('images/shared/l_lang_fr.png'); width: 20px; }
#header_lang .EN { background: url('images/shared/l_lang_en.png'); width: 20px; }

#header_sn span {color: #1176b6; font-weight: bold; font-size: 10px}
#header_sn a {display: inline-block;vertical-align: top;zoom: 1; *display: inline; height: 23px;}
#header_sn .facebook {background: url('images/shared/sn_header_fb.png'); width: 22px; margin-left: 7px;}
#header_sn .twitter {background: url('images/shared/sn_header_twitter.png'); width: 22px;}
#header_sn .google {background: url('images/shared/sn_header_google.png'); width: 20px;}

#header_sn .facebook:hover {background: url('images/shared/sn_header_fb_hover.png');}
#header_sn .twitter:hover {background: url('images/shared/sn_header_twitter_hover.png');}
#header_sn .google:hover {background: url('images/shared/sn_header_google_hover.png'); }

#header_search {background: url('images/shared/search_input.png') no-repeat; border: 0px; height: 30px; width: 180px;box-shadow: none;
    font-family: arial;
    font-size: 12px;
    padding-left: 25px;
    padding-top: 2px;padding-right: 15px; margin-left: 30px;}
#header_search, #header_search::-webkit-input-placeholder
, #header_search:-ms-input-placeholder
, #header_search:-moz-placeholder
, #header_search::-moz-placeholder {color: #1176b6;}


.page .title, .latest_update .title, .newsletter .title, .nav .l1, .intranet .login .title, .pratique .title span, .home .latest .event_title span, .home .news .title
{font-family: 'Ubuntu Condensed', sans-serif;}

/* Menu */
.nav {

}

.menuTop{
    background: #ebebe9;
    height: 37px;
}
#menu_home_btn {
    background: url(images/shared/menu/menu_home.png) no-repeat 0px;
    width: 25px;
    height: 30px;
    position: absolute;
    z-index: 999999;
    border-right: 1px solid #ebebeb;
}
#menu {background: #ebebe9; height: 37px;}
.nav {margin-bottom:0px; background: none; position: relative; z-index: 9999}
.nav .sf-menu li, .nav  .sf-navbar li{background:none; color:#fff;}
.sf-menu>li a {width: auto; font-size:12px;  padding-left:15px; padding-right:15px !important;}
.nav a {border-left: 8px solid green; color: #1076b6;}
.sf-menu a, .sf-menu a:visited {color: #1076b6;}
.sf-menu a:hover, .sfHover {background: #fff !important; text-decoration: none;}
.nav .l2 a, .nav .l3 a, .nav .l4 a{color: #727476;}
.nav .l2 a:hover, .nav .l3 a:hover, .nav .l4 a:hover{color: #1076b6;}
.l2,.l3,.l4 {-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; padding-bottom: 0px !important; width: 200px !important}
.nav .l3 {margin-left: 80px}
.nav .l4 {margin-left: 80px}
.sf-menu>li:nth-child(1) a{border-color: #52aadf;}
.sf-menu>li:nth-child(2) a{border-color: #1176b6;}
.sf-menu>li:nth-child(3) a{border-color: #faa62b;}
.sf-menu>li:nth-child(4) a{border-color: #574ea1;}
.sf-menu>li:nth-child(5) a{border-color: #868a8b;}
.sf-menu>li:nth-child(6) a{border-color: #448c41;}
.sf-menu>li:nth-child(7) a{border-color: #b43125;}
.sf-menu>li:nth-child(8) a{border-color: #e0e034;}
.sf-menu>li:nth-child(9) a{border-color: #e03470;}

.sf-menu>li:nth-child(1) ul li a:hover{background: #52aadf !important;}
.sf-menu>li:nth-child(2) ul li a:hover{background: #1176b6 !important;}
.sf-menu>li:nth-child(3) ul li a:hover{background: #faa62b !important;}
.sf-menu>li:nth-child(4) ul li a:hover{background: #574ea1 !important;}
.sf-menu>li:nth-child(5) ul li a:hover{background: #868a8b !important;}
.sf-menu>li:nth-child(6) ul li a:hover{background: #448c41 !important;}
.sf-menu>li:nth-child(7) ul li a:hover{background: #b43125 !important;}
.sf-menu>li:nth-child(8) ul li a:hover{background: #e0e034 !important;}
.sf-menu>li:nth-child(9) ul li a:hover{background: #e03470 !important;}

.sf-menu>li ul {background: #fff; padding-right:0px}
.sf-menu>li ul a:hover{color: #fff !important}
.sf-menu>li ul a { border-bottom:1px dotted; font-size:12px}
/* Slider Home */

/* Lien Pratique */

.pratique .front-box-title{background-image: url('images/shared/bi_pratique.png'); padding-left: 30px}
.pratique .title span{background:#ffffff; padding:0 8px; }
.pratique .links {position:relative; left:13px; line-height:26px; font-size:15px; padding-left:35px; padding-top:0; margin-bottom:6px;background-position: left center; background-repeat: no-repeat;}
.pratique .links:hover {background-color: #1075b6;margin-left: -23px;width: 183px;padding-left: 58px;background-position: 25px; }
.pratique .links a{color:#2c84be;}
.pratique .links:hover a{color:#fff; text-decoration: none;}
.pratique .access {background-image:url(images/shared/pratique_access.png); }
.pratique .contact {background-image:url(images/shared/pratique_contact.png); }
.pratique .annuaire {background-image:url(images/shared/pratique_annuaire.png); }
.pratique .media {background-image:url(images/shared/pratique_media.png); }
.pratique .teachers {background-image:url(images/shared/pratique_teachers.png); }
.pratique .jobs {background-image:url(images/shared/pratique_jobs.png); }
.pratique .downloads {background-image:url(images/shared/pratique_download.png); }
.pratique .access:hover {background-image:url(images/shared/pratique_access_hover.png); }
.pratique .contact:hover {background-image:url(images/shared/pratique_contact_hover.png); }
.pratique .annuaire:hover {background-image:url(images/shared/pratique_annuaire_hover.png); }
.pratique .media:hover {background-image:url(images/shared/pratique_media_hover.png); }
.pratique .teachers:hover {background-image:url(images/shared/pratique_teachers_hover.png); }
.pratique .jobs:hover {background-image:url(images/shared/pratique_jobs_hover.png); }
.pratique .downloads:hover {background-image:url(images/shared/pratique_download_hover.png); }
.pratique .last {margin-bottom: 18px;}

.front-box {
    border: 1px solid #cfd1d0;
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
}



#front-quicklinks a {color: #fff; font-size: 14px;}


#front-quicklinks div{ background-color: #1075b6;background-repeat: no-repeat;margin-bottom: 10px;padding: 10px 5px 10px 35px;background-position: 10px;transition:all 0.5s ease}
#front-quicklinks .fq-gallery{ background-image: url('images/shared/link_gallery.png'); }
#front-quicklinks .fq-online_course{ background-image: url('images/shared/link_online_course.png'); }
#front-quicklinks .fq-master{ background-image: url('images/shared/link_master.png'); }
#front-quicklinks div:hover{
    background-color:#ebebe9;
    color:#1075b6;
}

.newsletter {}
.newsletter .title{background:url(../images/widget/newsletter/icon.png) no-repeat; padding-left: 30px}
#newsletterForm form{margin: 0px;padding: 0px;display: flex;flex-direction: column;}
#newsletterForm form input {
    border: 1px solid #1076b6;
    border-bottom: 1px solid #1076b6;
    margin-left: 1px;
    color: #1076b6;
    border-radius: 4px;
    line-height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
}
#newsletterForm form input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #1076b6;
}
#newsletterForm form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #1076b6;
}
#newsletterForm form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #1076b6;
}
#newsletterForm form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #1076b6;
}
/* Identity*/
.sliderHomeCoontent{
    position: relative;
}
.sliderHomeCoontent .identitys{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    margin-left: auto;
    margin-right: auto;
    z-index:50;
}
.identitys .identity{
    position: absolute;
    right: 40px;
    top:30px;
    width: 440px;
    height: 250px;
    display: flex;
}
.identitys a{
    color:inherit;
}

.iconElems{
    position: relative;
}
.welcom_institut{
    font: 18px "FoundrySterling-Medium";
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    top: 70px;
    width: 150px;
    text-align: center;
}
.identityTitile{
    font:24px "FoundrySterling-Medium";
    color:#fff;
    position: absolute;
    top:120px;
    width:150px;
    text-align: center;
    text-transform: uppercase;
}
.iconElems .iconElem{
    position: absolute;
    height:71px;
    width:93px;
    cursor: pointer;
}

.iconElems .iconElem:nth-child(1){
    left:100px;
    background: url(images/shared/identity/etu.png) no-repeat,
    url(images/shared/identity/elem.png) no-repeat;
}
.iconElems .iconElem:nth-child(1):hover,
.iconElems .iconElem:nth-child(1).active{
    background: url(images/shared/identity/etu-hover.png) no-repeat,
    url(images/shared/identity/elem-hover.png) no-repeat;
}

.iconElems .iconElem:nth-child(2){
    left: 153px;
    top: 51px;
    background: url(images/shared/identity/ens.png) no-repeat,
    url(images/shared/identity/elem.png) no-repeat;
}
.iconElems .iconElem:nth-child(2):hover,
.iconElems .iconElem:nth-child(2).active{
    background: url(images/shared/identity/ens-hover.png) no-repeat,
    url(images/shared/identity/elem-hover.png) no-repeat;
}

.iconElems .iconElem:nth-child(3){
    top: 120px;
    left: 112px;
    background: url(images/shared/identity/entreprise.png) no-repeat,
    url(images/shared/identity/elem.png) no-repeat;
}
.iconElems .iconElem:nth-child(3):hover,
.iconElems .iconElem.active:nth-child(3){
    background: url(images/shared/identity/entreprise-hover.png) no-repeat,
    url(images/shared/identity/elem-hover.png) no-repeat;
}


.iconElems .iconElem[data-sublink="3"]{
    background: url(images/shared/identity/etu.png) no-repeat,
    url(images/shared/identity/elem.png) no-repeat;
}

.iconElems .iconElem[data-sublink="2"]{
    background: url(images/shared/identity/ens.png) no-repeat,
    url(images/shared/identity/elem.png) no-repeat;
}

.iconElems .iconElem[data-sublink="4"]{
    background: url(images/shared/identity/entreprise.png) no-repeat,
    url(images/shared/identity/elem.png) no-repeat;
}

.iconElems .iconElem[data-sublink="3"].active,
.iconElems .iconElem[data-sublink="3"]:hover{
    background: url(images/shared/identity/etu-hover.png) no-repeat,
    url(images/shared/identity/elem-hover.png) no-repeat;
}

.iconElems .iconElem[data-sublink="2"].active,
.iconElems .iconElem[data-sublink="2"]:hover{
    background: url(images/shared/identity/ens-hover.png) no-repeat,
    url(images/shared/identity/elem-hover.png) no-repeat;
}

.iconElems .iconElem[data-sublink="4"].active,
.iconElems .iconElem[data-sublink="4"]:hover{
    background: url(images/shared/identity/entreprise-hover.png) no-repeat,
    url(images/shared/identity/elem-hover.png) no-repeat;
}

.identitys .identity .elementsIdentity{
    display: none;
    position: absolute;
    left: 190px;
    top:70px;
}
/*.identitys .identity .elementsIdentity:nth-child(1){
    left: 190px;
    top:25px;
}
.identitys .identity .elementsIdentity:nth-child(3){
    left: 138px;
    top:145px;
}*/
.identitys .identity .elementsIdentity .titleIdentity{

}

.identitys .identity .elementsIdentity .titleBlockIndentity{
    background: url(images/shared/identity/title.png) no-repeat right top;
    font: 18px/33px "FoundrySterling-Bold";
    text-transform: uppercase;
    color: #f20000;
    padding-left: 20px;
    width: 190px;
    margin-left: -10px;
}
.identitys .identity .subLinkIdentity{
    background: #ebebeb;
    border-top:5px solid #f20000;
    font: 12px "FoundrySterling-Medium";
    text-transform: uppercase;
    color:#555;
    width: 160px;
    box-sizing: border-box;
    margin-left: 20px;
    padding: 0;
}
.identitys .identity .subLinkIdentity li{
    height: 28px;
    padding-left: 10px;
    line-height: 28px;
    overflow: hidden;
    transition: all 0.5s ease;
}
.identitys .identity .subLinkIdentity li:hover{
    padding-left: 15px;
    color:#f20000;
}


/* Actualites */
.actuBox{
    margin: 20px 0px;
    width: 1175px;
}



.actuBox .title{
    font:21px "FoundrySterling-Bold";
    color: #555;
    text-transform: uppercase;
    margin: 20px 0;
    text-align: center;
}

.actuBox  .item{
    width: 270px;
    height: 251px;

}
.actuBox .item .thumb{
    height: 144px;
    width: 270px;
    overflow: hidden;
    border-top: 5px solid #ffc20f;
}
.actuBox .item:hover .thumb{
    border-color:#f20000;
}
.actuBox .item .thumb img{
    width: 270px;
    transition: all 0.2s ease;
}
.actuBox .item:hover .thumb img{
    width: 300px;
    scale:1.1;
}
.actuBox .item .titleItem{
    font:14px/18px "FoundrySterling-Bold";
    text-transform: uppercase;
    margin-top:20px;
    max-height:35px;
    overflow:hidden;
}
.actuBox .item:hover .titleItem>a{
    color:#f20000;
}

.actuBox .boxRead{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.actuBox .box-read-more{
    position: relative;
}
.actuBox .box-read-more a{
    padding: 10px 20px;
    text-transform: uppercase;
    font:11px "FoundrySterling-Medium";
    background: #ebebeb;
}
.actuBox .box-read-more .iconRead{
    position:absolute;
    top: -16px;
    left: -7px;
    width: 12px;
    height: 16px;
    background: url(images/icon-read.png) no-repeat;
}

.actuBox .owl-carousel .owl-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Formations   */

.bgGray{
    background: #ebebeb;
    padding: 40px 0;
}
.formation a{
    color:inherit;
    font:inherit;
    width: 100%;
}
.formation .title{
    margin: 0 auto;
    font:21px "FoundrySterling-Bold";
    text-transform: uppercase;
    color:#f20000;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.formation .elementsFormation{
    flex-wrap: nowrap;
}


.formation .elementsFormation .elem{
    background: #fff;
    height: 35px;
    color:#555;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 15px;
    line-height: 35px;
    transition: all 0.5s ease;
    margin: 0 20px;
}
.formation .elementsFormation .elem:hover{
    color: #fff;
    background: #555;
}
.formation .elementsFormation .elem span{
    background: #f20000;
    height: 35px;
    width: 35px;
    display: block;
    color:#fff;
    font-size: 18px;
    line-height: 35px;
    box-sizing: border-box;
    text-align: center;
}

/* Manifestation */

.manifBox{
    width: 774px;
    margin: 20px 0;
}
.manifBox a{
    color: inherit;
    font-size: inherit;
}
.manifBox .title{
    text-transform: uppercase;
    color:#555;
    font:21px "FoundrySterling-Bold";
    margin-bottom: 30px;
}

.manifBox .body .item{
    width: 170px;
    height: 250px;
    background: #555;
    position: relative;
    transition: all 0.5s ease;
}

.manifBox .body .item:hover{
    background: #16c1f3;
}
.manifBox .body .item:hover a{
    color: #fff;
}
.manifBox .item .thumb{
    width:170px;
    height:167px;
    position:relative;
}
.manifBox .item .thumb img{
    width:170px;
    min-height: 167px;
}
.manifBox .item .articleItem{
    position: absolute;
    color:#fff;
    font:14px "FoundrySterling-Bold";
    text-transform: uppercase;
    bottom:-3px;
    min-height:81px;
    padding:10px;
    background:rgba(85, 85, 85, 0.5);
}
.manifBox .item:hover .articleItem{
    background:rgba(22, 193, 243, 0.5);
}
.manifBox .item .descItem{
    padding: 10px;
    height: 78px;
    color: #fff;
    overflow: hidden;
    box-sizing: border-box;
}
.manifBox .item .descItem *{
    margin: 0;
    padding: 0;
}

.manifBox .box-read-more a{
    font: 11px "FoundrySterling-Medium";
    text-transform: uppercase;
    background: url(images/read-more.png) no-repeat right #f20000;
    padding: 0px 20px 0 10px;
    margin-top: 20px;
    color: #fff;
    transition: all 0.5s ease;
}
.manifBox .box-read-more:hover a{
    color: #f20000;
    background: url(images/arrow-red.png) no-repeat right;

}

/* Agenda Calandar*/

.agenda .title{
    text-transform: uppercase;
    color: #555;
    font: 21px "FoundrySterling-Bold";
    margin-bottom: 20px;
    margin-top: 20px;
}
.home .agenda .ui-widget-content{
    border: 0px !important;
}
.home .agenda .ui-widget-header{
    border:none !important;
    background: none !important;
}
.home .agenda .ui-datepicker .ui-datepicker-title{
    background: #f20000 !important;
    color:#fff;
    height: 30px;
    line-height: 30px;
}
.home .agenda .ui-datepicker .ui-datepicker-prev span,
.home .agenda .ui-datepicker .ui-datepicker-next span{
    background: none !important;
}
.home .agenda .ui-datepicker .ui-datepicker-prev{
    background: url("images/direction-date.png") no-repeat left top !important;
}
.home .agenda .ui-datepicker .ui-datepicker-next{
    background: url("images/direction-date.png") no-repeat right top !important;
}
.home .agenda .ui-datepicker .ui-datepicker-prev:hover{
    background-position:  left bottom !important;
}
.home .agenda .ui-datepicker .ui-datepicker-next:hover{
    background-position:  right bottom !important;
}
.home .agenda .ui-datepicker .ui-datepicker-prev,
.home .agenda .ui-datepicker .ui-datepicker-next{
    height: 30px !important;
    width: 30px !important;
    margin: 1px -7px;
    transition: all 0.5s ease;
}

.home .agenda .ui-corner-all,
.home .agenda .ui-corner-bottom,
.home .agenda .ui-corner-right,
.home .agenda .ui-corner-br{
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    border-radius: 0px !important;
}

.home .agenda .ui-state-default,
.home .agenda .ui-widget-content .ui-state-default,
.home .agenda .ui-widget-header .ui-state-default {
    border: none !important;
    padding: 5px;
    text-align: center !important;
    height: 30px !important;
    width: 30px !important;
}

.home .agenda a.ui-state-default {
    background: url("images/date-decoration.png") no-repeat right top  #e6e5df !important;
    box-sizing: border-box;

}
.home .agenda a.ui-state-hover {
    background: url("images/date-decoration.png") no-repeat right top  #f20000 !important;
    color:#fff;
    box-sizing: border-box;

}
.home .agenda a.ui-state-default.ui-state-highlight.ui-state-active{
    background: url("images/date-decoration-hover.png") no-repeat right top  #f20000 !important;
    color:#fff;
}

.home .agenda .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #f20000 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fff !important;
    background-color: #fff;
}

#front_calendar .ui-datepicker {
    width: 244px !important;
    margin-left: 9px;
}

/* Detail Institut */
.detailInstitut{
    margin: 40px 0;
}
.detailInstitut .title{
    align-self: center;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-family: Roboto;
    font-weight: bold;
}
.detailInstitut .elemDetails{
    display: flex;
    justify-content: space-around;
}
.detailInstitut .elemDetail{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.detailInstitut .elemDetail .detailContent{
    text-align: center;
    font-size: 14px;
}
.detailInstitut .elemDetail .detailContent span{
    display: block;
    font-size:30px;
}
.detailInstitut .elemDetail:nth-child(1) span{ color:#ffc20e;}
.detailInstitut .elemDetail:nth-child(2) span{ color:#16c1f3;}
.detailInstitut .elemDetail:nth-child(3) span{ color:#ef4d6e;}
.detailInstitut .elemDetail:nth-child(4) span{ color:#18b68e;}

/* Left Content Login */

.login-box .intranet .front-box-title{background-image: url('images/intranet-login-box/bi_intranet.png');padding-left: 30px;}
.login-box .intranet .login-input, .intranet .password {background-repeat: no-repeat;border: none;width: 208px;height: 30px;padding-top: 0px;/* padding-right: 10px; */}
.login-box .intranet .login-input {background-image: url('images/intranet-login-box/input_bg_login.png'); padding-left: 60px; width: 138px;}
.login-box .intranet .password {background-image: url('images/intranet-login-box/input_bg_pwd.png'); padding-left: 92px; width: 106px;}
.login-box .intranet .login-label, .intranet .pwd-label {color: #fff; font-size: 10px; position: absolute; margin-top: 6px; margin-left: 5px}
.login-box .intranet a.forgot {color: #606465; text-decoration: underline; position: absolute;}
.login-box .intranet .submit-login {margin-left: 145px;}



.front-box-title {
    border-bottom: 1px solid #1076b6;
    padding-bottom: 7px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
}



/* Inder Slider Home */
.slider.nivoSlider{
    /* display: none;*/
}

/* Tools */

.tools{
    background: url(images/head/bg.jpg) repeat-x top;
    /* margin: 20px 0; */
}
.tools .elemTools{
    height: 80px;
    background: url(images/shared/tools-contact.png) no-repeat top;
    padding-top: 50px;
    margin-top: 20px;
    box-sizing: border-box;
    flex:1;
    text-align: center;
    font:14px "FoundrySterling-Medium";
    text-transform: uppercase;
    transition: all 0.5s ease;
}

.tools .toolsContact{
    background-image: url(images/shared/tools-contact.png);
}
.tools .toolsVirtuel {
    background-image: url(images/shared/tools-virtuel.png);
}
.tools .toolsGalerie{
    background-image: url(images/shared/tools-galerie.png);
}
.tools .toolsInscription{
    background-image: url(images/shared/tools-inscription.png);
}
.tools .elemTools a{
    color:inherit;

}

.tools .elemTools:hover{
    transform: scale(1.05);
    color: #f20000;
}


/* Echo Etudiants */
.echoEtudiant{
    width: 270px;
}
.echoEtudiant a{
    color:inherit;
}
.echoEtudiant .title{
    font:21px "FoundrySterling-Bold";
    text-transform: uppercase;
    margin-bottom: 20px;
}

.echoEtudiant .body .item{
    width: 270px;
    background: #555;
    position: relative;
}

.echoEtudiant .body .item:hover{
    background: #16c1f3;
}
.echoEtudiant .body .item:hover a{
    color: #fff;
}
.echoEtudiant .item .thumb{
    width:270px;
    height:171px;
    position:relative;
    overflow: hidden;
}
.echoEtudiant .item .thumb img{
    height: 171px;
    min-width: 270px;
}
.echoEtudiant .item .articleItem{
    position: absolute;
    color:#fff;
    font:14px "FoundrySterling-Bold";
    text-transform: uppercase;
    bottom:-3px;
    min-height:81px;
    padding:10px;
    background:rgba(85, 85, 85, 0.5);
}
.echoEtudiant .item:hover .articleItem{
    background:rgba(22, 193, 243, 0.5);
}
.echoEtudiant .item .descItem{
    padding: 10px;
    max-height: 50px;
    height: auto;
    color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    background: #555;
}
.echoEtudiant .item .descItem *{
    margin: 0;
    padding: 0;
}

.echoEtudiant .body{
    margin-bottom: 10px;
}

.echoEtudiant .box-read-more a{
    font: 11px "FoundrySterling-Medium";
    text-transform: uppercase;
    background: url(images/read-more.png) no-repeat right #f20000;
    padding: 0px 20px 0 10px;
    margin-top: 20px;
    color: #fff;
    transition: all 0.5s ease;
}
.echoEtudiant .box-read-more:hover a{
    padding-left: 30px;

}

.left_content .echoEtudiant .item .articleItem{
    min-width: 270px;
}


/* Banner */
#box-master{
    width: 240px;
    height: 134px;
    background: url(images/banners/banner_master.png) no-repeat,url(images/banners/banner_master-hover.png) no-repeat;
    background-size: cover;
    transition: all 0.5s ease;
}
#box-master:hover{
    background: url(images/banners/banner_master-hover.png) no-repeat,url(images/banners/banner_master.png) no-repeat;
    background-size: cover;
    transform: scale(1.05);
}

#box-docs{
    width: 240px;
    height: 134px;
    background: url(images/banners/banner_docs.png) no-repeat,url(images/banners/banner_docs-hover.png) no-repeat;
    background-size: cover;
    transition: all 0.5s ease;
}
#box-docs:hover{
    background: url(images/banners/banner_docs-hover.png) no-repeat,url(images/banners/banner_docs.png) no-repeat;
    background-size: cover;
    transform: scale(1.05);
}

#box-cours{
    width: 240px;
    height: 134px;
    background: url(images/banners/banner_cours.png) no-repeat,url(images/banners/banner_cours-hover.png) no-repeat;
    background-size: cover;
    transition: all 0.5s ease;
    overflow: hidden;
}
#box-cours:hover{
    background: url(images/banners/banner_cours-hover.png) no-repeat,url(images/banners/banner_cours.png) no-repeat;
    background-size: cover;
    transform: scale(1.05);
}
#box-apq{
    transition: all 0.5s ease;
}
#box-apq:hover{
    transform: scale(1.05);
}

#box-appel-offre{
    width: 240px;
    height: 134px;
    background: url(images/banners/banner_appel_offre.png) no-repeat,url(images/banners/banner_appel_offre-hover.png) no-repeat;
    background-size: cover;
    transition: all 0.5s ease;
}
#box-appel-offre:hover{
    background: url(images/banners/banner_appel_offre-hover.png) no-repeat,url(images/banners/banner_appel_offre.png) no-repeat;
    background-size: cover;
    transform: scale(1.05);
}


.bannerHome a{
    margin:20px 0;
}
/* Home News */

.news .front-box-title {background-image: url('images/home/bi_news.png');padding-left: 30px;margin-bottom: 0;}
.home .news {/* width:407px; */margin-right:8px;/* padding-left:10px; *//* padding-right:10px; *//*background: #e8e8e8;padding-left:20px;*/flex: 1;/* margin: 10px; */}

.home .news .article .article_title {color: #606465; background: url('images/home/news_bullet.png') 0px 50% no-repeat; padding-left: 10px;width: 380px;}
.home .news .article {border-bottom: 1px solid #606465; padding: 15px 0px; background-repeat: no-repeat; cursor: pointer;}
.home .news .article.plus {background-image: url('images/home/news_plus.png'); background-position: right center;}
.home .news .article.minus {background-image: url('images/home/news_minus.png'); background-position: right 20px;}
.home .news .article .description {display: none;}
.home .news .article .description .desc-content {margin-top:10px; min-height:40px;}
.home .news .article .article_link {color: #1075b6; background: url('images/home/news_more_bullet.png') no-repeat 0px 50%; padding-left: 10px;}
.home .news .article .article_link:hover {color:#4ab0ef }



/* Home Mini Slide */

#home_mini_slider {width: 100%;display: flex;justify-content: space-between;}
#home_mini_slider>ul {height:148px;flex: 1;}
#home_mini_slider ul,#home_mini_slider li{
    margin:0;
    padding:0;
}
#home_mini_slider>ul li {cursor:pointer;background:#1076b6;margin:0px;padding: 10px 15px;color:#fff;height:29px;border-bottom:1px solid #fff;line-height:29px;position: relative;}
#home_mini_slider .mini-slide-links{/* float:right; *//* position: absolute; *//* right: 0; */}
#home_mini_slider .mini-slide-links ul{background: url('images/home/mini-slide-links-bg.png');position:absolute;margin-top: -148px;width: 160px;padding-left:20px;margin-left: 105px;height:143px;padding-top:5px;padding-right: 5px;}
#home_mini_slider .mini-slide-links ul li {margin:0px;padding:0px; margin-top:3px;}
#home_mini_slider .mini-slide-links ul a {color:#fff}
#home_mini_slider .mini-slide-links ul a:hover {color:#1076b6}
#home_mini_slider .mini-slide-visible {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 13px 0 13px 14px;
    border-color: transparent transparent transparent #1076b6;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #1076b6;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position:absolute;
    right: -14px;
    margin-top:-28px;
}

/* Last News */
.home .latest {width:260px;text-align: left;}
.home .latest .events_container, .left_content .events_container{font-size:11px; border:1px solid #8c97ad; -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; padding:4px; margin-top:8px;}
.home .latest .event_title, .left_content .event_title {color: #9ea7b9; font-size: 16px; font-weight: bold; position:relative; top:-14px; left:18px;}
.home .latest .event_title span, .left_content .event_title span{color:#8c97ad; background:#ffffff url(../images/home/events_title.png) left center no-repeat; padding:0 8px 0 24px; }
.left_content .event_title span{font-size: 14px !important}
.home .latest .event_item { padding-left:4px; margin-bottom:4px;}
.home .latest .event_item .event_date {text-align:center;background:url(../images/home/event_date.png) top left no-repeat; width:44px; height:49px; float:left; position:relative;}
.home .latest .event_item .event_month {text-transform: uppercase; color:#fff; font-size:10px; font-weight:bold; line-height:15px;}
.home .latest .event_item .event_day {font-size:18px; margin-top: 5px;}
.home .latest .event_item .event_description {float:right;width:171px; line-height:11px; text-align: justify; margin-top:0; margin-right:5px;}
.home .latest .event_item .event_description span {color: #8c97ad; font-weight: bold; display:block;}

.latest_update {margin-bottom:8px;width: 100%;box-sizing: border-box;}
.latest_update .front-box-title{background:url(images/home/bi_latest_updates.png) no-repeat; padding-left: 30px}
.latest_update .update_item{background:url('images/home/news_more_bullet.png') no-repeat left 7px;padding-left: 10px;margin-bottom: 15px;}
.latest_update .update_item span{display: block;}
.latest_update .update_item span a{color:#606465; font-size: 12px}
.latest_update .update_item span a:hover{color:#7d8182; text-decoration: none}
.latest_update .update_link {float:right;margin-right: -5px; margin-top: -20px; background:url('images/home/news_more_bullet.png') no-repeat left 5px; padding-left: 8px}
.latest_update .update_link a{color: #1076b6; font-size: 10px}
.latest_update .update_link a:hover{color: #4ab0ef}
.latest_update .update_date {font-size: 10px; color: #1076b6}

.latest_update .view_all{ color:#929698; text-align:right; font-size:10px;}
.latest_update .view_all span{ color:#cccccc; font-weight:bold; font-size:24px; padding-top:4px; left:0; top:3px; position:relative;}
.latest_update .view_all a{ color:#929698;}

.inscription_tn{
    background-color: #1075b6;
    margin-bottom: 10px;
    padding: 0px 15px;
    display: block;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    transition:all 0.5s ease;
}
.inscription_tn i{
    color:#fff;
    font-size: 17px;
    padding-right:5px
}
.inscription_tn:hover{
    color:#1075b6;
    background:#ebebe9;
}
/* Social */

#socialNetShare{margin-top:20px}
#socialNetShare .fb-like{}
#socialNetShare .twitter-share-button{margin-left:35px}
#socialNetShare .g-plus{}

.more_special {float:right; padding:4px 8px !important; font-size:10px !important;border:1px solid !important;}
a.more_special {text-shadow: none !important; font-weight: normal;}
a.more_special:hover {text-decoration:none; }

.more_special.blue {background-color:#016cb4 !important;color:#fff !important;border-color: #0370C4 !important;}
.more_special.blue:hover {background-color:#fff !important;color: #016cb4 !important;}

.more_special.grey {background-color:#8ab127 !important;color:#fff !important;border-color: #7a9c23 !important;}
.more_special.grey:hover {background-color:#fff !important;color: #8ab127 !important;}


.front-box-title .title {color: #1076b6; font-weight: bold; font-size: 14px}

.intranet .front-box-title{background-image: url('images/intranet-login-box/bi_intranet.png'); padding-left: 30px}
.intranet .login-input, .intranet .password {background-repeat: no-repeat;border: none;height: 30px;padding-top: 0px;border-radius: 18px;background-color: #ebebe9;margin-bottom: 8px;}
.intranet .login-input {background-image: url('images/intranet-login-box/input_bg_login.png');padding-left: 50px;width: 100%;box-sizing: border-box;}
.intranet .password {background-image: url('images/intranet-login-box/input_bg_login.png');padding-left: 50px;width: 100%;box-sizing: border-box;}
.intranet .login-label, .intranet .pwd-label {color: #fff;font-size: 14px;position: absolute;margin-top: 6px;margin-left: 20px;}
.intranet a.forgot {color: #606465;text-decoration: underline;display: block;margin: 5px;}
.intranet .submit-login {display: block;width: 100%;font-size: 13px;}

.rounded-button {border:none;background: #1076b6;color: #fff;font-size: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 17px;padding: 5px;}
.rounded-button:hover {background: #1390de; cursor: pointer; color: #fff}

.goTop {background: url('images/shared/up.png') no-repeat; width: 31px; height: 28px;float: right; margin-top: -15px;}

body:not(.intranet) #widget_intranet {
    border : none !important;
}

body:not(.intranet) .logged .title-label {
    font-size: 16px;
    font-weight: bold;
}
body:not(.intranet) .logged a.welcome_user{
    margin:10px 0;
    display:block;
    background:aliceblue;
    padding:5px;
    border-radius:5px;
    border:1px solid;
    transition:all 0.5s ease;
}
body:not(.intranet) .logged a.welcome_user:before{
    font-family:"FontAwesome";
    content: "\f058";
    padding-right: 10px;
}
body:not(.intranet) .logged a.welcome_user:hover{
    background:#1075b6;
    color:#fff;
}

/* -----------------------------------------
   Slider Styles
----------------------------------------- */
.nivoSlider {top: -11px}
.front-box.no-border {
    border: none;
}


/* Google Maps*/
#home_map{
    position:relative;
    margin-bottom: -20px;
}
.map-contact{
    position: relative;
}
#home_map #map{
    height: 300px;
}

.adresse_contact{
    width: 290px;
    height: 273px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 223, 226, 230 );
    background-color: rgb( 255, 255, 255 );
    opacity: 0.8;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top:10px;
    z-index: 1;
    text-align: center;
    box-sizing: border-box;
    padding-top: 20px;
}

.adresse_contact div{
    margin-bottom: 10px;
}
.adresse_contact span{
    font-weight: bold;
    text-transform: uppercase;
}

/* footer */
.footer {background: #ebebe9;position:relative; font-size:11px; border-top: 1px solid #b2b1b5; margin-top: 20px;}
.footer .copyright {background:#fff; width: 100%; text-align: center; color: #16538d; font-size: 12px; padding: 8px 0px 15px 0px}
.footer .container{background:url(images/shared/footer_bg.png) top left no-repeat;height:201px; padding-top: 15px;}
.footer .one {width:auto;margin-left:15px;}
.footer ul li {border-bottom: 1px solid rgba(16, 118, 182, 0.21);box-sizing: border-box; transition:all 0.5s ease}
.footer ul li:last-child {border-bottom: none}
.footer ul li a {color: #16538d; transition:all 0.5s ease; padding:5px 10px; display:block}
.footer ul li a:hover{background:#16538d;padding:5px 10px;color:#fff}
.footer .first {font-weight: bold;font-size: 13px;margin-bottom: 10px;border-bottom: 1px solid #1076b6;color: #16538d;margin-top: 20px;}
.footer .first a {color: #16538d; text-decoration: none;}
.footer .first a:hover {color: #1c6bb5;}
.footer .columns:last-child {float: none; display:inline-block; }
.footer .mapView {background: url('images/shared/footer_map.png'); width: 166px; height: 84px}
.footer .contact li {border: none; padding: 0px; margin: 0px; margin-bottom: 5px; text-align: center;}
.footer .contact .first {border-bottom: 1px solid #1076b6;text-align: left;margin-top: 20px;}


/* / footer */


.version_mobile{
    display: block;
    margin: 0 auto;
    background: #ec7400;
    color: #fff;
    text-align: center;
    padding: 8px;
    cursor: pointer;
}

.sponsors-section {
    margin-top: 25px;
}

.slicknav_menu {
    display:none;
}

@media screen and (max-width: 1000px) {

    .wrapper{
        width: 100%;
    }

    .actuBox {
        width: 980px;
    }

    .flexContent {
        flex-wrap: wrap;
        justify-content: space-around;
        padding-bottom: 10px;
    }

    #header{
        justify-content: flex-start;
    }
}
/* Medium devices (desktops, 992px and up) */
@media screen and (max-width: 900px) {

    .nivo-directionNav {
        top: -123px !important;
    }

    .home .news{
        margin: 10px;
    }

    .actuBox{
        width: 900px;
    }


    .menuTop {
        display:none;
    }

    .navResponsive{display: block;min-height: 40px;padding-bottom:10px}
    .js .slicknav_menu {
        display: block;
    }
    .flexContent {
        flex-wrap: wrap;
        justify-content: space-around;
        padding-bottom: 10px;
    }

    #header_links,#header_lang{display:none}
    #head #header .optionHeader{ height:initial}
    .right_content .home{

    }

    .right_content.home{
        margin:0

    }

    .right_content .home .latest{
        margin-top:20px;
        width: 100%;
        margin: 0 10px;
    }

    #head-bar>.wrapper{
        flex-wrap:wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-around;
        -ms-flex-pack: justify;
        justify-content: space-around;
    }

    .formation .elementsFormation {
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }
    .inderSlide .login-box{
        background-image: initial;
    }

    .inderSlide .bgWhiteRight{
        display: none;
    }



    .dpSocialBar_container{
        display: none;
    }

    #box-apq,
    #box-docs,
    #box-cours,
    #box-master{
        padding-bottom: 10px;
    }

    /* Content */

    body:not(.home) .page_container{
        flex-wrap: wrap;
    }

    body:not(.intranet) .left_content {
        order: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        margin: 0 10px;
    }
    body:not(.intranet) .left_content .intranet{
        width: 100%;
    }
    body:not(.intranet) .left_content .pratique{
        width: 100%;
        box-sizing: border-box;
    }

    #front-quicklinks{
        display:flex;

        width:100%;
    }
    #front-quicklinks a{
        flex:1;
        margin:0 5px;
        border-radius: 18px;
    }
    #front-quicklinks a div{
        border-radius: 18px;
        padding-left :40px
    }

    .newsletter{
        width: 100%;
        box-sizing: border-box;
    }

    .login-box{
        margin-top: initial;
    }

    #widget_intranet{
        display: block;
    }

    #news-ticker-zone{
        /*display: none;*/
    }

}

@media screen and (max-width: 700px) {
    /* #menu is the original menu */

    .actuBox{
        width: 700px;
    }

    .optionHeader {
        display:none
    }



    .js #MainMenu {
        display:none;
    }

    .js .slicknav_menu {
        display:block;
    }

    #head #header.flexContent {

    }

    .reseauxSociauxFooter .title{
        margin-bottom: 5px;
    }

    .rs_newsletter .title {
        margin-bottom: 5px;
    }

    .newsletter .title{
        margin-top: 10px;
    }

    .footer .adressFooter{
        margin-top: 10px;
    }

    .manifBox{
        width: 100%;
    }

    #contact table{
        width: 100% !important;
    }
    #maps_google iframe{
        width: 100% !important;
    }


    .inderSlide #loginForm {
        width: 700px;
    }



}


/* Medium devices (desktops, 600px and down) */
@media screen and (max-width: 600px) {

    .actuBox{
        width: 600px;
    }
    .nivo-directionNav {
        top: -87px !important;
    }


    .inderSlide .login-box-title {
        text-align: center;
    }


    .detailInstitut .elemDetails{
        flex-wrap: wrap;
    }

    .login-box-field{

    }

    .manifBox .body{

    }

    .inderSlide #loginForm {
        width: 600px;
    }


    .manifBox .body .item{
        display: flex;
        flex-direction: column;
    }

    .manifBox .body .item{
        width: 350px;
        height: 170px;
        background: #555;
        position: relative;
        transition: all 0.5s ease;
        display:flex;
        margin:10px 0
    }
    .manifBox .item .articleItem {
        position: absolute;
        left: 170px;
        width: 150px;
        color: #fff;
        font: 14px "FoundrySterling-Bold";
        text-transform: uppercase;
        bottom: initial;
        top: 5px;
        min-height: 81px;
        padding: 10px;
        background: rgba(85, 85, 85, 0.5);
    }

    #head-bar{
        display:none;
    }

    .footer .footer-links {
        width: 210px;
        margin-bottom: 20px;
    }

    .footer .rs_newsletter{
        margin-bottom: 20px;
    }


    .footerDown .copyright{
        align-self: center;
        padding-top: 10px;
    }



}


/* Medium devices (desktops, 420px and down) */
@media screen and (max-width: 420px) {

    .actuBox{
        width: 420px;
    }


    .flexContent{
        flex-direction: column;
        align-items: center;
    }


    .nivo-directionNav{
        display: none;
    }

    .manifBox .body{

    }

    .navMenuFooter .links{
        display:none
    }


    .bxslider li{
        height:200px;
    }

    .inderSlide .login-box-title {
        text-align: center;
    }

    .inderSlide #loginForm {
        align-items: center;
        flex-direction:column;
        width:400px;
    }

    .inderSlide .login-box-field, .inderSlide .login-box-field.password, .inderSlide .login-box-field.username {
        margin: 0;
        margin-bottom: 10px;
    }

    .inderSlide .login-box{
        width:100%;
        display:flex;
        height: 180px;
        justify-content: space-around;
        padding-bottom: 5px;

    }

    .inderSlide .login-box.logged{
        height: 100px;
    }

    .inderSlide {
        border: none;
        height: initial;
        position: relative;
        background: initial;
    }



    .detailInstitut .elemDetails {
        flex-wrap: wrap;
    }

}