/* ------------------------------------ */
/* -------------- INDEX --------------- */
/* ------------------------------------ */

#index #haut{
position: relative;
margin: 0;
padding: 0;
min-width: 982px;
min-height: 298px;
width: 100%;
}

#index #left{
/*position: absolute;*/
float: left;
left: 0px;
margin: 0;
padding: 0 -20px 0 0;
width: 72%;
color: white;

}

#index #right{
/*position: absolute;*/
float: right;
right: 0px;
margin: 0;
padding: 0;
width: 27%;
color: white;
}

#index #right .content-container{
min-height: 260px;
padding: 10px;
}

#index #bottom{
position: relative;
margin: 20px 0 0 0;
padding: 0;
min-width: 982px;
width: 100%;
min-height: 100px;
height: 145%;
color: white;
}

#list-promo{
list-style-type: none;
margin: 0;
padding: 0;
}

#list-promo li{
float: left;
margin: 4px;
width: 23.7%;
min-height: 300px;
border: 2px solid gray;
}

#list-promo li h3{
margin: 4px;
text-align: center;
}

#list-promo img{
margin: 8px;
}

#list-promo p{
padding: 0 8px;
}

#index .title-container{
position: relative;
line-height: 26px;
top: 2px;
margin: 0 auto;
height: 26px;
background: url(../img/template/ui-bg.png) repeat-x;
color: black;
font-family: Comic Sans MS, serif;
}

#index .content-container{
position: relative;
margin: 0;
padding: 0;
color: black;
min-height: 280px;
/*background: #545B5C;*/
background: #e7e7e7;
}

#index #slider h3{
text-align: center;
font-size: 28px;
margin: 2px auto;
}

#index #slider img{
margin: 50px 60px 0 0;
float: right;
}

#index #slider p{
margin: 2px 0;
padding: 0;
}

/* ------------------------------------ */
/* ------------- MAGASIN -------------- */
/* ------------------------------------ */

#magasin{
margin: 8px;
padding: 0;
min-width: 982px;
width: 98.5%;
min-height: 100px;
color: black;
}

#magasin  table{
width: 99%;
margin: 0 auto;
}

#magasin table td{
vertical-align:top; 
width: 33%;
padding: 6px;
}

#magasin .title-container{
position: relative;
line-height: 26px;
top: 2px;
margin: 0 auto;
height: 26px;
background: url(../img/template/ui-bg.png) repeat-x;
color: black;
font-family: Comic Sans MS, serif;
}

#magasin .content-container{
position: relative;
margin: 0;
padding: 4px;
min-height: 180px;
/*background: #545B5C;*/
background: #e7e7e7;
}

#magasin .content-container p{
margin-bottom: 20px;
}

#magasin .content-container img{
/*float: left;*/
display: inline;
text-align: center;
margin: 8px;
}

/* ------------------------------------ */
/* ------------- OCCASION ------------- */
/* ------------------------------------ */

#occasion{
margin: 8px;
padding: 0;
min-width: 982px;
width: 98.5%;
min-height: 100px;
height: 145%;
color: black;
/*background: #545B5C;*/
}

#occasion .title-container{
position: relative;
line-height: 26px;
top: 2px;
margin: 0 auto;
height: 26px;
background: url(../img/template/ui-bg.png) repeat-x;
color: black;
font-family: Comic Sans MS, serif;
}

#occasion .content-container{
position: relative;
margin: 0;
padding: 0;
min-height: 120px;
/*background: #545B5C;*/
background: #e7e7e7;
}


#thumbs{
position: relative;
margin: 0;
padding: 0;
width: 35%;
min-width: 346px;
height: auto;
/*background: red;*/
list-style: none;
text-align: center;
}

#thumbs .title-container{
position: relative;
line-height: 26px;
top: 2px;
margin: 0 auto;
height: 26px;
background: url(../img/template/ui-bg.png) repeat-x;
color: black;
font-family: Comic Sans MS, serif;
}

#thumbs .content-container{
position: relative;
margin: 0;
padding: 0;
/*background: #545B5C;*/
background: #e7e7e7;
}

#thumbs li{
float: left;
width: 28%;
margin: 4px;
font-size: 85%;
}

#thumbs li:hover{
cursor: pointer;
/*background: white;*/
}

#thumbs a, #thumbs a img{
margin: 0;
padding: 0;
border: none;
text-decoration: none;
color: black;
}

#thumbs a:hover{
border: none;
text-decoration: underline;
color: black;
}

#thumbs li img{
width: 95%;
margin: 2.5%;
}

#fiche{
float: right;
top: 0px;
width: 62%;
min-height: 480px;
margin: 4px 12px;
/*border: 2px solid #426899;*/
/*background: white;*/
}

#fiche .title-container{
position: relative;
line-height: 26px;
top: 2px;
margin: 0 auto;
height: 26px;
background: url(../img/template/ui-bg.png) repeat-x;
color: black;
font-family: Comic Sans MS, serif;
text-align: center;
}

#fiche .content-container{
position: relative;
margin: 0;
padding: 4px;
/*background: #545B5C;*/
background: #e7e7e7;
}


#fiche table#fiche-content{
width: 100%;
border-collapse: collapse;
}

#fiche table#fiche-content td{
/*border: 1px red solid;*/
}

#fiche table.fiche-info td{
/*border: 1px solid black;*/
}

img#loading{
display: block;
border: none;
margin: 10% 30%;
}


/* ------------------------------------ */
/* ------------- CONTACT -------------- */
/* ------------------------------------ */

#contact{
margin: 8px;
padding: 0;
min-width: 982px;
width: 98.5%;
min-height: 100px;
height: 145%;
color: black;
}


#contact .title-container{
position: relative;
line-height: 26px;
top: 2px;
margin: 0 auto;
height: 26px;
background: url(../img/template/ui-bg.png) repeat-x;
color: black;
font-family: Comic Sans MS, serif;
}

#contact .content-container{
position: relative;
margin: 0;
padding: 8px;
min-height: 180px;
/*background: #545B5C;*/
background: #e7e7e7;
}

#contact .content-container #address{
margin: 4px;
width: 22%;
height: 375px;
background: #F7F7F7;
text-align: center;
color: black;
font-size: 90%;
border: 2px solid #426899;
}

#contact .content-container #map{
float: right;
margin: 4px;
top: 0;
width: 74%;
height: 460px;
border: 2px solid #426899;
}