body
{
	font-family:arial,verdana,serif;
	font-size:small;
	margin:auto;
	background-color:rgb(235,235,235);
}



/* ----------------------------------------	TETE --------------------------------------------------*/

#tete 
{
	width:800px;
	margin:auto;
	margin-top:0px;
	height:125px;
}

#tete img
{
	width:170px;
}

#tete .a1
{
	display:block;
	float:right;
	height:12px;
	padding:5px;
	padding-top:2px;
	margin-right:5px;
	margin-top:105px;
	border:1px solid rgb(170,200,190);
	border-radius:5px 5px 0px 0px;
	border-bottom:none;
	background-color:rgb(170,200,190);
	text-decoration:none;
	color:black;
	font-size:11px;
}

#tete .a1:hover
{
	height:15px;
	margin-top:102px;
}

#tete .a2
{
	display:block;
	float:right;
	height:12px;
	padding:5px;
	padding-top:2px;
	margin-right:5px;
	margin-top:105px;
	border:1px solid rgb(170,190,200);
	border-radius:5px 5px 0px 0px;
	border-bottom:none;
	background-color:rgb(170,190,200);
	text-decoration:none;
	color:black;
	font-size:11px;
}

#tete .a2:hover
{
	height:15px;
	margin-top:102px;
}


/*----------------------------------------- PAGE ------------------------------------------------*/

#page
{
	margin:auto;
	width:860px;
	min-height:600px;
	border:1px solid white;
	border-radius:5px 5px 5px 5px;
	background-color:white;
	padding:20px;
}



/*----------------------------------------- MENUS ------------------------------------------------*/

#menu1
{
	width:800px;
	height:80px;
	margin:auto;
}

#menu1 .lien1
{
	display:block;
	float:left;
	width:140px;
	height:50px;
	border:2px solid rgb(255,70,60);
	border-radius:5px 5px 5px 5px;
	background-color:rgb(255,100,90);
	margin-left:44px;
	text-decoration:none;
	color:black;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:30px;
}

#menu1 .lien1:hover
{
	background-color:rgb(255,70,60);
}

#menu1 .lien2
{
	display:block;
	float:left;
	width:140px;
	height:50px;
	border:2px solid rgb(110,140,220);
	border-radius:5px 5px 5px 5px;
	background-color:rgb(130,160,220);
	margin-left:44px;
	text-decoration:none;
	color:black;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:30px;
}

#menu1 .lien2:hover
{
	background-color:rgb(110,140,220);
}

#menu1 .lien3
{
	display:block;
	float:left;
	width:140px;
	height:50px;
	border:2px solid rgb(100,180,100);
	border-radius:5px 5px 5px 5px;
	background-color:rgb(130,200,130);
	margin-left:44px;
	text-decoration:none;
	color:black;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:30px;
}

#menu1 .lien3:hover
{
	background-color:rgb(100,180,100);
}

#menu1 .lien4
{
	display:block;
	float:left;
	width:140px;
	height:50px;
	border:2px solid rgb(155,120,85);
	border-radius:5px 5px 5px 5px;
	background-color:rgb(170,140,100);
	margin-left:44px;
	text-decoration:none;
	color:black;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:30px;
}

#menu1 .lien4:hover
{
	background-color:rgb(155,120,85);
}
