/*
 * Styles communs à toutes les pages
 * 
 * @since 8 avril 2020
 * @author Cnam by OLJ
 * @copyright DSI Cnam
 * @version 1.0
*/

body {
  background-color: #ffffff;
  color: #333333; /* Couleur de police */
  font: 1em "montserrat-regular", Cambria, georgia, times, "times new roman",
    serif;
  line-height: 1em; /* interligne normal */
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
h3 {
  border-bottom: 2px dotted #c1002a; /* Rouge Cnam */
  display: flex;
  font-size: 2em;
  font-weight: 500;
  line-height: 2em;
  margin: 1em 1.5em;
}
p {
  line-height: 1.5em;
  margin: 2em 3em;
  text-align: justify;
  text-indent: 3em;
  word-wrap: break-word;
}
section {
  /*border: 1px solid #c1002a;*/ /* Rouge Cnam */
  /*border-radius: 0.25em;*/
  margin: 2em 3em;
}

/**************************************************/
/* Barre de navigation                            */
/**************************************************/
.barre_nav {
  background-color: #c1002a; /* Rouge Cnam */
  overflow: hidden;
  padding: 0.5em;
  position: sticky;
  top: 0px;
  z-index: 100;
}
.barre_nav a,
.barre_nav span {
  color: #ffffff;
  float: left;
  font-size: 1em;
  line-height: 1em;
  padding: 1em;
  text-decoration: none;
}

.barre_nav_logo {
  background-color: #c1002a; /* Rouge Cnam */
  cursor: pointer;
  position: relative;
  top: -5px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.barre_nav_logo:hover {
  background: inherit;
  filter: invert(80%);
  -webkit-filter: invert(80%);
}

@media screen and (max-width: 700px) {
  .barre_nav a,
  .barre_nav span {
    float: none;
    display: block;
    text-align: left;
  }
}