@charset "utf-8";
@import url(../standard/portal/front/modeles.css);
@import url(../standard/portal/front/style.css);
@import url(../syracuse/syracuse.css);
@import url(front.css);
@import url(header_modern.css);
/***********Header***********/
:root {
	--color-bg-primary: #ffffff;
	--color-border-primary: #8b8885; 
	--grid-display-size: calc(1534px / 36);
}

 
#header_banner { 
    background-color: var(--color-bg-primary);
    background-image: linear-gradient(to bottom, var(--color-bg-primary) 0, rgba(255, 255, 255, 0) calc(var(--grid-display-size) * 3), rgba(255, 255, 255, 0) calc(100% - var(--grid-display-size)), var(--color-bg-primary) 100%), linear-gradient(to right, var(--color-bg-primary) 0, rgba(255, 255, 255, 0) calc(var(--grid-display-size) * 2), rgba(255, 255, 255, 0) calc(100% - var(--grid-display-size)), var(--color-bg-primary) 100%), linear-gradient(105deg, var(--color-bg-primary), rgba(255, 255, 255, 0)), linear-gradient(var(--color-border-primary) 1px, transparent 1px), linear-gradient(to right, var(--color-border-primary) 1px, var(--color-bg-primary) 1px);
    background-size: 100% 100%, 100% 100%, 100% 100%, var(--grid-display-size) var(--grid-display-size), var(--grid-display-size) var(--grid-display-size);
    background-position: top left; 
	height:500px;

}
 .header-modern__top-nav {
	 background-color:#6c7fd8;
 }
.header-modern #ermes_main_menu li.LEVEL1>a:not(.btn),
 .header-modern #ermes_main_menu li.LEVEL1>button:not(.btn),
 .header-modern #ermes_main_menu li.rich-item>a:not(.btn),
 .header-modern #ermes_main_menu li.rich-item>button:not(.btn),
 .header-modern #header-modern-main-nav-mobile li.LEVEL1>a:not(.btn),
 .header-modern #header-modern-main-nav-mobile li.LEVEL1>button:not(.btn),
 .header-modern #header-modern-main-nav-mobile li.rich-item>a:not(.btn),
 .header-modern #header-modern-main-nav-mobile li.rich-item>button:not(.btn),
 .header-modern #nav-rich-menu li.LEVEL1>a:not(.btn),
 .header-modern #nav-rich-menu li.LEVEL1>button:not(.btn),
 .header-modern #nav-rich-menu li.rich-item>a:not(.btn),
 .header-modern #nav-rich-menu li.rich-item>button:not(.btn){
	background-color:#4f66d0;
 }

 .header-modern #ermes_main_menu li.LEVEL1>a:not(.btn):focus,
 .header-modern #ermes_main_menu li.LEVEL1>a:not(.btn):hover,
 .header-modern #ermes_main_menu li.LEVEL1>button:not(.btn):focus,
 .header-modern #ermes_main_menu li.LEVEL1>button:not(.btn):hover,
 .header-modern #ermes_main_menu li.rich-item>a:not(.btn):focus,
 .header-modern #ermes_main_menu li.rich-item>a:not(.btn):hover,
 .header-modern #ermes_main_menu li.rich-item>button:not(.btn):focus,
 .header-modern #ermes_main_menu li.rich-item>button:not(.btn):hover,
 .header-modern #header-modern-main-nav-mobile li.LEVEL1>a:not(.btn):focus,
 .header-modern #header-modern-main-nav-mobile li.LEVEL1>a:not(.btn):hover,
 .header-modern #header-modern-main-nav-mobile li.LEVEL1>button:not(.btn):focus,
 .header-modern #header-modern-main-nav-mobile li.LEVEL1>button:not(.btn):hover,
 .header-modern #header-modern-main-nav-mobile li.rich-item>a:not(.btn):focus,
 .header-modern #header-modern-main-nav-mobile li.rich-item>a:not(.btn):hover,
 .header-modern #header-modern-main-nav-mobile li.rich-item>button:not(.btn):focus,
 .header-modern #header-modern-main-nav-mobile li.rich-item>button:not(.btn):hover,
 .header-modern #nav-rich-menu li.LEVEL1>a:not(.btn):focus,
 .header-modern #nav-rich-menu li.LEVEL1>a:not(.btn):hover,
 .header-modern #nav-rich-menu li.LEVEL1>button:not(.btn):focus,
 .header-modern #nav-rich-menu li.LEVEL1>button:not(.btn):hover,
 .header-modern #nav-rich-menu li.rich-item>a:not(.btn):focus,
 .header-modern #nav-rich-menu li.rich-item>a:not(.btn):hover,
 .header-modern #nav-rich-menu li.rich-item>button:not(.btn):focus,
 .header-modern #nav-rich-menu li.rich-item>button:not(.btn):hover{
	 background-color:#6c7fd8;
 }
 
.header-modern__account .btn-account{
	 background-color:#fb2b3a;
	 border-color:#fb2b3a;
} 
.header-modern__account .btn-account:focus,
.header-modern__account .btn-account:hover{
	background-color:#fd4755;
	border-color:#fd4755;
}
.header-modern .btn-default {
	 background-color:#0ab69f;
 }
.header-modern .btn-default:hover,
.header-modern .btn-default:focus{
	 background-color:#0ed2b3;
 }
.header-modern__body {
	height:250px;
}
.header-modern__search #textfield{
	border:1px solid #4f66d0;
}
.btn.clean-text-field {
	border:1px solid #4f66d0;
	border-left:0px;
}
.header-modern.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
	border:1px solid #4f66d0;
	border-left:0px;
}
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
	border:1px solid #4f66d0;
	border-left:0px;
}
.header-modern__search #textfield:focus,
.header-modern__search #textfield:hover,
.header-modern__search .clean-text-field:focus,
.header-modern__search .clean-text-field:hover{
	 border:1px solid #4f66d0;
 }
 .header-modern__brand .navbar-brand-title{
	 color: #065a84;
 }
 /***************************logo********************/
 .header-modern__brand .navbar-brand  {
    width: 144px;
    height: 70px;
    background: transparent url(images/logo.png) no-repeat center center;
    background-size: contain;
	padding:75px;
}