#main-page{
margin: 0 auto;padding: 0;min-width: 1000px;width: 98%;min-height: 100px;color: black;
}

.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: Arial, serif;font-size: 16px; font-weight: bold;
}

.content-container{
position: relative;margin: 0 0 10px 0;padding: 4px;min-height: 60px;background: #e7e7e7;font-family: Arial, serif;font-size: 14px;
}

a, a:visited{
color: #003366;text-decoration: none;
}

a:hover{
color: #003366;text-decoration: underline;
}

.content-container p{
/*margin-bottom: 20px;*/
font-family: Arial, serif;
}

.content-container img{
display: inline;
text-align: center;
margin: 8px;
border: none;
}

a:active, a:focus{
outline: none;
}

a.no-style-link, a.no-style-link:hover, a.no-style-link:visited{
color: black;
text-decoration: none;
}

p{
margin: 0;
padding: 0;
}

/* ------------------------------------ */
/* -------------- CGV --------------- */
/* ------------------------------------ */

#overlay{
z-index: 10;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
display: none;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

#cgv, #mentions{
z-index: 12;
position: fixed;
top: 0;
left: 0;
width: 50%;
margin: 100px 25%;
display: none;
}

span.content{
max-height: 350px;
display: block;
padding: 6px;
overflow-y: auto;
}

a.closecgv, a.closementions{
position: absolute;
width: 100px;
height: 20px;
/*background: red;*/
right: 4px;
bottom: 4px;
}

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

#left{
left: 0px;
margin: 0;
padding: 0;
width: 79%;
}

#right{
float: right;
right: 0px;
margin: 0;
padding: 0 -20px 0 0;
width: 20%;
}

#bottom{
left: 0px;
margin: 0;
padding: 0;
width: 79%;
}


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

#main-page.magasin table{
width: 99%;margin: 0 auto;
}

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

#main-page.magasin table td img{
border: none;
}

/* ---------------------------------------------- */
/* ------------- CATALOGUE -------------- */
/* --------------------------------------------- */

#widget-top{
float: right;
margin: 8px 8px -12px 8px;
width: 80.8%;
}

#widget-top .content-container{
padding: 2%;
min-height: 120px;
background: white;
}

#widget-top div.widget-top-line{
float: left;
width: 32.9%;
}

#widget-infos{
margin: 0 0.5%;
}

#widget-left{
padding: 8px;
width: 16%;
font-family: Arial, serif;
}

#widget-left .content-container{
padding: 2%;
min-height: 80px;
background: white;
}

#widget_panier{
max-width: 228px;
}

#widget_panier ul{
padding: 0 14px;
}

#widget_panier ul li{
margin: 4px 0;
font-size: 14px;
}

#display_cart{
position: absolute;
bottom: 6px;
right: 6px;
}

/********************************/
/********* MENU CATALOGUE ***********/
/*******************************/

#widget-search ul.search-brand, #widget-search ul.search-cat{
list-style-type: none;
}

#widget-search ul.search-brand ul, #widget-search ul.search-cat ul{
display: none;
list-style-type: none;
}

#widget-search ul.search-brand li, #widget-search ul.search-cat li{
margin: 1px;
}

#widget-search ul li.actived{
font-weight: bold;
}

#widget-search a.node{
display: block;
float: left;
text-align: center;
font-size: 14px;
line-height: 12px;
border: 1px solid blue;
width: 12px;
height: 12px;
margin-right: 6px;
}

#widget-search a.node:hover{
text-decoration: none;
}

span.widget-title{
display: block;
height: 32px;
line-height: 24px;
margin-bottom: 4px;
padding-left: 6px;
font-family: Verdana, serif;
font-weight: bold;
background: #e0e0e0;
}

span.widget-title button{
width: 100%;
}

#widget-left ul{
margin: 0;
padding: 0 0 20px 22px;
list-style-type: circle;
}

#widget-left ul a, #widget-left ul a:visited{
color: #003366;
text-decoration: none;
}

#widget-left ul a:hover{
text-decoration: underline;
}

#catalogue{
float: right;
margin: 8px;
width: 80.8%;
}

#catalogue table{
width: 98%;
margin: 0 auto 10px auto;
border: none;
border-collapse: collapse;
}

#catalogue table td, #catalogue table tr{
border: none;
}

#catalogue table td{
height: 80px;
border-bottom: 1px solid #003366;
}

#catalogue table td.icon-item{
width: 120px;
}

#catalogue table td.name-item{
width: 66%;
text-align: left;
}

#catalogue table td.price-item{
text-align: left;
}

#catalogue table td.add-cart{
text-align: center;
}

#pagination{
text-align: center;
font-size: 16px;
padding: 10px;
}

/* ---------------------------------------------------- */
/* ------------- DETAIL ARTICLE -------------- */
/* --------------------------------------------------- */

#main-page ul.view-item{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
}

#main-page ul.view-item li.elem-view-item{
float: left;
margin: 0.2%;
padding: 8px;
width: 23%;
}

#main-page ul.view-item li div.content-container{
padding: 6px;
background: white;
height: 250px;
overflow-y: auto;
}

/* -------------------------------------------- */
/* ---------------- PANIER --------------- */
/* ------------------------------------------- */

#main-page form.panier-content{
margin: 0 auto;
width: 80%;
background: white;
}

#main-page div.panier-content{
margin: 0 auto;
width: 80%;
background: white;
}

table.panier{
border-collapse: collapse;
margin: 18px;
}

table.panier td{
height: 26px;
border-bottom: 1px solid #003366;
padding: 0 8px;
}

table.panier tr.order{
text-align: center;
height: 32px;
}

table.panier tr.order td{
padding: 0;
}

table.panier tr.bar{
background :#e7e7e7;
}

table.panier td.icon-item{
padding-right: 8px;
}

table.panier td.name-item{
width: 50%;
}

table.panier td.name-item button{
float: right;
}

table.panier td.price-item{
width: 12%;
}

table.panier td.quantity-item{
width: 18%;
text-align: center;
}

table.panier td.total-price-item{
width: 18%;
text-align: right;
}

table.panier td.shipping-tax{
height: 52px;
text-align: right;
}

table.panier td.total-price{
height: 52px;
text-align: right;
}

table.panier td.payment-button{
height: 52px;
line-height: 26px;
text-align: right;
}

table.panier td.payment-button a{
font-size: 12px;
}

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

#thumbs{
position: relative;
margin: 0;
padding: 0;
width: 35%;
min-width: 346px;
height: auto;
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: #e7e7e7;
}

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

#thumbs li:hover{
cursor: pointer;
}

#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;
}

#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: #e7e7e7;
}


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

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

#fiche table.fiche-info td{
border-bottom: none;
}

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

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

#address{
position: relative;
top: 4px;
left: 1%;
margin: 0;
width: 35%;
height: 460px;
background: white;
text-align: center;
color: black;
font-size: 90%;
border: 2px solid #003366;
}

#address h2{
margin: 8px 0px 0px 0px;
}

#address fieldset{
margin: -24px 5px;
}

#address table{
margin: auto;
}

#map{
float: right;
top: 18px;
margin: 4px;
top: 0;
width: 60%;
height: 460px;
border: 2px solid #003366;
}