/*
 Theme Name:   Scientia Child Theme
 Theme URI:    http://scientia.themerex.net/
 Description:  Scientia Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     scientia
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  scientia
*/



/* **************** header ***********************/
/* ********* largeur et variable intiniales au chargement de la page ***********/

/*.content_wrap {
	width: 1000px !important;
	margin: 0 auto;
}*/

.content_wrap > .columns_wrap {
	max-width: 100% !important;
	margin: 0 auto;
}

.content_wrap > .columns_wrap > .column-3_4 {
	max-width: 100% !important;
	margin: 0px;
	padding: 0px;
}

.content_wrap > .columns_wrap > .column-1_4 {
	width: 250px;
	padding: 0px !important;
}


/* =Theme customization starts here
------------------------------------------------------------ */
#block-34 {
	margin: 0;
}

#block-35 > h2{
	margin: 0 !important;
}

/*Pour le widget horrair première page*/
.premier-mot-4lettres {
	margin-right: 35px;
}
.premier-mot-3lettres {
	margin-right: 45px;
}

/**Page d'acceuil photo est widget border*/

.e-con-inner, 
.e-child {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

#pageAccueil {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}


/** Widget à droite de l'image*/
#pa-wid-droit {
    padding-left: 30px; 
}
/*.content {
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0px 0px;
  overflow: visible;
}*/

.page_content_wrap {
	margin-top: 15px;
}

/*Coleur page d'acceuil gris pour le side bar*/
.clearfix {
	/*background-color: #DDDDDD;*/
}

.sidebar, .right {
  height: 778.6px;
  background: linear-gradient(to right, rgb(248, 4, 4), rgb(252, 40, 40), rgb(255, 62, 62));
}

.sidebar::after {
  /*content: "Le livre et vous et plus!";*/
	/*background: linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgb(156, 156, 156, 0.5));*/
	background: linear-gradient(to right, rgb(248, 4, 4), rgb(252, 40, 40), rgb(255, 62, 62));
	--webkit-background-clip: text;
	color: transparent;
}

/**************************************************************/
/*********************Chat page acceuil************************/
.libraryh3lp {
	text-align: right;
	padding: 30px 5px 0 0;
	/*background: linear-gradient(to right, #4facfe, #00f2fe);*/
	background: linear-gradient(to right, #ff0000, #ffcccc);	
	/****Pour garder le div toujours visible même lorsque l'on défile la pahge "scroll"*****/
	position: sticky;
	top: 0;
	z-index: 9999; /* Make sure it’s above other elements */
}

.basdepage {
  display: flex;         /* Enable flexbox */
  flex-direction: row;   /* Lay out items horizontally */
  gap: 1rem;             /* Optional: space between boxes */
}

.box {
  /*flex: 1;  */             /* Optional: each box gets equal width */
 /* padding: 1rem;*/
  /*border: 1px solid #ccc;*/
}
/**************************************************************/
/**************************************************************/

.sidebar_inner {
  padding-left: 20px;
  height: 570px;
  background-color: #DDDDDD;
}

#cadre_image {
  height: 100%;
	max-width: 100%;
	position: relative;
}

#cadre_image img {
	max-width: 100%;
  height: 570px;
  margin: 0;
}

/**l'image de la page d'acceuil est dans ce div avec cette classe 
   afin d'enlever la marge dans le bas*/
.aligncenter {
  margin: 0 !important;
}

#sous_iamge_pprincipale {
	display: flex;             /* Enable flex context */
	justify-content: center;   /* Center horizontally */
	align-items: center;       /* Center vertically */
	height: 210px;
	max-width: 100%;
	/*background-color: #000000;*/
	background: linear-gradient(to right, rgba(0, 0, 0, 0.966), rgb(26, 26, 26));
}

#hr_centre {
	width: 100%;
	height: 50px;
}

#sous_iamge_pprincipale hr {
  display: block;
  max-width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
  border: none;
  border-top: 2px solid rgb(102, 102, 102);
}

.footer_widgets_wrap {
	padding-top: 0px;
	background-color: #ffffff;
}

#logiciel_biblio {
	margin: auto; /* Essential for horizontal centering without flexbox */
    /* Optional: Set a specific width */
	width: auto; /* Adjust based on your needs */
}

.post_content {
	overflow: visible;
}

/***Les widgaets sur la pages d'acceuil sideBar droit*/
#block-46 {
  padding-left: 20px;
  margin-top: 0px;
}

#block-3 {
  padding-left: 20px;
  margin-top: 15px;
}

#block-4 {
  padding-left: 20px;
	margin-top: 15px;
}

[id^="home_id-"] {
  padding-left: 20px;
}


/**Fenetre plus petit*/
@media (min-width: 600px) and (max-width: 1200px) {
  .sidebar, .right {
    height: auto;
    background-color: #DDDDDD;
  }
}


/****Le tag <h> sont trop gros */
h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 2.2em;
}

h3 {
    font-size: 1.9em;
}

h4 {
    font-size: 1.6em;
}

h5 {
    font-size: 1.3em;
}

/*
 * Pour le style des tables
 * */
/* Table Style for Scientia Theme */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
}

table thead th {
    /*background-color: #f4f4f4;*/
	background-color: #ffffff;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding: 12px;
    border-bottom: 2px solid #ddd;
}

table tbody tr {
    border-bottom: 1px solid #ddd;
}

table tbody tr:nth-of-type(even) {
    /*background-color: #f9f9f9;*/
	background-color: #ffffff;
}

table tbody tr:hover {
    background-color: #f1f1f1;
}

table tbody td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

/*
 * Pour les pages truc et astuces le soumis par*/
.soumisPar {
    font-size: 12px;
    color: #555;
    margin: 10px 5px 10px 5px; /* Marge : haut, droite, bas, gauche */
	text-decoration: underline;
}

/* Bouton de la page  How to access the....*/
#button {
	background-color: #61658C;
	border: none;
	color: #ffffff;
	padding: 10px;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px 10px 2px;
	cursor: pointer;
}

/*test*/
hr {
    margin-top: 4px !important;     /* Marge supérieure */
    margin-bottom: 4px !important;  /* Marge inférieure */
}

.breadcrumbs {
	display: none;
}

/************** pour la recherche dans le menu  ***************/
.mon-menu-search-qui-montre {
	position: relative;
	display: flex;
    align-items: center;
}

/* Augmenter la largeur du nav*
#mon_menu_main.expanded {
	display: flex;
	align-items: center;
	*width: 894px;  Expanded width when clicked *
}*/
.mon-menu-search {
	width: 0;
	padding: 0;
	border: none;
	overflow: hidden;
	/*transition: width 0.9s ease;*/
	opacity: 0;
}
.mon-menu-search.active {
	width: 150px;
	padding: 8px;
	border: 1px solid #ccc;
	opacity: 1;
}

#marecherche {
	cursor: pointer;
	font-size: 18px;
	z-index: 2;
}

/*#mon-menu-search-formu form {
    display: inline;
}*/
#mon-menu-search-formu input[type="search"] {
    padding: 0px !important;
    font-size: 14px;
    border: none;
}
.mon-menu-search-qui-montre form button {
    padding: 0px;
    background: rgba(0, 0, 0, 0.0) !important;
}


/***********************************************************************************
 * *************** Pour LibCal *****************************************************
 * *********************************************************************************/
.s-lc-whw thead { background-color: #F5F5F5; }
.s-lc-whw-head-date { color: #5F5F5F; }
.s-lc-whw-today-h {  background-color: #ddd; }
.s-lc-whw-today { background-color: #F5F5F5; }
.s-lc-whw-bh { text-align: center; white-space: nowrap; }
#s-lc-whw-prev-0 {margin: 0 5px 2px 0;}
#s-lc-whw-next-0 {margin: 0 0 2px 5px;}
.s-lc-whw-locname { font-weight: bold;}
.s-lc-whw-sublocname{ padding-left: 10px!important; }
.s-lc-whw-footnote { color: #555; font-size: 80%; }
.s-lc-whw-footnote td:hover { background-color:#fff!important;}
/* Below styles can be removed if you are already using Bootstap v3 in host page */
.s-lc-whw-cont {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size: 12px;
}
.s-lc-whw-pr, .s-lc-whw-ne { 
	padding: 5px 10px; 
	font-size: 12px; 
	line-height: 1.5; 
	border-radius: 3px; 
	color: #333; 
	background-color: #fff; 
	border-color: #ccc; 
	display: inline-block; 
	margin-bottom: 0; 
	font-weight: 400; 
	text-align: center; 
	vertical-align: middle; 
	cursor: pointer; 
	background-image: none; 
	border: 1px solid transparent; 
	white-space: nowrap; 
}
.s-lc-whw-pr:disabled { background-color: #efefef; }
.s-lc-whw-ne:disabled { background-color: #efefef; }
.s-lc-whw { 
	width: 100%; 
	margin-bottom: 20px; 
	max-width: 100%; 
	background-color: transparent; 
	border-bottom: none; 
	border-left: none; 
	border-collapse: collapse; 
	border-spacing: 0; 
}
.s-lc-whw>tbody>tr>td { padding: 5px; }
.s-lc-whw>thead>tr>th { 
	vertical-align: bottom; 
	border-bottom: 2px solid #ddd; 
	padding: 5px;
}
.s-lc-whw th { border-top: none; border-bottom: none; border-right: none;}
.sr-only { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip: rect(0,0,0,0); 
	border: 0; 
}
@media (max-width: 768px) {
   .s-lc-whw-cont .table-responsive { 
	   width: 100%; 
	   margin-bottom: 15px; 
	   overflow-y: hidden; 
	   overflow-x: scroll; 
	   -ms-overflow-style: 
		   -ms-autohiding-scrollbar; 
	   border: 1px solid #ddd; 
	   -webkit-overflow-scrolling: touch; }
   .s-lc-whw td { white-space: nowrap; }
}

/*******************************************************************************************
 * *****************************************************************************************/