a, p, h1, h2, h3, h4, strong, ul, li {
    font-family:'Oswald', sans-serif;
    color:black;
    font-weight: 400;
  }
  p {
    color:black;
  }
  a:hover {
    text-decoration:none;
  }
  .uppercase { text-transform: uppercase;}
  .logo, nav, main { max-width:1366px; margin:0 auto;}
  #header { background-color:cadetblue;}
  a { text-decoration:none;}
  .logo { width: 100%; }
  .logo img { display:block; width:50%; margin:0 auto; margin-top:0px;}
  body { border-top:solid #2983C6 4px; }
  .subnav { padding-top:0%; margin-bottom: 5%; }
  nav a { 
    display:inline-block; 
    height:50px; 
    width:15%; 
    padding-bottom:90px; 
    padding-top:10px;
    text-align:center;
  color:#2983C6;}


  .nav-section-1 {
    background:url('/static/img/environnement.png') no-repeat bottom center / 30px;
  }  
  .nav-section-2 {
    background:url('/static/img/essatec_casque.png') no-repeat bottom center / 50px;
  }  
  .nav-section-3 {
    background:url('/static/img/erp.png') no-repeat bottom center / 30px;
  }  
  .nav-section-4 {
    background:url('/static/img/veille.png') no-repeat bottom center / 30px;
  }  
  .nav-section-5 {
    background:url('/static/img/essatec_graph.png') no-repeat bottom center / 50px;
  } 
  .intro h1.bkg { 
    height: auto;
    background:transparent;
/* background: url('/static/img/fond.jpg') no-repeat center center / cover; */
border-bottom:solid rgba(46,128,195,0.6) 4px; 
margin-top:2%;
letter-spacing: 4px;
font-size: 3rem; 
color:black;
}
 .intro {
   background:#D6D6D6;
 } 
  nav.subnav {
    display:block;
    color:white;
    text-align:center;
    margin:10px;
    height:auto;
    width:100%;
    text-align:center;
    margin:0 auto;
    margin-bottom:3%;
  }
  nav.subnav a {
   color:#fff;
   display: inline-block;
   width:150px;
   margin-left: 0;
margin-right: 0;
    padding-bottom:20px; 
background: #2983C6; /* fallback */

  }
  nav.subnav a:hover,
  nav.subnav a.activate {
   color:#2983C6;
   background-color:white;
   border-bottom:solid #2983C6 thin;
  }
  input[type="text"],
  textarea
   {
    margin-bottom:10px;
    width:100%;
  }
  #footer {
    background-color: #2983C6;
    width:100%;
    text-align:center;
  }
  #footer a {
    color:white;
  }
  #a-savoir img {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
  }
  fieldset {
    padding:0;
  } 
  input[type="checkbox"] {
    position: absolute;
      float:left;
  }
  .agree {
    padding-left:30px;
  }

  .btn--primary, .button--primary {
  background:#2983C6;
  }

  #section-2, #section-3, #section-4, #section-5, #section-6 {
  }
#contact {
  margin:0 auto;
  width:50%;
  margin-bottom:5%;
}
#contact2 #contact {
  width:100%;
}
.form-check label {
padding-left:35px;

}
/*
.left {
    width: 100px;
    height: 80px;
    float: left;
    position: relative;
}


.left::after {
    width: 0px;
    height: 0px;
    background: #fff;
    content: '';
    position: absolute;
    bottom: 0;
}
.left::after {
    right: 0;
    border-top: 10px solid lightpink;
    border-right: 10px solid white;
    border-left: 10px solid lightpink;
    border-bottom: 10px solid white;
}
*/