/*********************************************************************
**********************************************************************
_______________________________GENERAL________________________________
**********************************************************************
*********************************************************************/

/**
Bleu : #8CDBFF
Jaune : #FFFFD2
**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
  text-decoration: none;
}
a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
-webkit-input[type="text"]:focus -webkit-input[type="password"]:focus 
input[type="text"]:focus input[type="password"]:focus 
{
  outline:none;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

body
{
  background-color: #F0F0F2;
}
#decalage_index
{
  margin-bottom: 15%;
}
#welcome
{
  width: 30%;
  margin: auto;
  background-color: #FFFFFF;
  text-align: center;
}
.bandeau_promo 
{
  max-width: 100%;                      /* largeur de la fenêtre */
  overflow: hidden;                     /* masque tout ce qui dépasse */
  height: 45px;
  background-color: black;
}

.bandeau_promo > :first-child 
{
  margin-top: 12px; 
  display: inline-block;                /* modèle de boîte en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 100%;                   /* placement à droite du conteneur */
  white-space: nowrap;                  /* pas de passage à la ligne */
  animation: defilement-rtl 15s infinite linear;
  color: white;
}
.bandeau_promo p
{
  font-family: 'Poppins',  sans-serif;
}
.bandeau_promo p span
{
  font-weight: 800;
}
@keyframes defilement-rtl 
{
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}
#img
{
  justify-content: center;
  text-align: center;
  margin-top: 80px;
}
#img img
{
  width: 50%;
}
.nostlagie {
  color: #333;
  margin-top: 10px;
  margin-bottom: 80px;
  padding: 0.5rem;
  text-align: center;
}

.nostlagie li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
}

.nostlagie li span {
  font-size: 30px;
  font-family: 'Poppins',  sans-serif;
}
#welcome #fin
{ 
  font-family: 'Poppins',  sans-serif;
  padding-top: 80px;
}
.button_profitez
{
  text-align: center;
  font-family: 'Poppins',  sans-serif;
  padding-bottom: 60px;
}

.button_profitez span
{
  padding: 10px 50px 15px 50px;
  border-radius: 10px;
  text-decoration: underline;
}
.button_profitez a
{
  color: #0AEA8E;
}
.button_profitez span:hover
{
  font-weight: 800;
}

.paragraphenotif
{
  width: 70%;
  margin: auto;
  font-size: 12px;
  margin-bottom: 70px;
}