/*
   styliz.css
   xhtml

   Created by cedric on 2009-11-03.
   Copyright 2009 AvantageGraphique.com. All rights reserved.
*/
body {
  background: #7F2884 url(../images/bg_body.jpg) repeat-x top left;
}

iframe {
  background-color: white;
}

/* tooltips */
#filActu_actu {
    position:absolute;
    color:white;
    display:none;
    margin:0;
    padding:30px;
    height:155px;
    width:310px;
    overflow:hidden;
    background:transparent url(/images/tooltip/black_arrow_big.png);
}
/* reportage dans la parite pro  */
.reportage_activer, .evenement_activer, .rouge { color:red; }
.reportage_desactiver, .evenement_desactiver { color:green; }
.gras { font-weight:bold; }

/* Accueil
----------------------------------------------------------------------------------------------------*/
#accueil .contentAll {
  background: transparent url(../images/bg-logo-accueil.jpg) no-repeat top left;
  margin-top: 20px;
  padding-top: 175px;
}
#accueil .select_region {
  float: left;
  margin-left: 30px;
  _margin-left: 15px;
  width: 180px;
}
#accueil #contentFirst {
  margin-top: 20px;
  background-color: transparent;
  padding-bottom: 7px;
  _padding-bottom: 0;
}
#accueil ul.list_regions {
  list-style: none outside url();
  float: left;
  width: 285px;
  border-top: 2px dotted #444;
}
  #accueil ul.list_regions li {
    border-bottom: 2px dotted #444;
    margin: 0; padding: 2px 0 2px 13px;
  }
    #accueil ul.list_regions li a {
     color: #fa0d93;

     text-decoration: none;
    } #accueil ul.list_regions li a:hover { text-decoration: underline; }

#accueil .enter_site {
  float: left;
  width: 245px;
  height: 185px;
  background: #FFF url(../images/vigile.gif) no-repeat 100% 10px;
  text-align: right;
  padding-right: 50px;
}

  #accueil .enter_site .titre {
    color: #fe3aac;
    font-size: 1.3em;

    font-weight: bold;
    padding-right: 10px;
    margin-top: 40px;
  }
  #accueil .enter_site p {
    border-top:    2px dotted #000;
    border-bottom: 2px dotted #000;
    padding: 5px 0;
    padding-right: 10px;
    font-size: 0.9em;
  }
  #accueil .enter_site .bt_entrer_site {
    float: right;
    margin-right: 20px;
  }


#accueil .txt_choisi_zone {
  display: block;
  float: left;
  width: 263px;
  height: 204px;
  margin-left: 20px;
  _margin-left: 10px;
  background: transparent url(../images/bg-choisis-ta-zone.gif) no-repeat top left;
}
  #accueil .txt_choisi_zone p {
    margin: 45px 20px 7px 20px;
    color: white;
    font-size: 0.9em;

  }
  #accueil .col_1 {
    float: left;
    margin-top: 10px;
    margin-left: 48px;
    _margin-left: 20px;
    margin-bottom: 10px;
    width: 306px;
    height: 400px;
  }
  #accueil .col_2 {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 414px;
    height: 400px;
   background-color: #E8E7E7;
  }
    #accueil .loggin_form {
      background: #dfdfdf url(../images/bg_loggin_form.jpg) repeat-x top left;
      padding: 12px 8px 8px 8px;
      _padding: 12px 8px 4px 8px;
      margin-bottom: 5px;
    }
      #accueil .loggin_form p {
        margin-bottom: 5px;
        height: 25px;
      }
      #accueil .loggin_form .label {
        float: left;
        padding-top: 5px;
        color: #fa0d93;

        width: 90px;
      }
      #accueil .loggin_form .input {
        float: left;
        width: 190px;
        border: 1px solid #fa0d93;
      }
      #accueil .links {
        float:left;
        margin-left: 90px;
        _margin-left: 40px;
        width: 108px;
      }
        #accueil .links a {
          font-size: 0.8em;
          text-decoration: none;
          color: #fa0d93;

        } #accueil .links a:hover { text-decoration: underline; }
    #accueil .mod_explicatif {
      height: 180px;
      width: 306px;
      background: transparent url(../images/bg_module_explicatif.gif) no-repeat top left;
    }
      #accueil .mod_explicatif .titre {
        color: white;

        padding: 10px 0 0 15px;
        margin: 0;
        font-size: 1.1em;
      }
      #accueil .mod_explicatif p {
        margin-top: 10px;
        padding: 5px 15px 7px 15px;
        _padding: 5px 15px 7px 15px;
        font-size:11px;
        color: white;

      }
    #accueil .bg-md-recrutement {
      display: block;
      height: 110px;
      width: 306px;
      margin-top: 10px;
      _margin-top: 5px;
      background: transparent url(../images/bg-md-recrutement.gif) no-repeat top left;
    }

    #accueil .swf {
      padding: 7px;
      background-color: #E8E7E7;
    }
    #accueil .fb {
      background: #E8E7E7 url(../images/bg_logo-fb.gif) no-repeat top center;
      width: 346px;
      height: 25px;
      padding: 22px 53px 7px 15px;
      color: white;
    }



/* HOME
----------------------------------------------------------------------------------------------------*/
  .block_au_menu {
    height: 306px;
    margin-bottom: 10px;
    _margin-bottom: 0;
  }
    .block_au_menu .top_titre {
      height: 51px;
      background: #fff url(../images/home_au_menu.gif) no-repeat  0 0;
    }

    /*  Block Coda SliderHOME
    ----------------------------------------------------------------------------------------------------*/
/*    .coda-slider-wrapper * { background-color: #DDD; }*/
      .block_au_menu .coda-slider-wrapper{
        position: relative;
        float: left;
        width: 100%;
        height: 255px;
        margin-bottom: 20px;
      }
        .block_au_menu .coda-slider-wrapper #coda-nav-1 {
          height: 306px;
          width: 211px;
          position: absolute;
          right:0;
          z-index: 100;
        }
        .block_au_menu .coda-slider-wrapper #coda-nav-1 ul {
          list-style: none outside url();
        }
          .block_au_menu .coda-slider-wrapper #coda-nav-1 ul li {
            display: block;
            margin: 0px;
            height: 51px;
          }

            .block_au_menu .coda-slider-wrapper #coda-nav-1 ul li a {
              display: block;
              height: 36px;
              padding: 15px 0 0 15px;
              background: #fff url(../images/bg_home_bt_slider.jpg) repeat-x left bottom;
              color: #5F5F5F;
              text-decoration: none;
              font-size: 14px;
            }
            .block_au_menu .coda-slider-wrapper #coda-nav-1 ul li a small         { font-size: 10px; color: #000; }

              .block_au_menu .coda-slider-wrapper #coda-nav-1 ul li a.current,
              .block_au_menu .coda-slider-wrapper #coda-nav-1 ul li a:hover       { background-position: left top; color: #FFF; }
              .block_au_menu .coda-slider-wrapper #coda-nav-1 ul li a.current small,
              .block_au_menu .coda-slider-wrapper #coda-nav-1 ul li a:hover small { background-position: left top; color: #000; }
              /*
              ----------------------------------------------------------------------------------------------------*/

        .block_au_menu .coda-slider-wrapper {
          position: relative;
          overflow: hidden;
        }

        .block_au_menu .coda-slider-wrapper #coda-slider-1 {
          float: left;
          width: 759px;
          height: 256px;
          padding: 0;
          overflow: hidden;
        }
          .block_au_menu .coda-slider-wrapper #coda-slider-1 div.panel {
            position: relative ;
            float: left;
            width: 760px;
            height: 306px;
          }
            .block_au_menu .coda-slider-wrapper #coda-slider-1 div.panel img {}


          .block_au_menu .coda-slider-wrapper #coda-slider-1 .plat_du_jour {
            display: block;
            position: absolute;
            margin-left: 10px;
            margin-top:  10px;
            background: transparent url(../images/home_plat_du_jours.png) no-repeat 0 0;
            _background-image: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home_plat_du_jours.png', sizingMethod='image');
            height: 238px;
            width: 216px;
          }
              .block_au_menu .coda-slider-wrapper #coda-slider-1 .plat_du_jour .titre {
                position: relative;
                font-size: 14px;
                line-height: 1em;
                padding-top: 50px;
                margin-left: 10px;
                color: #fff;

                font-weight: normal;
              }
              .block_au_menu .coda-slider-wrapper #coda-slider-1 .plat_du_jour .ss_titre {
                position: relative;
                font-size: 14px;
                line-height: 1em;
                margin-left: 10px;
                color: #fff;

                font-weight: normal;
              }
              .block_au_menu .coda-slider-wrapper #coda-slider-1 .plat_du_jour .address {
                position: relative;
                font-size: 12px;
                line-height: 1.3em;
                margin-left: 10px;
                color: #fff;

                font-weight: normal;
              }
                .block_au_menu .coda-slider-wrapper #coda-slider-1 .plat_du_jour .address small {
                  position: relative;
                  font-size: 10px;
                }
/*
----------------------------------------------------------------------------------------------------*/



              .bt_curve_green {
                display: block;
                position: relative;

                background: transparent url(../images/bt_curve_green.png) no-repeat 0 0;
                _background-image: none;
                _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bt_curve_green.png', sizingMethod='image');
                height: 21px;
                width: 114px;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                margin-top:  15px;
              }
                .bt_curve_green a {
                  display: block;
                  position: relative;
                  padding-top: 3px;
                  font-weight: bold;
                  text-decoration: none;
                  color: #fff;

                } .bt_curve_green a:hover {color: #000;}




        .block_au_menu .promo {
          float: left;
          width: 130px;
          height: 339px;
          background: #DDD url(../images/home_promo_f2s.jpg) no-repeat  0 0;
        }
          .block_au_menu .promo .bt_inscription {
            margin-left:  5px;
            margin-top: 290px;
          }


      /*       HOME
      ----------------------------------------------------------------------------------------------------*/
      .home .fil_actu {
        height:270px;
        float: left;
        width: 406px;
        _width: 397px;
        background: #333 url(../images/home_bulle_vert.png) no-repeat  0 0;
      }
      .home .fil_actu .titre_ {
        margin-top: 5px;
        margin-left: 18px;
        font-size: 14px;
        color: white;
        font-weight: bold;
        line-height: 14px;
        margin-bottom: 3px;
      }
      .home .fil_actu ul.actus {
        list-style: none outside url();
      }
        .home .fil_actu ul.actus li {
          margin-left: 12px;
          line-height: 20px;
          height: 20px;
          padding-left: 5px;
          /*background: #80B327 url(../images/bg_bt_vert.gif) repeat-x  0 0;*/
          color: white;

        }
        .home .fil_actu ul.actus li.first {
          background-image: none;
          background-color: transparent;
          margin-bottom: 10px;
          line-height: 10px;
        }
          .home .fil_actu ul.actus li span, ul.actus li div {
            margin-right: 10px;
            cursor:pointer;
          }
      .home .last_celib {
        position: relative;
        float: left;
        width: 528px;
        margin-left: 10px;
      }
        .home .last_celib .titre {
          font-size: 13px;
          line-height: 25px;
          height: 34px;
          width: 250px;
          padding: 0 0 0 30px;
          margin: 0;
          color: white;

          background: transparent url(../images/home_bulle_orange.png) no-repeat  0 0;
        }
        .home .last_celib p.txt {
          margin-left: 27px;
        }
        .bt_carousel_prev, .bt_carousel_next {
          display: block;
          position: absolute;
          background-image: url(../images/bg_fleche_navig_g_d.gif);
          background-repeat: no-repeat;
          width: 19px;
          height: 22px;
          top: 160px;
          left: 5px;
          cursor: pointer;
        }
          .bt_carousel_next {
            background-position: -19px 0;
            left: 500px;
            _left: 515px;
            z-index: 100;
          }
        .home .last_celib ul.carousel {
          list-style: none outside url();
          height: 160px;
          margin-top: 10px;
          padding: 10px 25px 10px 30px;
          background-color: #E7E6EE;
        }
          .home .last_celib ul.carousel li {
            float: left;
            width: 103px;
            padding: 5px;
            margin: 0px 5px 0px 0px;
            background-color: white;
          }
      /*  ACTUS  */
      .home .lactu {}
        .home .lactu .titre {
          font-size: 1.1em;
          font-weight: bold;
          margin-top: 3px;
          margin-bottom: 1px;
          margin-left: 5px;
        }
        .home .lactu .separat {
          width: 98%;
          margin: 5px 1%;
        }
        .home .lactu .text {
          font-size: 0.9em;

          margin-left: 5px;
        }
        .home .lactu .link_share {
          margin: 2px 5px 0px 5px;
        }

        /* SUR CHARGE TITRE */
        .home .titre_modul {
          /*background: #FF41AC url(../images/bg_bt_rose.gif) repeat-x  left top;*/
        }

      /* PLAYLIST */
      .home .titre_playlist {}
      .home .titre_playlist .titre{
        font-size: 13px;
        line-height: 25px;
        height: 34px;
        width: 250px;
        padding: 0 0 0 30px;
        margin: 0;
        color: white;

        background: transparent url(../images/home_bulle_orange_playlist.png) no-repeat  0 0;
      }

      .home .titre_playlist p.txt {
        font-size: 90%;
        width: 430px;
        margin-left: 27px;
      }

      /* mod_playlist */
      .home .mod_playlist {
        margin-top: 5px;
        background: transparent url(../images/home-bg-module_playlist.jpg) no-repeat  top right;
      }
        .home .mod_playlist .module {
          width: 295px;
        }
          .home .mod_playlist .module .mod_col_left {
            margin: 0px;
            padding: 0px;
            background-color: transparent;
          }
          .home .mod_playlist .module .liste_hits {
            list-style: none outside url();
            padding-top: 3px;
            background-color: #B1B1B1;
            padding-bottom: 0px;
            height: 171px;
            overflow: auto;
          }
            .home .mod_playlist .module .liste_hits li {
              border-bottom: 1px dotted #999;
              margin-left: 0px;
              padding-left: 10px;
              line-height: 1.6em;
            }
              .home .mod_playlist .module .liste_hits li a {
                text-decoration: none;
                color: white;
                font-weight: bold;
              } .home .mod_playlist .module .liste_hits li a:hover { font-size: 115%; }

        /* REPORTAGE */
        .home .titre_reportage {
          background: transparent url(../images/home-appareil-photo.jpg) no-repeat bottom right;
        }
        .home .titre_reportage .titre, .home .titre_humeurs .titre {
          font-size: 13px;
          line-height: 25px;
          height: 34px;
          width: 250px;
          padding: 0 0 0 30px;
          margin: 0;
          color: white;

          background: transparent url(../images/home_bulle_orange_reportage.png) no-repeat  0 0;
        }

        .home .titre_reportage p.txt {
          font-size: 90%;
          width: 390px;
          margin-left: 20px;
          padding-bottom: 10px;
        }

        .home .mod_reportage .mod_col_left{
          background-color: #E7E6EE;
          margin-left: 0px;
        }

        .home ul.liste_reportages {
          list-style: none outside url();
          background-color: #E7E6EE;
/*          height: 340px;*/
/*          overflow: auto;*/
        }
          .home ul.liste_reportages li {
            margin: 8px 0 8px 8px;
          }
            .home ul.liste_reportages li a.img_reportage {
              float: left;
              width: 64px;
            }
            .home ul.liste_reportages li .txt_reportage {
              float: left;
              width: 392px;
              height: 58px;
              padding-top: 7px;
              padding-left: 20px;
              background-color: #ccc;
            }
            .home ul.liste_reportages li .txt_reportage a {
              text-decoration: none;
            }
            .home ul.liste_reportages li .txt_reportage a:hover { text-decoration: underline; background-color: #ccc; }

            .home ul.liste_reportages li .txt_reportage .reporter a { text-decoration:underline; }

/* header
----------------------------------------------------------------------------------------------------*/
#header {
  background: transparent url(../images/header_background_theme.jpg) no-repeat top left;
}
  #header .corner-tl {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    left:0;
    top:0;
    background: #6A2880 url(/images/bg_header-corner-tl.png) no-repeat 0 0;
  }
  #header .corner-tr {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    right:0;
    top:0;
    background: #6A2880 url(/images/bg_header-corner-tr.png) no-repeat 0 0;
  }

  #logo {
    display: block;
    position:relative;
    float: left;
    margin: 24px 0 0 24px;
    _margin: 24px 0 0 12px;
  }
  #header .pub-728x90 {
    display: block;
    float: right;
    position:relative;
    margin-right: 15px;
    _margin-right: 7px;
    margin-top: 24px;
    width: 728px;
  }

    .zone-connect {
      height: 21px;
      margin-top: 10px;
      margin-left: 186px;
      margin-right: 43px;
      padding: 0;
      background: #91CB21 url(../images/barre-horizontal-header.gif) repeat-x center left;
    }
      .default {
        float: left;
      }
      .default .z1 {
        float: left;
        margin-top: 4px;
        margin-left: 10px;
        margin-right: 10px;
        color: white;
        font-weight: bold;

      }
        .default select {
          border: solid 1px white;
          height: 20px;
        }

      .no-connect {
        float: right;
      }
        .no-connect .input_text, .no-connect label, .input_button {
          float: left;
        }
        .no-connect .input_text {
          border: solid 1px white;
          height: 15px;
          margin-top: 1px;
          width: 133px;
        }
        .no-connect label {
          margin-top: 4px;
          margin-left: 7px;
          margin-right: 5px;
          color: white;
          font-weight: bold;

        }
      .connect p {
          float: left;
          margin-top: 4px;
          margin-left: 50px;
          margin-right: 10px;
          color: white;
          font-weight: bold;

      }
        .connect p b {
          margin-right: 50px;
        }

    .menu-onglet {
      margin: 0; padding:0;
      list-style: none inside url();
      padding-left: 80px;
      margin-left: 305px;
      margin-right: 43px;
    }
      .menu-onglet li {
        display: block;
        position: relative;
        float: left;
        height: 26px;
        margin: 0 20px 0 0;
      }
      .menu-onglet li.last {
        margin:0;
      }
      .menu-onglet li a { display: block; height: 26px; text-indent: -5000px; }

/* menu home */
  .menu-onglet li.home { width: 77px; }
  .menu-onglet li.home a {
    width: 77px;
    background: transparent url('../images/menu-home.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-home.png', sizingMethod='image');
  }
  .menu-onglet li.home a:hover,
  .menu-onglet li.home.active a {
    width: 77px;
    background: transparent url('../images/menu-home-hover.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-home-hover.png', sizingMethod='image');
  }

/* menu inscription */
  .menu-onglet li.inscription { width: 102px; }
  .menu-onglet li.inscription a {
    width: 102px;
    background: transparent url('../images/menu-inscription.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-inscription.png', sizingMethod='image');
  }
  .menu-onglet li.inscription a:hover,
  .menu-onglet li.inscription.active a {
    width: 102px;
    background: transparent url('../images/menu-inscription-hover.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-inscription-hover.png', sizingMethod='image');
  }
/* menu annuaire */
  .menu-onglet li.annuaire { width: 94px; }
  .menu-onglet li.annuaire a {
    width: 94px;
    background: transparent url('../images/menu-annuaire.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-annuaire.png', sizingMethod='image');
  }
  .menu-onglet li.annuaire a:hover,
  .menu-onglet li.annuaire.active a {
    width: 94px;
    background: transparent url('../images/menu-annuaire-hover.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-annuaire-hover.png', sizingMethod='image');
  }

/* menu dancefloor */
  .menu-onglet li.dancefloor { width: 112px; }
  .menu-onglet li.dancefloor a {
    width: 112px;
    background: transparent url('../images/menu-dancefloor.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-dancefloor.png', sizingMethod='image');
  }
  .menu-onglet li.dancefloor a:hover,
  .menu-onglet li.dancefloor.active a {
    width: 112px;
    background: transparent url('../images/menu-dancefloor-hover.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-dancefloor-hover.png', sizingMethod='image');
  }

/* menu covoiturage */
  .menu-onglet li.monprofil { width: 112px; }
  .menu-onglet li.monprofil a {
    width: 112px;
    background: transparent url('../images/menu-monprofil.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-covoiturage.png', sizingMethod='image');
  }
  .menu-onglet li.monprofil a:hover,
  .menu-onglet li.monprofil.active a {
    width: 112px;
    background: transparent url('../images/menu-monprofil-hover.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-monprofil-hover.png', sizingMethod='image');
  }
/* menu contact */
  .menu-onglet li.contact {width: 88px;}
  .menu-onglet li.contact a {
    width: 88px;
    background: transparent url('../images/menu-contact.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-contact.png', sizingMethod='image');
  }
  .menu-onglet li.contact a:hover,
  .menu-onglet li.contact.active a {
    width: 88px;
    background: transparent url('../images/menu-contact-hover.png') no-repeat top left;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu-contact-hover.png', sizingMethod='image');
  }


/* content
----------------------------------------------------------------------------------------------------*/
#contentFirst{
  background-color: white;
}


  ul.menu_col_1_1 {
    float: right;
    height: 20px;
    width: 100%;
    list-style: none outside url();
  }
    ul.menu_col_1_1 li {
      float: left;
      margin: 0 3px;
    }
    ul.menu_col_1_1 li.right {
      float:right;
    }
      ul.menu_col_1_1 li a {
        text-transform: uppercase;
        font-size: 0.9em;
        line-height: 25px;
        padding: 5px 10px;

        text-decoration: none;
        color: #6c6b6b;
        background-color: #dedddd;
      }
      ul.menu_col_1_1 li a.active,
      ul.menu_col_1_1 li a:hover {
        color: white;
        background: #8aba28;
      }

  /*   INSCRIPTION
  ----------------------------------------------------------------------------------------------------*/
  .block_inscription {
    margin: 0 auto;
    width: 834px;
    height: 705px;
    background: transparent url(../images/bg-inscription.jpg) no-repeat top center;
  }
    .block_inscription .block_intro {
      padding: 85px 0 0 36px;
    }
      .block_inscription .block_intro .title {
        font-size: 1.5em;

        font-weight: bold;
        color: #794eba;
      }


    .block_inscription #form_inscription {
      margin: 36px;
    }
      .block_inscription #form_inscription p {
        clear: both;
        line-height: 2em;
      }
        .block_inscription #form_inscription p .label {
          float: left;
          width: 195px;
        }
        .block_inscription #form_inscription p .input_text {
          float: left;
          border: solid 1px #b33074;
          line-height: 1.5em;
          width: 175px;
          margin-right: 5px;
        }
        .block_inscription #form_inscription .etablisement-select {
          margin-left: 195px;
          width: 460px;
        }
          .block_inscription #form_inscription .etablisement-select .list_select {
            background: transparent url(../images/px-white-70.png) repeat 0 0;
            width: 220px;
            height: 175px;
            padding: 5px;
            margin-bottom: 7px;
            overflow: hidden;
          }
          .block_inscription #form_inscription .etablisement-select ul {
            list-style: none outside url();
          }
            .block_inscription #form_inscription .etablisement-select ul li {
              display: block;
              line-height: 1.5em;
              width: 210px;
              margin: 0; padding: 0;
            }
              .block_inscription #form_inscription .etablisement-select ul li .del {
                display: inline;
                float: left;
                margin-right: 5px;
                background: transparent url(../images/bt_sup_01.gif) no-repeat 0 0;
                width: 13px; height: 13px;
                cursor: pointer;
              }
          .block_inscription #form_inscription .etablisement-select .certifie {
            color: black;
          }
          .block_inscription #form_inscription .input_submit {
            border: solid 1px white;
            background-color: white;
            cursor: pointer;
          }

#content{
  background-color: white;
}
.content {
  background-color: #E7E6EE;
  padding: 15px;
}

  .content .content_modul {
    border: 1px solid #d1cedf;
    background-color: #fff;
    padding: 7px 10px;
  }
  .col_2_2 .gros_titre {
    font-size: 1.3em;
    font-weight: bold;

    color: #b73c61;
    width: 470px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #A0A0A0;
    margin-top: 15px;
  }
    .col_2_2 .gros_titre.small {
      font-size: 1.1em;
    }
  .col_2_3 .gros_titre {
    font-size: 1.3em;
    font-weight: bold;

    color: #b73c61;
    width: 440px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #A0A0A0;
    margin-top: 15px;
  }

  .dotted {
    font-size: 1px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #A0A0A0;
    margin-bottom: 0.3em;
    width: 600px;
    clear: both;
  }


  .mod_content {
    margin-left: 7px;
  }
  .block_cadre {
    margin-left: 10px;
    padding: 10px;
    /*border: 1px solid #A0A0A0;*/
    float: left;
    width: 433px;
  }

/* PAGE MENU ONGLET VERT Admin premium
----------------------------------------------------------------------------------------------------*/
.page_menu_onglet {
  list-style: none outside url();
  height: 23px;
}

/* admin premium */
  .page_menu_onglet.premium li {
    margin-left: 17px;
    *margin-left: 16px;       /* IE7 */
    margin-left/*\**/: 21px\9;/* IE8 */
    _margin-left: 16px;       /* IE6 */
  }

  .page_menu_onglet.premium li.first{ margin-left: 0; }
  .page_menu_onglet.premium li.last { margin-right: 0; }

  /* FIREFOX ET WEBKIT */
  html:not([lang*=""]) .page_menu_onglet.premium li.first{ margin-left: 0; }
  html:not([lang*=""]) .page_menu_onglet.premium li {
    margin-left: 22px;
  }
/* END admin premium */

  .page_menu_onglet li {
    float: left;
    height: 23px;
    line-height: 23px;
  }
    .page_menu_onglet li a {
      padding: 5px 0 5px 5px;
      background: transparent url(../images/page_menu_onglet_li-0.gif) no-repeat top left;
      font-weight: bold;

      color: white;
      text-decoration: none;

      _padding: 0 5px;    /* IE6 */
      *position: relative;/* IE7 */
    }
      .page_menu_onglet li a span {
        padding: 5px 5px 5px 0;
        *padding: 5px 5px 4px 0; /* IE7 */
        *margin-top: -5px;       /* IE7 */
        _padding: 4px 5px 4px 0; /* IE6 */
        background: transparent url(../images/page_menu_onglet_li-1.gif) no-repeat top right;
      }
      /* gestion de :hover et .active */
    .page_menu_onglet li a:hover,
    .page_menu_onglet li.active a      { background-image: url(../images/page_menu_onglet_liHover-0.gif); }
    .page_menu_onglet li a:hover span,
    .page_menu_onglet li.active a span { background-image: url(../images/page_menu_onglet_liHover-1.gif); }



.paragraphe p {
  width: 600px;
  margin: 5px 0;
}

/* PREMIUM admin Experience
----------------------------------------------------------------------------------------------------*/
.block_list_etablissements {
  padding-left: 20px;
}
.list_thumb_etablissements {
  position: relative;
  list-style: none outside url();
  margin-top: 15px;
  overflow: auto;
  height: 200px;
}
  .list_thumb_etablissements li {
    position: relative;
    float: left;
    width: 70px;
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 15px;
    background-color: white;
    text-align: center;
  }
    .list_thumb_etablissements li .img_etablis {
      display: block;
      height: 67px;
    }
    .list_thumb_etablissements li .titre {
      display: block;
      height:15px; width: 65px;
      _height:10px;
      padding: 3px 0;
      text-align: center;

      font-size: 0.8em;
      text-decoration: none;

      overflow: hidden;
      white-space: pre; /* Mozilla */
      word-break: break-all; /* Internet Explorer  */
      _white-space: normal; /* Internet Explorer 6.0  */
    } .list_thumb_etablissements li a:hover.titre  { text-decoration: underline; }

    ul.list_thumb_etablissements li a.bt_sup {
      display: block;
      position: absolute;
      margin-top: 3px;
      margin-left: 50px;
      _margin-left: 14px; /* IE 6 */
      *margin-left: 14px; /* IE 7 */
      background-color: #999;
      padding: 0 4px;
      color: #fff;
      text-decoration: none;
      border: 1px solid #666;
    } ul.list_thumb_etablissements li a:hover.bt_sup { text-decoration: underline; background-color: #AD1A1A; }

    ul.list_thumb_etablissements li a.bt_add {
      display: block;
      border: solid 1px #999;
      background: white url(../images/bg-01.gif) repeat-x top left;
      padding: 2px 0;
      width: 68px;

      text-decoration: none;
    } ul.list_thumb_etablissements li a:hover.bt_add {
      text-decoration: underline;
    }


/* PREMIUM FichE SAM
----------------------------------------------------------------------------------------------------*/
.trajet_googlemap {
  margin-top: 20px;
  margin-bottom: 20px;
}
  .trajet_googlemap p {
    text-align: right;
    font-size: 0.9em;

  }
  .trajet_googlemap #map_canvas {
    float: right;
    width: 595px;
    height: 285px;
    border: 1px solid #999;
    margin-top:5px;
  }


  .a_destination_de {
    height: 30px;
    margin-top: 20px;
    background-color: #E9E5F3;
  }
    .a_destination_de .titre {
      font-size: 1em;

      color: #d4186a;
      float: left;
      width: 300px;
    }
/* List mes Photos
----------------------------------------------------------------------------------------------------*/
ul.mes_photos {
  list-style: none outside url();
  margin: 0; padding: 0;
}
  ul.mes_photos li {
    float: left;
    width: 105px;
    padding: 0;
    margin: 0 7px;
  }
    ul.mes_photos li a.bt_sup {
      display: block;
      position: absolute;
      margin-top: 3px;
      margin-left: 90px;
      background-color: #999;
      padding: 0 2px;
      color: #fff;
      text-decoration: none;
    } ul.mes_photos li a:hover.bt_sup { text-decoration: underline; background-color: #AD1A1A; }
    ul.mes_photos li .photo {
      float: left;
      width: 105px;
      height: 105px;
      padding: 0;
      margin: 0;
    }
    ul.mes_photos li a.bt_principale {
      display: block;
      float: left;
      width: 105px;
      height: 18px;
      line-height: 18px;
      color: #666;
      text-align: center;
      text-decoration: none;

      background-color: #DADADA;
      border: 1px solid #999;
    } ul.mes_photos li a:hover.bt_principale { text-decoration: underline; }
    ul.mes_photos li a:hover.bt_principale,
    ul.mes_photos li a.bt_principale.active {
      color: #fff;
      background: #80B327;
    }
    .bt_envoyer_des_photos {
      display: block;
      float: right;
      width: 130px;
      padding: 4px 0;
      border: solid 1px #CCC;
      margin-top: 15px;
      text-align: center;
      background: white url(../images/bg-01.gif) repeat-x top left;
      cursor: pointer;
    }

/* PREMIUM MON ACTIVITEE
----------------------------------------------------------------------------------------------------*/
ul.list_visiteurs {
  list-style: none outside url();
  height: 350px;
  overflow: auto;
  background-color: #DADADA;
  border: 1px solid #B8B6C1;
}
  ul.list_visiteurs li.visiteur{
    float: left;
    width: 114px;
    height: 155px;
    background-color: white;
    border: 1px solid #B6B6B6;
    overflow:hidden;
    margin: 10px 15px;
    _margin: 10px 10px;
  }
  ul.list_visiteurs li.visiteur .img {
    float: left;
    margin: 7px 7px 0 7px;
  }
  ul.list_visiteurs li.visiteur .description {
    float: left;
    width: 100px;
    margin: 0px 7px;
    _margin: 0px 0 0 4px;
  }
    ul.list_visiteurs li.visiteur .description a {
      display: block;
      text-decoration: none;

    } ul.list_visiteurs li.visiteur .description a:hover {
      text-decoration: underline;
    }
    .txt_rose {
      color: #fd38a2;
    }

/* LIST SEDUCTION
----------------------------------------------------------------------------------------------------*/
.mod_seduction {
  position: relative;
  height: 219px;
  background-color: #E7E6EE;
  border: 1px solid #B8B6C1;
}
  .select_alone {
    border: 1px solid #999;
  }

  .mod_seduction .bt_navig {
    display: block;
    position: absolute;
    width: 19px;
    height: 22px;
    background-image: url(../images/bg_fleche_navig_g_d.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    margin-top: 70px;
  }
    .mod_seduction .bt_navig.gauche {
      margin-left: 10px;
      background-position: top left;
      left: 0;
    }
    .mod_seduction .bt_navig.droite {
      margin-left: 575px;
      background-position: top right;
      right:10px;
    }

ul.list_seductions {
  float: left;
  width: 520px;
  margin-left: 50px;
  _margin-left: 20px;
  margin-top: 10px;
  list-style: none outside url();
  overflow: hidden;
}
  ul.list_seductions li.seduction {
    float: left;
    width: 114px;
    height: 182px;
    margin: 0 7px;
  }
  ul.list_seductions li.seduction .img {
    float: left;
    height: 114px;
    padding: 7px 7px 0 7px;
    background-color: white;
  }
  ul.list_seductions li.seduction .description {
    float: left;
    width: 114px;
    margin: 0;
  }
  ul.list_seductions li.seduction .description .bt_demande {
    display: block;
    height: 39px;
    background-image: url(../images/bg_etat_seduction.jpg);
    background-color: transparent;
    background-repeat: no-repeat;
  }
    ul.list_seductions li.seduction .description .bt_demande.refusee {
      background-position: center 0;
    }
    ul.list_seductions li.seduction .description .bt_demande.en_attente {
      background-position: center -39px;
    }
    ul.list_seductions li.seduction .description .bt_demande.accepte, ul.list_seductions li.seduction .description .bt_demande.accepter {
      background-position: center -78px;
    }
    ul.list_seductions li.seduction .description .bt_demande.bloquer {
      background-position: center -117;
    }

    ul.list_seductions li.seduction .description a.bt {
        float: left;
        width: 104px;
        height: 17px;
        background: transparent url(../images/bg-01.gif) repeat-x 0 0;
        padding: 2px 5px;

        text-decoration: none;
        font-size: 0.9em;
        color: #4C4C4C;
      } ul.list_seductions li.seduction .description a:hover.bt {
        text-decoration: underline;
      }

/* PREMIUM MON RESEAUX
----------------------------------------------------------------------------------------------------*/
.tweet {}
  .tweet label {
    float: left;
    width: 200px;
    margin-left: 20px;
    color: #7D7D7D;
    font-size: 1.2em;

  }
  .tweet .length {
    float: right;
    text-align: right;
    width: 200px;
    color: #7D7D7D;
    font-size: 1.3em;

  }
  .tweet .text_field {
    clear: both;
    float: left;
    width: 600px;
    border: 1px solid #999;
    padding: 0px 5px;
    line-height: 2.0em;
    height: 2.0em;
  }
  .tweet .bt_partager {
    float: left;
    clear: both;
    margin-left: 490px;
    margin-top: 7px;
  }
.last_publication {
  height: 80px;
  margin-left: -10px;
  background: transparent url(../images/bg_bulle.gif) no-repeat 0 15px;
}
  .last_publication .titre {
    font-size: 1.2em;

    color: #7D7D7D;
    margin-left: 30px;
  }
  .last_publication .txt {
    margin-left: 45px;
    margin-top: 15px;
    font-size: 1.1em;
  }
  .last_publication .stats {
    clear: both;
    margin-top: 15px;
    font-size: 0.9em;

    text-align: right;
    height: 20px;
  }
    .last_publication .stats span {
      float: left;
      width: 300px;
    }

.block_wall {
  margin-top: 10px;
}
  .block_wall .titre {
    font-size: 1.2em;

    color: #7D7D7D;
  }
  .block_wall ul.wall {
    list-style: none outside url();
    border: 1px solid #B6B6B6;
    background-color: white;
    padding: 0 7px;

    overflow: auto;
    height: 300px;
  }
    .block_wall ul.wall li.actu {
      padding-top: 7px;
      margin-left: 0px;
      width: 560px;
      border-bottom: 1px dotted #B6B6B6;
    }
      .block_wall ul.wall li.actu .img {
        float: left;
        width: 50px;
      }
      .block_wall ul.wall li.actu .txt {
        float: left;
        width: 500px;
        margin-top: 10px;
        margin-left: 7px;
      }
        .block_wall ul.wall li.actu .txt em,
        .block_wall ul.wall li.actu .txt em a {  color: #b73c61; }
        .block_wall ul.wall li.actu .stats {
          float: left;
          width: 550px;
          margin-top: 5px;
          text-align: right;
          font-size: 0.9em;
        }
          .block_wall ul.wall li.actu .stats span {
            display: block;
            float: left;
            width: 550px;
            text-align:left;
            padding-left:15px;
          }
      .block_wall ul.wall li.actu ul.commentaires {
        list-style: none outside url();
        clear: both;
        width: 500px;
        margin-left: 50px;
        background-color: #E9E5F3;
        padding: 7px;
      }
        .block_wall ul.wall li.actu ul.commentaires li.commentaire {
          margin-top: 0px;
          margin-bottom: 5px;
        }
          .block_wall ul.wall li.actu ul.commentaires li.commentaire .who,
          .block_wall ul.wall li.actu ul.commentaires li.commentaire .who a {
            font-size: 0.9em;

          }
          .block_wall ul.wall li.actu ul.commentaires li.commentaire .who em,
          .block_wall ul.wall li.actu ul.commentaires li.commentaire .who em a {
            color: #b73c61;
          }

          .block_wall ul.wall li.actu ul.commentaires li.commentaire .text {
            margin-top: 0px;
            font-size: 0.9em;
          }
.block_option {
  text-align: right;
  margin-bottom: 7px;
}

/* MODULE THERMO + NB MEMBRES
----------------------------------------------------------------------------------------------------*/
.mod_thermo-membres {
  float: left;
  width: 162px; height: 61px;
  margin-left: 7px;
  background: #DADADA url(../images/bg-mod_thermo-membres.jpg) no-repeat  top left;
  color: white;
}
  .mod_thermo-membres .thermo_hot {
    background-image: url(../images/thermoporno_small_3.gif);
    float: left;
    margin-top: 13px;
    margin-left: 8px;
    _margin-left: 2px;
  } .mod_thermo-membres .thermo_hot span { background-image: url(../images/thermoporno_small_3.gif); }

  .mod_thermo-membres .thermo-degre {
    float: left;
    width: 60px;
    margin-top: 15px;
    margin-left: 5px;
  }
  .mod_thermo-membres p {

    clear: both;
    padding: 7px 10px;
    _padding: 2px 10px;
  }

/* MOD TOP MON SOLDE DE POINT ET STATS...
----------------------------------------------------------------------------------------------------*/
.mod_mon_solde {
  float: left;
  background: transparent url(/images/bg_mod_header_content_solde_2.jpg) no-repeat top right;
  width: 502px;
  height: 60px;
}
  /* MON SOLDE DE POINTS */
  .mod_mon_solde .mon_solde {
    display: block;
    position: absolute;
    margin: 7px 0 0 65px;
    _margin: 7px 0 0 55px;
    width: 300px;
    height: 25px;
    color: white;

    font-size: 1.3em;
    line-height: 1.5em;
  }
  .mod_mon_solde.v2 .mon_solde {
    margin: 13px 0 0 210px;
    _margin: 13px 0 0 200px;
  }
  .mod_mon_solde .mon_solde.text {
    margin: 8px 0 0 50px;
    _margin: 8px 0 0 40px;
    width: 450px;
  }

    .mod_mon_solde .mon_solde em { float: left; width: 90px; font-size: 1.0em; line-height: 1.5em; height: 25px; }
    .mod_mon_solde .mon_solde.text em, .mod_mon_solde .mon_solde.text a { float: none; line-height: 1.5em; height: 25px; font-size: 1.0em; font-style:normal; }
    .mod_mon_solde .mon_solde.text a { color:white; font-weight:bold; text-decoration:none; }
    .mod_mon_solde .mon_solde.text a:hover { text-decoration:underline; }
    .mod_mon_solde .mon_solde span {
      display: block;
      float: left;
      width: 170px;
      padding-left: 20px;
      font-size: 0.8em;
      line-height: 2em;
      height: 25px;
      background: transparent url(../images/jauge-reputation.png) no-repeat right center;
      _background-image: none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jauge-reputation.png', sizingMethod='image');

    }

  /* BOUTONS */
  .bt_acheter_points, .bt_voir_ma_page {
    border: solid 1px #CCC;
    background: white url(../images/bg-01.gif) repeat-x top left;
    padding: 2px 5px;
    width: 115px;
    cursor: pointer;
    text-align: center;
  } .bt_acheter_points a, .bt_voir_ma_page a { text-decoration: none;  }
    .bt_acheter_points a:hover, .bt_voir_ma_page a:hover { text-decoration: underline; }
  .bt_acheter_points {
    position: absolute;
    margin: 9px 0 0 370px;
    _margin: 7px 0 0 370px;
  }
  .bt_voir_ma_page {
    position: absolute;
    margin: 26px 0 0 380px;
  }
  .mod_mon_solde .stats {
    list-style: none outside url();
    display: block;
    position: absolute;
    margin: 39px 0 0 0;
    width: 510px;
    height: 20px;
  }
    .mod_mon_solde .stats li {
      display: inline;
      line-height: 20px;

      margin-left: 60px;
    }
      .mod_mon_solde .stats li span {
        color: #d21f6c;
      }
  .bt_inline {
    border: solid 1px #999;
    background: white url(../images/bg-01.gif) repeat-x top left;
    padding: 2px 5px;
    width: 50px;
    cursor: pointer;
    text-align: center;
    margin-left: 7px;
  } .bt_inline a { text-decoration: none;  }
    .bt_inline a:hover { text-decoration: underline; }
/* FORM
----------------------------------------------------------------------------------------------------*/
.mod_content.form p { height: 25px; margin-bottom: 5px; }
.mod_content.form p .label {
  width: 85px;
  float: left;
}
.mod_content .form_search .field_text {
  float: left;
  width: 320px;
  border: 1px solid #a23974;
}
.mod_content .form_search .textarea {
  float: left;
  width: 320px;
  border: 1px solid #a23974;
}
.mod_content .form_search .select,
.mod_content .form_search .select_small {
  border: 1px solid #a23974;
}

.mod_content .submit_right.valider {
  margin-right: 90px;
}

.mod_content img.pub-468x60 {
  margin: 10px 60px;
  width:468px;
  height:60px;
}

.form_search .checkbox {
  /*border: 1px solid #a23974;*/
}

.form_search {
  margin: 0 0 0 15px;
  margin-top: 8px;
  min-height: 20px;
  _height: 20px;
  clear: both;
}
.form_search .label{
  width: 90px;
  margin: 3px 0;
  float: left;

  cursor:pointer;
}
.form_search .label.long{
  width: 170px;
}
.form_search .label.short{
  width: 150px;
}
.form_search .select{
  width: 170px;
  float: left;
  border: solid 1px #CCC;
  cursor:pointer;
}
.form_search .select_small{
  width: 50px;
  float: left;
  border: solid 1px #CCC;
  cursor:pointer;
  margin-right: 7px;
}


.submit_right {
  width: 95px;
  float: right;
  border: solid 1px #CCC;
  background: white url(../images/bg-01.gif) repeat-x top left;
  margin-right: 11px;
  cursor: pointer;
}
.submit_right.valider_etablissement {
  margin-right: 260px;
  width: 150px;
}
.titre_form {
  color: #A3294F;
  margin-left: 30px;
}
.bouton_rechercher_avance {
  display: block;
  height: 18px;
  width: 133px;
  margin-left: 15px;
  margin-top: 15px;
  padding-bottom: 15px;
}
  .bouton_rechercher_avance.open  {background: transparent url(../images/bouton_rechercher_avance-open.gif) no-repeat 0 0;}
  .bouton_rechercher_avance.close {background: transparent url(../images/bouton_rechercher_avance-close.gif) no-repeat 0 0;}

/* FICHE ETBLISSEMENT
----------------------------------------------------------------------------------------------------*/
.fiche_etablissement { margin-top: 10px; }
.fiche_etablissement .logo_etablissement {
  float: left;
  border: 1px solid #999;
  margin: 0;
}
.fiche_etablissement .info_etablisssement div {
  float: left;
  width: 420px;
  padding: 10px 10px;
  _padding: 8px 10px;
  margin-left: 7px;
  background-color: #f5f2f2;
}
  .fiche_etablissement .info_etablisssement .titre {
    font-size: 1.2em;
    font-weight: bold;
  }
.fiche_etablissement .info_etablisssement .i-love {
  width: 400px;
  padding-left: 30px;
  margin-top: 5px;

  background: #f5f2f2 url(../images/logo-info.gif) no-repeat 5px 50%
}
/* MENU ETABLISSEMENT
----------------------------------------------------------------------------------------------------*/
.menu_etablissement {
  list-style: none outside url();
  height: 32px;
  margin-bottom: 10px;
  padding: 0 0 0 5px;
  background: transparent url(../images/bg_menu-vert.gif) repeat-x 0 100%;
}
.menu_etablissement li {
  display: block;
  float: left;
  height: 32px;
  margin: 0; padding: 0;
  _text-align: center;
}
.menu_etablissement li a {
  display: block;
  height: 32px;
  padding: 0 18px;
  _padding: 0;
  line-height: 32px;
  color: white;
  font-weight: bold;

  text-decoration: none;
  background: transparent url(../images/bg_menu-vert-l.gif) no-repeat 100% 0;
} .menu_etablissement li a:hover, .menu_etablissement li.active a {
  background: transparent url(../images/bg_menu-vert-hover.gif) no-repeat 100% 0;
} .menu_etablissement li.last a { background-image: none; }
  .menu_etablissement li.last a:hover,
  .menu_etablissement li.last.active a { background: transparent url(../images/bg_menu-vert-hover.gif) no-repeat 0 0; }


#map_canvas { border: 1px solid #666; }

  /* MENU SEMAINE */
  .menu_semaine {
    list-style: none outside url();
    height: 20px;
    margin-left: 15px;
    margin-bottom: 10px;
  }
    .menu_semaine li {
      float: left;
      height: 20px;
      width: 85px;
      margin-left: 0;
    }
      .menu_semaine li a {
        display: block;
        height: 20px;
        width: 85px;
        border: 1px solid #666;
        border-right: 0px solid #999;
        text-align: center;
        text-decoration: none;
        line-height: 20px;
        background-color: transparent;
      }
      .menu_semaine li.last a { border-right: 1px solid #999; }
      .menu_semaine li a:hover { text-decoration: underline; background-color: #edebf6; }

  /* SOIREE A VENIR
  ----------------------------------------------------------------------------------------------------*/
  .block_info_soiree .logo_soiree {
    float: left;
    border: 1px solid #666;
  }
  .block_info_soiree .info_soiree {
    float: left;
    width: 300px;
    margin-left: 7px;
  }
    .block_info_soiree .info_soiree .titre {
      font-weight: bold;

      margin-top: 3px;
      _margin-top: 0;
      _margin-bottom: 0;
    }
    .block_info_soiree .info_soiree p {

    }

    .gros_titre_plus_mod {
      width: 630px;
    }
    .mod_membre_present {
      position: absolute;
      margin-left: 260px;
      margin-top: 0;
      _margin-left: 270px;
      _margin-top: 10px;
      width: 350px;
      font-size: 12px;

      color: black;
      text-align: right;
    }
    .plus_txt {
      position: absolute;
      margin-left: 160px;
      margin-top: 0;
      _margin-left: 170px;
      _margin-top: 10px;
      width: 450px;
      font-size: 12px;

      color: black;
      text-align: right;
    }
    .plus_txt.bg_i {
      background: transparent url(../images/bg_i.gif) no-repeat center left;
    }

    .mini_info {
      padding-left: 15px;
      background: transparent url(../images/logo-info-mini.gif) no-repeat left center;
    }

    .titre_vert {
      background-color: #82B727;
      color: white;
      font-weight: bold;

      padding: 5px 5px 5px 20px;
      margin-top: 15px;
      margin-left: -10px;
      margin-right: -10px;
    }

    ul.commentaires {
      list-style: none outside url();
      margin-bottom: 15px;
    }
      ul.commentaires li {
        margin-top: 15px;
        margin-left: 7px;
      }
        ul.commentaires li .titre {

          font-weight: bold;
        }
          /* GREEN */
          ul.commentaires.green li .titre { color: #7EAD24; }

          /* PINK */
          ul.commentaires.pink  li .h7{ margin-bottom: 10px; float: left; width: 80%; }
          ul.commentaires.pink  li .titre { color: #d64c88; font-weight: normal; }
          ul.commentaires.pink  li .titre_suite {  }
          ul.commentaires.pink  li p { float: left; clear: both; margin-bottom: 5px; width: 99%; }

      ul.commentaires li.separat {
        width: 450px;
        border-bottom: dotted 1px #999;
      }
      div.separat {
        margin-top: 15px;
        margin-bottom: 5px;
        width: 450px;
        border-bottom: dotted 1px #999;
      }
      ul.commentaires img.eval {
        float: right;
      }


    .form_commentaire {
      margin-top: 10px;
    }
      .form_commentaire p {
        margin: 7px 0;
      }
      .user.highlight_grey {
        display: block;
        width: 200px;
      }

  /*   List .last_event
  ----------------------------------------------------------------------------------------------------*/
  ul.last_event {
    list-style: none outside url();
    margin: 0; padding: 0;
/*    overflow: auto;*/
/*    height: 330px;*/
  }
    ul.last_event li {
      margin: 0 0 8px 0;
      _margin: 0 0 4px 0;
      height: 100px;
      width: 99%;
      *width: 445px;
    }
    ul.last_event li .block_txt {
      display: block;
      margin: 0;
      height: 72px;
      background-color: #F3F0F0;
      border: 1px solid #B0AEB8;
      padding-left: 10px;
    }

      ul.last_event li .block_txt .titre {
        width: 80%;
      }
        ul.last_event li .block_txt .titre a{
          display: block;
          margin-top: 5px;
          font-size: 1.2em;
          text-decoration: none;
          color: #d33c69;
        } ul.last_event li .block_txt .titre a:hover { text-decoration: underline; }
      ul.last_event li .block_txt .txt {
        display: block;
        width: 80%;
        text-decoration: none;
        font-size: 1em;

      } ul.list_reportages.archives li .block_txt a:hover.txt{ text-decoration: underline; }
        ul.last_event li .block_txt .txt a {
          display: inline;
          font-size: 1em;
        }
      ul.last_event li .block_txt .img_logo {
        display:block;
        float: right;
        width: 66px;
        height: 66px;
      }

      ul.last_event li .bottom_options {
        display:block;
        height: 30px;
      }
      ul.last_event li .bottom_options .ils_seront_la {
        display: block;
        float:left;
        margin-left: 100px;
        _margin-left: 50px;
        width: 150px;
        height: 17px;
        padding: 7px 0px 0px 30px;
        background: transparent url(../images/logo-ils-seront-la.png) no-repeat  left center;
          _background-image: none;
          _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/logo-ils-seront-la.png', sizingMethod='crop');
      }
        ul.last_event li .bottom_options .ils_seront_la a {
          text-decoration: none;

        } ul.last_event li .bottom_options .ils_seront_la a:hover { text-decoration:underline;; }

      ul.last_event li .bottom_options .nb_reaction {
        display: block;
        float:left;
        margin-left: 10px;
        width: 100px;
        height: 17px;
        padding: 7px 0px 0px 30px;
        background: transparent url(../images/logo-reactions.png) no-repeat  left center;
          _background-image: none;
          _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/logo-reactions.png', sizingMethod='crop');
      }
        ul.last_event li .bottom_options .nb_reaction a {
          text-decoration: none;

        } ul.last_event li .bottom_options .ils_seront_la a:hover { text-decoration:underline;; }


  /*   REPORTAGE
  ----------------------------------------------------------------------------------------------------*/
  ul.list_reportages {
    list-style: none outside url();
    margin: 0; padding: 0;
    overflow: auto;
    height: 400px;
  }
    ul.list_reportages li {
      margin: 0 0 8px 0;
      _margin: 0 0 4px 0;
      height: 86px;
      padding-top:20px;
    }
    ul.list_reportages li .block_txt {
      display: block;
      margin: 0;
      height: 74px;
      padding-top: 10px;
      background-color: #DADADA;
      border: 1px solid #B0AEB8;
      padding-left: 20px;
    }

    ul.list_reportages li .block_txt a {
      text-decoration: none;
    }
    ul.list_reportages li .block_txt .reporter a {
      text-decoration:underline;
    }

/*    ul.list_reportages li .block_txt {
      display: block;
      margin: 0;
      height: 86px;
      background-color: #DADADA;
      border: 1px solid #B0AEB8;
      padding-left: 20px;
    }*/
      ul.list_reportages li .block_txt .txt{
        display: block;
        width: 400px;
        /*margin-top: 10px;*/
        text-decoration: none;

      } ul.list_reportages li .block_txt .txt a:hover.txt{
        text-decoration: underline;
      }
      ul.list_reportages.archives li .block_txt a.txt{
        display: block;
        width: 400px;
        margin-top: 2px;
        text-decoration: none;

      } ul.list_reportages.archives li .block_txt a:hover.txt{
        text-decoration: underline;
      }



      ul.list_reportages li .img_reportage {
        float: right;
        width: 130px;
        height: 86px;
      }
      ul.list_reportages li .bts_action {
        float: right;
        width: 130px;
        height: 86px;
        padding-top: 7px;
        margin-right: 7px;
      }
        ul.list_reportages li .bts_action .bt_inline{
          float: right;
          width: 80px;
          margin-bottom: 7px;
        }
      ul.list_reportages li .bottom_actions {
        margin-left: 0px;
        margin-top: 7px;
      }
        ul.list_reportages li .bottom_actions span.bt_inline {
          margin-left: 0px;
          margin-right: 7px;
        }
        ul.list_reportages li .bottom_actions a {
          font-size: 0.9em;
        }

/* LIST PHOTOS THUMB
----------------------------------------------------------------------------------------------------*/
.list-photos-thumb {
  list-style: none outside url();
}
  .list-photos-thumb li {
    display: block;
    position: relative;
    float: left;
    margin: 0;
  }
    .list-photos-thumb li.photo-H {
      height: 100px;
      width:  130px;
      padding: 15px 10px;
      margin: 0 0 3px 0;
    }
    .list-photos-thumb li.photo-V {
      height: 130px;
      width:  100px;
      padding: 0 10px;
      margin: 0 0 3px 0;
    }

    .list-photos-thumb li a.bt_sup {
      display: block;
      position: absolute;
      background-color: #999;
      padding: 0 4px;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      border: 1px solid #666;
      opacity: 0.7;
      -moz-opacity: 0.7;
      filter:alpha(opacity=70);
      } .list-photos-thumb li  a:hover.bt_sup {
        text-decoration: underline;
        color: white;
        background-color: #AD1A1A;
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
      }
      .list-photos-thumb li.photo-H a.bt_sup {
        top: 18px;
        right: 13px;
      }
      .list-photos-thumb li.photo-V a.bt_sup {
        top: 3px;
        right: 16px;
      }


/* FICHE COVOITURAGE
----------------------------------------------------------------------------------------------------*/
/* gros_titre */
.content_modul .gros_titre_bt_orange { width: 600px; padding-top: 15px; }
.content_modul .gros_titre_bt_orange .gros_titre { float: left; width: 450px; margin-top: 0; }
.content_modul .gros_titre_bt_orange span.bt_orange {
  float: right;
  font-size: 12px;

  font-weight: normal;
  background-color: #F69F20;
  padding:3px;
} .gros_titre_bt_orange span.bt_orange a { color: white; text-decoration: none; }
  .gros_titre_bt_orange span.bt_orange a:hover { text-decoration: underline; }

ul.list_covoiturage {
  list-style: none outside url();
  margin: 0; padding: 0;
  overflow: visible;
  height: 420px;
}
ul#gestion_annonce.list_covoiturage.read {
  height: 110px;
}
ul#gestion_annonce.list_covoiturage.read li.annonce_covoiturage {
  background-color: transparent;
  border: 0 solid #999;
}
ul#gestion_annonce.list_covoiturage {
  position: relative;
  list-style: none outside url();
  margin: 0; padding: 0;
  /*overflow: auto;*/
  height: 420px;
}
  ul#gestion_annonce.list_covoiturage li.annonce_covoiturage {
    position: relative;
    /*border-bottom: 2px solid #999;*/
    background-color: #AFAFAF;
    margin-bottom: 20px;
    width: 583px;
  }

  .list_covoiturage li {
    margin: 0; padding: 0;
  }

  .list_covoiturage li .titre_list {
    margin-left: 10px;
    width: 550px;
  }
    .list_covoiturage li .img_titre {
      float: left;
      background-color: white;
      width: 68px; height: 86px;
      padding: 2px;
    }

      .list_covoiturage li .img_titre .pict_face {
        display: block;
        width: 66px;
        height: 66px
        margin:0 0 2px 0;
        border: 1px solid #fff;
      } .list_covoiturage li .img_titre a:hover.pict_face {
        border: 1px solid #999;
      }
      .list_covoiturage li .img_titre .titre {
        display: block;
        height:20px; width: 65px;
        _height:10px;
        padding: 3px 0;
        text-align: center;

        font-size: 0.8em;
        text-decoration: none;

        overflow: hidden;
        white-space: pre; /* Mozilla */
        word-break: break-all; /* Internet Explorer  */
        _white-space: normal; /* Internet Explorer 6.0  */
      } .list_inline li.img_titre a:hover.titre  { text-decoration: underline; }

    .list_covoiturage li b {
      font-weight: bold;

      color: #d1196f;
    }
    .list_covoiturage li .depart {
      float: left;
      width: 185px;
      height: 80px;
      padding: 10px 0 0 5px;
      background-color: #DADADA;
    }
    .list_covoiturage li .profil_passagers {
      float: left;
      width: 240px;
      _width: 230px;
      height: 80px;
      padding: 10px 0 0 81px;
      background-color: #DADADA;
    }
      .list_covoiturage li .profil_passagers.mec      { background: #DADADA url(../images/icon-profil-mec.gif) no-repeat      center left; }
      .list_covoiturage li .profil_passagers.nana     { background: #DADADA url(../images/icon-profil-nana.gif) no-repeat     center left; }
      .list_covoiturage li .profil_passagers.mec_nana { background: #DADADA url(../images/icon-profil-mec_nana.gif) no-repeat center left; }

    .bts_pink {
      text-align: right;
      padding-top: 10px;
      padding-bottom: 15px;
      width: 580px;
    }
      .bts_pink a {
        height: 18px;
        font-size: 18px;
        padding: 0; margin: 0;
      }

/* COL LEFT
----------------------------------------------------------------------------------------------------*/

.mod_col_left {
  background-color: #E7E6EE;
  margin-bottom: 15px;
  padding-top: 5px;
}

  .titre_modul {
    background-color: #d64c8a;
    font-size: 1.0em;
    padding: 0;
    margin: 0;
    height: 25px;
  }
    .titre_modul .titre {
      float: left;
      padding: 0 5px;
      margin-top: 7px;
      _margin-top: 5px;

      font-size: 1em;
      color: #fff;
    }
  .mod_col_left .content_modul {
    padding: 0;
    padding-bottom: 10px;
  }


  /*  MODULE avec 2 onglets intégrés */
  ul.onglets{
    list-style: none outside url();
    margin:0; padding:0;
    float: right;
  }
    ul.onglets li{
      margin: 0;
      padding: 0;
      line-height: 25px;
      float: left;
    }
      ul.onglets li a.active {
        display: block;
        margin: 0;
        padding: 0 10px;
        line-height: 25px;
        background-color: #DADADA;
      }
      ul.onglets li a:hover {
        display: block;
        margin: 0;
        padding: 0 10px;
        line-height: 25px;
        background-color: #999;
        color: black;
        text-decoration: none;
      } ul.onglets li a.active { color: black; }
        ul.onglets li a {
          color: white;
          padding: 0 10px;
          font-weight: bold;

          text-decoration: none;
        }


  .mod_col_left .content_modul ul.liste_avec_img,
  .mod_col_left .content_modul ul.liste_sans_img {
    list-style: none outside url();
    margin: 5px 0 0 7px;
    padding: 0;
  }
    .mod_col_left .content_modul ul.liste_avec_img li,
    .mod_col_left .content_modul ul.liste_sans_img li {
      margin: 0;
      margin-bottom: 7px;
    }
    .mod_col_left .content_modul ul.liste_avec_img .logo_etablissement {
      float: left;
      width: 65px;
      margin: 0; padding: 0;
      border: solid 1px #A9A9A9;
      height: 64px; width: 64px;
      margin: 0;
    } img.logo_etablissement { border: solid 1px #A9A9A9; }

    .mod_col_left .content_modul ul.liste_avec_img li .li_content.etablissement {
      float: left;
      background-color: white;
      height: 43px; width: 219px;
      padding: 7px 0 0 7px;
      margin: 7px 0 0 0;
    }


    .mod_col_left .content_modul ul.liste_sans_img .li_content.avis {
      background: transparent url(../images/loupe.gif) no-repeat 90% 50%;
      height: 55px;
      margin: 0; padding: 0;
    }
    .mod_col_left .content_modul ul.liste_avec_img .li_content.avis_form {
      float: left;
      width: 219px;
      padding: 0 0 0 7px;
      margin: 0;
    } .li_content.avis_form p.form_search { margin:0; height: 18px; }
      .mod_col_left .content_modul ul.liste_sans_img .li_content.avis .titre {
        margin-top: 10px;
        *margin-top: 0;
      }
      .mod_col_left .content_modul ul.liste_sans_img .li_content.avis .titre a{
        font-size: 0.9em;

        color: #d64c8a;
        text-decoration: none;
      }

      .mod_col_left .content_modul ul.liste_avec_img li .li_content .titre a {
        font-weight: bold;

        font-size: 0.9em;
        text-decoration: none;
      } .mod_col_left .content_modul ul.liste_avec_img li .li_content .titre a:hover { text-decoration: underline; }


/* COL 1
----------------------------------------------------------------------------------------------------*/
.col_1_3 .mod_txt, .col_1_2 .mod_txt {
  padding: 0 5px;
  margin-bottom:8px;
}
  .col_1_3 .mod_txt b, .col_1_2 .mod_txt b  {
    color: #b73c61;
  }

.col_1_3 .mod_playlist, .col_1_2 .mod_playlist {}
  .col_1_3 .mod_playlist .module, .col_1_2 .mod_playlist .module {}
  .col_1_3 .mod_playlist .module .titre_modul, .col_1_2 .mod_playlist .module .titre_modul {
    background: #91CB21 url(../images/bg_bt_vert.gif) repeat-x 0 0;
  }
    .col_1_3 .mod_playlist .module .mod_col_left, .col_1_2 .mod_playlist .module .mod_col_left {
      margin: 0px;
      padding: 0px;
      background-color: transparent;
    }
    .col_1_3 .mod_playlist .module .liste_hits, .col_1_2 .mod_playlist .module .liste_hits {
      list-style: none outside url();
      padding-top: 3px;
      background-color: #B1B1B1;
      padding-bottom: 0px;
      height: 171px;
      overflow: auto;
    }
      .col_1_3 .mod_playlist .module .liste_hits li, .col_1_2 .mod_playlist .module .liste_hits li {
        border-bottom: 1px dotted #999;
        margin-left: 0px;
        padding-left: 10px;
        line-height: 1.6em;
      }
        .col_1_3 .mod_playlist .module .liste_hits li a, .col_1_2 .mod_playlist .module .liste_hits li a {
          text-decoration: none;
          color: white;
          font-weight: bold;
        } .col_1_3 .mod_playlist .module .liste_hits li a:hover { font-size: 115%; }

/*  THERMO HOT
----------------------------------------------------------------------------------------------------*/
  .thermo_hot {
    display: block;
    float: right;
    height: 17px; width: 82px;
    background: transparent url(../images/thermoporno_small.gif) no-repeat 0 0;
  } .grand_list_etablissements .thermo_hot {
    background: transparent url(../images/thermoporno_small_2.gif) no-repeat 0 0;
  }
    .thermo_hot span {
      display: block;
      height: 17px;
      background: transparent url(../images/thermoporno_small.gif) no-repeat 0 100%;
    } .grand_list_etablissements .thermo_hot span {
      background: transparent url(../images/thermoporno_small_2.gif) no-repeat 0 100%;
    }

.dotted-230 {
  height: 5px;
  background: transparent url(../images/dotted-230.gif) no-repeat 50% 50%;
  clear: both;
}

img.logo_etablissement {
  margin: 5px;
  float: left;
}
a.logo_etablissement {
  margin: 6px 5px 5px 6px;
  float: left;
}


.mod_col_left.vert {
  background: #8F4276 url(../images/bg-02.gif) repeat-x 0 0;
  _border: 1px solid white;
  margin-bottom: 15px;
}

.suggestion {
  padding-top: 10px;
  float: left;
  width: 210px;
}
  .suggestion .titre a {
    display: block;
    width: 140px;
    font-size: 1.0em;
    padding-bottom: 3px;
    border-bottom: dotted 1px #FFF;
  }
.suggestion * {

  color: white;
  text-decoration: none;
}

/* PAGINATION
----------------------------------------------------------------------------------------------------*/
ul.paginate {
  list-style: none outside url();
  margin:0;
  text-align: center;
  background-color: #C6367A;
  line-height: 2em;
}
  ul.paginate li {
    margin:0;
    display: inline;
  }
  ul.paginate li.page a{
    padding: 0.2em 0.5em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
  } ul.paginate li.page a:hover {
      background-color: #D7D3E0;
      color: #000;
      text-decoration: underline;
    }
  ul.paginate li.page.active {
    padding: 0.4em 0.5em 0.3em;
    font-weight: bold;
    background-color: #D7D3E0;
    color: #000;
  }
  ul.paginate li.bt_paginate {
    border: 1px solid #999;
    background-color: #DADADA;
    padding: 0.2em 0.6em;
    margin: 0 5px;
  }
    ul.paginate li.bt_paginate a {
      color: #5F5F5F;

      text-decoration: none;
    } ul.paginate li.bt_paginate a:hover { text-decoration: underline; color: black; }

ul.paginate2 {
  list-style: none outside url();
  margin: 0.2em 0 0 0;
  text-align: right;
  background-color: transparent;
  line-height: 2em;
}
  ul.paginate2 li {
    margin:0;
    display: inline;
  }
  ul.paginate2 li.page a{
    padding: 0.4em 0.4em;
    font-weight: bold;
    color: #C6367A;
    text-decoration: none;
  } ul.paginate2 li.page a:hover {
      background-color: #C6367A;
      color: #fff;
      text-decoration: underline;
    }
  ul.paginate2 li.page.active {
    padding: 2px 4px;
    font-weight: bold;
    background-color: #C6367A;
    color: #fff;
  }
  ul.paginate2 li.bt_paginate {
    border: 1px solid #999;
    background-color: #DADADA;
    padding: 0.2em 0.6em;
    margin: 0 5px;
  }
    ul.paginate2 li.bt_paginate a {
      color: #C6367A;

      text-decoration: none;
    } ul.paginate2 li.bt_paginate a:hover { text-decoration: underline; color: black; }


.dotted_underligne {
  float:left;
  font-weight: bold;

  border-bottom: dotted 1px #999;
}

.mini_menu-inline {
  margin-top: 20px;
  _margin-top: 10px;
  padding-bottom: 5px;

  border-bottom: dotted 1px #999;
}
/* grand_list_etablissements
----------------------------------------------------------------------------------------------------*/
.grand_list_etablissements {
  list-style: none outside url();
  margin: 15px 0 0 0;
}
  .grand_list_etablissements  a.logo_etablissement {
    margin: 6px 5px 5px 0;
    float: left;
  }
  .grand_list_etablissements li { margin:0; }
.grand_list_etablissements .li_content.etablissement {
  float: left;
  background-color: #F1EEEE;
  height: 70px; width: 368px;
  padding: 7px 0 0 7px;
  margin: 7px 0 0 0;
}
.grand_list_etablissements .li_content.etablissement .titre a {
  font-size: 0.9em;

  font-weight: bold;
  text-decoration: none;
}

.notes_thermos {
  list-style: none outside url();
  margin: 0;
}
  .notes_thermos li {
    float: right;
    height: 20px;
    _width: 120px;
    _text-align: right;
    margin-left: 15px;
  }
    .notes_thermos li .thermo_hot {
      margin: 7px 0 0 0;
    }
    .notes_thermos li .thermo_celsus{
      position: relative;
      top: 10px;
      margin-right: 5px;
    }
    .notes_thermos li .img_good{
      position: relative;
      top: 3px;
      margin-right: 5px;
    }

/* LISTE INLINE
----------------------------------------------------------------------------------------------------*/
.content_modul .content_modul {
  background-color: #E7E6EE;
}
.list_inline {
  position: relative;
  list-style: none outside url();
  margin:0; padding: 0;
  _margin-left: -10px;
}
.list_inline.picts_face {
  position: relative;
  overflow: auto;
  height: 610px;
  _margin-left: 0;
}
  .list_inline li.img_titre {
    position: relative;
    display: block;
    float: left;
    width: 65px; height: 85px;
    margin: 5px 10px;
    border: 1px solid white;
    background-color: white;
  }

  .list_inline.picts_face li.img_titre {
    width: 68px; height: 85px;
    padding: 2px;
    _margin: 5px 10px 5px 7px;
  }   .list_inline li.img_titre .pict_face { display: block; width: 66px; height: 66px}

    .list_inline li.img_titre .logo_etablissement,
    .list_inline li.img_titre .pict_face {
      margin:0 0 2px 0;
      border: 1px solid #fff;
    } .list_inline li.img_titre a:hover.logo_etablissement,
      .list_inline li.img_titre a:hover.pict_face {
      border: 1px solid #999;
    }
    .list_inline li.img_titre .titre {
      display: block;
      height:20px; width: 65px;
      _height:10px;
      padding: 3px 0;
      text-align: center;

      font-size: 0.8em;
      text-decoration: none;

      overflow: hidden;
      white-space: pre; /* Mozilla */
      word-break: break-all; /* Internet Explorer  */
      _white-space: normal; /* Internet Explorer 6.0  */
    } .list_inline li.img_titre a:hover.titre  { text-decoration: underline; }




  .passager_confirme {
    position: relative;
    width: 550px;
  }
  .passager_confirme ul.list_inline.picts_face {
    position: relative;
    margin-left: 20px;
    width: 550px;
  }
  .passager_confirme ul.list_inline.picts_face li.img_titre {
    display: block;
    position: relative;
    width: 70px;
  }
  .passager_confirme ul.list_inline.picts_face li a.bt_sup {
    display: block;
    position: absolute;
    margin-top: 3px;
    margin-left: 50px;
    background-color: #999;
    padding: 0 4px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #666;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
    } .passager_confirme ul.list_inline.picts_face li a:hover.bt_sup {
      text-decoration: underline;
      color: white;
      background-color: #AD1A1A;
      opacity: 1;
      -moz-opacity: 1;
      filter: alpha(opacity=100);
    }


  .passager_confirme ul.list_inline.picts_face li a.bt_ok {
    display: block;
    position: absolute;
    margin-top: 25px;
    margin-left: 50px;
    background-color: #666;
    padding: 0 4px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #666;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
    } .passager_confirme ul.list_inline.picts_face li a:hover.bt_ok {
      text-decoration: underline;
      color: white;
      background-color: #25A913;
      opacity: 1;
      -moz-opacity: 1;
      filter: alpha(opacity=100);
    }

/* MESSAGERIE PRIVEE
----------------------------------------------------------------------------------------------------*/
.menu_messagerie {
  list-style: none outside url();
  height: 25px;
  background-color: #C03576;
  padding: 0 0 0 10px;
}
  .menu_messagerie li {
    float: left;
    width: 31%;
    margin: 0 5px;
    padding: 0;
    text-align: center;
  }
    .menu_messagerie li a {
      display: block;
      width: 98%;
      height: 25px;
      line-height: 25px;
      color: white;
      font-weight: bold;

      text-decoration: none;
    }
      .menu_messagerie li a:hover,
      .menu_messagerie li.active a {
        background: #C03576 url(../images/onglet_menu_messagerie_01.gif) no-repeat 0 3px;
        color: #C03576;
      }
      .menu_messagerie li a:hover span,
      .menu_messagerie li.active a span {
        display: block;
        margin-left: 10px;
        background: #C03576 url(../images/onglet_menu_messagerie_02.gif) no-repeat 100% 3px;
      }

.block_list_messages {
  background-color: #E7E6EE;
}
  .top_messages {
    display: block;
    height: 25px;
    padding-top: 10px;
  }
    .top_messages .titre {
      display: block;
      float: left;
      width: 180px;
      padding-left: 20px;
      font-size: 1.2em;
    }
    .top_messages .nb_messages {
      display: block;
      float: left;
      width: 200px;
    }

  ul.list_messages {
    list-style: none outside url();
    border: 1px solid #999;
    background-color: #fff;
    width: 555px;
    margin: 10px 20px 20px 20px;
    padding: 5px 7px;
  }
   ul.list_messages li.message {
     padding-top: 3px;
     margin-left: 0;
     border-bottom: 1px dotted #999;
   }
     ul.list_messages li.message .img {
       float: left;
     }
     ul.list_messages li.message .a_de {
       float: left;
       width: 140px;
       padding-top: 18px;
       padding-left: 5px;
     }
     ul.list_messages li.message .message {
       float: left;
       padding-top: 18px;
       padding-left: 5px;
       padding-bottom: 8px;
     }
     ul.list_messages li.message .titre {
       color: #d03178;
     }
     ul.list_messages li.message .date {

     }
     ul.list_messages li.message .message_sample {
      float: left;
      width: 300px;
      margin-bottom: 3px;
     }
        ul.list_messages li.message .message_sample.hide {
           height:1.2em;
           overflow: hidden;
           white-space: pre; /* Mozilla */
           word-break: break-all; /* Internet Explorer  */
           _white-space: normal; /* Internet Explorer 6.0  */
         }

     ul.list_messages li.message .check {
       float: left;
       width: 20px;
       padding: 28px 0 0 15px;
     }



  /* Ecrire un message */
  .check_this {
    position: absolute;
    margin-left: 50px;
  }

  /* message reçu */
  .header_message {}
  .header_message .img_user {
    float: left;
    width: 67px;
  }
  .header_message .sujet_date {
    float: left;
    margin-left: 7px;
    width: 470px;

  }
  .header_message .sujet_date .date {
    border-bottom: 1px dotted #999;
    margin-bottom: 7px;
  }
  .header_message .sujet_date .date b {color: #d03178;}
  .header_message .sujet_date .sujet {font-size: 1.3em;}
  .message_recu .message { margin-top: 10px; }

/* PUB
----------------------------------------------------------------------------------------------------*/

.pub-468x60 {
  display: block;
  position:relative;
  padding: 10px 7px;
  height:60px;
}
.pub-460x68 {
  display: block;
  position:relative;
  padding: 10px 7px;
  height:68px;
}
#accueil .pub-728-90 {
  margin-top: 20px;
  padding-bottom: 20px;
  margin-left: 48px;
  _margin-left: 40px;
}
  #accueil .pub-728-90 iframe { border: 1px solid #fff; }

/* PRO
----------------------------------------------------------------------------------------------------*/

.form_gris {
  clear: both;
  float: left;
  margin-top: 10px;
  margin-left: 180px;
  _margin-left: 80px;
  _width: 400px;
  background-color: #B9B7B7;
  padding: 0 5px 5px 5px;
}
  .form_gris .form_search .label {
    width: 110px;
  }
  .form_gris .form_search .field_text {
    width: 250px;
  }

/* STAT */
.intro_stat {
  margin-top: 10px;
}
ul.table.stat {
  margin-top: 10px;
  margin-left: 40px;
  list-style: none outside url();
  width: 500px;
  border: 1px solid #fff;
  font-style: italic ;
}
  /* TR */
  ul.table.stat li.tr {
    margin-left: 0px;
  }
    ul.table.stat li.tr.head,
    ul.table.stat li.tr.head .th.filter{
      background-color: #C6397D;
    }

    /* Th TR */
    ul.table.stat li.tr .th,
    ul.table.stat li.tr .td {
      float: left;
      display: block;
      height: 22px;
      line-height: 22px;
      padding: 3px 5px;
      margin: 0px;
    }
    ul.table.stat li.tr .th {
      font-weight: bold;
      color: white;
    }
      ul.table.stat li.tr .th.filter,
      ul.table.stat li.tr .td.titre {
        width: 277px;
        border-bottom: 1px solid #fff;
      }
      ul.table.stat li.tr .th.stat,
      ul.table.stat li.tr .td.stat{
        width: 60px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background-color: #BCBBBF;
        color: white;
        font-weight: bold;
        font-size: 1.1em;
        text-align: center;
      }
      ul.table.stat li.tr .td.stat .img_stat {
        padding-left: 20px;
        background-position: bottom left;
        background-repeat: no-repeat;
        background-color: transparent;
      }
        ul.table.stat li.tr .td.stat .img_stat.red {
          background-image: url(../images/stat_img_red.gif);
        }
        ul.table.stat li.tr .td.stat .img_stat.orange {
          background-image: url(../images/stat_img_orange.gif);
        }
        ul.table.stat li.tr .td.stat .img_stat.green {
          background-image: url(../images/stat_img_green.gif);
        }

    /* TOTAL */
    ul.table.stat li.tr.total,
    ul.table.stat li.tr.total .td.stat {
      background-color: #F69F20;
      color: white;
    }
    ul.table.stat li.tr.total .td.titre,
    ul.table.stat li.tr.total .td.stat {
      background-color: #F69F20;
      border-bottom: 0px solid #fff;
    }
    .asterisque.stat {
      font-size: .9em;
      color: #777;
      margin-left: 40px;
    }


/* DANCE FLOOR
----------------------------------------------------------------------------------------------------*/
div.dancefloor {
  background-color: #DADADA;
  width: 660px;
  float: left;
  margin-left: 10px;
}
.noBg {
  background-color: transparent !important;
}
  #page .dancefloor .col_2_3 {
    position: relative;
    margin-left: 0px;
    width: 509px;
  }



  #page .dancefloor .col_3_3 {
/*    margin-left: 22px;*/
/*    margin-top: 15px;*/
/*    width: 140px;*/
  }
    .dancefloor .col_3_3 {
      float:right !important;
      margin-top: 0 !important;
      margin-right: 0 !important;
      width: 120px !important;
    }
      .dancefloor .col_3_3 div {
        float: right;
      }

.dancefloor .content {
  padding: 15px 15px 15px 15px;
}



.block_guest {
  position: relative;
  border: 1px solid #E7E6EE;
/*  padding-top: 65px;*/
  background: #fff url(../images/bg_guest.jpg) no-repeat 0 0;
/*  border: 1px solid #d2cfe0;*/
}
 .block_guest .content_modul {
   background-color: transparent;
 }
 .block_guest .txtCenter {
   text-align: center;
   margin: 15px 0;
 }
 .block_guest a.bt_je_suis_vip {
   display: block;
   overflow: hidden;
   width: 123px;
   height: 23px;
   margin: 0 auto;
   text-indent: -100px;
   background: transparent url(/images/bt_je_suis_vip.gif) no-repeat  0 0;
 }  .block_guest a:hover.bt_je_suis_vip { background-position:0 100%; }

  .block_guest .bt_mon_profil {
    background: transparent url(../images/bt_mon_profil.png) no-repeat 0 0;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bt_mon_profil.png', sizingMethod='image');
    height: 21px;
    width: 93px;
    position: absolute;
    top: 32px;
    left: 302px;
    text-align: center;
  }
    .block_guest .bt_mon_profil a {
      display: block;
      margin: 3px 0px 0px 0px;
      color: white;
      font-weight: bold;

      text-decoration: none;
    } .block_guest .bt_mon_profil a:hover { text-decoration: underline; }

ul.list_guest {
  list-style: none outside url();
/*  border-bottom: 1px dotted #999;*/
}
  ul.list_guest li.guest {
    position: relative;
    margin-left: 10px;
    padding-top: 5px;
    height: 70px;
    border-bottom: 1px dotted #999;
    clear: both;
  }
    ul.list_guest li.guest .img_guest {
      float: left;
      width: 66px;
    }
    ul.list_guest li.guest .description {
      float: left;
      width: 200px;
      height: 70px;
      padding-left: 10px;

      margin-top: 0px;
    }
      ul.list_guest li.guest .description .nom {
        font-size: 1.3em;

        color: #d64d8b;
        text-decoration: none;
      } ul.list_guest li.guest .description a:hover.nom { text-decoration: underline; }

    ul.list_guest li.guest .points {
      float: left;
      width: 187px;
      background: transparent url(../images/bg_point_guest.png) no-repeat 0 0;
      _background-image: none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bg_point_guest.png', sizingMethod='image');
      height: 25px;
    }
      ul.list_guest li.guest .points span {
        display: block;
        margin-top: 3px;
        margin-left: 20px;
        color: white;

      }

    ul.list_guest li.guest ul.actions  {
      list-style: none outside url();
      float:right;
      width: 80px;
      margin-top:0;
    }
      ul.list_guest li.guest ul.actions li.bt_action  {
        display:block;
        float: none;
        height: 22px;
        width: 100%;
        margin:0;
      }

        ul.list_guest li.guest ul.actions li.bt_action .bt_inline {
          display:block;
          margin: 0;
          width: 60px;
          border: 0 solid #999;
          background-color:transparent;
        }

  div.dancefloor .content_modul .gros_titre_plus_mod {

    position: relative;
    width: 455px;
  }
    div.dancefloor .content_modul .gros_titre {
      margin-top: 0px;
    }
    div.dancefloor .content_modul .gros_titre_plus_mod .mod_membre_present {
      margin-left: 100px;
    }


  .list_inline.picts_face.piste li.img_titre {
    margin: 5px ;
  }
  /* grand_list_profils
  ----------------------------------------------------------------------------------------------------*/
  .grand_list_profils {
    list-style: none outside url();
    margin: 15px 0 0 0;
  }
    .grand_list_profils  a.img_profil {
      margin: 6px 5px 5px 0;
      float: left;
    }
    .grand_list_profils li { margin:0; }
  .grand_list_profils .li_content.profil {
    float: left;
    background-color: white;
    height: 70px; width: 368px;
    padding: 7px 0 0 7px;
    margin: 7px 0 0 0;
  }
  .grand_list_profils .li_content.profil .titre a {
    font-size: 0.9em;

    font-weight: bold;
    text-decoration: none;
    color: #d64d8b;
  }

  ul.actions {
    list-style: none outside url();
    float: left;
    width: 365px;
    margin-top: 7px;
  }
    ul.actions li.bt_action {
      float: right;
      width: 50px;
      height: 20px;
      margin-left: 10px;
    }
      ul.actions li.bt_action .bt_inline {
        background-image: url(../images/bg_bt_vert.gif);
        border: 1px solid #91CB21;
      }
        ul.actions li.bt_action .bt_inline a {
          color: #fff;
        }
 .rose {color: #d64d8b;}

/* DANCE FLOOR - PROFIL MEMBRE PREMIUM
----------------------------------------------------------------------------------------------------*/
.profil_membre_premium {}

  .profil_membre_premium .profil {
    float: left;
    width: 275px;
  }
  .profil_membre_premium .quick_description {
    float: left;
    width: 305px;
    margin-left: 20px;
  }
    .profil_membre_premium .profil .pseudo {
      font-size: 1.2em;

      color: #1A1A1A;
    }
    .profil_membre_premium .profil .tof_options {}
      .profil_membre_premium .profil .tof_options .img_face {
        float: left;
      }
      .profil_membre_premium .profil .tof_options .options {
        float: left;
        width: 133px;
        height: 137px;
        background-color: white;
      }
        .profil_membre_premium .profil .tof_options .options .titre_option {
          font-size: 1.2em;

          color: #605F5F;
          padding: 4px 0 5px 0;
          border-bottom: 2px dotted #605F5F;
          margin: 3px 7px 7px 5px;
        }
        .profil_membre_premium .profil .tof_options .options a.bt_option_green {
          position: relative;
          display: block;
          padding: 4px 0 0 10px;
          height: 17px;
          width: 104px;
          margin: 10px 0 0 10px;
          background: transparent url(../images/bt_green_options.png) no-repeat  center center;
          color: white;
          font-weight: bold;

          text-decoration: none;
        } .profil_membre_premium .profil .tof_options .options a:hover.bt_option_green { color:#C03576; }

        .profil_membre_premium .profil .tof_options .options a.bt_option_gris {
          position: relative;
          display: block;
          padding: 4px 0 0 10px;
          height: 17px;
          width: 104px;
          margin: 10px 0 0 10px;
          background: transparent url(../images/bt_gris_options.png) no-repeat  center center;
          color: white;
          font-weight: bold;

          text-decoration: none;
        } .profil_membre_premium .profil .tof_options .options a:hover.bt_option_gris { color:#C03576; }

    .profil_membre_premium .profil ul.list_4_tofs {
      list-style: none outside url();
      margin-top: 10px;
    }
      .profil_membre_premium .profil ul.list_4_tofs li {
        position: relative;
        display: block;
        float: left;
        height: 65px;
        width:  65px;
        margin: 0px 3px 0px 0px;
        padding: 0;
        background: transparent url(../images/default_photo_profil.gif) no-repeat center center;
        _font-size: 1%;
      }
        .profil_membre_premium .profil ul.list_4_tofs li .img_tog {
          display: block;
          margin: 0px;
          padding: 0px;
        }
    .profil_membre_premium .profil .signaler {
      margin-top: 3px;
      _margin-top: 0;

    }
      .profil_membre_premium .profil .signaler a {
        font-size: .8em;
        text-decoration: none;
        color: #535353;
      } .profil_membre_premium .profil .signaler a:hover { text-decoration: underline; }

  .profil_membre_premium .quick_description {
    margin-top: 20px;
  }
    .profil_membre_premium .quick_description .points {
      height: 20px;
    }
      .profil_membre_premium .quick_description .points span {
        float: left;
        width: 183px;
        height: 20px;
        line-height: 20px;
        padding-left: 20px;
        margin-left: 85px;
        background: transparent url(../images/bg_point_guest.png) no-repeat center left;
        _background-image: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bg_point_guest.png', sizingMethod='image');
        color: #fff;

      }
    .profil_membre_premium .quick_description .mini_description {
      margin-top: 10px;
      background-color: white;
      padding: 5px;
      font-size: .9em;

    }
      .titre_modul.bg_green {
        margin-top: 10px;
        background: transparent url(../images/bg_menu-vert.gif) repeat-x 0 0;
      }
        .profil_membre_premium .quick_description .titre_modul.bg_green .onglets a {
          display: block;
          line-height: 25px;
          padding: 0px 10px;
        }
          .profil_membre_premium .quick_description .titre_modul.bg_green .onglets a.active,
          .profil_membre_premium .quick_description .titre_modul.bg_green .onglets a:hover {
            background-color: white;
          }

        .profil_membre_premium .quick_description .mod_etablissement {
          clear: both;
          float: left;
          width: 305px;
          background-color: white;
        }
          .profil_membre_premium .quick_description .mod_etablissement .logo_etablissement {
            display: block;
            height: 64px;
            width:  64px;
            border: 1px solid #C3BFC0;
            margin: 8px;
          }
          .profil_membre_premium .quick_description .mod_etablissement .details_etablissement {
            float: left;
            width: 200px;
            margin-top: 10px;
          }
            .profil_membre_premium .quick_description .mod_etablissement .details_etablissement .titre a{
              font-size: 1.0em;

              _font-weight: bold;
              text-decoration: none;
            } .profil_membre_premium .quick_description .mod_etablissement .details_etablissement .titre a:hover {
              text-decoration: underline;
            }
  .textile.description {
    margin-top: 20px;
    height: 350px;
/*    overflow: auto;*/
  }
  .content_modul.bg_pen {
    /*background: #E9E5F3 url(../images/bg_pen.jpg) no-repeat  95% 20px;*/
    border: 1px solid #cfcddd;
  }

  .mod_reputation {
    background-color: #DADADA;
    margin-left: 80px;
    padding: 5px 5px 5px 15px;
    font-size: 1.1em;
  }
    .mod_reputation span {
      display: block;
      float: left;
      width: 150px;
      height: 20px;
      line-height: 20px;
      font-weight: bold;

      color: #5a5a5a;
    }
    .mod_reputation span.recommandations {
      background: transparent url(../images/logo-feu-vert.gif) no-repeat  0 0;
      padding-left: 20px;
    }
    .mod_reputation span.mises_en_garde {
      background: transparent url(../images/logo-attention.png) no-repeat  0 0;
      padding-left: 30px;
    }

  ul.commentaires {
    list-style: none outside url();
  }
    ul.commentaires li.commentaire {
      padding-bottom: 7px;
      border-bottom: 1px dotted #999;
    }
    ul.commentaires li.commentaire .txt {

      color: #656565;
    }
    ul.commentaires li.commentaire .stats {
        text-align: right;
    }
      ul.commentaires li.commentaire .stats * {

        color: #000;
        font-size: 10px;
        text-decoration: none;
      }
        ul.commentaires li.commentaire .stats .avis_de a:hover { text-decoration: underline; }
        ul.commentaires li.commentaire .stats .oui {
          color: #86b724;
          font-weight: bold;
        }
        ul.commentaires li.commentaire .stats .non {
          color: #D1196F;
          font-weight: bold;
        }

        .bt_conseille {
          float: right;
          width: 180px;
        }
          .bt_conseille span.bt_inline {
            display: block;
            width: 100px;
            margin-bottom: 5px;
          }
span.bt_inline.rose {
  background: #fd3ab1 url(../images/bg_bt_rose.gif) repeat-x 0 0;
  border: 1px solid #fd3ab1;
}
span.bt_inline.rose a {
    font-weight: bold;
    color: white;
}
span.bt_inline.vert {
  background: #919B7C url(../images/bg_bt_vert.gif) repeat-x 0 0;
  border: 1px solid #919B7C;
}
span.bt_inline.vert a {
    font-weight: bold;
    color: white;
}
span.bt_inline.jaune {
  background-image: none;
  background-color: #fcab17 ;
  border: 1px solid #FC9017;
}
  span.bt_inline.jaune a {
    font-weight: bold;
    color: white;
  }


  /* PROFIL */

  .gros_titre span.sa_devise {
    font-size: 12px;
    color: #000;
  }
  ul.list_profil {
    list-style: none outside url();
  }
    ul.list_profil li {
      display: block;
      padding-left: 10px;

      font-weight: bold;
      margin: 3px 0px;
    }
      ul.list_profil li .titre {
        color: #c1466b;
      }

  /*  Menu PROFIL MEMBRE PREMIUM
  ----------------------------------------------------------------------------------------------------*/
  .menu_profil_membre_premium {
    list-style: none outside url();
    height: 32px;
    margin-bottom: 10px;
    padding: 0 0 0 0;
    /**padding: 0 0 0 3px;*/
    /*_padding: 0 0 0 6px;*/
    background: transparent url(../images/bg_menu-rose.gif) repeat-x 0 100%;
  }
  .menu_profil_membre_premium li {
    display: block;
    float: left;
    height: 32px;
    margin: 0; padding: 0;
    _text-align: center;
    _width: 103px;
  }
  .menu_profil_membre_premium li a {
    display: block;
    height: 32px;
    padding: 0 17px;
    *padding: 0 16px;
    _padding: 0;
    line-height: 32px;
    color: white;
    font-weight: bold;

    text-decoration: none;
    background: transparent url(../images/bg_menu-rose-l.gif) no-repeat 100% 0;
  } .menu_profil_membre_premium li a:hover, .menu_profil_membre_premium li.active a {
    background: transparent url(../images/bg_menu-rose-hover.gif) no-repeat 100% 0;
  } .menu_profil_membre_premium li.last a { background-image: none; }
    .menu_profil_membre_premium li.last a:hover,
    .menu_profil_membre_premium li.last.active a { background: transparent url(../images/bg_menu-rose-hover.gif) no-repeat 0 0; }
/* footer
----------------------------------------------------------------------------------------------------*/
#footer{
  background: transparent url(../images/bg_footer.png) no-repeat bottom left;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bg_footer.png', sizingMethod='image');
}
#accueil #footer{
  background: transparent url(../images/bg_footer.png) no-repeat bottom left;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bg_footer.png', sizingMethod='scale');
}
  #footer .pub-728x90 {
    display: block;
    position:relative;
    margin: 0 auto 15px auto;
    width: 728px;
  }
  #footer p {
    text-align: center;

    margin-bottom: 7px;
    font-weight: bold;
  }
  #footer a {
    text-decoration: none;
    font-weight: bold;
  }
  #footer a:hover {
    text-decoration: underline;
  }


/* OPTIONS
----------------------------------------------------------------------------------------------------*/

.bt_voir_plus {
  border: none !important;
  width: 410px !important;
  padding: 0 !important;
  margin: 5px auto !important;
  display: block !important;
  overflow: hidden;
  background-color: transparent !important;
  text-align: left !important;
}
  .bt_voir_plus a {
    background: transparent url(/images/bt_voir_plus.jpg) no-repeat 0 0  !important;
    text-indent: -200px !important;
    display: block  !important;
    height: 28px !important;

  } .bt_voir_plus a:hover { background-position: 0 100% !important; }

.highlight_grey { background-color: #a7a7a7; padding: 3px 5px; }

.none       { display: none; }
.first      { margin-left:0; }
.last       { margin-right:0; }
.first_last { margin-right:0; margin-left:0; }

.alpha     { margin-top:0; }
.omega     { margin-bottom:0; }
.alpha_omega { margin-bottom:0; margin-top:0; }

.first_omega { margin:0; }

.no_padding     { padding:0; }
.no_margin      { margin:0; }
.padding_-7     { margin-left: -7px; }
.margin_-7      { margin-left: -7px; _margin-left: 0; }

.float_left { float: left; }

.indent-10 { padding-left: 10px; }