body {
	margin : 0;
	padding : 0;
	background : #fff;
	font-size : 14px;
	font-family : arial;
	color : #FF0000;
	text-align: left;
	vertical-align: middle;
}

 /* TOP 
 *************************************************************/

#top {
	height : 130px;
	background : #5C5C5C url(images/top.jpg) repeat-x;
	padding : 0;
	margin: 0;
}


#top h1 {
font-size : 24px ; 
text-transform : uppercase ; 
color : #5C5C5C ; 
margin : 0  ; 
padding : 170px 0 0 0 ;
}


#top p {
 margin : 0  ; 
padding : 0 ;
}







 /* DIV MENU ET CENTRAGE 
 **************************************************************/
 
 
#menu {
margin : 0 0 0 -10px; 
padding : 0 ;
height : 57px ;
background : #E2E2E2 url(images/bg_menu.jpg) repeat-x ;

}



 /* LISTE MENU PRINCIPALE 
 **************************************************************/

#menu ul {
margin : 0 ; 
padding : 20px 0 0 0;  
}

#menu li {
float : left ;
padding : 0 10px 0 10px ;
margin : 0 0 0 -1px ; 
text-transform : uppercase ; 
border-left : 1px solid #5C5C5C;
}


#menu li:first-child {
border:0;
}


#menu li a {
text-decoration : none;
color : #5C5C5C}

#menu li a:hover {
text-decoration : underline;}



/* CONTENT 
*******************************************************************/


#content {
	width : 800px;
	overflow : auto;
	height: 1500px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}



/* Centrage 
*******************************************************************/


.centrage {
	width : 800px;
	padding : 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

 



/* SIDE 
*************************************************************************/

#side {
float : left ;
 width : 350px ; 
 background : transparent ; 
 padding : 20px 0 0 0 ; 
 text-align : justify ; 
 line-height : 20px ; 

 }
 


 
 #side p{
margin :  0 ; padding : 0 ;  }


 #side  ul{
margin :  0 ; 
padding : 0 ;  }






 

/* CONTENU
 *******************************************************************/

#contenu {
float : left ;
width :410px ; 
background : transparent ; 
margin : 0 0 0 40px ;
padding : 20px 0 0 0 ;
text-align : justify ; 
font-size : 95% ;  }



 #contenu p{
margin :  0 ; padding : 0 ;  }
   
   
/* CONTENU IMAGES */
  
  
#contenu img{
display : block 
}
  
  
 /* CONTENU H1 H2 H3 H4 */
 
 
#contenu h2{
font-size : 1.5em ; }


#contenu h3{
font-size : 1em ;
font-weight : normal ; 
background : #E8E8E8 url(images/h3.jpg) right no-repeat;
margin : 0;
padding : 0;
height : 24px;
line-height : 24px;
text-indent : 10px ;  }


  
#contenu h4{
font-size : 0.8em ;
text-transform : uppercase ; 
font-weight : normal ; 
border-bottom : 1px solid #F0EDED ; 
margin : 10px 0 0 0 ; 
padding : 0 0 10px 0;
background : url(images/h4.jpg) top left no-repeat ;
text-indent : 20px ; 
}

 /* Bloc lastevent (presentaion droite) 
 ******************************************************************/


.lastenvent {
width : 404px; 
position : relative ; 
background : #fff;  
margin : 0 0 10px 0;
border : 2px solid #EAEAEA;  
}


.lastenvent img{
border-top : 4px solid #F0F0F0;
border-bottom : 4px solid #F0F0F0;
border-left : 4px solid #F0F0F0;
border-right : 6px solid #F0F0F0;

}



.lastenvent p{
margin : 20px ; padding : 0

}


.lastenvent ul {
background : transparent ; 
margin : 0 ; 
padding : 0 20px 0 0 ;
position : absolute ;
left : 110px; 
top : 10px ;   }

.lastenvent li {
padding : 0 0 0 20px ; 

}

.lastenvent li.titre {
text-transform : uppercase; 
background : url(images/h4.jpg) left no-repeat; 
text-decoration : underline ; 

}



  /* FOOTER 
 ***************************************/

#footer {

height : 30px ;
line-height : 30px; 
 background : #E8E8E8 ;
 border-top : 20px solid #fff ; 
  border-bottom : 20px solid #fff ; 
 width : 800px ; 
 margin : 0 auto ;
 font-size : 0.8em;
 text-align : center ;  }
 
 #footer p {
margin : 0 } 

  #footer a:hover {
text-decoration : none ;  }  
  
  
 /* Ligne pointillée 
 ***************************************/

#side .pour_pointilles {
padding : 0 0 20px 0 ; 
border-bottom : 1px dotted #000; }

#contenu .pour_pointilles {
padding : 0 0 13px 0 ; 
border-bottom : 1px dotted #000; }


/* Généralités
 ***************************************/


/* Annule les puces sur les listes */
ul {list-style : none ; }
  
/* pour faire en gras :))  */
.gras {
font-weight : bold ;
font-size : 1.3em ; 
}

/* liens */
a {
	color : #64dcda;
	text-align: left;
}

#tcsprincipal1 {
	position:absolute;
	left:167px;
	top:435px;
	width:881px;
	height:715px;
	z-index:1;
	margin-top: -190px;
	margin-left: 20px;
}
#TCSlogo {
	position:absolute;
	left:1px;
	top:0px;
	width:500px;
	height:446px;
	z-index:1;
	bottom: -1px;
}
#tcspots {
	position:absolute;
	left:500px;
	top:0px;
	width:370px;
	height:128px;
	z-index:2;
}
#tcsmoteur {
	position:absolute;
	left:500px;
	top:128px;
	width:360px;
	height:190px;
	z-index:3;
}
#tcssuspensions {
	position:absolute;
	left:500px;
	top:318px;
	width:370px;
	height:128px;
	z-index:4;
}
#tcspoststexte {
	position:absolute;
	left:206px;
	top:30px;
	width:144px;
	height:64px;
	z-index:2;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#tcsmoteurtexte {
	position:absolute;
	left:205px;
	top:70px;
	width:143px;
	height:58px;
	z-index:3;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#tcssuspentexte {
	position:absolute;
	left:204px;
	top:27px;
	width:140px;
	height:52px;
	z-index:4;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}