/* 
    Document   : style
    Created on : 19 févr. 2013, 05:44:36
    Author     : Ouahidi Younes
    Description:
        Purpose of the stylesheet follows.
*/

@font-face {
    font-family: "vwfont-black";
    src: url(../fonts/vwheadlineot-black.ttf);
}

@font-face {
    font-family: "vwfont-book";
    src: url(../fonts/vwheadlineot-book.ttf);
}

@font-face {
    font-family: "vwfont-semibold";
    src: url(../fonts/vwheadlineot-semibold.ttf);
}

.design-btn .img-gallerie-class,.function-btn .img-gallerie-class,.securite-btn .img-gallerie-class,.system-btn .img-gallerie-class:hover{
    cursor: pointer;
}

root { 
    display: block;
}

.btn-details:hover{
    cursor: pointer;
}

h1,h2,h3,h4,h5,h6,p{
    margin: 0;
    padding: 0;
}

a img{
    border: none;
}

body{
    margin:0;
    padding: 0;
    font-family: vwfont-book,arial;
    font-size: 12px;
}
#page_conteneur{
    width: 962px;
}

#page_conteneur #menu_haut{
    width: 962px;
    float: left;
    font-size: 10px;
    color: #8994a0;
    margin-top: 20px;
}

#page_conteneur #menu_haut a{
    font-size: 11px;
    color: #8994a0;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    font-family: vwfont-book;
}

#page_conteneur #logo_menunavigation{
    width: 962px;
    float: left;
}

#page_conteneur #menunavigation{
    float: left;
}

#page_conteneur #logo_menunavigation #fb_btn{
    float: right;
    margin-right: 8px;
    margin-top: 38px;
}

#page_conteneur #contenu-slider{
    height: 486px;    
    width: 960px;
    float: left;
    /*background: url(../images/big-slider-img.jpg) top center no-repeat;*/
    background: url(../images/ban-accueil/pic-1.jpg) top center no-repeat;
}

/*----------------menu medele-----------------*/
.menu_modele{
    width: 960px;
    float: left;
    color: #cdd7db;
    margin-top: 2px;
    margin-left: 16px;
    text-align: left;
}

.menu_modele a{
    font-size: 12px;
    color: #33434c;
    text-decoration: none;
    padding-left: 12px;
    padding-right: 12px;
    font-family: vwfont-book;
}

.menu_modele a .modele-title b{
    color: #111111;
    font-size: 15px;
    font-family: vwfont-semibold;
}

.menu_modele a .selected-item{
    color: #317db2;
    font-size: 12px;
    font-family: vwfont-semibold;
}

/*-----------------img gallerie class ----------*/

.img-gallerie-class{
    float: left;
    padding: 3px;
    background: #fff;
    box-shadow: 2px 3px 2px #000;
}

.img-gallerie-class:hover{
    float: left;
    padding: 3px;
    background: #fff;
    box-shadow: 2px 3px 2px #000;
    cursor: pointer;
}

#s-btn-next,#s-btn-back,#big-btn-back,#big-btn-next:hover{
    cursor: pointer;
}



/*------------FOOTER-----------*/

#page_conteneur #menu_footer{
    width: 962px;
    float: left;
    font-size: 10px;
    color: #8994a0;
    margin-top: 10px;
}

#page_conteneur #menu_footer a{
    font-size: 10px;
    color: #8994a0;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    font-family: vwfont-book;
}





.menu-left a{
    float: left;
    width: 210px;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    text-decoration: none;
    text-align: left;
    font-family: vwfont-book;
    font-size: 12px;
    color: #41555F;
    border-bottom: 1px solid #41555F;
}

.menu-left a:hover{
    float: left;
    width: 210px;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    text-decoration: none;
    font-family: vwfont-book;
    font-size: 12px;
    color: #41555F;
    border-bottom: 1px solid #41555F;
    cursor: pointer;
}

.garantie-block-right{
    height: 350px
}

#btn-modeles,#btn-right:hover{
    cursor: pointer;
}


.btn-map-carte{
    float: left;
    position: absolute;
    width: 28px;
    height: 28px;
}
.btn-map-carte:hover{
    cursor: pointer;
}

.block-map-carte{
    float: left;
    display: none
}


.block-block-title,.function-block-block-title,.securite-block-block-title,.system-block-block-title:hover{
    cursor: pointer;
}

.btn-details-block-one,.btn-details-block-two,.btn-details-block-tree:hover{
    cursor: pointer;
}

.finition-details-block-one,.finition-details-block-two,.finition-details-block-tree{
    text-align: left;
}

.block-block,.function-block-block,.securite-block-block,.system-block-block{
    z-index: 14 !important;
}