.red {
 background-color:#cd5c5c
}
.green {
 background-color:#adff2f
}
.blue {
 background-color:#4682b4
}
.cyan {
 background-color:#87ceeb
}
.magenta {
 background-color:#ba55d3
}
.yellow {
 background-color:Khaki
}
html {
 scroll-behavior:smooth
}
.footer-container,
.global-container,
.header-container {
 width:60%;
 min-width:960px;
 margin:auto
}
w-100 {
 width:100%!important
}
.flex {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 -webkit-box-flex:0;
 -ms-flex:0 1 auto;
 flex:0 1 auto
}
.grid {
 display:-ms-grid;
 display:grid
}
.column {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
@media screen and (max-width:991.98px) {
 .column {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .breaker {
  display:block
 }
}
@media only screen and (max-width :480px) {
 .s-breaker {
  display:block;
  margin-top:.25em
 }
}
.margin-auto {
 margin-left:auto;
 margin-right:auto
}
.align-left {
 text-align:left
}
.align-center {
 text-align:center
}
.align-justify {
 text-align:justify
}
.light {
 font-weight:300
}
.medium {
 font-weight:500
}
.bold {
 font-weight:700
}
.uppercase {
 text-transform:uppercase
}
.underline {
 text-decoration:underline
}
.serif {
 font-family:museo,serif
}
.link {
 text-decoration:underline;
 opacity:1;
 -webkit-transition-duration:.3s;
 transition-duration:.3s
}
.link:hover {
 opacity:.5
}
.link:active {
 opacity:.25
}
.text-w {
 color:#fff
}
.text-b {
 color:#204d7f
}
.bc-w {
 background-color:#fff
}
.bc-b {
 background-color:#204d7f
}
.mobile-only {
 display:none
}
@media screen and (max-width:991.98px) {
 .screen-only {
  display:none
 }
 .mobile-only {
  display:block
 }
}
.bouton-b,
.bouton-w {
 display:inline-block;
 padding:1.5em 3em;
 text-align:center;
 text-transform:uppercase;
 font-size:1.25em;
 font-weight:700;
 border-radius:10px;
 -webkit-transition-duration:.15s;
 transition-duration:.15s;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.bouton-w {
 border:2px solid #fff;
 color:#fff
}
.bouton-w:hover {
 -webkit-box-shadow:2px 2px 2px rgba(32,77,127,.1);
 box-shadow:2px 2px 2px rgba(32,77,127,.1);
 background-color:#fff;
 color:#204d7f
}
.bouton-b {
 background-color:#204d7f;
 color:#fff;
 border:1px solid rgba(32,77,127,0)
}
.bouton-b:hover {
 -webkit-box-shadow:2px 2px 2px rgba(32,77,127,.1);
 box-shadow:2px 2px 2px rgba(32,77,127,.1);
 background-color:#fff;
 color:#204d7f;
 border:1px solid rgba(32,77,127,.1)
}
.bouton-b:active,
.bouton-w:active {
 -webkit-transform:scale(.95);
 transform:scale(.95)
}
body {
 font-family:museo-sans,sans-serif;
 font-size:80%;
 width:100%
}
p {
 line-height:1.25
}
a {
 color:inherit;
 text-decoration:none
}
.hl-b,
.hl-w {
 border-bottom:2px solid;
 opacity:.25;
 margin:2em auto;
 width:100%
}
.hl-b {
 border-color:#204d7f
}
.hl-w {
 border-color:#fff
}

.nav-anchor{
  
  /*border-top: 5px solid crimson;
  height:0;
  width:100%;*/
  
  display: block;
  position: relative;
  bottom: 110px;
  margin: 0;
  padding: 0;
}

header {
 color:rgba(32,77,127,1);
 background-color:#fff;
 -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.25);
 box-shadow:1px 1px 2px rgba(0,0,0,.25);
 position:fixed;
 width:100%;
 z-index:30000000000000
}
header .main-nav .active {
 opacity:1
}
header nav {
 -webkit-box-pack:space-evenly;
 -ms-flex-pack:space-evenly;
 justify-content:space-evenly;
 padding:.6em .5em;
 -ms-flex-preferred-size:100%;
 flex-basis:100%
}
@media screen and (min-width:991.98px) {
 header nav {
  max-height:60px
 }
}
header nav .main-nav {
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-line-pack:stretch;
 align-content:stretch
}
header nav .main-nav li {
 margin:auto 2em;
 text-align:center
}
header nav .main-nav li a {
 display:block;
 padding:.6em .4em .4em .4em;
 opacity:.5;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transform:scale(1);
 transform:scale(1);
 text-transform:uppercase;
 font-weight:300;
 font-family:museo-display,sans-serif;
 letter-spacing:.05em;
 font-size:1.1em
}
header nav .main-nav li a:hover {
 opacity:1
}
header nav .main-nav li a:active {
 opacity:.75
}
header .header-icons {
 opacity:1;
 width:2em
}
header #navToggle {
 display:none;
 text-align:center;
 padding:.75em 0;
 font-size:2.5em;
 margin:auto;
 -webkit-transition-duration:.3s;
 transition-duration:.3s
}
header #navToggle i {
 -webkit-transition-duration:.2s;
 transition-duration:.2s
}
section {
 padding:3em 2em;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-line-pack:center;
 align-content:center;
 min-height:650px
}
section .global-container {
 width:60%
}
section .section-icon {
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0 auto 3em;
 width:75px;
 border:3px solid #204d7f;
 border-radius:500px;
 padding:1.25em;
 overflow:hidden;
 animation-delay:2s;
 -webkit-animation-name:FadeIn;
 -webkit-animation-duration:2s;
 animation-name:FadeIn;
 animation-duration:2s
}
@keyframes FadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@-webkit-keyframes FadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
section .section-icon.white {
 border-color:#fff
}
section .section-icon img {
 width:100%
}
.section-title {
 margin:1em auto 1em auto;
 text-align:center;
 font-size:2em;
 text-transform:uppercase;
 font-family:'museo sans rounded',sans-serif;
 font-weight:600
}
.haut {
 background:#000 url(../img/adobestock.rack.pneus.jpg) no-repeat fixed;
 background-position:center;
 background-size:cover;
 padding:0;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 color:#fff;
 text-align:center;
 height:100vh
}
.haut .global-container {
 background-color:#204d7fF5;
 width:100%;
 padding:2% 2em;
 -webkit-box-shadow:2px 2px 2px rgba(32,77,127,.25);
 box-shadow:2px 2px 2px rgba(32,77,127,.25)
}
.haut .logo-lgc {
 display:block;
 max-width:300px;
 min-width:200px;
 margin:auto
}
.haut .titrage-lgc {
 display:block;
 max-width:450px;
 min-width:300px;
 margin:2em auto
}
.haut h1 {
 font-size:2em;
 font-weight:700;
 text-transform:uppercase;
 line-height:1.2em;
 margin:1.5em auto
}
.haut h1 span {
 display:block
}
.haut p {
 font-size:1.6em;
 margin:2em auto;
 line-height:1.5em
}
.haut p .break {
 display:block
}
.label {
 color:rgba(0,0,0,.85)
}
.label p {
 font-size:1.2em;
 text-align:justify;
 width:80%;
 margin:auto
}
.label h2 {
 margin:2em auto 2em auto;
 text-align:center;
 opacity:.75;
 font-size:1.3em;
 text-transform:uppercase
}
.label .grid {
 -webkit-box-align:stretch;
 -ms-flex-align:stretch;
 align-items:stretch;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-top:2em;
 margin-bottom:0;
 grid-template:"Contrat Organisation"1fr "Stockage Protection"1fr "Tracabilite Assurance"1fr/1fr 1fr;
 grid-column-gap:1.5em;
 grid-row-gap:2em;
 color:rgba(0,0,0,)
}
.label .grid-item {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-shadow:2px 2px 2px rgba(32,77,127,.1);
 box-shadow:2px 2px 2px rgba(32,77,127,.1);
 padding:1em
}
.label .grid-item .pictogramme {
 width:75px;
 height:75px;
 opacity:.85;
 margin-right:.3em;
 -ms-flex-item-align:center;
 align-self:center
}
.label .grid-item>div {
 padding:0 1em
}
.label .grid-item h3 {
 color:#204d7f;
 font-weight:700;
 margin:0 auto .75em;
 font-size:1.3em
}
.label .grid-item p {
 font-size:1em;
 text-align:justify;
 width:100%;
 margin:.75em auto
}
.label .grid-item ul {
 list-style:disc;
 list-style-position:outside;
 padding-left:1.5em
}
.label .grid-item ul li {
 margin:.5em auto
}
.parallaxe {
 background:#000 url(../img/adobestock.rack.pneus.jpg) no-repeat fixed;
 height:350px;
 background-position:center;
 width:100%;
 -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.25),inset 0 -2px 2px rgba(0,0,0,.25);
 box-shadow:inset 0 2px 2px rgba(0,0,0,.25),inset 0 -2px 2px rgba(0,0,0,.25)
}
.centres {
 margin:auto;
 background:#000 url(../img/adobestock.demontage.pneus.jpg) no-repeat fixed;
 background-size:cover;
 background-position:center;
 padding:5% 0;
 min-height:120vh
}
.centres .global-container {
 background-color:#204d7fF5;
 width:100%;
 padding:3em 2em 4em
}
.centres .instructions:first-child {
 font-size:1.75em;
 font-weight:600;
 margin:1em auto;
 text-align:center
}
.centres .instructions:nth-child(2) {
 font-size:1.5em;
 margin:1em auto;
 margin-bottom:1.5em;
 text-align:center
}
.centres p .breaker {
 display:block;
 font-weight:400
}
.centres .map-container {
 background-color:#fff;
 color:#204d7f;
 padding:3em 2em;
 border-radius:5px;
 width:50%;
 margin:auto;
 text-align:center;
 box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
}
.centres #map {
 height:600px;
 width:100%;
 margin:auto;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:3px outset #204d7f;
 -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.25);
 box-shadow:2px 2px 2px rgba(0,0,0,.25);
 -webkit-animation:3s fadeIn linear;
 animation:3s fadeIn linear
}
.leaflet-control-attribution,
.leaflet-control-attribution a {
 color:#204d7f!important;
 font-size:.8em
}
#map .control-zoom a {
 color:#204d7f
}
#map .popup-global .popup-adresse,
#map .popup-global .popup-enseigne,
#map .popup-global .popup-nom,
#map .popup-global .popup-telephone {
 display:block;
 padding:.1em 0;
 -webkit-transition-duration:.2s;
 transition-duration:.2s
}
#map .popup-global .popup-enseigne {
 font-weight:700;
 color:#204d7f;
 text-transform:uppercase
}
#map .popup-global .popup-enseigne span {
 display:none
}
#map .popup-global .popup-nom {
 font-weight:500;
 color:#204d7f;
 font-style:italic
}
#map .popup-global .popup-telephone {
 display:inline-block;
 font-weight:700;
 color:#709bcc;
 opacity:1;
 text-decoration:underline;
 padding:.5em 0;
 font-size:1.1em
}
#map .popup-global .popup-telephone:hover {
 opacity:.6
}
#map .popup-global .popup-adresse {
 font-style:italic
}
#qsn {
  padding-bottom:15%;
}
.qsn .grid {
 -webkit-box-align:stretch;
 -ms-flex-align:stretch;
 align-items:stretch;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-top:2em;
 margin-bottom:0;
 grid-template:"about map"3fr "about contact"1fr/5fr 4fr;
 grid-column-gap:3em;
 grid-row-gap:0;
}
.qsn .grid .about {
 grid-area:about;
}
.qsn .grid h2 {
 font-size:1.3em;
 font-weight:700;
 margin-bottom:.75em
}
.qsn .grid .about h2+p {
 margin-bottom:1.5em
}
.qsn .grid .about h3 {
 font-size:1.2em;
 font-weight:300;
 margin:1em auto .6em
}
.qsn .grid .about p {
 text-align:justify;
 margin:.5em auto
}
.qsn .grid .about .bouton-b {
 margin-top: 2.5em;
}
.qsn .grid #sppMap {
 grid-area:map
}
.qsn .grid #sppMap .popup-contact p {
 text-align:center;
 font-size:90%
}
.qsn .grid .contact {
 grid-area:contact;
 -ms-flex-item-align:stretch;
 align-self:stretch;
 background-color:#204d7f;
 padding:1.25em;
 color:#fff;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.qsn .grid .contact adress a {
 margin-top:.5em;
 display:block;
 width:100%
}
.mentions-legales .global-container h1 {
 color:#204d7f
}
.mentions-legales .global-container h2 {
 color:#204d7f;
 font-size:1.2em;
 text-transform:uppercase;
 margin-bottom:.5em;
 margin-top:1em
}
.mentions-legales .global-container p {
 margin:.75em auto
}
.mentions-legales .global-container ul {
 margin:.75em 0 .75em .5em
}
.mentions-legales .global-container ul li {
 margin:.5em auto
}
.mentions-legales .global-container .attribution-ml {
 opacity:.25;
 font-style:italic;
 margin:2em auto
}
footer {
 color:#204d7f;
 padding:1em 2em;
 z-index:5;
 -webkit-box-shadow:-1px -1px 2px rgba(32,77,127,.25);
 box-shadow:-1px -1px 2px rgba(32,77,127,.25)
}
.footer-left,
.footer-right {
 padding:1em
}
.footer-left {
 text-align:left;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.footer-left .social ul {
 list-style:none;
 margin-bottom:1em
}
.footer-left .social ul li {
 display:inline-block;
 margin-right:1em
}
.footer-left .social ul li #linkedin-icon {
 color:#3b7cc8
}
.footer-left .social ul li a {
 display:block;
 padding:.5em;
 -webkit-filter:grayscale(100);
 filter:grayscale(100);
 opacity:.25;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.footer-left .social ul li a:hover {
 -webkit-filter:grayscale(0);
 filter:grayscale(0);
 opacity:1
}
.footer-left .social ul li a:active {
 -webkit-transform:scale(.9);
 transform:scale(.9)
}
.footer-left .social #facebook-icon {
 color:#3b5998
}
.footer-left .social #linked-icon {
 color:#007bb5
}
.footer-left .social #twitter-icon {
 color:#55acee
}
.footer-left .social ul li a i {
 font-size:2.5em
}
.footer-left .legal {
 margin:auto .5em
}
.footer-left .legal p:nth-child(2) {
 margin:auto 1em
}
.footer-right {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 text-align:right
}
.footer-right adress {
 text-align:right;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-right:1em
}
.footer-right .email {
 text-decoration:underline;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 opacity:.75
}
.footer-right .email:hover {
 opacity:1
}
.footer-right #footerLogo {
 -ms-flex-item-align:center;
 align-self:center
}
.footer-right #footerLogo img {
 height:70px;
 display:block;
 margin:auto
}

/*//////////////////////////////////*/
/*//////////////////////////////////*/
/*////       RESPONSIVE         ////*/
/*//////////////////////////////////*/
/*//////////////////////////////////*/

@media screen and (max-width:991.98px) {
 .container,
 .footer-container,
 .global-container,
 .header-container {
  width:100%;
  margin:0 auto;
  min-width:auto 
 }
 .hl-b,
 .hl-w {
  width:90%
 }
 section .global-container {
  width:100%;
  padding:2em 5%;
 }
 .section-title {
  width:90%;
  padding:0;
  font-size:1.75em
 }
 .header-container {
  padding:0
 }
 header nav {
  -ms-flex-pack:distribute;
  justify-content:space-around;
  padding:.6em .5em
 }
 header nav .main-nav {
  width:100%;
  margin:auto
 }
 header nav .main-nav li {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin:auto 0;
  text-align:center
 }
 header nav .main-nav li a {
  display:block;
  padding:2em 1em;
  font-weight:500;
  font-size:1em
 }
 header nav .main-nav li a:active {
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
 header nav .main-nav li .active {
  background-color:rgba(32,77,127,.95);
  color:#fff
 }
 section {
  padding:5em 1.5em
 }
 .haut p .break {
  display:inline
 }
 .haut .logo-lgc {
  margin:2em auto 0
 }
 .haut .titrage-lgc {
  margin:2em auto;
  max-width:80%
 }
 .haut h1 {
  font-size:1.5em;
  font-weight:700;
  text-transform:uppercase;
  line-height:1.2em;
  margin:1.5em auto;
  text-align:center;
  width:90%
 }
 .haut h1 span {
  margin-top:1em;
  display:inline
 }
 .haut p {
  font-size:1.35em;
  text-align:justify;
  width:90%
 }
 .haut .bouton-w {
  margin:1em auto 2em
 }
 .label .grid {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  grid-template:"Contrat"auto "Organisation"auto "Stockage"auto "Protection"auto "Tracabilite"auto "Assurance"auto/1fr;
  grid-column-gap:0;
  grid-row-gap:3em
 }
 #centres {
  height:100vh;
  width:100%
 }
 .centres {
  min-height:auto;
  padding:3em 0
 }
 .centres .map-container {
  background-color:#fff;
  color:#204d7f;
  padding:3em 2.5%;
  border-radius:5px;
  width:95%;
  margin:auto;
  text-align:center
 }
 #map .control-zoom a {
  color:#204d7f;
  font-size:1.25em;
  width:50px;
  line-height:50px;
  height:50px
 }
 .qsn .grid {
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:2em;
  margin-bottom:0;
  grid-template:"about"2fr "map"1.5fr "contact"auto/1fr;
  grid-column-gap:0;
  grid-row-gap:0
 }
 .qsn .grid .about {
  text-align:center;
 }
 .qsn .grid h2 {
  font-size:1.75em;
  font-weight:700;
  margin-bottom:.75em
 }
 .qsn .grid .about h2+p {
  margin-bottom:1.5em
 }
 .qsn .grid .about h3 {
  font-size:1.5em;
  font-weight:600;
  margin:2em auto .6em
 }
 .qsn .grid .about p {
  text-align:justify;
  margin:0.75em auto;
  font-size: 1.35em;
  font-weight: normal;
 }
 .qsn .grid #sppMap {
  grid-area:map
 }
 .qsn .grid #sppMap .popup-contact p {
  text-align:center;
  font-size:90%
 }
 .qsn .grid .contact h2 {
  text-align:center
 }
 .qsn .grid .contact {
  grid-area:contact;
  -ms-flex-item-align:center;
  align-self:center;
  background-color:#204d7f;
  padding:1.25em;
  color:#fff;
  font-size:1.2em
 }
 .qsn .grid .contact adress a {
  margin-top:.5em;
  display:block;
  width:100%;
  text-align:center;
  width:100%
 }
  .qsn .grid .about .bouton-b{margin: 3em auto;}
  
 footer {
  font-size:1.2em;
  width:100%;
  padding:0!important
 }
 .footer-container .flex {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .footer-left,
 .footer-right {
  text-align:center;
  width:100%;
  margin:auto;
  padding:0
 }
 .footer-left {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
 }
 .footer-left .social {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
 .footer-left .social ul {
  width:100%;
  margin:1em auto
 }
 .footer-left .social ul li {
  margin:1em 1em
 }
 .footer-left .social ul li a {
  padding:1em
 }
 .footer-left .legal {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
 }
 .footer-left #credits {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2;
  margin-bottom:1em
 }
 .footer-left .lien-mentions {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1;
  margin:0 auto 2em
 }
 .footer-right {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1;
  padding-top:2em;
  justify-items:stretch
 }
 .footer-right adress {
  margin:2em auto 0;
  text-align:center;
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
 }
 .footer-right adress a {
  padding:.75em;
  display:block
 }
 .footer-right .nom {
  font-size:1.2em;
  text-transform:uppercase
 }
 .footer-right #footerLogo img {
  width:7.5em
 }
}
@media only screen and (max-width :480px) {
 header #navToggle {
  display:block;
  cursor:pointer
 }
 header #navToggle:active {
  background-color:rgba(255,255,255,.5)
 }
 header #navToggle:active>i {
  -webkit-transform:scale(.75);
  transform:scale(.75)
 }
 header nav .main-nav {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  overflow:hidden;
  -webkit-box-shadow:inset 0 -1px 2px rgba(0,0,0,.75);
  box-shadow:inset 0 -1px 2px rgba(0,0,0,.75)
 }
 header nav .main-nav li {
  -ms-flex-item-align:stretch;
  align-self:stretch;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
 }
 header nav .main-nav li a {
  display:block;
  margin:0 auto
 }
 section {
  padding:1em 0 0
 }
 .section-title {
  padding:0 1em;
  font-size:2em
 }
 section .global-container {
  width:100%
 }
 .haut {
  font-size:1em;
  padding-bottom:3em
 }
 .haut .titrage-lgc {
  min-width:225px
 }
 .haut p {
  font-size:1.35em;
  padding:0 .5em;
  text-align:justify
 }
 .haut h1 {
  font-size:1.75em;
  padding:0 1.5em;
  font-size:1.4em;
  text-align:center
 }
 .haut h1 .break {
  display:inline
 }
 .haut .cta {
  width:50%;
  margin-bottom:1.5em
 }
 #deontologie .titrage {
  width:75%
 }
 .label h2 {
  padding:0 1em
 }
 .label .grid {
  grid-column-gap:1em;
  grid-row-gap:0
 }
 .label .grid .flex {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .label .grid .grid-item:nth-child(1) {
  border-top:2px solid rgba(32,77,127,.15)
 }
 .label .grid .grid-item:last-child {
  border-bottom:2px solid rgba(32,77,127,.15)
 }
 .label .grid .grid-item {
  border-top:1px solid rgba(32,77,127,.15);
  border-bottom:1px solid rgba(32,77,127,.15);
  padding-top:2em;
  padding-bottom:2em
 }
 .label .grid-item .pictogramme {
  width:75px;
  height:75px;
  opacity:.85
 }
 .label .grid-item h3 {
  text-align:center;
  font-size:1.3em;
  margin:.75em auto 1.5em
 }
 .label .grid-item p,
 .label .grid-item ul {
  font-size:1.1em;
  margin:.25em auto
 }
 .centres #map {
  border:none;
  border-top:none
 }
 .qsn .grid {
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:2em;
  margin-bottom:0;
  grid-template:"about"2fr "map"1fr "contact"auto/1fr;
  grid-column-gap:0;
  grid-row-gap:0
 }
 .qsn .grid .about {
  padding:2em 2em
 }
 .qsn .grid .contact h2 {
  text-align:center
 }
 .qsn .grid .contact {
  grid-area:contact;
  -ms-flex-item-align:center;
  align-self:center;
  background-color:#204d7f;
  padding:2em;
  color:#fff;
  font-size:1.2em
 }
 .qsn .grid .contact adress {
  text-align:center
 }
 .qsn .grid .contact adress a {
  margin:1.5em 0 0 0
 }
 footer {
  padding:0!important
 }
 .footer-right #footerLogo img {
  width:6em
 }
 .footer-left .social ul {
  margin:1em auto 1.5em
 }
 .footer-left .social ul li {
  margin:0 .1em;
  padding:.35em
 }
}