thead{
 border-color:red;
 color:red;
}
tbody{
 border-color:blue;
 color:aqua;
}
td { 
 border-width:1px;
 border-style:solid; 
 width:10%;
 }
body
{
background-image: url("v5vm0qaf.jpg");
background-attachment: scroll;
}
p
{
	background-color: blue;
	color: yellow;
	border: 4px black outset;
	border-radius: 8px;
	opacity: 0.7;
	margin-bottom: 8px;
	font-family: "Comic Sans MS", "Arial Black", Arial, "Times New Roman", sans-serif;
}
blockquote xmp
{
	background-color: aqua;
	color: red;
	border: 5px yellow intset;
	border-radius: 9px;
	margin-bottom: 12px;
}
blockquote
{
background-color: aqua;
	color: black;
	border: 5px yellow intset;
	border-radius: 9px;
	margin-bottom: 12px;
}
h1
{
border: 3px yellow outset;
box-shadow: 6px 6px 6px yellow;
color: white;
}
h3
{
	color: navy;
	font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
	border: 5px white solid;
	border-radius: 2px;
	box-shadow: 2px 2px 2px white;
	margin-bottom: 9px;
	font-size: large;
}
h2
{
	color: fuchsia;
	font-family: "Comic sans MS", Arial, "Arial Black", sans-serif;
	border: 8px green outset;
	border-radius: 5px;
	font-size: medium;
}
a
{
color: blue;
background-color: yellow;
}
a:active
{
background-color:#AFE;
}
.encodage
{
	color: white;
}
.href
{
	color: purple;
}
.question
{
	color: green;
	background-color:#AEF;
}
.attention
{
	color: red;
	background-color:#AFE;
}
.fenetre
{
	color: red;
}
.important
{
	color: grey;
	background-color: black;
	border: 3px white groove;
	box-shadow: 2px 2px 2px white;
	margin-bottom: 4px;
	border-radius: 2px;
}
h4
{
	color: aqua;
	background-color: black;
	border: 5px yellow groove;
	box-shadow: 3px 3px 3px yellow;
}
.remarque
{
	color: navy;
	background-color:#AFE;
}
.commentxmp
{
	color: green;
	font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
}
.download
{
	font-family: "Arial Black", Arial, "Times New Roman";
	text-align: center;
}
#conteneur {width:1250px;}
#sidebar {
    position:absolute;
	width:150px; 
	background-color: purple; 
	height: 748px; 
	border: 5px white solid;
	box-shadow: 4px 4px 4px white;
	opacity: 0.6;
	margin-top:12px;
}
#contenu {margin-left:175px;}
#header{position:relative; background-color: blue; margin: 0 auto;}
.texthead
{
	color: fuchsia;
	font-size: medium;
	font-family: "Comic Sans MS";
}
nav a
{
	transition: all ls ease-in;
	color: aqua;
	background-color: black;
}
nav a:visited
{
	color: black;
	background-color: aqua;
}
nav a:hover
{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	duration: 1s;
}
.form
{
	margin-left: 1000px;
}

.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }   
 
.rotate:hover   
{ 
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
}