body
	{
  	margin: 0;
  	padding: 5px;
  	font-size: 8px;
  	line-height: 15px;
  	color: #414142;
  	font-family: Arial;
  	background-color: #E6E6E6;
	overflow-y: auto;
	overflow-x: hidden;
  	}

@media all and (min-width: 1020px)
	{
	.menu
	  	{ 
  		list-style:none; 
  		border-bottom:#5dbef5 solid 5px;
  		background-color:#ffffff; 
  		width:96%; height:27px; 
  		line-height:27px;
  		margin:10px 0 0 0; 
  		}

	.menu li
  		{ 
  		float:left; 
  		margin-left:10px;
  		}

	.menu li a
  		{
  		display:block; 
  		float:left; 
  		height:27px; 
  		line-height:27px; 
  		color:#aaa; 
  		text-decoration:none; 
  		font-family:arial, verdana, sans-serif; 
  		text-align:center; 
  		font-size:18px;
  		padding:0 0 0 7px; 
  		cursor:pointer; 
  		}

	.menu li a b
  		{
  		float:left; 
  		display:block; 
  		padding:0 40px 0 7px;
  		}		

	.menu li.current a
  		{
  		color:#fff; 
  		background:url(../images/onglet.jpg);
  		}	

	.menu li.current a b
  		{
  		background:url(../images/onglet.jpg) no-repeat right top;
  		}

	.menu li a:hover
  		{
  		color:#fff; 
  		background: url(../images/onglet.jpg);
  		}

	.menu li a:hover b
  		{
  		background:url(../images/onglet.jpg) 
  		no-repeat right top;
  		}

	.menu2
	  	{ 
		padding:2;
  		margin:1;
		width: 160px;
  		list-style:none; 
  		}

	.menu2 li
  		{ 
		font-size: 12px;
  		}

	.menu2 li a 
		{
  		display: block;
  		color:#88EEFF;
  		line-height: 1em ;
  		text-align: left ;
  		text-decoration: none ;
		text-shadow: 0.1em 0.1em 0.1em black;
		font-family:arial; 
  		padding: 4px 12px ;
		}

	.menu2 li a:hover, menu2 li a:focus, menu2 li a:active 
		{
  		background: #DDDDDD;

		}

	.tbanniere
		{
		display: none;
		}
	}

a
  	{
	color:#0000AA;
	text-decoration: none;
  	}

h1
	{
	font-size: 20px;
	font-weight : bold;
	color:#8800FF;
	}

h2
	{
	font-size: 16px;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 20px;
	}

h3
	{
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 50px;
	margin-right: 20px;
	}

p
	{
	font-size: 14px;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 4px;
	margin-left: 50px;
	margin-right: 20px;
	}

t1
	{
	font-size: 12px;
	font-style : italic;
	color:#2222aa;
	text-shadow: 0.1em 0.1em 0.1em black;
	}

t2
	{
	font-size: 11px;
	font-weight : bold;
	color:#8800FF;
	text-shadow: 0.1em 0.1em 0.1em black;
	}

t3
	{
	font-size: 11px;
	color:#0088FF;
	text-shadow: 1px 1px white, -1px -1px #444;
	}

t4
	{
	font-size: 11px;
	font-style : italic;
	color:#FF8800;
	text-shadow: 0.1em 0.1em 0.1em black;
	}

t5
	{
	font-size: 10px;
	font-weight : bold;
	color:#22FF88;
	text-shadow: 0.1em 0.1em 0.1em black;
	}

t6
	{
	font-size: 10px;
	color:#AAAA00;
	text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87;
	}

.banniere
	{
	width:780px;
	}

@media all and (max-width: 1020px)
	{
    	.banniere
    		{
        	display: none;
    		}

    	.lien
    		{
        	display: none;
    		}

    	.icode
    		{
        	display: none;
    		}

    	.menu
    		{
        	display: none;
    		}
	}