@font-face {
  font-family: 'gondola_sd_-_swashregular';
  src: url("../police/gondolasd-sw/Gondola_SD-Swash-webfont.eot");
  src: url("../police/gondolasd-sw/Gondola_SD-Swash-webfont.eot?#iefix") format("embedded-opentype"), url("../police/gondolasd-sw/Gondola_SD-Swash-webfont.woff2") format("woff2"), url("../police/gondolasd-sw/Gondola_SD-Swash-webfont.woff") format("woff"), url("../police/gondolasd-sw/Gondola_SD-Swash-webfont.ttf") format("truetype"), url("../police/gondolasd-sw/Gondola_SD-Swash-webfont.svg#gondola_sd_-_swashregular") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-image: url("../image/lazB.jpg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed; }

header {
  line-height: 0.8;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10%; }

.ecu {
  width: 30px;
  height: 30px; }

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }

footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 10% 0%; }

.bann {
  text-align: center;
  font-family: 'gondola_sd_-_swashregular';
  width: 99%;
  height: 6em;
  position: sticky;
  top: 0px;
  right: 0px;
  z-index: 1;
  background-color: #71a3dd;
  border: 5px solid rgba(166, 251, 251, 0.931);
  border-radius: 5px;
  opacity: 0;
  transition: opacity 500ms; }
  .bann-v {
    opacity: 1; }

.titlebann {
  font-size: 3em; }

h1 {
  font-size: 6em;
  text-align: center;
  font-family: 'gondola_sd_-_swashregular';
  color: white;
  text-shadow: 2px 2px 2px #91dffd; }

h2 {
  font-family: 'Great Vibes', cursive;
  text-align: center;
  font-size: 2.5em;
  color: white;
  text-shadow: 2px 2px 2px #91dffd; }

h3 {
  text-align: center;
  font-family: 'gondola_sd_-_swashregular';
  color: white;
  text-shadow: 2px 2px 2px #91dffd; }

p {
  text-align: justify; }

.list {
  color: white;
  text-shadow: 2px 2px 2px #91dffd; }

a {
  text-decoration: none;
  color: #13dbf3;
  transform: scale(1);
  transition: transform 1000ms cubic-bezier(0.32, 0, 0.07, 1); }
  a:hover {
    font-weight: bold;
    color: red;
    transform: scale(1.3);
    font-size: 1.3em; }
  a:active + body {
    background-color: blue; }

.langue {
  margin-top: 10%;
  display: flex;
  flex-direction: row;
  justify-content: space-around; }

.bloc2 {
  color: white;
  text-shadow: 2px 2px 2px #91dffd;
  border: 0.7em ridge cornflowerblue;
  border-radius: 11px;
  box-shadow: 12px 12px 15px blue;
  width: 80%;
  padding: 2%; }
  .bloc2__FC {
    background-color: #0632b1;
    border: 0.7em ridge silver;
    box-shadow: 12px 12px 15px silver; }

.elcont {
  width: 100%; }

nav {
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-around; }

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 20%; }

li {
  background: linear-gradient(to top right, black, blue);
  border-radius: 15px;
  min-width: 13%;
  height: 6%;
  border: 4px solid blue;
  text-align: center;
  padding: 15%;
  margin: 10%; }
  li:hover {
    background: linear-gradient(to top left, #e4cbf7, #acd1f5);
    border: 4px solid #e4cbf7;
    -moz-transition-duration: 5s;
    -moz-transition-property: background-image, widht, height; }

.message {
  margin: 5%; }

.lgANG {
  display: none; }

.lgKRL {
  display: none; }

.vdo {
  width: 45%;
  height: 100%; }

.formation {
  text-align: center; }

.minidiplome {
  width: 20%;
  height: auto; }

header {
  animation: move cubic-bezier(0.32, 0, 0.07, 1) 2s; }

@keyframes move {
  0% {
    transform: translateX(50%); }
  100% {
    transform: translateX(0%); } }
/*========================================= ( MEDIA ) =================================*/
@media screen and (max-width: 1154px) {
  h1 {
    font-size: 2em; }

  .titlebann {
    font-size: 1.5em; }

  .bann {
    height: 6em; } }
/*-----------------------------------( SMARTPHONE paysage )-----------------------------*/
@media screen and (max-width: 500px) and (orientation: landscape) {
  body {
    background-image: url("../image/lazBMobLd.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; }

  ul {
    border: 2px solid red;
    width: 70%;
    display: flex;
    flex-direction: row;
    align-content: space-around; } }
.vdo {
  width: 100%;
  height: auto; }

form {
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 95%; }

input, label {
  margin: 1%;
  font-size: 1.5em; }

/*------------------------------- ( SMARTPHONE ) --------------------------------*/
@media screen and (max-width: 500px) {
  html {
    margin: 0px; }

  body {
    margin: 0px;
    background-image: url("../image/lazBMobPic.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; }

  h2 {
    font-size: 1.5em; }

  .titlebann {
    font-size: 1.5em; }

  .bann {
    height: 6em; }

  a {
    font-size: large; }

  nav {
    flex-direction: column;
    align-items: center;
    width: 100%; }

  ul {
    width: 95%;
    display: flex;
    flex-direction: row;
    align-items: stretch; }

  .btn-menu {
    width: 100%; }

  .vdo {
    width: 50%;
    height: auto; }

  .minidiplome {
    width: 60%;
    height: auto; } }

/*# sourceMappingURL=style.css.map */