html
{
	margin: 0px;
	padding: 0px;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #23467e;
	background-image: url('../images/back.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	color: #444444;
	font-family: Verdana, Arial;
	font-size: 12px;
}

table
{
	border-collapse: collapse;
}

td
{
	padding: 0px;
}

#entete
{
	background-image: url('../images/entete.png');
	width: 990px;
	height: 122px;
	vertical-align: top;
}

#corps
{
	background-image: url('../images/corps.png');
	background-repeat: repeat-y;
	width: 990px;
}

#pied
{
	background-image: url('../images/pied.png');
	width: 990px;
	height: 35px;
}

#table_corps
{
    width: 990px;
	margin: auto;
}

#gauche
{
	width: 200px;
	padding-left: 7px;
	vertical-align: top;
}

#droite
{
	vertical-align: top;
}

#menu
{
	background-image: url('../images/menu.jpg');
	background-repeat: repeat-x;
	height: 29px;
	width: 776px;
	color: #ffffff;
	font-size: 14px;
	border-collapse: collapse;
}

#menu td
{
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

#menu a
{
	text-decoration: none;
	color: #ffffff;
}

#coordonnees
{
	width: 182px;
	padding-left: 8px;
	padding-top: 5px;
	line-height: 20px;
	text-align: left;
}

.email
{
	color: #FF9900;
	font-weight: bold;
	text-decoration: none;
}

/* responsive-safety (auto) */
img,svg,video,iframe,embed,object,table,pre{max-width:100%;height:auto}
body{overflow-x:hidden}
*{overflow-wrap:break-word;word-break:break-word}
@media (max-width: 989px) {
    body > table, body > table *, #table_corps, #table_corps * { min-width: 0 !important; }
    body > table, #corps, #table_corps, #gauche, #droite, #pied { width: 100% !important; max-width: 100% !important; }
    body > table, #corps { display: block !important; }
    body > table > tbody, body > table > tbody > tr, #table_corps, #table_corps > tbody { display: flex !important; flex-direction: column; width: 100% !important; }
    #table_corps > tbody > tr { display: contents !important; }
    #entete { order: 0; width: 100% !important; height: 80px !important; background-size: 100% 100% !important; }
    #corps { order: 1; background-image: none !important; }
    /* высоту не фиксируем: развёрнутые в колонку таблицы выше исходных, иначе контент выходит
       за контейнер и следующий блок налезает сверху */
    #corps, #droite, #gauche, #table_corps, #table_corps > tbody, #table_corps > tbody > tr { height: auto !important; }
    #droite { order: 1; display: block !important; overflow: visible !important; padding: 0 8px !important; box-sizing: border-box; }
    #gauche { order: 2; display: block !important; padding: 12px 8px 18px !important; box-sizing: border-box; }
    #gauche form { width: min(100%, 360px) !important; margin: 8px auto !important; box-sizing: border-box; }
    #gauche select { width: calc(100% - 10px) !important; max-width: 340px !important; }
    #gauche > div { max-width: 100% !important; }
    #coordonnees div { color: #ffffff !important; }
    #droite .pbn-page-title { box-sizing: border-box; max-width: 100vw; margin: 0 -8px 8px !important; padding: 12px 10px !important; color: #ffffff !important; background: #23467e !important; font-size: 24px !important; line-height: 1.2 !important; }
    /* на мобильном светлый фон #corps убран, поэтому тёмные надписи из десктопной темы становятся
       нечитаемыми на синем — перекрашиваем в белый. Исключение: содержимое карточек товара, у них
       своя светлая подложка (класс pbn-stack и таблицы карточек). */
    #droite span[style*="#333333"], #droite div[style*="color: #333333"], #droite font[color="#333333"],
    #droite b, #droite td[style*="#333333"], #droite p[style*="#333333"] { color: #ffffff !important; }
    /* ссылки сортировки заданы тёмно-серым под светлый фон — на мобильном фон синий */
    #droite a[id^="Vo_tri"] { color: #cfe0ff !important; }
    /* ссылки внутри текстовых блоков основного столбца: тёмно-синий на синем фоне не читается */
    #droite div[style*="text-align: center"] a, #droite p a { color: #cfe0ff !important; }
    #droite table[style*="background-color: #eef1f5"] b,
    #droite table[style*="background-color: #eef1f5"] td,
    #droite table[style*="background-color: #f6f8fa"] b,
    #droite table[style*="background-color: #f6f8fa"] td { color: #333333 !important; }
    #menu, #menu > tbody, #menu > tbody > tr { display: block !important; width: 100% !important; height: auto !important; }
    #menu > tbody > tr { display: flex !important; flex-wrap: wrap; }
    #menu td { display: block !important; width: 33.333% !important; height: 34px !important; box-sizing: border-box; }
    #menu td:last-child { display: none !important; }
    #menu img { display: block; width: 100% !important; max-width: 100% !important; height: 34px !important; object-fit: fill; }
    #droite > table, #droite > div, #droite > form, #droite table, #droite div, #droite img { max-width: 100% !important; box-sizing: border-box; }
    #droite > table, #droite > div, #droite > form, #droite table, #droite div { width: 100% !important; }
    #droite img { height: auto; }
    #map_canvas { width: 100% !important; height: 180px !important; }
    #pied { overflow: hidden !important; height: auto !important; }
    #pied table { width: 100% !important; margin-left: 0 !important; }
    #pied table td { width: 33.333% !important; }
}
/* /responsive-safety */