/* Layout size
--------------------------------------------------------------- */
body {
    margin: 0;
    padding: 0;
    background: url(../images/charte/body-bg.jpg) repeat-x top left;
}
#header {
    background: url(../images/charte/header-bg.jpg) no-repeat top left;
    width: 782px;
    height: 225px;
    padding: 19px 104px 0px 104px;
    float:left;
    text-align: left;
}
#header-left{
    float: left;
    padding-top: 60px;
    width: 273px;
}
#container {
    background: url(../images/charte/container-bg.jpg) no-repeat bottom left;
    margin: 0 auto;
    text-align: center;
    width: 946px;
}
#sub-container{
    float: left;
    margin: 0 auto;
    width: 790px;
    padding: 0 83px;
    background: url(../images/charte/sub-container-bg.jpg) repeat-y 73px 0;
}
#wrap-footer{
    float: left;
    margin: 0 auto;
    width: 720px;
    text-align: left;
    background: #FFFFFF url(../images/charte/wrap-footer-bg.jpg) no-repeat top left;
    padding: 0px 104px 0 122px;
}
#footer {
    margin: 0 auto;
    text-align: left;
    float: left;
    width: 751px;
    background: url(../images/charte/footer-bg.jpg) repeat-x top left;
}
#footer-left{
    float: left;
    padding-top: 17px;
    width: 250px;
    text-align: left;
}
#footer-right{
    float: left;
    padding-top: 17px;
    width: 468px;
    text-align: right;
}
#left-column {
    float: left;
    width: 220px;
}
#right-column {
    /*background-color: #BDB76B;*/
    float:left;
    width: 521px;
    padding: 33px 19px 7px 20px;
}
/*	--- Important! ---------------------------------------------
#wrap-footer, #footer and .push must be the same height
---------------------------------------------------------------*/
#wrap-footer, .push {
    height: 105px;
}
#footer{
    height:88px;
}
#wrap-footer {
    margin-top: -105px;
}
.push {
    clear: both;
}
/* --- Important! ----------------------------------------------
The bottom margin of #wrap-container
is the negative value of the footer's height
---------------------------------------------------------------*/
#wrap-container {
    background: url(../images/charte/wrap-container-bg.jpg) repeat-x top left;
    width: 100%;
    height: auto !important;
    height: 100%;
}
/* II. Layout's default elements
--------------------------------------------------------------- */
* {
    margin: 0;
}
html {
    height: 100%;
    width: 100%;
}
body {
    height: 100%;
    width: 100%;
    position:absolute;
    z-index: 0;
}
ul {
    margin: 0px;
    padding: 0px;
}
li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-position: outside;
}
.ref {
/*    position: absolute;
    top: -10000px;*/
    width: 800px;
    padding-bottom: 15px;
    text-align: center;
    margin: 0 auto;
}
img {
    border: 0;
}
.left{
    float: left;
}
.right{
    float: right;
}
.leftpad{
    float:left;
    padding: 0 28px 0 0;
}
.rightpad{
    float:right;
    padding: 0 0 0px 28px;
}
.clear {
    clear: both;
    font-size: 1px;
    line-height: 0;
}
.paragraph {
    clear: both;
    display: table;
}
a,a:visited{
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: underline;
}
a:hover,a:active{
    cursor: pointer;
}
a:focus{
    outline: none;
}
a *{
    cursor: pointer;
}
#picture2{
    float: right;
    margin: 10px;
}
/* Actualites
--------------------------------------------------------------- */
#actualites {
    float:left;
    width: 200px;
    height: 123px;
    padding: 10px 19px 0 0;
}
#actualites .image{
    float: left;
/*    width: 76px;
    height: 76px;*/
    margin: 4px;
    border: solid 1px #000000;
}
#actualites p {
    height: 85px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    color:#000000;
    padding: 4px 0 0 0;
    text-align: justify;
}
#actualites p a:link, #actualite p a:visited{
    color: #A7A7A7;
    text-decoration: none;
}
#actualites p a:hover{
    color: #A7A7A7;
    text-decoration: underline;
}
/* Diaporama
--------------------------------------------------------------- */
#diaporama{
    width: 410px;
    padding-top: 11px;
    height: 133px;
    float: left;
    text-align: left;
/*    background: url(../images/charte/diaporama-bg.jpg) no-repeat top right;*/
}
/* II. Left-column elements
----------------------------------------------------------------*/
/* Flash menu
--------------------------------------------------------------- */
#flash-menu{
    float: left;
    width: 219px;
    height: 202px;
    border-left: 1px solid #B5B5B5;
    background: url(../images/charte/flash-menu-bg.jpg) no-repeat top left;
}
/* Coordonnees
--------------------------------------------------------------- */
#coordonnees-container {
    float:left;
    width: 190px;
    padding: 13px 10px 0px 20px;
    background: url(../images/charte/coordonnees-bg.jpg) no-repeat 0 8px;
}
#coordonnees {
    float:left;
    margin: 0;
    width: 190px;
    text-align: center;
}
#coordonnees p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color:#000000;
    text-align: justify;
}
#coordonnees p a:link, #coordonnees p a:visited{
    color: #d90606;
    text-decoration: none;
    font-weight: bold;
}
#coordonnees p a:hover{
    color: #980000;
    text-decoration: none;
}
/* Horaires d'ouverture, Horaires atelier
--------------------------------------------------------------- */
#horaires {
    float:left;
    width: 180px;
    height: 49px;
    padding: 29px 0 0 0;
    background: url(../images/charte/horaires-bg.jpg) no-repeat top left;
}
#horaires2 {
    float:left;
    width: 180px;
    height: 49px;
    padding: 29px 0 0 0;
    background: url(../images/charte/horaires2-bg.jpg) no-repeat top left;
}
#horaires p, #horaires2 p {
    font-size: 12px;
    color:#000000;
    text-align: center;
}
/* Plan d'acces
--------------------------------------------------------------- */
#plan-dacces {
    float:left;
    width: 180px;
    height: 49px;
}
/* III. RIGHT-COLUMN ELEMENTS
----------------------------------------------------------------*/
/* Main-content
--------------------------------------------------------------- */
#main-content{
    background: #FFFFFF url(../images/charte/main-content-bg.jpg) repeat-x top left;
    float: left;
    width: 521px;
}
#main-content p{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    line-height: 18px;
}
#main-content .bold{
    font-weight: bold;
    color: #ee951a;
}
#main-content a, #main-content a:visited {
    color: #9F0100;
    text-decoration: none;
}
#main-content a:hover {
    color: #4D4D4D;
    text-decoration: underline;
}
#main-content .pannel1{
    float: left;
    width:494px;
    height: 110px;
    padding: 15px 13px;
    background: url(../images/charte/pannel1.jpg) no-repeat top left;
}
#main-content .pannel1 p{
    color: #FFFFFF;
}
#main-content .pannel2{
    float: left;
    width: 488px;
    padding: 15px 11px 8px 17px;
    border: 1px solid #D2D2D2;
}
#main-content .pannel2 p{
}
/* Recherche1 (Vehicules a vendre)
--------------------------------------------------------------- */
#main-content #recherche-form1{
    float: left;
    width: 500px;
    background: url(../images/charte/recherche1-bg.jpg) repeat-y top left;
    padding: 10px;
    text-align: left;
}
#main-content #recherche-form1 .label{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    float: left;
    padding-top: 7px;
}
#main-content #recherche-form1 .combobox{
    border: 1px solid #9F0402;
    width: 200px;
    margin-top: 4px;
}
#main-content #recherche-form1 .button{
    float: right;
    background: url(../images/charte/recherche1-btn.jpg) no-repeat top left;
    border: none;
    width: 115px;
    height: 27px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
#main-content #recherche-form1 .button-over{
    float: right;
    background: url(../images/charte/recherche1-btn-over.jpg) no-repeat top left;
    border: none;
    width: 115px;
    height: 27px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
/* Results
--------------------------------------------------------------- */
#main-content .product1{
    float: left;
    width: 520px;
    height: 150px;
    background: url(../images/charte/product1-bg.jpg) no-repeat top left;
    text-align: left;
}
#main-content .product1 h1{
    background-color: #A70405;
    width: 510px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #FFFFFF;
}
#main-content .product1 p{
    float: left;
    padding: 0 0 0 11px;
    color: #030303;
    line-height: 18px;
    width: 380px;
}
#main-content .product1 .label{
    color: #990100;
    font-weight: bold;
}
#main-content .product1 a, #main-content .product1 a:visited{
    color: #424242;
}
#main-content .product1 a:hover{
    color: #000000;
    text-decoration: none;
}
#main-content .product1 .small-image{
    float: left;
    padding:0 !important;
    text-align: center;
    width:100px;
		height:100px;
    margin-top: 7px;
    margin-left: 5px;
}
#main-content .product1 .small-image img
{
  border: solid 1px #000000;
}


#main-content .product1 .savoir{
    font-weight: bold;
    text-align: right;
    padding:0 10px;
}
/* ------------------------------------------------------------ */
#main-content .product2{
    float: left;
    width: 520px;
    height: 150px;
    background: url(../images/charte/product2-bg.jpg) no-repeat top left;
    text-align: left;
}
#main-content .product2 h1{
    background-color: #A10302;
    width: 510px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #FFFFFF;
}
#main-content .product2 p{
    float: left;
    padding:0 0 0 11px;
    color: #030303;
    line-height: 18px;
    width: 380px;
}
#main-content .product2 .label{
    color: #990100;
    font-weight: bold;
}
#main-content .product2 a, #main-content .product2 a:visited{
    color: #424242;
}
#main-content .product2 a:hover{
    color: #000000;
    text-decoration: none;
}
#main-content .product2 .small-image{
    float: left;
    padding:0 !important;
    text-align: center;
    width:100px;
		height:100px;
    margin-top: 7px;
    margin-left: 5px;
}
#main-content .product2 .small-image img
{
  border: solid 1px #000000;
}


#main-content .product2 .savoir{
    font-weight: bold;
    text-align: right;
    padding:0 10px;
}
/* ------------------------------------------------------------ */
#main-content .product-detail{
    border: 1px solid #6D6D6D;
    background-color: #FFFFFF;
    float: left;
}
#main-content .product-detail h1{
    background-color: #A70405;
    width: 510px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 2px;
    color: #FFFFFF;
}
#main-content .product-detail #details{
    float:left;
    margin-top:20px;
    width:220px;
}
#main-content .product-detail p{
    width: 205px;
    padding: 11px;
    color: #424242;
    line-height: 18px;
    padding: 0 0 0 15px;
}
#main-content .product-detail .label{
    color: #990100;
    font-weight: bold;
}
#main-content .product-detail .big-image{
    float: left;
    padding: 15px;
    width: 250px;
    /*height: 250px;*/
}
#main-content .product-detail .small-images{
    clear: both;
    float: left;
    padding: 0 15px;
}
#main-content .product-detail .small-images .small-image{
    float: left;
    background: url(../images/charte/no-image4.jpg) no-repeat top left;
    width: 41px;
    height: 41px;
    border-top: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
/* Lists
--------------------------------------------------------------- */
#main-content ul.list1{
    list-style: none;
    float: left;
    margin-left: 22px;
}
#main-content ul.list1 li {
    background: url(../images/charte/list1-bullet.jpg) no-repeat 0 6px;
    padding: 0 0 0 14px;
    margin-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    line-height: 18px;
}
#main-content ul.list2{
    list-style: none;
    float: left;
    padding-top: 10px;
}
#main-content ul.list2 li {
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    text-align: justify;
    line-height: 18px;
}
#main-content ul.list3{
    list-style: none;
    float: left;
    margin-left: 8px;
    width:318px;
}
#main-content ul.list3 li {
    background: url(../images/charte/list1-bullet.jpg) no-repeat 0 6px;
    padding: 0 0 0 14px;
    margin-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    line-height: 18px;
}
/* Others
--------------------------------------------------------------- */
.border1{
    border:1px solid #54544C;
}
.border2{
    border:1px solid #E0B215;
}
.uppercase{
    text-transform: uppercase;
}
.spacer-h5{
    float: left;
    width: 100%;
    height: 5px;
    font-size: 1px;
    line-height: 0;
}
.spacer-h10{
    float: left;
    width: 100%;
    height: 10px;
    font-size: 1px;
    line-height: 0;
}
.spacer-h15{
    float: left;
    width: 100%;
    height: 15px;
    font-size: 1px;
    line-height: 0;
}
.button{
    cursor: pointer;
}
/* Navigation
--------------------------------------------------------------- */
#menu2 ul li {
    display: inline;
}
/*----------------------*/
.text
{
  padding-top:10px;
  font-weight: bold;
}
.dotted-line
{
  background: url(../images/charte/dotted-line.gif) no-repeat top right;
  width: 392px;
  height: 11px;
  float:left;
  margin:0;
  padding:0;
}