/**
 * @file
 * Visual styles for Culturepresse's Distribution Observatory custom module content.
 */

body.path-observatoire-resultats main#content section {
  width: 80%;
}

body.path-observatoire-resultats #block-pagetitle {
  width: 22em;	
}

#observatory-day-select-form {
  float: right;
  padding-left: 1em;
  margin-top: -90px;
  border-left: 1px solid #999;
  z-index: 1000;
}
#observatory-day-select-form .form-type-select,
#observatory-day-select-form #edit-actions {
  display: inline-block;
}
#observatory-day-select-form select {
  font-size: 0.8em; 
  display: inline-block;
}
#observatory-day-select-form input[type=submit] {
  color: #6195A8;
  font-size: 0.8em;
  font-weight: bold;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background-color: #6195A8;
  padding: 0;
  cursor: pointer;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
#observatory-day-select-form input[type=submit]:hover {
  color: #FFFFFF;
  background-color: #6195A8;
}

body.path-observatoire-resultats main#content section div.map_depots {
  width: 700px; 
  height: 1252px; 
  position: relative; 
  display: block; 
  margin-bottom: 2em;
  /*padding-left: 1em;*/
  z-index: 1;
}

body.path-observatoire-resultats h2.observatoire_day {
  position: absolute;
  top: -20px;
  left: 0;
}

body.path-observatoire-resultats p.legende_ouest {
  font-size: 0.9em;
  color: #333;
  font-weight: bold;
  background-color: #a8d7d8;
  width: 150px;
  position: absolute;
  top: 710px;
  left: 16px;
  padding-left: 0.2em;
}

body.path-observatoire-resultats p.legende_sud_ouest {
  font-size: 0.9em;
  color: #ffffff;
  font-weight: bold;
  background-color: #f26865;
  width: 150px;
  position: absolute;
  top: 710px;
  left: 196px;
  padding-left: 0.2em;
}

body.path-observatoire-resultats p.legende_nord_est {
  font-size: 0.9em;
  color: #ffffff;
  font-weight: bold;
  background-color: #5e9aa4;
  width: 150px;
  position: absolute;
  top: 710px;
  left: 376px;
  padding-left: 0.2em;
}

body.path-observatoire-resultats p.legende_sud_est {
  font-size: 0.9em;
  color: #333;
  font-weight: bold;
  background-color: #f69d9a;
  width: 150px;
  position: absolute;
  top: 710px;
  left: 556px;
  padding-left: 0.2em;
}

body.path-observatoire-resultats p.legende_paris {
  font-size: 0.9em;
  color: #333;
  font-weight: bold;
  background-color: #ededed;
  border: 1px solid #f26865;
  width: 150px;
  position: absolute;
  top: 1112px;
  left: 16px;
  padding-left: 0.2em;
}

p.natural {
  background-color: #EDEDED;
  padding: 0 0 0 0.3em;
}
.rouge {
  background-color: red;
  color: white;
  padding: 0 0 0 0.3em;
}
.orange {
  background-color: orange;
  color: white;
  padding: 0 0 0 0.3em;
}
.vert {
  background-color: green;
  color: white;
  padding: 0 0 0 0.3em;
}

body.path-observatoire-resultats p.legende_couleurs,
body.path-observatoire-resultats #legende_couleurs {
  font-size: 0.85em;
  color: #000;
  font-weight: normal;
  background-color: #F8F8F8;
  width: 100px;
  position: absolute;
  top: 340px;
  left: 0;
  padding-left: 0.1em;
  border: 1px solid #666;
}

/** FORM **/

#observatoire_date {
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
}

#observatoire_date_form {
  position: absolute;
  top: 0;
  left: 500px;
  width: 200px;
  display: inline-block;    
}
#observatoire_date_form select {
    width: 8em;
}
#observatoire_date_form .form-type-select,
#observatoire_date_form input {
  display: inline-block; 
  font-size: 0.8em; 
}
#observatoire_date_form .form-type-select label {
  font-size: 1.4em;
  font-weight: bold;   
}



/** TABLEAU des résultats par dépôts **/ 

body.path-observatoire-resultats table {
  width: 120%;
}

body.path-observatoire-resultats table th {
  font-size: 0.9em;
  color: #333;
  background-color: #F8F8F8;
  text-align: center; 
  width: 7em;
}
body.path-observatoire-resultats table th + th {
  background-color: yellow;
}
body.path-observatoire-resultats table th + th + th + th {
  font-size: 0.9em;
  background-color: #FFCCCC;
  text-align: center; 
}
body.path-observatoire-resultats table th + th + th + th + th + th + th + th {
  background-color: #a2c6cc;
}
  
body.path-observatoire-resultats table td + td {
  font-size: 1em;
  background-color: #FFFFCC;
  text-align: center; 
}

body.path-observatoire-resultats table td + td + td + td {
  font-size: 1em;
  background-color: #FFEDED;
  text-align: center; 
}

body.path-observatoire-resultats table td + td + td + td + td + td + td + td {
  font-size: 1em;
  background-color: #dae9eb;
  text-align: center; 
}

/* sharethis position */
body.path-observatoire-resultats div.links {
  position: absolute;
  top: 1250px;
  left: 10px;
}

body.path-observatoire-resultats #breadcrumb {
  display: none;
}