/* CSS Document - Garage Keller / Occasions by actweb.fr */

body {
    margin: 0 0 0 0;;
    background: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4A4A4A;
}

img {
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

/******************************/
/*          GENERAUX 
/******************************/

p {
    margin: 7px 0 9px 0;
}

a, a:link {
    color: #0151A1;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

ul {
    margin: 7px 0 9px 20px;
    padding: 0;
    list-style-type: none;
}
li {
    margin: 0;
    background: url(../images/interface/li.gif) top left no-repeat;
    padding: 0 0 0 12px;
}

/******************************/
/*          SPECIFIQUES 
/******************************/

.small {
    color: #666666;
    font-size: 0.90em;
}

.justify {
    text-align: justify;
}
   
.center {
    text-align: center;
}


/******************************/
/*          CALQUES 
/******************************/

div.blank {
    height: 1px;
    clear: both;
    font-size: 1px;
}

/****** LAST OCCASIONS ******/
#lastoccasions {
    width: 100%;
    border: 0;
}
#lastoccasions th {
    height: 20px;
    padding: 0 0 0 7px;
    background-color: #012237;
    color: #FFFFFF;
    font-weight: bold;
}
#lastoccasions th.marque {
    width: 75px;
    text-align: left;
}
#lastoccasions th.vehicule {
    text-align: left;
}
#lastoccasions th.annee {
    width: 60px;
    text-align: center;
}
#lastoccasions th.km {
    text-align: right;
}
#lastoccasions th.detail {
    width: 25px;
}

#lastoccasions td {
    height: 18px;
    padding: 0 0 0 7px;
    color: #4A4A4A;
}
#lastoccasions td.marque {
    text-align: left;
    font-weight: bold;
}
#lastoccasions td.vehicule {
    text-align: left;
}
#lastoccasions td.annee {
    text-align: center;
}
#lastoccasions td.km {
    text-align: right;
}
#lastoccasions td.detail {
    text-align: center;
}
#lastoccasions tr {
	cursor:pointer;
}
#lastoccasions tr.over {
    background-color: #eae9db;
}
#lastoccasions tr.over td {
    color: #076eb0;
}

#lastoccasions tr.out {
    background-color: #ffffff;
}
#lastoccasions tr.out td {
    color: #4a4a4a;
}


/****** OCCASIONS ******/
#occasions {
    width: 520px;
    border: 0;
}
#occasions th {
    height: 20px;
    padding: 0 0 0 7px;
    background-color: #012237;
    color: #FFFFFF;
    font-weight: bold;
}
#occasions th.marque {
    width: 75px;
    text-align: left;
}
#occasions th.vehicule {
    text-align: left;
}
#occasions th.annee {
    width: 60px;
    text-align: center;
}
#occasions th.km {
    text-align: right;
}
#occasions th.prix {
    width: 70px;
    text-align: right;
}
#occasions th.detail {
    width: 25px;
}

#occasions td {
    height: 20px;
    padding: 0 0 0 7px;
    color: #4A4A4A;
    border-top: 1px solid #FFFFFF;
}
#occasions td.marque {
    text-align: left;
    font-weight: bold;
}
#occasions td.vehicule {
    text-align: left;
}
#occasions td.annee {
    text-align: center;
}
#occasions td.km {
    text-align: right;
}
#occasions td.prix {
    text-align: right;
    font-weight: bold;
}
#occasions td.detail {
    text-align: center;
}

#occasions tr.over {
    background-color: #eae9db;
}
#occasions tr.over td {
    color: #076eb0;
}

#occasions tr.out {
    background-color: #ffffff;
}
#occasions tr.out td {
    color: #4A4A4A;
}

/***** DETAILS *****/
#details {
    border:0 none;
	width:100%;
}
#details th {
    height: 20px;
    padding: 0 0 0 7px;
    background-color: #012237;
    color: #FFFFFF;
    font-weight: bold;
	text-transform:uppercase;
}
#details th.th-2 {
	background-color:#EAE9DB;
	color:#012237;
	font-weight:bold;
	height:10px;
	padding:10px 20px;
	font-size:10px;
	text-transform:uppercase;
}

#details th.bloc_prix{
    background-color: #eae9db;
    color: #012237;
    font-weight: bold;
	font-size:10px;
	padding:0px;
	text-transform:uppercase;
}

#details th.bloc_prix div.txt_prix {
	float:left;
	height:10px;
	padding:10px 20px;
	width:50px;
}

#details th.bloc_prix div.prix{
    background-color: #012237;
    text-align: right;
    color: #FFFFFF;
    font-weight: bold;
	padding:10px 20px;
	float:right;
}

#details .detail_ocas table {
	padding:0px;
	margin:0px;
	font-size:10px;
	margin:20px;
	width:260px;
	float:left;
	width:249px;
}

#details .detail_ocas div.img {
	padding:0px;
	margin:0px;
    text-align: left;
    vertical-align: top;
	padding-right:20px;
	padding-top:20px;
	margin-bottom:20px;
	float:right;
}
#details .detail_ocas div.img .img_moyenne {
	display:none;
	margin-bottom:10px;
}
#details .detail_ocas div.img .img_petite img {
	margin-left:6px;
	cursor:pointer;
}
#details .detail_ocas td.des {
	padding:0px;
	margin:0px;
    width: 125px;
    padding: 3px 0 2px 7px;
    text-align: left;
    font-weight: bold;
}
#details .detail_ocas td.value {
	padding:0px;
	margin:0px;
    padding: 3px 0 2px 7px;
    text-align: left;
	font-weight:normal;
}

#details .titre_ocas {
	padding:10px 20px;
	margin:0px;
	font-size:10px;
}

#details .detail_ocas {
padding:0px;
margin:0px;
}


/***** CONTACT *****/

div.error {
    background-color: #1E5791;
    color: #FFFFFF;
}
div.error div.txt {
    padding: 5px 5px 10px 5px;
}

#demande_vehicule {
	margin: 5px 5px;
	width:169px;
	height:120px;
}
#demande_vehicule_2 {
	margin: 5px 5px;
	width:247px;
	height:120px;
}


table.contact {
    width: 350px;
    margin: 0 0 0 50px;
}
table.contact td.titre {
    padding: 15px 0 20px 0;
    font-size: 1.20em;
    color: #1E5791;
    font-weight: bold;
}
table.contact td.designation {
    width: 100px;
    padding: 7px 0 6px 10px;
    font-weight: bold;
    vertical-align: top;
}
table.contact tr.error td.designation {
    width: 100px;
    padding: 7px 0 6px 10px;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: top;
}

table.contact td.required {
    width: 10px;
    font-size: 1px;
}
table.contact td.field {
    vertical-align: top;
    padding: 3px 0 0 0;
}
table.contact td.field input, input.field {
    width: 220px;
    padding: 2px 0 1px 2px;
    border: 1px solid #1E5791;
    background-image: url(../images/interface/css-field-text.gif);
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5D5D5D;
}
table.contact td.field textarea {
    width: 220px;
    height: 100px;
    padding: 0 0 0 2px;
    border: 1px solid #1E5791;
    background-image: url(../images/interface/css-field-text.gif);
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5D5D5D;
}
table.contact td.sep {
    height: 20px;
    font-size: 1px;
}
table.contact table.button {
    width: 100%;
}
table.contact table.button input {
    width: 100px;
    height: 20px;
    border-top: 1px solid #ECECEC;
    border-right: 0;
    border-bottom: 0;
    border-left: 1px solid #ECECEC;
    background-color: #1E5791;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
}
table.contact table.button td.space {
    width: 120px;
}
table.contact table.button td.submit {
    width: 120px;
    text-align: left;
}
table.contact table.button td.reset {
    text-align: left;
}
table.contact tr.error {
    background-color: #1E5791;
}


/******************************/
/*          CONTENEUR 
/******************************/

#conteneur {
    border: 0px solid #000000;
    width: 765px;
}
#conteneur td.logo {
    width: 183px;
    height: 156px;
}
#conteneur td.header {
    width: 582px;
    text-align: left;
    vertical-align: top;
}
#conteneur td.nav {
    width: 183px;
    background: #EAE9DB;
    text-align: left;
    vertical-align: top;
}
#conteneur td.main {
    width: 582px;
    background: #ffffff;
    text-align: left;
    vertical-align: top;
}
#conteneur td.footer {
    width: 582px;
    height: 35px;
    background: url(../images/interface/css-footer-bg.gif) top left repeat-x;
    text-align: left;
    vertical-align: top;
	background: #eae9db;
}


/*****
    HEADER
**/
#header {
    width: 582px;
    height: 156px;
}
#header div.ban {
	height:185px;
	width:577px;
    background: url(../images/interface/header-ban.jpg) top left no-repeat;
}
#header div.titre {
    width: 582px;
    height: 23px;
    background: url(../images/interface/css-header-titre.gif) top right no-repeat;
    text-align: left;
    vertical-align: top;
    font-size: 1px;
}

/*****
    NAV
**/
#nav {
    margin: 0 1px 20px 2px;
}
#nav div.contact {
    margin: 0 0 0 5px;
}
#nav div.horaires {
    margin: 10px 0 0 5px;
}


#menu {
	border-bottom:1px solid #C7C6BA;
	margin:0 0 5px;
}

#menu div.menu {
}
#menu div.menu ul {
    list-style-type: none;
    margin: 0 0 0 0;
	padding:0;
}
#menu div.menu li {
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#menu div.menu a, #menu div.menu a:link {
    color: #404040;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 0 5px 25px;
    width: 155px;
    display: block;
	border-bottom:1px solid #C7C6BA;
    background: url(../images/interface/menu.gif) no-repeat 0 -24px;
}
#menu div.menu a:hover, #menu div.menu a.actif {
    color: #FFFFFF;
    text-decoration: none;
    padding: 5px 0 5px 25px;
    width: 155px;
    display: block;
    background: url(../images/interface/menu.gif) no-repeat 0 0;
}



#menu div.recherche {
    padding: 0 0 10px 0;
}
#menu div.recherche div.titre {
    margin: 0 0 5px 0;
}
#menu div.recherche table.form {
    margin: 0 0 0 15px;
    width: 148px;
    border: 0;
}
#menu div.recherche table.form td.select {
    padding: 2px 0 2px 0;
    text-align: left;
    vertical-align: top;
}
#menu div.recherche table.form td.select select, select.select {
    width: 145px;
    height: 16px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #404040;
}
#menu div.recherche table.form td.button {
    text-align: right;
    vertical-align: top;
}
#menu div.bottom {
    width: 180px;
    height: 10px;
    background: url(../images/interface/css-nav-menu-bottom.gif) top left no-repeat;
    font-size: 1px;
}

/*****
    MAIN
**/
#main {
    margin: 0 3px 20px 0;
}

#frise {
}
#frise div.row-1 {
    width: 100%;
    background: #7B97B4 url(../images/interface/css-main-row-1-bg.gif) top left no-repeat;
    text-align: left;
    vertical-align: top;
    font-size: 1px;
}            
#frise div.row-1-home {
	color:#FFFFFF;
	font-size:10px;
	padding:10px 10px 20px 20px;
	width:549px;
    background: #012237;
}                             
	div.commercial{
		float:left;
		/*margin-right:25px;*/
		margin-top:20px;
	}
	
	#frise div.row-1-home div.extreme {
		margin-right:0px;
	}
	
		div.commercial img{
			cursor:pointer;
		}
		
		div.commercial div.bulle{
			display:none;
			margin-left:58px;
			margin-top:-110px;
			position:absolute;
			z-index:50;
			height:120px;
			width:220px;
			color:#4a4a4a;
			font-size:10px;
			text-align:center;
			padding-top:15px;
		}
		
		div.commercial div.bulle a {
			color:#4a4a4a;
		}
		
		div.extreme div.bulle {
			margin-left:-170px;
		}
		
			div.commercial #fkeller {
				background:transparent url(../images/photos/bul_fkeller.gif) no-repeat scroll left top;
				margin-top:-132px;
				height:141px;
			}
			
			div.commercial #yrieutort {
				background:transparent url(../images/photos/bul_yrieutort.gif) no-repeat scroll left top;
			}
			
			div.commercial #fthirion {
				background:transparent url(../images/photos/bul_fthirion.gif) no-repeat scroll left top;
			}	
			
			div.commercial #bborg {
				background:transparent url(../images/photos/bul_bborg.gif) no-repeat scroll left top;
			}	
			
			div.commercial #jdupont {
				background:transparent url(../images/photos/bul_jdupont.gif) no-repeat scroll left top;
			}	
			
			div.commercial #jhirtz {
				background:transparent url(../images/photos/bul_jhirtz.gif) no-repeat scroll left top;
			}	
			
			div.commercial #evogt {
				background:transparent url(../images/photos/bul_evogt.gif) no-repeat scroll left top;
			}	
			
			div.commercial #jmichel {
				background:transparent url(../images/photos/bul_jmichel.gif) no-repeat scroll left top;
			}	
			
			div.commercial #mstaebell {
				background:transparent url(../images/photos/bul_mstaebell.gif) no-repeat scroll left top;
			}	
			
			div.commercial #abaconnais {
				background:transparent url(../images/photos/bul_abaconnais.gif) no-repeat scroll left top;
			}
			
		
#frise div.row-2 {
    height: 28px;
    background: #7B97B4 url(../images/interface/css-main-row-2-bg.gif) top left repeat-x;
    text-align: left;
    vertical-align: top;
    font-size: 1px;
}

#contenu {
    padding: 20px;
}
#contenu-in {
    padding: 25px 30px 0 20px;
    background: #fff;
}

#contenu-det {
	padding:0;
	padding-left:2px;
    background: #fff;
}

#contenu div.titre {
    margin: 10px 0 10px 0;
}

/*****
    FOOTER
**/
#footer {
    width: 765px;
    height: 35px;
    border: 0px solid #000000;
}
#footer td.left {
    width: 2px;
    background: url(../images/interface/css-footer-left.gif) top left no-repeat;
    text-align: left;
    font-size: 1px;
}
#footer td.tools {
    padding: 19px 0 0 0;
    text-align: left;
    vertical-align: top;
}
#footer td.top {
    padding: 14px 0 0 0;
    text-align: right;
    vertical-align: top;
}
#footer td.right {
    width: 10px;
    background: url(../images/interface/css-footer-right.gif) top right no-repeat;
    text-align: left;
    font-size: 1px;
}