/* CSS www.agencement-hotellerie.com Tous droits de mise en page decrits dans cette page sont la propriete de CID SILICIUM www.cidsilicium.com Creation Internet Developpement */
 
body {
     margin: 0;
     padding: 0;
     text-align: center;
     border-top: 3px solid rgb(108,108,108);
     background: rgb(255,255,255) url("images/bg_body.png") repeat-x 0 3px;
}
* {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a img {
     border: none;
}
a{
    color: rgb(166,104,13);
}
a:hover{
    background: rgb(245,236,215);
    color: rgb(50,50,50);
}

/**                                                                  CANEVAS **/

div#contain {
     margin: 0 auto;
     padding: 0;
     width: 774px;
     font-size: 0.7em;
     text-align: left;
     background: url("images/bg_contain.png") repeat-y 50% 0;/*rgb(222,184,92)*/
}
div#header {
     margin: 0;
     padding: 0;
     width: 774px;
     height: 87px;
     background: rgb(70,143,52) url("images/bg_header.png") no-repeat 50% 0;
     clear: both;
     color: rgb(255,255,255);
}
div#gauche {
     margin: 0;
     /*padding: 10px 0 0 0;*/
     padding: 0;
     position: relative;
     left: 7px;
     width: 150px;
     background: url("images/bg_colonnes.png") repeat-x 0 0;
     /*border-top: 1px solid rgb(255,255,255);*/
     float: left;
}
div#centre {
     margin: 0;
     padding: 5px;
     width: 470px;
     position: relative;
     left: 7px;
     float: left;
}
div#droite {
     margin: 0;
     padding: 0;
     width: 130px;
     position: relative;
     left: 7px;
     background: url("images/bg_colonnes.png") repeat-x 0 0;
     float: left;
     /*border-top: 1px solid rgb(255,255,255);*/
}
div#footer {
     margin: 0;
     padding: 10px;
     color: rgb(0,0,0);
     background: url("images/bg_footer.png") no-repeat 50% 0;
     clear: both; 
     text-align: center;
     font-size: 0.8em;
}



/**                                                          HEADER NAVIGATION**/

#header h1{
     margin: 0;
     padding: 0;
     font-weight: normal;
     font-size: 1em;
}
span#accroche{
     display: block;
     padding: 40px 5px 0 65px;
     height: 16px;
     text-align: left;
}

#navigation,
#navigation ul { /* toutes les listes */
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 1;
}

#navigation a {
     display: block;
     width: 157px;
}

#navigation li { /* tous les items de liste */
     float: left;
     width: 157px; /* largeur obligatoire, sinon opera devient fou */
}
li#nav0,
li#nav1 a.level1,
li#nav2 a.level1,
li#nav3 a.level1{
     height: 26px;
     color: rgb(255,255,255);
     text-decoration: none;
}
li#nav0{
     padding: 10px 12px 0 10px;
     width: 140px;
     height: 16px;
}
li#nav0 a{
     width: 140px;
     height: 16px;
     color: rgb(255,255,255);
}
li#nav0 a:hover{
     width: 140px;
     height: 16px;
     color: rgb(255,255,255);
     background: none;
}
li#nav1 a.level1{
     background: url("images/nav1.png") no-repeat 50% 50%;
}
li#nav2 a.level1{
     background: url("images/nav2.png") no-repeat 50% 50%;
}
li#nav3 a.level1{
     background: url("images/nav3.png") no-repeat 50% 50%;
}
#navigation li ul { /* listes de deuxiýme niveau */
     position: absolute;
     width: 157px;
     padding: 0;
     left: -999em; /* on met left plutýt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ýcran */
     z-index: 10;
     background: rgb(222,184,92) url("images/bg_colonnes.png") repeat-x 0 0;
     border-bottom: 5px solid rgb(108,108,108);
}

#navigation li:hover ul,
#navigation li.sfhover ul { /* listes imbriquýes sous les items de listes survolýs */
     left: auto;
}
#navigation li ul a{
     color: rgb(255,255,255);
     display: block;
     width: 147px;
     text-decoration: none;
     padding: 3px 5px;
     border-top: 1px solid rgb(166,104,13);
     border-bottom: 1px solid rgb(239,219,173);
     background-color: rgb(221,181,89);
}
#navigation li ul a:hover {
     color: rgb(166,104,13);
     background-color: rgb(239,219,173);
}

div#header a.RepereFournisseur,
div#header a.RepereUtilisateur{
     height: 36px;
}
div#header a.RepereFournisseur span,
div#header a.RepereUtilisateur span{
     visibility: hidden;
}
div#header a.RepereFournisseur{
     background: url("images/RepereFournisseur.gif") no-repeat 0 3px;
}
div#header a.RepereUtilisateur{
     background: url("images/RepereUtilisateur.gif") no-repeat 0 3px;
}

/**                                                         NAVIGATION GAUCHE **/

#gaucheThematique{
     background: url("images/titre_col_thematique.png") no-repeat 50% 0;
     height: 33px;
     width: 135px;
     margin: 0 auto;
     padding: 0;
}
#gaucheThematique span{
     visibility: hidden;
     color: rgb(255,255,255);
     font-size: 0.5em;
     line-height: 0.5em;
}
#gauche ul.rubriques {
     list-style: none;
     padding: 0;
     margin: 0;
}
#gauche ul.rubriques li a {
     color: rgb(255,255,255);
     background-color: rgb(221,181,89);
     display: block;
     width: 135px;
     text-decoration: none;
     font-size: 0.85em;
     padding: 3px 5px 3px 10px;
     border-top: 1px solid rgb(166,104,13);
     border-bottom: 1px solid rgb(239,219,173);
}
#gauche ul.rubriques li a:hover {
     color: rgb(166,104,13);
      background: rgb(238,208,139);
}
#gauche ul.rubriques li.current a,
#gauche ul.rubriques li.current a:hover {
      font-weight: bold;
      color: rgb(166,104,13);
      background: rgb(255,255,255);
}


/**                                                           COLONNE DROITE **/

div#droite{
      color: rgb(255,255,255);
}

div#adherent{
    position: relative;
}
div#adherent a:hover,
div#adherent a.RepereFournisseur:hover,
div#adherent a.RepereUtilisateur:hover{
     background-color: rgb(239,219,173);
     color: rgb(166,104,13);
}
div#adherent a{
     color: rgb(166,104,13);
     background-color: rgb(238,208,139);
     display: block;
     text-decoration: none;
     font-size: 0.8em;
     padding: 3px 5px;
     border-top: 1px solid rgb(166,104,13);
     border-bottom: 1px solid rgb(245,236,215);
}
div#adherent a.RepereFournisseur,
div#adherent a.RepereUtilisateur{
    height: 36px;
}
div#adherent a.RepereFournisseur span,
div#adherent a.RepereUtilisateur span{
    visibility: hidden;
}
div#adherent a.RepereFournisseur{
     background: rgb(238,208,139) url("images/RepereFournisseur.gif") no-repeat -10px 0;
}
div#adherent a.RepereUtilisateur{
     background: rgb(238,208,139) url("images/RepereUtilisateur.gif") no-repeat -10px 0;
}
div#adherent a.RepereDeconnexion{
     background: rgb(238,208,139) url("images/RepereDeconnexion.gif") no-repeat 95% 2px;
}


/**                                       Formulaire de recherche **/
form#recherche{
      margin: 3px 0;
      padding: 35px 0 10px 0;
      text-align: center;
      background: url("images/bg_form_rech.gif") no-repeat 50% 0;
}
form#recherche p{
      margin: 0;
      padding: 0;
}
form#recherche input.text{
      width: 112px;
      border: 1px solid rgb(239,219,173);
      padding: 1px;
      margin-bottom: 5px;
}
form#recherche input.submit{
      width: 114px;
      height: 16px;
      background: url("images/rechercher.png") no-repeat 50% 50%;
      border: none;
}

/**                                       Autres liens **/
div#liens{
     padding-top: 10px;
}
/*div#liens a{
     color: rgb(255,255,255);
     background-color: rgb(221,181,89);
     display: block;
     width: 120px;
     text-decoration: none;
     font-size: 0.8em;
     padding: 3px 5px;
     border-top: 1px solid rgb(166,104,13);
     border-bottom: 1px solid rgb(245,236,215);
}*/
div#liens a{
     color: rgb(255,255,255);
     display: block;
     width: 120px;
     text-decoration: none;
     font-size: 0.8em;
     padding: 6px 5px;
     margin: 2px 0;
     background: url("images/bg_boColonne.png") no-repeat 50% 50%;
     text-align: center;
}
div#liens a:hover{
     text-decoration: underline;
}
div#liens a.insc_fourn:hover{
    background: rgb(239,219,173) url("images/RepereInscFourn.gif") no-repeat -5px 0;
    text-decoration: none;
}
div#liens a.insc_fourn{
     font-weight: bold;
     /*background: rgb(238,208,139);*/
     width: 127px;
     height: 36px;
     background: rgb(238,208,139) url("images/RepereInscFourn.gif") no-repeat -5px 0;
     padding: 3px 1px 3px 2px;
     border-top: 1px solid rgb(239,236,215);
     margin-bottom: 10px;
}
div#liens a.insc_fourn span,
div#liens a.insc_fourn:hover span{
    visibility: hidden;
    text-decoration: none;
}




div#liens a.test:hover{
    background: rgb(239,219,173) url("images/RepereInscFourn.gif") no-repeat -5px 0;
    text-decoration: none;
}
div#liens a.test{
     font-weight: bold;
     /*background: rgb(238,208,139);*/
     width: 127px;
     height: 36px;
     background: rgb(238,208,139) url("images/RepereInscFourn.gif") no-repeat -5px 0;
     padding: 3px 1px 3px 2px;
     border-top: 1px solid rgb(239,236,215);
     margin-bottom: 10px;
}
div#liens a.test span,
div#liens a.test:hover span{
    visibility: hidden;
    text-decoration: none;
}




div#autresvitrines{
    padding: 35px 5px 5px 5px;
    margin: 5px 2px;
    text-align: left;
    background: #fff url("images/bg_autresvitrines.png") no-repeat 50% 0;
    position: relative;
    color: #000;
}
div#autresvitrines a img{
     border: 1px solid #fff;
     margin: 0;
}
div#autresvitrines a:hover img{
     border: 1px solid rgb(239,219,173);
}


/**                                                                   FOOTER **/

div#footer a{
    color: rgb(108,108,108);
}
div#footer a:hover{
    color: rgb(0,0,0);
    background: none;
}




/** CENTRE **/

#centre h1{
    font-size: 2em;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: center;
    font-style: italic;
    color: rgb(166,104,13);
    background: rgb(245,236,215);
    border-bottom: 1px solid rgb(166,104,13);
}
#centre h2{
    font-size: 1.3em;
    font-style: italic;
    background: rgb(245,236,215);
}
/*                                                                      INDEX */

div#IndexEdito {
   background: url("images/bg_edito.png") no-repeat 50% 50%;
   width: 332px;
   height: 102px;
   color: rgb(0,0,0);
   font-size: 1em;
   border: none;
   padding: 30px 20px 20px 110px;
   text-align: left;
   font-weight: bold;
}
div#IndexEdito p{
   font-style: normal;
   font-weight: normal;
}
div#minivitrine{
    width: 396px;
    height: 130px;
    padding: 5px 20px 5px 50px;
    background: rgb(240,240,240) url("images/bg_minivitrine.gif") no-repeat -28px 50%;
}
div#minivitrine h1,
div#minivitrine h2{
    font-size: 1em;
    background: none;
    border: none;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
} 
div#minivitrine a img{
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 1px;
    border: 1px solid rgb(0,0,0);
    color: rgb(0,0,0);
}
div#minivitrine h2{
    display: block;
    clear: both;
    color: rgb(0,0,0);
    font-size: 0.9em;
    font-style: italic;
}
div#minivitrine a{
    text-decoration: none;
    color: rgb(0,0,0);
}
div#minivitrine a:hover{
    text-decoration: underline;
    background: none;
}
div#minivitrine a span{
    clear: none;
    display: inline;
    text-decoration: underline;
    font-style: normal;
    color: rgb(0,0,0);
    font-weight: bold;
    font-size: 1em;
}


/**                                        formulaire de recherche **/

form#rechercheHori{
      margin: 10px 0;
      padding: 12px 0 12px 150px;
      background: url("images/bg_form_rech2.gif") no-repeat 50% 0;
}
form#rechercheHori p{
      margin: 0;
      padding: 0;
}
form#rechercheHori input.text{
      width: 130px;
      border: 1px solid rgb(239,219,173);
      padding: 1px;
}
form#rechercheHori input.submit{
      width: 114px;
      height: 16px;
      background: url("images/rechercher.png") no-repeat 50% 50%;
      border: none;
}

/**                                      listing aleatoire **/
dl#fournisseurs{
    margin: 10px 0;
    padding: 0 5px;
    position: relative;
}
dl#fournisseurs dt{
    text-indent: 5px;
}
dl#fournisseurs dt a{
    color: rgb(166,104,13);
    text-decoration: none;
    font-weight: bold;
}
dl#fournisseurs dt a:hover{
    background: rgb(70,143,52);
    color: rgb(255,255,255);
}
dl#fournisseurs dd{
    margin: 0;
    padding: 0 0 10px 5px;
    border-bottom: 1px solid rgb(166,104,13);
    text-align: justify;
}
dl#fournisseurs dd a{
    color: rgb(166,104,13);
    text-decoration: underline;
}
dl#fournisseurs dd a:hover{
    color: rgb(0,0,0);
    text-decoration: underline;
}
dl#fournisseurs p.ImgLogoListe{
    margin: 0 10px;
    float: right;
    position: relative;
    text-align: center;
    margin-top: -5px;
    width: 75px;  /* largeur dépendante de l'affichage de l'image avec le module */
}
dl#fournisseurs p.ImgLogoListe a img{
    cursor: pointer;
    border: 1px solid rgb(255,255,255);
}
dl#fournisseurs p.ImgLogoListe a:hover img{
    border: 1px solid rgb(70,143,52);
}
dl#fournisseurs span,
dl#fournisseurs span a,
dl#fournisseurs span a:hover{
    clear: both;
    color: rgb(0,0,0);
    font-size: 0.9em;
    font-style: italic;
    font-weight: normal;
}
dl#fournisseurs span a:hover{
    text-decoration: underline;
    background: none;
}
dl#fournisseurs img{
    cursor: help;
}


/** listing index **/

#listealeatoire{
    padding: 60px 20px 20px 20px;
    background: rgb(255,255,255) url("images/bg_listealeatoire.png") no-repeat -30px -10px;
}
#listealeatoire h2,
#listealeatoire h3{
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 1em;
    font-style: normal;
}
#listealeatoire h2.altern1{
    background: rgb(255,255,255);
}
#listealeatoire h2 a span{
   text-decoration: underline;
   color: rgb(166,104,13);
   font-weight: bold;
}
#listealeatoire h2 a{
    display: block;
    padding: 5px;
    text-decoration: none; 
    color: rgb(0,0,0);     
    font-style: normal;
    font-weight: normal; 
    height: 50px;
}
#listealeatoire h2 a:hover{
    background: rgb(238,208,139);
}
#listealeatoire h2 a:hover span{
    color: rgb(255,255,255);
}
#listealeatoire h2 img.ImgLogoAccueil{
    float: left;
    margin-right: 5px;
    /*background: url("images/bg_ImgLogoAccueil.gif") no-repeat 50% 50%;*/
}
#listealeatoire h3 {
    padding: 5px;
    font-size: 0.9em;
    font-weight: normal;
    border-bottom: 1px solid rgb(166,104,13);
}
#listealeatoire h3 a{
    clear: both;
    color: rgb(0,0,0);
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
#listealeatoire h3 a:hover{
    text-decoration: underline;
    background: none;
}
/* PAGE SOUS-RUBRIQUE */

ul.sousrubriques{
    color: rgb(150,150,150);
    margin: 0;
    padding: 0 5px;
    width: 220px;
    float: left;
    list-style: none;
}
ul.sousrubriques li{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgb(200,200,200);
}
ul.sousrubriques li span{
    display: block;
    padding: 3px 0 0 7px;
    width: 214px;
    text-indent: -8px;
}
ul.sousrubriques li a{
    color: rgb(166,104,13);
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 3px 0 0 6px;
    width: 214px;
    text-indent: -7px;
}
ul.sousrubriques li a:hover{
    text-decoration: none;
    background-color: rgb(245,236,215);
    color: rgb(166,104,13);
}

/* PAGINATION LISTE */

div#pagination,
div#filtrealpha{
    text-align: center;
    padding: 2px 0;
    margin: 2px 0;
    line-height: 1.5em;
    border-top: 1px solid rgb(230,230,230);
    border-bottom: 1px solid rgb(230,230,230);
    background: rgb(245,245,245);
}
div#pagination a,
div#filtrealpha a{
    padding: 0 2px;
    border: 1px solid rgb(200,200,200);
    text-decoration: none;
    background: rgb(245,236,215);
    font-weight: bold;
    color: rgb(166,104,13);
}
div#pagination a:hover,
div#filtrealpha a:hover{
    padding: 0 2px;
    border: 1px solid rgb(108,108,108);
    text-decoration: none;
    background: rgb(166,104,13);
    font-weight: bold;
    color: rgb(255,255,255);
}
div#pagination span,
div#filtrealpha span{
    padding: 0 2px;
    border: 1px solid rgb(108,108,108);
    text-decoration: none;
    background: rgb(70,143,52);
    font-weight: bold;
    color: rgb(255,255,255);
}


/* VITRINE */

div#vit_ident{
    background: rgb(245,236,215);
    border: 1px solid rgb(238,208,139);
    width: 458px;
    padding: 5px;
    margin: 0;
    text-align: center;
}
p#vit_img{
    float: left;
    width: 220px;
    padding: 0;
    margin: 0;
    tex-align: center;
    background: rgb(255,255,255);
}
p#vit_img img{
    cursor: pointer;
    margin: 0 auto;
}
span#vit_logo{
    cursor: default;
    margin: 5px auto 5px auto;
    padding: 0 0 5px 0;
    display: block;
    border-bottom: 5px solid rgb(245,236,215);
}

span#vit_logo img{
    cursor: default;
}
a#vit_contact{
    display: block;
    width: 105px;
    height: 45px;
    float: right;
    margin: 0 auto;
    tex-align: center;
    background: url("images/contactez-nous.gif") no-repeat 50% -2px;
    text-decoration :none;
}
a#vit_contact span{
    visibility: hidden;
}
#IconesInfos{          /* Tableau de legende des icones */
    position: absolute;
    width: 200px;
    background: rgb(245,245,245);
    border: 1px solid rgb(0,0,0);
    margin: 0;
    left: -999em;
    z-index: 150;
}
#IconesInfos caption{
    background: url("images/bg_captionTabIco.png") no-repeat 50% 0;
    font-weight: bold;
    text-align: left;
    padding: 3px 3px 0 10px;
}
a#FermerIconesInfos span{
    display: none;
}
a#FermerIconesInfos{
    background: url("images/bo_fermer.png") no-repeat 0 0;
    width: 20px;
    height: 20px;
    display: block;
    float: right;
}
a#FermerIconesInfos:hover{
    background: url("images/bo_fermer.png") no-repeat 0 -22px;
}
#IconesInfos th{
    background: rgb(230,230,230);
    padding: 1px 5px;
    font-size: 0.8em;
    border-top: 1px solid rgb(108,108,108);
}
#IconesInfos td{
    padding: 2px 5px;
    border-bottom: 1px solid rgb(230,230,230);
    text-align: left;
}
#IconesInfos img{
    width: 18px;
    height: 15px;
}

/* ne sert visiblement a rien pour le javascript de la vitrine,
mais ne marche pas sous IE si ces lignes ne sont pas là */
#IconesInfos.sfout { 
     left: -999em;
}
#IconesInfos.sfhover { 
     left: -20px;
}
/**/

p#vit_coord{
    float: left;
    width: 228px;
    padding: 0 5px;
    margin: 0;
    text-align: left;
}
p#vit_coord span{
    color: rgb(0,0,0);
    font-weight: bold;
}
p#vit_coord span.vit_nom{
    font-size: 1em;
    background: rgb(70,143,52);
    color: rgb(255,255,255);
}
div#vit_ident br.separ{
    clear: both;
}

#vignettes{ /* toutes les listes */
     padding: 0;
     margin: 10px 0;
     height: 55px;
     list-style: none;
     text-align: center;
     clear: right;
     /*background: #fcc;
     width: 465px;*/
}
#vignettes li { /* tous les items de liste */
     float: left;
     margin: 0;
     padding: 0;
}
#vignettes li img{
     border: 1px solid rgb(108,108,108);
     margin: 0 7px 0 0;
     display: block;
     width: 85px;
     height: 55px;
}
#vignettes li.vide img{
    cursor: default;
    border: 1px solid rgb(255,255,255);
}
#vignettes li dl { /* listes de deuxieme niveau */
     position: absolute;
     width: 466px;
     padding: 0;
     margin: 0;
     left: -999em; /* on met left plutot que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ecran */
     z-index: 10;
     background: rgb(255,255,255) url("images/bg_zoom.gif") no-repeat 0 0;
     border-top: 2px solid rgb(200,200,200);
     border-right: 2px solid rgb(108,108,108);
     border-bottom: 2px solid rgb(108,108,108);
     border-left: 2px solid rgb(200,200,200);
}
#vignettes li:hover dl,
#vignettes li.sfhover dl { /* listes imbriquees sous les items de listes survolýs */
     left: 5px;
}
#vignettes li dl img{ /* affichage de l'image en gros plan */
    margin: auto;
    cursor: default;
    background: url("images/chargement.gif") no-repeat 50% 50%;
}
#vignettes li dl dt{
    text-align: center;
    padding: 10px;
}
#vignettes li dl dd{
    /*lext-align: left;*/
    padding: 10px;
    margin: auto;
    font-style: italic;
}

div#vit_desc{
    clear: both;
    padding: 15px;
    margin: 0;
    text-align: justify;
    background: rgb(245,236,215);
    border: 1px solid rgb(238,208,139);
}
p#vit_autresprod {
    clear: both;
    color: rgb(0,0,0);
    font-size: 0.9em;
    font-style: italic;
    font-weight: normal;
    text-align: justify;
    padding: 5px;
    margin-right: 1px;
    border: 1px solid rgb(200,200,200);
    background: rgb(250,250,250);
    width: 455px;
}
html>body p#vit_autresprod {
    width: 456px;
}

/* PAGES STATIQUES */
#infosediteur p img.logocid{
    float: left;
    margin: 0 20px 20px 0;
}
#infosediteur p.adresse{
    text-align: center;
    border: 1px solid rgb(166,104,13);
    background: rgb(245,236,215);
    width: 300px;
    margin: 10px auto;
    padding: 5px;
}

/**  COMMUNS (form, etc...)                                                               **/

h2#etape {
   text-align: right;
   background: none;
   font-size: 0.9em;
}

#Connexion{                                   /** COnnexion simple quelque soit l'espace **/
    margin: 10px auto;
    width: 450px;
    border: 1px solid rgb(0,0,0);
    padding: 5px;
    background: rgb(70,143,52);
    color: rgb(255,255,255);
    text-align: center;
}

#CUtilisateur{                                      /** Connexion utilisateur **/
    margin: 10px auto;
    width: 450px;
    border: 1px solid rgb(147,216,0);
    padding: 50px 5px 5px 5px;
    background: rgb(255,255,255) url("images/FormConnexionUtilisateur.gif") no-repeat 0 0;
    color: rgb(108,108,108);
    text-align: center;
}

#CFournisseur{                                      /** Connexion fournisseur **/
    margin: 10px auto;
    width: 450px;
    border: 1px solid rgb(255,102,0);
    padding: 50px 5px 5px 5px;
    background: rgb(255,255,255) url("images/FormConnexionFournisseur.gif") repeat-x 0 0;
    color: rgb(108,108,108);
    text-align: center;
}

#Connexion a,
#CUtilisateur a,
#CFournisseur a,
#Connexion a:hover,
#CUtilisateur a:hover,
#CFournisseur a:hover{ 
    color: rgb(0,0,0);
    background: none;
    font-weight: bold;
}

#Connexion .submit,
#CUtilisateur .submit,
#CFournisseur .submit,
#Connexion .MDPperdu,
#CUtilisateur .MDPperdu,
#CFournisseur .MDPperdu,
input.envoyer,
input.enregistrer,
input.trier{                                               /** SUBMITS DIVERS **/
    border: none;
    width: 130px;
    height: 35px;
    cursor: pointer;
}
#Connexion .submit{
    background: url("images/submit_connexion.gif") no-repeat 50% 50%;
}
#CFournisseur .submit{
    background: url("images/submit_connexionFourn.gif") no-repeat 50% 50%;
}
#CUtilisateur .submit{
    background: url("images/submit_connexionUtil.gif") no-repeat 50% 50%;
}
#Connexion .MDPperdu,
#CUtilisateur .MDPperdu,
#CFournisseur .MDPperdu{
   background: url("images/submit_MDPperdu.gif") no-repeat 50% 50%;
}
input.envoyer{
   background: url("images/submit_envoyer.gif") no-repeat 50% 50%;
}
input.enregistrer{
   background: url("images/submit_enregistrer.gif") no-repeat 50% 50%;
   margin-top: 10px;
}
input.trier{
   width: 100px;
   height: 30px;
   background: url("images/submit_trier.gif") no-repeat -30px 50%;
}

#FormUtilisateur{  /**                                                                        Formulaire  UTILISATEUR **/
    margin: 10px auto;
    width: 450px;
    /*border: 1px solid rgb(0,0,0);*/
    padding: 5px;
    /*background: rgb(216,216,216) url("images/bg_gris.png") repeat-x 0 0;*/
    color: rgb(108,108,108);
    text-align: center;
}
#FormUtilisateur span{
    font-weight: bold;
}
#FormUtilisateur label{
    font-size: 0.9em;
}
#FormUtilisateur fieldset{
    padding: 5px;
    margin: 0 1px 0 1px;
    text-align: right;
    width: 208px;
    float: left;
    border: 1px solid rgb(150,150,150);
    background: rgb(240,240,240) url("images/cache_blc.gif") repeat-x 0 -23px;
}
html>body #FormUtilisateur fieldset{
    background-image: none;
}
#FormUtilisateur fieldset legend{
    font-style: italic;
    font-weight: bold;
    color: rgb(108,108,108);
}
#FormUtilisateur .coord input {
    margin: 5px 0 5px 3px;
    border: 1px solid rgb(150,150,150);
    vertical-align: middle;
    width: 150px;
}
#FormUtilisateur .Precisions select {
    margin: 5px 0 5px 3px;
    border: 1px solid #ccc;
    vertical-align: middle;
    width: 200px;
}
#FormUtilisateur textarea {
    width: 97%;
    height: 100px;
    margin: 10px 1px;
    padding: 5px;
    border: 1px solid rgb(150,150,150);
    overflow: auto;
    font-size: 1em;
}
#FormUtilisateur .submit{
    background: #fff url("images/submit_envoyer.gif") no-repeat 50% 50%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #ddd;
    width: 110px;
    height: 30px;
    margin: 10px 0;
    padding: 0 5px;
    font-weight: bold;
    cursor: pointer;
    clear: both;
}
#FormUtilisateur .FormAsterix{
    background: #fefdec;
    color: rgb(0,0,0);
    font-weight: bold;
}

#FormUtilisateur fieldset .PetitCheck{
    width: 15px;
}

#UtilOpenDiv2{  /** p avant champ mot de passe **/
    position: relative;
    padding: 5px;
    margin: 0;
    background: rgb(220,220,220);
}
#UtilOpenDiv{  /** p champ mot de passe **/
    position: relative;
    padding: 5px;
    margin: 0 0 10px 0;
    background: rgb(220,220,220);
    font-size: 0.8em;
}
#UtilOpenDiv label{
    font-size: 1.2em;
}

#UtilOpenDiv input.submit2{
   border-top: 1px solid rgb(255,255,255);   
   border-right: 1px solid rgb(108,108,108);    
   border-bottom: 1px solid rgb(108,108,108);    
   border-left: 1px solid rgb(255,255,255);
   background: rgb(200,200,200);
   font-size: 1.2em;
   height: 20px;
}
#UtilOpenDiv a {
    color: rgb(0,0,0);
}

ul#ListeVousEtes,
ul#ListeVousEtes ul{                           /** LISTE VOUS ETES **/
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}
ul#ListeVousEtes{
    background: rgb(170,170,170);
}
ul#ListeVousEtes ul{
    background: rgb(250,250,250);
    margin-top: 2px;
}
ul#ListeVousEtes li{
    padding: 0;
    border-top: 3px solid rgb(216,216,216);
    color: rgb(255,255,255);
    font-weight: bold;
}
ul#ListeVousEtes ul li{
    padding: 2px 0;
    border-top: none;
    color: rgb(108,108,108);
    font-weight: normal;
}
.FormUtilisateurCoord{
    color: rgb(0,0,0);
    text-align: left;
}
.FormUtilisateurCoord span{
    font-weight: bold;
}

                                     /**             passer un contact  / Un appel d'offre   **/
#ContactMessageOk{
    background: url("images/message_envoye.png") no-repeat 0 0;
    height: 255px;
    padding-left: 200px;
}
#AOMessageOk{
    background: url("images/ao_envoye.png") no-repeat 0 0;
    height: 255px;
    padding-left: 200px;
}
#ContactMessageOk p,
#AOMessageOk p{
    margin: 5px 0;
}
#ContactMessageOk fieldset,
#AOMessageOk fieldset{
    border: 1px solid rgb(150,150,150);
    background: rgb(245,236,215) url("images/cache_blc.gif") repeat-x 0 -23px;
    margin: 0;
    padding: 3px;
}
html>body #ContactMessageOk fieldset,
html>body #AOMessageOk fieldset{
    background-image: none;
}
#ContactMessageOk fieldset legend,
#AOMessageOk fieldset legend{
    padding: 0;
    font-weight: bold;
}
#ContactMessageOk fieldset p,
#AOMessageOk fieldset p{
    padding: 5px 5px 5px 10px;
    text-align: justify;
}
#ContactMessageOk input,
#AOMessageOk input{
    vertical-align: middle;
}
#ContactMessageOk .submit,
#AOMessageOk .submit{
   background: url("images/submit_enregistrer.gif") no-repeat 50% 50%;
   width: 130px;
   height: 40px;
   border: none;
}




#centre ul.rubriques {               /** liste rubriques partie centrale Appels d'offre **/
     list-style: none;
     padding: 0;
     margin: 0 4px 20px 4px;
     width: 200px;
     float: left;
     text-align: left;
     color: rgb(0,0,0);
}


h1#H1Fournisseurs {                 /**                                                               Espace Fournisseurs **/
    border: none;
    background: rgb(255,255,255) url("images/bg_h1_fourn.gif") no-repeat 50% 0;
    font-size: 1.2em;
    color: rgb(0,0,0);
    padding: 20px 15px 15px 70px;
    text-align: left;
}
div.CentreFournisseur a{
    color: rgb(255,102,0);
    font-weight: bold;
}
div.CentreFournisseur a:hover{
    color: rgb(255,255,255);
    text-decoration: none;
    background: rgb(255,102,0);
}

#NavFournisseurs{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 468px;
    height: 85px;
    border-top: 1px solid rgb(255,102,0);
    background: url("images/espFourn_ssMenu.gif") no-repeat 50% 100%;
}
#NavFournisseurs li{
    float: left;
}
#NavFournisseurs a{
    display: block;
    width: 115px;
    height: 55px;
    margin: 0 1px 0 1px;
}
#NavFournisseurs li a span{
    display: none;
}

p.espFourn1erPar{
    padding: 0 10px;
}

#FournContacts{
    background: url("images/espFourn_contacts.gif") no-repeat 0 -10px;
}
#FournVitrine{
    background: url("images/espFourn_vitrine.gif") no-repeat 0 -10px;
}
#FournRubriques{
    background: url("images/espFourn_rubriques.gif") no-repeat 0 -10px;
}
#FournStats{
    background: url("images/espFourn_stats.gif") no-repeat 0 -10px;
}

#FournContacts:hover,
#FournVitrine:hover,
#FournRubriques:hover,
#FournStats:hover{
    background-position: 0 -5px;
}

#FournContacts.current,
#FournVitrine.current,
#FournRubriques.current,
#FournStats.current{
    background-position: 0 -75px;
}

#FournContacts.current:hover,
#FournVitrine.current:hover,
#FournRubriques.current:hover,
#FournStats.current:hover{
    background-position: 0 -70px;
}

#FournCalendrier a,
#FournCalendrier span{                                       /** mes contacts **/
    display: block;
    float: left;
    border: 1px solid rgb(210,210,210);
    padding: 2px 3px;
    margin: 2px;
    background: rgb(230,230,230);
    color: rgb(108,108,108);
}
#FournCalendrier span{
    font-weight: bold;
    color: rgb(255,255,255);
}
#FournCalendrier a:hover{
    background: rgb(210,210,210);
}
#FournCalendrier .annee{
    background: rgb(255,102,0);
    color: rgb(255,255,255);
    border: 1px solid rgb(255,102,0);
}
#FournCalendrier .annee:hover,
#FournCalendrier .current{
    background: rgb(255,204,0);
    color: rgb(255,102,0);
    border: 1px solid rgb(255,102,0);
}

#FournTabContact th{
    background: rgb(240,240,240);
    border-top: 1px solid rgb(0,0,0);
}
#FournTabContact td{
    border-bottom: 1px solid rgb(0,0,0);
    padding-right: 5px;
}

#FournDetContact{
    border-top: 1px solid rgb(200,200,200);
    border-right: 1px solid rgb(108,108,108);
    border-bottom: 1px solid rgb(108,108,108);
    border-left: 1px solid rgb(200,200,200);
    padding: 5px;
    background: rgb(250,250,250);
}
#FournDetContact span{
    font-weight: bold;
    color: rgb(255,102,0)
}

#FormVitrine,
#FormSousRubriques,
#FormDemVitrine{                            /** Formulaire Vitrine**/
    margin: 10px auto;
    width: 450px;
    padding: 5px;
    color: rgb(108,108,108);
    text-align: center;
}
#FormVitrine span{
    font-weight: bold;
}
#FormVitrine fieldset,
#FormSousRubriques fieldset,
#FormDemVitrine fieldset{
    padding: 5px;
    margin: 0 1px 0 1px;
    text-align: right;
    width: 208px;
    float: left;
    border: 1px solid rgb(200,200,200);
    background: rgb(240,240,240) url("images/cache_blc.gif") repeat-x 0 -23px;
}
html>body #FormVitrine fieldset,
html>body #FormSousRubriques fieldset,
html>body #FormDemVitrine fieldset{
    background-image: none;
}
#FormVitrine fieldset p,
#FormDemVitrine p{
    text-align: left;
    font-size: 0.9em;
    margin: 0;
}
#FormDemVitrine p{
    text-align: right;
}
#FormVitrine fieldset legend,
#FormSousRubriques fieldset legend,
#FormDemVitrine fieldset legend{
    font-style: italic;
    font-weight: bold;
    color: rgb(108,108,108);
}
#FormVitrine .coord input,
#FormDemVitrine .coord input{
    margin: 5px 0 5px 3px;
    border: 1px solid rgb(150,150,150);
    vertical-align: middle;
    width: 120px;
    font-size: 0.9em;
}
#FormVitrine .coord label {
    cursor: help;
}
#FormVitrine textarea {
    width: 97%;
    height: 250px;
    margin: 10px 1px;
    padding: 5px;
    border: 1px solid rgb(150,150,150);
    overflow: auto;
    font-size: 1em;
}
#FormVitrine textarea.SpecImages {
    width: 300px;
    height: 43px;
    margin: 2px 0 2px 5px;
    padding: 5px;
    border: 1px solid rgb(150,150,150);
    overflow: auto;
    font-size: 1em;
}
#FormVitrine .submit{
    background: rgb(255,255,255) url("images/submit_modifierFourn.gif") no-repeat 50% 50%;
    border: none;
    width: 115px;
    height: 60px;
    cursor: pointer;
    clear: both;
    float: left;
}
#FormSousRubriques .submit{              /** liste des rubriques et sous rubriques dans Modifier mes rubriques **/
    background: rgb(255,255,255) url("images/submit_modifierRubriques.gif") no-repeat 50% 50%;
    border: none;
    width: 115px;
    height: 60px;
    cursor: pointer;
    clear: both;
    float: left;
}
.CentreFournisseur ul.rubriques li{
    padding: 0;
    margin: 0 0 0 25px;
    position: relative;
    clear: both;
}
.CentreFournisseur ul.rubriques li.current a{
    color: rgb(0,0,0);
}

.CentreFournisseur ul.sousrubriques,
#FormDemVitrine ul.rubriques{
    float: left;
    padding: 0;
    margin: 0;
    color: rgb(0,0,0);
    position: relative;
    /*font-size: 0.9em;*/
    width: 210px;
}
.CentreFournisseur ul.sousrubriques li{
    margin: 0;
    padding: 0 5px 0 17px;
    border-bottom: none;

}
.CentreFournisseur ul.sousrubriques input{
    /*float: left;*/
    margin: -2px 0 0 -21px;
}
html>body .CentreFournisseur ul.sousrubriques input{
    /*float: left;*/
    margin: 2px 2px 2px -17px;
}

p.Col2{                                   /** liste clientele visee sur 2 colonnes **/
     padding: 0;
     margin: 0 4px 20px 4px;
     width: 195px;
     float: left;
     text-align: left;
     color: rgb(0,0,0);
     position: relative;
} 
/*div.col2 {                                 
     padding: 0;
     margin: 0 4px 20px 4px;
     width: 190px;
     float: left;
     text-align: left;
     color: rgb(0,0,0);
     position: relative;
} */


#FormVitrine fieldset.Gr,
#FormSousRubriques fieldset.Gr,
#FormDemVitrine fieldset.Gr,
#FormUtilisateur fieldset.Gr,
div.Gr{
    width: 435px;
    clear: both;
    margin: 10px 0;
    text-align: left;
}


img.StatsGraph{                            /**                                                                STATISTIQUES **/
    margin: 0 auto;
    display: block;
    clear: both;
}
#TabStatistiques{
    border-top: 1px solid rgb(108,108,108);
    border-left: 1px solid rgb(108,108,108);
    margin: 0 auto;
    width: 98%;
}
#TabStatistiques th{
    background-color: rgb(240,240,240);
    padding: 3px;
    border-right: 1px solid rgb(108,108,108);
    border-bottom: 1px solid rgb(108,108,108);
    font-size: 0.9em;
}
#TabStatistiques td{
    padding: 3px;
    text-align: center;
    border-right: 1px solid rgb(108,108,108);
    border-bottom: 1px solid rgb(108,108,108);
}
th.repStatVitrine td{
    background-color: rgb(210,210,210);
}
th.repStatWeb td{
    background-color: rgb(239,219,173);
}
th.repStatContact td{
    background-color: rgb(255,218,144);
}

.NoResult{
    color: rgb(200,200,200);
    background-color: rgb(250,250,250);
}

#TabStatsTypes{
    border-top: 1px solid rgb(108,108,108);
    border-left: 1px solid rgb(108,108,108);
    margin: 10px auto 0 auto;
    width: 98%;
}
html>body #TabStatsTypes{
    margin: 0 auto;
}
#TabStatsTypes caption{
    background: rgb(255,255,255) url("images/captionStats.gif") no-repeat 0 50%;
    width: 98%;
    height: 50px;
    margin: 10px 0 0 4px;
}
#TabStatsTypes caption span{
    visibility: hidden;
}
#TabStatsTypes td{
    padding: 3px;
    text-align: left;
    border-right: 1px solid rgb(108,108,108);
    border-bottom: 1px solid rgb(108,108,108);
}



h1#H1Utilisateurs {                 /**                                                                 Espace UTILISATEUR **/
    border: none;
    background: rgb(255,255,255) url("images/bg_h1_util.gif") no-repeat 50% 0;
    font-size: 1.2em;
    color: rgb(0,0,0);
    padding: 20px 15px 15px 70px;
    text-align: left;
}
div.CentreUtilisateur a{
    color: rgb(147,216,0);
    font-weight: bold;
}
div.CentreUtilisateur a:hover{
    color: rgb(255,255,255);
    background: rgb(147,216,0);
}


#NavUtilisateurs{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 468px;
    height: 85px;
    border-top: 1px solid rgb(147,216,0);
    background: url("images/espUtil_ssMenu.gif") no-repeat 50% 100%;
}
#NavUtilisateurs li{
    float: left;
}
#NavUtilisateurs a{
    display: block;
    width: 115px;
    height: 55px;
    margin: 0 1px 0 1px;
}
#NavUtilisateurs li a span{
    display: none;
}

p.espFourn1erPar{
    padding: 0 10px;
}

#UtilInfos{
    background: url("images/espUtil_infos.gif") no-repeat 0 -10px;
}
#UtilContacts{
    background: url("images/espUtil_contacts.gif") no-repeat 0 -10px;
}

#UtilInfos:hover,
#UtilContacts:hover{
    background-position: 0 -5px;
}

#UtilInfos.current,
#UtilContacts.current{
    background-position: 0 -75px;
}

#UtilInfos.current:hover,
#UtilContacts.current:hover{
    background-position: 0 -70px;
}



form#FormTrier {                   /**                                                   APPELS OFFRES + ANNONCES (VOIR) **/
    margin: auto;
    border: 1px solid #ccc;
    background: #eee;
    padding: 3px;
    text-align: center;
    position: relative;
}
#FournOpenDiv{
    border: 2px solid rgb(255,102,0);
    padding: 20px 10px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 10px;
}
#FournOpenDiv a{
    color: rgb(255,102,0);
    font-weight: bold;
}
#FournOpenDiv a:hover{
    background: rgb(255,102,0);
    color: rgb(255,255,255);
    font-weight: bold;
}
#FournOpenDiv form#CFournisseur{
    width: 400px;
    background-position: -20px 0;
    margin-top: 30px;
}
/*#FournOpenDiv{
    float: left;
    position: absolute;
    padding: 0 8px 20px 8px;
    border: 2px solid rgb(255,102,0);
    border-top: 2px solid rgb(255,255,255);
    text-align: center;
    margin: -2px auto 0 auto;
    background: rgb(230,230,230);
    left: -999em;
    width: 395px;
    z-index: 100;
}
html>body #FournOpenDiv{
    width: auto;      
}*/
.infoCachee{
    cursor: help;
}
.texteAO{
    background: rgb(245,236,215) url("images/bg_ao.gif") no-repeat 0 0;
    padding: 50px 10px 10px 10px;
    margin: 0;
    font-weight: bold;
    position: relative;
    width: 450px;
}
.texteAO img{
    float: left;
    border: 1px solid rgb(255,255,255);
    margin: 0 10px 0 0;
    position: relative;
}
.coordAO{
    background: rgb(255,255,255);
    padding: 5px;
    margin: 0 0 10px 0;
    border: 4px solid rgb(245,236,215);
    position: relative;
    clear: both;
}
.texteAO span{
    font-weight: normal;
} 
.coordAO span{
    font-weight: bold;
} 
.AOphoto {
    background: url("images/ico_photo.gif") no-repeat 100% 0;
    display: block;
    height: 20px;
    padding: 5px 30px 0 0;
    float: right;
    position: relative;
    margin: -5px 0 3px 3px
}

/**                                                                                              publier ao **/
#FormUtilisateur ul.rubriques{
    float: left;
    padding: 0;
    margin: 0;
    color: rgb(0,0,0);
    position: relative;
    /*font-size: 0.9em;*/
    width: 210px;
}
#FormUtilisateur ul.rubriques li{
    margin: 0;
    padding: 3px 5px 0 17px;
    border-bottom: none;
}
#FormUtilisateur ul.rubriques input{
    /*float: left;*/
    margin: -2px 0 0 -21px;
}
html>body #FormUtilisateur ul.rubriques input{
    /*float: left;*/
    margin: 2px 2px 2px -17px;
}
/**                                                                                                Annonces (PASSER) **/
h1#AnnoncesEdito {
   background: url("images/bg_edito2.png") no-repeat 50% 50%;
   width: 462px;
   height: 162px;
   color: rgb(108,108,108);
   font-size: 1em;
   border: none;
}
h1#AnnoncesEdito span{
   visibility: hidden;
}
form#FormPA{
   background: rgb(240,240,240) url("images/bg_FormPA.png") no-repeat 50% -20px;
   padding: 20px 0 0 0;
}
form#FormPA fieldset{
   border: 0;
   background: rgb(240,240,240) url("images/bg_FormPA.png") no-repeat 50% 100%;
   padding: 0 5px 40px 5px;
   margin: 0;
}
html>body form#FormPA fieldset{
   padding: 10px 5px 40px 5px;
   margin: 0;
}
form#FormPA .PAfond{
   background: rgb(240,240,240) url("images/bg_FormPA.png") no-repeat 50% 26px;
   padding: 5px;
   margin: 0;
   height: 35px;
   font-weight: bold;
   text-align: center;
}
form#FormPA legend{
   font-style: italic;
   font-weight: bold;
   background: rgb(100,100,100);
   color: rgb(255,255,255);
   /*padding-left: 150px;*/
   padding: 0 0 0 150px;
   margin: 0 0 10px 0;
}
html>body form#FormPA legend{
   margin: 0;
}
form#FormPA .PAanno input,
form#FormPA .PAanno textarea{
   border: 1px solid rgb(108,108,108);
   width: 98%;
   font-size: 1em;
   padding: 2px;
}
form#FormPA .PAanno textarea{
   overflow: auto;
   font-size: 1em;
}
form#FormPA .PAphoto{
   text-align: center;
}
form#FormPA .PAcoord{
   text-align: right;
   padding-right: 120px;
}
form#FormPA .PAcoord .inputNorm{
   width: 20px;
}
form#FormPA .PAcoord span{
   font-size: 0.8em;
}
form#FormPA .PAcoord input{
   border: 1px solid rgb(108,108,108);
   padding: 2px;
   width: 200px;
   font-size: 1em;
}
form#FormPA .PAsubmit{
   text-align: center;
}
form#FormPA table{
   width: 100%;
   padding: 0;
   margin: 10px 0;
   background: rgb(255,255,255);
   font-size: 1.1em;
   clear: both;
}
form#FormPA table th{
   background: rgb(108,108,108);
   color: rgb(255,255,255);
   text-align: center;
}

form#FormPA table td{
   text-align: right;
   padding: 3px 5px;
}
form#FormPA img{
   float: left;
   margin-right: 10px;
}
form#FormPA img.centre{
   float: none;
   margin-right: 10px;
}
#PAtexte,
#PAconditions{
   height: 100px;
   overflow: auto;
   background: rgb(245,245,245);
   border: 1px solid rgb(200,200,200);
   margin: 5px 0;
   padding: 5px;
}
#PAconditions h2,
#PAconditions h3{
   text-align: center;
   background: rgb(255,255,255);
   margin: 0;
}


/**                                                                                                      CLASSES **/
.align_center{
    text-align: center;
}
.align_left{
    text-align: left;
}
.altern1 {
    background-color: rgb(255,255,255);
}
.altern2 {
    background-color: rgb(245,236,215);
}
.altern3 {
    background-color: rgb(230,230,230);
}
.altern4 {
    background-color: rgb(245,245,245);
}
.alternInactif1 {
    background-color: rgb(180,180,180);
}
.alternInactif2 {
    background-color: rgb(180,180,180);
}
.bold{
    font-weight: bold;
}
.clear_both {
    clear: both;
}
.erreur {
    background: red;
    color: #fff;
    font-weight: bold;
    padding: 3px;
}
.float_left{
    float: left;
}
.FormSuivant{
    text-align: center;
    background: url("images/FormSuivant.gif") no-repeat 50% 50%;
    font-weight: bold;
}
.invisible {
    visibility: hidden;
}
.italic {
    font-style: italic;
}
.Nouveau {
    color: rgb(255,0,0);
    background: #fefdec;
    
}
.repereSelect{
    font-weight: bold;
    background-color: rgb(245,236,215);
}
.TexteGras {  /* mise en gras des balises INS dans les resultats des recherches par mot clé */
    font-weight: bold;
}
.separate {
     clear: both;
     width: 100%;
     color:red;
}



/** INVISIBLES **/

#navigation li a.level1 span{
    display: none;
}

/**  START RP_STYLE                                                               **/

/* RP_DROITE */
div#droite div.RP_LienCommercial{
     width: 120px;
     padding: 0;
     margin: 0 auto;
     text-align: center;
     font-size: 0.8em;
}
div#droite div.RP_LienCommercial span.RP_TitreDiv{
     font-size: 1em;
}
div#droite div.RP_LienCommercial a.RP_LienCommercial{
     display: block;
     text-decoration: none;
     text-align: left;
     background: rgb(255,255,255);
}
div#droite div.RP_LienCommercial a.RP_LienCommercial:hover{
     text-decoration: underline;
     background: rgb(245,236,215);
}
div#droite img.RP_LienCommercial{
     width: 120px;
     height: 90px;
     margin: 0 auto;
     padding: 0;
}
div#droite span.RP_Nom{
     display: block;
     width: 106px;
     font-weight: bold;
     color: rgb(166,104,13);
     text-decoration: underline;
     padding: 5px 5px 0 5px;
     margin: 2px;
}
div#droite span.RP_Texte{
     display: block;
     padding: 0 5px 5px 5px;
}
div#droite span.RP_Url{
     display: block;
     padding: 0 5px 5px 5px;
     text-decoration: underline;
     color: rgb(46,163,57);
     font-style: italic;
     font-size: 0.95em;
     font-weight: bold;
}

/* RP_CENTRE */
div#centre div.RP_LienCommercial{
     width: 378px;
     height: 105px;
     padding: 0;
     margin: 0 auto 20px auto;
     text-align: center;
     font-size: 0.8em;
}
div#centre div.RP_LienCommercial span.RP_TitreDiv{
     font-size: 1em;
}
div#centre div.RP_LienCommercial a.RP_LienCommercial{
     display: block;
     float: left;
     width: 120px;
     height: 90px;
     text-decoration: none;
     text-align: left;
     background: rgb(255,255,255);
     margin: 0 2px;
     border: 1px solid rgb(180,180,180);
}
div#centre div.RP_LienCommercial a.RP_LienCommercial:hover{
     text-decoration: underline;
     background: rgb(245,236,215);
}
div#centre img.RP_LienCommercial{
     width: 120px;
     height: 90px;
     margin: 0;
     padding: 0;
}
div#centre span.RP_Nom{
     display: block;
     font-weight: bold;
     color: rgb(166,104,13);
     text-decoration: underline;
     padding: 5px 5px 0 5px;
     margin: 2px;
}
div#centre span.RP_Texte{
     display: block;
     padding: 0 5px 5px 5px;
}
div#centre span.RP_Url{
     display: block;
     padding: 0 5px 5px 5px;
     text-decoration: underline;
     color: rgb(46,163,57);
     font-style: italic;
     font-size: 0.95em;
     font-weight: bold;
}
/**  END RP_STYLE                                                                 **/