html, body, form { 
	margin: 0; 
	padding: 0;
}
a {
	color: #000;
	}
a:hover {
	color: #666;
	}
address {
margin: 1em 3em;
}
body
{
	background: #e3e1e1 url(images/fond-body.gif) repeat-x;
	color: #000;
	font: 70% Verdana, Arial, Sans-Serif;
	text-align: center;
}
dt {
font-weight: bold;
}
hr {
	background: #eee;
	border: 0;
	clear: both;
	color: #eee;
	height: 1px;
	margin: 0;
	padding: 8px 0;
}
img {
	border: 0;
}
p {
margin: 4px 0;
padding: 0;
}
.droite {
text-align: right;	
}

.center {
text-align: center;
}
.partenaires-colpart {
margin: 20px 0;
}
p.DateDemande {
color: #666;
font-size: 0.9em;
margin-top: 0;
text-align: right;
}
p.MiniNav img {
	vertical-align: middle;
}
p.MiniNav a {
	color: #ccc;
	text-decoration: none;
}
p.MiniNav a:hover {
	color: #fff;
}
div#content div#contentbloc div.contentblocleft p.NonContractuelle {
padding: 10px;
text-align: right;	
}
p.NonContractuelle a {
color: #666;
text-decoration: none;
}



/* total */
div#total
{
    background: #e3e1e1 url(images/fond-total.jpg) repeat-y;
	color: #000;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
    width: 920px;
}



/* Header */
div#header {
    background: #B0AFAF url(images/fond-header.jpg) top left no-repeat;
	color: #fff;
	height: 129px;
	overflow: hidden;
    width: 100%;
}
div#header div.logo {
	float: left;
    margin: 45px 0 0 3px;
	width: 232px;
}
div#header div.tagline {
	margin: 30px 20px 0 0;
    text-align: right;
}
div#header h1 {
	font-size: 0.9em;
	margin-bottom: 15px
}
div#header p.tel {
	margin-bottom: 15px;
}



/* Content */

div#content { 
 background: url(images/fond-content.jpg) top left no-repeat; 
	overflow: hidden;
	width: 100%;	
}

div.ColAccueil {
	float: left;
	width: 50%;
}
/* BigPublicite */
p.LegalPub {
color: #999;
font-size: 0.8em;
margin: 0;
padding: 0;
}
p.BigPublicite {
margin: 0 0 10px 0;
padding: 0;
text-align: center;	
}

/* Colonne de gauche */

div#colgauche { 
	background: transparent url(images/fond-col-gauche.jpg) top left no-repeat;
	float: left;
	width: 213px;	
}
div#colgauche h2 { 
	color: #eee;
	font-size: 1.4em;
	margin: 20px 0 6px 33px;	
}
div#colgauche ul { 
	color: #fff;
	list-style: none;
	margin: 0 0 20px 33px;
	padding: 0;
	width: 165px;
}
div#colgauche ul li { 
	border-top: 1px solid #666;
	padding: 4px 0;
}
div#colgauche ul li.last { 
	border-bottom: 1px solid #666;
}
div#colgauche ul li a { 
	color: #fff;
	text-decoration: none;
}
div#colgauche ul li.actif { 
	color: #c71003;
}
div#colgauche ul li a:hover { 
	color: #ddd;
}
div#colgauche p { 
	margin: 20px 0 0 35px;
}
div.EspacePub {
height: 60px;	
}
div#colgauche p.Publicite {
color: #999;
font-size: 0.8em;
padding: 0 0 10px 20px;
margin: 0;
text-align: left;
}
div#content p.ariane {
clear: both;
	font-size: 0.8em;
	margin: 0;
	padding: 0 20px 4px 0;
	text-align: right;
}
div#content p.ariane a {
color: #333;
}
div#content div#bloc {
	background: #eee;
	clear: both;
	margin: 0 0 6px 4px;
	width: 671px;
}

div#content div#topbloc {
	background: #eee url(images/topbloc.jpg) top left no-repeat;
	height: 14px;
}
div#content div#contentbloc {
border-right: 1px solid #A8A3A3;
border-left: 1px solid #A8A3A3;
overflow: hidden;
padding: 0 4px;
}
div#content div#contentbloc div.contentblocleft {
border-right: 1px solid #A8A3A3;
float: left;
margin: 0;
width: 520px;
}
div#content div#contentbloc div.contentblocleftaccueil {
border-right: none;
width: 656px;
}
div#content div#contentbloc div.contentblocleft ol {
list-style-type: square;
}
div#content div#contentbloc div.contentblocleft p.incitation {
overflow: hidden;
text-align: center;
}
div#content div#contentbloc div.contentblocleft p.incitation img {
	border: 0;  
	}
div#content div#contentbloc div.contentblocleft p.incitation a:hover img {
	opacity : 0.8;
	-moz-opacity : 0.8;  
	}
div#content div#contentbloc div.contentblocright {
float: left;
padding-left: 0px;
width: 136px;
}

div#content div#contentbloc div.contentblocright p {
padding: 4px 2px;
}
div#content div#contentbloc div.contentblocright ul {
margin: 8px 0;
padding: 0 4px;
width: 100%;
}
div#content div#contentbloc div.contentblocright ul li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	}
div#content div#contentbloc div.contentblocright ul li a {
	color: #333;
	}
	div#content div#contentbloc div.contentblocright ul li a:hover {
	color: #666;
	}
div#content div#contentbloc div.contentblocright h2 {
background: #000 url(images/fond-titre.jpg) top left no-repeat;
color: #fff;
font-size: 1.1em;
font-weight: normal;
height: 18px;
margin: 0;
padding: 1px 0 0 20px;
}
div#content div#contentbloc div.contentblocright img {
text-align: middle;
}
div#content div#contentbloc div.contentblocleft h2 {
font-size: 1.5em;
font-weight: normal;
margin: 0 4px 4px 4px;
padding: 0 0 10px 0;
}
div#content div#contentbloc div.contentblocleft h3 {
color: #666;
font-size: 1.1em;
margin: 0 4px 0 4px;
padding: 0;
}
div#content div#contentbloc div.contentblocleft h4 {
color: #666;
font-size: 1em;
margin: 0 4px 0 44px;
padding: 0;
}
div#content div#contentbloc div.contentblocleft p {
margin: 8px 8px 16px 8px;
padding: 0;
}
div#content div#bottombloc {
	background: #eee url(images/bottombloc.jpg) bottom left no-repeat;
	clear: both;
	height: 18px;
}
div.liste {
	float: left;
	margin-left: 7px;
	text-align: center;
	width: 120px;
	margin-bottom:4px;
}
div.listeaccueil {
	margin-left: 10px;
}
div.liste a {
	color: #000; 
}
div#content div#contentbloc div.contentblocleft div.liste p {
	margin: 0; 
	padding: 0;
}
div#map {
	width: 500px; 
	height: 300px
}
p.pagination {
	margin: 0;
	padding: 0;
	text-align: right;
}
p.pagination a {
	color: #333;
}
div.liste h3 {
font-weight: normal;
margin: 0;
padding: 0;
}
div.news {
min-height: 350px;
overflow: hidden;
}
div.news img {
border: 4px solid #fff;
}
div.news div.ColAccueil img {
border: 0;	
}
div.news img.grande {
border: 4px solid #fff;
margin: 4px 0 4px 8px;
}
div.liste a:hover img {
	opacity : 0.8;
	-moz-opacity : 0.8;  
	}
div#content div#contentbloc div.contentblocleft div.news p.description {
clear: both;
margin: 0 0 4px 8px;
padding: 0;
}
div.vendeur {
float: left;
margin: 4px 0 4px 8px;
overflow: hidden;
width: 245px;
}
div.vendeur img {
border: none;
float: right;
}
div.ulfloat {
	float: left;
	padding: 6px 0 0 0;
	width: 49%;
}
div.ulfloat textarea {
	width: 98%;
}
div.ulfloat p.droite {
	text-align: right;
}
p.boutondroite {
	text-align: right;
}
p.societeimg img {
	border: 4px solid #fff;
	float: left;
	margin-right: 6px;
}
p.boutonrecherchepiece {
margin-top: 20px;
margin-bottom: 20px;
}
img.img_accueil {
float: left;
margin: 0 6px 6px 0;
}
h2.clear {
clear: both;
}
h3.clear {
clear: both;
}
p.reseau {
margin-top: 1.2em;
}
/* Colonne de droite */

div#coldroite { 
	float: left;
	overflow: hidden;
	width: 692px;	
}
div#coldroite ul {
	list-style : none;
	margin: 0;
	padding: 0 0 0 15px;
	width: 100%;
	}
div#coldroite ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	}
div#coldroite ul li a:hover img {
	opacity : 0.7;
	-moz-opacity : 0.7;  
	}
div#coldroite img {
	vertical-align: middle;
}


/* Footer */
div#footer {
	background: #e3e1e1 url(images/fond-footer.jpg) top left no-repeat;
	clear: both;
	text-align: center;
	width: 100%;
}
div#footer a {
	color: #000;
	text-decoration: none;
}
div#footer a:hover {
	color: #666;
}
div#footer ul {
	list-style : none;
	margin: 0;
	padding: 1em 0 0.5em 0;
}
div#footer li {
	border-left: 1px solid #666;
	display: inline;
	padding: 0 0.5em 0 0.6em;
}
div#footer li.first {
	border-left: 0;
	color: #666;
	padding: 0 0.5em 0 0.6em;
}

/* Signature */
p#signature {
	background: #e3e1e1; 
	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 100%;
}
p#signature a {
	color: #666;
	font-weight: normal;
}
p#signature a:hover {
	color: #fff;
	font-weight: normal;
}
/* Stat */
p#stats {
	background: #e3e1e1; 
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

/* IDENTIFICATION */
div#identification {
	width:300px;
	margin:130px 0 120px 140px;
	border:1px solid gray;
}
#identification h1{
	font-size:14px;
	margin:0 0 8px;
	padding:0;
	background-color:#333;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color:white;
	text-align:center;
}
#identification div{
text-align:center;
margin:9px 0 5px 0;
}

#identification p{
	width: 270px;
	clear: left;
	margin: 0 0 0 5px;
	padding: 0 0 2px 75px;
	height: 1%;
}
#identification label{
float: left;
padding-top:4px;
width: 85px; /*width des labels. Sdoit etre plus petite que la colone de droite pour créé une marge*/
}
#identification input{ 
width: 110px;
}

/* IDENTIFICATION */
table{
border:solid 1px #ccc;
width:500px;
margin-left:5px;
}
td {
text-align:center;
}
td.titre-tableau{
font-weight:bold;
background:#ccc;
text-align:left;
padding-left:5px;
}
td.soustitre-tableau{
text-align:right;
padding-right:15px;
}
/* DETAIL DEUX-ROUES */
div.table {
clear: both;
margin: 20px 5px;
}
table.detail {
border: solid 1pt #ccc;
width: 490px;
}
caption {
color: #fff;
background:#666;
font-weight:bold;
margin: 20px 0 0 0;
padding: 1em;
}
table.detail th {
font-weight:bold;
background:#ccc;
text-align:left;
padding-left:3px;
width:200px;
}
table.detail td {
background:#ddd;
text-align:center;
width:290px;
}
table.detail td.ladescription {
padding:5px 3px 3px 3px;
text-align: left;
width:490px;
}

p.puce-piece {
text-align: center;
margin-bottom:20px; /*ca marche po ca ...*/
}
p.puce-piece a{
font-weight:bold;
font-size:1.2em;
text-align: center;
}
p.puce-piece img{
border:0;
}