/*
====================================================
 THEME CONFERENCE – BRUN / MARRON
====================================================
 Palette :
 - Brun foncé : #5a3d31
 - Brun principal : #7B3F00
 - Brun clair : #A47148
 - Beige chaud : #EADBC8
 - Texte foncé : #3B2A1A
====================================================
*/

/* ----------- Global ----------- */

.conf {
  width: 100%;
  margin: auto;
  font-family: Verdana, Arial, sans-serif;
  color: #3B2A1A;
}

/* ----------- Header ----------- */

.confTitleBox {
  min-height: 90px;
  background: #7B3F00;
  border-top: 3px solid #5a3d31;
  border-bottom: 1px solid #5a3d31;
  color: white;
}

.confTitle {
  width: 950px;
  margin: 0 auto;
}

.confLogoBox {
  float: left;
  padding-right: 10px;
}

.confLogoBannerBox img {
  width: 100%;
  margin-bottom: 0.5rem;
}

.conference-title-link {
  font-size: 22pt;
  display: block;
  padding: 25px 0;
  color: white;
  text-decoration: none;
}

/* ----------- Sous-header ----------- */

.confSubTitleBox {
  background: #EADBC8;
  border-top: 1px solid #A47148;
  border-bottom: 1px solid #A47148;
  padding: 0.5rem 0;
}

.confSubTitleContent {
  width: 950px;
  margin: 0 auto;
  font-size: 11pt;
  color: #3B2A1A;
}

.confSubTitle a {
  color: #5a3d31;
  text-decoration: none;
}

.confSubTitle a:hover {
  text-decoration: underline;
}

.datePlace {
  font-size: 12pt;
}

/* ----------- Announcement ----------- */

.simpleTextAnnouncement {
  background: #EADBC8;
  border-bottom: 1px solid #A47148;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  color: #3B2A1A;
  padding: 8px 0;
}

/* ----------- Layout principal ----------- */

#confSectionsBox {
  width: 950px;
  margin: 30px auto 0 auto;
}

/* ----------- Menu gauche (BRUN) ----------- */

.conf_leftMenu {
  float: left;
  width: 200px;
}

/* Conteneur menu */
#outer {
  background: #EADBC8;
  border: 1px solid #A47148;
}

/* Liens menu */
#outer li a {
  font-size: 10pt;
  color: #3B2A1A;
  padding: 7px 12px;
  display: block;
  text-decoration: none;
}

/* Hover */
#outer li a:hover {
  background: #A47148;
  color: white;
}

/* Titre menu */
.menuConfTitle {
  text-align: left;
}

.menuConfTitle a {
  color: #5a3d31;
}

/* Élément sélectionné */
.menuConfTitle.selected > a,
.menuConfMiddleCell.selected > a {
  background: #7B3F00;
  color: white;
  border-top: 1px solid #5a3d31;
  border-bottom: 1px solid #5a3d31;
}

/* Sous-menu */
li ul.inner li a {
  padding: 3px 12px 3px 30px;
  font-size: 9.5pt;
  color: #3B2A1A;
  background: transparent url(/images/conf/left_menu_bullet.png) no-repeat 15px center;
}

li ul.inner li a:hover {
  background-color: #A47148;
  color: white;
}

/* --- Forçage couleur brun pour TOUS les liens du menu --- */

#outer a,
#outer li a,
.menuConfTitle a,
.menuConfMiddleCell a,
.menuConfSelected a {
  color: #3B2A1A !important;
}

/* Hover */
#outer a:hover {
  background: #A47148;
  color: white !important;
}

/* Élément sélectionné (ex : Contact actif) */
.menuConfTitle.selected > a,
.menuConfMiddleCell.selected > a,
.menuConfSelected > a {
  background: #7B3F00;
  color: white !important;
}


/* --*