/***********************************/
/*** Styles généraux toute pages ***/
/***********************************/

/*** Init ***/
.debug {
    color: blue;
    background: #99CCFF;
    font-family: monospace;
    display: block;
    margin: 10px 30px;
    padding: 0.5em;
    /*font-size:80%;*/
    }
.debug p {
    padding: 3px 0;
    }
    
body {
    text-align:center;
    color: #000;
    background: #E4EAFF;
    margin: 0;
    padding: 0px 0px;
    font-family: arial, helvetica, sans-serif;
    /*font-size: 12pt;*/
    font-size:100%;
    }

h1,h2,h3,h4,p,ul,dl {
    margin: 0;
    padding: 0;
    }

img{
    border: 0;
    }

a{ /* Liens par défaut */
    color: #000;
    }

a:hover {
    color: #ED0600;
    font-weight: bold;
    text-decoration: none;

    voice-family: "\"}\""; /*Box model hack*/
    voice-family:inherit;
    background: #ED0600;
    color:#fff;
    font-weight: normal;
    }

html>body a:hover {
    background: #ED0600;
    color:#fff;
    font-weight: normal;
    }

/*** Mise en page + fonds communs***/
#page {
    position: relative;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 770px;
    background-image: url(images/paombre.png);
    background-position: top left;
    background-repeat: repeat-y;
    }

#tete {
    position: relative;
    top: 0;
    left: 20px;
    height: 200px;
    width: 730px;
    z-index: 1;

    background: transparent url(images/patete.png) no-repeat top left;
    }

#location {
    position: relative;
    top: 0;
    left: 20px;
    height: 20px;
    width:730px;
    z-index: 1;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    }

#corps {
    position: relative;
    top: 0;
    left: 0;
    width: 564px;
    z-index: 1;
    margin-left: 185px;
    padding: 35px 0;
    border-left: 1px solid #ED0600;
    background: transparent;
    }

#navigation {
    position: absolute;
    top: 222px;
    left: 20px;
    width: 165px;
    z-index: 1;
    }

#menu {
    position: absolute;
    top: 170px;
    right: 20px;
    width: 565px;
    height: 30px;
    z-index: 1;

    background: #ccc;
    border-left: 1px solid #ED0600;
    border-top: 1px solid #ED0600;

    overflow: hidden;

    voice-family: "\"}\""; /*Box model hack*/
    voice-family:inherit;
    top: 169px;
    width: 564px;
    }

html>body #menu {
    top: 169px;
    width: 564px;
}

#pied {
    position: relative;
    top: 0;
    left: 20px;
    width: 730px;
    z-index: 1;
    border-top: 1px solid #000;
    }

/*** Le logo ***/
#logo {
    position: relative;
    top: 35px;
    left: 25px;
    }

#logo h3 {
    height: 133px;
    width: 586px;
    background: transparent url(images/palogo.gif) no-repeat top left;
    }

#logo h3 span{
    display:none;
    }

/*** localisation ***/
#location p {
    font-size: 12px;
    /*font-size: 0.75em;*/
    color: #000;
    background: transparent url(images/pahere.gif) no-repeat top left;
    width: 730px;
    height: 20px;
    }

#here {
    display: none;
    }

#locate {
    display: block;
    padding: 4px 0 0 190px;
    }

#location a {
    color: #888;
    text-decoration: none;
    padding: 0 2px;
    }

#location a:hover {
    color: #fff;
    background: #888;
    }

/*** Menu : toolbox ***/
#menu {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    /*font-size: 0.9375em;*/ /* should be 0.9375*/
    }

#menu ul{
    margin: 8px 0 0 25px;
    }

#menu li {
    display: inline;
    border-right: 1px solid #fff;
    margin:0 0.5em 0 0;
    padding:0 0.5em 0 0;
}

#menu li.last {
    border: 0;
}

#menu a{
    background-color:transparent;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    }

#menu a:hover{
    background-color: #fff;
    color: #000;
    text-decoration: none;
    }

#menu h3{
    display: none;
}

/*** Menu : navigation de contenu ***/
#accueil {
    margin-top: 35px;
}

#fabricants, #contacts, #materiel {
    margin-top: 10px;
}

#accueil h3{
    background: transparent url(images/paaccu.gif) no-repeat top left;
    width: 76px;
    height: 14px;
    }
#materiel h3{
    background: transparent url(images/pamater.gif) no-repeat top left;
    width: 88px;
    height: 14px;
    }
#fabricants h3{
    background: transparent url(images/pafabr.gif) no-repeat top left;
    width: 104px;
    height: 14px;
    }
#contacts h3{
    background: transparent url(images/pacontac.gif) no-repeat top left;
    width: 90px;
    height: 14px;
    }

#accueil h3 span, #materiel h3 span, #fabricants h3 span, #contacts h3 span {
    display: none;
    }
#accueil ul, #materiel ul, #fabricants ul, #contacts ul {
    padding-top: 4px;
    }
#accueil li, #materiel li, #fabricants li, #contacts li {
    text-transform:uppercase;
    /*font-size: 12px;
    font-size: 0.75em;*/
    font-size: 0.6875em;
    padding: 3px 0 3px 22px;
    list-style: none;
    }
#accueil li a, #materiel li a, #fabricants li a, #contacts li a {
    color: #000;
    text-decoration: none;
    }
#accueil li a:hover, #materiel li a:hover, #fabricants li a:hover, #contacts li a:hover {
    color: #fff;
    background: #888;
    text-decoration: none;
    font-weight: bold;
    padding: 3px;
    }

/*** pied de page ***/
#pied {
    text-align: center;
    background: #b8bdce;
    color: #eee;
    /*font-size: 9pt;*/
    font-size: 0.6875em;
    }

#pied a {
    color: #555;
    text-decoration: none;
    padding: 1px;
    }

#pied a:hover {
    color: #fff;
    background: #888;
    }

#copyright {
    color: #000;
    background: #eee;
    display: block;
    padding: 2px 0;
    border-bottom: 1px solid #000;
    }

#activites {
    font-size: 0.7em;
    }

#activites ul{
    color: #fff;
    padding: 3px 30px 8px 30px;
    }

#activites li {
    display: inline;
    border-right: 1px solid #000;
    margin:0 0.5em 0 0;
    padding:0 0.5em 0 0;
}

#activites li.last {
    border: 0;
}

#recommendation {
    padding-top: 3px;
    }

#validation {
    padding-top: 3px;
    }

#pied h4{
    padding-top: 7px;
    font-size: 1.18em;
    }

#auteur {
    padding-bottom: 8px;
    }

#auteur a{
    font-weight: bold;
    }

/*****************************/
/* Spécifique page d'accueil */
/*****************************/

#fondacc { /* image fond de page */
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 0;
    }

#fondacc span{
    display: block;
    background: transparent url(images/acfond.png) no-repeat bottom right;
    width: 730px;
    height: 900px;
    }

#acc_titre { /* titrage de la page */
    background: transparent url(images/actitre.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    }

#acc_titre span {
    display: none;
    }

#acc_accroche { /*image page d'accueil*/
    border: 1px solid #ED0600;
    margin: 35px 30px;
    }

#acc_baseline { /*Baseline*/
    background: transparent url(images/acbaseli.gif) no-repeat top left;
    width: 497px;
    height: 71px;
    margin: 0 30px;
    }

#acc_baseline span{
    display: none;
    }

/*** Les News ***/

#news { /* bloc news */
    margin-top: 35px;
    }

#news_titre { /* Titre annonce news */
    display: block;
    color: #fff;
    background: #ED0600 url(images/acnewst.gif) no-repeat top left;
    height: 17px;
    }

#news_titre span {
    display: none;
}

#news p.news_intro {/* Annonce news */
    display: block;
    border-bottom: 1px solid #ED0600;
    background: #fff;
    /*font-size: 14px;*/
    font-size: 0.875em;
    padding: 0.25em 30px;
}

#news h2 { /* titrage des news */
    margin-top: 15px;
    background: transparent url(images/pucenews.gif) no-repeat top left;
    /*font-size: 15px;*/
    font-size: 0.9375em;
    font-weight: bold;
    padding: 0 30px 0 15px;
    }

#news h2:first-letter{
    color:#ED0600;
    font-size: 1.2em;
    font-weight: bold;
    }

#news h4 { /* date des news */
    /*font-size: 12px;*/
    font-size: 0.75em;
    font-weight: normal;
    color: #888;
    padding: 2px 30px;
}

#news p{ /* contenu des news */
    /*font-size: 12px;*/
    font-size:0.75em;
    padding: 0 30px;
}

#news a {
    color: #000;
    font-weight: bold;
    }

#news a:hover {
    color: #ED0600;
    text-decoration: none;

    voice-family: "\"}\""; /*Box model hack*/
    voice-family:inherit;
    background: #ED0600;
    color:#fff;
    }

html>body #news a:hover {
    background: #ED0600;
    color:#fff;
    }

/***********************************/
/* Spécifique page Série Privilège */
/***********************************/

#privifond { /* image fond de page */
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 0;
    }

#privifond span{
    display: block;
    background: transparent url(images/prfond.png) no-repeat bottom right;
    width: 730px;
    height: 931px;

    }

#privititre { /* titrage de la page */
    background: transparent url(images/prtitre.gif) no-repeat top left;
    width: 564px;
    height: 95px;
    margin-bottom: 15px;
    }

#privititre span {
    display: none;
    }

#privifichestitre { /* titrage de la page des listes et fiches avec rubriquage */
    background: transparent url(images/prtitre.gif) no-repeat top left;
    width: 564px;
    height: 95px;
    margin-bottom: 15px;
}

#privifichestitre h1 {
    font-size: 20px;
    font-weight: bold;
    padding: 43px 0 10px 210px;
}

#privifichestitre h1 span{
    display: none;
}


/**************************/
/* Spécifique page GUIDES */
/**************************/

#guidfond { /* image fond de page */
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 0;
    }

#guidfond span{
    display: block;
    background: transparent url(images/acfond.png) no-repeat bottom right; /*non défini*/
    width: 730px;
    height: 662px;
    }

#guidtitre { /* titrage de la page */
    background: transparent url(images/guidtitre.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    margin-bottom: 15px;
    }

#guidtitre span {
    display: none;
    }

/**************************************/
/* Spécifique page PROMOTIONS MARQUES */
/**************************************/

#promofond { /* image fond de page */
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 0;
    }

#promofond span{
    display: block;
    background: transparent url(images/acfond.png) no-repeat bottom right; /*non défini*/
    width: 730px;
    height: 662px;
    }

#promotitre { /* titrage de la page */
    background: transparent url(images/promotitre.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    margin-bottom: 15px;
    }

#promotitre span {
    display: none;
    }

/********************************/
/* Spécifique page PIECES & ACC */
/********************************/

#paccfond { /* image fond de page */
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 0;
    }

#paccfond span{
    display: block;
    background: transparent url(images/acfond.png) no-repeat bottom right; /*non défini*/
    width: 730px;
    height: 662px;
    }

#pacctitre { /* titrage de la page */
    background: transparent url(images/pacctitre.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    margin-bottom: 15px;
    }

#pacctitre span {
    display: none;
    }

#piecesfichestitre { /* titrage de la page des fiches avec rubriquage */
    background: transparent url(images/pacctitre.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    margin-bottom: 15px;
}

#piecesfichestitre h1 {
    font-size: 20px;
    font-weight: bold;
    padding: 52px 0 10px 348px;
}

#piecesfichestitre h1 span{
    display: none;
}
/*****************************/
/* Spécifique page OCCASIONS */
/*****************************/

#occafond { /* image fond de page */
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 0;
    }

#occafond span{
    display: block;
    background: transparent url(images/acfond.png) no-repeat bottom right; /*ocfond.png non défini*/
    width: 730px;
    height: 662px;
    }

#occatitre { /* titrage de la page */
    background: transparent url(images/occatitre.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    margin-bottom: 15px;
    }

#occatitre span {
    display: none;
    }

#occafichestitre { /* titrage de la page des fiches avec rubriquage */
    background: transparent url(images/occatitre.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    margin-bottom: 15px;
}

#occafichestitre h1{
    font-size: 20px;
    font-weight: bold;
    padding: 52px 0 10px 206px;
}

#occafichestitre h1 span{
    display: none;
}

/*********************
*
* CLASSES GLOBALES
*
*********************/

/* Les liens par défaut : cf. init */

/* Le texte intro */
.intro p{
    padding: 10px 30px;
    }

.intro p:first-letter{
    color:#ED0600;
    font-size: 1.2em;
    font-weight: bold;
    }

/* Choix utilisateur (rubriquage)*/
.choix{/* Bloc choix */
    margin: 35px 0;
    background: #fff;
    border-bottom: 1px solid #ED0600;
    /*font-size: 14px;*/
    font-size: 0.875em;
    }

#choix_titre{ /* Titre bloc choix */
    display: block;
    color: #fff;
    background: #ED0600 url(images/prchoixt.gif) no-repeat top left;
    height: 17px;
    }

#choix_titre span {
    display: none;
    }

.listechoix{ /* Liste des rubriques */
    float: left;
    list-style-position: inside;
    padding: 5px 0 5px 25px;
    margin: 0 2px;
    }

.listechoix a{
    text-decoration:none;
    color: #000;
    }

.listechoix a:hover{
    color: #fff;
    background: #ED0600;
    }

.choix hr {
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

 /* Les Fiches */
.fiche {
    background: #fff;
    border: 1px #888 solid;
    margin: 15px 30px;
    }

.fiche dt, .fiche dd {
    margin: 0;
    }

.fiche h2{
    color: #ED0600;
    padding: 15px 15px 8px 15px;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    }

.fiche .soustitre {
    padding: 0 15px 2px 15px;
    font-size: 1em;
    font-weight: bold;
    }

.fiche .modele {
    padding: 2px 15px 2px 15px;
    font-size: 0.8em;
    font-weight: bold;
    background: #ddd;
    }

.fiche .visuel {
    padding: 15px 0 8px 0;
    text-align: center;
    }

.fiche .visuel img{
    border: 1px solid #888;
    }

.fiche .descriptif {
    padding: 0 15px 10px 15px;
    font-size: 0.75em;
    }

.fiche .reference{
    font-size: 0.75em;
    font-weight: bold;
    padding: 0.8em 0 0.45em 1em;
    /*padding-left: 1em;*/
    background: #ddd;
    float: left;
    }

.fiche .prix {
    font-weight: bold;
    font-size: 1em;
    padding: 0.5em 1em 0.5em 0;
    /*padding-right: 1em;*/
    background: #ddd;
    text-align: right;
    color: #ED0600;
    }

.fiche .comment {
    color: #ED0600;
    padding: 0.2em 0;
    text-align: center;
    font-size: 0.75em;
    clear: both;
    }

/* les listes de fiches et de catalogues*/
#liste {
    border: 1px solid #666666;
    margin: 15px 30px;
    background: #fff;
    }

#liste th {
    background: #eee;
    font-size: 0.7em;
    text-align: center;
    border-left: 1px solid #D9D9D9;
    }

#liste td {
    font-size: 0.75em;
    padding: 3px 8px;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    text-align: center;
    }

#liste .prix {
    font-weight: bold;
    }

#liste .libelle:first-letter {
    text-transform: uppercase;
    }
    
/*Bug dans ie6
#liste .libelle a:first-letter {
    text-transform: uppercase;
    }*/

#liste h2 {
    font-size: 1em;
    font-weight: normal;
    }

/* Navigation des fiches et catalogues: suivant précédent */
.navfiche {
    color: #fff;
    font-weight: bold;
    background: #ddd;
    text-align: center;
    font-size: 0.75em;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    }

.navfiche li {
    display: inline;
    padding:0 1.5em;
    border-left: 1px solid #fff;
    }

.navfiche a{
    text-decoration: none;
    color: #888;
    font-weight: bold;
    }

.navfiche a:hover{
    font-weight: bold;
    }

.navfiche li.last {
    border-right: 1px solid #fff;
}

/*** a la fin**/

/* liens sur icone pdf des guides et des vignettes sur les listes*/
.lien:hover {
    background-color: transparent;
    }

.note {
    margin: 10px 30px;
    font-size: .75em;
    }


#switcher {
    color:#000;
    font-size: 0.75em;
    position: absolute;
    text-align: center;
    right: 20px;
    top:0 ;
    background: #fff;
    border: 1px solid #ED0600;
    margin: 3px;
    padding: 3px;
    z-index: 1;
    }

#switcher select{
    display: block;
    }