/* globals */
/* couleurs des pôles */
/* couleurs des pôles + claire et + fade */
/* couleurs des textes */
/* haut de page */
/* pied de page */
.article > div.meta {
  color: #737373;
}
span.spip_documents_center > img {
  max-width: 100%;
  height: 100%;
}
span.spip_documents_left {
  max-width: 400px;
}
span.spip_documents_left > img {
  max-width: 400px;
  height: 100%;
}
.spip_documents > img {
  width: 100%;
  height: 100%;
}
#top-left {
  height: 163px;
}
#top-right {
  height: 163px;
}
#top-middle {
  height: 163px;
}
ul.menu,
.menu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-left: 12px;
}
.sommaire-liens-rub {
  height: 60px;
}
.sommaire-liens-rub > a {
  display: block;
  width: 16.66666667%;
  height: 60px;
  padding: 5px;
  text-align: center;
  color: #333333;
  /*border-bottom-width: 4px;
	border-bottom-style: solid;*/
  font-variant: small-caps;
  font-weight: bold;
}
@media (max-width: 768px) {
  .sommaire-liens-rub > a {
    width: 30%;
  }
}
.sommaire-liens-rub > a:hover,
.sommaire-hover {
  color: white !important;
  text-decoration: none !important;
}
.sommaire-liens-rub > a.bord-env:hover,
.sommaire-hover-env {
  background-color: #cc9900;
}
.sommaire-liens-rub > a.bord-prot:hover,
.sommaire-hover-prot {
  background-color: #3366ff;
}
.sommaire-liens-rub > a.bord-obs:hover,
.sommaire-hover-obs {
  background-color: #336666;
}
.sommaire-liens-rub > a.bord-anim:hover,
.sommaire-hover-anim {
  background-color: #660066;
}
.sommaire-liens-rub > a.bord-asso:hover,
.sommaire-hover-asso {
  background-color: #d90019;
}
.sommaire-liens-rub > a.bord-vieasso:hover,
.sommaire-hover-vieasso {
  background-color: #f07508;
}
#top-picardie {
  background-position: left bottom;
  background-repeat: no-repeat;
  background-image: url('carte_accueil.png');
  height: 163px;
}
#top-panneau {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url('pancartes_accueil.png');
  height: 163px;
}
#top {
  border-bottom-size: 3px;
  border-bottom-color: #d90019;
  border-bottom-style: solid;
}
.icones-sociaux {
  padding: 3px;
}
.icones-sociaux > a {
  color: #d90019;
  font-size: 22px;
  margin-left: 5px;
}
.plaq-pole {
  width: 100%;
}
.coul-env {
  color: #cc9900;
}
.coul-prot {
  color: #3366ff;
}
.coul-obs {
  color: #336666;
}
.coul-anim {
  color: #660066;
}
.coul-asso {
  color: #d90019;
}
.coul-vieasso {
  color: #f07508;
}
.fond-env {
  background-color: #cc9900;
}
.fond-prot {
  background-color: #3366ff;
}
.fond-obs {
  background-color: #336666;
}
.fond-anim {
  background-color: #660066;
}
.fond-asso {
  background-color: #d90019;
}
.fond-vieasso {
  background-color: #f07508;
}
.fond-gris {
  background-color: #e3e3e3;
}
.fond-clair-env {
  background-color: #e0c985;
}
.fond-clair-prot {
  background-color: #d6def5;
}
.fond-clair-obs {
  background-color: #999999;
}
.fond-clair-anim {
  background-color: #e6b3e5;
}
.fond-clair-asso {
  background-color: #e38f99;
}
.fond-clair-vieasso {
  background-color: #e6c7ab;
}
.fond-blanc {
  background-color: white;
}
.intro-cont {
  font-size: 12px;
  margin: 0px;
  border-style: solid;
  border-width: 4px;
  border-top-width: 0px;
}
.bord-env {
  border-color: #cc9900;
}
.bord-prot {
  border-color: #3366ff;
}
.bord-obs {
  border-color: #336666;
}
.bord-anim {
  border-color: #660066;
}
.bord-asso {
  border-color: #d90019;
}
.bord-vieasso {
  border-color: #f07508;
}
a.sommaire-titre-rubrique {
  font-size: 16px;
  border-width: 3px;
  border-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  padding: 3px;
  display: block;
}
a.sommaire-titre-rubrique-env:hover {
  text-decoration: none;
  color: white;
  background-color: #cc9900;
}
a.sommaire-titre-rubrique-prot:hover {
  text-decoration: none;
  color: white;
  background-color: #3366ff;
}
a.sommaire-titre-rubrique-obs:hover {
  text-decoration: none;
  color: white;
  background-color: #336666;
}
a.sommaire-titre-rubrique-anim:hover {
  text-decoration: none;
  color: white;
  background-color: #660066;
}
a.sommaire-titre-rubrique-asso:hover {
  text-decoration: none;
  color: white;
  background-color: #d90019;
}
h1,
h2,
h3,
h4,
h5,
h5 {
  font-family: Arial, Helvetica, sans-serif;
}
.article h1:first-of-type {
  font-family: "Arial Black", Gadget, sans-serif;
  margin-top: 0px;
}
.article p {
  font-family: Tahoma, Geneva, sans-serif;
}
.titre-rubrique {
  padding: 3px;
  color: white;
}
.intro-bottom {
  padding: 4px;
}
.intro-titre {
  color: white;
  min-height: 5px;
  border-style: solid;
  border-width: 4px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.intro-titre h1 {
  padding: 5px;
}
.intro-titre p {
  padding: 3px 15px 2px 15px;
  margin-bottom: 0px;
}
.menu a,
.fil a {
  font-size: 12px;
  padding: 2px;
  padding-bottom: 3px;
  width: 96%;
  display: block;
  color: #737373;
}
.fil a {
  background-color: white;
}
.menu a:hover,
.fil a:hover {
  text-decoration: none;
  color: #333333;
}
.fil ul {
  padding: 0px;
  list-style-type: none;
}
.fil li.env {
  background-color: #e4c600;
}
.fil li.prot {
  background-color: #72a1ff;
}
.fil li.obs {
  background-color: #72a1a1;
}
.fil li.anim {
  background-color: #a100a1;
}
.fil li.asso {
  background-color: #eb004a;
}
img.100pct {
  width: 100%;
}
.into-bottom > div {
  display: inline;
}
@media (min-width: 992px) {
  .into-bottom > div {
    display: block;
  }
}
div.img-page-sommaire > img {
  width: inherit;
  /* IE8 */
  max-width: 100%;
  height: auto;
}
div.page-sommaire-thumbnail {
  height: 320px;
  overflow: hidden;
  z-index: 4;
  background-color: transparent !important;
}
div.page-sommaire-txt {
  font-size: 12px;
}
div.page-sommaire-content {
  height: 320px;
  width: 100%;
}
div.page-sommaire-degrade {
  position: relative;
  top: -320px;
  height: 320px;
  background-image: url('page-sommaire-degrade.png');
  background-position: bottom;
  background-repeat: repeat-x;
}
div.page-sommaire-degrade > a {
  display: block;
  height: 100%;
}
div.page-sommaire-thumbnail:hover div.page-sommaire-content {
  position: relative;
  top: -100px;
}
div.page-sommaire-pied {
  text-align: right;
}
#affix_sommaire.affix {
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
  background-color: white;
  position: fixed;
}
#affix_pied {
  width: 80px;
  height: 80px;
  font-size: 80px;
}
#affix_pied.affix {
  bottom: 50px;
  right: 10px;
}
.ombre {
  box-shadow: 4px 4px 4px #000000;
  margin: 5px;
}
#bloc_pied {
  margin-top: 10px;
  padding-top: 10px;
  clear: both;
}
.pied {
  background-color: #999999;
  color: #eee;
  padding: 4px;
}
.pied a {
  color: #fff;
}
.btn-block {
  display: block;
}
.panel-anim,
.panel-decouverte,
.panel-cal-pole1 {
  border-color: #660066;
}
.panel-anim > .panel-heading,
.panel-decouverte > .panel-heading,
.panel-cal-pole1 > .panel-heading {
  color: #ffffff;
  background-color: #660066;
  border-color: #000000;
  background-image: none;
}
.panel-anim > .panel-footer,
.panel-decouverte > .panel-footer,
.panel-cal-pole1 > .panel-footer {
  background-color: #e6b3e5;
}
.panel-obs,
.panel-observatoire,
.panel-cal-pole2 {
  border-color: #336666;
}
.panel-obs > .panel-heading,
.panel-observatoire > .panel-heading,
.panel-cal-pole2 > .panel-heading {
  color: #ffffff;
  background-color: #336666;
  border-color: #112222;
  background-image: none;
}
.panel-obs > .panel-footer,
.panel-observatoire > .panel-footer,
.panel-cal-pole2 > .panel-footer {
  background-color: #999999;
}
.panel-prot,
.panel-protection-fs,
.panel-cal-pole3 {
  border-color: #3366ff;
}
.panel-prot > .panel-heading,
.panel-protection-fs > .panel-heading,
.panel-cal-pole3 > .panel-heading {
  color: #ffffff;
  background-color: #3366ff;
  border-color: #0033cc;
  background-image: none;
}
.panel-prot > .panel-footer,
.panel-protection-fs > .panel-footer,
.panel-cal-pole3 > .panel-footer {
  background-color: #d6def5;
}
.panel-env,
.panel-protection-env,
.panel-cal-pole4 {
  border-color: #cc9900;
}
.panel-env > .panel-heading,
.panel-protection-env > .panel-heading,
.panel-cal-pole4 > .panel-heading {
  color: #ffffff;
  background-color: #cc9900;
  border-color: #664d00;
  background-image: none;
}
.panel-env > .panel-footer,
.panel-protection-env > .panel-footer,
.panel-cal-pole4 > .panel-footer {
  background-color: #e0c985;
}
.panel-asso,
.panel-association,
.panel-cal-pole5 {
  border-color: #d90019;
}
.panel-asso > .panel-heading,
.panel-association > .panel-heading,
.panel-cal-pole5 > .panel-heading {
  color: #ffffff;
  background-color: #d90019;
  border-color: #73000d;
  background-image: none;
}
.panel-asso > .panel-footer,
.panel-association > .panel-footer,
.panel-cal-pole5 > .panel-footer {
  background-color: #e38f99;
}
.panel-vieasso {
  border-color: #f07508;
}
.panel-vieasso > .panel-heading {
  color: #ffffff;
  background-color: #f07508;
  border-color: #73000d;
  background-image: none;
}
.panel-vieasso > .panel-footer {
  background-color: #e6c7ab;
}