body
{
	/*background : url("Images/tableauNoir.jpg") repeat-y, url("Images/tableauNoir.jpg") right  repeat-y;*/
	color : #223645;
	
}


a:link{
		color: #223645;
	}

a:visited {
		color: #223645;
		text-decoration:none;
	}

a:hover {
		color:#B83A1B;
		text-decoration:none;
	}
	
a:active {
		text-decoration:none;
	}

table
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
td
{
    border: 1px solid black;
}
header
{
	background-image:linear-gradient(#FFF5EF, #DCDCDC);
	text-align: center;
    border: 3px solid #B83A1B;
	border-radius: 10px;
	width:50%;
	margin: auto;
	margin-bottom : 50px;
	margin-top : 70px;
}

nav
{
	width : 100%;
	margin : auto;
	text-align : center;
	
}
nav ul
{
	list-style-type: none; 
}
nav li
{
	display: inline-block;
	background-image:linear-gradient(#FFF5EF, #DCDCDC);
	border: 3px solid #B83A1B;
	border-radius: 10px;
	padding : 10px;
	font-size : 150%;
	
}
p.macron
{
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    width: 60%
}

.centre
{
	background-image:linear-gradient(#FFF5EF, #DCDCDC);
   	border: 3px solid #B83A1B;
	border-radius: 10px;
	width:30%;
	margin: 50px auto;
	padding : 10px ;
}

.centre p
{
	font-size : 1.2em;
}

.centre li
{
	font-size : 2em;
	list-style-type : square;
	margin-bottom : 15px;
}

.centre h2
{
	text-align: center;
	margin : 0px
}


footer
{
	width : 18%;
	position : absolute;
	bottom : 0px;
	right : 0px;
	background-image:linear-gradient(#223645, #DCDCDC,#223645);
	text-align : center;
	border: 3px solid #FFF5EF;
	/*border-radius: 30px;*/
	
}

.flottante
{
	float : left;
	margin-right : 10px;
}

#sinus
{
	position : absolute;
	top : 250px;
	left : 300px;
}

#cosinus
{
	position : absolute;
	top : 0px;
	left : 500px;
}

#carre
{
	position : absolute;
	bottom : 20px;
	left : 260px;
}

#identite
{
	position : absolute;
	top : 400px;
	right : 280px;
}

#valeurAbsolue
{
	position : absolute;
	top : 160px;
	right : 530px;
}

#racine
{
	position : absolute;
	bottom : 100px;
	left: 630px;
}

#inverse
{
	position : absolute;
	top : 60px;
	right : 250px
}

#tangente
{
	position : absolute;
	top : 270px;
	right : 730px;
}

#crap
{
	position : absolute;
	bottom : 60px;
	right : 400px;
}




.menu-gauche
{
	float : left;
	width : 200px;
	
}


.menu-gauche ul
{
	list-style-type : none;
	padding-left : 0;
	border: 3px solid #B83A1B;
	
	
}	

.menu-gauche li
{
	
	background-image:linear-gradient(#FFF5EF, #DCDCDC);
	padding : 10px;
	font-size : 150%;

}


h3
{
	text-align : center;
}