* {
    font-family: 'Roboto', sans-serif;
}
.row,.col-md-12{
  padding: 0 !important;
  margin:0 !important;
}
.modal-content{
  border-radius: 15px !important;
}
.modal-header{
  border-bottom: none !important;
}
.modal-dialog {
  top: calc(50% - 150px);
  max-width: 400px;
  margin: auto !important;
  height: 300px;
}
.modal-backdrop.in {
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.modal-body{
  padding: 0 !important;
}
html {
  overflow-x: hidden;
}
.row{
  margin:0;
  padding:0;
}
.col-md-12{
  padding:0;
}
.container-fuild{
  position: fixed;
  width: 100%;
  height: 600px;
}
nav .btn {
    list-style: none;
}

nav .btn a {
    color: inherit;
    text-decoration: none;
}

.nav-item.active>.nav-link {
    color: #A50045 !important;
}
.background{
  width: 100%;
  height: max-content;
  padding: 75px 0 10px 0;
  background: #AE1857;
  position: fixed;
  bottom: 123px;
}
.footer {
  position: fixed;
  bottom: 0;
  display: block;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background-color: #AE1857;
}
.logo{
  max-height: 234px;
  margin: 10vw auto 76px auto;
}
.footer .container ul {
    margin:0; padding:20px 0; color:white; list-style-type:none;
}

.footer .container ul li {
    display:inline-block; padding-right:25px;
}
.footer .container #infos-site{
  color: rgba(255,255,255,0.5);
  font-size: 8px !important;
}
.footer .container #infos-site span a{
  text-decoration: none;
  color:rgba(255,255,255,0.5);
}
.footer .container #infos-site span a:hover{
  color: #ffffff;
}
.footer .container .logo-entreprise{
display: inline-block;
position: relative;
text-align: center;
margin: 8px auto 8px auto;
height: 20px;
}
.logo-entreprise.studio-little-dreams{
  background: url('/storage/logo-studio-little-dreams-rouge_2b21281c.svg') center no-repeat;
}
.logo-entreprise.studio-little-dreams:hover{
  background: url('/storage/logo-studio-little-dreams-survol_45d2bd6c.svg') center no-repeat;
}
.logo-entreprise.agrafik{
  background: url('/storage/logo-2agrafik-rouge_6b4f0f7a.svg') center no-repeat;
}
.logo-entreprise.agrafik:hover{
  background: url('/storage/logo-2agrafik-survol_2eecb87f.svg') center no-repeat;
}
.footer  a {
    color: #ffffff;
    text-decoration:underline;
}
a i{
  display: inline-block;
  width: 45px;
  height: 45px;
  position: relative;
}
.footer #zone-social{
  display: block;
  position: relative;
  margin: 10px auto 45px auto;
  text-align: center;
  height: 20px;
}
.footer #zone-social ul{
  padding: 0;
  margin: 0;
  height: 20px;
}
.footer #zone-social ul li{
  width: 20px;
  height: 20px;
  margin-right: 11px;
}
.footer #zone-social a{
  height: 20px;
}
.footer #zone-social a i{
  height: 20px;
}
.footer #zone-social i.instagram{
  background: url('/storage/picto-instagram_3de851cc.svg') center no-repeat;
}
.footer #zone-social i.instagram:hover{
  background: url('/storage/picto-instagram-etat-de-survol_2f10d8e3.svg') center no-repeat;
}
.footer #zone-social i.facebook{
  background: url('/storage/picto-facebook_0dd08521.svg') center no-repeat;
}
.footer #zone-social i.facebook:hover{
  background: url('/storage/picto-facebook-etat-de-survol_713bfba6.svg') center no-repeat;
}
.footer #zone-social i.linkedin{
  background: url('/storage/picto-linkedin_69e6b26b.svg') center no-repeat;
}
.footer #zone-social i.linkedin:hover{
  background: url('/storage/picto-linkedin-etat-de-survol_140800bd.svg') center no-repeat;
}
.zone-call-to-action{
  display: block;
  position: relative;
  margin: auto auto 90px auto;
  text-align: center;
}
.zone-call-to-action i{
  height: 37px;
  width: 55px;
  vertical-align: middle;
}
i.telephone{
  background: url('/storage/picto-tel_a1f95a2e.svg') center no-repeat;
  height: 45px;
  width: 45px;
}
i.telephone:hover{
  background: url('/storage/picto-tel-etat-de-survol_c285219e.svg') center no-repeat;
}
i.mail{
  background: url('/storage/picto-mail-2_a68fe201.svg') center no-repeat;
  margin-left: 31px;
}
i.mail:hover{
  background: url('/storage/picto-mail-etat-de-survol_42da40a2.svg') center no-repeat;
}

#newsletter-form .send, #newsletter-form .send:disabled, #newsletter-form .send:disabled:hover{
  background: url('/storage/validation-mail_8b20a318.svg') center no-repeat;
  display: inline-block;
  width: 50px;
  height: 40px;
  position: relative;
  margin-left: 5px;
  border:none;
}
#newsletter-form .send:hover{
  background: url('/storage/validation-mail-etat-de-survol-1_c8b67b73.svg') center no-repeat;
  border: 2px solid #ffffff;
  opacity: 1;
}

form#newsletter-form{
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
#newsletter-form input[type='email']{
  width: 300px;
  height: 40px;
  display: inline-block;
  margin-left: 0px;
  border: none;
  box-shadow:none;
  border-radius:0;
}
#newsletter-form  input[type="email"]::placeholder{
  font-size: 11px;
  transition: color linear 0.3s 0s;
}
#newsletter-form:hover  input[type="email"]::placeholder{
  color: #ffffff;
}
#newsletter-form > .field-newslettermodel-email:before{
  content: '';
  width: 27px;
  height: 20px;
  padding: 20px 10px 20px 40px;
  margin: 0;
  display: block;
  float: left;
  position: relative;
  vertical-align: middle;
  background: url('/storage/picto-mail_265a5b72.svg') #ffffff center no-repeat;
  transition: background linear 0.5s 0s;
}
#newsletter-form:hover > .field-newslettermodel-email:before{
  background: url('/storage/picto-mail-1_ed71f899.svg') #ffffff center no-repeat;
}
form .zone-input{
  display: block;
  width: auto;
  height: auto;

}
.modal-body p{
  padding: 0px 64px 0 64px;
  text-align: center;
  text-indent: 10px;
  font-family: Arial;
  font-size: 15px;
  color: #A2A9AD;
}
.modal-body p span{
  color: #A7104C;
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  font-family: Arial;
  margin-bottom: 10px;
  
}
.close-alert{
  display: block;
  position: relative;
  margin: 25px auto 25px auto;
  width: 32px;
  text-indent:0;
  height:32px;
  font-style: normal;
  line-height: 1;
  padding:5px 0px 5px 0px;
  font-weight: bold;
  color: #A2A9AD;
  text-align: center;
  font-size: 18px;
  border: 2px solid #A2A9AD;
  border-radius: 100%;
}
.close-alert:hover{
  cursor: pointer;
  border: 2px solid #A7104C;
  color: #A7104C;
}
@media all and (oriantation: portrait) and (min-width: 768px){
  .logo{
    margin: calc(50% - 130px) auto 76px auto;
  }
}
@media all and (orientation: landscape)  and (max-height: 900px){
  .container-fuild{
    position: relative;
    bottom: unset;
    height: auto;
  }
  .footer{
    position: relative;
    bottom: unset;
  }
  .background{
    position: relative;
    bottom: unset;
    height: auto;
  }
  .logo{
    margin: 5vw auto 46px auto;
  }
}
@media all and (max-width: 470px) {
  .logo{
    max-height: 130px;
    margin: calc(50% - 90px) auto 46px auto;
  }
  #newsletter-form .send{
    opacity: 0.5;
  }
  .field-newslettermodel-email:before{
    background: url('/storage/picto-mail-1_ed71f899.svg') #ffffff;
  }
  .footer{
    padding-top: 10px;
  }
  .footer #zone-social{
    margin: 10px auto 35px auto;
  }
  .footer #zone-social ul li{
    width: 20px;
    height: 20px;
    margin-right: 39px;
  }
  .alert {
    position: fixed;
    width: 300px;
    top: calc(50% - 100px);
    left: calc(50% - 150px);
  }
  .alert p{
    padding: 10px;
  }
  #newsletter-form input[type="email"]{
    width: 200px;
  }
  .background{
    padding-top: 30px;
    padding-bottom: 10px;
    height: auto;
  }
  .modal-dialog{
    margin: 10px;
  }
  .modal-body p{
    padding: 0 43px 0 43px;
  }
  .close-alert{
    margin: 51px auto 51px auto;
  }
  .modal-header{
    padding: 76px 0 0 0 !important;
  }

}