@charset "utf-8";

/*  Legacy Colors  */

.Formula {font-weight: bold}

.Bold {font-weight: bold}
.Italic {font-style: italic}
.BoldItalic {font-weight: bold; 
             font-style: italic}

.Black {color: #000000; font-weight: bold;}

.Grey {color: #999999; font-weight: bold;}
.GreyMid {color: #727572; font-weight: bold;}
.GreyDark {color: #666666; font-weight: bold;}

.Blue {color: #0000FF; font-weight: bold;}
.BlueLight {color: #0099cc; font-weight: bold;}
.BlueDark {color: #0f48a3; font-weight: bold;}
.LightBlue {color: rgb(0,153,204); font-weight: bold;}

.Green {color: #25a30b; font-weight: bold;}
.GreenLight {color: #00FF00; font-weight: bold;}
.LightGreen {color: #00FF00; font-weight: bold;}

.Yellow {color: #f2ee0a; font-weight: bold;}
.YellowDark {color: #9ea60d; font-weight: bold;}

.Brown {color: #993300; font-weight: bold;}

.Red {color: #ff0000; font-weight: bold;}
.RedDark {color: #990000; font-weight: bold;}

.Rose {color: #CC00FF; font-weight: bold;}
.RoseLight {color: #F0F; font-weight: bold;}
.RoseMid {color: #CC00FF; font-weight: bold;}
.RoseDark {color: #990099; font-weight: bold;}


D {
    FONT-WEIGHT: normal;
}
BN {
    font-weight: bold; 
}
BG {
    font-weight: bold; 
    color: #727572;
}
BGN {
    font-weight: bold; 
    color: #727572;
}
BI {
    font-weight: bold; 
    font-style: italic;
}
BIN {
    font-weight: bold; 
    font-style: italic;
}
BNB {
    color: #0000FF;
    font-weight: bold;
}

@font-face {
    font-family: 'BebasNeueRegular';
    /*src: url('../css/fonts/Bebas_Neue_Cyrillic.woff') format('woff');*/
    /*src: url('../css/fonts/Bebas_Neue_Cyrillic.woff2') format('woff2');*/
    src: url('../css/fonts/Bebas_Neue_Cyrillic.ttf') format('truetype');
    /*src: url('../css/fonts/1BEBAS_Cyr.eot');*/
         
    /*src: url('../css/fonts/1BEBAS_Cyr.eot');*/
    /*src: url('../css/fonts/1BEBAS_Cyr.eot?#iefix') format('embedded-opentype'),*/
    /*     url('../css/fonts/Bebas_Neue_Cyrillic.ttf') format('truetype'),*/
    /*     url('../css/fonts/Bebas_Neue_Cyrillic.woff') format('woff'),*/
    /*     url('../css/fonts/Bebas_Neue_Cyrillic.svg#BebasNeueRegular') format('svg');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'), url(https://themes.googleusercontent.com/static/fonts/archivonarrow/v2/DsLzC9scoPnrGiwYYMQXphdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'), url(https://themes.googleusercontent.com/static/fonts/archivonarrow/v2/M__Wu4PAmHf4YZvQM8tWsCylde52zikAzebNtJS89aM.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.googleapis.com/css?family=Cuprum&subset=latin,cyrillic);
  font-display: swap;
}


#header {
	WIDTH: 100%;
	COLOR: #ffffff;
	POSITION: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0%;
/*	background: -moz-linear-gradient(left center , rgb(32, 122, 51) 0%, rgb(142, 228, 160) 50%, rgb(32, 122, 51) 100%) repeat scroll 0% 0% transparent;
*/	background-image: url(../images/Footer960x100_5_0000_Layer-1.png);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: right center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0%;
	padding-left: 0%;
	height: 100px;
}

#header_img {
/*	float: left; */
	/*width: 79%;*/
	margin-left: 12%;
}
#moonexcel_link {
	float: left; 
	/*width: 79%;*/
	height: 100px;
}
#moonexcel_logo {
    margin: 0;
    width: 618px;
    height: 100px;
    content: url(../images/Logo.png);
}

#links UL {
	WIDTH: 100%;
	LIST-STYLE-TYPE: none
}
#links UL LI {
	BACKGROUND-POSITION: 0 4px; 
	PADDING-LEFT: 2%; 
	BACKGROUND-IMAGE: url(../img/bullet.gif); 
	BACKGROUND-REPEAT: no-repeat;
}
#links LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#links LI A {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	color: rgb(9, 86, 47);
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
}
#links LI A:hover {
	background-color: #FFFF99;
}
#links LI A.current {
	background-color: #FFFF99;
}
#links A EM {
	DISPLAY: block; FONT: 85%/100% Verdana, Helvetica, sans-serif; COLOR: rgb(80,80,80);
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.links UL {
	WIDTH: 100%;
	LIST-STYLE-TYPE: none
}
.links LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.links LI A {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	color: rgb(9, 86, 47);
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
}
.links LI A:hover {
	background-color: #FFFF99;
}
.links LI A.current {
	background-color: #FFFF99;
}
.links A EM {
	DISPLAY: block; FONT: 85%/100% Verdana, Helvetica, sans-serif; COLOR: rgb(80,80,80);
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
}


.mt2 LI {DISPLAY: inline}

#languages {
	float: right;
	width: auto;
	height: auto;
	margin-right: 0px;
	margin-top: 10px;
}

#languages2 {
	background: rgb(80,80,80);
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.solidblockmenu {
	BACKGROUND: url(../images/blockdefault.gif) black repeat-x center center;
	FLOAT: left;
	position: absolute;
	right: 5%;
	OVERFLOW: hidden;
	WIDTH: auto;
	font-family: Arial;
	font-size: 9px;
	text-transform: uppercase;
	height: auto;
	margin: 0%;
}
.solidblockmenu LI {
	DISPLAY: inline
}
.solidblockmenu LI A {
	FLOAT: left;
	COLOR: white;
	border-right-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	height: auto;
	width: auto;
	text-align: center;
	padding: 7px;
}
.solidblockmenu LI A:visited {
	COLOR: white
		
}
.solidblockmenu LI A:hover {
	BACKGROUND: url(../images/blockactive.gif) red repeat-x center center; COLOR: white
}

.solidblockmenu LI .current {
	BACKGROUND: url(../images/blockactive.gif) red repeat-x center center; COLOR: white
}

.solidblockmenu_2 {
	/*	BORDER-RIGHT: #625e00 0px solid;
*/	
/*	BORDER-TOP: #625e00 1px solid;
	BACKGROUND: url(../images/bg-nav.gif) black repeat-x center center;
*/	FLOAT: left;
	WIDTH: 88%;
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	OVERFLOW: hidden;
	/*	BORDER-LEFT: #625e00 0px solid;
*/	
	text-align: center;
	text-shadow: -1px -1px 0px rgb(17, 17, 17);
	text-transform: uppercase;
	background: -moz-linear-gradient(center top , rgb(51, 51, 51) 0%, rgb(109, 109, 109) 100%) repeat scroll 0% 0% transparent;
/*	background: rgb(80,80,80);
*/	box-shadow: 0px 1px 1px rgb(0, 0, 0);
	font-size: 24px;
	line-height: 1.231;
	padding-left: 12%;
	margin: 0%;
}

.solidblockmenu_2 LI {
	DISPLAY: block;
	height:30px;
/*	padding:0 30px;
*/	float:left;
/*	font:80%/40px Helvetica,"microsoft sans serif",arial,sans-serif;
*/	
	border-right: 1px solid rgb(51, 51, 51);
	border-left: 1px solid rgb(109, 109, 109);
	font-family: BebasNeueRegular;
	letter-spacing: 0px;
		
/*	font: inherit;
*/}

.solidblockmenu_2 LI A {
	FLOAT: left;
	padding:0 20px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
.solidblockmenu_2 LI A:visited {
	COLOR: white
}
.solidblockmenu_2 LI A:hover {
	COLOR: white;
	background-attachment: scroll;
	background-color: blue;
	background-image: url(../images/bg-button_50px.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.solidblockmenu_2 LI .current {
	COLOR: white;
	background-color: blue;
	background-image: url(../images/bg-button_50px.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

BODY {
    /* CLS improvement */
    font-family: 'BebasNeueRegular', Arial, sans-serif;
/*	background-color: #0e1f35;
*/	
	display: block;
	margin: 0px;
	background-color: rgb(242, 242, 242);
/*	background-image: url(/images/header1.jpg); */
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	color: #333333;
}
	
H1 {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 15px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 28px;
    MARGIN: 10px 0px 15px;
    color: rgb(134, 3, 0);
    color: rgb(9, 86, 47);
    line-height: 1em;
    BORDER-BOTTOM: #5f9794 1px solid;
    text-align: center;
}
H2 {
    FONT-SIZE: 22px;
    COLOR: #414258;
    margin: 35px 0 15px 0;
}
H3 {
    FONT-SIZE: 18px;
    PADDING-BOTTOM: 5px;
    COLOR: #414258;
    margin: 30px 0 10px 0;
    /*BORDER-BOTTOM: #5f9794 1px solid;*/
}
H4 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #003366;
}
H5 {
    BORDER-TOP: #5f9794 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #003366;
    PADDING-TOP: 10px;
}

A {
	FONT-WEIGHT: bold;
	COLOR: #188291;
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}


ACRONYM {
	BACKGROUND: url(../images/acronym.gif) repeat-x left bottom; 
	CURSOR: help;
}
IMG {
	BORDER: 0;
	margin: 15px 0;
	max-width: 100%;
    height: auto;
}

DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; COLOR: #333333; PADDING-TOP: 0px
}
HR {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; COLOR: #333333; PADDING-TOP: 0px
}
P {
	PADDING: 0; 
	MARGIN: 0 0 10px; 
	COLOR: #333333; 
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; COLOR: #333333; PADDING-TOP: 0px
}

ol > li::marker {
  font-weight: bold;
}

UL {
	PADDING: 0;
	MARGIN: 0 0 15px 0; 
	COLOR: #333333;
}
PRE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; COLOR: #333333; PADDING-TOP: 0px
}
TABLE {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 15px;
	COLOR: #333333;
	PADDING-TOP: 0px;
	font-size: 14px;
}
DL {
	CLEAR: both
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HR {
	CLEAR: both; BORDER-TOP: #b7d3d6 1px solid; HEIGHT: 1px
}
.image {
	BORDER-TOP: #b7d3d6 1px solid; PADDING-TOP: 20px
}
.article {
	BORDER-TOP: #b7d3d6 1px solid; PADDING-TOP: 20px
}
.quote {
	BORDER-TOP: #b7d3d6 1px solid; PADDING-TOP: 20px
}
.video {
	BORDER-TOP: #b7d3d6 1px solid; PADDING-TOP: 20px
}
.link {
	BORDER-TOP: #b7d3d6 1px solid; PADDING-TOP: 20px
}
.snippet {
	BORDER-TOP: #b7d3d6 1px solid; PADDING-TOP: 20px
}
.audio {
	BORDER-TOP: #b7d3d6 1px solid; PADDING-TOP: 20px
}
.event {
	BORDER-TOP: #b7d3d6 1px solid; PADDING-TOP: 20px
}
.clear {
	CLEAR: both; DISPLAY: block; OVERFLOW: hidden; WIDTH: 0px; HEIGHT: 0px
}
.continue {
	MARGIN-TOP: -10px; FONT-WEIGHT: bold
}

#container {
	MIN-HEIGHT: 100%; POSITION: relative
}

#content_main {
	float: left;
	background-color: rgb(242, 242, 242);
/*	BACKGROUND: url(/images/content-main.jpg) no-repeat right top;
*/	WIDTH: 100%;
	padding: 0;
	margin: 10px 0;
}


#adv_5 {
    /* 
    aside_left
    absolute
    top:150px;
    
    background:yellow;
    width:100px;
    height:280px; */
    position:static; 
    left:10px;
    top:150px;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}


.aside_left_wrapper
{
	float: left;
	width: 10%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 2%;
	display: inline;  /*IE double margin bug fix */
/*	overflow: hidden;  */
}

.aside_left
{
	float: left;
	font-family: "Archivo Narrow", Calibri, sans-serif;
	font-size: 16px;
	width: 10%; 
   /* min-width: 10%;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 2%;
	display: inline;  /*IE double margin bug fix */
	BACKGROUND-COLOR: #ececec;
/*	overflow: hidden;  */
	border-left: 0px solid #e2e2e2;
	border-top: 0px solid #e8e8e8;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px #777;
	-webkit-box-shadow: 1px 1px 1px #777;
	box-shadow: 1px 1px 1px #777;
	
}

.aside_left_sticky
{
	float: left;
	position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 25;
	width: 10%; 
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 2%;
	display: inline;  /*IE double margin bug fix */
}


#article_main {
	float: left;
	PADDING-RIGHT: 3%;
	PADDING-LEFT: 3%;
	MIN-HEIGHT: 600px;
	PADDING-BOTTOM: 11px;
	PADDING-TOP: 15px;
	/*	BACKGROUND-COLOR: #FFFFFF
*/
	WIDTH: 55%;
	background-color: #FFF;
	box-shadow: 1px 1px 1px rgb(119, 119, 119);
	border-radius: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1%;
	overflow: auto;
	text-align: justify;
	}
	
#article_main DT {
	FONT-SIZE: 107%
}
#article_main DD {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 15px; 
	BACKGROUND: url(../images/bullet_content.gif) no-repeat left center; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}
#article_main .excerpt {
	FONT-SIZE: 114%
}
#article_main OL {
	MARGIN-LEFT: 20px
}
#article_main UL {
	/*LIST-STYLE-TYPE: inherit;*/
	LIST-STYLE-TYPE: disc;
	PADDING-LEFT: 20px
}
#article_main UL LI {
    PADDING: 0 0 12px 0;
}
#article_main OL UL {
	MARGIN-BOTTOM: 0px; 
	PADDING-TOP: 5px
}
#article_main OL OL {
	MARGIN-BOTTOM: 0px; 
	PADDING-TOP: 5px
}
#article_main UL UL {
	MARGIN-BOTTOM: 0px; 
	PADDING-TOP: 5px
}
#article_main UL OL {
	MARGIN-BOTTOM: 0px; 
	PADDING-TOP: 5px
}
#article_main LI {
    PADDING: 0 0 12px 0;
	MARGIN-LEFT: 10px; 
}
#article_main OL UL LI {
	BACKGROUND-POSITION: 0px 4px; 
	PADDING-LEFT: 20px; 
	BACKGROUND-IMAGE: url(../images/layout/bullet.gif); 
	BACKGROUND-REPEAT: no-repeat
}
#article_main OL LI {
	PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%
}


#sidebar {
	float: right;
	margin: 120px 20px 0 20px;
	padding: 0 0 0 0;
	width: 15%;
	font-size: 12px;
	COLOR: #990000;
	BACKGROUND-COLOR: #FFFFFF;
	/* [disabled]overflow: hidden; */
	display: inline;  /*IE double margin bug fix */
}

.aside
{
	float: left;
	font-family: "Archivo Narrow", Calibri, sans-serif;
	font-size: 14px;
	width: 21%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 2%;
	display: inline;  /*IE double margin bug fix */
}



.aside_block {
	float: left;
	width: 100%;
	display: inline;
/*	BACKGROUND-COLOR: #FFFFFF;
*/	BACKGROUND-COLOR: #ececec;
	overflow: hidden;
	margin-bottom: 11px;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e8e8e8;
	-moz-box-shadow: 1px 1px 1px #777;
	-webkit-box-shadow: 1px 1px 1px #777;
	box-shadow: 1px 1px 1px #777;
	border-radius: 10px;
}

.menu_titre {
	font-family: "Archivo Narrow", Calibri, Oswald, sans-serif;
	font-weight: bold;
	font-size: 16px;
	border-right: 1px solid #aaa;
	border-left: 1px solid #dddddd;
	border-radius: 10px 10px 0 0;
	width: 100%;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
	border-bottom: 1px solid #777;
	text-shadow: 0 1px 0 #e8e8e8;
	background: url(../images/menu_top.png) #a8a8a8 repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#a8a8a8));
	background: -moz-linear-gradient(top, #d2d2d2, #a8a8a8);
	background: linear-gradient(top, #d2d2d2, #a8a8a8);
}

#bottom {
	float: left;
	margin: 0%;
	padding: 0;
	width: 100%;
	font-size: 0.9em;
	overflow: hidden;
	background-color: rgb(63, 63, 63);
	height: 60px;
}

#bottom_menu {
	float: left;
/*	width: 560px; */
	float: left;
	margin-left: 17%;
	padding-right: 20px;
	text-align: center;
	margin-top: 5px;
}

.bottom_menu LI {
	DISPLAY: inline;
	padding-right: 5px;
	float: left;
	font-size: 14px;
}

#top {
/*	display: block; */
	width: 56px;
	height: 30px;
/*	position: absolute; */
	cursor: pointer;
	margin-left: 37%;
	margin-top: 1.4%;
	background-position: -32px 0px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
}

#counter {
	float: left;
	margin-left: 14%;
	margin-top: 5px;
}

#vverh {
	display: none;
	position: fixed;
	right: 15%;
/*	
	margin-left: -104%; /* своё значение */
	margin-left: -webkit-calc(-100% - 15em); /* вместо 7em своё значение */
	margin-left: calc(-100% - 15em); /* вместо 7em своё значение */
*/
	padding: 100% 1% 0 99%;
	bottom: 5%;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	opacity: 0.3;
}
#vverh:before {
	position: absolute;
	content: url(../images/strelka.png);
	margin: -55px 0 0 -12px;
}
#vverh:hover {
	color: #000;
	background-color: rgba(0,0,0,.3);
	opacity: 1;
}

.list_coll {
	display: inline-block;
}

#table-main {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.main_menu {
	font-size: 14px;
	height: 125;
}
div.code_vba {
    text-align: left;
    padding: 5px 8px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(102, 102, 102) rgb(187, 187, 187) rgb(232, 232, 232) rgb(136, 136, 136);
    border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0% 0% rgb(234, 234, 234);
}
div.code_rem {
    padding: 5px 8px 8px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    border-width: 1px;
    /*border-style: solid;*/
    border-color: rgb(102, 102, 102) rgb(187, 187, 187) rgb(232, 232, 232) rgb(136, 136, 136);
    border-radius: 5px;
    background: none repeat scroll 0% 0% rgb(215, 238, 247);
}
th {
    text-align: center;
}
td {
    vertical-align: middle;
    text-align: left;
    padding: 3px 6px;
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(246, 246, 246);
    box-shadow: 1px 1px 2px rgb(170, 170, 170);
}
td.center {
    text-align: center;
}

.w3-btn, .w3-btn:link, .w3-btn:visited {
    color:#FFFFFF;
    background-color:#4CAF50
}

.w3-example .w3-btn, .w3-example .ws-btn {
  background-color:#04AA6D!important;
  color:#ffffff;
  border-radius:5px;
  font-size: 17px;
  font-family: 'Source Sans Pro', sans-serif;
  padding:6px 18px;
}

div.nextprev {
    padding-left:2%;
    padding-right:2%;
}
.nextprev a {
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    padding-left:19px;
    padding-right:19px;
    border:1px solid #cccccc;
    border-radius:5px;
    text-decoration:none;
}
.nextprev a.w3-right,.nextprev a.w3-left {
    background-color:#04AA6D;
    /*background-color:#046240;*/
    color:#ffffff;
    border-color:#04AA6D;
    /*border-color:#046240;*/
}
.w3-btn,.w3-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
    border-radius:5px;
}
.w3-left{
    float:left!important
}
.w3-right{
    float:right!important;
}
.w3-btn:hover,.w3-btn:active,.nextprev a:focus {
  box-shadow: none;
  background-color: #059862 !important;
  text-decoration:none;
}


br.br_haut {
    clear: left;
}

#right_block_excel,
#right_block_vba, 
#right_block_dax,
#right_block_sql, 
#right_block_libre,
#right_block_blog {
	display: none;
}

#top_adv {
    height: 300px;
    width: 300px;
	float: left;
	margin: 0 30px 15px 0;
}

#top_pet {
    height: 300px;
    width: 300px;
	float: left;
	margin: 0 30px 15px 0;
}

#top_ylc {
    height: 280px;
    width: 240px;
	float: left;
}

#top_video {
    width: 356px;
    height: 200px;
	float: left;
	margin: 0 30px 0 0;
}

#top_video_shorts {
    width: 315px;
    height: 560px;
	float: left;
	margin: 0 30px 0 0;
}

#right_block_adv {
	margin: 30px 0;
	float: left;
	width: 100%;
	display: inline;
	overflow: hidden;
}

#right_block_ylc {
	margin: 25px 1px;
	float: left;
	/*width: 100%;*/
	display: inline;
	overflow: hidden;
}

#bottom_adv {
	margin: 3% 0 2% 0;
}

#bottom_pet {
	margin: 3% 0 2% 0;
}

textarea.sql_query {
    width: 100%;
    height: 120px;
    padding: 10px;
    border: 0;
    border-top: 3px solid #c2c2c2;
    background: #f7f7f7;
    display: block;
    margin: 15px 0;
}
.sql_result {
    margin: 15px 0;
}
.highlight {
    /*color: green;*/
    FONT-WEIGHT: bold;
}

.kbd {
    font-weight: bold;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
    background-color: #f7f7f7;
}
.kbd_l {
    color: #333333;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
    background-color: #f7f7f7;
}
.kbd_f {
    color: #f0e8df;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #781919;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #781919 inset;
    background-color: #781919;
}
.kbd_u {
    color: #f0e8df;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #0c5f9d;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #0c5f9d inset;
    background-color: #0c5f9d;
}

.kbd_l a {
    color: #333333;
    text-decoration: none;
}
.kbd_u a, .kbd_f a {
    color: #f0e8df;
    text-decoration: none;
}

.hidden { 
    display: none; 
}


/* --- Dropdown menu --- */

.dropdown-content {
  display: none;
}

.dropdown_btn:hover .dropdown-content {
  display: inline;
}


/* --- Download button --- */

div.linktodownloadpagehomepage {
    margin: auto;
    width: 50%;
    text-align: center
}

a.linktodownloadpage {
    display: inline;
    background-color: #FE5000;
    padding: 1em;
    color: #fff;
    border: 0;
    cursor: pointer;
    border-radius: .5em;
    -moz-border-radius: .5em;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin-right: .5em;
    transition: background-color .3s ease-out;
}

a.linktodownloadpage:hover {
    background-color: #04AA6D;
}
 

/* --- For pads --- */
@media only screen and (max-width: 768px) {
  #header {
    background-image: url(../images/Footer960x100_5_0000_Layer-1_m768.webp);
	height: 150px;
  }
  #header_img {
    margin-left: 0;
  }
  #moonexcel_link {
	height: 150px;
  }
  #moonexcel_logo {
    content: url(../images/Logo_m768.webp);
  }
  #article_main {
    width: 92%;
  }
  div.aside_left, 
  div.aside_left_sticky, 
  div.aside {
    display: none;
  }
  #bottom_menu {
    display: none;
  }
  #top {
    margin-left: 45%;
  }
  BODY {
  	font-size: 18px;
  }
  iframe {
    width: 370;
    height: 208;
  }
  .solidblockmenu LI A {
    font-size: 24px;
    padding: 14px;
  }
  #languages2 {
	height: 100px;
  }
  .solidblockmenu_2 {
    padding-left: 0%;
    WIDTH: 100%;
  }
  .solidblockmenu_2 LI {
    height: 50px;
  }
  .solidblockmenu_2 LI A {
    padding-top: 10px;
    padding-bottom: 10px;
  }
 /* #top_adv {
    height: 250px;
    width: 250px;
    overflow: hidden;
  }*/
    
}

/* --- For mobile phones --- */
@media only screen and (max-width: 360px) {
    #moonexcel_logo {
      content: url(../images/Logo_m360.webp);
    }
    #languages2 {
	  height: 150px;
    }
}


/* --- For image tabs --- */

/* Style the tab */
.tab {
  overflow: initial;
  /*border-bottom: 1px solid #ccc;*/
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  /*width: 100%;*/
  clear: both;
  /*padding: 6px 12px;*/
  /*border: 1px solid #ccc;*/
  /*border-top: none;*/
}


/* --- For aside YLC Adv --- */

.block_right {
    z-index: 0;
    display: inline;
    float: left;
    position: relative;
    /*width: 250px;*/
    margin-top: 15px;
    /*margin-left: 30px;*/
    margin-bottom: 10px;
    margin-right: 0;
    border-left-color: #E8E8E8;
    border-left-style: solid;
    border-left-width: 0;
    padding: 0;
    border-top-color: #F7F7F7;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #F7F7F7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    background-color: #F7F7F7;
    font-size: 1.3em
}

.right_menu_active {
    z-index: 1;
    position: relative;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 3px;
    padding-bottom: 4px;
    background-color: #FCFCFC;
    border: 1px solid #E8E8E8;
    border-left: 1px solid #FCFCFC;
    border-right-color: #E8E8E8;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: #E8E8E8;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top-color: #E8E8E8;
    border-top-style: solid;
    border-top-width: 2px;
    margin: 0;
    background-position: -6px
}

.right_menu {
    z-index: 1;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 7px;
    border-left: 1px solid #E8E8E8;
    margin: 0
}

a.linktodownloadpage {
    display: block;
    /*width: 400px;*/
    background-color: #FE5000;
    padding: 1em;
    color: #fff;
    border: 0;
    cursor: pointer;
    border-radius: .5em;
    -moz-border-radius: .5em;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin-right: .5em;
    transition: background-color .3s ease-out
}

h3.right_menu,h3#right_menu_active {
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0;
    padding-top: 5px;
    border: 0;
    font-size: 1.2em
}

img.shadowsmall {
    -webkit-filter: drop-shadow(3px 3px 3px #BEBEBE);
    filter: drop-shadow(3px 3px 3px #BEBEBE)
}