.hoverUnderline {
  text-decoration: none;
}
.hoverUnderline:hover {
  text-decoration: underline;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.raleway {
  font-family: 'Raleway', sans-serif;
}
.creteRound {
  font-family: 'Crete Round', serif;
}
.bebasNeue {
  font-family: 'Bebas-Neue', serif;
}
#dossierQualite {
  background-color: #fff;
  color: #2b2b32;
}
#dossierQualite strong {
  font-weight: 800;
}
#dossierQualite header {
  padding: 125px 15px 0;
  text-align: center;
  background: url(/media/fichiers/dossiers/qualite/header.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
}
#dossierQualite header #sousTitreDossier {
  text-align: left;
  font-size: 1.4em;
  color: #fff;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase;
}
#dossierQualite header #headerDescription {
  margin: 20px -15px 0;
  padding: 22.5px 15px;
  text-align: center;
  color: #fff;
  background-color: #1d1d21;
  background-color: rgba(29, 29, 33, 0.7);
}
#dossierQualite header #headerDescription h1,
#dossierQualite header #headerDescription h2 {
  font-size: 1.5em;
  color: #5ebfc4;
  font-weight: 900;
  margin: 0 0 10px;
}
#dossierQualite header #headerDescription #headerDescriptionContainer {
  font-family: 'Crete Round', serif;
  font-size: 1.1em;
}
#dossierQualite.accueil header h1,
#dossierQualite.souspage #titreDossier {
  text-transform: uppercase;
  text-align: left;
  color: #fff;
  font-size: 2.4em;
  font-weight: 800;
  margin: 0 0 5px;
  line-height: 1.1;
}
#dossierQualite section {
  padding: 40px 15px;
}
#dossierQualite section.cacher {
  display: none;
}
#dossierQualite section h2 {
  margin-top: 0;
}
#dossierQualite.accueil footer {
  padding: 20px 15px;
  background-color: #d9d8d8;
  color: #616161;
}
#dossierQualite.accueil footer h2 {
  font-size: 1.7em;
}
#dossierQualite.accueil footer a {
  color: #e67266;
  font-weight: 700;
}
#dossierQualite.accueil footer .logo-footer {
  max-width: 320px;
  margin: 25px 0;
}
#dossierQualite.souspage footer {
  background-color: #f0a89b;
  text-align: center;
  color: #fff;
}
#dossierQualite a {
  text-decoration: underline;
  color: #616161;
}
#dossierQualite .boutonContainer {
  text-align: center;
  max-width: 420px;
  display: inline-block;
}
#dossierQualite .bouton {
  background-color: #e67266;
  font-weight: 700;
  font-size: 0.9em;
  text-align: center;
  padding: 20px 40px;
  text-decoration: none;
}
#dossierQualite p + .bouton,
#dossierQualite p + .boutonContainer .bouton,
#dossierQualite ol + .boutonContainer .bouton {
  margin-top: 10px;
}
#dossierQualite #dsPromo {
  padding: 0;
}
#dossierQualite #dsPromo img {
  width: auto;
  max-width: 100%;
}
#dossierQualite h2 {
  font-size: 1.7em;
}
#dossierQualite p.note {
  font-size: 0.9em;
  text-align: left;
  padding: 0 20px;
}
#dossierQualite #dsOutils h2 {
  font-size: 2em;
  text-transform: uppercase;
  text-align: center;
  color: #616161;
}
#dossierQualite #dsOutils .blocs {
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#dossierQualite #dsOutils .bloc {
  width: 120px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 10px 30px;
}
#dossierQualite #dsOutils .bloc a {
  color: #5ebfc4;
  padding-top: 95px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  display: block;
  background: url(/media/fichiers/dossiers/qualite/outil-faits.png) no-repeat center top;
}
#dossierQualite #dsOutils .bloc a:hover {
  text-decoration: underline;
}
#dossierQualite #dsOutils .bloc #outilFaitsSaillants {
  background-image: url(/media/fichiers/dossiers/qualite/outil-faits.png);
}
#dossierQualite #dsOutils .bloc #outilInfographie {
  background-image: url(/media/fichiers/dossiers/qualite/outils-infographie.png);
}
#dossierQualite #dsOutils .bloc #outilBrochure {
  background-image: url(/media/fichiers/dossiers/qualite/outil-brochure.png);
}
#dossierQualite #dsOutils .bloc #outilDonnees {
  background-image: url(/media/fichiers/dossiers/qualite/outils-brochure-lys.png);
}
#dossierQualite #dsOutils .bloc #outilMuni {
  background-image: url(/media/fichiers/dossiers/qualite/outils-ville.png);
}
#dossierQualite #dsOutils .bloc #outilVisuel {
  background-image: url(/media/fichiers/dossiers/qualite/outil-presentation.png);
}
#dossierQualite #dsOutils .bloc #outilVideo {
  background-image: url(/media/fichiers/dossiers/qualite/outil-video.png);
}
#dossierQualite #dsOutils .bloc #outilInfolettre {
  background-image: url(/media/fichiers/dossiers/qualite/outil-infolettre.png);
}
#dossierQualite #dsOutils .bloc #outilWebinaire {
  background-image: url(/media/fichiers/dossiers/qualite/outil-Webinaire.png);
}
#dossierQualite #dsFaitsSaillants {
  padding: 0;
}
#dossierQualite #dsFaitsSaillants h2 {
  font-size: 2.2em;
  text-transform: uppercase;
  text-align: center;
  color: #e67266;
  margin-left: 15px;
  margin-right: 15px;
}
#dossierQualite #dsFaitsSaillants h2:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e67266;
  margin: 0 auto 30px;
}
#dossierQualite #dsReactions {
  margin-bottom: 60px;
}
#dossierQualite #dsReactions h2 {
  font-size: 2.2em;
  text-transform: uppercase;
  text-align: center;
  color: #e67266;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0;
  padding-bottom: 20px;
}
#dossierQualite #dsReactions h2:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e67266;
  margin: 0 auto 30px;
}
#dossierQualite #dsReactions .texteReaction blockquote {
  color: #e67266;
}
#dossierQualite #dsReactions .texteReaction .bouton {
  color: #e67266 !important;
  border-color: 1px solid #e67266;
}
#dossierQualite #dsReactions .texteReaction .bouton:hover {
  background-color: #e67266;
  color: #fff !important;
}
#dossierQualite #dsProgramme {
  background-color: #fbe7e1;
}
#dossierQualite #dsProgramme h2 {
  font-weight: 800;
  color: #616161;
  text-transform: uppercase;
  max-width: 700px;
}
#dossierQualite #dsProgramme .blocs {
  text-align: center;
  margin-bottom: 30px;
}
#dossierQualite #dsProgramme .blocs .bloc {
  background-color: #ec9282;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  margin: 20px 10px;
}
#dossierQualite #dsProgramme .blocs .bloc p {
  padding: 0 20px;
  margin: 0;
}
#dossierQualite #dsProgramme .blocs .bloc p:first-child {
  padding: 20px;
  margin: 0;
}
#dossierQualite #dsProgramme .blocs .bloc p.chiffre {
  background-color: #fbe7e1;
  color: #616161;
  font-size: 2em;
  font-weight: 800;
  font-family: 'Bebas-Neue', serif;
  border: 1px solid #ec9282;
}
#dossierQualite #dsPourquoi {
  background-color: #f0a89b;
  padding: 40px 20px;
}
#dossierQualite #dsPourquoi h2 {
  font-weight: 800;
  color: #fff;
  background-color: #f0a89b;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
}
#dossierQualite #dsPourquoi .boutonContainer {
  text-align: center;
}
#dossierQualite #subPagePourquoiService {
  background-color: #ede8f0;
  text-align: center;
}
#dossierQualite #subPagePourquoiService h2 {
  font-weight: 800;
  color: #86728f;
  text-transform: uppercase;
  max-width: 700px;
  text-align: center;
  display: inline-block;
}
#dossierQualite #subPagePourquoiService h3 {
  font-size: 1.3em;
  font-weight: 800;
  color: #86728f;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
  margin: 5px 0 20px;
}
#dossierQualite #subPagePourquoiService .blocs {
  text-align: left;
}
#dossierQualite #subPagePourquoiService .blocs .bloc {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 25px;
  padding: 20px;
  margin-bottom: 10px;
}
#dossierQualite #subPagePourquoiService .blocs .bloc ul {
  list-style: circle;
}
#dossierQualite #subPagePourquoiService .blocs .bloc li {
  margin: 0 0 15px 18px;
}
#dossierQualite #subPagePourquoiInfographie {
  background-color: #e7f4f6;
  text-align: center;
  margin: 0;
  padding: 40px 0;
}
#dossierQualite #subPagePourquoiInfographie h2 {
  font-weight: 800;
  color: #616161;
  text-transform: uppercase;
  max-width: 700px;
  text-align: center;
  display: inline-block;
  padding: 20px;
}
#dossierQualite #subPagePourquoiInfographie img {
  width: 100%;
  max-width: 961px;
  display: inherit;
}
#dossierQualite #dsMesurer {
  padding: 40px 20px;
  color: #616161;
  background-color: #f4faf0;
  text-align: center;
}
#dossierQualite #dsMesurer h2 {
  font-weight: 800;
  color: #9d8ea4;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
}
#dossierQualite #dsMesurer p {
  max-width: 800px;
  display: inline-block;
}
#dossierQualite #dsQuesaiton {
  background-color: #cce3b1;
  text-align: center;
}
#dossierQualite #dsQuesaiton h2 {
  color: #e67266;
  text-transform: uppercase;
  max-width: 800px;
  display: inline-block;
}
#dossierQualite #dsQuesaiton p {
  max-width: 800px;
  display: inline-block;
}
#dossierQualite #subPageMesurer {
  background-color: #fbe7e1;
  text-align: center;
}
#dossierQualite #subPageMesurer h2 {
  font-weight: 400;
  color: #e67266;
}
#dossierQualite #subPageMesurer h2 span {
  text-transform: uppercase;
  font-weight: 800;
}
#dossierQualite #subPageMesurer .boutonContainer {
  display: inline-block;
}
#dossierQualite #subPageMesurer img {
  width: 100%;
  max-width: 904px;
}
#dossierQualite #subPageMesurer p.encadre {
  background-color: #ec9282;
  padding: 40px;
  margin: 20px 0;
  color: #ffffff;
  font-size: 2em;
  max-width: 907px;
  display: inline-block;
  font-weight: 800;
}
#dossierQualite #subPageMesurer .contentsubPage {
  max-width: 950px;
  margin: auto;
  text-align: center;
}
#dossierQualite #dsComment {
  background-color: #ede8f0;
  padding: 40px 20px;
}
#dossierQualite #dsComment h2 {
  font-weight: 800;
  color: #86728f;
  text-transform: uppercase;
  max-width: 700px;
}
#dossierQualite #dsComment .blocs {
  padding: 10px 20px;
}
#dossierQualite #dsComment .blocs .bloc {
  margin-bottom: 20px;
  border-bottom: 1px solid #f6f4f8;
  color: #616161;
  text-align: center;
  text-align: -webkit-center;
  font-size: 1.3em;
  font-weight: 800;
}
#dossierQualite #dsComment .blocs .bloc:last-child {
  border-bottom: 0;
}
#dossierQualite #dsComment .blocs .bloc img {
  display: block;
  margin: 10px 0;
}
#dossierQualite #subPageComment {
  background-color: #ede8f0;
}
#dossierQualite #subPageComment .titre {
  text-transform: uppercase;
  overflow: auto;
  margin: 60px 0 20px 0;
}
#dossierQualite #subPageComment .titre img {
  float: left;
  margin-right: 15px;
}
#dossierQualite #subPageComment .titre h3 {
  text-transform: uppercase;
  color: #86728f;
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 36px 0 20px;
}
#dossierQualite #subPageComment .titre h3.comment-2,
#dossierQualite #subPageComment .titre h3.comment-4 {
  margin: 0px 0 20px;
  max-width: 460px;
}
#dossierQualite #subPageComment .titre h3.comment-3 {
  margin: 11px 0 20px;
}
#dossierQualite #subPageComment .titre:first-child {
  margin-top: 0;
}
#dossierQualite #subPageComment p.encadre,
#dossierQualite #subPageComment div.encadre {
  background-color: #d8d0dd;
  padding: 30px;
}
#dossierQualite #subPageComment .liste.comment-3 {
  margin-top: 20px;
}
#dossierQualite #subPageComment .liste.comment-3 div {
  overflow: auto;
  margin-bottom: 20px;
}
#dossierQualite #subPageComment .liste.comment-3 img {
  float: left;
  margin: 0 10px 0px 0;
}
#dossierQualite #subPageComment .liste.comment-3 div:first-child img {
  margin: 0 10px 20px 0;
}
#dossierQualite #subPageComment .liste.comment-4 {
  margin-top: 20px;
}
#dossierQualite #subPageComment .liste.comment-4 div {
  overflow: auto;
  margin-bottom: 20px;
}
#dossierQualite #subPageComment .liste.comment-4 img {
  float: left;
  margin: 0 10px 68px 0;
}
#dossierQualite #subPageComment .liste.comment-4 div:first-child img {
  margin: 0 10px 22px 0;
}
#dossierQualite #subPageComment div.encadre .liste.comment-3 div:first-child img {
  margin: 0 10px 0px 0;
}
#dossierQualite #subPageComment .contentsubPage {
  max-width: 700px;
  margin: auto;
}
#dossierQualite #dsPolitique {
  padding: 40px 20px;
}
#dossierQualite #dsPolitique h2 {
  font-weight: 800;
  color: #616161;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
}
#dossierQualite #dsPolitique .boutonContainer {
  text-align: center;
  display: block;
}
#dossierQualite #dsPolitique p {
  max-width: 700px;
  display: inline-block;
}
#dossierQualite #subPagePolitique {
  background-color: #ede8f0;
}
#dossierQualite #subPagePolitique h2 {
  font-weight: 800;
  color: #86728f;
  text-transform: uppercase;
  max-width: 700px;
}
#dossierQualite #subPagePolitique p {
  margin-bottom: 50px;
}
#dossierQualite #subPagePolitique p.img {
  text-align: center;
}
#dossierQualite #subPagePolitique img {
  width: 100%;
  max-width: 443px;
}
#dossierQualite #subPagePolitique .contentsubPage {
  max-width: 700px;
  margin: auto;
}
#dossierQualite #subPageQueSaitOnQualite {
  background-color: #f4faf0;
  text-align: center;
}
#dossierQualite #subPageQueSaitOnQualite h2 {
  font-weight: 800;
  color: #616161;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
}
#dossierQualite #subPageQueSaitOnQualite img {
  width: 100%;
  max-width: 531px;
  display: inline-block;
}
#dossierQualite #subPageQueSaitOnRepartition {
  background-color: #fbe7e1;
  text-align: center;
}
#dossierQualite #subPageQueSaitOnRepartition h2 {
  font-weight: 800;
  color: #616161;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
}
#dossierQualite #subPageQueSaitOnRepartition h3 {
  font-size: 3em;
}
#dossierQualite #subPageQueSaitOnRepartition img {
  margin: 20px 10px;
}
#dossierQualite #subPageQueSaitOnRepartition .legende {
  text-align: left;
}
#dossierQualite #subPageQueSaitOnRepartition .legende img {
  padding: 0;
}
#dossierQualite #subPageQueSaitOn4ans {
  background-color: #f8f5ef;
  text-align: center;
}
#dossierQualite #subPageQueSaitOn4ans h2 {
  font-weight: 800;
  color: #616161;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
}
#dossierQualite #subPageQueSaitOn4ans h3 {
  font-weight: 400;
  max-width: 472px;
  display: inline-block;
}
#dossierQualite #subPageQueSaitOn4ans .colonne1 img {
  width: 100%;
  max-width: 445px;
  border-bottom: 1px solid #616161;
  padding-bottom: 40px;
}
#dossierQualite #subPageQueSaitOn4ans .colonne2 img {
  width: 100%;
  max-width: 446px;
}
#dossierQualite #subPageProgrammeRepartition {
  background-color: #f4faf0;
  text-align: center;
  background: #f4faf0 url(/media/fichiers/dossiers/qualite/tarte-rep-service-garde.jpg) no-repeat right center;
  background-size: 50%;
  position: relative;
  min-height: 566px;
}
#dossierQualite #subPageProgrammeRepartition h2 {
  font-weight: 800;
  color: #616161;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
  margin-bottom: 0;
}
#dossierQualite #subPageProgrammeRepartition img.imgFooter {
  width: 100%;
  max-width: 453px;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
}
#dossierQualite #subPageProgrammeRepartition img.legende {
  width: 50%;
  display: inherit;
  max-width: 282px;
}
#dossierQualite #subPageProgrammeRepartition p.legende {
  max-width: 189px;
  padding: 30px 0 0 0;
}
#dossierQualite #subPageProgrammeMaternelle {
  background-color: #fbe7e1;
  text-align: center;
}
#dossierQualite #subPageProgrammeMaternelle h2 {
  font-weight: 400;
  color: #616161;
  text-transform: none;
  max-width: 700px;
  display: inline-block;
  font-size: 1.8em;
}
#dossierQualite #subPageProgrammeMaternelle .blocs {
  text-align: center;
  margin-bottom: 30px;
}
#dossierQualite #subPageProgrammeMaternelle .blocs .bloc {
  background-color: #ec9282;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  margin: 20px 10px;
}
#dossierQualite #subPageProgrammeMaternelle .blocs .bloc p {
  padding: 0 20px;
  margin: 0;
}
#dossierQualite #subPageProgrammeMaternelle .blocs .bloc p:first-child {
  padding: 20px;
  margin: 0;
}
#dossierQualite #subPageProgrammeMaternelle .blocs .bloc p.chiffre {
  background-color: #fbe7e1;
  color: #616161;
  font-size: 2em;
  font-weight: 800;
  font-family: 'Bebas-Neue', serif;
  border: 1px solid #ec9282;
}
#dossierQualite #subPageProgrammeFrequentation {
  background-color: #ec9282;
  text-align: left;
}
#dossierQualite #subPageProgrammeFrequentation h2 {
  font-weight: 800;
  color: #616161;
  text-transform: uppercase;
  max-width: 700px;
  display: inline-block;
}
#dossierQualite #subPageProgrammeFrequentation p:first-child {
  margin-bottom: 20px;
}
#dossierQualite #subPageProgrammeFrequentation .blocs .bloc:nth-child(2) {
  display: none;
}
#dossierQualite #subPageProgrammeCombien {
  background-color: #e67266;
}
#dossierQualite #subPageProgrammeCombien h2 {
  color: #fff;
  font-weight: 400;
  text-align: center;
}
#dossierQualite #MenuBas {
  background-color: #f4faf0;
  text-align: center;
}
#dossierQualite #MenuBas h2 {
  color: #e67266;
  font-weight: 800;
  text-transform: uppercase;
}
#dossierQualite #MenuBas p {
  margin-bottom: 0;
}
#dossierQualite #MenuBas .blocs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#dossierQualite #MenuBas .blocs .bloc {
  width: 50%;
  max-width: 220px;
  margin-bottom: 20px;
}
#dossierQualite #MenuBas .blocs .bloc a {
  text-decoration: none;
  color: #616161;
}
.pdComment #dossierQualite header {
  background-image: url(/media/fichiers/dossiers/qualite/header-comment.jpg);
}
.pdMesurer #dossierQualite header {
  background-image: url(/media/fichiers/dossiers/qualite/header-mesurer.jpg);
}
.pdPolitique #dossierQualite header {
  background-image: url(/media/fichiers/dossiers/qualite/header-politique.jpg);
}
.pdPourquoi #dossierQualite header {
  background-image: url(/media/fichiers/dossiers/qualite/header-pourquoi.jpg);
}
.pdProgramme #dossierQualite header {
  background-image: url(/media/fichiers/dossiers/qualite/header-programme.jpg);
}
.pdQueSaiton #dossierQualite header {
  background-image: url(/media/fichiers/dossiers/qualite/header-quesaiton.jpg);
}
/* **** Special pour 2 colonnes *** */
@media only screen and (min-width: 512px) {
  #dossierQualite #dsPromo .blocs {
    overflow: auto;
  }
  #dossierQualite #dsPromo .bloc {
    width: 50%;
    float: left;
  }
  #dossierQualite #dsProgramme {
    text-align: -webkit-center;
  }
  #dossierQualite #dsProgramme .blocs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #dossierQualite #dsProgramme .blocs .bloc {
    width: 45%;
  }
  #dossierQualite #dsProgramme .blocs .bloc p:first-child {
    min-height: 78%;
  }
  #dossierQualite #subPageProgrammeMaternelle {
    text-align: -webkit-center;
  }
  #dossierQualite #subPageProgrammeMaternelle .blocs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #dossierQualite #subPageProgrammeMaternelle .blocs .bloc {
    width: 45%;
  }
  #dossierQualite #subPageProgrammeMaternelle .blocs .bloc p:first-child {
    min-height: 78%;
  }
  #dossierQualite #subPageProgrammeFrequentation .blocs {
    display: flex;
    flex-wrap: wrap;
  }
  #dossierQualite #subPageProgrammeFrequentation .blocs .bloc {
    width: 45%;
  }
  #dossierQualite #subPageProgrammeFrequentation .blocs .bloc:first-child {
    margin-right: 20px;
  }
  #dossierQualite #dsMesurer {
    background: #cce3b1 url(/media/fichiers/dossiers/qualite/back-monster.png) no-repeat right bottom;
  }
  #dossierQualite #dsQuesaiton {
    background: #f4faf0 url(/media/fichiers/dossiers/qualite/back-mesurer.png) no-repeat right bottom;
    background-size: 175px;
  }
  #dossierQualite #dsComment {
    text-align: -webkit-center;
  }
  #dossierQualite #dsComment .blocs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #dossierQualite #dsComment .blocs .bloc {
    border-bottom: 0;
    border-right: 1px solid #f6f4f8;
    width: 50%;
    padding: 0 10px;
  }
  #dossierQualite #dsComment .blocs .bloc:nth-child(2) {
    border-right: 0;
  }
  #dossierQualite #dsComment .blocs .bloc:last-child {
    border-right: 0;
  }
  #dossierQualite #dsComment .blocs .bloc p {
    min-height: 50px;
  }
  #dossierQualite #subPageComment .titre {
    text-transform: uppercase;
    overflow: auto;
    margin: 60px 0 20px 0;
  }
  #dossierQualite #subPageComment .titre h3 {
    font-size: 1.8em;
    line-height: 1.2em;
    margin: 36px 0 20px;
  }
  #dossierQualite #subPageComment .titre h3.comment-2,
  #dossierQualite #subPageComment .titre h3.comment-4 {
    margin: 42px 0 20px;
  }
  #dossierQualite #subPageComment .titre h3.comment-3 {
    margin: 38px 0 20px;
  }
  #dossierQualite #subPageComment .liste.comment-3 div:first-child img {
    margin: 0 10px 0px 0;
  }
  #dossierQualite #subPageComment .liste.comment-4 img {
    margin: 0 10px 20px 0;
  }
  #dossierQualite #subPageComment .liste.comment-4 div:first-child img {
    margin: 0 10px 0px 0;
  }
  #dossierQualite #dsPolitique {
    color: #fff;
    background: url(/media/fichiers/dossiers/qualite/back-politique.jpg) no-repeat center center;
    text-align: -webkit-center;
  }
  #dossierQualite #dsPolitique h2 {
    color: #fff;
    text-align: center;
  }
  #dossierQualite #dsPourquoi {
    background: #f0a89b url(/media/fichiers/dossiers/qualite/back-pourquoi.png) no-repeat center bottom;
    min-height: 569px;
  }
  #dossierQualite footer .blocs {
    display: flex;
  }
  #dossierQualite footer .bloc {
    width: 50%;
  }
  #dossierQualite footer .bloc.colonne2 {
    padding: 0px 26px;
  }
  #dossierQualite footer .bloc.colonne1 {
    padding: 0px 26px;
    border-right: #aeadad solid 1px;
  }
  #dossierQualite #MenuBas .blocs .bloc {
    width: 33%;
    margin: 20px 20px;
  }
}
/* **** INTERMEDIATE *** */
@media only screen and (min-width: 768px) {
  #dossierQualite #navigationSection {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }
  #dossierQualite header {
    padding: 130px 30px 0;
  }
  #dossierQualite header #sousTitreDossier {
    font-size: 1.5em;
  }
  #dossierQualite header #headerDescription {
    margin: 42px -30px 0;
    padding: 48px 105px;
  }
  #dossierQualite header #headerDescription h1,
  #dossierQualite header #headerDescription h2 {
    font-size: 2em;
  }
  #dossierQualite.accueil header h1,
  #dossierQualite.souspage #titreDossier {
    font-size: 3.4em;
  }
  #dossierQualite section {
    padding: 40px 30px;
  }
  #dossierQualite.accueil footer {
    padding: 40px 30px;
  }
  #dossierQualite #dsOutils h2 {
    font-size: 2.3em;
  }
  #dossierQualite #dsOutils .blocs .bloc {
    max-width: 120px;
  }
  #dossierQualite h2 {
    font-size: 2.3em;
  }
  #dossierQualite #dsFaitsSaillants h2:before {
    margin-bottom: 40px;
    width: 70%;
  }
  #dossierQualite #dsFaitsSaillants .blocs .bloc {
    padding: 40px 30px;
  }
  #dossierQualite #dsFaitsSaillants .blocs .bloc h3 {
    font-size: 1.8em;
  }
  #dossierQualite #dsFaitsSaillants .blocs .bloc p {
    font-size: 1.3em;
  }
  #dossierQualite #dsReactions {
    margin-bottom: 0;
  }
  #dossierQualite #dsReactions h2:before {
    margin-bottom: 40px;
    width: 70%;
  }
  #dossierQualite #dsProgramme {
    text-align: center;
    text-align: -webkit-center;
  }
  #dossierQualite #subPageProgrammeFrequentation {
    text-align: center;
  }
  #dossierQualite #subPageProgrammeFrequentation .blocs {
    text-align: left;
  }
  #dossierQualite #subPageProgrammeFrequentation .blocs .bloc {
    width: 35%;
  }
  #dossierQualite #subPageProgrammeFrequentation .blocs .bloc:first-child {
    margin-right: 20px;
  }
  #dossierQualite #subPageProgrammeFrequentation .blocs .bloc:nth-child(2) {
    display: inline;
    max-width: 170px;
  }
  #dossierQualite #dsPourquoi {
    text-align: center;
    text-align: -webkit-center;
  }
  #dossierQualite #dsPourquoi h2 {
    color: #fff;
    margin-bottom: 0;
  }
  #dossierQualite #dsPourquoi p {
    font-size: 1.3em;
    margin-top: 0;
  }
  #dossierQualite #subPagePourquoiService {
    background: #ede8f0 url(/media/fichiers/dossiers/qualite/back-pourquoi-service.jpg) no-repeat right bottom;
  }
  #dossierQualite #subPagePourquoiService h3 {
    font-size: 1.3em;
  }
  #dossierQualite #subPagePourquoiService .blocs {
    display: flex;
    flex-wrap: wrap;
  }
  #dossierQualite #subPagePourquoiService .blocs .bloc {
    width: 30%;
    padding: 20px;
    margin: 0 10px 10px 10px;
  }
  #dossierQualite #subPagePourquoiService .blocs .bloc li {
    font-size: 1.2em;
  }
  #dossierQualite #dsMesurer .blocs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #dossierQualite #dsMesurer .blocs .bloc {
    width: 50%;
  }
  #dossierQualite #dsMesurer .blocs .bloc.colonne1 {
    background-size: 273px;
  }
  #dossierQualite #dsMesurer .blocs .bloc .boutonContainer {
    max-width: 313px;
  }
  #dossierQualite #dsComment p {
    max-width: 700px;
  }
  #dossierQualite #dsComment .blocs .bloc {
    width: 25%;
  }
  #dossierQualite #dsComment .blocs .bloc:nth-child(2) {
    border-right: 1px solid #f6f4f8;
  }
  #dossierQualite #dsComment .blocs .bloc p {
    min-height: 100px;
  }
  #dossierQualite #dsPolitique p {
    font-size: 1.3em;
  }
  #dossierQualite #subPageQueSaitOn4ans {
    background-color: #f8f5ef;
    text-align: center;
    padding: 50px 0px;
  }
  #dossierQualite #subPageQueSaitOn4ans h2 {
    font-weight: 800;
    color: #616161;
    text-transform: uppercase;
    max-width: 700px;
    display: inline-block;
  }
  #dossierQualite #subPageQueSaitOn4ans h3 {
    font-weight: 400;
    max-width: 445px;
    display: inline-block;
    font-size: 1.3em;
  }
  #dossierQualite #subPageQueSaitOn4ans .blocs {
    display: flex;
    flex-wrap: wrap;
  }
  #dossierQualite #subPageQueSaitOn4ans .blocs .bloc {
    width: 48%;
  }
  #dossierQualite #subPageQueSaitOn4ans .blocs .bloc.colonne1 {
    border-right: 1px solid #616161;
    margin-right: 20px;
  }
  #dossierQualite #subPageQueSaitOn4ans .blocs .bloc.colonne1 img {
    border-bottom: 0;
  }
  #dossierQualite #subPageQueSaitOnRepartition .legende {
    text-align: center;
  }
  #dossierQualite #subPageProgrammeRepartition {
    background-color: #f4faf0;
    text-align: center;
    background: #f4faf0 url(/media/fichiers/dossiers/qualite/tarte-rep-service-garde.jpg) no-repeat right 10px top 192px;
    min-height: 738px;
  }
  #dossierQualite #subPageProgrammeRepartition img.legende {
    width: 50%;
    display: inherit;
    max-width: 282px;
    margin-top: 2em;
  }
}
/* **** MAX *** */
@media only screen and (min-width: 1024px) {
  #dossierQualite header {
    padding: 195px 40px 0;
  }
  #dossierQualite header #sousTitreDossier {
    font-size: 2.1em;
  }
  #dossierQualite header #headerDescription {
    margin: 42px -40px 0;
    padding: 48px 140px;
  }
  #dossierQualite header #headerDescription h1,
  #dossierQualite header #headerDescription h2 {
    font-size: 2.5em;
  }
  #dossierQualite header #headerDescription #headerDescriptionContainer {
    font-size: 1.3em;
  }
  #dossierQualite.accueil header h1,
  #dossierQualite.souspage #titreDossier {
    font-size: 3.5em;
  }
  #dossierQualite .bouton {
    font-size: 1.1em;
  }
  #dossierQualite section {
    padding: 50px 40px;
  }
  #dossierQualite.accueil footer {
    padding: 50px 40px;
  }
  #dossierQualite.accueil footer p {
    font-size: 1em;
  }
  #dossierQualite #dsOutils {
    padding-right: 0;
    padding-left: 0;
  }
  #dossierQualite #dsOutils .blocs .bloc {
    max-width: 108px;
  }
  #dossierQualite #dsOutils .blocs .bloc:nth-child(n + 4) {
    order: 0;
  }
  #dossierQualite p {
    font-size: 1.3em;
  }
  #dossierQualite #dsFaitsSaillants:before {
    margin-bottom: 50px;
  }
  #dossierQualite #dsFaitsSaillants .blocs .bloc {
    padding: 50px 40px;
  }
  #dossierQualite #dsFaitsSaillants .blocs .bloc h3 {
    font-size: 2em;
  }
  #dossierQualite #dsFaitsSaillants .blocs .bloc.colonne1 {
    background-color: #f0a89b;
  }
  #dossierQualite #dsFaitsSaillants .blocs .bloc.colonne1 h3 {
    color: #fff;
  }
  #dossierQualite #dsFaitsSaillants .blocs .bloc.colonne2 {
    background-position: right 15px center;
  }
  #dossierQualite #dsReactions:before {
    margin-bottom: 50px;
  }
  #dossierQualite #dsProgramme p {
    font-size: 1.3em;
  }
  #dossierQualite #dsProgramme .blocs .bloc {
    font-size: 0.9em;
    width: 22%;
  }
  #dossierQualite #dsProgramme .blocs .bloc p.chiffre {
    font-size: 3em;
  }
  #dossierQualite #subPageProgrammeMaternelle .blocs .bloc {
    font-size: 0.9em;
    width: 22%;
  }
  #dossierQualite #subPageProgrammeMaternelle .blocs .bloc p.chiffre {
    font-size: 3em;
  }
  #dossierQualite #dsPourquoi h2 {
    margin-bottom: 20px;
  }
  #dossierQualite #dsPourquoi p {
    font-size: 1.3em;
    max-width: 800px;
  }
  #dossierQualite #dsMesurer .blocs .bloc p {
    font-size: 1.3em;
  }
  #dossierQualite #dsComment p {
    font-size: 1.3em;
  }
  #dossierQualite #dsComment .blocs .bloc p {
    min-height: 72px;
  }
  #dossierQualite #subPageProgrammeFrequentation .blocs .bloc {
    width: 38%;
  }
  .pdProgramme #dossierQualite header #headerDescription {
    padding: 48px 60px;
  }
}