/* CSS Document */
body, html {
margin:0px;
padding:0px;
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,.h4 {
margin:0px;
padding:0px;
}
p {
margin:3px 0px 8px 0px;
padding:0px;
}
ul, ol, li {
list-style:none;
margin:3px 0px 3px 0px;
list-style-position:inside;
}
a {
text-decoration:none;
font-weight:normal;
color:#000033;
}
a:hover {
color:#990033;
}
form, select {
margin:0px;
padding:0px;
display:inline;
}
.h4 {
position:relative;
text-align:center;
top:0px;
left:0px;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
color:#E6EEFF;
background-color:#003366;
display:none;
display:block;
}
img {
border:solid 1px black;
}
sup {
line-height:0px;
}
.blocs .blocs .h4 {
display:block;
display:none;

background-color:#115599;
}
.blocs {
display:block;
border:dotted 1px #333366;
background-color:#E6EEFF;
margin:5px;
padding:5px;
}
.blocs .blocs {
display:block;
background-color:#D7E4FF;
}
.comments {
font-size:0.8em;
font-style:italic;
color:#003366;
}
.script {
display:block;
font-size:0.8em;
font-style:normal;
font-family:"Courier New", Courier, monospace;
color:#666666;
background-color:#FFFFFF;
padding:3px 0px 3px 0px;
margin:3px 0px 3px 0px;
}
.name {
font-size:inherit;
font-style:italic;
font-family:inherit;
color:#336699;
}
.validator {
	position:relative;
	text-decoration:none;
	background-repeat:no-repeat;
	left:5px;
	display:block;
	width:80px;
	height:15px;
	margin:0px;
	padding:0px;
	float:right;
}
.tutorialList li {
list-style:none;
margin:3px 0px 3px 0px;
}
.ListingList li {
list-style:disc;
}
.noneList li {
list-style:none;
}
.letterList li {
list-style:lower-alpha;
}
#favorisList ,#favorisList li{
display:inline;
padding:0px;
}
.Button {
color:#0099CC;
background-color:#000033;
/*display:block;
float:left;*/
/*width:150px;*/
margin: 0px 2px 0px 0px;
padding: 0px 4px 0px 4px;
height:20px;
overflow:hidden;
text-align:center;
}
.Button:hover {
background-color:#FF9900;
}
.warning_content {
color:#990000;
}
.etapes {
border:none;
background-position:center;
background-repeat:no-repeat;
}
.etape1 {
background-image:url(../images/desinterlaced.png);
}
.etape2 {
background-image:url(../images/interlaced.png);
}
.etape3 {
background-image:url(../images/resizemore.png);
}
.etape4 {
background-image:url(../images/resizeless.png);
}
.etape5 {
background-image:url(../images/deformation.png);
}
.etape6 {
background-image:url(../images/compress.png);
}
.etape7 {
background-image:url(../images/uncompress.png);
}
.puces {
border:none;
width:40px;
height:8px;
background-position:center;
background-repeat:no-repeat;
}
.puce1 {
background-image:url(../images/puce_green.png);
}
.puce2 {
background-image:url(../images/puce_yellow.png);
}
.puce3 {
background-image:url(../images/puce_red.png);
}
.vignettes {
display:block;
float:left;
background-color:#000000;
color:#FFFFFF;
text-align:center;
overflow:hidden;
margin:2px;
padding:0px;
width:100px;
height:160px;
font-size:0.8em;
}
.vignettes img{
display:block;
float:none;
width:100px;
height:100px;
margin:0px;
padding:0px;
}
.vignettes:hover {
background-color:#FF9900;
}