@charset "utf-8";
/* CSS Document */

*{ margin: 0;padding:0;border:0; }
body { background-color:#FFF;color: #35358a;margin: 0;text-align:left;
background-image:url(images/fond_banniere.jpg);
background-repeat:repeat-x;}
object { outline:none;}

#container
{
  position: relative; /* on positionne le conteneur */
  margin: 0 auto;
  width: 802px;
  height:auto;
  
}
#banniere a
{
	outline:none;
	text-decoration:none;
	color: #FFF;
}
#banniere
{	
	width: 802px;
	height: 154px;
	padding-top:50px;
	color:#FFF;
}
#contenu
{
	width: 802px;
	height:auto;
	padding-top: 100px;
	
font-family:Arial, Helvetica, sans-serif;
}
#logo
{
	width: 580px;
    height: 136px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	float:left
}
#coordonnee
{
	float:right;
	padding-left: 30px;
	padding-top: 20px;
	width: 192px;
    height: 116px;
}

#menu
{
	
	float:left;
	margin-top: 25px;
	font-size:18px;
	font-weight:bold;
	
}

ul {
list-style-type: none;
display: inline;
}
#menu ul li {
	display: inline;
}
#menu a
{
	float:left;
	display:block;
	outline:none;
	text-decoration:none;
	padding-top:8px;
	color:#35358a;
}

/*
.btaccueil{width:101px;height:37px;}
.btcarrosserie{width:117px;height:37px;}
.btreparation{width:121px;height:37px;}
.bttuning{width:102px;height:37px;}
.btequipe{width:110px;height:37px;}
.btpartenaire{width:120px;height:37px;}
.btcontact{width:106px;height:37px;}
*/

#accueil{padding-left:20px;width:81px;height:27px;background-image:url(images/accueil_rollout.jpg);}
#carrosserie{padding-left:15px;width:102px;height:27px;background-image:url(images/carrosserie_rollout.jpg);}
#reparation{padding-left:18px;width:103px;height:27px;background-image:url(images/reparation_rollout.jpg);}
#tuning{padding-left:25px;width:77px;height:27px;background-image:url(images/tuning_rollout.jpg);}
#equipe{padding-left:27px;width:83px;height:27px;background-image:url(images/equipe_rollout.jpg);}
#partenaire{padding-left:20px;width:100px;height:27px;background-image:url(images/partenaire_rollout.jpg);}
#contact{padding-left:20px;width:86px;height:27px;background-image:url(images/contact_rollout.jpg);}

#accueil:hover{color:#FFF;background-image:url(images/accueil_rollover.jpg);}
#carrosserie:hover{color:#FFF;background-image:url(images/carrosserie_rollover.jpg);}
#reparation:hover{color:#FFF;background-image:url(images/reparation_rollover.jpg);}
#tuning:hover{color:#FFF;background-image:url(images/tuning_rollover.jpg);}
#equipe:hover{color:#FFF;background-image:url(images/equipe_rollover.jpg);}
#partenaire:hover{color:#FFF;background-image:url(images/partenaire_rollover.jpg);}
#contact:hover{color:#FFF;background-image:url(images/contact_rollover.jpg);}



#pieddepage
{
	width:802px;
	height:50px;
	padding-top:30px;
	font-size:12px;
	float:left;
}
#pieddepage a
{
	color:#35358a;
}
#blocportrait
{
	float:right;
	width:200px;
	margin-right: 150px;
	
}
#bloctexte
{
	float:left;
	width:420px;
	height: 500px;
	text-align:justify;
}

#bloctexte2
{
	float:left;
	width:350px;
	margin-top:60px;
}
#blocphoto
{
	float:left;
	width:300px;
	margin-top: -180px;
	
}
.referencement
{
	color:#FFF;
}
.info
{
	font-size:9px;
}