/*******************************************************************

    CSS CAP'ALLIANCE
    (c)-2004 - Cap'Alliance
    Auteur : A. Templier - Seduwa
    
    sceen.css : affichage navigateur

*******************************************************************/


/*-------------------------------------------------------------------

    STYLES COMMUNS (structure & menus)
    
--------------------------------------------------------------------*/

/*** Init ***/

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: 150px;
    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;
    background: #fff;
    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: 197px;
    left: 20px;
    width: 165px;
    z-index: 1;
}

#menu {
    position: absolute;
    top: 130px;
    right: 20px;
    width: 565px;
    height: 20px;
    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: 129px;
    width: 564px;
}

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

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

/*** 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: 1px 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 ***/
.rubnavig {
    margin-top: 10px;
}

.rubnavig ul {
    padding-top: 4px;
}

.rubnavig li {
    text-transform:uppercase;
    font-size: 0.6875em;
    padding: 3px 0 3px 22px;
    list-style: none;
}

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

.rubnavig li a:hover{
    color: #fff;
    background: #888;
    text-decoration: none;
}

.rubnavig h3{
    background: transparent url(images/pucemenu.gif) no-repeat top left;
    font-weight: bold;
    font-size: 0.9em;
    text-transform:uppercase;
    padding: 0 0 0 22px;
}

        
/*** 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/titaccu.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    padding:0;
}

#acc_titre span {
    display: none;
}

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

#acc_baseline { /*Baseline*/
    font-weight: bold;
    font-size: 1em;
    text-transform:uppercase;
    margin: 15px 30px 0 30px;
}


/*-------------------------------------------------------------------

    Spécifique page SERIES PRIVILEGES
    
--------------------------------------------------------------------*/

#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/titprivi.gif) no-repeat top left;
    width: 564px;
    height: 95px;
    margin-bottom: 15px;
    padding:0;
}

#privititre span {
    display: none;
}
    

/*-------------------------------------------------------------------

    Spécifique page CATALOGUE MATERIEL AGRICOLE
    
--------------------------------------------------------------------*/

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

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

}

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

#mattitre span {
    display: none;
}


/*-------------------------------------------------------------------

    Spécifique page PROMOTION MATERIEL AGRICOLE
    
--------------------------------------------------------------------*/ 

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

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

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

#guidtitre span {
    display: none;
}

.guide {
    /*background: #fff;*/
    background: transparent url(images/trameb.gif) repeat;
    border: 1px #888 solid;
    margin: 15px 30px;
}

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

.guide dt{
    background-image: none;
    color: #ED0600;
    padding: 15px 15px 8px 15px;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

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

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

.guide .soustitre {
    padding: 2px 15px;
    margin-bottom: 5px;
    background: #ddd;
    font-size: 0.8em;
    font-weight: bold;
}


.guide .description {
    text-align: left;
    padding: 0px 15px 15px 15px;
    /*margin-bottom: 15px;*/
    font-size: 0.75em;
}

.guide .fichier {
    text-align: center;
        font-size: 0.75em;
}


/*-------------------------------------------------------------------

    Spécifique page OCCASIONS
    
--------------------------------------------------------------------*/ 

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

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

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

#occatitre span {
    display: none;
}


/* Critères de sélection */
.selection {
    border-bottom: 1px solid #888;
    font-size: .75em;
    background: #ddd;
}

.seltitre{
    display: block;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    color:#888;
    background:#fff; 
    /*padding: 2px;*/
    padding-left: 30px;
    font-size: .8em;
    
}

.selection fieldset, .selection form{
    border:0;
    margin:0;
    padding: 3px 0 3px 15px;
 
}

.selection label
{
    display: inline;
    float: left;
    width: 80px;
}

.selection select, .selection input
{
    font-size: .8em;
    vertical-align: middle;    
}
/* demande de renseignement */
form.demande fieldset
{
    /* padding: 0 1em 1em 1em;*/
    padding: 1em;
    margin: 30px;
}

form.demande input, form.demande select
{
    font-size: .9em;
    vertical-align: middle;
}

.but 
{
    margin-top: 15px;
}

form.demande legend 
{
    font-weight: bold;
    margin-bottom: 10px;
    /*color: #ED0600;*/
}
  
form.demande label
{
    display: inline;
    float: left;
    width: 95px;
}
  
/* bouton: ce matériel m'intéresse */  
.interesse 
{
    text-align: center;        
} 
                       
.interesse input
{
    font-size: .8em;
    font-weight: bold;
    margin-bottom: 10px;
}          

/*Commentaires dans les formulaires (demande et selection))*/
.comm {
    font-weight:bold;
    margin: 5px 0;
    font-size:1em;
}

/*-------------------------------------------------------------------

    Spécifique page CATALOGUE PIECES & ACCS
    
--------------------------------------------------------------------*/ 

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

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

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

#pacctitre span {
    display: none;
}


/*-------------------------------------------------------------------

    Spécifique page PROMOTIONS PIECES & ACCS
    
--------------------------------------------------------------------*/ 

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

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

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

#promopiece_titre span {
    display: none;
}


/*-------------------------------------------------------------------

    Spécifique page CONSTRUCTEURS MATERIELS
    
--------------------------------------------------------------------*/ 

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

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

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

#construc_titre span {
    display: none;
}


/*-------------------------------------------------------------------

    Spécifique page FABRICANTS PIECES & ACCS
    
--------------------------------------------------------------------*/      

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

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

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

#fab_titre span {
    display: none;
}    


/*-------------------------------------------------------------------

    Spécifique page RESEAU CONCESSIONNAIRES
    
--------------------------------------------------------------------*/ 
       
#rezo_fond { /* image fond de page */
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 0;
}

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

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

#rezo_titre span {
    display: none;
}
    
#carte {
    margin-left: 45px;
}

.choisi .num { /* affichage numéro département choisi */
    color: #ED0600;
    font-weight: bold;
}
  
/*Les fiches concessionnaires*/    
.concess {
    background: transparent url(images/trameb.gif) repeat;
    border: 1px #888 solid;
    margin: 15px 30px;
}

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

.concess .desc {
    font-weight:bold;
    font-size: .8em;
    text-align:right;
}

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

.concess .responsable {
    padding: 2px 15px 2px 15px;
    font-size: 0.9em;
    font-weight: bold;
    background: #ddd;
}

.concess .contacts {
    padding: 10px 60px;
}


/*-------------------------------------------------------------------

    Spécifique page COORDONNEES
    
--------------------------------------------------------------------*/

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

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

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

#coord_titre span {
    display: none;
}

#coord h2 {
    margin-top: 15px;
    background: transparent url(images/pucenews.gif) no-repeat top left;
    font-size: 1em;
    font-weight: bold;
    padding: 0 30px 0 15px;
    color: #ED0600;
    text-transform: uppercase;    
}

#coord dl, #coord form {
    margin:15px 30px;
}

#coord dt, #coord dd {
    margin: 0;
}


#coord .desc {
    font-weight:bold;
    font-size: .8em;
    text-align:right;
    vertical-align:top;
}

#coord .desc_centre {
    font-weight:bold;
    font-size: .8em;
    text-align:right;
    vertical-align:middle;
}

#coord .raison {
    font-weight:bold;
    font-size: 0.9em;
    margin: 10px 0;
}

.formu input {
    font-size: 0.8em;
    font-weight: bold;
}


/*-------------------------------------------------------------------

    Spécifique page CHARTE et INFOS LEGALES
    
--------------------------------------------------------------------*/ 

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

#legal_titre { /* titrage de la page */
    background: transparent url(images/titlegal.gif) no-repeat top left;
    width: 564px;
    height: 92px;
    margin-bottom: 15px;
    padding:0;
}    
    
#legal_titre span {
    display: none;
}
        
#fondlegal { /* image fond commun au deux pages */
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 0;
}

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


/*-------------------------------------------------------------------

    Spécifique page PLAN
    
--------------------------------------------------------------------*/ 
  
#plan_fond { /* image fond de page */
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 0;
}

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

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

#plan_titre span {
    display: none;
}


/*-------------------------------------------------------------------

    Spécifique page LIENS
    
--------------------------------------------------------------------*/     

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

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

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

#liens_titre span {
    display: none;
}


/*-------------------------------------------------------------------

    CLASSES GLOBALES CONTENU
    
--------------------------------------------------------------------*/ 

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

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

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

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

.choix_titre{ /* Titre bloc choix (idem #news_titre) */
    display: block;
    color: #fff;
    background: #ED0600;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 0 2px 30px;
    margin-top: 35px;
}
    
.choix_txt {
    font-size: 0.875em;
    padding: 0.25em 30px;
}

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

.choix input {
    font-size:.9em; 
}

.choisi { /* Affichage du choix de l'utilisateur */
    display:block;
    background: transparent url(images/pucenews.gif) no-repeat top left;   
    margin: 15px 0;
    padding: 0 0 0 30px;
    font-size:0.9em;
}

 /* Les Fiches */
.fiche {
    background: transparent url(images/trameb.gif) repeat;
    border: 1px #888 solid;
    margin: 15px 30px;
}

.fiche dt, .fiche dd {
    margin: 0;
    background-image: none;
}

.fiche .titre{
    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 .spec {
    padding: 0 15px 2px 15px;
    font-size: .9em;
}

.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;
            background: #ddd;
            float: left;
            }

.fiche .prix {
            font-weight: bold;
            font-size: 1em;
            padding: 0.5em 1em 0.5em 0;
            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 et de concessionnaires*/
#liste {
    border: 1px solid #666666;
    margin: 15px 30px;
    /*background: #fff;*/
    background: transparent url(images/trameb.gif) repeat;
}

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

 #liste .code {/*Code postal concessionnaire*/
    font-weight: bold;
}
 
/*Bug dans ie6
#liste .libelle a:first-letter {
    text-transform: uppercase;
}*/

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

/* Navigation des fiches, catalogues et concessionnaires : 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;
}



/* liens sur icone pdf des guides et des vignettes sur les listes*/
.lien:hover {
    background-color: transparent;
}
    
/*Textes charte service et infos légales*/
.legal {
    font-size: 0.9em;
}

.legal p {
    padding: 5px 30px;
}
    
.legal h2 {
    margin-top: 15px;
    color: #ED0600;
    background: transparent url(images/pucenews.gif) no-repeat top left;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 30px 0 15px;     
}

.legal h3 {
    font-size: 1em;
    font-weight: bold;
    color: #ED0600;
    padding: 5px 30px;   
}        
.legal ul, .legal dl {
    padding: 5px 30px;
}
    
.legal li {
    list-style-position: inside;
}

#comp { /* Occasions : comparaison de fiche */
    margin-left: 40px;
}

#comp input {
    font-size: .8em;
    font-weight: bold;
}

   
/*------------------------------------------------------------------

    BACK-OFFICE

------------------------------------------------------------------*/

h1 { /* Titre page */
    display: block;
    color: #FFF;
    background: #ED0600;
    text-transform:uppercase;
    font-size:1.4em;
    font-weight: bolder;
    padding: 10px 0 10px 30px; 
}

/* Titre rubriques */
h2 { 
    margin: 30px 0 0 0;
    background: transparent url(images/pucenews.gif) no-repeat top left;
    font-size: 1em;
    font-weight: bold;
    padding: 0 30px 0 15px;
    color: #ED0600;
    text-transform: uppercase;    
}

/* les dl (definition liste) */
dd {
    margin: 0 30px;
}
 
dt { /* titrage */
    background: transparent url(images/pucepetite.gif) no-repeat top left;
    padding: 0 0 0 15px;
    margin: 30px 0 0 30px;
    font-size: 0.9em;
    font-weight: bold;
    /*margin: 30px 0 5px 0;
    padding: 0 30px;*/
}
    
.ddescriptif {
    margin-top: 5px;
    padding: 5px 15px;
    font-size: 0.9em;
    border: 1px solid #888;
}
        
.ddlien  {
    background: transparent url(images/pucelien.gif) no-repeat top left;
    font-weight: bold;
    font-size: 0.8em;
    padding-left: 8px;
    margin: 5px 0 0 45px;  
}

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


/*  globale  */

.date { /* date des news */
    font-size: 0.75em;
    font-weight: normal;
    color: #888;
    /*padding-left: 15px;*/
}

.note {
    padding: 5px 15px; 
    font-size: .75em;
}



/*------------------------------------------------------------------
 
    Éléments divers supplémentaires
     
------------------------------------------------------------------*/ 
 
/* Sélecteur de styles actif 
#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;
}

/* Sélecteur de styles inactif */    
#switcher {
    display:none;
}

/*unable : rubriques de menu desactivees pour la démo. Ne devrait plus exister sur la version de prod */
.unable {
    color:#bbb;
}

/*debug : Disparition d'éléments. Ne devrait plus exister sur la version de prod */
.debug {
    display: none;
}

.entreprise_small{
	font-size: 10px;
}