/* CSS Document */
body {background-image:url(images/bg.gif); width:1024px; /*color: #CC9900;font-size:12px; font:Verdana, Arial, Helvetica, sans-serif;*/ text-align:center;}
#main {background-color:black; width:600px; margin:auto; /*text-align:center;*/}
#banner {margin-bottom:5px;}
#corps {/*border:1px solid green;*/ width:600px; height:900px; }
/* colonne gauche */
#left_column {/*border:1px solid #ECAC24;*/ width:230px; float:left; font:"Trebuchet MS", Arial; color:#C6CAC4; font-size:13px; }
#band {/*border:1px solid yellow;*/ width:220px; height: 124px; margin-bottom:4px; padding:2px;}
.vignette {width:100px; height:123px; margin-left:6px; float:left;}
/* milieu */
#lecteur {/*border:1px solid #1467B7; background-color:#999999;*/ width:357px; float:right; margin-right:12px; margin-top:13px; height:370px; padding-top:5px;}
/*colonne du bas*/
#right_column {/*border:1px solid #970004;*/ width:357px; float:right; margin-top:12px; margin-right:8px;}
#band2 {/*border:1px solid yellow;*/ width:320px; height: 124px; margin-bottom:4px; padding:2px;}
.spacer{clear:both}
.wild{color:#10CF40;}
.wild2{color:white;}
a {text-decoration:none; color:#009CEB;}
a:link {color:#FF9D00; text-transform:capitalize; font:"Times New Roman", Times, serif;}
a:visited {color:#009CEB;}
a:hover {color:#10CF40;} 

/* vignette */

/* 1. intro */
.intro{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/intro.gif);
	background-repeat: no-repeat;
	position:relative;
}

.intro:hover{background-image: url(images/intro_.gif);}

/* be2s */

.be2s{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/be2s.gif);
	background-repeat: no-repeat;
	position:relative;
}

.be2s:hover{background-image: url(images/be2s_.gif);}


/* sist1 */

.sist1{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/sist.gif);
	background-repeat: no-repeat;
	position:relative;
}

.sist1:hover{background-image: url(images/sist_.gif);}


/* shupa */
.shupa{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/shupa.gif);
	background-repeat: no-repeat;
	position:relative;
}
.shupa:hover{background-image: url(images/shupa_.gif);}

/* seisme */
.seisme{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/sist2.gif);
	background-repeat: no-repeat;
	position:relative;
}
.seisme:hover{background-image: url(images/sist2_.gif);}

/* flowbless */
.flowbless1{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/flowbless1.gif);
	background-repeat: no-repeat;
	position:relative;
}
.flowbless1:hover{background-image: url(images/flowbless1_.gif);}

/* karim */
.karim{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/karim.gif);
	background-repeat: no-repeat;
	position:relative;
}
.karim:hover{background-image: url(images/karim_.gif);}

/* sat */
.sat{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/sat.gif);
	background-repeat: no-repeat;
	position:relative;
}
.sat:hover{background-image: url(images/sat_.gif);}

/* morgan */
.morgan{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/morgan.gif);
	background-repeat: no-repeat;
	position:relative;
}
.morgan:hover{background-image: url(images/morgan_.gif);}

/* flowbless2 */
.flowbless2{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/flowbless2.gif);
	background-repeat: no-repeat;
	position:relative;
}
.flowbless2:hover{background-image: url(images/flowbless2_.gif);}

/* specko */
.specko1{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/specko.gif);
	background-repeat: no-repeat;
	position:relative;
}
.specko1:hover{background-image: url(images/specko_.gif);}

/* dp */
.dp{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/dp.gif);
	background-repeat: no-repeat;
	position:relative;
}
.dp:hover{background-image: url(images/dp_.gif);}

/* enz */
.enz{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/enz.gif);
	background-repeat: no-repeat;
	position:relative;
}
.enz:hover{background-image: url(images/enz_.gif);}

/* bunzen */
.bunzen{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/bunzen.gif);
	background-repeat: no-repeat;
	position:relative;
}
.bunzen:hover{background-image: url(images/bunzen_.gif);}

/* specko2 */
.specko2{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/specko2_.gif);
	background-repeat: no-repeat;
	position:relative;
}
.specko2:hover{background-image: url(images/specko2.gif);}

/* osk */
.osk{ display:block; 
	width:100px;
	height:123px; 
	background-image: url(images/osk.gif);
	background-repeat: no-repeat;
	position:relative;
}
.osk:hover{background-image: url(images/osk_.gif);}