/**
 * @file
 * Visual styles for Culturepresse's France Map custom module content.
 * 
 * Full view and COLORBOX window
 *
 * body.path-webform is used in the colorbox opened 
 * via a markup element in the webform 'Demandez à être rappelé(e)' 
 */

/* add space below the ul li.sous-menu (coming from ckeditor styles in style.css) */
body.path-contacts-culture-presse ul li.sous-menu,
body.path-webform #colorbox  ul li.sous-menu {
  margin-bottom: 1.5em;
}

body.path-contacts-culture-presse div.map_regions,
body.path-webform #colorbox div.map_regions {
  width: 700px; 
  height: 1252px; 
  position: relative; 
  display: block; 
  margin-bottom: 2em;
}

body.path-contacts-culture-presse p.legende_ouest,
body.path-webform #colorbox .map_regions p.legende_ouest {
  font-size: 0.9em;
  color: #333;
  font-weight: bold;
  background-color: #a8d7d8;
  width: 150px;
  position: absolute;
  top: 700px;
  left: 16px;
  padding-left: 0.2em;
}

body.path-contacts-culture-presse p.legende_sud_ouest,
body.path-webform #colorbox .map_regions p.legende_sud_ouest {
  font-size: 0.9em;
  color: #ffffff;
  font-weight: bold;
  background-color: #f26865;
  width: 150px;
  position: absolute;
  top: 700px;
  left: 196px;
  padding-left: 0.2em;
}

body.path-contacts-culture-presse p.legende_nord_est,
body.path-webform #colorbox .map_regions p.legende_nord_est  {
  font-size: 0.9em;
  color: #ffffff;
  font-weight: bold;
  background-color: #5e9aa4;
  width: 150px;
  position: absolute;
  top: 700px;
  left: 376px;
  padding-left: 0.2em;
}

body.path-contacts-culture-presse p.legende_sud_est,
body.path-webform #colorbox .map_regions p.legende_sud_est  {
  font-size: 0.9em;
  color: #333;
  font-weight: bold;
  background-color: #f69d9a;
  width: 150px;
  position: absolute;
  top: 700px;
  left: 556px;
  padding-left: 0.2em;
}

body.path-contacts-culture-presse p.legende_paris,
body.path-webform #colorbox .map_regions p.legende_paris {
  font-size: 0.9em;
  color: #333;
  font-weight: bold;
  background-color: #ededed;
  border: 1px solid #f26865;
  width: 150px;
  position: absolute;
  top: 1060px;
  left: 16px;
  padding-left: 0.2em;
}

/* sharethis position */
body.path-contacts-culture-presse div.links,
body.path-webform div.links {
  position: absolute;
  top: 1180px;
  left: 10px;
}

/* Don't display the map on mobile */
@media only screen and (max-width: 767px) {
  body.path-contacts-culture-presse #block-culturepresse-system-main .map_regions {
    display: none;
  }
}