/* 
    Document   : topo.css
    Created on : Apr 26, 2009, 9:50:54 PM
    Author     : pascal
    Description:
        Styles qui sont communs à l'affichage des topos pour tous les types de
        pratique.
        Voir aussi:
        - topo_rivieres.css pour les styles propres à l'affichage des seuls topos de rivière.
        - topo_simples.css pour les styles propres à l'affichage des topos de spots et de bassins.
*/

button.valider, button.continuer {
    border-top:1px solid #ed6502;
    border-left:1px solid #ed6502; 
    border-bottom:1px solid #ad4a01;
    border-right:1px solid #ad4a01;
    font-weight:bold;
    color:white;
    background-color:#fc9e39
}
button.abandonner, button.quitter, button.annuler {
    border-top:1px solid #aaaaaa;
    border-left:1px solid #aaaaaa; 
    border-bottom:1px solid #888888; 
    border-right:1px solid #888888; 
    font-weight:bold;
    color:#303030;
    background-color:#e4e4e4
}
button.bouton_en_ligne {margin-right:0.25em}
button:hover {cursor:pointer}

/* Styles relatif à la création du topo */
#fct {background-color:#f0f0f0; padding:1em 0.5em 1em 0.5em}
.fct_ligne_champ {clear: left; padding-bottom:2em; margin-bottom:1em}
.fct_libelle, .fct_mention_complementaire {font-weight:bold; text-align:right; margin-right:1em}
.fct_libelle {float:left; text-align:right; margin-right:1em}
.fct_mention_complementaire {color: #7a6651; text-align:left; margin-left:1em}
.fct_champ {float:left}
.fct_actions {border-top:1px solid #d0d0d0; margin-top:1.5em; padding-top:0.5em; text-align:right}

/* Fin des styles relatif à la création du topo */

/* Styles relatif à l'édition du topo */
span.bascule_edition {margin-left: 2em; padding: 2px 15px 2px 15px; font-size: 85%; border: 1px solid #15a1e7; background-color:#117fb7; text-align: center}
span.bascule_edition a {color: white; font-weight: bold}
span.bascule_edition a:link {text-decoration: none}
span.bascule_edition a:visited {text-decoration: none}
span.bascule_edition a:hover {text-decoration: underline}
span.bascule_edition a:active {text-decoration: underline}
div.formulaire_eip {color: #f5f5dc; background-color: #6d5c5c}
div#aide_basique_formulaire, div#outils_aide_formulaire {margin: 0.75em 0 0.75em 0; padding: 0.2em 0.5em 0.2em 0.5em; background-color: #7c6868}
div#outils_aide_formulaire {text-align: right}
.patientez_svp {text-align: center; color: #ea8071; font-family: sans, arial; font-weight: bold}

.surlignage_eip {background-color: #ffff7d}
/* Fin des styles relatif à l'édition du topo */

.fond_topo { background-color: #ebdfbf}
span.separateur_zones_geo {color: navy; font-weight: bold; padding: 0 0.33em 0 0.33em}
.nom_site { font-size: 125%; font-weight: bold; color: #594026 }
div.tip_photo_originale
{
    display: none;
    z-index: 100;
    position: absolute;
    width: 20em;
    padding: 0.5em;
    border: 1px solid #ffbf00;
    background-color: #fff9e5;
    font-size: 90%;
    text-align: left;
    color: #333333;
}
div.tip_visible {display: block; position: absolute}
.bloc_visible {display: block}
.invisible {display: none}
div#titre {float: left}
div#parcourir_liste_sites {color: gray; margin-left: 3em; text-align: right}
div#barre_onglets
{
    clear: left;
    margin: 0;
    padding: 0;
    background-color: red;
}
div.onglet
{
    height: 1.5em;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0 0 0 0.5em;
    background-color: white;
    float: left;
}
div.contenu_volet
{
    clear: both;
    padding: 1em;
    background-color: white;
}

div.image_ou_carte { clear: left; margin-bottom: 2em; }

div.colonne_condition
{
    float: left;
    border-color: #e0e0e0;
    border-style: solid;
    margin: 1em -1px 0 0;
}

div#colonne_image_et_carte
{
    float: left;
    /*border: 1px dotted gray;*/
    margin-right: 1.5em;
}
div#colonne_infos_resume
{
    float: left;
    /*border: 1px dashed #d0d0f0;*/
    padding: 0 0 0 0;
}

div.auteurs { margin-bottom: 1.5em; float: left }
.partages {float: left; margin-left: 1em}
div.rubrique, div.derniere_rubrique {clear: left; border-top: 1px solid #d7d7b1; padding: 0.25em 0 1.5em 0; margin-bottom: 0.5em;}
div.derniere_rubrique {border-bottom: 0}
div.titre_rubrique {float: left; text-align: left; padding: 0 0.5em 0 0.25em; color: maroon; font-weight: normal;}
div.contenu_rubrique {float: left; color: #404040; padding-left: 0.5em; font-family: Georgia,serif;}
div.commentaires_topo {border-top: 2px dotted maroon; padding: 1em; margin-top: 1em;}
div.titre_commentaires {color: black; font-weight: bold; margin-bottom: 1em;}
div.commentaire_topo
{
    background-image: url('../img/communes/icones/guillemets_commentaire.gif');
    background-position: 10px 0;
    background-repeat:no-repeat;
    margin-bottom: 2em;
    padding: 0 1em 0 45px;
    border-left: 3px solid #eeeeee;
}
div.contenu_commentaire
{
    color: navy;
    font-size: 106%;
}
div.pied_commentaire
{
    margin-top: 0.3em;
    font-size: 100%;
    color: #897952;
}
div.pied_commentaire a {font-weight: bold}

div.releve_niveau {color: #404040; background-color: white; padding: 0em 0 0.25em 0; margin-bottom: 0.25em}
div.entete_releve_niveau {color: maroon; margin: 0 1em -1px 0.5em; padding: 0.25em 0.25em 0.15em 0.5em; background-color: #ffe9ae;}
div.contenu_releve_niveau {border-top: 1px solid #ffe9ae; border-bottom: 1px solid #ffe9ae; background-color: #fffbef; padding: 0.1em 0.5em 0.25em 0.5em;}

div.condition_niveau {clear: left}
div.titre_rubrique_conditions {font-size: 120%; font-weight: bold; margin-bottom: 1em; text-align: center}
div.intitule_conditions_niveau {float: left; color: #404040; font-weight: bold; width: 7em; text-align: right;}
div.contenu_conditions_niveau {float: left; margin-left: 0.5em;}
div.actions_contribuez {margin-top: 1em;}

div.cadre_photo {margin: 0 0 1em 0; border: 1px solid #d0d0d0; width: 202px; text-align: center; background-color: white; }
div.legende_photo {width: 200px; padding: 0.25em 0 0.25em 0.25em; text-align: left}
div.date_legende_photo, div.auteur_legende_photo, div.texte_legende_photo {font-size: 90%}
div.date_legende_photo {float: left; padding-top: 0.1em}
div.auteur_legende_photo {float: right; padding-right: 0.75em}
div.texte_legende_photo {clear: left; padding: 0.33em 0.5em 0 0}
div.icone_appareil_photo {float: left; padding-top: 0.3em}
div.nom_auteur_legende {float: left}
div.date_legende_photo {color: #4c4334}
div.incitation_a_contribuer {background-color: #e2eff8; border: 1px solid #adcfde; padding: 0.25em 0.75em 0.5em 0.75em; margin-bottom: 0.5em; color: #154d85}
/*div.incitation_a_contribuer {background-color: #ebf6ff; border: 2px solid #d3ecff; padding: 0.5em 0.75em 0.5em 0.75em; margin-bottom: 1em; color: #191970}*/
span.titre_incitation_a_contribuer {font-weight: bold; font-size: 125%; color: navy}
.titre_incitation_a_contribuer a:link     {color: navy}
.titre_incitation_a_contribuer a:visited  {color: navy}
.titre_incitation_a_contribuer a:hover    {color: navy}
.titre_incitation_a_contribuer a:active   {color: navy}

.texte_releve_niveau
{
    margin: 0;
    padding: 0.2em 0.25em 0.25em 0.5em;
    font-style: italic;
    border-left: 10px solid white;
}

/*- Menu Tabs--------------------------- */
#tabsI {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  /*border-bottom:1px solid #DD740B;*/
  }
#tabsI ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }
#tabsI li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsI a {
  float:left;
  background:url("/img/communes/habillage/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  }
#tabsI a span {
  float:left;
  display:block;
  background:url("/img/communes/habillage/tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */
/*///
#tabsI a:hover span {
  color:#FFF;
  }
*/
#tabsI a:hover {
  background-position:0% -42px;
  }
#tabsI a:hover span {
  background-position:100% -42px;
  }

a.onglet {text-decoration: none}