/* Antistatik.net stylesheet */

h5, h4, h3, h2, p { margin: 0px 0px 0px 0px; }
ul, dl, dt, dd{ margin: 0px 0px 0px 0px; list-style-type: none; }
img { border: 0px none;}
li { float: left;}


p
{
   font-family: verdana, arial, serif;
   font-size: 11px;
   font-weight: normal;
   color: #fff;
   background-color : transparent ;
   text-align: left;
   padding-left: 50px;

}

h1 /* titres */
{   
   font-family: verdana, arial, serif;
   font-size: 12px;
   font-weight: bold;
   color: #ff00a8;
   background-color : transparent ;
   text-align: left;
   padding-left: 10px;
   text-decoration: none;
  
}

.spot
{
margin-bottom:-5px;
}

h2 /* news */
{
   font-family: verdana, arial, serif;
   font-size: 10px;
   color: #fff;
   font-weight: normal;
   background-color : transparent ;
   text-align: left;
   padding-left: 20px; 
}

h3 /* bas de page */
{
   font-family:verdana, arial, serif;
   font-size: 10px;
   font-weight: normal;
   color: #fff;
   background-color : transparent ;
   text-align: center;

}

a
{ 
   color: white;
   background-color : transparent ;
   text-decoration:none;
}

a:hover
{ 
   color: #ff00a8;
   background-color : transparent ;
}

body 
{  width:auto;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   background-color:#303030;
   background-image: url(pics/bgtrash.gif);
   background-repeat: repeat-x;
   text-align:center; /* permet de centrer le contenu dans I.E */
}

#container 
{
   position: relative;
   width: 787px;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   background-color:transparent;
   text-align:left; /* pour que la regle dans body ne s'applique plus aux éléments */
}

#header
{  
   position: relative;
   margin-top: 25px;
   height: 100px;
   background-color: #303030;
   background-image: url(pics/logo.gif);
   background-repeat: no-repeat;
   color: #000000;
}

#logo
{  
   float: left;
   width: 243px;
   height: 100px;
   background-color: #303030;
}

#rctclogo
{  
   float:right;
   width: 66px;
   height: 21px;
   background-color: #303030; 
}

#menu
{  
   clear:right;
   float:right;   
   width: 510px;
   height: 50px;
   padding-top: 5px !important;
   padding-top: 15px;
   background-color:#303030;
}

.navigation 
{
   list-style-type: none;
   margin: 16px 0 0 74px !important;
   margin: 20px 0 10px 70px;
   padding:0px;
   width: 500px;
}

.navigation li
{
   margin-bottom: 0px ;
   
}

.navigation a 
{  
   text-decoration: none;
   background-color: transparent;
   border-top: 20px solid #303030;
   border-bottom: 5px solid #ff00a8;
   font-size: 12px;
   font-weight: bold;
   color: white;
   margin-left: 20px !important;
   margin-left: 27px;
   padding-bottom: 10px;
}

.navigation a:hover 
{
   color: #ff00a8;
   border-bottom: 5px solid #fff;
   text-decoration: none;
}

.navigation li .active
{
   font-size: 12px;
   font-weight: bold;
   color:#ff00a8;
   border-bottom: 5px solid #fff;
}

#ban
{  
   height: 100px;
   background-color: #ff00a8;
}

#corps
{  clear:both;
   height:500px;
   width: 787px;
   background-color: #303030;
   margin-top: 0;
  
}

#news
{  position:relative;
   float:right;
   height:500px;
   width: 287px;
   background-color: #303030;
   border-left: 1px solid #454545;
   margin-top: -8px !important;
   margin-top:0;
}

#accueil
{  
   
   height:160px;
   width: 500px;
   background-color: #303030;
   margin-top:0 !important;
   margin-top:-500px;

}

#last
{
   height:210px;
   width: 500px;
   background-color: #303030;
}

.image1
{   
   float: right;
   margin-right:20px ;
   border:2px solid #ff00a8;
  
}

.image2
{   
   float: right;
   margin-right:20px ;
   margin-top:-10px;
   
  
}


#vjing
{
   height:130px;
   width:500px;
   background-color: #303030;
}

#prod
{
   height:500px;
   width: 400px;
   background-color: #303030;
   margin-top:0 !important;
   margin-top:-522px;
}

#other
{
   position:relative;
   float:right;
   height:500px;
   width: 387px;
   background-color: #303030;
   border-left: 1px solid #454545;
   margin-top: -8px !important;
   margin-top:0;
}

#link2
{  position:relative;
   float:right;
   height:500px;
   width: 400px;
   background-color: #303030;
   border-left: 1px solid #454545;
   margin-top: -362px !important;
   margin-top:-367px;
}

#line
{
   height:2px !important;
   height:1px;
   background-color:#ff00a8; 
   margin-top: 0;
   font-size:1px;    /* Fix */
   line-height:0;
}

#bottom
{  
   height: 40px;
   /* background-image: url("pics/bottom.gif"); */
   background-color:#303030;
   background-repeat: no-repeat;
   color: #fff;
   margin-top: 0;
}


/*pop up*/

a.screen, a.screen:visited 
{
color:#c00; 
position:relative; 
z-index:1;
}

a.screen b 
{
position:absolute;
visibility:hidden; /* hide the image */
width:250px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:150px; /* position:the image */
top:-80px;
}

a.screen:hover 
{
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}

a.screen:hover b 
{
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}

a.screen:hover b img 
{
border:0; /* remove the link border */
}

/* formulaire contact*/

form {
    
	width: 700px;
}

.red {
    color: #ff00a8;
	background-color: transparent;
	font-size: 11px;
}
.vi4 {
	color: #ffffff;
	background-color: transparent;
	font-size: 11px;
	
}
.tour { 
	border: 0px solid #330066; 
    border-collapse: separate;
	width: 500px;
}
.unite {
	background-color: #303030;
	color: #fff;
    font-size: 11px;
	width: 500px;
}

.btsub {
   width: 70px;
   height: 25px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(pics/submit.gif) no-repeat;/* on place l'image en arrière plan */
   text-indent: 0px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
   color: transparent;
}
.btsub:hover {
   background-position: 0 -25px;/* On déplace l'image d'arrière plan pour donner l'effet */
}