#accueilchoixretrait #accountAuthentification{
  max-width:400px;
  margin:0 auto 40px;
}
#accueilchoixretrait h1{
  color:#000;
  font-weight:normal;
  margin:30px 0 40px;
  font-family:"Cardenio-Modern-Bold";
  font-size:30px;
  text-align:center;
  position:relative;
  z-index:0;
}
#accueilchoixretrait h1 span{
  display:inline-block;
  background:none;
}
#accueilchoixretrait h1:after{
  width:100px;
  height:1px;
  border-bottom:3px dotted #000;
  margin:0;
  background:none;
  position:absolute;
  left:calc(50% - 50px);
  bottom:-20px;
  z-index:-1;
  display:inline-block;
  content:"";
}
.intropointsretraits{
  text-align:center;
  margin-bottom:40px;
}
.retraitfavori{
  max-width:400px;
  margin:30px auto;
  position:relative;
}
.retraitfavori .short_retrait{
  margin:0;
  position:relative;
}
.retraitfavori .short_retrait:before{
  content:"";
  display:block;
  width:calc(100% + 10px);
  height:calc(100% + 10px);
  border:2px dotted #494949;
  position:absolute;
  left:-7px;
  top:-7px;
  z-index:-1;
  border-radius:6px;
}
.retraitfavori .pictofavori{
  width:40px;
  height:40px;
  display:block;
  border-radius:50%;
  background:url(/images/picto-coeur-blanc.svg) no-repeat center center #000;
  background-size:24px;
  position:absolute;
  right:-15px;
  top:-15px;
  z-index:2; 
}
.shortPhotoretrait img{
  border-radius:3px;
}
.short_retrait{
  background:#fff;
  border-radius:6px;
  padding:15px;
  display:block;
  max-width:400px;
  margin:30px auto;
  position:relative;
}
.shortNomretrait{
  display:block;
  padding:15px 0 5px;
  font-size:16px;
}
.shortNomretrait .ville{
  font-size:20px;
}
.shortDetailRetrait{
  position:relative;
}


/*@media only screen and (min-width:1024px){
  #accueilstep1 #accountAuthentification{
    max-width:inherit;
    margin:0 auto;
  }
  #accueilstep1 #accountAuthentification h2{
    margin-bottom:15px;
  }
  #accueilstep1 .formulaireauthentif fieldset{
    display:flex;
    align-items:flex-end;
  }
  #accueilstep1 .formulaireauthentif .row{
    margin:0 20px 0 0;
  }
  #accueilstep1 #accountAuthentification .lostPassword{
    margin-top:15px;
  }
} */
@media only screen and (min-width:480px){
  #accueilchoixretrait h1 span{
    display:inline-block;
    background:url(/images/feuilles-vertes.svg) no-repeat right top #E9E9E9;
    padding:5px 28px;
  }
}

@media only screen and (min-width:700px){
  .retraitfavori{
    max-width:inherit;
  }
  .short_retrait{
    max-width:inherit;
    display:flex;
  }
  .shortPhotoretrait{
    max-width:250px;
  }
  .shortDetailRetrait{
    padding:0 0 0 15px;
  }
  .shortNomretrait{
    padding:5px 0 5px;  
  }
  #accueilchoixretrait h1:after{
    width:100%;
    left:0;
    bottom:50%;
  }
  #accueilchoixretrait h1{
    margin:40px 0 20px;
  }
}
@media only screen and (min-width:1024px){
  #accueilchoixretrait{
    width:700px;
    margin:0 auto;
  }
  .intropointsretraits{
    text-align:center;
    margin-bottom:60px;
    font-size:16px;
  }
  /*#listepointsretraits{
    display:flex;
    flex-wrap:wrap;
  }
  .retraitfavori,
  .short_retrait{
    width:31%;
  } 
  .retraitfavori .short_retrait{
    width:100%;
  } 
  .short_retrait{
    display:block;
  } */
}

/*@media only screen and (min-width:1100px){
  #listepointsretraits{
    display:flex;
    flex-wrap:wrap;
  }
  .retraitfavori, .short_retrait{
    width:48%;
  }
  .retraitfavori .short_retrait{
    width:100%;
  }
  .shortPhotoretrait{
    max-width:200px;
  }
} */