/*
    Use this stylesheet to modify the layout of your
    conference.
*/

:root {
  /* Header */
  --conf-theme-header-bg: #1a64a0;
  --conf-theme-header-border-bottom: #0f4c80;
  --conf-theme-header-text: white;

  /* Subtitle area */
  --conf-theme-subtitle-bg: #f5faff;
  --conf-theme-subtitle-border: #d5e4f1;
  --conf-theme-subtitle-text: #24425a;

  /* Menu colors */
  --conf-theme-menu-bg: #f6f6f6;
  --conf-theme-menu-border: #ccc;
  --conf-theme-menu-link: #275c86;
  --conf-theme-menu-selected: #bd891a;
  --conf-theme-menu-selected-bg: #dadada;
  --conf-theme-menu-selected-border: #d0d0d0;
  --conf-theme-hover-bg: #e0e0e0;
  --conf-theme-hover-color: var(--conf-theme-menu-link);
  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;
  --conf-theme-announcement-border-top: 1px solid var(--conf-theme-announcement-border);
  --conf-theme-announcement-border-bottom: none;

  /* Support box */
  --conf-theme-support-bg: #f6f6f6;
  --conf-theme-support-border: #ccc;
  --conf-theme-support-header-bg: #1a64a0;
  --conf-theme-support-header-text: #f3f3f3;
  --conf-theme-support-text: #aaa;

  /* Background images */
  --conf-theme-sprite-image: url('/images/conf/sprites_blue.png');

  /* Announcement colors */
  --conf-theme-announcement-bg: #f5faff;
  --conf-theme-announcement-border: #c2d6e7;
  --conf-theme-announcement-text: #0f283d;


}

/* Other CSS as needed */

.conf {
	width: 100%;
	border: none;
	margin: auto;
}
/*
	Wraps around the upper part of the conference header.
*/
/*      
	Zone ou l'on insert le bandeau de la conference - la dimension du bandeau est de 950x261px
	il est important de respecter cette largeur de 950px pour les  tablettes  
*/
img.confLogo {
	margin-top: -18px;
}
.confLogoBannerBox img {
  width: 100%;
}

.confTitleBox {
	/*color: white;/*couleur du texte*/
	align: center;
	min-height: 90px;
	border-top: 0px solid #234173;/*bordure au dessus du logo/bandeau*/
	border-bottom: 0px solid #0f4c80;/*bordure au dessous du logo/bandeau*/
	background: #00294B;/*couleur de fond autour du logo/bandeau > couleur bleu fonce  #00294B*/

}
/*
	Sets the width of the upper part of the conference header.
	Is set to 950px and centered by default.
	Ajouter un bandeau dans "mise en page>logo de levenement"
	le bandeau se gere dans le style ci-dessous!
*/
.confTitle {
	width: 1020px;/*largeur du logo/bandeau laisser a 950px ou changer la variable si l'image est plus large penser au tablettes !*/
	margin: 0 auto;	
}

.conference-title-link {
	font-size: 0px;/*positionner "font-size:30px;" pour enlever le Titre dans le cas d'un bandeau mettre la valeur a 0px*/
	text-align: center;
	display: block ruby;
	padding-bottom: 0px;
	/*margin-inline: 0px; joue sur la taille du bandeau */
	color:#00294B;

}
/*	The box containing the logo. By the default the logo is placed
	on the left of the conference title.
	Ne pas changer ce style par defaut le logo est place a gauche
*/
/* nouveaute chgt indico? */

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

div.confLogoBox {
  padding: 0px;
}


.confLogoBox {
  float: left;
  padding-bottom: 0px;
  padding-top: 7px;
}

.confSubTitleBox {
	background: #d52a2a;/*Bande sous le logo/Bandeau > Couleur FCPPL Rouge #d52a2a*/
	border-bottom: 0px solid #00294b;
	border-top: 0px solid #FFF;
	padding: 0.5rem 0;
}

.confSubTitleContent {
	width: 1020px;
	margin: 0 auto;
	font-size: 11pt;
}
div.date {
  font-size: 0px;
  font-weight: bold;
  color: #d52a2a;
  display: inline;
  padding: 0px 0 0px 0px;
}
div.place {
  font-size: 20px;
  /*font-weight: bold;*/
  color: #00294b;
  display: inline;
  padding: 5px 0 10px 15px;
}
div.datePlace > div.timezone {
  font-size: 15px;
  color: #FFF;
  /*display: inline;*/
  padding: 0px 0 0 15px;
}

outer {
	width: 100%;
	position: relative;
	background: #7DD1E9;
	border: 1px solid #ccc;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.fake-link:hover, .ui-widget-content a:hover {
	background: #FFF;
	cursor: pointer;
	font-weight: bolder;
}

/* 
	Styles for the menu
	Styles for all menu Items

	Styles du menu 
/*
/*
	Wrapper around the menu
*/
.conf_leftMenu {
	float:left;
	width:200px;/*garder la valeur de 200*/
}
/*
	Wrapper around the content
	!ne pas changer!
	cale le menu !
*/
/*
	distance entre le bord gauche et le contenu de la page			
*/
.confBodyBox {
	margin-left: 230px;
}

#outer {
	border-radius: 5px;	
	/*border: 2px solid #FFF;Charte FCPPL Bleu clair #456487*/
	/*background: #d52a2a; #00294B*/
	padding: 5px;
}

/*
	The menu item
	styles du texte des menus
*/
#outer li a {
	font-family:verdana,arial,sans-serif;
	font-size: 10pt;
}

/*
	The menu item when doing mouseover
	styles au survol
*/
/*Attributs des items du menu au survol*/
#outer li a:not(.no-link):hover {
	color: #FFFFFF;
	font-weight: bold;
	border-radius:12px 0 12px 0;
	/*background: #EA5C0F;*/
	background: #d52a2a;/*survol du menu > Couleur FCPPL Rouge #d52a2a */
}
/*
	A non selected menu item
	Style du texte menu
*/
.menuConfTitle {
	text-align: left;
}

.menuConfTitle a {	
	color: #00294B;/*Lien du texte dans le pave menu > Couleur FCPPL Bleu fonce #00294B*/
	padding: 7px 12px;
	background: #EEE;/*couleur de fond du menu!*/
	border-bottom: 1px dotted #d0d0d0;
	border-top: 1px dotted #d0d0d0;
}

/*
	A selected menu item
	Styles des liens selectionnés du menu
*/
/*Attributs des items du menu selectionnes*/
.menuConfTitle.selected > a, .menuConfMiddleCell.selected > a {
	color: #FFF;
	font-weight: bold;
	border-radius:12px 0 12px 0;
	background: #00294B;/*Lien selectione > Bleu fonce #00294B*/
	border-bottom: 3px solid #d52a2a;
	border-right: 1px solid #d52a2a;
	/*border-top: 1px solid #d0d0d0;*/
}

/*
	sub menu item
*/
li ul.inner li a {
	padding: 3px 12px 3px 30px;
	/*background: transparent url(../../images/conf/left_menu_bullet.png) scroll no-repeat 15px center;*/
	background: url('https://api.iconify.design/dashicons:yes.svg?height=20');
}

/*------------styles page-----------------*/
#confSectionsBox {
	width: 1020px;
	height: 100%;
	margin: 0 auto;
	margin-top: 0;
	background-color: white;
	padding: 10px;
	/*border-right: 1px solid #DB3A00;*/
	/*border-left: 1px solid #DB3A00;*/
	border-radius: 0px;
}

/* Zone comprenant la page avec le titre */

.conference-page header .title > .text > .title-with-actions h2, .conference-page header .title > .text > .title-with-actions h3 {
  font-size: 100%;
  font-weight: normal;
  display: inline;
  margin-right: 0;
}

.conference-page  {
	font-size: 14px;
	font-color: #808080;
	font-weight: normal;
	font-family:verdana,arial,sans-serif;
	line-height: 1.5;
	border: 1px solid #00294B;/*contour page > Bleu fonce  #00294B*/
	border-radius: 5px;
	background-color: white;
	padding: 10px;
}

/* Zone comprenant la page sous le titre */

.page-content  {
	border-top: solid 0px #DB3A00;
	border-radius: 5px;
	background-color: white;
	padding: 10px;
}

/* Zone gauche et droite de la page */
.conf {
	width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	/*background-color:#0A9B9C;*/
	background-color:white;
}

/*------------Style titres-----------------*/
/*
	Titre h2 haut de page
*/

.conference-page header h2 {
	display: inline-block;
	font:bold 12px Verdana;
	font-family:verdana,arial,sans-serif;
	border-radius:12px 0 12px 0;
	border-left: 1px solid #d52a2a;
	border-top: 3px solid #d52a2a;
	margin-right: 0;
	color: #fff;
	padding: 7px 60px 7px 12px;
	background: #00294B;/*Bleu fonce  #00294B*/
}

/*
	Titre h3 dans les pages
*/

.conference-page  .page-content h2 {
	display: inline-block;
	font:bold 12px Verdana;
	border-radius:12px 0 12px 0;
	margin-right: 0;
	color: #fff;
	padding: 5px 10px 3px 10px;
	background: #00294B;/*Bleu fonce  #00294B*/
}

/*
.conference-page  .page-content h3 {
	display: inline-block;
	font:bold 11px Verdana;
	border-radius:12px 0 12px 0;
	margin-right: 0;
	color: #fff;
	padding: 5px 10px 3px 10px;	
	background: #d52a2a;
}
*/

.conference-page section .header-row h3 {
    flex-grow: 1;
    color: #FFF;
    font-size: 1.5em;
    font-weight: normal;
}




/*
	footer/pied de page
*/

.footer {
	color: #fff;
	padding: 20px;
	background: #00294B;/*Couleur FCPPL Bleu foncee #00294B*/
}
.footer a {
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	background: #00294B;/*Couleur FCPPL Bleu fonce #00294B*/
}
.footer a:hover {
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	background: #d52a2a;/*Couleur FCPPL Rouge #d52a2a*/
}

/* ajout personnalisation encart contact */
.support_box > h3 {
  color: white;
  background: #00294B;
  margin: 0 0 5px 0;
  padding: 5px;
  font-weight: normal;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
.support_box {
  margin-top: 10px !important;
  width: 100%;
  color: #aaa;
  background: white;
  border: 1px solid #00294B;
  border-radius: 5px;
}

.conference-page .subtitle-container h3 {
    color: white !important;
}