@charset "utf-8";
/*Version de feuille de style Ecole 2 inf 072024 - corrections*/
/*Ajout correctif ajustement visuel Timetable*/
/* CSS Document */
/*
	Sets the width of the upper part of the conference header.
	Is set to 950px and centered by default.
	150519 >>> bandeau image de 950x261 pour habillage conf
	Contact et conseils CSS personalisé 0169157784
	petizon@ipno.in2p3.fr

	Couleur IJCLab Bleu fonce #00294B
	Couleur IJCLab Orange #FF6700
	Couleur IJCLab Bleu clair #456487

	Couleur UPS #00294B
	Couleur Or #C8BE76
*/
/*
    The wrapper of the whole conference page.
*/
.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: 20px; /*-18p*/
}
.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 charte IJCLab #00294B*/
	background: #8c1515;

}

/*
	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!
*/
/*
	The style for the title text.
	Gère le style du titre de la conference et le placement de l'image
*/
.confTitle {
	width: 950px;/*largeur du logo/bandeau laisser a 950px ou changer la variable si l'image est plus large penser au tablettes !*/
	margin: 0 auto;	
}


/* 
	!Important	
	Attention mettre une couleur identique à celle du fond permet de ne plus voir le titre
	En revanche dans le cas ou le bandeau n'existe pas il n'y a plus d'information su rle titre de visible!
	Penser à remettre la couleur white!
*/ 
.conference-title-link {
	font-size:0px;/*positionner "font-size:30px;" pour enlever le Titre dans le cas d'un bandeau */
	text-align: center;
	/*display: block;*:
	display: block ruby;
	/*padding: 25px 0;*/
	color: #00294B;
	/*color:white;*/
}
/*	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? ajout 02/25*/

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

dic.confLogoBox {
  padding: 0px;
}

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

/*
	bande date et institut sous bandeau
	Zone qui reprend Dates, Lieu, Fuseau horaire
*/
.confSubTitleBox {
	background: #d2c295;/*Bande sous le logo/Bandeau > Couleur IJCLab Orange #FF6700, #C8BE76*/
	/*border-bottom: 0px solid #00294b;
	border-top: 0px solid #FFF;
	padding: 0.5rem 0;
	*/
	/*background: #f5faff;*/
  	border-bottom: 1px solid #d5e4f1;
  	border-top: 1px solid #d5e4f1;
  	padding: 0.5rem 0;
}
.confSubTitleContent {
	/*width: 950px;
	margin: 0 auto;
	font-size: 11pt;
	*/
	width: 950px;
  	margin: 0 auto;
  	font-size: 11pt;
  	color: #24425a;
}
/*
ci-dessous gestion de la date
lieu et fuseau horaire
*/

/*div.date {
	font-size: 0px;
	font-weight: bold;
	color: #d2c295;/*#00294B*/
/*}


/*div.place {
	font-size: 0px;
	font-weight: bold;
	color: #d2c295;/*#00294B*/
	/*display: inline;*/
	/*padding: 5px 0 0 0;*/
/*}

/*div.datePlace > div.timezone {
	font-size: 0px;
	color: #FFF;
	/*display: inline;*/
	/*padding: 0 0 0 50px;*/
/*	font-weight: lighter;
/*}

/*
Style for links in the lower part of the header
*/
.confSubTitle a {
  font-size: 11pt;
}

/*
Styles for the date and place information.
*/
.datePlace {
  font-size: 12pt;
}


/* 	
	Zone comprenant menu et pages
 	
	Outer>style du bloc menu
*/

outer {
	width: 100%;
	position: relative;
	background: #7DD1E9;
	border: 1px solid #00294B;
	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;
}
/*
	Styles for the menu box
	Bordure autour du bloc menu
*/
/*Cette partie gère le contour du menu*/

#outer {
	width: 100%;
	position: relative;
	background: #f6f6f6;
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #00294B;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}


/*
#outer {
	border-radius: 5px;	
	/*border: 2px solid #FFF;Charte IJCLab Bleu clair #456487*/
	/*background: #FF6700;#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: #00294B;
	font-weight: bold;
	border-radius:12px 0 12px 0;
	/*background: #EA5C0F;*/
	background: #d6c9a7/*#C8BE76;/*survol du menu > Couleur IJCLab Orange #FF6700 */
}
/*
	A non selected menu item
	Style du texte menu
*/
.menuConfTitle {
	text-align: left;
}
/*
	Style des liens du menu "off"
*/
.menuConfTitle a {	
	color: #00294B;/*Lien du texte dans le pave menu > Couleur IJCLab 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: #8c1515;/*Lien selectione > Bleu clair charte IJCLab #456487*/
	/*border-bottom: 3px solid #FF6600;*/
	border-right: 1px solid #FF6600;
	/*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: 950px;
	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  {
	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 charte IJCLab #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 16px Verdana;
	font-family:verdana,arial,sans-serif;
	border-radius:12px 0 12px 0;
	/*border-left: 1px solid #FF6600;*/
	/*border-top: 3px solid #FF6600;*/
	margin-right: 0;
	color: #fff;
	padding: 7px 12px 7px 12px;
	background: #00294B;/*Bleu clair charte IJCLab #456787*/
}
/*
	Titre h3 dans les pages
*/

.conference-page  .page-content h2 {
	display: inline-block;
	font:bold 14px Verdana;
	border-radius:12px 0 12px 0;
	margin-right: 0;
	color: #fff;
	padding: 5px 10px 3px 10px;
	background: #00294B;/*Bleu fonce charte IJCLab #00294B*/
}
.conference-page  .page-content h3 {
	display: inline-block;
	font:bold 12px Verdana;
	border-radius:12px 0 12px 0;
	margin-right: 0;
	color: #00294B;
	padding: 5px 10px 3px 10px;	
	background: #d2c295;/* Sand-stone over Orange charte IJCLab #FF6700*/
}


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

/*
	Liens dans les pages
*/
.conference-page a {
	color: #226275;
	font-weight: bold;
	cursor: pointer;
	padding: 0px 5px 0px 5px;
}
.conference-page a:active {	
	color: #226275;
	font-weight: bold;
	cursor: pointer;
	padding: 0px 5px 0px 5px;
	border-radius:2px;
}

.conference-page a:hover {
	color: #DB3A00;
	font-weight: bold;
	cursor: pointer;
	/*background: #DB3A00;*/
	padding: 0px 5px 0px 5px;
	border-radius:2px;
	text-decoration: underline;
	text-decoration-color: #DB3A00;
}
/*
	Style des images
*/
.conference-page img a {
	border: 0px solid #00294B;/*Bordure autour des images > Bleu fonce charte IJCLab #00294B*/
	border-radius: 5px;
	padding: 10px;
	background: white;
}

/*
	personalise les listes à puces de la page sur le tag li
	l'image de la puce est ajoutée ds les images du site
	l'url absolue est ajoutée quant à elle comme ci-dessous
	Attention à chaque nouvelle image un numéro est ajouté devant le nom de l'image
	Noter que lors de la création du formulaire, par défaut chaque groupe de boutons radio est défini avec "li" 
	ce qui implice que la puce est affichée devant
	par conséquent garder l'image "bullet.png" ou commenter le style pour annulé l'effet
*/
.conference-page li {
 	/*font-family: Arial, sans-serif;*/
 	font-size: 100%;
 	/*color: black;*/
 	list-style-type: none;
 	background: url('https://api.iconify.design/dashicons:yes.svg?height=20');
	vertical-align: middle;
 	background-repeat: no-repeat;
 	background-position: 0 0.32em;
 	padding-left: 30px;
} 

/*
	footer/pied de page
*/

.footer {
	color: #fff;
	padding: 20px;
	background: #8c1515;/*Couleur IJCLab Bleu foncee #00294B*/
}
.footer a {
	color: #00294B;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	background: #d6c9a7 /*C8BE76;/*Couleur IJCLab Bleu clair #456487*/
}
.footer a:hover {
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	background: #d6c9a7/*C8BE76;/*Couleur IJCLab Orange #FF6700*/
}
/*Ajout Guillaume hupin - pole theorie IJCLab */

#timetable {
    left:-30px;
}

.ui-tabs {
    zoom: 0.95;
    -moz-transform: scale(0.95);
}
.ui-corner-all{
    zoom: 0.95;
    -moz-transform: scale(0.95);
}
.ui-widget{
    zoom: 0.95;
    -moz-transform: scale(0.95);
}
.ui-widget-content{
    zoom: 0.95;
    -moz-transform: scale(0.95);
}

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

.support_box a{
  color: #00294B;
}
.support_box a:hover {
  color: #d6c9a7/*#C8BE76/*;
}

#timetable {
  left: 0px;
}

/* Contact > Luc Petizon IJCLab 15/04/2024  - 0169157784 luc.petizon@ijclab.in2p3.fr */