.href-break-all a[href], a[href].href-break-all{ word-break: break-all !important; } .content-page-title .btn, html { font-family: "Brandon","Arial","Helvetica",sans-serif; } .fork_me{ font-family: tahoma; font-size: 20px; position:fixed; top:75px; right:-55px; display:block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); background-color:#c5b1e7; color:black; padding: 4px 60px 4px 60px; z-index:99; } .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } } body { padding-top: calc( 140px ); } body.no__header__top { padding-top: calc( 105px ); } body.no__header__top header .header__top{ display:None; } @media (min-width: 1600px){ .container { max-width: 1530px; } } @media (min-width: 1920px){ .container { max-width: 1830px; } } @media (min-width: 2560px){ .container { max-width: 2490px; } } .content-page-title>*:first-child{ flex-grow: 1; } .content-page-title{ display:flex; } header div{ } header nav.header__top{ background: #211b1d; color: #fff; /*padding:0 calc( 50vw - 600px ) !important;*/ padding-top:0; padding-bottom:0; } header .navbar-brand { font-size: 16px; font-family: "BrandonGrotesqueBld"; } .header__top.navbar>.navbar-collapse>div{ flex-grow:1; } .header__top>.form-inline>.form-control{ display: inline-block; width: auto; vertical-align: middle; } header nav.header__top nav-item.active{ background: #FFFFFF30; } header .header__top .form-inline input:not(:focus):not(:hover), header .header__top .form-inline input:not(:focus):not(:hover)::placeholder { color: white; opacity: 1; /* Firefox */ } header .header__top .form-inline input{ border: 0; } header .header__top .form-inline input:not(:focus):not(:hover) { background-color:#211b1d66; background-color: #FFFFFF22; } header .header__top .form-inline .form-control { height:35px; } header .header__top .dropdown-menu a, header .header__top .form-inline .btn, header .header__top .navbar-nav a.nav-link, header .header__top a { display: block; color: #fff; text-transform: uppercase; padding: 8px 30px !important; font-weight: 700; font-size: 0.8em; text-decoration: none; font-family: "BrandonGrotesqueReg"; } .header__top .form-inline{ flex-shrink:0; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-nav .nav-link:hover:not([aria-expanded=true]), header .header__top a:hover:not([aria-expanded=true]) { color: #2d80e2; } header { border-bottom: 1px solid #aeb7c0; } header .header__top .dropdown-menu a:hover, /*header .dropdown-menu>a:hover, header .dropdown.show>a ,*/ header .header__top .form-inline .btn:hover, header .header__top .form-inline .btn:focus, header .header__top a:hover { background: #fff; color: #2d80e2; font-weight: 700; text-decoration: none; } header .header__top .dropdown.show>a { box-shadow: inset 0px 1px 0px 0px #FFF, inset 1px 0px 0px 0px #FFF, inset -1px 0px 0px 0px #FFF; border-bottom: 0; color: #fff; z-index: 1001; position: relative; background: #211b1d; } header .header__middle .dropdown>a, header .header__middle .main-nav .dropdown{ transition:unset; } header .header__middle .main-nav .dropdown.show{ margin-left:0; margin-right:0; } header .header__middle :not(.show)>a.dropdown-toggle:hover{ border-bottom: 2px black solid; padding-bottom: 3px; } header .header__middle .dropdown.show>a { box-shadow: inset 0px 1px 0px 0px #aeb7c0, inset 1px 0px 0px 0px #aeb7c0, inset -1px 0px 0px 0px #aeb7c0; border-bottom: 0; z-index: 1001; position: relative; background: #FFF; padding-left:10px; padding-right:10px; transition:unset; } header .header__middle .dropdown.show>.dropdown-menu { border-color: #aeb7c0; } header .header__middle .main-nav .dropdown-menu>a, header .header__middle .main-nav .dropdown-menu>a { transition:unset; } header .header__middle .main-nav .dropdown-menu>a:hover, header .header__middle .main-nav .dropdown-menu>a.active { color: #000; background-color: unset; border-bottom: 2px black solid; padding-bottom: 6px; } header .header__middle .dropdown-divider { border-color: #aeb7c0; margin-left: -30px; margin-right: -30px; } header .header__middle .dropdown-menu>a { padding:8px 0px; } header .header__middle .dropdown-menu { padding: 0.5rem 30px; } .header__nav{ flex:1 1 auto; display: flex; flex-direction: column; } .header__nav>:first-child{ flex-grow: 3.3; } .header__nav>:last-child{ flex-grow: 1; } .header__logo-wrapper { /*float: left;*/ /*margin-right: 20px;*/ padding: 15px 1rem; } .header__nav .navbar-nav, .header__nav>.main-nav{ flex-grow: 0; display: flex; flex-direction: row; } /* .header__nav>.main-nav>*:not(.navbar-right){ flex:1 1 auto; }*/ .main-menu, .navbar>.navbar-collapse:not(.show):not(.collapsing){ flex:1 1 auto; } .navbar-collapse.show ul, .navbar-collapse.collapsing ul{ margin-bottom:0; } .header__middle .navbar-collapse.show ul, .header__middle .navbar-collapse.collapsing ul{ padding-right: 1rem; padding-left: 1rem; } .header__logo-wrapper, .header__face-wrapper{ flex-shrink:0; } .header__face-wrapper{ width: 170px; direction: rtl; } .header__face { height:105px; } .header__middle{ background:white; display:flex; -moz-transition-property: background-image; -moz-transition-duration: 500ms; padding:0; } .header__middle .navbar-toggler{ margin-right: 1rem; } .main-nav:not(.show):not(.collapsing) li { display:inline-block; display: inline-block; vertical-align: middle; margin: 0 10px; } .header__middle.navbar{ align-items:initial; } #navbar__middle__collapse:not(.show):not(.collapsing){ align-items:initial; flex-direction:column; } #navbar__middle__collapse:not(.show):not(.collapsing)>div{ display:flex; } #navbar__middle__collapse:not(.show):not(.collapsing)>div:first-child{ flex-grow:3.5; } header:not(.scrolled) #navbar__middle__collapse:not(.show):not(.collapsing)>div:last-child{ flex-grow:1; } .main-nav:not(.show):not(.collapsing) ul { list-style: none; margin: 0; padding: 0; border: 0; } .main-nav .navbar-nav a.dropdown-item, .main-nav .navbar-nav a.nav-link { position: relative; display: inline-block; font-weight: 800; text-transform: uppercase; color: #636060; font-size: 1em; } .main-nav .navbar-nav a.nav-link { padding: 5px 0; } .main-nav .dropdown-menu>a { padding:8px 30px; } .main-nav a:hover, .main-nav a.active { color: #211b1d; } .main-nav *:not(.dropdown-menu)>a:not(.dropdown-toggle):hover:after, .main-nav *:not(.dropdown-menu)>a:not(.dropdown-toggle).active:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #211b1d; } header *{ transition: all 0.2s ease-out, color 0s ease-out, background-color 0s ease-out; } /*header.scrolled .main-nav a { padding-top: 5px; margin-top: 5px; }*/ header.scrolled .header__middle{ padding-top: 0px; padding-bottom: 0px; } header.scrolled .header__logo-wrapper{ height: 2em; /*overflow: hidden;/**/ } header.scrolled .header__face { height: 39px; margin-left: 154px; /*overflow: hidden;/**/ } header.scrolled .header__logo-wrapper { padding: 0; } @media (max-width: 767px){ header .navbar .header__logo-wrapper { height: 2em; padding: 0; margin-left: -160px; } header.scrolled .navbar .header__logo-wrapper img, header .navbar .header__logo-wrapper img { height: 30px; margin-top: 5px; margin-left: 175px; } } header.scrolled .header__logo-wrapper img{ height: 39px; margin-top: -1px; margin-left: 95px; } header.scrolled .header__middle{ background-size: auto 39px; } header .header__logo-wrapper{ height: 105px; overflow: hidden;/**/ } header .header__logo-wrapper img{ height: 63px; margin-top: 10px; margin-left: 0px; /*overflow: hidden;*/ } footer .dropdown-menu , header .header__top .dropdown-menu { background: #211b1d; border-color:#fff; } footer .dropdown-menu , header .dropdown-menu { border-radius:0; margin-top: -1px; } footer{ padding: 80px 0px; background: #211B1D none repeat scroll 0% 0%; color: #FFF; font: 12px "BrandonGrotesqueReg","Arial","Helvetica",sans-serif; line-height: 21px; } @media (max-width: 768px){ footer .inner-wrap { flex-direction: column; } } footer .inner-wrap { max-width: 1200px; margin: 0px auto; position: relative; display: flex; } .footer__section { display: inline-block; vertical-align: middle; flex: 0 0 auto; display: flex; flex-direction: column; } .footer__section>*{ flex-grow: 1; } .footer__section:last-child{ flex: 0 1 auto; } @media (min-width: 960px){ .footer__address::before { content: ""; display: inline-block; vertical-align: middle; background: transparent url(https://www.pasteur.fr/sites/all/themes/custom/pasteur/assets/img/map.png) no-repeat scroll left top; width: 152px; height: 153px; margin-right: 40px; float: left; } } .footer__address .footer__logo { display: inline-block; margin-top: 20px; } .footer__address { margin-right: 40px; display: inline-block; vertical-align: middle; /*min-width: 400px;*/ margin-left:50px; } .footer__section + .footer__section{ vertical-align: top; min-height: 152px; border-left: 1px solid #2D96FA; padding: 10px 50px; } .footer__section ul { list-style: outside none none; margin: 0px; padding: 0px; border: 0px none; } .footer__section a { color: #FFF; text-transform: uppercase; text-decoration: none; } .footer__section a:hover { text-decoration: underline; } .footer__section ul .fa{ display:none; } .footer__section li{ margin-bottom: 8px; } .footer__section ul .nav-link { padding:0px; } .footer__section:last-child span{ text-align: right; font-size: initial; flex-grow: 0; } main a:hover { color: #0056b3; text-decoration: underline; } main a { color: #007bff; text-decoration: none; background-color: transparent; } .form-group { } .form-control, .form-control:focus, .form-group textarea, .form-group input, .form-group select{ color: #2d96fa; border-radius: 0px; /*border: 0px; background-color: #fff;/**/ } .form-group{ /*background: #e3e9eb;/**/ border-bottom: 1px solid #2d96fa; } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #2d96fa; background-color: #2d96fa; } .card { border-radius: 0px; } .card-header, .card-footer, .card-footer:last-child{ background-color:#F0F3F4; border-radius:0; } .card-header:first-child { border-radius:0; } .card-danger .card-footer, .card-danger .card-header{ color: #fff; background-color: #bd2130; border-color: #b21f2d; } .card-danger .card-footer a[href], .card-danger .card-header a[href]{ color: #fff; } .card.card-danger { background-color: #b21f2d22; border-color: #b21f2d; } .card-warning .card-footer, .card-warning .card-header{ background-color: #ffc107; border-color: #ffc107; } .card-warning .card-footer a[href], .card-warning .card-header a[href]{ color:black; } .card.card-warning { background-color: #ffc10722; border-color: #ffc107; } .card-info .card-footer, .card-info .card-header{ color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .card-info .card-footer a[href], .card-info .card-header a[href]{ color: #fff; } .card.card-info { background-color: #17a2b822; border-color: #17a2b8; } .card-success .card-footer, .card-success .card-header{ color: #fff; background-color: #28a745; border-color: #28a745; } .card-success .card-footer a[href], .card-success .card-header a[href]{ color: #fff; } .card.card-success { background-color: #28a74522; border-color: #28a745; } .content-page-title { color: #1D1D1B; font-family: "BrandonGrotesqueBld"; } .btn{ border-radius: 0; } .show>.btn-primary.dropdown-toggle, .btn-outline-primary:hover , .btn-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:active , .btn-primary:active, .btn-outline-primary:focus , .btn-primary:focus { color: #fff; background-color: #0275e3; border-color: #0275e3; } .show>.btn-secondary.dropdown-toggle, .btn-outline-secondary:hover, .btn-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:active, .btn-secondary:active, .btn-outline-secondary:focus, .btn-secondary:focus { color: #fff; background-color: #81796a; border-color: #81796a; } .btn-primary { color: #fff; background-color: #2d96fa; border-color: #2d96fa; } .btn-secondary { color: #fff; background-color: #989287; border-color: #989287; } .btn-outline-primary { color: #2d96fa; border-color: #2d96fa; background-color:white; } .btn-outline-secondary { color: #989287; border-color: #989287; background-color:white; } .show>.btn-success.dropdown-toggle, .btn-outline-success:hover, .btn-success:hover, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:active, .btn-success:active, .btn-outline-success:focus, .btn-success:focus { color: #fff; background-color: #23953d; border-color: #23953d; } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success { color: #28a745; border-color: #28a745; background-color:white; } .dropdown-menu { border-radius:0; } /***************** dropdown secondary ******************/ .btn-secondary.dropdown-toggle+.dropdown-menu{ background-color: #81796a; border-color: #81796a; } .show>.btn-outline-secondary.dropdown-toggle, .show>.btn-outline-secondary.dropdown-toggle:focus { border-color: #989287; color: #989287; background-color:white; } .show>.btn-outline-secondary.dropdown-toggle, .show>.btn-outline-secondary.dropdown-toggle:focus , .show>.btn-secondary.dropdown-toggle, .show>.btn-secondary.dropdown-toggle:focus { box-shadow:none; } .btn-secondary.dropdown-toggle+.dropdown-menu>.dropdown-item{ color: #fff; } .btn-secondary.dropdown-toggle+.dropdown-menu>.dropdown-item:hover, .btn-secondary.dropdown-toggle+.dropdown-menu>.dropdown-item:focus{ color: #989287; background-color:white; } .btn-secondary.dropdown-toggle+.dropdown-menu.multiselect-container, .btn-outline-secondary.dropdown-toggle+.dropdown-menu{ color: #989287; border-color: #989287; background-color:white; } .btn-outline-secondary.dropdown-toggle+.dropdown-menu>.dropdown-item{ color: #989287; } .btn-outline-secondary.dropdown-toggle+.dropdown-menu>.dropdown-item:hover, .btn-outline-secondary.dropdown-toggle+.dropdown-menu>.dropdown-item:focus{ color: #fff; background-color: #989287; border-color: #989287; } .btn-secondary+.dropdown-menu>.dropdown-item.disabled,.btn-secondary+.dropdown-menu>.dropdown-item:disabled, .btn-outline-secondary+.dropdown-menu>.dropdown-item.disabled,.btn-outline-secondary+.dropdown-menu>.dropdown-item:disabled { color: #bdb6ae; } /***************** dropdown primary ******************/ .btn-primary.dropdown-toggle+.dropdown-menu{ background-color: #0275e3; border-color: #0275e3; } .show>.btn-outline-primary.dropdown-toggle, .show>.btn-outline-primary.dropdown-toggle:focus , .show>.btn-primary.dropdown-toggle, .show>.btn-primary.dropdown-toggle:focus { box-shadow:none; } .show>.btn-outline-primary.dropdown-toggle, .show>.btn-outline-primary.dropdown-toggle:focus { border-color: #2d96fa; color: #2d96fa; background-color:white; } .btn-primary.dropdown-toggle+.dropdown-menu>.dropdown-item{ color: #fff; } .btn-primary.dropdown-toggle+.dropdown-menu>.dropdown-item:hover, .btn-primary.dropdown-toggle+.dropdown-menu>.dropdown-item:focus{ color: #2d96fa; background-color:white; } .btn-primary.dropdown-toggle+.dropdown-menu.multiselect-container, .btn-outline-primary.dropdown-toggle+.dropdown-menu{ color: #2d96fa; border-color: #2d96fa; background-color:white; } .btn-outline-primary.dropdown-toggle+.dropdown-menu>.dropdown-item{ color: #2d96fa; } .btn-outline-primary.dropdown-toggle+.dropdown-menu>.dropdown-item:hover, .btn-outline-primary.dropdown-toggle+.dropdown-menu>.dropdown-item:focus{ color: #fff; background-color: #2d96fa; border-color: #2d96fa; } .btn-primary+.dropdown-menu>.dropdown-item.disabled,.btn-primary+.dropdown-menu>.dropdown-item:disabled, .btn-outline-primary+.dropdown-menu>.dropdown-item.disabled,.btn-outline-primary+.dropdown-menu>.dropdown-item:disabled { color: #9fbbd6; } /***************** dropdown danger ******************/ .btn-danger.dropdown-toggle+.dropdown-menu{ background-color: #dc3545; border-color: #dc3545; } .show>.btn-outline-danger.dropdown-toggle, .show>.btn-outline-danger.dropdown-toggle:focus { border-color: #dc3545; color: #dc3545; background-color:white; } .show>.btn-outline-danger.dropdown-toggle, .show>.btn-outline-danger.dropdown-toggle:focus , .show>.btn-danger.dropdown-toggle, .show>.btn-danger.dropdown-toggle:focus { box-shadow:none; } .btn-danger.dropdown-toggle+.dropdown-menu>.dropdown-item{ color: #fff; } .btn-danger.dropdown-toggle+.dropdown-menu>.dropdown-item:hover, .btn-danger.dropdown-toggle+.dropdown-menu>.dropdown-item:focus{ color: #dc3545; background-color:white; } .btn-danger.dropdown-toggle+.dropdown-menu.multiselect-container, .btn-outline-danger.dropdown-toggle+.dropdown-menu{ color: #dc3545; border-color: #dc3545; background-color:white; } .btn-outline-danger.dropdown-toggle+.dropdown-menu>.dropdown-item{ color: #dc3545; } .btn-outline-danger.dropdown-toggle+.dropdown-menu>.dropdown-item:hover, .btn-outline-danger.dropdown-toggle+.dropdown-menu>.dropdown-item:focus{ color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger+.dropdown-menu>.dropdown-item.disabled,.btn-danger+.dropdown-menu>.dropdown-item:disabled, .btn-outline-danger+.dropdown-menu>.dropdown-item.disabled,.btn-outline-danger+.dropdown-menu>.dropdown-item:disabled { color: #bdb6ae; } /***************** ******************/ .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group>.input-group-prepend>.input-group-btn, .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-append>.input-group-btn { border-radius:0; } .input-group>.form-control{ border-radius:0; } .fork_me{ display:none; } h1.boxed, h2.boxed, h3.boxed, h4.boxed, h5.boxed, h6.boxed{ background-color: #F0F3F4; padding: .75rem 1.25rem; border: 1px solid rgba(0,0,0,.125); } .bg-primary { color: #fff; background-color: #2d96fa!important; } .bg-secondary { color: #fff; background-color: #989287!important; } .border-primary { border-color: #2d96fa!important; } .border-secondary { border-color: #989287!important; } .text-primary { color: #2d96fa!important; } .text-secondary { color: #989287!important; } a.bg-primary:hover, a.bg-primary:active, a.bg-primary:focus { color: #fff; background-color: #0275e3!important; border-color: #0275e3!important; } a.bg-secondary:hover, a.bg-secondary:active, a.bg-secondary:focus { color: #fff; background-color: #81796a!important; border-color: #81796a!important; } .text-muted a{ color:#66b0ff; } @media (max-width: 767px){ .footer__section + .footer__section, .footer__section{ min-height:2em; } .header__top{ display:none; } body { padding-top: calc( 41px ) !important; } footer { padding:0; } }