/*
#@squelettes/css/perso.less.css
*/
/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: https://colors.muz.li/palette/E2D8BE/9e9a85/fffdf5/ccbee2/8f859e */
/* Feel free to copy&paste color codes to your application */
/* As hex codes */
/* sable */
/* plus clair, presque blanc */
/* caca d'oie */
body {
  background: #fffdf5;
  color: #333333;
  font-size: 18pt;
}
a {
  color: #555;
}
/* Repousser le titre vers le bas */
#banner {
  padding-bottom: 28em;
}
/* Le titre du site est sous l'image */
.sommaire header.major h1 {
  color: #333333;
  font-size: 4em;
  margin-bottom: .1em;
}
/* Fond du titre */
.sommaire #main > section {
  background-color: #e2d8be;
}
/* bandeau en-tête */
#header {
  background-color: #9e9a85;
  color: #333333;
}
#header nav > ul > li a:not(.button),
.dropotron li > a {
  color: #fff;
}
#header nav > ul > li a.perso_active:not(.button),
#header nav > ul > li a:not(.button):hover,
.dropotron li > a.perso_active,
.dropotron li > a:hover,
#header nav > ul > li.active a:not(.button) {
  color: #9e9a85;
  background-color: #e2d8be;
}
#header nav > ul > li:first-child {
  margin-left: auto;
}
/*Menus déroulants, largeur auto*/
.dropotron {
  width: auto;
  background: #9e9a85;
}
.dropotron.level-0::before {
  background: #9e9a85;
}
.box {
  background-color: #e2d8be;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
}
/* bandeau newsletter */
.sommaire #cta,
.sommaire #coordonnees {
  background-color: #9e9a85;
  color: #333333;
  text-align: center;
  padding: 3.5em 0 4em 0;
}
#footer {
  background-color: #9e9a85;
}
.sommaire #footer {
  background-color: #e2d8be;
}
#footer .copyright {
  color: #333333;
}
/* Les séparations évitent les "float" */
hr.spip {
  clear: both;
}
@media screen and (max-width: 1680px) {
  body,
  input,
  select,
  textarea {
    font-size: 18pt;
  }
  #header .accueil span.nom_site_spip {
    display: none;
  }
}
@media screen and (max-width: 1366px) {
  body,
  input,
  select,
  textarea {
    font-size: 16pt;
  }
}
@media screen and (max-width: 980px) {
  body,
  input,
  select,
  textarea {
    font-size: 16pt;
  }
}
@media screen and (max-width: 840px) {
  body,
  input,
  select,
  textarea {
    font-size: 16pt;
  }
  #navPanel {
    width: 380px;
    -moz-transform: translateX(-380px);
    -webkit-transform: translateX(-380px);
    -ms-transform: translateX(-380px);
    transform: translateX(-380px);
  }
}
@media screen and (max-width: 736px) {
  body,
  input,
  select,
  textarea {
    font-size: 16pt;
  }
}