@font-face {
    font-family: 'helvetica_neueregular';
    src: url('fonts/helveticaneue-ultralight-webfont.eot');
    src: url('fonts/helveticaneue-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/helveticaneue-ultralight-webfont.woff2') format('woff2'),
    url('fonts/helveticaneue-ultralight-webfont.woff') format('woff'),
    url('fonts/helveticaneue-ultralight-webfont.ttf') format('truetype'),
    url('fonts/helveticaneue-ultralight-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

   .Deceased_class{background-color: red!important} 


* {margin: 0; padding: 0;}
body{ background: #CCCCCC; font-family: Helvetica, Arial, sans-serif; height: 100%}
a {text-decoration: none; color: inherit }

table.noChrome, table.chrome { border-collapse: collapse; width: 100% }
table.noChrome td, table.noChrome th, table.chrome td, table.chrome th { padding: 5px}
table.noChrome th, table.chrome th { text-align: left; color:#a0c1d9  }
table.chrome tr { border-bottom: 1px solid #efefef }
table.chrome tr:hover { background: #efefef; cursor: pointer }
table.chrome thead tr:hover, table.chrome tr.noHover:hover { background: inherit; cursor: inherit }
table.noChrome td.label, table.chrome td.label { width: 140px; vertical-align: middle; font-weight: bold; color: #99b258}
table.noChrome td.label.multiline, table.chrome td.label.multiline { vertical-align: top }
table.noChrome td, table.chrome td { vertical-align: top }
table.noChrome tr.highlight, table.chrome tr.highlight { background: #ff6666; color: white }
table.chrome a, table.noChrome a {color: #99b258}

.clear {clear: both}
.hidden {display: none}
.container {width: 980px; margin: auto; position: relative;}
.account_menu {background: #a0c1d9; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; position: absolute; top: 0; right: 0; color: #FFFFFF; padding: 3px 15px 10px 15px;}
.page {background: #FFFFFF; margin: auto; width: 980px; padding: 0 40px }
a.button {padding: 4px 8px; text-align: center; border-radius: 5px; margin: auto; display: block; cursor: pointer; background: #99b258; color: white; font-family: helvetica_neueregular, Helvetica, Arial, sans-serif}
.sunflower {border-right: #CCCCCC 1px solid; width: 400px; padding: 10px 0 0 20px; float: left;}
.welcome_panel {float: left; width: 520px; padding: 10px 0 0 20px;}
.welcome_text {color: #CCCCCC; width: 520px; padding-top: 30px;}
.events {clear:both; color: #a0c1d9; padding: 50px 0}
.events h1 {border-bottom: 2px solid #a0c1d9; font-family: helvetica_neueregular, Helvetica, Arial, sans-serif}
.events h1 a {color:#a0c1d9; padding: 0 10px; background: white; position: relative; top: 15px; cursor: default;font-size:30px}
.project {width: 49%;display: inline-block;padding:40px 0 0 0}
.project:first-of-type{margin:0 2% 0 0!important}
.project span {color: #99b258;}
.project p {padding-bottom: 7px;font-size:16px}
.project h2 {color:#a0c1d9; padding: 10px 0; font-family: helvetica_neueregular, Helvetica, Arial, sans-serif;font-size:22px}
.event_view_details p a{color:#a0c1d9}
.load_more {text-align: center; padding:50px 0; clear: both}
.footer {width: 100%; margin: auto; position: relative; background-color: #99b258; height: 100px;}
.footer_bottom_border {clear:both; width: 100%; margin: auto; position: relative; background: #7e973e; height: 25px;}

.profiles {clear:both; color: #a0c1d9; padding-top: 50px;}
.profiles h1 {border-bottom: 2px solid #a0c1d9; font-family: helvetica_neueregular, Helvetica, Arial, sans-serif;}
.profiles h1 a {color:#a0c1d9; padding: 0 10px; background: white; position: relative; top: 15px; cursor: default}
.profile_title {float: left; width: 140px; padding-top: 40px;}
.profile_title span {color: #99b258;}
.profile_title p {padding-bottom: 29px;}
.profile_fill {float: left; width: 300px; padding-top: 40px;}
.profile_fill p {padding-bottom: 29px;}

.previous_events {color: #99b258; border-top: #CCCCCC 1px solid; padding: 25px 0}
.padding_hundred {padding-bottom: 100px;}

.image_container {margin: 0 auto; position: relative; z-index: 10; top: 0; text-align: center;}
.image_container img {width: 100%}
.image_intersect {float: left; position: absolute;padding: 15px 0 0 50px;}

.event_view_details {clear: both; padding: 10px 0 0 200px;}
.event_view_details h1 {color:#a0c1d9; padding-bottom: 15px; font-family: helvetica_neueregular, Helvetica, Arial, sans-serif}
.event_view_details span {color: #99b258; padding-bottom: 15px}
.event_view_details p {padding-bottom: 15px; color: #666666}
/*.event_view_text { padding: 0 50px } */
.event_view_text {float: left; padding: 20px 50px 50px 150px; width: 730px; text-align: justify; color: #666666; border-top: #CCCCCC 1px solid; font-family: Helvetica, Arial, sans-serif }
.event_register_button {float: left; width: 100px; padding-top: 40px;}
.event_register_button input[type="button"],input[type="submit"] {float: right; margin-right: 50px;}
.event_view_details .overview {float: left; width: 600px; padding-top: 10px;}
.event_view_text ul li{list-style-position: inside;padding: 10px 0 0 50px}

.registrations {clear:both; color: #a0c1d9;}
.registrations h1 {border-bottom: 2px solid #a0c1d9; font-family: helvetica_neueregular, Helvetica, Arial, sans-serif}
.registrations h1 a {color:#a0c1d9; padding: 0 10px; background: white; position: relative; top: 15px; cursor: default}
.registrations_body {clear:both; padding: 50px 0 40px 10px;}
.registrations_body span {margin: auto; width: 320px; margin-top: 20px}
.registrations .field {color: #666666; padding-top: 20px;clear:both}
/*.registrations .field p {display: inline-block}*/
.registrations .field input[type="checkbox"] {float: left; width: 20px; margin: 0 15px;}
/*.registrations .field span, .field_date span {color: #666666;}*/
.registrations .field_date {float: left; color: #666666; padding: 10px 0 0 0; width: 400px}
.registrations .field_date input[type="date"], .field_date input[type="text"] {margin: 20px 50px 0 20px; padding: 3px; border: 1px solid #CCCCCC}
.registrations_button {border: none; float: right; margin-top: 30px; color: #99b258;}

.registrations .itemChoicePerUser { margin: 10px 0; display: none }
.registrations .guestTitle { margin: 20px 0 0 0; font-weight: bold;border-top: 1px solid #ccc;padding: 10px 0 0 0;}

.eventRegistration .select2-container, .eventRegistration .select2-container .selection,  .eventRegistration .select2-container .selection .select2-selection {margin: 0}

.loginForm form {margin: auto; width: 400px}
.login_div {padding: 15px 0 15px 15px; width: 400px; float: left}
.login_div span {float:left; width: 100px}
.login_div input {width: 150px; float: left; padding: 3px; border: 1px solid #CCCCCC}
.login_register {float: right;}
.register_main {float: left; margin: auto; width: 400px;}
.register_longdiv {padding: 0 0 0 15px; width: 900px; float: left;height: 60px}
.register_longdiv span {float:left; width: 150px}
.register_longdiv input { width: 150px; float: left; padding: 3px; border: 1px solid #CCCCCC}
.register_longdiv input[type="radio"]{width:15px;border:none;float: none}
.register_longdiv label {margin: 0 15px 0 0}
.register_explication {color: #000000; font-style: italic; font-size: 12px; padding-left: 5px;}
.register_info {clear: both; width: 900px;}
.register_info div {padding: 0 0 0 15px; width: 400px; float: left;height: 60px}
.register_info div span {float:left; width: 150px}
.register_info div input[type="text"] {width: 150px; float: left; padding: 3px; border: 1px solid #CCCCCC}
.register_info div select {width: 157px; float: left; border: 1px solid #CCCCCC}
.register_info div textarea {width: 155px; float: left; border: 1px solid #CCCCCC; font-family: Arial; padding: 3px; max-width: 200px; max-height: 300px}
.register_radio div {padding: 0 0 15px 15px; width: 80px; float: left}
.register_field {padding: 15px 0 15px 15px; width: 400px; float: left}

.multipleReg {clear: both; display: none; margin: 20px 0 0 0}
.multipleReg::after {clear: both; display: block; content: ''}
/*.multipleReg > div:first-child {margin: 0 15px 0 60px}*/
.multipleReg > div {float: left; width: 135px}
.multipleReg > div span {width: 125px; display: inline-block; font-size: 14px; margin-top: 10px}
.multipleReg > div input {padding: 3px; width: 100px; display: block}

.totalPayment {clear:both;  float: right; padding: 20px 0; width: 290px}
.totalPayment h4 {color: #99b258; margin: auto 10px auto auto;  float: left; font-weight: bold}
.totalItemsPrice {padding-left: 100px; color: #666666}

.select2 li.select2-selection__choice span {float: none; width: auto}
.eventRegistration.specialtySelect *{max-width: 100%!important}

header {width: 100%; height: 120px; background: #FFFFFF; text-align: center;}
header figure {float: left;}
select {margin-bottom: 15px; height: 25px; width: 200px}
textarea {margin-bottom: 15px; height: 25px; width: 200px}

input[type="button"].login, input[type="submit"].login { border: none; padding: 6px 15px; border-radius: 5px; margin: auto; display: block; cursor: pointer; background: #99b258; color: white; font-size: 16px }

.noticeMessage { margin: 10px 0; color: red }
.red {color: red!important;}

a.websiteByWhitebeard {color: #CAD6AB; text-align: center; display: block; padding: 0; font-size: 11px}

/*congress styling*/
.congress.container {padding: 0 0 100px 0}
.congress.container a.lang {margin: 20px 0; display: inline-block; font-size: 14px; color: #99B258;}
.congress.container .row {display: block; margin: 30px 10px}
.congress.container textarea {margin: 10px 0; height: 150px; width: 100%; display: block; padding: 10px}
.congress.container p {display: inline-block}
.congress.container span {font-size:18px; width: 250px; display: inline-block; vertical-align: top}
.congress.container span.red {color: red}
.congress.container h3 {color:#99b258; margin: 25px 0 20px 0; text-transform: uppercase}
.congress.container h2 {color:red;margin:8px 0 0 3px; text-transform: uppercase}
.congress.container h4.underlineTitle {text-decoration: underline; font-size: 18px; font-weight: bold; margin: 20px 0}
.congress.container input {padding: 5px}
.congress.container input.congressField {width: 500px}
.congress.container input[type=submit],.congress.container .saveCongress {padding: 10px; text-align: center; border-radius: 5px; background:#99b258; color: white; float: right; margin: 10px; font-size: 16px; border: none; cursor: pointer}
.congress.container select {width: 510px; margin: 0}
.congress.container .success {display: inline-block;color:red}
.congress.container .hidden {display: none}
.congress.container .coverImage {display: block;
    background-image: url('images/congress-cover.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 600px;
    margin: 0 0 20px 0;
    background-position: center left;}
.congress.container .coverImageEn {display: block;
    background-image: url('images/congress-cover-en.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 600px;
    margin: 0 0 20px 0;
    background-position: center left;}
.congress.container a.insertCoauteur {margin: 0 15px; text-decoration: underline; color: red; font-size: 14px}
.congress.container p.notabene {font-size: 14px; color: red}
.congress.container p.notabene a.sendMail {color: blue; text-decoration: underline}

.congressTimeout {height: 400px; padding: 300px 0; display: table; text-align: center; width: 100%; line-height: 40px}
.congressTimeout p {color: red}
.congressTimeout a {background: #99b258; color: white; padding: 10px; border-radius: 5px}