html,body,p,ul,li,td {
font-size : 10pt; 
/*font-family : Trebuchet MS,Verdana, Arial, Helvetica, Geneva, sans-serif; */
font-family: Arial;
line-height: 140%;
color : 003300;
background-color : ffffff;/*000066*/
margin:10px 10px 20px 0px;
vertical-align:top;
scrollbar-face-color: 0066ff ;
scrollbar-track-color: ffcc00;
scrollbar-arrow-color: ffff00;
} 

h1{
font-family :arial; 
font-size : 14pt;
font-weight: ;
color : black; 
text-align : center;
background-image: url('image/a-h1.gif'); width: 760px; height: 40px;
vertical-align:middle;
padding-top: 4px;
letter-spacing:1pt;
font-variant: none;
}

h2 {
font-family: arial; 
font-size: 12pt;
font-weight: ;
color: black; 
text-align: left;
background-image: url('image/a-h2.gif'); width: 700px; height: 35px;
vertical-align:middle;
padding-left: 0px;
padding-top: 3px;
letter-spacing:1pt;
}

h3 {
font-family:arial;
font-size: 11pt;
font-weight: ;
color: black; 
text-align: left;
background-image: url('image/a-h3.gif'); width: 300px; height: 20px;
vertical-align:middle;
padding-left: 0px;
padding-top: px;
letter-spacing:0pt;
}

h4 {
color : black;
font-size : 11pt; 
}


.ht {
font-family:arial; 
font-size: 10pt;
font-weight: ;
color: black; 
text-align: left;
background-image: url('image/ht.gif'); width: 360px; height: 30px;
vertical-align:middle;
padding-left: 5px;
padding-top: 3px;
letter-spacing:1pt;
}


li.cont {list-style-type:disc; list-style-position:outside; padding-left:5px;
 list-style-image:url(li.gif);
 line-height: 160%;
 margin: 0px 10px 0px 15px;
 }
 
ul.cont 
 {
 padding-left: 5px;
 margin : 0px 0px 0px 10px;
 }


.search1 {text-align : center;
background-image: url('image/occasion-search-fond-1.gif'); width: 230px; height: 100px;
vertical-align:middle;
background-repeat:no-repeat;
}

.search2 {text-align : right;
background-image: url('image/occasion-search-fond-2.gif'); width: 330px; height: 50px;
vertical-align:middle;
background-repeat:no-repeat;
}


/*

.menu {border-style:solid; border-width:1px; border-color:black; background-color:ffff00; vertical-align:middle; text-align:center;}

*/


.center{text-align:center;}

.tableau {border-style:solid; border-width:1px; border-color:black; background-color:none; vertical-align:top;}
.entete {border-style:solid; border-width:1px; border-color:black; background-image: url('image/a-tableau-entete.gif'); width: 50px; height: 20px; color:none; } 



.down{font-size:8pt; font-variant:small-caps; text-align:center;}
.copyright{font-family: Arial;font-size:7pt; text-align:center;}
table{border-collapse:collapse};


.retrait {padding-left:10px;}


.image
{	border-color:#999999;
	border-style:dotted;
	border-width:1px;
	vertical-align:top;
	background-color:#fafafa;
	
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	margin-right:10px;
	
	text-align:center;
	vertical-align:center;
}


.entete
{	font-weight:bold;vertical-align:top;
	border-color:grey;border-style:solid;border-width:1px;vertical-align:top;background-color:yellow;
	padding:2px;margin:1px;
}
	
	
a {
	  font-family: Arial;
	  text-decoration:none;
	  font-weight:none;
	  color:#005e89;
	}
	
a:visited {
	  color:#005e89;
	  text-decoration:none;
	}
	
a:hover {
	  text-decoration:underline;
	}
	

/**************************************************/


.right
{
	text-align:right;
}


.contenu
{	vertical-align:top; text-align:center;
	padding-top:5px;padding-left:5px;padding-bottom:5px;padding-right:5px;
	margin-top:5px;margin-left:5px;margin-bottom:5px;margin-right:5px;
}

.contenu-fond
{	vertical-align:top;text-align:left;border-color:grey;border-style:solid;border-width:1px;vertical-align:top;background-color:#fafafa;
	padding-top:5px;padding-left:5px;padding-bottom:5px;padding-right:5px;
	margin-top:5px;margin-left:5px;margin-bottom:5px;margin-right:5px;
}

.contenu-border
{	vertical-align:top;text-align:justify;border-color:grey;border-style:solid;border-width:1px;vertical-align:top;background-color:;
	padding-top:5px;padding-left:5px;padding-bottom:5px;padding-right:5px;
	margin-top:5px;margin-left:5px;margin-bottom:5px;margin-right:5px;
}


.contenu-justify
{	vertical-align:top;text-align:center;
	padding-top:5px;padding-left:5px;padding-bottom:5px;padding-right:5px;
	margin-top:5px;margin-left:5px;margin-bottom:5px;margin-right:5px;
}



/**/










dl, dt, dd, ul, li {
margin: 0;
list-style-type: none;
padding:0;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
}
#menu {
	margin-top:-0px;
	margin-left:20px;
	position:absolute;
	font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
	left: 200px;
	top: 214px;
	visibility: visible;
	width:850px;
}




#menu dl {
float: left;
width: 140px;  /* */
margin: 0 px;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
}
#menu dt {
cursor: pointer;
text-align: left;
font-weight: bold;
background: #fc0;
border: 1px 0px 1px 0px solid #036;
line-height: 150%;
padding-left:5px;
margin: 0px;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;

}
#menu dt a:hover {
background: 036;
/*
padding-left:5px;
margin-left: -5px;
*/
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
}

/*sous menu */

#menu dd {
border: 1px solid #036;
filter:alpha(opacity=90);
opacity: 0.90;
width:140px;      /**/
padding-left:0px;
background: #fc0;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
}

#menu li {
text-align: left;
background: #fc0;
padding-left:0px;
font-family : arial,Verdana, Arial, Helvetica, Geneva, sans-serif;
line-height: 150%;
list-style-type: none;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background: #fc0;
padding-left:5px;
margin-letf:-5px;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
line-height: 150%;
list-style-type: none;
}

#menu li a:hover {
color: #fc0;
background: #036;
padding-left:5px;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
line-height: 150%;
list-style-type: none;
}


/*sur menu*/
#menu dt a {
color: #000;
background: #fc0;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
padding-left:5px;
margin-left:-5px;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
font-size : 11pt;
}

#menu dt a:hover {
color: #fc0;
background: #036;
padding-left:5px;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
font-size : 11pt;
}


a {text-decoration: none;
color: white;
color: #254;
font-family : arial,Verdana, Helvetica, Geneva, sans-serif;
}









/* Pour les tableau*/

.entete
{	font-weight:bold;vertical-align:top;
	border-color:003366;border-style:solid;border-width:1px;vertical-align:top;background-color:#fc0;
	padding:2px;margin:1px;
}


table tr.listing21
{
	padding:2px; border-style:solid; border-width:1px;border-color:white; background-color:#D9ECFF; vertical-align:top;
}


table td.listing22
{
	padding:2px; border-style:solid; border-width:1px;border-color:white; vertical-align:top;
}


table tr.listing21:hover, table td.listing22:hover
{
	padding:2px; border-style:solid; border-width:1px;border-color:white; background-color:#CCFFCC; vertical-align:top;
}


.listing31
{
	padding:4px;border-style:solid; border-width:1px;border-color:#ffffff;  background-color:#D9ECFF;  vertical-align:top;
}

.formulaire
{
	padding-top:4px;padding-left:2px;
}
.formulaire2
{
	padding-left:2px;
}


/*Pour les news, nouveautés,...*/

.entete
{	font-weight:bold;vertical-align:top;
	border-color:003366;border-style:solid;border-width:1px;vertical-align:top;background-color:#fc0;
	padding:2px;margin:1px;
}


.listing11
{
	padding:2px;padding-left:2px;border-style:solid; border-width:1px;border-color:#ffffff;  background-color:#efefef;  vertical-align:top;
	/*background-color:#D9ECFF;*/
}

.listing12
{
	padding:2px;padding-left:2px;border-style:solid; border-width:1px;border-color:#ffffff;vertical-align:top;
}



.listing11:hover,
.listing1:hover

{
   /* background-color:#CCFFCC;*/
    background-color:#dfdfdf;
	border-width:1px;
	border-color:black;
}



.image-right {
float: right;
margin:4px;
}




/*Pour les box*/

.lentete
{	
	font-family:arial; font-size:10pt;color:#fff;font-weight:none;vertical-align:top;text-align:left;
	border-color:#036;border-style:solid;border-width:1px;background-color:#003366;
	padding:2px 2px 2px 2px;margin:1px;
}



.lbox
{	font-family:arial;color:gray;font-weight:none;vertical-align:top;text-align:left;
	border-color:gray;border-style:solid;border-width:1px;background-color:#fff;
	padding:5px 2px 2px 5px;margin:1px;
}


/* Sommet de la page */

.urubrique
{
	padding-top:80px;
	padding-right:10px;
	text-align:right;
	font-size:13pt;
	font-weight:bold;
	color:#fc0;
	background:#036;
	line-height: 100%;
}

	
.garagelogo 
{
	float: left;
	margin: 0 px;
	top:7px;
	position:absolute;
	width:450px;
	height:36px;
	left: 54px;
}

/*Formulaire*/

form {
/*background-color:#F5F5F5;
*/
font-family:arial,sans-serif;
font-size:100%;

}

label, select, option, textarea , input {
font-size:9pt;
border:0px solid black;
padding:1px;
margin:2px;
background-color:#fffeee;
font-family:arial,sans-serif;
color:black;
}

input,button,textarea,select {
font-size:9pt;
border:1px solid black;
padding:1px;
margin:2px;
background-color:#fffeee;
font-family:arial,sans-serif;
color:black;
}

.sansinterligne
{
	line-height: 100%;
}

.sansinput
{
	border:0px solid black;
}