/* POPUP */
div.popup
{
  z-index: 999999;

  position: fixed;

  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

div.popup div.popup-background, div.popup div.popup-no-background
{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;

  background-color: #000;
  opacity: 0.75;
}

div.popup div.popup-no-background
{
  opacity: 0.0;
}

div.popup div.popup-content
{
  position: absolute;
  top: 20%;
  right: 20%;
  bottom: 20%;
  left: 20%;

  padding: 25px;

  border-radius: 5px;
  background-color: #F7F5E7;

  overflow: auto;
}

div.popup div.popup-content.small-width
{
  left: 30%;
  right: 30%;
}

div.popup div.popup-content.small-height
{
  top: 30%;
  bottom: 30%;
}

div.popup div.popup-content h1
{
  margin-top: 0px;
  text-align: center;
}

div.popup div.popup-content h2
{
  font-size: 1em;
  margin: 5px 0px;
}

div.popup div.popup-content div.popup-button-row
{
  text-align: center;

  margin-top: 25px;
  margin-bottom: 25px;
}

div.popup div.popup-content div.popup-button-row input
{
  margin: 0px 10px;
}

div.popup div.popup-loader
{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;

  background-image: url('/fr/wp-includes/images/ajax-loader.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

/* REGISTRATION FORM - INSCRIPTION */
#registration-form
{
  width: 100%;
}

#registration-form input, #registration-form select
{
  width: 95%;
  display: block;

  margin-bottom: 0.75em;
}

#registration-form select option.disabled
{
  text-align: center;
  color: #333;
}

#registration-form p
{
  margin: 0px;
}

#registration-form #comitee-group, #registration-form #group-group
{
  display: none;
}

/* Champs à afficher en ligne plutôt qu'en bloc par défaut */
#registration-form #noscientist,
#registration-form #noscientist-desc,
#registration-form #scientist,
#registration-form #scientist-desc,
#registration-form #association,
#registration-form #association-desc,
#registration-form #participates-w,
#registration-form #participates-w-desc,
#registration-form #participates-o,
#registration-form #participates-o-desc,
#registration-form #address-code-desc,
#registration-form #address-code,
#registration-form #address-city-desc,
#registration-form #address-city,
#registration-form #comitee-desc,
#registration-form #comitee,
#registration-form #group-desc,
#registration-form #group,
#registration-form #address-country
{
  width: auto;
  display: inline;
}

#registration-form #address-code
{
  width: 6em;
}

#registration-form #address-city
{
  width: 10em;
  margin-right: 1em;
}

#registration-form #address-country
{
  width: 6em;
}

#registration-form #registration-submit
{
  width: auto;
}

/* Formulaire Généraux */
div.form-group
{
  padding-left: 30px;
}

div.form-group .title
{
  position: relative;
  left: -30px;

  font-weight: bold;
}

div.inline-group
{
  display: block;
  width: 100%;

  margin-bottom: 10px;
}

div.inline-group input, div.inline-group label
{
  display: inline !important;
  width: auto !important;
}

div.inline-group input[type=radio] + label
{
  margin-right: 10px;
}

textarea.description
{
  width: 100%;
  height: 8em;
}

div.agreement
{
  padding: 7em 13% 7em 13%;
  border: 1px solid #666;
  border-radius: 3px;

  background-color: #FFF;
  color: #333;
}

div.agreement h1
{
  font-size: 1.25em;
}

div.agreement h2
{
  font-size: 1em !important;
  color: #BC360A;

  margin: 20px 0px 5px 0px !important;
}

div.agreement h3
{
  font-size: 0.9em;
  font-weight: normal;
  margin: 10px 0px 5px 0px;
  text-decoration: underline;
}

div.agreement p
{
  font-size: 0.9em;

  text-align: justify;
  margin: 0px 0px 10px 0px;
}

div.agreement ul
{
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

div.agreement ul li
{
  font-size: 0.9em;
  margin: 0px 0px 10px 25px;
}

div.agreement div.signature
{
  margin-top: 20px;
}

div.agreement div.signature p
{
  margin: 0px;
}

div.agreement div.signature img
{
  width: 100px;
}

div.button-row
{
  margin-top: 20px;
  text-align: center;
}

/* Walk */
#walk-information div.walk-step
{
  position: relative;

  width: 100%;
  height: 120px;

  text-align: center;

}

#walk-information div.walk-step div
{
  position: absolute;

  vertical-align: middle;

  margin-top: 20px;
  line-height: 100px;
  height: 100px;

  background-repeat: no-repeat;
  background-position: center center;
}

#walk-information div.walk-step div p
{
  display: inline-block;

  margin: 0px;
  padding: 0px;

  text-align: center;
  vertical-align: middle;
  line-height: 1em;
}

#walk-information div.walk-step div.city-from
{
  width: 20%;

  top: 0px;
  left: 0px;
}

#walk-information div.walk-step div.city-from.step.disabled
{
  background-image: url('/fr/wp-includes/images/marker_walk_step.png');
}

#walk-information div.walk-step div.city-from.comitee.disabled
{
  background-image: url('/fr/wp-includes/images/marker_walk_comitee.png');
}

#walk-information div.walk-step div.city-from.step.enabled
{
  background-image: url('/fr/wp-includes/images/marker_walk_step_enabled.png');
}

#walk-information div.walk-step div.city-from.comitee.enabled
{
  background-image: url('/fr/wp-includes/images/marker_walk_comitee_enabled.png');
}

#walk-information div.walk-step div.city-from p
{
  font-size: 12px;
  margin-top: -35px;
}

#walk-information div.walk-step div.from-here
{
  width: 40%;

  top: 0px;
  left: 10%;
}

#walk-information div.walk-step div.from-here.disabled.bike
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_bike_disabled.png');
}

#walk-information div.walk-step div.from-here.disabled.foot
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_foot_disabled.png');
}

#walk-information div.walk-step div.from-here.disabled.train
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_train_disabled.png');
}

#walk-information div.walk-step div.from-here.disabled.kayak
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_kayak_disabled.png');
}

#walk-information div.walk-step div.from-here.enabled.bike
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_bike_enabled.png');
}

#walk-information div.walk-step div.from-here.enabled.foot
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_foot_enabled.png');
}

#walk-information div.walk-step div.from-here.enabled.train
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_train_enabled.png');
}

#walk-information div.walk-step div.from-here.enabled.kayak
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_kayak_enabled.png');
}

#walk-information div.walk-step div.from-here p
{
  position: relative;
  z-index: 999;

  font-size: 15px;
  margin-top: 40px;
}

#walk-information div.walk-step div.city-here
{
  width: 60%;

  top: 0px;
  left: 20%;
}

#walk-information div.walk-step div.city-here.step.disabled
{
  background-image: url('/fr/wp-includes/images/marker_big_walk_step.png');
}

#walk-information div.walk-step div.city-here.comitee.disabled
{
  background-image: url('/fr/wp-includes/images/marker_big_walk_comitee.png');
}

#walk-information div.walk-step div.city-here.step.enabled
{
  background-image: url('/fr/wp-includes/images/marker_big_walk_step_enabled.png');
}

#walk-information div.walk-step div.city-here.comitee.enabled
{
  background-image: url('/fr/wp-includes/images/marker_big_walk_comitee_enabled.png');
}

#walk-information div.walk-step div.city-here p
{
  font-size: 30px;
  margin-top: -95px;
}

#walk-information div.walk-step div.here-to
{
  width: 40%;

  top: 0px;
  right: 10%;
}

#walk-information div.walk-step div.here-to.disabled.bike
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_bike_disabled.png');
}

#walk-information div.walk-step div.here-to.disabled.foot
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_foot_disabled.png');
}

#walk-information div.walk-step div.here-to.disabled.train
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_train_disabled.png');
}

#walk-information div.walk-step div.here-to.disabled.kayak
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_kayak_disabled.png');
}

#walk-information div.walk-step div.here-to.enabled.bike
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_bike_enabled.png');
}

#walk-information div.walk-step div.here-to.enabled.foot
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_foot_enabled.png');
}

#walk-information div.walk-step div.here-to.enabled.train
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_train_enabled.png');
}

#walk-information div.walk-step div.here-to.enabled.kayak
{
  background-image: url('/fr/wp-includes/images/marker_walk_from_to_kayak_enabled.png');
}

#walk-information div.walk-step div.here-to p
{
  position: relative;
  z-index: 999;

  font-size: 15px;
  margin-top: 40px;
}

#walk-information div.walk-step div.city-to
{
  width: 20%;

  top: 0px;
  right: 0px;
}

#walk-information div.walk-step div.city-to.step.disabled
{
  background-image: url('/fr/wp-includes/images/marker_walk_step.png');
}

#walk-information div.walk-step div.city-to.comitee.disabled
{
  background-image: url('/fr/wp-includes/images/marker_walk_comitee.png');
}

#walk-information div.walk-step div.city-to.step.enabled
{
  background-image: url('/fr/wp-includes/images/marker_walk_step_enabled.png');
}

#walk-information div.walk-step div.city-to.comitee.enabled
{
  background-image: url('/fr/wp-includes/images/marker_walk_comitee_enabled.png');
}

#walk-information div.walk-step div.city-to p
{
  font-size: 12px;
  margin-top: -35px;
}

div.big-image
{
  margin: auto;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
}

/* PICTURE MAP */
#pictures
{
  width: 95%;

  margin: 10px auto 10px auto;
  overflow: auto;

  border-radius: 3px;
  background-color: #DDEEFF;

  text-align: center;
}

#pictures a
{
  position: relative;
  
  display: inline-block;
  width: 160px;
  height: 140px;

  margin: 12px;

  border: 4px solid #FFF;
  overflow: hidden;
}

#pictures a:hover
{
  box-shadow: 0px 0px 2px #AAA;
}

#pictures a.picture-showmore
{
  display: block;
  text-align: center;

  width: auto;
  height: auto;

  border: none;

  overflow: visible;
}

#pictures a.picture-showmore:hover
{
  box-shadow: none;
}

#pictures a span.title
{
  display: block;
  position: absolute;

  width: 100%;

  padding: 3px;
  background-color: #FFF;
  color: #000;

  bottom: 0px;
}

#pictures a img
{
  position: absolute;
  top: 0px;
  left: 0px;
  
  width: 160px;
}

div.picture-editor
{
  position: relative;

  width: 95%;
  margin: 25px auto;
  padding: 5px;
}

div.picture-editor.dark
{
  background-color: #F0F0F0;
}

div.picture-editor div.picture-image
{
  float: left;
}

div.picture-editor div.picture-form
{
  float: right;
}

div.picture-editor input.pic-desc
{
  width: 100%;
}

/* Aide */
input.button.help
{
  display: inline !important;
  width: auto !important;

  padding: 2px 10px;
  margin-left: 5px;
}

/* Informations */
div.feedback-type0, div.feedback-type1, div.feedback-type2, div.feedback-type3
{
  border: 1px solid;
  
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  
  background-repeat: no-repeat;
  background-position: 10px center;
}

div.feedback-type0
{
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('/fr/wp-includes/images/feedback/info.png');
}

/* Warning */
div.feedback-type1
{
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('/fr/wp-includes/images/feedback/warning.png');
}

/* Erreur */
div.feedback-type2
{
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('/fr/wp-includes/images/feedback/error.png');
}

/* Confirmation */
div.feedback-type3
{
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('/fr/wp-includes/images/feedback/confirm.png');
}