@charset "utf-8";
body { background: #ffffff  url(fond.png) fixed no-repeat  0 0 ; }
body { color: #000000 ; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif ; font-size: 12px;}
.template_color { color: #ffffff ; }
.template_border_color { border-color: #3b9dc9 ; }
.template_backgroundcolor  { color: #3b9dc9 ; }
.titre { color: #000000 ; }
.titre { text-transform: uppercase; color:#3b9dc9; font-size: 14px;} 
.menu_niveau_1_on { background-color:#3b9dc9; color:#000; }
.formcontent .titre { text-transform: none; color:inherit; font-size:14px;}
#template_header a { color:#3b9dc9 }
#template_header { color:#3b9dc9; }
#template_header { border-radius: 20px; }
#template_header #header_title > a { font-size : 1.7rem; }
#template_header #header_wheredate { font-size : 1.2rem; }

.conferencetheme { font-family: impact, chicago; color: #3b9dc9; font-size: xx-large; margin: .5em 0; text-align: center; }

h2 { text-align: center; }
.datetime { margin: 0; margin-top: 1.5em; text-align: center; }
.datetime::before { content: "📅 "; padding-right: .5em; }
div.talk:last-child { margin-bottom: 1em; }
div.talk { display: flex; justify-content: flex-start; align-items:center; }
.talkpresentation { flex-basis: 84%; }
.talkpresentation > h3 { color: #ff801f /*#348337*/; font-weight: bold; font-variant: small-caps; }
.speakername { display: inline-block; font-weight: bold; margin: 0; }
.speakerpic { flex-basis: 14%; padding-top: 1em; padding-right: 2%; }
.speakerpic img { width: 100%; border-radius: 50%; }
.speakerpic img:hover { filter: drop-shadow(0 0 .5rem #777); }
.logopic { flex-basis: 18%; padding-top: 1em; }
.logopic > img { width: 100%; border-radius: 0; }
.speakerbio { padding-left: 2em; font-style: italic; }
.logopic.member > img { flex-basis: 0; height: 6rem; width: auto; padding-right: 1em; }

.logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; }
.logos > img { flex-basis: 50px; max-width: 200px; max-height: 100px; margin: 1.5em 1em; }

#page table { border: 1px solid black; border-collapse: collapse; }
#page table th, #page table td { padding: .5em 1em; }
#page table.program th, #page table.program td { padding: .1em .2em; }

.button {
  font-size: 16px;
  display: inline-block;
  color: var(--noir-3);
  cursor: pointer;
  line-height: 20px;
  margin-bottom: 0;
  padding: 4px 14px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
}