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

    This is the stylesheet of the EPS-HEP 2025 conference Indico site
    Site: https://indico.in2p3.fr/e/EPS-HEP2025 
    Author: L2IT, https://www.l2it.in2p3.fr/en/
    Contact: catherine.biscarat@l2it.in2p3.fr
    Last update: December 14th 2024

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


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

/* ####################### EPS HEP 2025 COLOR PALETTE ############### */

/*
   Couleurs de la conference :
   violet " chaud" :  Décimal RGB = 132 44 204 -> Hexadecimal == 842CCC

    JE ME BASE SUR PAGE OUÈBE PRÉSENTÉ EN RÉUNION LOC LE 8 OCT. 2024 :
	bleu "dur" de l'en-tête   : Décimal RGB =  43  53 126 -> Hexadecimal == #2b357e
	violet foncé des contacts : Décimal RGB =  91  51 168 -> Hexadecimal == #5b33a8
	bleu cyan des key dates   : Décimal RGB = 157 211 221 -> Hexadecimal == #9dd3dd
	liens (bleu mi foncé)     : Décimal RGB =  53 119 244 -> Hexadecimal == #3577f4
	Texte (gris très foncé)   : Décimal RGB =  22  29  36 -> Hexadecimal == #161d24

	Mon snapshot du T-shirt (en-tête provisoire) : RGB = 70 42 112 -> HEX == #462a70
*/

:root {
--epsbleudur: #1e2696;/*was #2b357e - je mets le code navy blue officiel de Camille Combes */
--epsvioletfonce: #6a2cb3; /*was #5b33a8 - je mets le code couleur officiel de Camille Combes */
--epscyanclair: #6cfeff; /*was #9dd3dd - je mets le code couleur officiel de Camille Combes */
--epsindigo: #4028a3; /*de Camille Combes - fond en-tête */
--epsbleulien: #3577f4;
--epsgristexte: #161d24;
--odw2026canard: #074A5A;
--odw2026texte: #191919;
--odw2026liens: #B8B891;
--odw2026grisclair: #F5F5F5;
--odw2026bleudur: #0A1C66;
--odw2026roseorange: #E7A980;

}

/* ######################## 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: 0px solid #234173; 
  border-bottom: 0px solid white; /* CB :  was 1px solid #0f4c80; */
  background: var(--odw2026canard);
}

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

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

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

/*
The style for the title text.
*/
.conference-title-link {
  font-size: 22pt;
  font-family: Roboto;
  display: block;
  padding: 25px 0;
  color: white;
}

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



.conference-page p,li,form {
    font: Roboto;
    color: var(--odw2026texte); 
}

.conference-page header h2 {
	display: inline-block;
	font: bold 17px Roboto;
	border-radius:12px 12px 12px 12px;
	margin-right: 0;
	color: white ; /*var(--odw2026grisclair);*/ 
	padding: 10px 45px 10px 45px; /* CB was 10px 15px 10px 15px*/
	background: var(--odw2026canard);
}

.conference-page  .page-content h3 {
    color: var(--odw2026roseorange) !important; /* trick de Jean-René Rouet*/
	font: bold 14px Roboto;
    background: #FFFFFF;
}

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

h2{
	color: var(--odw2026texte); /*var(--odw2026bleudur);*/
	font: bold 17px Roboto;
}

h3{
	color: var(--odw2026grisclair); /* 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(--epsindigo); */
  border-bottom: 1px solid var(--odw2026canard); /* CB was 1px solid #d5e4f1;*/ /* CB ne fait rien dun tout*/
  border-top: 0px solid var(--odw2026canard); /* CB was 1px solid #d5e4f1;*/ */
  padding: 0 0; /* CB was  0.5rem 0; */
  border-bottom-color: var(--odw2026canard); /*CB ajout*/
}

/*
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;
  font-family: roboto;
  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: 14px;
}

/* >>>>>>>>>>>>>>>>> CB ajout brutal */
div.date {
    font-weight: bold;
	color: var(--odw2026canard); 
    /*display: inline;*/ /*permet de mettre sur une seule ligne*/
    padding: 0px;
    vertical-align: middle;
	/*background:  var(--odw2026grisclair);*/
}
div.place {
        font-weight: bold;
        color: var(--odw2026roseorange) ;
        display: inline;
        padding: 0;
        vertical-align: middle;
}
div.datePlace > div.timezone {
        font-size: 12px;
        color: var(--odw2026roseorange);
        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: 1px solid var(--odw2026canard); /* CB was 1px*/
  background: var(--odw2026grisclair) /*CB background des cellules si pas définies avec activite/non actives / mouise over*/
}

/*
The menu item
*/
/* ####### fond du menu ####### */
#outer {
  border-radius: 12px 12px 12px 12px;  /* --> ca donne des angles arrondis au cadre du menu */
  padding: 0px;
  border-bottom: 1px solid var(--odw2026canard); /* #d0d0d0; /* CB ajout*/
  border-top: 1px solid var(--odw2026canard); /*  #d0d0d0; /* CB ajout*/

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

/*
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: #FFFFFF;
        /* font-weight: bold; */
        border-radius:12px 12px 12px 12px;
        background: var(--odw2026canard);
}


/*
A non selected menu item
*/
.menuConfTitle {
  text-align: left;
  border-radius: 12px 12px 12px 12px;	
}

.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: #ffffff; /* CB je ne vois pas poou ca agit */
  background: #badada; /* CB je ne vois pas poou ca agit */
  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(--odw2026canard); 
        padding: 7px 12px;
        /*border-bottom: 1px dotted #d3d3d3;*/
        /*border-top: 1px dotted #d3d3d3;*/
}

/*
        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:12px 12px 12px 12px;
        background: var(--odw2026canard);
        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: transparent url(/images/conf/left_menu_bullet.png) scroll no-repeat 15px center;
}

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

/*
Support box
*/

.support_box {
  background: #ffffff;
  border: 1px solid var(--odw2026canard);
  border-radius: 12px 12px 12px 12px;
}
#outer {
  padding: 0px;
}

.support_box > h3 {
  color: var(--odw2026grisclair);
  background: var(--odw2026canard);
  border-radius: 12px 12px 0px 0px;
}

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

/*
Wrapper around the content
*/
.confBodyBox {
  margin-left: 230px;
}