/* +--------------------------------------------------------------------------+
// © 2002-2004 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: bueil.css,v 1.37 2008/04/08 18:56:56 touraine37 Exp $
*/

/* ---------------------------------------------------------------------------*/
/* ATTRIBUTS GENERAUX                                 */
/* ---------------------------------------------------------------------------*/

* { box-sizing: border-box;  
	margin-top: 5px;}

/* ИСПРАВЛЕНИЕ ПОЛЯ ПОИСКА */
#search {
	border: 1px solid #cccccc;
	padding: 15px;
	background: #f9f9f9;
	margin-bottom: 15px;
}

#search input[type="text"] {
	width: 100% !important;
	box-sizing: border-box; /* Чтобы padding не выталкивал поле за край */
	padding: 8px;
	margin-bottom: 12px; /* Отступ от кнопки */
	border: 1px solid #aaa;
}

/* КНОПКА ВО ВСЮ ШИРИНУ */
input.boutonrechercher, input.bouton {
	width: 100% !important;
	display: block;
	padding: 10px;
	background-color: #0056b3;
	color: white;
	border: none;
	cursor: pointer;
	font-weight: bold;
}
	
BODY  	{ 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	background:#FFFFFF;
    margin: 0;
    padding: 0;
}

/* ---------------------------------------------------------------------------*/
/* ID FIXES (АДАПТИВНАЯ СЕТКА)                     */
/* ---------------------------------------------------------------------------*/

/* Мобильный вид по умолчанию (выстраиваем блоки друг под другом) */
#container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px;
}

#intro { order: 1; width: 100%; padding-bottom: 10px; }
#bandeau { display: contents; } /* Магия для управления внутренними блоками */
#accueil { order: 2; width: 100%; margin-bottom: 15px; background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #dee2e6; text-align: center; }
#main { display: contents; }
#main_header { order: 3; width: 100%; margin-bottom: 15px; }
#connexion { order: 5; width: 100%; margin-bottom: 15px; background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #dee2e6; text-align: center;}
#main_hors_footer { order: 4; width: 100%; }
#footer { order: 6; width: 100%; margin-top: 20px; }
#adresse { order: 7; width: 100%; background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #dee2e6; margin-bottom: 10px; text-align: center;}
#meteo { order: 8; width: 100%; background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #dee2e6; text-align: center;}
#post_adress { order: 9; width: 100%; background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #dee2e6; }

/* Десктопный вид (сохраняем левое меню) */
@media (min-width: 768px) {
    #container {
        display: grid;
        grid-template-columns: 260px 1fr;
        gap: 20px;
        padding: 20px;
    }
    #intro { grid-column: 1; grid-row: 1; padding: 0; }
    #accueil { grid-column: 1; grid-row: 2; margin-bottom: 0; }
    #connexion { grid-column: 1; grid-row: 3; margin-bottom: 0; }
    #adresse { grid-column: 1; grid-row: 4; margin-bottom: 0; }
    #meteo { grid-column: 1; grid-row: 5; margin-bottom: 0; }
    #post_adress { grid-column: 1; grid-row: 6; margin-bottom: 0; }

    #main_header { grid-column: 2; grid-row: 1; margin-bottom: 0; }
    #main_hors_footer { grid-column: 2; grid-row: 2 / span 6; }
    #footer { grid-column: 2; grid-row: 8; }
}

/* Глобальное поведение медиа и таблиц на телефонах */
img { max-width: 100%; height: auto; }
table { max-width: 100%; overflow-x: auto; display: block; }

/* ---------------------------------------------------------------------------*/
/* КАСТОМИЗАЦИИ (Кнопки и Помощь)                  */
/* ---------------------------------------------------------------------------*/

/* Скрываем кнопку Помощь */
input[type="button"][onclick*="help"],
input[value="Помощь"],
input[value="Aide"],
input[value="?"] {
    display: none !important;
}

/* Синие современные кнопки */
input.bouton, input.boutonrechercher, .bouton, button {
    background-color: #0056b3 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

input.bouton:hover, input.boutonrechercher:hover, .bouton:hover, button:hover {
    background-color: #004494 !important;
}

/* ---------------------------------------------------------------------------*/
/* ОСТАЛЬНЫЕ СТИЛИ ИЗ ОРИГИНАЛА                    */
/* ---------------------------------------------------------------------------*/

#intro_pmb {}
#intro_pmb h1{}
#intro_pmb h2 {}
#intro_pmb h3 {}

#intro_message {}
#intro_message .p1,		
#intro_message .p2 {}
		
#intro_bibli { margin-bottom:10px; padding-top:0px; }
#intro_bibli h3 { font-size:20px; margin-top: 0; text-align:center;}
#intro_bibli h3.span {}
#intro_bibli .p1, #intro_bibli .p2 {}
		
#all_footer { position:absolute; top:660px; padding-left:10px; left:0; }

#main h3 { font-size:14px; }
#main h3 span { font-size:14px; color:#8888aa; }

#main ul.search_tabs{ margin:0; padding:0; list-style:none; clear:right; height:24px; background : url("pointsable.gif") repeat-x bottom left; }
#main ul.search_tabs li{ float:left; padding:3px 6px 0px 6px; border:1px solid #666666; margin-right:4px; margin-bottom:5px; height:19px; border-bottom:none; background:#999999; color:#000000; }
#main ul.search_tabs li a{ text-decoration:none; font-weight:normal; color:#000000; }
#main ul.search_tabs li#current{ float:left; padding:3px 6px 0px 6px; background:#FFFFFF; border:1px solid #cccccc; border-bottom:1px solid #FFFFFF; margin-bottom:4px; height:19px; }
          
#main #search_crl { clear:both; }      

.div_clr { clear:both; }  
#location { clear:both; }

#search { border:1px solid #cccccc; margin-top:-1px; padding:10px; background:#eeeeee; margin-bottom:10px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
#aut_see { border:1px solid #cccccc; margin-top:-1px; padding:5px; background:#eeeeee; margin-bottom:10px; }

#navigator { margin-top:5px; border:1px solid #cccccc; }
#navigator table { background:#ccccee; border-collapse:collapse; }
#navigator td { border-left:1px #FFFFFF solid; border-right:1px #FFFFFF solid; text-align:center; font-size:10px; font-weight:italic; }

div.row_categ { display: block; clear: left; }

#categories { margin:0px; padding:0px; height:100%; }
#categories H1 { }
#categories h3 { margin:0px; margin-top:0px; padding-left:5px; font-size:20px; font-weight:bold; color:#ffffff; }	
#categories A { color:#ffffff; text-decoration:none; }
#categories A:hover { color:#ffffff; text-decoration:underline; }
#categories-container { background:#5ab9f9 url("anglebleu.png") no-repeat top left; border:none; padding-left:10px; height:100%; display:block; padding-bottom:5px; }

div.category { float:left; width:100%; color:#ffffff; padding:2px; }
@media (min-width: 768px) { div.category { width: 31%; } }

#categories-container H2 { font-size:13px; padding-bottom :0px; margin:0px; color:#ffffff; }
#categories-container H2 IMG { padding-top:3px; }
#categories-container A { color:#ffffff; }
#categories-container h2 A { color:#ffffff; }
#categories-container UL {margin:2px;}
#categories-container LI  { display: inline; }
#categories-container LI A { text-decoration:none; }
#categories-container LI A:hover { text-decoration:underline; }
#categories-container LI:after  { content: " - "; }
	
#categories ul.search_tabs { border:none; margin-left : 20px; height:0px; display:block; }	
#categorie ul.search_tabs li{ float:left; margin-right:4px; background:#5ab9f9; color:#5ab9f9; }
#categories ul.search_tabs li a{ text-decoration:none; font-weight:normal; color:#000000; }
#categories ul.search_tabs li#current{ float:left; background:#5ab9f9; border:none; border-bottom:none; height:23px; color:#ffffff; }          	

.categ_colonne { width:100%; float:left; }
@media (min-width: 768px) { .categ_colonne { width: 33%; } }

.last_entries { clear:both; }
.etageres { clear:both; }

#footer {
	clear:both; margin-top: 15px; padding: 5px; width: 100%;
	background: url("liens.png") top left; border:#bbbbbb 1px solid; border-radius: 8px;
}
#footer a { color:#444444; }
#footer a:hover { color:#444444; text-decoration:underline; }

A { color:#444444; }
.zoom { border: solid 2px #555555; background-color: #FFFFFF; color: #000000; position: absolute; visibility:hidden; z-index: 2000; }

th { text-align: left ;}
td { font-size : 11px; }
tr.even { background: #E0E0E0; }
tr.surbrillance { background: #EECCCC; }

.row { clear: both; }
.right, .right-50, .right-15, .right-85 { float: right; }
.right-50 {	width: 50%; }
.right-15 {	width: 15%; }
.right-85 {	width: 85%; }
.right-clear-right, .right-50-clear-right {	float: right; clear: right; }
.left-clear-left, .left-50-clear-left {	float: left; clear: left; }
.left, .left-50, .left-15 { float: left;}
.left-50 { width: 50%;}
.left-15 { width: 15%;}
.left-85 { width: 85%;}

.spacer { clear: both; visibility: hidden; display: none; margin-bottom: -10px; margin-top: -10px; }

ul#onglets_isbd_public { list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #aaaaaa; margin: 0; padding-left:2px; }
ul#onglets_isbd_public li { float: left; height: 21px; margin: 2px 2px 0 2px; border: 1px solid #aaaaaa; background-color: #cccccc; }
ul#onglets_isbd_public li.isbd_public_active { border-bottom: 1px solid #ffffff; background-color: #ffffff; }
ul#onglets_isbd_public a { float: left; display: block; color: #666; text-decoration: none; padding: 4px; cursor: default ; }
ul#onglets_isbd_public li.isbd_public_inactive a:hover { background: #FFF; cursor: pointer ; }
ul#onglets_isbd_public li.onglet_basket, ul#onglets_isbd_public li.onglet_basket a { border: none; background:none; cursor: pointer ; width:25px; }
ul#onglets_isbd_public li.onglet_tags, ul#onglets_isbd_public li.onglet_tags a { border: none; background:none; cursor: pointer ; text-decoration:underline; }

.colonne2 { float: left; width: 100%; }
@media (min-width: 768px) { .colonne2 { width: 50%; } }

.colonne_suite { float: left; }
.bg-grey { background-color: #eeeeee; }

#etagere { background:#aaf9aa; border:#cccccc 1px solid; }
#etagere-titre h1 { background: url("liens.png") top left; width:100%; margin:0px; padding:5px; font-size:13px; font-weight:bold; }
#etagere-titre h1 a { color:#000000; }
#etagere-comment h2 { width:97%; text-align:right; font-style:italic; font-size:16px; color:#ffffff; margin:0px; padding:0px; margin-top:-3px; padding-bottom:5px; }
#etagere-notice-list { padding-left:5px; }

.liste_bulletins { padding-left: 3px; padding-right: 3px; }  
.notice-heada { font-family: verdana, helvetica, arial, geneva, sans-serif; text-decoration: none; font-size: 11px; font-weight: bold; padding-top:5px; }
.notice-parent { font-family: verdana, helvetica, arial, geneva, sans-serif; color: #000000; margin-left: 0px; font-size: 8pt; text-decoration: none }
.img_plus { background-color: #8CC6FF; }
.notice-child { font-family: arial, helvetica, geneva, sans-serif; margin-left: 25px; width: 98%; padding-left: 4px; padding-right: 4px; text-align: justify; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }

.heada { font-family: verdana, helvetica, arial, geneva, sans-serif; text-decoration: none; font-weight: bold; }
.parent { font-family: verdana, helvetica, arial, geneva, sans-serif; color: #000000; margin-left: 0px; text-decoration: none }
.child { font-family: arial, helvetica, geneva, sans-serif; margin-left: 25px; width: 98%; padding-left: 4px; padding-right: 4px; text-align: justify; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }

iframe#iframe_resume_panier { width:100%; height:35px; border:none; }

#bannette { background:#EEEEFF; border:#cccccc 1px solid; }
#bannette-titre h1 { background: url("liens.png") top left; width:100%; margin:0px; padding:5px; font-size:13px; font-weight:bold; }
#bannette-titre h1 a { color:#000000; }
#bannette-comment h2 { width:97%; text-align:right; font-style:italic; font-size:16px; color:#ffffff; margin:0px; padding:0px; margin-top:-3px; padding-bottom:5px; }
#bannette-notice-list { padding-left:5px; }

.alerte { color: red; font-size:14px; }
.echelle_avis { background-color: #eeeeee; padding: 7px; margin: 3px; border:1px solid #BBBBCC; }

.text_search0 { background-color: yellow; text-decoration: underline; }
.text_search1 { background-color: #dd9797; text-decoration: underline; }
.text_search2 { background-color: #ddb397; text-decoration: underline; }
.text_search3 { background-color: #cd97dd; text-decoration: underline; }
.text_search4 { background-color: #97c2dd; text-decoration: underline; }
.text_search5 { background-color: #97ddae; text-decoration: underline; }

#titre-popup { margin-top:5px; padding-top: 5px; padding-bottom: 5px; background:#CCCCEE; border:1px solid #BBBBCC; color: #fee064; }
.etiq_champ { font-weight:bold; }