@font-face 	{font-family: "tibet_regular"; src: url("fonts/NotoSerifTibetan-Regular.woff2"); font-display: auto;}
@font-face 	{font-family: "noto_sans"; src: url("fonts/NotoSans-Regular.woff2"); font-style: normal; font-display: auto;}
@font-face 	{font-family: "noto_sans"; src: url("fonts/NotoSans-Italic.woff2");  font-style: italic; font-display: auto;}

BODY {	color: black; background-color: #333333; font: 15px arial,helvetica,sans-serif;
        font: 15px noto_sans, Arial,sans-serif; width:	1040px; margin: 10px auto;}

    .container {
		display: 	table;
        background: #000000;
		width:  	100%;
		border:		1px solid #EEBBBB;
    }
    .header {
        padding: 	10px 20px 10px;
	}
    .section {
		background: #000000;
		width:  	1040px;
        height: 	1010px;
		display: 	grid;
		place-items: center;
    }
    .legende {
		padding: 	0px 10px 0px 20px;
 		text-align: left;
		height:		60px;
		display: 	flex;
		align-items: flex-end;
    }
	.index {
		padding: 	0px 10px 0px 10px;
 		text-align: center;
    }
    .footer {
		padding: 	0px 20px 10px 20px;
    }
	.copyright {
		padding: 	0px 0px 0px 0px;
		background: #333333;
    }
	
HR				{border: 1px solid #999999;}
H1     			{font: 18px noto_sans,arial,helvetica,sans-serif; color: #EEBBBB}
H2     			{font: 16px noto_sans,arial,helvetica,sans-serif; color: #EEBBBB}
		 
A:link    		{font: 16px noto_sans,arial,helvetica,sans-serif; color:#88BBFF; text-decoration: none}
A:visited 		{font: 16px noto_sans,arial,helvetica,sans-serif; color:#88BBFF; text-decoration: none}
A:hover   		{font: 16px noto_sans,arial,helvetica,sans-serif; color:red; text-decoration: underline}
A:active   		{font: 16px noto_sans,arial,helvetica,sans-serif; color:yellow; text-decoration: underline}
A.small:link    {font: 15px noto_sans,arial,helvetica,sans-serif; color:#88BBFF; text-decoration: none; line-height: 60%}
A.small:visited {font: 15px noto_sans,arial,helvetica,sans-serif; color:#88BBFF; text-decoration: none; line-height: 60%}
A.small:hover   {font: 15px noto_sans,arial,helvetica,sans-serif; color:red; text-decoration: underline; line-height: 60%}
A.small:active  {font: 15px noto_sans,arial,helvetica,sans-serif; color:yellow; text-decoration: underline; line-height: 60%}
A.img:link    	{color: #999999}
A.img:visited 	{color: #999999}
A.img:hover   	{color: red}
A.img:active   	{color: yellow}
IMG.vignette	{width: 60px; height: 60px; border: 2px solid; border-radius: 5px}
IMG.mail		{width: 25px; height: 25px; border: 1px solid black; vertical-align: bottom}
IMG.mail:hover	{width: 25px; height: 25px; border: 1px solid; vertical-align: bottom}

font.text           {font: 15px noto_sans,arial,helvetica,sans-serif; color: #CCCCCC}
font.text-small     {font: 13px noto_sans,arial,helvetica,sans-serif; color: #CCCCCC}
font.text-titre     {font: 17px noto_sans,arial,helvetica,sans-serif; color: #EEBBBB}
font.text-tibet		{font: 14px tibet_regular,serif; color: #EEBBBB; line-height: 60%; text-align: left!important}
font.text-tibetB	{font: 35px tibet_regular,serif; color: #EEBBBB; line-height: 60%; text-align: left!important}
font.text-sanskrit	{font: 14px noto_sans,serif; color: #EEBBBB; line-height: 60%; text-align: left!important}
font.text-sanskritB	{font: 35px noto_sans,serif; color: #EEBBBB; line-height: 60%; text-align: left!important}
font.link-small    	{font: 12px noto_sans,Arial,Helvetica,sans-serif; color: #999999}
font.copy 			{font: 12px noto_sans,arial,Helvetica,sans-serif; color: #999999}