@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Quicksand|Roboto+Slab|Cairo');


/* GLOBAL */
* 										{margin: 0; padding: 0; font-family: "Roboto", arial, helvetica, sans-serif;}
html									{height: 100%;}
body									{font-size: 12px;height: 100%;z-index: 0;font-family: "Roboto", arial, helvetica, sans-serif;color: #072147;}
a										{text-decoration: none;border: 0;color: #072147;outline-style: none;cursor: pointer;}
a:hover									{color: #40abdf;}
a:focus									{color: #40abdf;}
input, select, textarea					{font-size: 11px; outline: none;}
img										{border: 0; outline: none}
#flashContainer							{width: 100%; min-height: 750px; height: 750px; position: absolute; top:0px; left:0px; z-index: -1; outline: none;}
#pageAlign								{width: 1170px; margin: 0 auto; position: relative; z-index: 0; /*background-color: #ccc;*/}

/* "local fix's" aplicaveis ao site todo */
.fleft						{float: left;align-self:  flex-start;}
.fright						{float: right;}
.clear						{clear: both;}
.txt-indent					{text-indent: -9999px; outline: none;}
.inputFocus					{border: 1px solid #000000 !important;}

#header{padding-bottom: 24px;border-bottom: 1px solid #eee;height: 106px;}

/* CSS alternativo ao sIFR */
#pageContentContainer .leftBarTitle 					{font-size: 24px; color: #000000;}
#pageContentContainer .leftBarTitle a					{color: #000000; text-decoration:none;}
#pageContentContainer .leftBarTitle a:hover				{color: #CC0000;}
#pageContentContainer .mainRedTitle						{font-size: 26px; padding-top: 10px; color: #CC0000; display: none}
#pageContentContainer .mainRedTitleArial				{font-size: 26px; padding-top: 10px; color: #CC0000; font-weight: normal;}
#pageContentContainer .mainRedTitleBSmall				{font-size: 18px; color: #CC0000; font-weight: bold;}
#pageContentContainer .mainRedTitleSmall				{font-size: 18px; color: #CC0000; width: 150px !important;}
#pageContentContainer .mainRedTitle24					{font-size: 22px; color: #CC0000;}
#pageContentContainer .mainRedTitle16					{font-size: 14px; color: #CC0000;}
#pageContentContainer .mainRedTitle14					{font-size: 12px; color: #CC0000;}
#pageContentContainer .mainBlackBTitle26				{font-size: 24px; color: #000000; font-weight: bold;}

/* ------------------- CONTAINER ----------------------------- */
#pageContentContainer										{height: 100%; min-height: 100%; margin-top: 228px;}
#pageContentContainer.topCloser								{margin-top: 0px;}
#pageContentContainer.mediaPlayerOnTop					{margin-top: 20px;}

#pageContentContainer .main-button							{width: 252px;}
#pageContentContainer p.see-plus img						{float: left; margin-left: 10px; margin-right: 5px;}
#pageContentContainer p.see-plus a							{font-size: 12px; font-weight: bold; text-decoration: none; line-height: 14px;}
#pageContentContainer p.see-plus a:hover					{color: #CC0000;}

/* separadores globais */
#pageContentContainer .dotted-separator						{width: 100%; height: 3px; background: url('images/app/global/main_separator_dotted.gif') repeat-x; margin: 20px 0px 10px 0px;}
#pageContentContainer .dotted-separator hr					{display: none;}
#pageContentContainer .dotted-separatorTop					{width: 100%; height: 3px; background: url('images/app/global/main_separator_dotted.gif') repeat-x; margin: 5px 0px 20px 0px;}
#pageContentContainer .dotted-separatorTop hr				{display: none;}
#pageContentContainer .greySeparator						{width: 100%; height: 1px; background: #CCCCCC; margin: 20px 0px 10px 0px;}
#pageContentContainer .greySeparator hr						{display: none;}
#pageContentContainer .greySeparatorTop						{width: 100%; height: 1px; background: #CCCCCC; margin: 5px 0px 20px 0px;}
#pageContentContainer .greySeparatorTop hr					{display: none;}
#pageContentContainer .verticalSeparator					{margin-top: 30px;}
#pageContentContainer .verticalSeparator hr					{display: none;}
/* fim separadores globais */

/* 3 colunas com largura igual */
div.three-column											{background: url(images/app/global/page_bg_main_3column.gif) repeat-y;}
#pageContentContainer.three-column .left					{width: 255px; padding: 20px 15px 20px 18px; margin: 0;}
#pageContentContainer.three-column .center					{width: 255px; padding: 20px 15px 20px 18px; margin-left: 2px;}
#pageContentContainer.three-column .right					{width: 255px; padding: 20px 15px 20px 18px; margin-left: 2px;}

/* 3 colunas com larguras diferentes */
div.three-columnMenu										{background: url(images/app/global/page_bg_main_3column_menu.gif) repeat-y;}
#pageContentContainer.three-columnMenu .left				{width: 195px; padding: 20px 15px 20px 18px; margin: 0;}
#pageContentContainer.three-columnMenu .center				{width: 255px; padding: 20px 15px 20px 18px; margin-left: 2px;}
#pageContentContainer.three-columnMenu .right				{width: 315px; padding: 20px 15px 20px 18px; margin-left: 2px;}

/* 2 colunas (suporte e conteudo) */
div.two-column												{background: #fff}
#pageContentContainer.two-column .left						{width: 275px;min-height: 547px;}
#pageContentContainer.two-column .left .left-content 	    {/* padding: 0px 15px; */}
#pageContentContainer.two-column .right						{position: relative; width: 850px; padding: 30px 20px 0px 20px; min-height: 342px;}
#pageContentContainer.two-column .right.wide				{width: 862px;}

/* 1 coluna (conteudo) */
div.one-column												{background: url(images/app/global/page_bg_main_1column.gif) repeat-y;}
#pageContentContainer.one-column .content					{padding: 30px 20px 20px 20px; position: relative;}
#right-side{
    margin-top: 30px;
    margin-left: 20px;
    align-self: flex-start;
    line-height: 24px;
    flex: 1;
    width:  850px;
}
/* lateral sub-menu */
.lateralSubmenuContainer h3									{padding: 0 0 0 10px; font-size: 12px; line-height: 22px; color: #CC0000; border-bottom: 1px solid #333333;}
.lateralNavigationContainer									{padding: 10px 0 20px 0;}
.lateralNavigationContainer ul								{list-style: none; font-size: 12px; line-height: 14px; font-weight: bold;}
.lateralNavigationContainer li								{padding: 0 0 0 10px;}
.lateralNavigationContainer li a						 	{padding: 3px 0 3px 0; display: block;}
.lateralNavigation											{width: 195px;}
.lateralNavigation li	 									{border-bottom: 1px dotted #414141;}
.lateralNavigation li ul									{width: 185px; padding-bottom: 10px;}
.lateralNavigation li ul li									{list-style: circle inside; border-bottom: 1px solid #ddd;}
.lateralNavigation li ul li:last-child 					    {border: none}
.lateralNavigation li ul li ul								{width: 175px; padding-bottom: 10px; border-bottom: 1px dotted #414141;}
.lateralNavigation li ul li ul li							{border: none;}
.lateralNavigationContainer .plus							{background: url(images/app/global/lateral_navigation_bt_plus.gif) no-repeat 1px 8px;}
.lateralNavigationContainer .minus							{background: url(images/app/global/lateral_navigation_bt_minus.gif) no-repeat 1px 8px;}

/* ------------------------------ FOOTER ------------------------------ */
#mini-footer 		   					{height: 80px;width: 100%;box-sizing: border-box;background: #00375f;}
#mini-footer .mf-logo 					{width: 73px; height: 41px; background: url('images/app/footer/logo.png') ; float: right; margin: 3px 10px 0px 0px;  }
#mini-footer .mf-links li				{font-size: 10px;float: left;list-style: none;padding-left: 4px;padding-right: 5px;background: url("images/app/menu/sep.png") no-repeat right;}
#mini-footer .mf-links li:last-child	{border-right: 0px;}
#mini-footer .mf-links li a				{color: #fff;font-size: 12px;font-family: "Roboto";padding-right: 5px;}
#mini-footer .mf-links li:last-child	{padding-right:0px; background:none !important}
#mini-footer .mf-links li a:hover		{color: #40abdf;}

#footer 							{background: #015593;position:relative;font-size:11px;margin-top: 20px;padding-bottom: 20px;}
#footer .footer-content 			{width:1170px;margin:0 auto;position:relative; padding: 5px 10px; align-items: flex-start}

#footer .f-about, #footer .f-quicklinks, #footer .f-contact {display: inline-block;vertical-align: top;zoom: 1; /* Fix for IE7 */*display: inline; /* Fix for IE7 */}

#footer .f-about 					   {color: #fff; width: 40%; height: 170px; overflow: hidden; }
#footer .f-about .f-about-title		   {font-weight: bold; font-size: 16px; margin-bottom: 10px;}
#footer .f-about .f-about-content	   {height: 110px; text-align : justify; overflow: hidden;}
#footer .f-about .f-about-more 		   {text-align: right; margin-top: 5px;}
#footer .f-about .f-about-more a	   {color: #fff; font-weight: bold;}
#footer .f-about .f-about-more a:hover {text-decoration: underline;}

#footer .f-quicklinks 							   {color: #fff; width: 25%; height: 100%; margin-left: 30px; }
#footer .f-quicklinks .f-quicklinks-title		   {font-weight: bold; font-size: 16px; margin-bottom: 10px;}
#footer .f-quicklinks ul li		   				   {list-style-image: url('images/app/footer/ql_bullet.png'); list-style-position: inside; margin-bottom: 10px;}
#footer .f-quicklinks ul li	a	   				   {color: #fff; font-size: 11px;}
#footer .f-quicklinks ul li	a:hover				   {color: #fff; font-weight: bold; text-decoration: underline;}

#footer .f-contact 			  {height: 100%;  margin-left: 30px;}
#footer .f-contact li         {color : #fff; list-style-position: inside; margin-bottom: 10px;}
#footer .f-contact li.address {list-style-image : url('images/app/footer/contact_adr.png'); max-width: 240px}
#footer .f-contact li.email   {list-style-image : url('images/app/footer/contact_email.png');}
#footer .f-contact li.phone   {list-style-image : url('images/app/footer/contact_fax.png');}
#footer .f-contact li.fax     {list-style-image : url('images/app/footer/contact_phone.png');}
#footer .f-contact li.web     {list-style-image : url('images/app/footer/contact_web.png');}




/*############################################################# custom ######################################################################*/

.selected-menu-item {width: 211px;}
.l2 .selected-menu-item {width: 201px;}
.l3 .selected-menu-item {width: 191px;}
.selected-menu-item {background: url('images/app/menu/selected-menu-item.jpg') right center no-repeat; color: #c00; text-decoration: underline;padding: 6px 0px !important;}
#pageContentContainer .mainRedTitle,
#pageContentContainer .title {
    padding-top: 10px;
    color: #40abdf;
    margin-bottom: 10px;
    border-bottom: 4px solid #f0f0f0;
    font-size: 36px;
    font-family: "Roboto";
    display: none;
}


#socialNetShare {margin-top: 20px;display:  flex;align-items:  flex-end;}

#side_tools {width: 232px; height: 35px; background: url('images/app/widgets/side_tools/bg.png') no-repeat; padding: 0px 50px;}
#side_tools a, #side_tools .sep {display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ margin-top: 3px;}
#side_tools .home {width: 20px; height: 16px; background: url('images/app/widgets/side_tools/home.png');}
#side_tools .contact {width: 18px; height: 16px; background: url('images/app/widgets/side_tools/contact.png');}
#side_tools .sitemap {width: 18px; height: 16px; background: url('images/app/widgets/side_tools/sitemap.png');}
#side_tools .fra {width: 10px; height: 16px; background: url('images/app/widgets/side_tools/fra.png');}
#side_tools .eng {width: 14px; height: 16px; background: url('images/app/widgets/side_tools/eng.png');}
#side_tools .sep {width: 3px; height: 16px; background: url('images/app/widgets/side_tools/sep.png');}

#searchBox {width: 218px; height: 26px; background: url('images/app/widgets/search/bg.png'); margin-left: 8px; margin-bottom: 15px;}

#searchBox .input-text {width: 124px;height: 20px;margin:1px 0px 0px 1px; padding-left: 5px; border: 0px; background: transparent;}
#searchBox .input-text.inputFocus {border: 0px !important; background: transparent !important;height: 20px !important;}
#searchBox #searchSubmit {width: 85px; height: 23px; border: 0px; background: transparent; padding-top: 3px; cursor: pointer; padding-left: 20px; color: #0f4b5a; font-weight: bold;}

.title {font-family: "Roboto", arial, helvetica, sans-serif}

.t-box,.t-tab-box{border-width: 1px; border-style: solid; border-top-color: #dbdbdb; border-right-color: #d9d9d9; border-bottom-color: #dadada; border-left-color: #dadada; }
.t-box .tb-title, .t-tab-box .ttb-nav {height: 28px; background: url('images/app/widgets/t-box/head-bg.png') repeat-x; border-bottom: 1px solid #e5e3dc; color: #cb0612; font-size: 15px; font-weight: bold; padding-top: 10px; padding-left: 10px;}
.t-tab-box .ttb-nav.large {background: #ededed; height: auto; padding-bottom: 5px; padding-top: 0px}
.t-box li 		 {height: 25px;background: #f7f6f6 repeat-x;list-style: none;border-bottom: 1px solid #e5e3dc;border-top: 1px solid #fefefc;padding-top: 9px;padding-left: 10px;}
.t-box li:last-child {border-bottom: 0px;}
.t-box li a {font-weight: bold}
.t-box li img {vertical-align: bottom;}

.t-box.home-page {background: #f4f4f1; margin-bottom: 20px;}
.t-box.home-page .tb-container {padding: 10px;}
.t-box.home-page .tb-thumb, .t-box.home-page .tb-content {display: inline-block;vertical-align: top;zoom: 1; /* Fix for IE7 */*display: inline; /* Fix for IE7 */}
.t-box.home-page .tb-thumb {width: 240px; height: 140px;}
.t-box.home-page .tb-content {width: 350px; margin-left: 10px;}
.t-box.home-page .tb-desc {text-align: justify; height: 125px; overflow: hidden;}
.t-box.home-page .tb-tools {padding-top: 5px; margin-top: 10px; border-top: 1px solid #e5e3dc; text-align: right;}
.t-box.home-page .tb-tools a { color: #77746E;}
.t-box.home-page .tb-tools a:hover {text-decoration: underline;}

.t-tab-box {}

.t-tab-box .ttb-nav { overflow: hidden;}
.t-tab-box .ttb-nav li { min-width: 97px; float: left; margin: 0 10px 0 0; }
.t-tab-box .ttb-nav.large li { margin-top: 5px }
.t-tab-box .ttb-nav li.last { margin-right: 0; }
.t-tab-box .ttb-nav li a { display: block; padding: 5px; color: #77746e; font-size: 10px; text-align: center; border: 0; }
.t-tab-box ul.ttb-nav li a.current, .t-tab-box ul.ttb-nav li a:hover { background-color: #cb0612; color: #fff;}

.t-tab-box ul { list-style: none; background: #f4f4f1; border-bottom: 1px solid #e5e3dc; border-top: 1px solid #fefefc;}

.t-tab-box .list-wrap ul li {padding: 5px; border-bottom: 1px solid #e5e3dc; border-top: 1px solid #fefefc;}

.t-tab-box .list-wrap ul li:first-child {border-top: 0px;}
.t-tab-box .list-wrap ul li:last-child {border-bottom: 0px;}

.t-tab-box .list-wrap li .ttb-content, .t-tab-box .list-wrap li .ttb-thumb, .big-thumb, .article_list .desc {display: inline-block;vertical-align: top;zoom: 1; /* Fix for IE7 */*display: inline; /* Fix for IE7 */}

.t-tab-box .list-wrap #news li .ttb-thumb {width: 60px; height: 60px}
.t-tab-box .list-wrap #news li .ttb-content { width: 540px; margin-left: 10px;}
.t-tab-box .list-wrap #news li .ttb-content .ttb-desc {min-height: 28px;}

.t-tab-box .list-wrap #publications .pub-item:last-child {border-bottom: none}

.t-tab-box .list-wrap #manif li .ttb-thumb, .t-tab-box .list-wrap #ouvrage_sc li .ttb-thumb, .big-thumb {width: 128px; height: 183px; margin-left: 3px; margin-top: 3px;border: 1px solid #d9d9d9;background-color: #fff;padding: 4px;-moz-box-shadow: 0px 0px 2px 1px #656565;-webkit-box-shadow: 0px 0px 2px 1px #656565;-o-box-shadow: 0px 0px 2px 1px #656565;box-shadow: 0px 0px 2px 1px #656565;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=2);}
.t-tab-box .list-wrap #manif li .ttb-content, .t-tab-box .list-wrap #ouvrage_sc li .ttb-content, .article_list .desc { width: 460px; margin-left: 10px;}
.t-tab-box .list-wrap #manif li .ttb-content .ttb-desc, .t-tab-box .list-wrap #ouvrage_sc li .ttb-content .ttb-desc {min-height: 150px}

.t-tab-box .list-wrap li .ttb-content .ttb-title {margin-bottom: 5px}
.t-tab-box .list-wrap li .ttb-content .ttb-title a {color: #77746E; font-size: 13px; font-weight: bold;}
.t-tab-box .list-wrap li .ttb-content .ttb-title a:hover {color: #C00;}
.t-tab-box .list-wrap li .ttb-content .ttb-date {color: #8c8983; font-size: 10px; margin-bottom: 5px;}
.t-tab-box .list-wrap li .ttb-content .ttb-desc {color: #000 !important;}
.t-tab-box .list-wrap li .ttb-content .ttb-more {margin-top: 5px; text-align: right;}
.t-tab-box .list-wrap li .ttb-content .ttb-more a { color: #77746E;}
.t-tab-box .list-wrap li .ttb-content .ttb-more a:hover {text-decoration: underline;}

/*.t-tab-box custom styles*/
#news-and-updates_tab .ttb-nav li { min-width: 86px;}
#news-and-updates_tab li .ttb-side-content .ttb-side-title {color: #080000; font-size: 11px}
#news-and-updates_tab li .ttb-side-content:hover .ttb-side-title {color: #cb0511}
#news-and-updates_tab li .ttb-side-content .ttb-side-date  {color: #8d8c89; font-size: 9px; margin-top: 7px;}

/*site map style*/
.level1_style {margin-left: 20px;}
.level2_style {margin-left: 40px;}
.level3_style {margin-left: 60px;}

/*Login panel form*/

.login-form{
    display: flex;
}

.login-form.intranet-header{
    justify-content: space-around !important;
}
.rightOptionHeader{
    position: relative;
}

.rightOptionHeader .languages{
    color: #959595;
    text-transform: uppercase;
    position: relative;
}
.iconLang{
    height: 31px;
    width: 28px;
    background: url('images/app/header/icon_lang.png') no-repeat;
    position: absolute;
    right: 0px;
    top: 0;
}

.rightOptionHeader .languages .elemDefault a{
    background: #40abdf;
    padding: 8px 10px 8px;
    border-bottom-right-radius: 11px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 11px;
    border-top-right-radius: 11px;
    margin-left: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.5s ease;
    border-bottom: 2px solid #eee;
}
.rightOptionHeader .languages .elemDefault a i {
    padding-right: 7px;
}
.rightOptionHeader .languages .elems{
    display: none;
    position: absolute;
    left: 19px;
    top: 17px;
    z-index:100;
    width: 97px;
    padding-top: 7px;
}
.rightOptionHeader .languages:hover .elems{
}
.rightOptionHeader .languages .elems .elem{
    display:block;
    background: #fff;
    border-bottom:  1px solid #eee;
    padding:5px 10px;
    left: 26px;
    top:0;
    color: #607D8B;
    width: 122px;
    box-sizing:  border-box;
    transition:all 0.5s ease;
}
.rightOptionHeader .languages .elems .elem:hover{
    padding-left:20px;
    background:#eee;
}

/* profil */
#profil_dd {height: 120px; padding-top: 13px;}
#profil_dd img {margin-top: 5px; max-height:115px;}
#profil_dd_info {height: 100%;padding-left: 10px;}
#profil_dd_info .welcome {color: #fff; font-weight: bold; font-size: 15px;}
#profil_dd_info .username {color: #f7bc33; font-weight: bold; font-size: 11px; }
#profil_dd_info .welcome, #profil_dd_info .username, #profil_dd_info .profil_dd_info_item {font-family:  Verdana, Helvetica, "Roboto", sans-serif; margin-bottom: 5px;}
#profil_dd_info .welcome:first-letter, #profil_dd_info .username:first-letter, #profil_dd_info .profil_dd_info_item:first-letter {text-transform: uppercase;}

#profil_dd_info .grade {background: url('../../manager/lab_membres/images/grade.png') no-repeat;}
#profil_dd_info .statut {background: url('../../manager/lab_membres/images/statut.png') no-repeat;}
#profil_dd_info .universite {background: url('../../manager/lab_membres/images/universite.png') no-repeat;}
#profil_dd_info .etablissement {background: url('../../manager/lab_membres/images/etablissement.png') no-repeat;}
#profil_dd_info .home {background: url('../images/members/drop-down/home.png') no-repeat;}
#profil_dd_info .intranet {background: url('../images/members/drop-down/intranet.png') no-repeat;}
#profil_dd_info .profil {background: url('../images/members/drop-down/profil.png') no-repeat;}
#profil_dd_info .logout {background: url('../images/members/drop-down/logout.png') no-repeat;}

#profil_dd_info .profil_dd_info_item {color: #fff; font-weight: bold; font-size: 10px; height: 16px; padding-left: 23px; margin-top: 0px; margin-bottom: 0px;
    border-top: 1px solid #365866; border-bottom: 1px solid #25344b; padding-top: 7px; padding-bottom: 4px;
    background-position: 0px 4px;}

#profil_dd_info .profile_dd_links {margin-left: 10px;}
#profil_dd_info .profile_dd_links a{color: #fff;}
#profil_dd_info .profile_dd_links a:hover{color: #f7bc33;}

#profil_dd_info .profile_dd_info {border-right: 1px solid #25344b; margin-right: 0px; padding-right: 7px;}
#profil_dd_info .profile_dd_links {border-left: 1px solid #365866; margin-left: -2px; padding-left: 7px;}
#profil_dd_info .profile_dd_info .profil_dd_info_item:first-child, #profil_dd_info .profile_dd_links .profil_dd_info_item:first-child {border-top: none;}
#profil_dd_info .profile_dd_info .profil_dd_info_item:last-child, #profil_dd_info .profile_dd_links .profil_dd_info_item:last-child {border-bottom: none; padding-bottom: 0px}

/* intranet menu */
#user_menu {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-bottom: 15px; margin-top: 20px;}
#user_menu li:first-child{-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#user_menu li:last-child {-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#user_menu li {padding: 9px 20px 9px 20px;width: 175px;list-style-position: inside;}
#user_menu li:hover {background: #cb0612; cursor: pointer; border-top: 1px solid #cb0612; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
#user_menu ul li:hover a {color: #fff; font-weight: normal; padding-left: 20px; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
#user_menu ul li a { -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; vertical-align: top; line-height: 25px}
#user_menu ul li.has-notif a {background: url('../images/gui/notification-bullet.png') no-repeat -8px -9px; padding-left: 20px;}
#user_menu ul li.has-notif:hover a {background-image: url('../images/gui/notification-bullet-hover.png');}
#user_menu li.news {list-style-image: url('../images/members/menu/lab_news.png');}
#user_menu li.news_manage {list-style-image: url('../images/members/menu/lab_news_manage.png');}
#user_menu li.cv {list-style-image: url('../images/members/menu/cv.png');}
#user_menu li.cv_edit {list-style-image: url('../images/members/menu/cv_edit.png');}
#user_menu li.these {list-style-image: url('../images/members/menu/these.png');}
#user_menu li.master {list-style-image: url('../images/members/menu/master.png');}
#user_menu li.habi {list-style-image: url('../images/members/menu/habi.png');}
#user_menu li.home {list-style-image: url('../images/members/menu/home.png');}
#user_menu li.logout {list-style-image: url('../images/members/menu/logout.png');}
#user_menu li.fiche_chercheur {list-style-image: url('../images/members/menu/fiche_chercheur.png');}
#user_menu li.download {list-style-image: url('../images/members/menu/lab_download.png');}
#user_menu li.annuaire {list-style-image: url('../images/members/menu/lab_annuaire.png');}
#user_menu li.lab_pub {list-style-image: url('../images/members/menu/lab_pub.png');}
#user_menu li.profil {list-style-image: url('../images/members/menu/profil.png');}
#user_menu li.lab_demande {list-style-image: url('../images/members/menu/lab_demande.png');}
#user_menu li.lab_alert {list-style-image: url('../images/members/menu/lab_alert.png');}

/*toggle left side*/
#toggle_left_side {cursor: pointer;position: absolute;margin-top: -24px;margin-left: -52px;}
/*#toggle_left_side.in  {background: url('../images/gui/toggle_in.png');}
#toggle_left_side.out {background: url('../images/gui/toggle_out.png');}*/

/*some dynamic ajax related styles*/
.selected-view {background: #ececec;}
.inactive-ajax {color: #aeaeae}
.loading {background: url('../images/gui/loaders/ajax-loader.gif') no-repeat 50% 50%; width: 100%; min-height: 50px;}

/*PUB*/
.pub-item        {text-align: justify; margin-bottom: 10px; padding-bottom: 10px; margin-left: 10px; border-bottom: 1px dotted #d9d9d9; color: #000; font-style: italic;}
.pub-item.front  {margin-left: 0px; padding: 10px; margin-bottom: 0px; border-bottom: none;}
.pi-author       {font-style: normal;}
.pi-author a     {text-decoration: underline;}
a .pi-title      {text-decoration: underline;}
.pub-abstract-wrap {background: #f5f4f1; border: 1px solid #e5e3dc; margin-top: 5px;}
.pub-abstract-wrap .paw-header  {background: #d9d9d9; padding: 5px; font-size: 12px; color: #524e3d; font-style: normal; font-weight: bold}
.pub-abstract-wrap .paw-header .paw-close {background: url('../images/gui/close_abstract.gif') no-repeat; width: 18px; height: 18px; position: absolute;right: 0;margin-right: 25px;margin-top: -3px; cursor: pointer;}
.pub-abstract-wrap .paw-content {padding: 10px;}


/* user card */
.img-polaroid{border-color: #E5E5E5;}
.img-polaroid {padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } /* set clear fix to userCard and timeline*/

* html .userCard, * html .timeline{ height: 1%; overflow: visible; } /* ie 6 */
*+html .userCard, *+html .timeline{ min-height: 1%; } /* ie 7 */
.userCard:after,
.timeline:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }
/* eof set */

.userCard{display: flex; position: relative; background: #f5f5f5; padding: 10px 10px 5px 10px; margin: 5px 0px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    -moz-box-shadow: inset 1px 2px 0px #FFF, 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 1px 2px 0px #FFF, 1px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 1px 2px 0px #FFF, 1px 1px 2px rgba(0,0,0,0.2);
}
.userCard .image{margin-right: 5px; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */}
.userCard .image img{width: 50px; height: 50px; display: block;}
.userCard .info{display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */}
.userCard .statut {background: url('../../manager/lab_membres/images/statut.png') no-repeat; padding-left: 20px; margin-bottom: 5px; height: 16px; }
.userCard .universite {background: url('../../manager/lab_membres/images/universite.png') no-repeat; padding-left: 20px; margin-bottom: 5px; height: 16px; }
.userCard .etablissement {background: url('../../manager/lab_membres/images/etablissement.png') no-repeat; padding-left: 20px; margin-bottom: 5px; height: 24px; overflow: hidden }
.userCard .email { padding-left: 20px; margin-bottom: 5px; height: 16px; max-width: 190px;}
.userCard .email.show-icon { background: url('../../manager/lab_membres/images/email.png') no-repeat; }
.userCard .email.show-icon img{ margin-top: -4px; max-width: 192px}
.userCard .info .h3{font-size: 13px; line-height: 16px; margin: 0px; padding: 0px; text-shadow: 1px 1px 0px #FFF; margin-bottom: 5px; font-weight: bold}
.userCard .info .h3 a {color: #3c4e66;}
.userCard .info .h3 a:hover {text-decoration: underline;}
.userCard .info p{margin-bottom: 0px; opacity: 0.8; filter: alpha(opacity=80); text-shadow: 1px 1px 0px #FFF;}
.userCard .info p span{margin: 0px;}
.userCard .image .button{padding: 3px 5px; line-height: 13px; margin-top: 3px}
.userCard .info .informer{float: right; color: #55a3e5; font-size: 14px; line-height: 16px; text-align: center; font-weight: bold; text-shadow: 1px 1px 0px #FFF;}
.userCard .info .informer span{font-size: 11px; color: #666; line-height: 13px; display: block; font-weight: normal;}
/* eof user card */

/*NEWS style -- START*/
.sdl-title {margin-bottom: 5px}
.sdl-title a {color: #77746E; font-size: 13px; font-weight: bold;}
.sdl-title a:hover {color: #C00;}
.sdl-content {color: #000 !important; text-align: justify}
.sdl-date  {color: #8d8c89; font-size: 9px; margin-top: 7px; margin-bottom: 7px;}
.show-data-list+.show-data-list {border-top: 1px dashed #dbdbdb;margin-top: 10px; padding-top: 10px;}
.sdl-link {background-color: #cb0612; float: right; cursor: pointer;}
.sdl-link:hover {background: #fa6771; -moz-transition: all .5s; }
.sdl-link:hover a, .sdl-link a:hover{color: #1d1d1d; }
.sdl-link a {color: #fff; font-weight: bold; padding: 5px 10px; display: block;}

.sdl-load-more { background-color: #cb0612; cursor: pointer; color: #fff; font-weight: bold; text-align: center; padding: 5px 10px; margin-top: 15px; }
.sdl-load-more:hover { background: #fa6771; color: #1d1d1d;}

.moving-vertical-tabs ul li.selected-tab{color:#cb0612;}

.moving-vertical-tabs ul li.expendable{height:auto; min-height:25px;}
.moving-vertical-tabs ul li.expendable .expand-txt{display:none; border-top:1px solid #dbdbdb; padding:10px; margin-top: 10px; background: #f5f4f1; margin-left:-10px}

.down-file-min-zone {font-size: 15px; color: #bbb}

.dataTable_filter_zone .inline-block {margin-bottom: 10px;}

.new-icon {background:url('../images/gui/new_icon.gif') no-repeat;width: 27px;height: 15px;display: inline-block;}


.h1 {font-family: "Roboto",Arial,sans-serif; font-weight: 400; color: #3e3e3e; font-size: 21px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;}

.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}


/* Header */

#header .header-content .logoHeader{width: 171px;height: 120px;}
#header .header-content .logo-univ-k 				{width: 77px; height: 58px; background: url('images/app/header/logo-univ-k.png') no-repeat; }
#header .header-content .logo 						{width: 460px;height: 98px;background: url('images/app/header/logo.png') no-repeat;}
.topHeader{
    background: #015593;
}
.topHeader .ministere{
    background: url(images/app/header/drapo.png) no-repeat left center;
    font-size: 9px;
    font-family: "Roboto";
    color: #fff;
    padding: 4px;
    padding-left: 47px;
}


#header .header-content {
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
}


/* intranet */
#header .header-content .extranet {
    align-self: flex-end;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
#header .header-content .extranet .title_login{
    /* background: url("images/app/login/title.png") no-repeat; */
    color:#565656;
    width: 114px;
    height: 40px;
    font-family: "Roboto";
    font-size: 12px;
    margin-right: -1px;
    margin-top: 0px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 5px;
    text-transform: uppercase;
}
#header .header-content .extranet .login-form{
    background: #015593;
    color: #fff;
    height: 40px;
    width: 675px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-right-radius: 24px;
}
#header .header-content .extranet .login-form a{
    color: #fff;
}
#header .header-content .extranet .login-form input{
    background: #1174ad;
    color:#fff;
    padding: 10px;
    border: none;
    height: 30px;
    width: 170px;
    box-sizing: border-box;
    margin-left: 10px;
}
#header .login-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    text-transform: uppercase;
}
#header .login-form input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    text-transform: uppercase;
}
#header .login-form input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    text-transform: uppercase;
}
#header .login-form input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    text-transform: uppercase;
}
#header .header-content .extranet .login-form .submit{
    width: 126px;
    background: url(images/app/login-arrow.png) no-repeat right 10px center #08870e;
    text-transform: uppercase;
    height: 40px;
    font-family: "Roboto";
    align-self: center;
    cursor: pointer;
    border-bottom-right-radius: 0;
    box-shadow: -4px 2px #0ea115;
}
#header .header-content .extranet .login-form .submit:hover{
    background-color: #08600c;
}



/* Menu */


.header-nav-pricipale{
    position: absolute !important;
    top: 150px;
    z-index: 10;
    left: 0;
    right: 0;
}

#menu_home_btn {
    width: 25px;
    height: 30px;
    position: absolute;
    z-index: 999999;
    border-right: 1px solid #a56666;
}
.header-nav-pricipale .nav .sf-menu {
    width:100%;
    font-size: 12px;
    padding-bottom: 0px;
    margin-bottom:3px;

}

.header-nav-pricipale .nav a{
    text-decoration: none;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    font:12px "Roboto";
}

.header-nav-pricipale .nav .sf-navbar {
    background: #015593;
    z-index: 99999;
    box-sizing: border-box;
    border-radius: 0 0 5px 0;
    height: 40px;
    box-shadow: 0px 2px 2px 0px #072d4a;
}
.header-nav-pricipale .nav  .sf-navbar>li>a{
    font: 12px/24px "Roboto";
    color:#fff;
    padding: 8px 12.6px;
    text-transform: uppercase;
}
.header-nav-pricipale .nav  .sf-navbar>li{
    background: #015593 !important;
    color:#555;
    height: 40px;
    box-sizing: border-box;
}
.header-nav-pricipale .nav  .sf-navbar>li:first-child{
    padding-left:6px;
}
.header-nav-pricipale .nav  .sf-navbar>li:last-child{
    padding-right:9px;
}
.header-nav-pricipale .nav>li>a{
    padding: 0px 8px!important;
}
.header-nav-pricipale .nav .l1-link:last-child{
    border-right:0 !important;
}
.header-nav-pricipale .nav .l1-link:last-child>a{
    /* padding-right: 0px !important; */
}
.header-nav-pricipale .nav .sf-menu .l1-link>a{

}
.header-nav-pricipale .nav .sf-menu .l1-link:hover>a{

}
.header-nav-pricipale .nav .sf-menu .l1-link:hover{
    background: #40abdf !important;
}

.header-nav-pricipale .nav .sf-menu .l1-link.has_l2>a{
    /* background: url("images/app/menu/has_l2.png") no-repeat right top 18px!important; */
    margin-right: 4px;
}
/*.sf-menu .l1-link:hover + .l1-link {
    background: url(images/shared/menu/sep.png) no-repeat left top 10px !important;
}*/
.header-nav-pricipale .nav .sf-menu li:hover,
.header-nav-pricipale .nav .sf-menu li.sfHover,
.header-nav-pricipale .nav .sf-menu a:focus,
.header-nav-pricipale .nav .sf-menu a:hover,
.header-nav-pricipale .nav .sf-menu a:active{
    background:none;
    transition:all 0.5s ease;

}
.sf-menu a.sf-with-ul{
    padding-right: 0px;
}
.header-nav-pricipale .nav  .sf-navbar>li li:hover{
    padding-left: 15px;
    background: #0a2463;
    border-bottom: 1px dashed #a1adb3;
}
.header-nav-pricipale .nav  .sf-navbar>li li:hover>a{
    color: #fff;
}


.header-nav-pricipale .nav .l2,.l3,.l4{
    width: 200px !important;
    color: #555;
    box-sizing: border-box;
    margin-top: 0;
    padding: 0 !important;
    background: #fff !important;
}
.header-nav-pricipale .nav .l2 a,
.header-nav-pricipale .nav .l2 a:visited{
    /* text-transform: uppercase; */
    color: #072147;
    font:400 12px "Roboto";
}
.header-nav-pricipale .nav .l2 a:hover
{
    color:#555;
}
.header-nav-pricipale .nav .sf-menu li li{background: #fff;padding-left: 10px;width: 200px;box-sizing: border-box;border-bottom: 1px dashed #e2e2e2;transition:  all 0.5s ease;}

.header-nav-pricipale .nav .l1:hover{
    background:none !important;
}

.header-nav-pricipale .nav .l3 {
    margin-left: 80px;
    margin-top: -40px;
    display: none;
}
.header-nav-pricipale .nav .has_l3:hover .l3 {
    display:block
}
.header-nav-pricipale .nav .l4 {
    margin-left: 80px;
    margin-top: -40px;
}

.header-nav-pricipale .nav .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    top: 40px;
}
.header-nav-pricipale .nav .sf-shadow ul{
    background:none;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    padding: 0;
}



/* regle generale */


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

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

.flexContent{
    display: flex;
    justify-content: space-between;
    align-items:  center;
}

.vColumn{
    flex-direction: column;
    justify-content:  space-between;
}

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

/* Home Content */

.bannerTopHome{
    background: url(/media/images/about-four-bg-shape.png) #015593;
    background-repeat: no-repeat;
    background-position: center center;
}


.banner_home{
    height: 400px;
    width: 100%;
    max-width: 1170px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
.banner_home .slides-fullscreen-img{
    display: flex;
    justify-content: space-between;
}
.banner_home .slides-fullscreen-img img{
    object-fit: cover;
    width: 634px;
    height: 345px;
    border-radius: 20px;
    overflow: hidden;
    margin: 30px 10px;
    box-shadow: 0px 2px 5px #05365b;
}

.banner_home .owl-theme .owl-controls{
    margin-top: -40px;
}

.banner_home .slider-caption{
    font-weight: 800;
    text-align: center;
    font-size: 2.5rem;
    color: #fff;
    padding: 10px 20px;
    margin: auto 0;
    max-width: 600px;
    text-shadow: 0px 3px 8px #302f2f;
    text-align: left;
}

.slides-navigation {
    display: block !important;
}

.box-news-ticker{
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 230, 230, 230 );
    background-color: rgb( 247, 247, 247 );
}

.map-contact{
    position: relative;
}
#home_map #map{
    height: 340px;
}

.adresse_contact{
    width: 290px;
    height: 320px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 223, 226, 230 );
    background-color: rgb( 255, 255, 255 );
    opacity: 0.96;
    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;
    padding: 20px;
    font-size: 13px;
    line-height: 20px;
}

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


/* Banner */

/* Slider Home */
.nivoSlider{
    /* max-height: 300px;*/
}
.nivo-directionNav a{
    top:inherit !important;
    bottom:10px !important;
}
.nivo-prevNav{
    /*background-image: url("images/shared/slide/prev.png") !important;*/
}
.nivo-nextNav{
    /*background-image: url("images/shared/slide/next.png") !important;*/
}
.nivo-prevNav:hover {
    left: 9.5% !important;
}
.nivo-nextNav:hover {
    right: 9.5% !important;
}


/* news Home */

.news_home{

}

.news_home .entet{
    display: flex;
    justify-content: space-between;
}

.news_home .all_list{
    /* border-style: solid; */
    /* border-width: 1px; */
    /* border-color: rgb( 230, 230, 230 ); */
    /* background-color: rgb( 247, 247, 247 ); */
    width: 238px;
    height: 39px;
    background: url("images/app/arrow-color.png") no-repeat right 20px center;
    font-size: 14px;
    font-family: "Roboto";
    line-height: 39px;
    color: rgb( 86, 86, 86 );
    text-transform: uppercase;
    padding-left: 35px;
    box-sizing: border-box;
}
.news_home .all_list:hover{
    padding-left: 40px;
    background-color: #f7f7f7 ;
    background-position: right 15px center;
}
.news_home .all_list a{
    color: inherit;
}
.news_home .title_news{
    margin-top: 22px;
    height: 38px;
    width: 100%;
    border-bottom: 3px dashed #f6f6f7;
}

.news_home .title_news span{
    font-size: 35px;
    line-height: 35px;
    color: #071840;
    text-transform: uppercase;
    border-bottom: 3px solid #071840;
}


.news_home .ttb-title{
    font-family: "Quicksand";
    font-size: 18px;
}

.news_home .item{
    margin-top: 30px;
    width: 300px;
    box-sizing: border-box;
    padding-right: 40px;
    max-height: 146px;
    overflow-y: hidden;px;
}

.news_home .item .ttb-date{
    color: #08870e;
}
.news_home .item .ttb-title{
    /* height: 40px; */
    /* line-height: 40px; */
    /* overflow: hidden; */
}
.news_home .item .ttb-title a:after{
    font-family: FontAwesome;
    content: "\f054";
    font-size: 11px;
    padding-left: 11px;
}

.owl-theme .owl-controls .owl-page span {
    filter: Alpha(Opacity=50) !important;
    opacity: 0.5 !important;
    background: #40abdf !important;
}
.owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100) !important;
    opacity: 1 !important;
    background: #40abdf !important;
}

/* soutenances */
.left-content .mod_soutenance{
    width: 300px;
    margin: 0 30px;
    position: relative;
    border-bottom-right-radius: 25px;
}
.left-content .mod_soutenance .title{
    font-size: 30px !important;
    line-height: 29px;
    text-transform: uppercase;
    border-bottom: 3px solid #607D8B;
    padding-bottom: 5px;
    display: block !important;
}
.left-content .mod_soutenance .title span{
    color:#929292;
    font-size: 12px;
    text-transform: uppercase;
    display:  block;
}
.left-content .mod_soutenance .date_soutenance{
    color:#40abdf;
    margin-top: 20px;
    font-size: 12px;
}
.left-content .mod_soutenance .title_soutenance{
    font-size: 16px;
    color:#565656;
    margin-top: 10px;
}

.left-content .mod_soutenance .owl-controls{
    width: 80px;
    position: absolute;
    top: -60px;
    right: 0;
}

.left-content .all_soutenances{
    background:url("images/app/arrow-color.png") no-repeat right 20px center;
    /* background-color: #f7f7f7; */
    width: 236px;
    height: 37px;
    font-size: 14px;
    line-height: 37px;
    display: block;
    color: rgb( 86, 86, 86 );
    text-transform: uppercase;
    padding-left: 20px;
    box-sizing: border-box;
    margin-left: 60px;
    margin-top:10px;
}
.all_soutenances:hover{
    color: rgb( 86, 86, 86 );
    padding-left: 30px;
    background-position: right 10px center;
}


.left-content .mod_soutenance .all_soutenances{
    margin-left: -5px;
}

.mod_publications{
    position: relative;
    padding-left: 30px;
}


.left-content .content_publication .all_publications{
    display:block;
    margin-left: -10px;
    border-style: solid;
    border-width: 1px;
    background:url("images/app/arrow-color.png") no-repeat right 20px center;
    border-color: #e6e6e6;
    background-color: rgb(247, 247, 247);
    position: absolute;
    width: 230px;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 10px;
    font-family: "Roboto";
    color: rgb( 86, 86, 86 );
    text-transform: uppercase;
}
.left-content .content_publication .all_publications:hover{
    background-position:right 10px center;
    padding-left:20px;
}


.mod_publications .owl-controls{
    width: 80px;
    position: absolute;
    top: -40px;
    right: 20px;
}

.owl-theme .owl-controls .owl-buttons div{
    width: 10px !important;
    height: 15px !important;
    background: none !important;
}
.mod_soutenance .owl-controls .owl-next i,
.mod_publications .owl-controls .owl-next i
{
    background: url("images/app/arrow-color.png") no-repeat;
    width: 10px !important;
    height: 15px !important;
    display: block;
}
.mod_soutenance .owl-controls .owl-prev i,
.mod_publications .owl-controls .owl-prev i
{
    background: url("images/app/arrow-prev.png") no-repeat;
    width: 10px !important;
    height: 15px !important;
    display: block;
}

/* soutenances */
.last_publication_home {
    width: 537px;
    height: 290px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding-top: 30px;
    border-bottom-right-radius:  25px;
    overflow: hidden;
}
#owl-publication{
    width: 538px;
}


.left-content .last_publication_home {
    width: 270px;
    height: 372px;
    /* background: #f7f7f7; */
    border: 1px solid #e6e6e6;
    padding: 27px;
}

.left-content .content_publication{
    width: 230px;
}

.last_publication_home .title_publication{
    color: #08870e;
    font-size: 21px;
    text-transform: uppercase;
}
.last_publication_home .title_publication span{
    font-weight: bold;
}
.last_publication_home .item{
    width: 503px;
    box-sizing: border-box;
}
.left-content #owl-publication{
    width: 230px;
}
.left-content .last_publication_home .item{
    width: 230px;
}
.last_publication_home .item .content {
    width: 230px;
    float: left;
    box-sizing: border-box;
    padding: 10px 10px 10px 0;
}
.last_publication_home .item .content .date_item{
    color: #072147;
    font-weight:  bold;
}
.last_publication_home .item .content .title_item{
    color: #072147;
    font-size: 15px;
    height: 80px;
    overflow: hidden;
    /* font-weight:bold; */
    font-family:  "Quicksand";
}
.last_publication_home .item .content:nth-child(2){
    /* margin-top: 10px; */
}
.last_publication_home .item .content .title_item a{
    color:inherit;
    font-size: 13px;
}
.last_publication_home .item .content .title_item a:hover{
    color:#565656;
}
.last_publication_home .item .content .title_item a:after{
    font-family: FontAwesome;
    content: "\f054";
    font-size: 11px;
    padding-left: 11px;
}
.last_publication_home .item .content .abstract_item{
    height: 50px;
    overflow: hidden;
    font-family: "Roboto" !important;
}

.levelHome2{
    align-items: flex-start;
}
.levelHome2 #front_calendar{
    margin-top: 0;
}

.levelHome2 .banner_mastere:hover{
    transform: scale(1.05);
}
/* detail institut */

.detail-institut{
    font-family: "Roboto";
    font-size: 16px;
    color: #071840;
    text-transform: uppercase;
    width: 100%;
}
.detail-institut .titleDetailLabo{
    margin-top: 22px;
    height: 38px;
    border-bottom: 3px dashed #f6f6f7;
}
.detail-institut .titleDetailLabo span{
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    border-bottom: 3px solid #071840;
}
.detail-institut .elems_detail{
    width: 100%;
    margin-top:  40px;
    padding-top:  20px;

}
.detail-institut .elems_detail div{
    width: 200px;
    height: 135px;
    padding-top: 50px;
    box-sizing: border-box;
}
.detail-institut .elems_detail div .valeur{
    font-size: 51px;
    font-weight: bold;
    line-height: 13px;
    text-align: right;
}
.detail-institut .elems_detail div .ligne1{
    font-size: 24px;
}
.detail-institut .chercheur{background : url("images/app/detail/icon1.png") no-repeat left top ;}
.detail-institut .publication{background : url("images/app/detail/icon2.png") no-repeat left top ;}
.detail-institut .diplome_en_cours{background : url("images/app/detail/icon3.png") no-repeat left top ;}
.detail-institut .soutenus{background : url("images/app/detail/icon4.png") no-repeat left top ;}
.detail-institut .diplome_en_cours .valeur{
    padding-left: 50px;
}
.detail-institut .soutenus .valeur{
    padding-left: 60px;
}


.annuaire_link_public a , .link-univ a{
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 223, 226, 230 );
    background-color: #f7f7f7;
    width: 373px;
    height: 64px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    font-family: "Roboto";
    line-height: 22px;
    color: #565656;
    text-transform: uppercase;
    box-sizing: border-box;
    padding-left: 30px;
    margin-bottom: 10px;
}
.annuaire_link_public a .icon{
    display: inline-block;
    height: 22px;
    width: 40px;
    padding-left:10px;
    background: url("images/app/annuaire.png") no-repeat left top -22px;
}
.annuaire_link_public a:hover .icon{
    background: url("images/app/annuaire.png") no-repeat left top;
}

.annuaire_link_public a:hover , .link-univ a:hover{
    background-color: rgb(74, 129, 195);
    color: rgb( 255, 255, 255 );
}
.annuaire_link_public a .arrow-link,
.link-univ a .arrow-link{
    height: 15px;
    width: 10px;
    background: url("images/app/arrow-link.png") no-repeat right top -15px;
    flex: 1;
    margin-right: 20px;
}
.annuaire_link_public a:hover .arrow-link,
.link-univ a:hover .arrow-link{
    background: url("images/app/arrow-link.png") no-repeat right 10px top;
}

.link-univ a .icon{
    display: inline-block;
    height: 28px;
    width: 40px;
    padding-left:10px;
    background: url("images/app/univk.png") no-repeat left top -28px;
}
.link-univ a:hover .icon{
    background: url("images/app/univk.png") no-repeat left top;
}

.left-content .annuaire_link_public{
    margin-top: 10px;
}

/* footer */

.title_footer_elem{
    font-family: "Roboto";
    font-size: 17px;
    line-height:46px;
    /* border-bottom: 1px solid #fff; */
    height: 46px;
    margin-top: 20px;
    margin-bottom: 20px;
    color:#fff;
    width: 270px;
    background: url('images/app/lec-footer-border.png') repeat-x bottom;
}



.footer-sub-link .link_sub_link{
    color:#fff;
    height: 24px;
    line-height: 24px;
    padding-left: 18px;
    background: url("images/app/arrow-wihte.png") no-repeat left;
    overflow: hidden;
}
.footer-sub-link .link_sub_link a{
    color:inherit;
}
.footer-sub-link .link_sub_link:hover{
    padding-left: 20px;
    background-color: #2a4769;
    background-position: left 5px center;
    color: #fff;
}


/* newletter footer */
.newsletter form{
    position: relative;
    margin-top: 5px;
    width: 270px;
}
.newsletter input[type=text] {
    background: url("images/app/newsletter.png") no-repeat left 10px center #fff;
    width: 270px;
    height: 40px;
    border: none;
    color: #565656;
    padding-left: 45px;
    padding-right: 40px;
    font-size: 12px;
    box-sizing: border-box;
}
.newsletter input[type=submit] {
    background: #40abdf;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0px;
    border: none;
    color:#fff;
    font-family: "Roboto";
    font-size: 14px;
    text-transform: uppercase;
}
.newsletter:hover input[type=submit] {
    color:#fff;
    background: #e99743;
}

.newsletter .desc{
    width: 270px;
    color:#fff;
}


/* resaux sociaux footer */

.resaux-sociaux{
    width:270px;
}

.resaux-sociaux .rs-item{
    height: 50px;
    width: 50px;
    background-color: rgba(255, 255, 255, 0.4);
    border : 1px solid #dfe2e6;
    text-align: center;
    padding-top: 15px;
    box-sizing: border-box;
    cursor: pointer;
}

.resaux-sociaux .rs-item:hover{
    background-color:rgba(255, 255, 255, 1);

}
.resaux-sociaux .rs-item img{
    -webkit-filter: brightness(1);
    filter: brightness(1);
}
.resaux-sociaux .rs-item:hover img{
    -webkit-filter: none;
    filter: none;
}

/* mini footer */

#mini-footer{
    position: relative;
}
#mini-footer .mini_footer_right_bg{
    height: 80px;
    background: #274363;
    position: absolute;
    right: 0;
    width: calc(100%/2);
}
#mini-footer .content_mini_footer{
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}
#mini-footer .mf-links {
    align-self: center;
    width: 821px;
    height: 80px;
    box-sizing: border-box;
    padding-top: 30px;
}
#mini-footer .copyright{
    padding-left: 70px;
    height: 80px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #fff;
    padding-top: 30px;
    font-family: "Roboto";
    font-size: 12px;
}

/* Content Page */
.banner-content{
    height: 180px;
    width: 100%;
    background: url("/media/images/banner-default.jpg?v=1") no-repeat top;
    background-size: cover;
    background-position-y: 50%;
    border-bottom-right-radius: 45px;
    position: relative;
    margin-bottom:  20px;
}

.banner-content .title-banner{
    color : #222;
    font-size: 22px;
    top: 10%;
    left: 3.428571428571429%;
    max-width: 71%;
    min-width: 44%;
    padding-left: 2%;
    padding-right: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    background: rgba(255,255,255,0.95);
    border-bottom-right-radius: 44px;
    line-height:  1.5em;
    font-family:  "Roboto Slab";
}
.bredcrumbContent{
    padding: 30px 0 5px;
    border-bottom: 1px solid #eee;
}


/* manifestation */
.manifestation_home{
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    position: absolute;
    top: -330px;
    z-index: 10;
    right: 0;
}

.manifestation_home .titles{
    font-family: "Roboto";
    font-size:21px;
    color:#535353;
    background: url("images/app/manifestation/title.png") no-repeat right;
    width: 295px;
    line-height: 40px;
    height: 40px;
    padding-left: 100px;
    box-sizing: border-box;
}

.manifestation_home .elems_manif{
    width: 275px;
    height: 239px;
    border: 10px solid #fff;
    position: relative;
}
.manifestation_home .item{
    position: relative;
    width: 275px;
    height: 239px;
    box-sizing: border-box;
    overflow: hidden;
}
.manifestation_home .item .thumb{
    position: absolute;
    width: 100%;
}
.manifestation_home .item .title_manif a{
    position: absolute;
    font-size: 18px;
    font-family: "Roboto";
    color: rgb( 255, 255, 255 );
    z-index: 1;
    top:118px;
    left:15px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    padding: 2px 10px;
    background: rgba(0,0,0,0.7);
}


.manifestation_home .item .date_manif a{
    position: absolute;
    font-size: 14.459px;
    font-family: "Roboto";
    color: rgb(239, 148, 45);
    z-index: 2;
    top:148px;
    left:15px;
    padding: 2px 10px;
    background: rgba(0,0,0,0.7);
}
.manifestation_home .item:hover .title_manif a,
.manifestation_home .item:hover .date_manif a{
    padding-left: 10px;
}

.manifestation_home .owl-controls{
    background:url("images/app/manifestation/pagination.png") no-repeat right;
    width: 209px;
    height: 31px;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.manifestation_home .owl-theme .owl-controls .owl-page span{
    margin: 10px 15px;
}
.manifestation_home .owl-theme .owl-controls .owl-page.active span{
    background: #fff !important;
}

.manifestation_home .owl-theme .owl-controls .owl-page span{
    background: rgba(255,255,255,0.5) !important;
}


.left-content .mod_soutenance{
    width: 270px ;
    margin: 0;
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 230, 230, 230 );
    box-sizing: border-box;
    padding: 20px;
}

.left-content .annuaire_link_public a{
    width: 270px;
}

.left-content .link-univ a{
    width: 270px;
}
.left-content .title-link {
    width: 120px;
}
body:not(.intranet) .ui-datepicker{
    width: 270px !important;
}
body:not(.intranet) .ui-widget-content{
    border:none !important;
}
body:not(.intranet) .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #e6e6e6 !important;
    background: #f7f7f7 !important;
    color: #000 !important;
    text-align: center;
    width: 36px;
    height: 34px;
    font-family: "Roboto";
    font-size: 14px;
    box-sizing: border-box;
    padding-top: 7px;
}
body:not(.intranet) .ui-state-default:hover{
    border: 1px solid #e6e6e6 !important;
    background: #e6e6e6 !important;
    color: #000 !important;
}
body:not(.intranet) .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: 1px solid #e6e6e6 !important;
    background: #40abdf !important;
    color: #fff !important;
}

#front_calendar table thead,#front_calendar table tfoot{
    background: #fff;
}

#front_calendartable thead tr th, #front_calendartable tfoot tr td{
    color: #40abdf !important;
    font-size: 14px;
}

#front_calendar .ui-datepicker-title{
    font-size: 15.5px !important;
    font-family: "Roboto" !important;
    text-transform: uppercase !important;
    color:#565656 !important;
    height: 36px !important;
    line-height: 36px !important;
}
#front_calendar .ui-widget-header{
    background: #f7f7f7 !important;
    border: 1px solid #e6e6e6 !important;
    box-sizing: border-box;
    border-radius: 0 !important;
}

#front_calendar .ui-datepicker .ui-datepicker-prev span, #front_calendar .ui-datepicker .ui-datepicker-next span{
    display: none !important;
}


#front_calendar .ui-widget-header .ui-state-hover,
#front_calendar .ui-widget-header .ui-state-focus{
    border:0 !important;
    background: none !important;
    font-weight:normal;
    color:#212121
}

#front_calendar .ui-datepicker .ui-datepicker-prev,
#front_calendar .ui-datepicker .ui-datepicker-next{
    height: 36px;
    width: 36px;
    background: url("images/app/calandar-prev.png") no-repeat center;
    box-sizing:border-box;
    transition:all 0.2s cubic-bezier(0.4, 0, 1, 1);
    cursor: pointer;
}
#front_calendar .ui-datepicker .ui-datepicker-next{
    background-image: url("images/app/calandar-next.png");
}
#front_calendar .ui-datepicker .ui-datepicker-prev:hover{
    background: url("images/app/calandar-prev.png") no-repeat left 40% top 14px #f7f7f7 !important;
}

#front_calendar .ui-datepicker .ui-datepicker-next:hover{
    background: url("images/app/calandar-next.png") no-repeat right 40% top 14px #f7f7f7 !important;
}

.tracking a.elem_breadcrumb{
    padding-left: 20px;
    background: url("../images/elem_bredcrumb.png") no-repeat left 5px center;
    display:inline-block;
    color:#959595;
    font-size:11px;
}

.rightOptionHeader{
    align-items: flex-end;
    box-sizing:  border-box;
}

.rightOptionHeader>div{padding-bottom: 5px;}
.soutenances_home{
    align-self: flex-start;
}
.rightOptionHeader  .extranet .title_login{
    display:none;
}


a.headerlinkContact {
    background: #072147;
    padding: 8px 10px;
    border-bottom-right-radius: 11px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 11px;
    border-top-right-radius: 11px;
    margin-left: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.5s ease;
    border-bottom: 2px solid #eee;
}
a.headerlinkContact i{
    padding-right:7px
}
a.headerlinkContact:hover{
    background: #b7121d;
}
.institut_accueil {
    height: 41px;
    background: url(images/app/header/enimTopHeader.png) no-repeat top;
    width: 88px;
    background-size: 75%;
}
.university_accueil {
    height: 41px;
    background: url(../images/logo-web-um-2020.png) no-repeat center;
    width: 100px;
    background-size: contain;
}

body.intranet .banner-content{
    display: none;
}
.bts-context .row:hover{
    background:#eee
}
.bts-context .ribriqueTitle{
    border-left: 2px solid #607D8B;
    padding-left: 10px;
    line-height:  30px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
    background: #fbfbfb;
}
.bts-context .row:hover .ribriqueTitle{
    background:#eee
}


.ed-micon,
.ed-mm-menu{
    display: none;
}

.ed-micon {
    background: #fff;
    height: 41px;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-right: 35px;
}

.position_bloc_extranet{
    position: relative;
}

.btn_extranet{
    display: none;
}

.title-block-home{
    margin-top: 22px;
    height: 38px;
    border-bottom: 3px dashed #f6f6f7;
}

.title-block-home span {
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    border-bottom: 3px solid #071840;
}


#commitees h3{
    font-size:30px;
    background: url('images/decorateur-title.png') no-repeat bottom center;
    text-align: center;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#commitees tr{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

#commitees td{
    /* display: flex; */
    width: 260px;
    font-size: 15px;
    text-align: center;
}
#commitees td{
    /* display:flex; */
}
#commitees img{
    width: 180px !important;
    height: 180px !important;
    border-radius: 50%;
}
#commitees .content-block{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.read_more{
    align-items: center;
    background: #072147;
    padding: 8px 10px;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.5s ease;
    border-bottom: 2px solid #eee;
    font-size: 1.1rem;
    display: block;
    width: fit-content;
    margin: 20px auto;
}

.project_block{
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
}

.project_block .project_link{
    width: 100%;
    height: 250px;
    background-position: center;
    background-color: #0a2444;
    border-radius: 5px;
    transition: all 0.5s ease;
    background-size: 105%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project_block .project_link:hover{
    background-size: 100%;
}

.project_block .project_link a{
    text-align: center;
    width: 100%;
    background: #183053b5;
    line-height: 1.2;
    font-size: 1.4rem;
    color: #fff;
    padding: 15px 5px;
    transition: all 0.5s ease;
}

.project_block .project_link:hover a{
    background: rgba(13, 30, 53, 0.9);
}

/* Mobile */
/* Mobile and tablet */
@media only screen and (min-width: 320px) and (max-width: 991px) {
    .nav{display: none}

    .btn_extranet{
        display: block;
        background: #0a2444;
        padding: 14px 20px;
        font-size: 13px;
        color: #fff;
        margin-right: 64px;
        margin-top: -60px;
    }

    .rightOptionHeader{
        flex-direction: row;
        align-items: center;
    }

    .rightOptionHeader .bloc_extranet{
        display: none;
    }

    .position_bloc_extranet:hover .bloc_extranet{
        display: block;
    }

    .rightElementHeader .ed-micon i{
        top: 90px;
        right: 9px;
        background: #ffc107;
        color: #fff;
        border-color: #fff;
    }

    .ed-micon,
    .ed-mm-menu {
        display: block;
    }

    .topHeader{
        display: none;
    }

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

    .wrapper {
        width: calc(100% - 2em);
    }



    .map-contact{
        display: none;
    }

    #mini-footer{
        display: none;
    }

    #owl-publication{
        width: 100%;
    }
    .last_publication_home{
        width: 100%;
        height: auto;
    }
    .last_publication_home .item{
        float: initial;
        width: 100%;
        height: initial;
    }
    .last_publication_home .item .content{
        float: initial;
        width: 100%;
        height: initial;
        margin: 20px 0;
    }
    .last_publication_home .item .content .title_item{
        height: initial;
    }

    #mini-footer .mf-links{
        width: 100%;
    }

    #footer .footer-content{
        width: 100%;
    }
    #header{
        height: auto;
    }

    #header .header-content .logo{
        width: 180px;
    }

    #header .header-content .extranet{
        position: absolute;
        z-index: 111;
    }

    #header .header-content .extranet .login-form{
        display: flex;
        flex-direction: column;
        width: initial;
        height: auto;
        min-height: 158px;
        padding: 20px;
        width: 100%;
    }

    #header .header-content .extranet .login-form input{
        margin: 10px;
    }

    .news_home .title_news span,.detail-institut .titleDetailLabo span, .title-block-home{
        font-size: 25px;
        line-height: 46px;
    }

    #pageContentContainer #left-side{
        order: 2;
        width: 100%;
    }

    #pageAlign{
        width: calc(100% - 2em);
    }

    #right-side{
        margin-left: 0;
        width: 100%;
    }

    .langHeader,.headerlinkContact{
        display: none;
    }

    .levelHome2{
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
    }


}


@media only screen and (min-width: 320px) and (max-width: 800px) {

    .left-content{
        flex-wrap: wrap;
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    #commitees td{
        width:100%
    }

    .banner_home .slider-caption{
        display: none;
    }
    .banner_home .slides-fullscreen-img img{
        height: 244px;
        margin: 8px 10px;
    }
    .banner_home{
        height: 260px;
    }
    .bannerTopHome{
        background-size: contain;
    }

    .project_block{
        flex-direction: column;
    }

}