@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;
				scrollbar-face-color: #666666;   scrollbar-highlight-color: #999999;
				scrollbar-shadow-color: #000000; scrollbar-3Dlight-color: #666666;
				scrollbar-arrow-color:  #FF0000; scrollbar-track-color: #000000;
				scrollbar-darkshadow-color: #000000;}
HR				{border: 1px solid #999999;}
H1     			{font: 17px noto_sans,arial,helvetica,sans-serif; color: #EEBBBB}
H2				{font: 16px noto_sans,arial,helvetica,sans-serif; color: #EEBBBB}

A:link    		{font: 15px noto_sans,arial,helvetica,sans-serif; color:#88BBFF; text-decoration: none}
A:visited 		{font: 15px noto_sans,arial,helvetica,sans-serif; color:#88BBFF; text-decoration: none}
A:hover   		{font: 15px noto_sans,arial,helvetica,sans-serif; color:red; text-decoration: underline}
A:active   		{font: 15px noto_sans,arial,helvetica,sans-serif; color:yellow; text-decoration: underline}
A.main:link    	{font: 16px noto_sans,arial,helvetica,sans-serif; color:#88BBFF; text-decoration: none}
A.main:visited 	{font: 16px noto_sans,arial,helvetica,sans-serif; color:#88BBFF; text-decoration: none}
A.main:hover   	{font: 16px noto_sans,arial,helvetica,sans-serif; color:red; 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}
table.index		{border:solid 1px #BBBBBB; padding:20px; background-color:#000000}

font.text           {font: 15px noto_sans,arial,helvetica,sans-serif; color: #CCCCCC}
font.text2          {font: 15px noto_sans,arial,helvetica,sans-serif; color: #CCCCCC}
font.text-titre     {font: 16px noto_sans,arial,helvetica,sans-serif; color: #BBBBBB}
font.text-titre2    {font: 17px noto_sans,arial,helvetica,sans-serif; color: #EEBBBB}
font.text-brown     {font: 12px noto_sans,arial,helvetica,sans-serif; color: #FF8800}
font.text-yellow    {font: 15px noto_sans,arial,helvetica,sans-serif; color: #DDDD00}
font.text-note      {font: 15px noto_sans,arial,Helvetica,sans-serif; color: #CCCCCC}
font.text-grey      {font: 15px noto_sans,arial,helvetica,sans-serif; color: #CCCCCC}
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}