@CHARSET "UTF-8";

/*=======================================================================================*/
/*======================================== @IMPORT  =====================================*/
/*======================================================================================*/

/* Ceci permet l'import de la font Inria ---------------------------------------------------------------------------- */
@import "https://files.inria.fr/dircom/extranet/fonts-inria-sans.css"; 


/*============================================================================*/
/*============================ TEST ======================================*/
/*============================================================================*/

.block-titre::before {
content: "";
border-bottom: 3px solid var(--bouton-menu);;
position: absolute;
width: 51.85vw;
margin-top: -7px;
}

.block-titre {
display: table;
margin: 0px 0px 0px 0px;
padding: 7px 16px 0px 16px;
background-color: var(--bouton-menu);
color: #ffffff;
font-size: 23px;
}

.section-shadow { /* Blocs dans la page déposer plus visible*/
border: 1px solid #b7b7b7;
}
.submission-form .submit-step .step-title { /* HEADER des Blocs dans la page déposer plus visible*/
background: #384357;
color: #fff;
}

#list-item-deposit li.child-item {
background-color: #384357;
padding: 10px;
text-align: center;
border-radius: 2px;
}
#list-item-deposit li.main-item:not(first-child), #list-item-deposit li.child-item {
transition: .3s cubic-bezier(.25,.8,.5,1);
}
#list-item-deposit li.child-item:hover {
background-color: #B11904!important;
}
#list-item-deposit li.active.child-item {
background-color: #B11904;
}

#list-item-deposit li.child-item a{
color:#fff;
}



/*==========================================================================================*/
/*===================================== ROOT [VARIABLE]  ==================================*/
/*=========================================================================================*/

:root {

/* Variable qui agit sur les couleurs des bordures et le background des widgets ---------------------------------------------------------------------------------------------------------------------------*/
    --widget: #384257; 

/* Variable qui agit sur les couleurs du texte URL "lien" ---------------------------------------------------------------------------------------------------------------------------*/
    --texte-url: #e63312; 

/* Variable qui agit sur les couleurs du texte ---------------------------------------------------------------------------------------------------------------------------*/
    --texte: #444a52; 

/* Variable qui agit sur les couleurs du texte au passage de la souris ------------------------------------------------------------------------------------------------------------*/
    --texte-hover: #e63312;

 /* Variable qui agit sur les couleurs des labels des widgets tels que le nombre de text intégral ---------------------------------------------------------------------------------------------------------------------------*/
    --label:#e63312;

/* Variable qui agit sur les couleurs des menu et des menu déroulants ---------------------------------------------------------------------------------------------------------------------------*/
    --menu:#384257;

/* Variable qui agit sur les couleurs des boutons et les mots clés du widget mots clés ---------------------------------------------------------------------------------------------------------------------------*/
    --bouton:#6c6980; 

/* Variable qui agit sur les couleurs des boutons du menu ---------------------------------------------------------------------------------------------------------------------------*/
    --bouton-menu:#e63312; 

/* Variable qui agit sur les couleurs au passage du curseurs sur les éléments tels que les boutons et les mots clés  ---------------------------------------------------------------------------------------------------------------------------*/
    --hover: #8c88a6; 

/* Variable qui agit sur les couleurs au passage du curseurs sur le menu ----------------------------------------------------------------------------------------------------------------*/
    --hover-menu: #B9251A; 

/* Variable qui agit sur les couleurs au passage du curseurs sur le menu ----------------------------------------------------------------------------------------------------------------*/
    --hover-menu2: #8E1C14; 

/* Variable qui permet une animation de transition au passage du curseur ---------------------------------------------------------------------------------------------------------------------------*/
    --transition: .3s cubic-bezier(.25,.8,.5,1); 

/* Rouge Inria  ---------------------------------------------------------------------------------------------------------------------------*/
    --rouge: #e63312; 

}

/*=======================================================================================*/
/*============================ CONTENUS MODIFIABLE (Mode Rapide) =========================*/
/*======================================================================================*/

/* ============================== FONT (POLICE) ============================== */

/* Importation de la font Inria-Sans ------------------------------------------------------------------------------------ */
body { 
    font-family: 'Inria Sans';
}

/* Couleur des liens ( URL-HTML) ------------------------------------------------------------------------------------ */
a { 
    color: var(--texte-url);
}

/* Annulation de la prise en compte de la font sur le bandeau supérieur de la page (logo hal, etc.) ------------------------------------------------------------------------------------ */
button, input, optgroup, select, textarea { 
    font-family: revert; 
}


/* ============================== Titre & Paragraphes ============================== */

/* Style du Titre h1 ------------------------------------------------------------------------------------ */
.titre-h1 { 
    padding-left: 0px;
    /*border-bottom: 1px solid var(--texte);*/
    color: var(--texte);
    padding-top: 15px;
    text-align: center;
}

/* Style du paragraphe de présentation ------------------------------------------------------------------------------------ */
.paragraphes { 
    font-size: 16px;
    line-height: 30px;
    color: var(--texte);
    padding: 10px 10px 10px 10px;
}
/* Taille de h3 ------------------------------------------------------------------------------------ */
.h3, h3 {
    font-size: 1rem;
}

/* =============================== Bannière ===============================*/

/* Style de la bannière [En-tête] ------------------------------------------------------------------------------------ */
.logo {
    background-image: url('../public/ban_inria_final.png');
    background-size: auto;
    background-color: #e63312;
    background-repeat: no-repeat;
    height: 250px;
}

/* Icone du portail au lieu d'un simple texte  ------------------------------------------------------------------------------------ */
.color-major-color > a:nth-child(1) {
    color: transparent !important;
    background-image: url('/public/final_hal_inria_color.png');
    height: 31px;
    width: 173px;
    display: block;
    background-repeat: no-repeat;
}
span.color-major-color:nth-child(2) > a:nth-child(1){
    color: #00005c !important;
    background-image: unset;
    display: unset;
}

/* ========================== Widgets -> Commun à tous ==========================*/

/* Marge interne et couleur de l'entête des widgets ------------------------------------------------------------------------------------ */
.section-corps .widget .widget-header { 
    /*background-color: var(--widget);*/
    background-color: transparent;
    padding-top: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color:#000;
}

/* Marge interne et couleur des bordures des widgets ------------------------------------------------------------------------------------ */
 .section-corps .widget {
    margin-bottom: 25px;
    /*border: 1px solid var(--widget);*/
    /* box-shadow: none; */
    /*border-radius: 7px*/
    border: 1px solid #c8cad0;
    box-shadow: 0 3px 4px #00000029;
    border-radius: 3px;
    background-color: #f7f7f7;
}

/* ========================== Label (chiffres qui s'affichent dans le widget) ==========================*/

/* Bloc avec chiffres dans les des widgets ------------------------------------------------------------------------------------ */
.label.label-contrast { 
    background-color: var(--label);
    color: #fff;
    padding: 11px 20px 8px;
    border-radius: 4px;
    font-size: 16px;
}

/* ========================== Widget -> dernière publication ========================== */

/* Style des éléments dans le widget dernière publication ------------------------------------------------------------------------------------ */
.list-deposit .media { 
    margin-top: 0px;
    transition: var(--transition);
    border-left: 2px solid transparent;
    border-bottom: 0px solid;
    padding: 10px;
}

/* Style du widget dernière publication hover -> (au passage de la souris) ------------------------------------------------------------------------------------ */
.list-deposit .media:hover {  
    border-color: var(--widget);
    background-color: #eee;
}

/* Marge interne des éléments du widget dernière publication ------------------------------------------------------------------------------------ */
.list-deposit { 
    padding: 10px 10px;
}

/* Marge externe du texte du widget dernière publication ------------------------------------------------------------------------------------ */
.media-body { 
    margin-left: 10px;
}


/* --------------------------------------------- Widget avec Graphique --------------------------------------------- */

rect { /* Pas de fond blanc sur les graphiques pour des raisons de responsive */
    fill: transparent;
}

/* ================================ Mots-clés (Widget) ================================ */

/* Marge interne du widget Mots clés ------------------------------------------------------------------------------ */
.widget-cloud { 
    padding: 20px;
}

/* Style des mots clés du widget Mots clés ------------------------------------------------------------------------------ */
.widget-cloud .keyword { 
    background-color: var(--bouton);
    color: #fff;
    padding: 4px 12px;
    font-size: 16px;
    border-radius: 0px 7px 0px 7px;
    display: inline-block;
    margin-top: 5px;
    padding-bottom : 0px;
    transition: var(--transition);
}

/* Fond du mots clés widget Mots clés Hover (au passage du curseur) -------------------------------------- */
.widget-cloud .keyword:hover { 
    background-color: var(--hover);
}


/*=================================================================================*/
/*========================= CONTENUS MODIFIABLE (Mode avancé) =====================*/
/*================================================================================*/

/* ============================ Bouton ============================ */

/* Bouton +Déposer aux couleurs de l'Inria --------------------------------------------- */
.btn-primary-orange { 
    background: var(--bouton);
    border: 1px solid var(--bouton);
}

/* Bouton +Déposer aux couleurs de l'Inria --------------------------------------------- */
.btn-primary-orange:hover { 
    background-color: var(--hover);
}

/* ============================ Zone & Barre de Recherche ============================ */

/* Correction d'un décalage de la barre de recherche à droite --------------------------------------------- */
#searchHeaderList { 
    margin: auto !important;
}

/* Correction d'un bug permettant un défilement vertical non nécessaire --------------------------------------------- */
#ssheader-submit {  
    margin-left: 0!important;
    margin-right: 0;
}

/* Correction d'un bug de positionnement de la loupe dans la barre de recherche et mise en couleur (harmonisation) --------------------------------------------- */
.hal-main-search-button { 
    padding: 0 10px;
    color: var(--widget);
}

/* Mise en couleur de la ligne au clic dans la zone de recherche (harmonisation) (harmonisation) --------------------------------------------- */
.hal-main-search-input { 
    background-image: linear-gradient(0deg,var(--bouton-menu) 50%,#0000 0);
    color: var(--texte);
    border-radius:25px;
}

/* Plus grande taille du menu déroulant dans la zone de recherche avancée --------------------------------------------- */
.dropdown-menu.show { 
    max-height: 485px !important;
}

/* Correction de la hauteur des zones de recherches avancées ------------------------------------------------------------------------------------------------------------------------------------------------------ */
div.form-group.row input.input-flex, .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { 
    height: 35px;
}

/* Correction de la taille des boutons dans recherche avancée  ----------------------------------------------------------------------------------------------------------------------------------------- */
.input-group span.input-group-btn { 
    width: 87px;
}

/* Correction de la marge des boutons dans recherche avancée ----------------------------------------------------------------------------------------------------------------------------------------- */
div.form-group.row .btn-group-sm > .btn-primary.btn, div.form-group.row .btn-primary.btn-sm {
    margin: auto;
}

/* Correction d'un bug sur le Hover (au passage de la souris) des boutons dans recherche avancée ---------------------------------------------------------------------------------------------------- */
.input-group span.input-group-btn button:hover { 
    background-color: transparent; 
}

 /* Harmonisation des couleurs sur le active des boutons dans recherche avancée --------------------------------------------------------------------------------------------------------------------- */
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--hover);
    border-color: var(--hover);
}

/* Uniformisation des couleurs et animations des boutons dans recherche avancée   ------------------------------------------------------------------------------------------------------------------------- */
div.form-group.row span.input-group-btn { 
    background-color: var(--bouton);
    transition: var(--transition)
}

/* Couleur du Bouton Ajouter dans zone de recherche hover (au passage de la souris) ---------------------------------------------------------------------------------------------------------- */
div.form-group.row span.input-group-btn:hover { 
    background-color: var(--hover);
}

/* Couleur du Bouton Lancer la recherche dans zone de recherche avancée ---------------------------------------------------------------------------------------------------------- */
.hal-visualize-button { 
    background-color: var(--bouton);
}

/* Couleur du Bouton Lancer la recherche dans zone de recherche hover (au passage de la souris) ---------------------------------------------------------------------------------------------------------- */
.hal-visualize-button:hover {
    background-color: var(--hover);
}
/* Texte Noir en Hover (au passage de la souris) sur les menus déroulant ---------------------------------------------------------------------------------------------------------- */
ul.dropdown-menu li:not(.not-white):hover a {
    color: #000 !important;
}
/* Meilleurs Ombrage de la barre du CCSD ---------------------------------------------------------------------------------------------------------- */
.sub-header {
box-shadow: 0 4px 3px #00000029;
}

/* ======================================================================================= */
/* ====================================== MENU ========================================== */
/* ===================================================================================== */

/* ============================ Zone du menu ============================ */

/* Style de la zone du menu principal ----------------------------------------------------------------------- */
.website-navigation {
    background: #fff;
    min-height: 50px;
    padding-bottom: 0px;
    padding-top: 0px;
    box-shadow: 0 12px 24px 0 rgba(56, 66, 87, 0.31);
    border-top: 1px solid #c8cad0;
}


/* Couleur du texte du menu ----------------------------------------------------------------------- */
.website-navigation a {
    color: #000;
}

/* Taille des éléments du menu principal ----------------------------------------------------------------------- */
.nav-pills .nav-link { 
    border-radius: 0px;
    padding-top: 10px !important;
}

/* Couleur des boutons du menu principal ----------------------------------------------------------------------- */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: var(--bouton-menu);
    color: #fff;
}

/* Couleur des boutons du menu principal en Hover (au passage de la souris) ----------------------------------------------------------------------- */
.website-navigation .nav-pills .nav-link:hover, .website-navigation .nav-pills .show > .nav-link { 
    background: var(--hover-menu);
    color:#fff
}

{ /* Transition (survol du curseur) sur le menu --------------------------------------------------------------------------------------- */
.website-navigation .nav-pills .nav-link 
    transition: var(--transition);
}

/* ============================ Menu déroulant (principal) ============================ */

/* Style du menu déroulant (principal)  --------------------------------------------------------------------------------------- */
.website-navigation .nav-pills .dropdown-menu {
    background: var( --hover-menu);
    border: 0px;
    border-radius:0px;
    margin: 0;
    padding: 0px 0px;
    transform: translate3d(-0px, 50px, 0px) !important;
}

/* Couleur du texte dans le menu déroulant (principal) & transition ----------------------------------------------------------------------- */
.website-navigation .dropdown-menu a { 
    color: #fff;
}

/* Couleur dans le menu déroulant (principal) hover  (au passage de la souris) ----------------------------------------------------------------------- */
.website-navigation .dropdown-menu li.nav-item:hover a { 
    color: #fff!important;
    background: var( --hover-menu2);
}

/* Correction bug du couleur sur les boutons du menu déroulant (principal) hover (au passage de la souris)   -------------------------------------------------------- */
ul.dropdown-menu li:not(.not-white):hover { 
    background-color: #efeef3 !important;
}


/*==================================================================================*/
/*===================================== GENERALE =====================================*/
/*=================================================================================*/

/* Hauteur du la page par rapport au menu principal ----------------------------------------------------------------------- */
main {
    padding-top: 4rem;
}

/* Correction d'un effet survol inutile dans le menu administrer dans HAL de la barre du CSSD -------------------------------------------------- */
.btn-icon:hover {
background-color: unset !important;
}

/*==================================================================================*/
/*===================================== FOOTER =====================================*/
/*=================================================================================*/

/* Style et couleur du footer ----------------------------------------------------------------------- */
footer { 
    background-color: #272F3D !important;
    margin-top: 0px;
    padding-top: 50px;
}

/* Style et couleur du texte du footer ----------------------------------------------------------------------- */
footer li a { 
    color: #fff;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s;
}

/* Style et couleur du texte du footer hover ----------------------------------------------------------------------- */
footer li a:focus, footer li a:hover { 
    color: #fff;
    background-size: 100% 1px;
    font-weight: 500;
}

 /* Séparateur du footer entre les élements  ----------------------------------------------------------------------- */
div.col-sm-4:nth-child(2), div.col-sm-4:nth-child(3), div.col-sm-4:nth-child(6) {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    height: 175px;
}
/* Séparateur du footer entre les élements  ----------------------------------------------------------------------- */
div.col-sm-4:nth-child(4){ 
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    height: 175px;
}

/*==================================================================================*/
/*==================================== RESPONSIVE ==================================*/
/*==================================================================================*/

/* Correction du chevauchement du bouton [+déposer dans HAL] avec la barre de rechercher ----------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1200px) { 
#searchHeaderList {
    width: 50%!important;
}
}