/* 
    ######################################################################

    This is the stylesheet of the IN2P3 Nouveaux entrants 2026 Indico site
    Site: https://indico.in2p3.fr/event/38293/
    Author: L2IT, https://www.l2it.in2p3.fr/en/
    Contact: catherine.biscarat@l2it.in2p3.fr
    Last update: March 7th 2026

    #########################################################################
*/


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

/* ####################### COLOR PALETTE ############### */


:root { 
--in2p3fond: white;
--in2p3titres:#151723;
--in2p3petittexte: #2E2F32;
--in2p3box: #DB3A00;
--in2p3bandeau: #F1F2FA;
--in2p3faireundon: #0660FF;
}

/* ######################## EN TETE DE LA CONFERENCE ########################*/
/* ----------- Styles for the conference header ----------- */

/*
The wrapper of the whole conference page.
*/
.conf {
  width: 100%;
  border: none;
  margin: auto;
}

/*
Wraps around the upper part of the conference header.
*/
.confTitleBox {
  /*color: #111111; */
  min-height: 120px;
  border-top: 60px solid var(--in2p3fond); 
  border-bottom: 40px solid var(--in2p3fond); /* CB :  was 1px solid #0f4c80; */
  background: var(--in2p3fond);
}

/*
Sets the width of the upper part of the conference header.
Is set to 950px and centered by default.
*/
.confTitle {
  width: 950px;
  margin: 0 auto;
}

/*
The box containing the logo. By the default the logo is placed
on the left of the conference title.
*/
.confLogoBox {
  float: left; /*CB was left */
  padding-right: 60px; /* CB, was 10px */
}

.confLogoBox {
    min-height: 118px;
}
img.confLogo {
    margin-top: -40px;
}
title.confTitleBox {
	margin-top: 0px;
}

/*
The style for the title text.
*/
.conference-title-link {
  font-size: 22pt;
  font-family: Chivo, sans-serif ;
  display: block;
  padding: px 25px 0px 25px;
  color: var(--in2p3titres);
}

/* ########################### JE TRAITE LES TITRES H2, H3 ###################*/
/* ########################### REPRIS DE mon stylesheet AISSAI >>>>>>>>>>>>>>>>>  */



.conference-page p,li,form {
    font: Chivo, sans-serif;
    color: var(--in2p3petittexte); 
}

.conference-page header h2 {
	display: inline-block;
	font: bold 17px Chivo, sans-serif;
	border-radius: /*was 12px 12px 12px 12px;*/
	margin-right: 0;
	color: var(--in2p3fond) ;
	padding: 10px 45px 10px 45px; /* CB was 10px 15px 10px 15px*/
	background: var(--in2p3box);
}

.conference-page  .page-content h3 {
    color: var(--in2p3petittexte) !important; /* trick de Jean-René Rouet*/
	font: bold 14px Chivo, sans-serif;
    background: white);
}

h1{
	color: var(--in2p3titres); 
}

h2{
	color: var(--in2p3fond);
	font: bold 17px Chivo,sans-serif;
}

h3{
	color: var(--in2p3petittexte); /* n'a aucun effet car ecrasé plus haut */
}
/* <<<<<<<<<<<<<<<<<<<<<<< REPRIS DE AISSAI ################  */

/* ########################### DATE AND PLACE ################ */
/*
Wrapper around the bottom part of the conference header
*/
.confSubTitleBox {
  background: var(--in2p3bandeau); 
  border-bottom: 1px solid var(--in2p3titres); /* CB was 1px solid #d5e4f1;*/ /* CB ne fait rien dun tout*/
  border-top: 1px solid var(--in2p3titres); /* CB was 1px solid #d5e4f1;*/ */
  padding: 0 0; /* CB was  0.5rem 0; */
  /*border-bottom-color: var(--odw2026canard); */
}

/*
The content of the lower part of the header. Is by default
centered and has a fixed width.
*/
.confSubtitlecontent {
  width: 950px;
  margin: 0 auto;
  font-size: 11pt; /*ca ne change rien car défini plus bas*/
  font-family: Chivo,sans-serif ; /*ca ne change rien*/
  color: black; /*ca ne change rien*/
  border: 0px solid #ccc; /*box autour de date and place*/
}

/*
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: 17px;
}

/* >>>>>>>>>>>>>>>>> CB ajout brutal */
div.date {
    font-weight: bold;
	color: var(--in2p3titres); 
    /*display: inline;*/ /*permet de mettre sur une seule ligne*/
    padding: 0px;
    vertical-align: middle;
	/*background:  var(--odw2026grisclair);*/
}
div.place {
        font-weight: bold;
        color: var(--in2p3titres) ;
        display: inline;
        padding: 0px;
        vertical-align: middle;
}
div.datePlace > div.timezone {
        font-size: 11px;
        color: var(--in2p3titres);
        padding: 0 0 0 0px;
        vertical-align: middle;
}

/* <<<<<<<<<<<<<<<<<<< ajout brutal*/

/* ########################### ici announcements style ################# */
/*
Announcement styles
*/
.simpleTextAnnouncement {
  background: #f5faff url(/images/conf/sprites_blue.png) repeat-x scroll 0 -400px;
  border-top: 1px solid #c2d6e7;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  color: #0f283d;
  padding: 8px 0;
}

/* ######################## MENUS ####################*/
/* ----------- Styles for the main content ----------- */

/*
The wrapper around the menu and the page content.
By default centered with a fix width.
*/
#confSectionsBox {
  width: 950px;
  margin: 0 auto;
  margin-top: 30px;
}

/* ----------- Styles for the menu ----------- */

/* Styles for all menu Items */

/*
Wrapper around the menu
*/
.conf_leftMenu {
  float: left;
  width: 200px;
  margin-top: 6px;
}

/*
Styles for the menu box
*/
#outer {
  border: 0px solid var(--in2p3box); /* CB was 1px*/
  background: var(--in2p3bandeau); /*CB background des cellules si pas définies avec activite/non actives / mouise over*/
}

/*
The menu item
*/
/* ####### fond du menu ####### */
#outer {
  border-radius: 0 0 0 0 /* was 12px 12px 12px 12px; --> angles arrondis au cadre du menu */
  border: 1px solid var(--in2p3titres);
  border-bottom: 1px solid var(--in2p3titres);
  border-top: 1px solid var(--in2p3titres);
  border-left: 1px solid var(--in2p3titres);
  border-right: 1px solid var(--in2p3titres);
  
}

#outer {
  padding: 0px;
}

#outer li a {
   font-family: Chivo, sans-serif ;/*verdana, arial, sans-serif;*/
   font-size: 12pt;
}


/*
The menu item when doing mouseover
*/
#outer li a:hover {
  background: white /* #e0e0e0; /* gris clair */ /* CB : je ne vois pas ou ca agit*/
}

#outer li a:not(.no-link):hover {
    color: var(--in2p3box);
    /* font-weight: bold; */
    border-radius: 0 0 0 0; /*12px 12px 12px 12px;*/
    background: var(--in2p3bandeau);
	text-decoration: underline;
}

/*
A non selected menu item
*/
.menuConfTitle {
  text-align: left;
  border-radius:  0 0 0 0; /*12px 12px 12px 12px;*/	
  border-bottom: 0px solid var(--in2p3box); /* #d0d0d0; /* CB ajout*/
  border-top: 0px solid var(--in2p3box); /*  #d0d0d0; /* CB ajout*/
  border-left: 0px solid var(--in2p3box);
  border-right: 0px solid var(--in2p3box);
}

.menuConfTitle a {
  color: #119977; /* CB je met un peu au hasard, je pense que c'est ecrase plus loin */
  /*padding: 7px 12px;*/
}

/*
A selected menu item
*/

.menuConfTitle.selected > a,
.menuConfMiddleCell.selected > a {
  color: var(--in2p3fond);
  background: var(--in2p3box); 
  border-bottom: 0px solid #d0d0d0; /* CB was 1 px*/
  border-top: 0px solid #d0d0d0; /* CB was 1 px*/
}


/*
        Style des liens du menu "off"
*/
.menuConfTitle a {      
        color: var(--in2p3box); 
        /*padding: 7px 12px;*/
        /*border-bottom: 0px solid var(--in2p3box);*/ /*1px dotted var(--in2p3box)*/
        /*border-top: 0px solid var(--in2p3box) /* /*1px dotted var(--in2p3box)*/ 
}

/*
        A selected menu item
        Styles des liens selectionnés du menu
*/
/*Attributs des items du menu selectionnes*/
.menuConfTitle.selected > a, .menuConfMiddleCell.selected > a {
        color: #FFFFFF;
        font-weight: bold;
        border-radius:0 0 0 0 /*12px 12px 12px 12px; */
        background: var(--in2p3box);
        border-bottom: 0px solid #d3d3d3;   /* CB was 1px */
        border-top: 0px solid #d3d3d3;      /* CB was 1px */
}



/*
sub menu item
*/
li ul.inner li a {
  /*padding: 3px 12px 3px 30px;*/
  background: var(--in2p3bandeau)/* transparent url(/images/conf/left_menu_bullet.png) scroll no-repeat 15px center; */
}

/* ######################## CONTACTS ####################### */

/*
Support box
*/

.support_box {
  background: var(--in2p3bandeau);
  border: 1px solid var(--in2p3faireundon);
  border-radius: 0 0 0 0 ; /*12px 12px 12px 12px; */
  font-family: Chivo, sans-serif;
  font-weight: ;
   border: 1px solid var(--in2p3titres) 
}

.support_box > h3 {
  color: var(--in2p3fond);
  background: var(--in2p3faireundon);
  border-radius: 0 0 0 0 /*12px 12px 0px 0px;*/
}

/* ----------- Styles for the page content ----------- */

/*
Wrapper around the content
*/
.confBodyBox {
  margin-left: 230px;
}
/*######################### les liens ################# */
/* unvisited link */
a:link {
  color: red;
  text-decoration: none;
}


/* visited link */
a:visited {
  /*color: green;*/
}


/* mouse over link */
a:hover {
  color: var(--in2p3box);
  text-decoration: underline;	
}

/* selected link */
a:active {
  color: var(--in2p3box);
}