/* --- CONTAINER --- */
@import url("content.css");
@import url("superfish.css");
body {
    margin     : 0;
    padding    : 0;
    color      : #FFF;
    background : #CCC;
}
br.clearfloat {
    clear       : both;
    height      : 0;
    font-size   : 1px;
    line-height : 0px;
}
#container {
    width      : 1000px;
    margin     : 0 auto;
    background : #FFF;
}

/* --- HEADER --- */
#header {
    background : #000;
    text-align : center;
}
#header span {
    color : #87888A;
}
/* --- SIDEBAR --- */
#sidebar {
    float       : left;
    width       : 211px;
    min-height  : 600px;
    background  : #FF1700 url(../images/ombre_sidebar.gif) repeat-y top right;
}
#sidebar .ombre_bas {
    width       : 211px;
    background  : url(../images/ombre_sidebar_bas.gif) no-repeat bottom center;
}
#sidebar ul {
    margin      : 0;
    width       : 211px;
    background  : url(../images/haut_sidebar.gif) no-repeat top center;
}
#sidebar .border {
    height     : 2px;
    text-align : center;
}
#sidebar li {
    list-style : none;
    width      : 204px;
}
#sidebar li span {
    width      : 204px;
    height     : 50px;
    background : url(../images/menu/li_off.gif) no-repeat;
    display    : block;
}
#sidebar li.active span {
    background : url(../images/menu/li_on.gif) no-repeat;
}
#sidebar li.active span.marque {
    background : url(../images/menu/li_on_marque.gif) no-repeat;
}
#sidebar li.active span.precfille {
    background : url(../images/menu/li_on_precfille.gif) no-repeat;
}
#sidebar li.prec span.precfille,#sidebar li span.precfille {
    background : url(../images/menu/li_off_prec_fille.gif) no-repeat;
}
#sidebar li.prec span {
    background : url(../images/menu/li_on_prec.gif) no-repeat;
}
#sidebar li.prec span.fille {
    background : url(../images/menu/li_on_prec_fille.gif) no-repeat;
}
#sidebar li span.fille {
    background : url(../images/menu/li_off_fille.gif) no-repeat;
}
#sidebar li li span, #sidebar li.active li span,#sidebar li.prec li span {
    display    : inline;
    background : none;
}
#sidebar li span.fille a {
    color      : #000 !important;
    background : transparent url(../images/menu/fleche_off_fille.gif) no-repeat scroll 20px 17px !important;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited,#sidebar li span.marque span {
    text-decoration : none;
    color           : #FFF;
    display         : block;
    padding         : 13px 0 5px 30px;
    font-size       : 13px;
    font-weight     : bold;
    background      : transparent url(../images/menu/fleche_off.gif) no-repeat scroll 20px 17px;
    width           : 160px;
}
#sidebar li.active span.marque span,#sidebar li.active span a,#sidebar li.active span a:link,#sidebar li.active span a:visited {
    background : transparent url(../images/menu/fleche_on.gif) no-repeat scroll 20px 19px;
}
#sidebar ul li.active span.fille a {
    background : transparent url(../images/menu/fleche_off_fille.gif) no-repeat scroll 20px 17px;
}
#sidebar ul li.on a, #sidebar ul li.on a:link, #sidebar li.on a:visited {
    color      : #FFF;
}
#sidebar ul li a:hover {
    color      : #FFF;
}
#sidebar ul li ul {
    background     : url(../images/menu/font_ssmenu.gif) no-repeat;
}
#sidebar ul li span.bas_ssmenu{

    background : transparent url(../images/menu/bas_ssmenu.png) no-repeat scroll bottom center;
}
#sidebar ul li li {
    color          : #000;
    background     : none;
    height         : 20px;
    text-align     : center;
    padding-bottom : 5px;
    padding-top    : 5px;
}
#sidebar ul li li a {
    color      : #000 !important;
    display    : block;
    background : transparent url(../images/puce_sidebar.gif) no-repeat scroll 40px center !important;
    padding    : 0 !important;
    font-size  : 12px !important;
}
#sidebar ul li li a:hover, #sidebar ul li li a.on {
    color : #E60003 !important;
}
#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
    left : 180px;
    top  : 0;
}

/* --- CONTENT --- */
#colonne_milieu {
    position : relative;
    z-index  : 1;
    float    : left;
    width    : 410px;
    padding  : 0 28px 0 17px;
}
#promos {
    height     : 228px;
    background : url(../images/promos.jpg) no-repeat;
}
#page_title {
    border-bottom : 1px solid #474D4D;
}
#edito {
    margin-top : 12px;
    width      : 408px;
    height     : 367px;
}
#logo_page {
    margin-top : 20px;
}
/***ACTUALITE***/
#actualites {
    float      : left;
    margin-top : 14px;
    width      : 330px;
    background : url(../images/ombre_actu.gif) repeat-y top right;
}
div.actu {
    padding : 0 13px 0 8px;
    width   : 310px;
}
div.actu_home_titre {
    color       : #E60003;
    font-size   : 20px;
    font-family : arial, helvetica, sans-serif;
    text-align  : left;
    width       : 210px;
    margin      : 13px 0;
}
div.vignette_focus img {
    margin-bottom : 17px;
}
#actu_content {
    color      : #707173;
    font-size  : 11px;
}
div.actu_home_lien {
    text-align    : right;
    margin-bottom : 10px;
}
div.actu_home_lien a {
    color           : #FF9B00;
    background      : url(../images/fleche_actu.gif)no-repeat center left;
    text-decoration : underline;
    padding-left    : 10px;
    font-size       : 11px;
    font-weight     : bold;
}
div.border_actu {
    margin-top : 10px;
}
/* --- FOOTER --- */
#footer {
    margin-top : 60px;
    padding    : 0 10px;
}
#footer_menu {
    text-align : center;
}
#footer ul {
    margin : 0;
}
#footer ul li {
    font-size  : 9px;
    display    : inline;
    list-style : none;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    font-size       : 9px;
    text-decoration : none;
    color           : #000;
}
#footer ul li a:hover {
    text-decoration : underline;
}

/* --- COPYRIGHT --- */
#copyright {
    padding    : 5px 0px;
    text-align : center;
    color      : #FFF;
    font-size  : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color           : #FFF;
    text-decoration : none;
}
#copyright img {
    vertical-align : middle;
}

/*---CLASSIQUE INTERIEUR---*/

#colonne_contenu {
    position    : relative;
    z-index     : 1;
    width       : 756px;
    margin-left : 225px;
}
#fil_ariane {
    padding-top : 20px;
}
#fil_ariane span.filactu {
    font-weight : bold;
    color       : #5D5D5D;
}
#fil_ariane a {
    font-size       : 11px;
    color           : #5D5D5D;
    background      : url(../images/fleche_fil.gif) no-repeat center right;
    padding-right   : 10px;
    text-decoration : none;
}
#fil_ariane a.accueil {
    text-decoration : underline;
}
#cadre_haut {
    width         : 756px;
    height        : 105px;
    margin-top    : 25px;
    margin-bottom : 25px;
}
div#logo_marque {
    float : left;
    width : 110px;
}
/*---RECHERCHE---*/
/*recherche marque*/
div#recherche {
    float      : right;
    width      : 637px;
    height     : 105px;
    background : url(../images/recherche/fond_marques.gif) no-repeat;
}
div#recherche span {
    display     : block;
    margin-left : 80px;
    margin-top  : 10px;
    font-size   : 14px;
    font-weight : bold;
    color       : #000;
}
div#recherche form select {
    left     : 100px;
    position : relative;
    top      : 20px;
}
div#recherche input.submit {
    left       : 655px;
    position   : absolute;
    top        : 135px;
    background : url(../images/recherche/btn_recherche.gif) no-repeat;
    width      : 93px;
    height     : 30px;
    border     : none;
    cursor     : pointer;
}

/*Recherche Occas*/
div#rechercheoccas {
    width      : 755px;
    height     : 105px;
    background : url(../images/recherche/fond_occas.gif) no-repeat;
}
div#rechercheoccas span {
    display     : block;
    margin-left : 220px;
    padding-top : 10px;
    font-size   : 14px;
    font-weight : bold;
    color       : #000;
}
div#rechercheoccas form select {
    left     : 20px;
    position : relative;
    top      : 20px;
}
div#rechercheoccas input.submit {
    left       : 655px;
    position   : absolute;
    top        : 135px;
    background : url(../images/recherche/btn_recherche.gif) no-repeat;
    width      : 93px;
    height     : 30px;
    border     : none;
    cursor     : pointer;
}

/*Recherche Accessoire*/
div#rechercheaccessoire {
    width      : 755px;
    height     : 105px;
    background : url(../images/recherche/fond_occas.gif) no-repeat;
}
div#rechercheaccessoire span {
    display     : block;
    margin-left : 220px;
    padding-top : 10px;
    font-size   : 14px;
    font-weight : bold;
    color       : #000;
}
div#rechercheaccessoire form select {
    left     : 20px;
    position : relative;
    top      : 20px;
}
div#rechercheaccessoire input.submit {
    left       : 655px;
    position   : absolute;
    top        : 135px;
    background : url(../images/recherche/btn_recherche.gif) no-repeat;
    width      : 93px;
    height     : 30px;
    border     : none;
    cursor     : pointer;
}


#content {
    color       : #000;
    padding     : 10px;
    background  : #FFF url(../images/fond_contenu.gif) repeat-y;
    float       : left;
    width       : 730px;
}
#content_int {
    color       : #000;
    padding     : 10px 0;
    width       : 730px;
}
div.onglet {
    height     : 24px;
    width      : 756px;
    background : url(../images/onglet.gif) no-repeat top center;
}
div.onglet span.texte {
    display      : block;
    color        : #000;
    font-size    : 14px;
    font-style   : italic;
    font-weight  : bold;
    padding-left : 25px;
    padding-top  : 5px;
}
div.fond {
    height     : 8px;
    width      : 751px;
    background : url(../images/bas_contenu.gif) no-repeat bottom center;
    float      : left;
}