@charset "utf-8";
/* CSS Document SPECTAM*/
body  {
        font: 100% Verdana, Arial, Helvetica, sans-serif;
        background-color:#F0F0F0;
        border:#CCCCCC;
        margin: 0;  /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
        margin-top: 0;
        padding: 0;
        text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#FFFFFF;
        background-image:url(/modules/spectam/public/images/default/ombre_body.jpg);
        background-repeat:repeat-y;
        background-position:center top;
    }

    * {padding: 0; margin: 0;}

  .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

h1
{
text-indent:-50000px;
}

    .thrColAbsHdr #container {
    position: relative; /* le paramètre position: relative permet de positionner les deux encadrés par rapport à ce conteneur */
    width: 1024px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    background: #FFFFFF;
    margin: 0px auto 1px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */

 }

    a{
    text-decoration: underline;
    color:#FFFFFF;
    cursor:pointer;
    }

    a img {
    border: none;
    }

    a:hover{
    color:#c9d310;

    }

    .table_print{
        border-width:1px;
        border-style:solid;
        border-color:black;
        border-collapse:collapse;
        border-spacing: 0px;
        margin: 0;
        padding: 0;
    }

    .thrColAbsHdr #conteneur_header {
        height: 200px;
        background: #fff;
        border-color:#999999;

        }

    .thrColAbsHdr #logo_sa {
        width:847px; /*largeur*/
        background: url(/modules/spectam/public/images/default/logo_sa.png) no-repeat;
        height: 200px;
        float: left;
        }

    .thrColAbsHdr #logo_sa a {
    width: 847px ;
    height: 190px ;
    display: block ;
    }

    .thrColAbsHdr #header_menu {
        width:177px; /*largeur*/
        background: url(/modules/spectam/public/images/default/fond_header_menu.png) repeat;
        height: 200px;
        float: right;
        font-size:10px;
        }


      #header_menu ul {
          margin: 0px 0px 0px 0px;
          list-style-image: url(/modules/spectam/public/images/default/footer_ul.png);
          padding-left: 5px;
          padding-top: 30px;
          vertical-align:bottom;
          text-align:left;
        }

      #header_menu li {
          margin: 0px 0px 0px 0px;
          line-height: 17px;
          list-style-type: none;
          padding: 0px;
          float: none;
          vertical-align:top;
        }

       #header_menu li a {
           text-decoration: none;
           border: 0px;
           vertical-align:top;
        }

       #header_menu a:hover {
       text-decoration: none;
       border: 0px;

     }

       #lieuDetail {
       width: 105px;
       border : 3px;
       }


    .thrColAbsHdr #banner {
        height: 190px; /* hauteur */
        width:230px; /*largeur*/
        margin-top:0 px;
        margin: 0 500px;
        position:relative;
        float:right;

        }


     .thrColAbsHdr #conteneur_ariane{
        padding: 0 10px 0 20px;
        margin-top:5px;
        height: 30px;
        color: #FFFFFF;
        background-color:#6c92ad;
    }

    .thrColAbsHdr #form_evt{
        padding: 10px 10px 0px 10px;
        margin-top:10px;
        margin-bottom: 10px;
        font-weight: bold;
        text-align: center;
    }

        .thrColAbsHdr #valeur_ariane{
        float:right;
        color: #FFFFFF;
        width:600px;
        margin:5px 0px 0px;
        text-align : right;
    }

        .thrColAbsHdr #facebook_fan{
        float:right;
        width:155px;
        height:30px;
        margin-top:1px;
        text-align : right;
        background:url(/modules/spectam/public/images/default/facebookfan.png) no-repeat;
     }

        .thrColAbsHdr #facebook_fan a {
        width: 155px ;
        height: 30px ;
        display: block ;
    }

        #nav{
        background:url(/modules/spectam/public/images/default/fond_nav_drt.png) repeat;
        height:35px;
        padding: 0px 0px 0px 0px;
        margin-top:5px;
        }

     .thrColAbsHdr #conteneur_nav_d {
        float:right;
        height: 35px;
        background:url(/modules/spectam/public/images/default/fond_nav_drt.png) repeat;
    }


    .thrColAbsHdr #conteneur_nav_g {
        float:left;
        height: 35px;
        padding: 0px 0px 0px 0px;
    }
/*not use ..................................................................................................*/

    sepa {
    background:url(/modules/spectam/public/images/default/sepa.png) repeat;
    line-height:2px;
    margin-top:0px;
    width:600px;
    }

/*..................................................................................................*/
    .thrColAbsHdr #recherche {
        float:left;
        padding: 1px 0px 5px;
        margin-top:1px;
        font-size:10px;

    }

    .text-reservation-telephone {
    color: #666666;
    }

    .text-reservation-telephone a {
    color: #000099;
    }


    .thrColAbsHdr #caption {
    height: 29px;
    color: #FFFFFF;
    background-color:#083d65;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left:5px;
    padding-top:5px;
    font-weight: bold;
    text-align:left;
    margin-bottom:5px;
    }


    .thrColAbsHdr caption {
    height: 29px;
    color: #FFFFFF;
    background-color:#6c92ad;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left:5px;
    padding-top:5px;
    font-weight: bold;
    text-align:left;
    font-weight: bold;
    }

    .thrColAbsHdr #caption_in {
    height: 29px;
    color: #FFFFFF;
    background-color:#148de2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left:5px;
    padding-top:5px;
    font-weight: bold;
    text-align:left;
    font-weight: bold;
    }

    .thrColAbsHdr #header h1 {
        margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
        padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
    }

    .thrColAbsHdr #spectacledescription {
    text-align:justify;
    padding-right:10px;
    padding-bottom:10px;
    margin-left:165px;
    color: #667BB3;
    line-height: 20px;
    min-height:170px;
    }

    .thrColAbsHdr #affiche-spectacledescription {
    float:left;
    width:125px;
    height:180px;
    margin-left:22px;
    }

    .thrColAbsHdr #bt-bleu {
    width:113px;
    background-color: #6c92ad;
    font-size: 10px;
    height:20px;
    margin-top:5px;
    padding-top:5px;
    text-align:center;
    }

    .thrColAbsHdr #bt-bleu a:hover{
    width:113px;
    color: #9ea515;
    font-size: 10px;
    height:20px;
    margin-top:5px;
    padding-top:5px;
    text-align:center;
    }


    .thrColAbsHdr #spectacledescription li {
    padding-left:10px;
    display : list-item;
    list-style-position:inside;
    }

    .thrColAbsHdr #spectacledescription a {
    color:#667BB3;
    /*text-decoration: none;*/
    }

    .thrColAbsHdr #spectacledescription a:hover {
    color:#9ea515;
    /*text-decoration: none;*/
    }

    .thrColAbsHdr #conteneur_resa {
    text-align:justify;
    padding-right:10px;
    padding-bottom:10px;
    color: #667BB3;
    line-height: 20px;
    /*height:210px;*/
    }

    .thrColAbsHdr #conteneur {
    text-align:justify;
    padding-right:10px;
    padding-bottom:10px;
    color: #667BB3;
    line-height: 20px;
    }

    .thrColAbsHdr #conteneur li {
    padding-left:10px;
    display : list-item;
    list-style-position:inside;
    line-height: 30px;
    }


    .thrColAbsHdr #conteneur a {
    color:#667BB3;
    text-decoration: underline;
    }

    .thrColAbsHdr #conteneur a:hover {
    color:#9ea515;
    text-decoration: underline;
    }


/*conteneur menu ..................................................................................................*/


    #sidebar_gauche {
    float:left;
    left: 6px;
    width: 180px;
    height:295px;
    padding: 5px 5px 5px 5px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
    top: 270px;
    margin-left:5px;
    color:#999999;
    margin-top: 5px;


    }

    .thrColAbsHdr #conteneurA_sidebar_gauche {
    height:100%;
    border-bottom:solid 1px #CCCCCC;
    margin-bottom:20px;
    padding:5px 5px 5px 5px;
    text-decoration:none;
    text-align:justify;
    border: solid 1px #999999;
    }

    .thrColAbsHdr #conteneurA_sidebar_gauche a {
    color:#999999;
    }

    .thrColAbsHdr #conteneurA_sidebar_gauche a:hover {
    color: #667BB3;
    }


    .thrColAbsHdr #conteneurB_sidebar_gauche {
    height:100%;
    border-bottom:solid 1px #CCCCCC;
    margin-bottom:20px;
    padding-bottom:15px;
    }


    .thrColAbsHdr #sidebar_droit {
    float:right;
    width: 180px;
    margin-top: 5px;
    }

    /*
    .thrColAbsHdr #recherche_par_cat {
        background: #CCCCCC; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà
        padding: 1px 1px 5px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci
        margin-top:5px;
    }

     .thrColAbsHdr #recherche_par_region {
        background: #CCCCCC; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà
        padding: 1px 1px 1px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celu
        margin-top:5px;
            }

     .thrColAbsHdr #recherche_par_troup {
        background:#CCCCCC; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà
        padding: 1px 1px 1px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celu
        margin-top:5px;
    }
    */

    /*conteneur principal ..................................................................................................*/

     .thrColAbsHdr #conteneur_principal {
        margin: 0 200px;
        padding: 0 10px;
        margin-top:10px;
        width:604px;
    }

    .thrColAbsHdr #conteneur_principal_imprim {
        margin-top:10px;
        width:850px;
    }

    .thrColAbsHdr #conteneur_A #conteneur_B #conteneur_C #conteneur_D #conteneur_E{

        padding: 1px 1px 1px;

            }

     .thrColAbsHdr #valeur_A #valeur_B #valeur_C #valeur_D #valeur_E {

        padding: 1px 5px 5px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celu*/
        margin-top:10px;
    }


     .thrColAbsHdr #valeur_gris_commentaire
     {

        padding: 1px 5px 5px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celu*/
        margin-top:5px 0px 0px 5px;
           background:#CCCCCC;
    }

    .thrColAbsHdr #valeur_blanc_commentaire
     {

        padding: 1px 5px 5px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celu*/
        margin-top:5px 0px 0px 5px;
    }

        .thrColAbsHdr #pourquoi_sinscrire  {
        padding: 1px 5px 5px;
        margin-top:5px;
        color: #667BB3;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 15px;

    }


    .thrColAbsHdr #sidebar1 {
    float:left;
    margin-top:5px;
    top: 270px;
    right: 8px;
    width: 157px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    padding: 0px 15px 10px 15px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
    color:#999999;
    }

    .thrColAbsHdr #sidebar2 {
    float:right;
    margin-top:5px;
    top: 270px;
    right: 8px;
    /*width: 130px;  Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    padding: 0px 15px 10px 15px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
    color:#999999;
    }


 /* début du bas de page............................................................................... */
    .thrColAbsHdr #footer {
        padding: 0 10px 0 10px;
        margin-top:10px;
        height:255px;
        /*width:995px;*/
        background:url(/modules/spectam/public/images/default/bas_border_lign.png);
    }

    .thrColAbsHdr #footer .colonnes {
      width: 220px;
      float: left;
      padding: 0px;
      margin-left:25px;
      font-size:10px;
       }

      .thrColAbsHdr #footer .colonnes h3 {
      font-size: 12px;
      color: #083D5A;
      padding-top: 2px;
      height: 18px;
      margin: 10px 0px 6px 0px;
      background: #a3cb0a;
      text-align:center;
    }

      #footer ul {
      margin: 0px 0px 0px 0px;
      list-style-image: url(/modules/spectam/public/images/default/footer_ul.png);
      padding-left: 5px;
      padding-top: 7px;
      vertical-align:bottom;
      text-align:left;
    }

      #footer li {
      margin: 0px 0px 0px 0px;
      line-height: 17px;
      list-style-type: none;
      padding: 0px;
      float: none;
      vertical-align:top;
    }

       #footer li a {
       text-decoration: none;
       border: 0px;
       vertical-align:top;
     }

       #footer li a:hover {
       text-decoration: none;
       border: 0px;
       color:#c9d310;
     }


    .thrColAbsHdr #partenaire {
        padding-bottom: 1px;
        height:100%;
        width:160px;
        margin:15px 0px 5px 0px;
        border: 1px solid #6c92ad;
    }


    .thrColAbsHdr #hautgauche {
        padding-bottom: 1px;
        height:100%;
        width:160px;
        margin:15px 0px 5px 0px;
        border: 1px solid #6c92ad;
    }

    .thrColAbsHdr #partenaire-footer {
        padding-bottom: 1px;
        height:100%;
        width:178px;
        float:right;
        margin:5px 5px 5px 5px;
      /*  border: 1px solid #6c92ad;*/
    }

    .thrColAbsHdr #pub {
        padding-bottom: 1px;
        padding-top:5px;
        height:100%;
        width:100%;
        margin:0px 0px 5px 0px;

    }
    .thrColAbsHdr #footer p {
        margin: 0;
        padding: 10px 0;
    }





    .valeur_B {
        height: 20px;
        color:#0000CC;
        background-color:#CCCCCC;
        font-size:80%;
        text-align:center;
    }

    .valeur_B_print {
        height: 20px;
        color:#000000;
        background-color:#FFFFFF;
        font-size:80%;
        text-align:center;
        border-width:1px;
        border-style:solid;
        border-color:black;
        border-collapse:collapse;
        border-spacing: 0px;
        margin: 0;
        padding: 0;
    }

    .valeur_B a {
        height: 20px;
        color:#0000CC;
        background-color:#CCCCCC;
        text-align:center;
        text-decoration:underline;
    }

    .valeur_B_print a {
        text-decoration:none;
        height: 20px;
        color:#000000;
        background-color:#FFFFFF;
        text-align:center;

    }

     .fond_plein_clair {
        padding-left:5px;
        height: 29px;
        color: #FFFFFF;
        background-color:#6c92ad;

    }

        .fond_plein_clair_gras {
        padding-left:5px;
        height: 29px;
        color: #FFFFFF;
        background-color:#6c92ad;
        font-weight: bold;

    }

    .fond_plein_clair_menu {
        height: 20px;
        color: #FFFFFF;
        background-color:#6c92ad;
    }

    .fond_plein_clair_menu2 {
        height: 20px;
        color: #FFFFFF;
        background-color:#6c92ad;
        font-size:80%;
        text-align:center;
    }

    .fond_plein_clair_menu2_print {
        height: 20px;
        color: #FFFFFF;
        background-color:#6c92ad;
        font-size:80%;
        text-align:center;
        border-width:1px;
        border-style:solid;
        border-color:black;
        border-collapse:collapse;
        border-spacing: 0px;
        margin: 0;
        padding: 0;

    }

    .fond_plein_fonce {
        height: 29px;
        color: #FFFFFF;
        background-color:#083d65;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding-left:5px;
        font-weight: bold;

    }

    .fond_plein_fonce_print {
        height: 29px;
        color: #FFFFFF;
        background-color:#083d65;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding-left:5px;
        font-weight: bold;
        border-width:1px;
        border-style:solid;
        border-color:black;
        border-collapse:collapse;
        border-spacing: 0px;
        margin: 0;
        padding: 0;
    }

    .text_bleu_clair {
        color: #667BB3;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

    .text_bleu_clair a {
        color: #667BB3;
        font-size: 10px;
    }

    .text_bleu_clair a:hover {
         color: #FF0000;
    }

    .text_bleu_clair_bis {
        color: #667BB3;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

    .text_bleu_clair_bis a {
    color: #667BB3;
        text-decoration:underline;
    }

    .text_bleu_clair_bis a:hover {
         color: #FF0000;
    }

    .text_rouge {
        height: 29px;
        color:#FF0000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
    }

    .bt_bleu_clair {

        background-image:url(/modules/spectam/public/images/default/bt_fond_clair.gif);
        background-repeat: no-repeat;
        background-position: center center;
        color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        line-height: 12px;
        text-align:center;
        height:20px;
    }

    .bt_bleu_clair_bis  {
        background-image:url(/modules/spectam/public/images/default/bt_fond_clair.gif);
        background-repeat: no-repeat;
        background-position: left;
        color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        line-height: 12px;
        text-align:left;
        height:30px;
        padding-top:15px;
        padding-left:31px;
    }


    .bt_suite {
        background-image:url(/modules/spectam/public/images/default/bt_suite.gif);
        background-repeat: no-repeat;
        text-indent: 15px;
        background-position: left center;
    }
    .fleche_rg {
        background-image:url(../..//modules/spectam/public/images/default/fleche_rg.gif);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .aide {
    font-size:10px;
    font-style:italic;
    }

    .vignette {
    border:#FFFFFF;
    background-image:url(/modules/spectam/public/images/default/mkt_votre_spectacle.png);
    background-repeat:no-repeat;
    background-position:top;
    }

    .vignette a {
    border:#FFFFFF;
    }

    h2
    {
    font-size:100%;
    margin-top:2px;
    }

    .promo_vignette {
    width:236px;
    }

    .obligatoire {
    color:#FF0000;
    vertical-align:top;
    }

    .fltrt {
    float:right;
    }

    /*
    .texte{
    font-size:90%;
    color: #667BB3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    */

    .texte_slide {
    font-size:90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align : justify;
    }

    .texte_slide {
    font-size:90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align : justify;
    }

    strong {
    font-size:90%;
    color: #667BB3;

    }



.thrColAbsHdr li {
    /*padding-left:10px;*/
    display : list-item;
    /*list-style-position:inside;*/
    }

.menu {
        height:32px;
        color: red;
          }

.menu a {
        text-decoration: none;
        color: red;
          }

  .thrColAbsHdr #copyright {
        padding: 5px 10px 1px 20px;
        width:995px;
        background:url(/modules/spectam/public/images/default/border_lign_copyright.png);
        font-size:9px;
        z-index: 9;
        position: fixed;
        bottom:0px;
    }

    .thrColAbsHdr #copyright a{
       text-decoration: none;
    }

    .thrColAbsHdr #menu {
    height: 20px;
    color: #FFFFFF;
    background-color:#6c92ad;
    padding-top:10px;
    text-align:center;
    margin-bottom:5px;
    font-size:10px;
    }

    .thrColAbsHdr #menu a:hover {
    height: 20px;
    color: #083d65;
    }

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

.spacer {
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.gris {
    color: #777;
    font-size: 11px;
    font-weight: normal;
}

/* Liste des categories et accueil
--------------------------------------------------------------*/
.flottante_annonces  h3 a {
    font-size:16px;
    font-weight: normal;
    text-decoration: none;
}
.flottante_annonces h3 a:hover {
    color: #c30;
}

/* couleur alternative */
.one {
    background-image:url(/modules/spectam/public/images/default/form/fond_prem_ligne.gif);
    background-repeat:repeat-y;*
    border-left: 5px solid #666;
    width:100%; /* bug IE6 texte invisible */
}
.two {
    background-image:url(/modules/spectam/public/images/default/form/fond_deux_ligne.gif);
    background-repeat:repeat-y;*
    border-left: 5px solid #666;
    width:100%; /* bug IE6 texte invisible */
}

/* bloc d'annonce dans les listes */
.bloc_annonces {
    margin: 0;
    padding: 3px;
    margin-bottom: 10px;
    color: #000;
    border-bottom:1px solid #5c6875;
}

.bloc_annonces h2 {
    font-weight: bold;
    letter-spacing:2px;
    font-size: 13px;
    margin: 0; padding: 0;
    text-align: left;
    color: #083D65;
    padding: 3px;
}

.bloc_annonces .gris {
    color: #666;
}
.bloc_annonces a:hover {
    text-decoration:underline;
}
.bloc_annonces p {
    font-size: 12px;
}
.bloc_annonces p a {
    font-size: 12px;
    font-weight:normal;
    text-decoration:none;
    font-variant:normal;
    text-decoration: none;
}
.bloc_annonces p a:hover {
    text-decoration: none;
}

.suite {
    color:#a63b50;
    float:right;
    margin-right:3px;
}

.suite a{
    color:#a63b50;
}

.suite a:hover{
    color:#a63b50;
}



/* Detail d'une annonce
--------------------------------------------------------------*/
#bloc_annonces_detail ul li {
    font-size: 11px;
    list-style-type: square;
}
#annonces_descrip {
    padding: 10px;
    font-size: 13px;
    padding-top: 5px;
}
#annonces_descrip p {
    border: 0;
    padding: 0;
}
#annonces_descrip pre {
    white-space: normal;
}
#detail_annonce {
    margin-top: 15px;
    border: 2px solid #036;
}
#detail_annonce .spacer {
    border-bottom: 1px solid #ccc;
}
ul#infos_annonce {
    margin: 0;
    padding: 0;
}
#detail_annonce ul#infos_annonce li {
    float: left;
    padding: 5px;
    padding-top: 2px;
    font-size: 13px;
    list-style-type: none;
}
ul#infos_annonce li a {
    text-decoration: none;
    font-weight: normal;
}

#bloc_annonces_detail h2 {
    font-variant: normal;
    font-size: 16px;
}
#bloc_annonces_detail .ajout_annonces p {
    border: none;
    padding: 8px;
}
#bloc_annonces_detail .spacer {
    font-size: 0px;
    padding: 0; margin: 0;
}
.infos_annonces {
    padding: 2px;
    margin: 0;
}
.annonce {
    font-size: 12px;
    border-top: 1px solid #ccc;
    padding: 3px;
    color: #111;
    text-align: justify;
    line-height:20px;
}
.debut {
    color: #111;
    font-weight: bold;
}
.debut:hover {
    color: #c30;
}
/* prevenir de la maj et de l'ancienneté */
#ancienne_ann, #votre_annonce {
    border-left: 6px solid #c30;
    padding-left: 10px;
    color: #c30;
    font-size: 14px;
}
#update_ann {
    font-style: italic;
    padding-left: 10px;
    padding-bottom: 5px;
    color: #036;
}
#infosplus {
    padding: 5px;
    border-top: 1px solid #ccc;
    font-size: 13px;
    color: #000;
}
#infosplus div {
    padding-top: 2px;
    padding-bottom: 2px;
}
#typecontrattxt {
    font-weight: bold;
}
#fichier_associe a {
    font-weight: bold;
    text-decoration: none;
}

/* Barre de navigation (recherche, ajouter, situation ...)
--------------------------------------------------------------*/
#barre_annonces {
    background-color: #E5E3F8;
    padding: 0; margin: 0;
    padding: 4px;
}
#barre_annonces #recherche_annonce {
    width: 480px;
    float: left;
    margin: 0; padding: 0;
}
#barre_annonces .spacer {
    font-size: 1px;
    margin:0; padding: 0;
}
#recherche_annonce label {
    display: inline;
    margin: 0;
    clear: both;
}
#recherche_annonce p {
    clear: both;
    padding: 0;
    margin: 0;
    text-align: left;
}
#recherche_annonce #cats {
    width: 150px;
    font-size: 11px;
    border: 2px solid #ccc;
}
#barre_annonces #recherche_annonce input {
    border: 2px solid #ccc;
    font-size: 12px;
    font-family : Arial, Helvetica, Geneva, sans-serif;
    font-weight: normal;
    background-color: #F2F6FC;
    padding: 1px;
}
#barre_annonces #recherche_annonce .image {
    border: none;
}
#barre_annonces #propose {
    width: 300px;
    float:right;
    margin: 0;
    text-align:right;
    font-size: 16px;
    padding: 5px;
}
#barre_annonces #propose a {
    text-decoration: none;
}
#recherche_ann p {
    float: left;
    margin: 0;
    padding-top: 2px;
}
#recherche_ann .champ {
    border: 1px solid #666;
    background-color: #F6DDDD;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}
#recherche_ann .image {
    vertical-align: top;
}

/* Barre d'outils contactez, supprimer, editer ...
--------------------------------------------------------------*/
.barre_outils_annonce {
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 3px;
    font-size: 11px;
}
.barre_outils_annonce a {
    font-variant: normal;
    font-size: 11px;
    color: #000;
}
.barre_outils_annonce a:hover {
    text-decoration: none;
    color: #666;
}

/* menu : infos sur le texte et calendrier
-------------------------------------------------------- */
ul#menu_annonces {
    padding: 0;
    margin: 0;
    margin-top:10px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 8px;
    background: #E5E3F8;
}
ul#menu_annonces li {
    display: inline;
    margin: 2px 0 6px 0;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-size: 12px;
    font-weight: normal;
  }
ul#menu_annonces li a {
    padding-left: 16px;
    padding-right: 12px;
    text-decoration: none;
}
ul#menu_annonces li a:hover {
    text-decoration: none;
    color: #CC3300;
}
#menu_annonces #contact_annonceur {
    padding-left: 18px;
    background: center left transparent url(/images/menu/interface/email.gif) no-repeat;
}
#imprimer_annonce {
    background: center left transparent url(/images/menu/interface/print.png) no-repeat;
}
#envoyez_annonce {
    background: center left transparent url(/images/menu/interface/send.gif) no-repeat;
}
#signalez_annonce {
    background: center left transparent url(/images/menu/interface/moderator.gif) no-repeat;
}
#modifiez_annonce {
    background: center left transparent url(/images/menu/interface/modify.gif) no-repeat;
}
#supprimez_annonce {
    background: center left transparent url(/images/menu/interface/delete.gif) no-repeat;
}
#montheatre_annonce {
    background: center left transparent url(/images/menu/interface/house.png) no-repeat;
}
/* supprimer ou editer une annonce */
#menu_annonces .delete, #menu_annonces .edit {
    padding: 3px;
    padding-left: 20px;
}
#menu_annonces .delete {
    background: center left url(/images/menu/interface/fff/delete_fff.gif) no-repeat;
}
#menu_annonces .edit {
    background: center left url(/images/menu/interface/fff/pencil_fff.gif) no-repeat;
}

#contacta_annonce {
    text-decoration: none;
    padding-left: 30px;
    padding-top: 2px;
    background: left bottom transparent url(/images/menu/interface/email.gif) no-repeat;
}

/*  formulaire annonce (contacter, signaler...)
--------------------------------------------------------------*/
#action_annonce {
    padding: 10px;
    padding-bottom: 5px;
    margin: 3px;
    margin-bottom: 15px;
    /*border: 1px dashed #333;*/
    background: #E5E3F8;
    width: 700px;
}
#action_annonce h2  {
    color: #c30;
    font-variant: normal;
    font-weight: normal;
    font-size: 15px;
}
#action_annonce h2 a {
    font-size: 12px;
}
#action_annonce label {
    font-weight: bold;
}
.montheatre_propose {
    clear: both;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 5px;
    color: #c30;
}
.result_annonce li {
    font-weight: bold;
}

/* Bloc syndication */
.syndication_annonces {
    border-bottom: 3px solid #ccc;
    padding:0;
    padding-bottom: 10px;
}
.syndication_annonces img {
    vertical-align: bottom;
    float: left;
    padding-right: 10px;
    padding-top: 5px;
}

/* categories */
#navcat, #navcat form {
    float: left;
    margin: 0;
    padding: 0;
}
#switchcat {
    float: right;
    margin: 0; padding: 0;
}
#switchcat form, #switchcat fieldset {
    margin: 0; padding: 0;
}
#switchcat p, #navcat p {
    padding: 0; margin: 0;
    margin-bottom: 5px;
    padding-bottom: 3px;
    color: #999;
    font-size: 10px;
    font-style: italic;
    text-align: right;
}
#navcat p {
    color: #000;
    font-style: normal;
}
#switchcat select, #navcat select, #navcat input {
    border: 2px solid #ccc;
    font-size: 11px;
    font-family : Arial, Helvetica, Geneva, sans-serif;
    font-weight: normal;
    background-color: #F2F6FC;
    padding: 1px;
}
#navcat .boutform {
    cursor: pointer;
    background: #666;
    color: #fff;
    font-size: 11px;
    padding: 2px;
    margin: 0;
}
#anciennes_annonces a {
    font-weight: bold;
    color: #cc3300;
}

/* aide mise en forme wiki */
#aide_wiki li, #aide_video li {
    padding: 3px;
}
#aide_wiki dt, #aide_video {
    padding: 5px;
    font-size: 14px;
}
#aide_video {
    margin-top: 0;
    padding-top: 0;
}

#ttcat {
    font-weight: normal;
    color: #000;
    margin-top: 0; padding: 0;
}
#ttcat a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}
#reponse_ok {
    background: #f7eec9;
    margin: 0;
    padding: 0;
}
#reponse_ok h2 {
    padding: 5px;
    padding-left: 15px;
    margin: 0;
    color: #c30;
}
#ttann {
    margin-bottom: 3px;
}
/* preview de l'annonce */
#preview h2 {
    font-size: 18px;
    font-weight: normal;
}
#preview .alerte_preview {
    font-weight: bold;
    color: #c30;
    font-size: 14px;
}
#preview ul {
    margin: 0;
    padding: 0;
}
#preview .infos {
    border: 1px solid #ccc;
    padding: 3px;
    margin-bottom: 5px;
    background: #f7eec9;
}
#preview ul li {
    list-style-type: none;
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding-right: 10px;
}
#preview .texte {
    background: #eee;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
}
#masterform #modif_prev {
    border-top: 5px solid #ccc;
    padding-top: 10px;
}
#masterform .alerte {
    clear: both;
    font-size: 12px;
    color: #c30;
    font-weight: normal;
    width: 100%;
    background: #f7eec9;
    padding: 5px;
}
#masterform .section {
    clear: both;
    background: #E5E3F8;
    padding: 3px;
    margin-top: 0;
    font-weight: normal;
}
.success {
    font-size: 14px;
}
.validecond {
    margin-top: 25px;
    margin-bottom: 15px;
}
.validecond a {
    cursor: pointer;
    background: #666;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 5px;
    border: 2px solid #ccc;
}
.ajout_annonces label {
    font-weight: bold;
}
.ajout_annonces .precis, #masterform .precis {
    font-weight: normal;
    font-size: 11px;
    color: #c30;
}
.ajout_annonces h3 {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 14px;
}
#masterform .normal {
    width: 500px;
}

/* page d'accueil des annonces */


/* les catégories sur la page d'accueil */
#detail_categorie_annonces{
margin-bottom: 10px;
}
.bloc_categorie_annonces {
    float: left;
    width: 380px;
    margin-top: 10px;
}
.bloc_categorie_annonces h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0; padding: 0;
    color:#083D65;
}
    .bloc_categorie_annonces h3 a {
    text-decoration: none;
    color:#083D65;
    font-family:Arial;
    }

.bloc_categorie_annonces h3 a:hover {
    text-decoration: none;
    color:#c9d310;
}
#bannonces {
    float: left;
    width: 750px;
}
#nombre_annonce, #rssann, #faqb {
    font-size: 16px;
    margin-bottom: 20px;
    background-color: #F6DDDD;
    padding: 10px;
}
#faqb {
    margin-top: 15px;
}
#rssann, #nombre_annonce {
    background: #F2F6FC;
}
#proposeb a, #nombre_annonce a, #rssann a, #faqb a {
    padding-left: 22px;
    text-decoration: none;
    background: center left url(/images/menu/interface/document_add.png) no-repeat;
}
#faqb a {
    background: left center url(/images/menu/index/help_16.png) no-repeat;
}
#rssann a {
    padding: 5px;
    padding-left: 32px;
    background: center left url(/images/menu/interface/rssmed.gif) no-repeat;
}
#derannonce {
    margin-top: 15px;
    margin-bottom: 15px;
}
#derannonce .bloc_annonces {
    margin-top: 5px;
    margin-bottom: 10px;
    border-left: 5px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#derannonce h2 {
    font-size: 14px;
    color:#083D65;
}
#nombre_annonce {
    font-size: 13px;
    /*font-weight: bold;*/
}
#masterform #ann {
    margin-top: 0;
    padding-bottom: 10px;
}
#masterform .check {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 11px;
    vertical-align: top;
}
#masterform #ann label {
    width: 90px;
    padding: 3px;
    font-weight: bold;
}
#masterform #ann p {
    width: 570px;
    margin: 0;
    margin-bottom: 10px;
}
#masterform #petitform, #masterform #petitform select {
    font-size: 11px;
}
#noresult {
    font-size: 16px;
    margin: 30px;
    margin-left: 5px;
    padding-left: 10px;
    border-left: 10px solid #c30;
}
/*.topb {
    float: left;
}*/
.ban {
    float: right;
    margin: 0;
    padding: 0;
}

.ban a {
   color:#a63b50;
   text-decoration:none;
}

.ban a:hover {
   color:#C9D310;
}

.ban ul li {
    list-style-type: none;
    float: left;
    padding: 0;
    margin: 0;
}
#bannonces #recherche_accueil {
    padding-right: 0;
    padding-bottom: 0;
    width: 290px;
}
#recherche_accueil #masterform,
#recherche_accueil,
#recherche_accueil #ann {
    width: 250px;
    margin: 0;
    padding-bottom: 5px;
}
#recherche_accueil #masterform p {
    width: 230px;

}
#recherche_accueil #masterform label {
    width: 200px;
}

/* reponses aux annonces */
#annonce_reponses {
    margin-top: 10px;
    border: 2px solid #000;
}
#annonce_reponses h3 {
    font-size: 12px;
    color: #000;
    padding: 0; margin: 0;
    padding: 3px;
    background: #F2F6FC;
}
#annonce_reponses ul {
    margin: 0;
}
#annonce_reponses ul li {
    padding: 0; margin: 0;
    list-style-type: none;
    border-top: 1px dotted #ccc;
    padding: 5px;
    font-size: 12px;
}
#annonce_reponses li a {
    text-decoration: none;
}
#annonce_reponses ul li.read {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    background: #F2F6FC;
    margin-top: 10px;
    margin-bottom: 10px;
}
#annonce_reponses .rep {
    padding: 10px;
    border-top: 1px dotted #ccc;
    margin-top: 3px;
    font-size: 13px;
}
#annonce_reponses .repclose {
    margin-top: 3px;
}
#annonce_reponses .alerte_reponse {
    font-style: italic;
    border-top: 1px dotted #ccc;
    padding: 5px;
    margin: 0;
    color: #c30;
    font-size: 10px;
}
.descripann {
    margin-left: 60px;
}
.detailcat {
font-size:10px;
color:#083D65;
margin-top:20px;
}

.ajouterann {
font-size:10px;
color:#083D65;
margin-top:20px;
}

    .ajouterann a{
    font-size:10px;
    color:#083D65;
    margin-top:20px;
    text-decoration:none;
    font-weight:bold;
    }

    .ajouterann a:hover{
    color:#c9d310;
    }

/*FORM*/

.separation {
    font-family: Verdana;
    font-size: 15px;
    text-align:left;
    color:#5c6875;
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #5c6875;
    border-top:1px solid #FFFFFF;
    padding:5px;
    font-weight:bold;
    }

    .fdsecondlign {
    background-image:url(/modules/spectam/public/images/default/form/fond_deux_ligne.gif);
    background-repeat:repeat-y;*
    }

    .fdpremlign {
    background-image:url(/modules/spectam/public/images/default/form/fond_prem_ligne.gif);
    background-repeat:repeat-y;*
    }

    .label {
    font-family: Georgia;
    font-size: 13px;
    text-align:left;
    color:#5c6875;
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #5c6875;
    border-top:1px solid #FFFFFF;
    padding:5px;
    }

    .input {
    font-family: Georgia;
    font-size: 13px;
    text-align:left;
    color:#5c6875;
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #5c6875;
    border-top:1px solid #FFFFFF;
    padding:5px;
    width:400px;
    }

    .required {
    color: #FF0000;
    }

    .cnil{
    font-size:11px;
    font-style:italic;

    }

    #ajouterannonce {
    padding :5px;
    width: 185px;
    height: 40px;
    color: #C8D414;
    background-color:#083d65;
    }

/*-----------------------Style Form ----------------------*/
    dl.zend dt, dd {
    min-height: 30px;
    background-image:url(/modules/spectam/public/images/default/form/fond_prem_ligne.gif);
    background-repeat:repeat-y;*
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #6C92AD;
    border-top:1px solid #FFFFFF;
    }

    dl.zend_form dt {
    float: left;
    clear: left;
    text-align: right;
    border-width:1px;
    width:150px;
    margin-right:5px;
    padding-top:5px;

    }

    dl.zend_form dd {
    clear: right;
    padding-left: 5px;
    border-width:1px;
    padding-top:5px;

    }


    dl.zend_form dt label.required {
    #font-weight: 600;
    }

    dl.zend_form dd ul.errors {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    dl.zend_form dd ul.errors li {
        margin: 0 0.15em;
        font-size: 10px;
        text-align: left;
        color: #ff0000;
    }

    input {
    border:1px solid #083D65;
    height:20px;
    margin-bottom:5px;
    }

    textarea {
    border:1px solid #083D65;
    margin-bottom:5px;
    }

    input.captcha-input {
    border:1px solid #083D65;
    }


    dt label.required{
        color: #667BB3;
    }

    dt label.required:after{
        content: " * ";
        color:#ff0000;
    }

    dt label.optional{
        padding-right:12px;
    }

    .mycaptcha{
        margin-left: 11.2em;
        margin-top: 0.5em;
    }

    .messageUtilisateur{
        color:#ff0000;
    }

    .submit{
    width: 100px;
    color: #FFFFFF;
    background-color:#6c92ad;
    height:25px;
    width:100px;
    }

    #tropLeBordel, #tropLeBordel.a{
        color:#000000;
    }


/*
    .bt_clair{
    background-color:#6C92AD;
    font-weight:bold;
    margin:10px;
    padding:5px;
    float:right;
    }

*/
/*************** BOUTON MENU GAUCHE *****************/
ul#menu_g{
    margin:0;
    padding:0;
    list-style-type:none;
    width:Auto;
    position:relative;
    display:block;
    height:35px;
    text-align:center;
    font-size:11px;
    background:transparent url(/modules/spectam/public/images/default/bouton/bt_menu_action.png) repeat-x top left;
}
ul#menu_g li{
    display:block;
    float:left;
    margin:0;
    pading:0;
    border-right:1px solid #ffffff;
    }
ul#menu_g li a{
    display:block;
    float:left;
    color:#ffffff;
    text-decoration:none;
    padding:0px 20px 0 20px;
    height:24px;
    height:40px;
    }
ul#menu_g li a:hover{
    background:transparent url(/modules/spectam/public/images/default/bouton/bt_menu_action_survol.png) repeat-x top left;
    text-decoration:none;
    color:#083D65;
    }
/*************** FIN MENU GAUCHE *****************/

/*************** BOUTON MENU DROIT *****************/
ul#menu_d{
    margin:0;
    padding:0;
    list-style-type:none;
    width:Auto;
    position:relative;
    display:block;
    height:35px;
    text-align:center;
    font-size:11px;
    background:transparent url(/modules/spectam/public/images/default/bouton/bt_menu_action.png) repeat-x top left;
}
ul#menu_d li{
    display:block;
    float:left;
    margin:0;
    pading:0;
    border-left:1px solid #ffffff;
    }
ul#menu_d li a{
    display:block;
    float:left;
    color:#ffffff;
    text-decoration:none;
    padding:5px 20px 0 20px;
    height:24px;
    height:40px;
    }
ul#menu_d li a:hover{
    background:transparent url(/modules/spectam/public/images/default/bouton/bt_menu_action_survol.png) repeat-x top left;
    text-decoration:none;
    color:#083D65;
    }
/*************** FIN MENU DROIT *****************/

#caption_date {
    background-image:url(/modules/spectam/public/images/default/form/fond_prem_ligne.gif);
    background-repeat:repeat-y;*
    border-left: 5px solid #666;
    width:100%; /* bug IE6 texte invisible */
    }

#forget_mdp {
    color:#667bb3;
    height:30px;
    padding-top:5px;
    }

#forget_mdp a{
    text-decoration:none;
    color:#667bb3;
    margin-left:155px;
    }

#forget_mdp a:hover{
    text-decoration:none;
    color:#083d65;
    margin-left:155px;
    }