/**
 * EDS - Fichier CSS commun à plusieurs les pages CONTENU (nodes).
 * Chargé dans le template.tpl.php
 *
 * @file
 */

/*** LIEN RETOUR AU-DESSUS DU TITRE ***/

body.page-node .backlink {
  display: inline-block;
  margin-left: -20px;
  padding: 0 0 10px 20px;
  background: url('../../images/common/fleche-backlink.png') 0 3px no-repeat;
  background: url('../../images/common/fleche-backlink.svg') 0 3px no-repeat;
  font-family: 'Helvetica Neue ', Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.5);
}
body.page-node .backlink:hover { color: #fff; }

/*** GROUPE HAUT ***/

.group-top { margin-bottom: 30px; }
.group-top-left { float: left; width: 66%; }
.group-media {
  -webkit-box-shadow: 15px 0 20px -15px rgba(0,0,0,0.3), -15px 0 20px -15px rgba(0,0,0,0.3);
  box-shadow: 15px 0 20px -15px rgba(0,0,0,0.3), -15px 0 20px -15px rgba(0,0,0,0.3);
}
.group-top-right { float: right; padding: 20px; width: 31.9%; background-color: #f2f1f0; }

/* Gauche */
.node.not-form .field-name-field-chapeau {
  padding-right: 20px;
  letter-spacing: normal;
  font-family: 'Trebuchet bold', Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 1.35em;
}
.node.not-form .field-name-field-texte {
  padding-right: 20px;
  line-height: 1.5;
}

/* Infos pratiques */
.group-pratique { margin-bottom: 30px; padding-bottom: 10px; }
.group-pratique .field {
  margin-bottom: 20px;
  padding-top: 45px;
  background-position: left top;
  background-repeat: no-repeat;
}
.group-pratique .field p { margin-bottom: 0; }
.group-pratique .field-label {
  font-family: 'Trebuchet bold', Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  font-weight: normal;
}
.group-pratique .field-item { font-size: .95em; }

/*** CONTAINER OMBRES LATERALES ***/

body.contenu .group-top .shadow {
  position: absolute;
  top: 0;
  width: 12px; height: 350px;
  z-index: 10;
}
body.contenu .group-top .shadow.left {
  left: 0;
  -webkit-box-shadow: -8px 0 10px -5px rgba(0,0,0,0.5);
  box-shadow: -8px 0 10px -5px rgba(0,0,0,0.5);
}
body.contenu .group-top .shadow.right {
  right: 0;
  -webkit-box-shadow: 8px 0 10px -5px rgba(0,0,0,0.5);
  box-shadow: 8px 0 10px -5px rgba(0,0,0,0.5);
}

  /*** TÉLÉCHARGEMENTS ***/

.group-bottom { margin-top: 30px; }
.group-telecharger { margin-bottom: 30px; padding: 20px 0 0 20px; background-color: #f2f1f0;}
.group-telecharger .field-name-field-telecharger .field-item {
  position: relative;
  float: left;
  margin: 0 2% 20px 0;
  padding-left: 90px;
  width: 211px; height: 95px;
  background-repeat: no-repeat;
}
.group-telecharger .field-name-field-telecharger span { display: block; }
.group-telecharger .field-name-field-telecharger a { display: block; position: absolute; bottom: 0; }
.group-telecharger .field-name-field-telecharger a .title {
  font-family: 'Trebuchet bold', Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  word-break: normal;
}

/*** PARTENAIRES ***/

.group-partenaires { margin-bottom: 30px; }
.group-partenaires .field-name-field-partenaires-texte { margin-bottom: 20px; }
.group-partenaires .field-name-field-partenaires-texte .field-items {
  float: right;
  width: 50%;
  font-size: .9em;
  font-style: italic;
  color: #ababab;
}
.group-partenaires .field-name-field-partenaires-image .field-item {
  float: right;
  margin-left: 20px;
}

/*** RENDEZ-VOUS ***/

.group-rdv { margin-bottom: 30px; padding: 30px; background-color: #f2f1f0; }
.group-rdv h3 { text-transform: uppercase; font-weight: bold; font-size: 1.3em; }
.group-rdv .field-name-field-rdv1-titre,
.group-rdv .field-name-field-rdv2-titre { margin-bottom: 5px; font-weight: bold; }
.group-rdv-infos .field { float: left; margin-bottom: 5px; text-transform: uppercase; }
.group-rdv .field-name-field-rdv1-lieu .field-item:before,
.group-rdv .field-name-field-rdv2-lieu .field-item:before {
  display: block;
  float: left;
  padding: 0 5px;
  content: '|';
}
.group-rdv .field-name-field-rdv1-texte p,
.group-rdv .field-name-field-rdv2-texte p { margin-bottom: 0; }
.node.not-form .field-name-field-rdv1-texte { margin-bottom: 20px; }

/*** SERVICE LINKS ***/

.service-links { margin-top: 20px; margin-bottom: 20px; }
.service-links .service-label{ float: left; padding-top: .2em; font-size: .95em; color: #ababab; }
.service-links ul.links { float: left; margin: 0; padding: 0; }
.service-links ul.links li { float: left; margin-left: 20px; list-style: none; }
.service-links ul.links li a { display: block; height: 21px; }
a.service-links-facebook { width: 10px; }
a.service-links-twitter { width: 25px; }
a.service-links-google-plus { width: 20px; }
a.service-links-forward { width: 30px; }
.service-links ul.links li a img { display: none; }

/*** BORDER BOTTOM ***/

.node.not-form .border-bottom {
  margin-bottom: 30px;
  border-bottom-width: 7px;
  border-bottom-style: solid;
}

/*** MOTS CLÉS (TAXO) ***/

.field-name-field-tags { margin-bottom: 30px; }
.field-name-field-tags .field-label,
.field-name-field-tags .field-items,
.field-name-field-tags .field-item { float: left; }
.field-name-field-tags .field-label {
  width: 16%;
  font-family: 'Helvetica Neue bold', Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.field-name-field-tags .field-items { width: 84%; }
.field-name-field-tags .field-label:after { content: ' #'; font-size: 2em; }
.field-name-field-tags .field-item { padding-left: 1.4em; line-height: 3;}

/*** FOOTER LINKS ***/

.node.not-form footer ul { margin: 0; }
.node.not-form footer ul li { padding: 0; }

/**
 * RESPONSIVE
 */

/*--------- <= 760px ---------*/

@media only screen and (max-width: 760px) {

  .field-name-field-tags .field-label { width: 22%; }
  .field-name-field-tags .field-items { width: 78%; }

}

/*--------- <= 680px ---------*/

@media only screen and (max-width: 680px) {

  .backlink { margin-left: 0 !important; }
  .group-top-left, .group-top-right {
    float: none !important;
    width: 100% !important;
    min-height: 0 !important; }
  .node.not-form .field-name-field-texte { padding-right: 0; }
  .group-pratique { padding-bottom: 0; }
  .group-pratique .field { padding: 0 0 0 50px !important; }

}

/*--------- <= 540px ---------*/

@media only screen and (max-width: 540px) {

  .field-name-field-tags .field-label { width: 25%; }
  .field-name-field-tags .field-items { width: 75%; }

}

/*--------- <= 480px ---------*/

@media only screen and (max-width: 480px) {  /* eq. 384px */

  .field-name-field-tags:before {
    float: left;
    content: '# ';
    font-family: 'Helvetica Neue bold', Helvetica, Arial, sans-serif;
    font-size: 2em;
  }
  .field-name-field-tags .field-label { display: none; }
  .field-name-field-tags .field-items {
    float: none;
    display: block;
    padding-left: 30px;
    width: 100%;
  }
  .field-name-field-tags .field-item { padding-top: .9em; line-height: 1.2; }

}