/* body{ margin-bottom: 205px!important;} */
html{position: relative; height:100%}

/*****Header*****/
.navbar{/*padding-top: 3rem; padding-bottom: 5rem!important; min-height:7.5rem; box-shadow: 0px 0px 15px gray; background:#ffffff;*/ }
.navbar-nav{/*position: fixed; top: 50px; left: 50%; transform: translateX(-50%); */}
.navbar-light .navbar-nav .nav-link{margin-top:20px; text-transform: uppercase; font-size:1.1rem;font-weight:600;}
/*.container{padding:0; margin:0; margin-right: 0;}*/
.navbar-nav m-auto{ position: relative; }
.nav-item{ margin:0 30px;}
.bandeau{padding-bottom:10px; box-shadow: 0px 0px 15px gray;}
header{min-height:80px;}
.header-logo{ z-index: 1031; }
.logo{position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 250px; height: auto; z-index: 1031;}

.btn-retropro{
  display: inline-block;
  width:150px !important;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  font-weight:550;
  border:2px solid #27528b;
  color: #27528b;
  text-transform: uppercase;
  text-decoration:none;
  padding:5px 10px;
  border-radius: 50px !important;
  /*box-shadow: 0px 13px 10px -10px rgba(0, 0, 0, 0.4);*/
  cursor: pointer;
  /*-webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;*/ 
  }
.btn-retropro:hover{
  background:#27528b;
  color:#ffffff;
  box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
  /*-webkit-transform: translate(0px, -10px) scale(1.2);
          transform: translate(0px, -10px) scale(1.2);*/
}
/*#nonco{color:#27528B; text-decoration:none;font-weight:600;}
#nonco:hover{color:#ffffff;}*/


/***Détail****/
.btnjlv{
  width: 150px!important;
  border-radius: 50px!important;
  color:#27528B!important;
  border: 1px solid #27528B!important;
  margin-left: auto!important;
  margin-right: auto!important;
  transition: 0.3s;
}

.btnjlv:hover{
  color:#ffffff!important;
  background:#27528B!important;
}

.dropdownDiv
{
    /*position: fixed;
    display: inline-block; */
    cursor: pointer;
   /* top: 30px;
    left: 90%; */
    z-index: 1031;
    text-align:right;
}

.dropdown-content
{
    right: 20px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
}
@media (min-width: 992px) {  
  .dropdown-content {position:absolute; right:200px;}
}
.dropdown-content a
{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/*******Acceuil******/

.grid-container-base{
  display: grid;
  grid-template-columns: 50% 50%;
}

.container-base a {
  color: white;
  text-decoration: none;

}
.container-base a:hover {
  color: white;
  text-decoration: none;

}
@media (min-width: 1401px) {
  .container-base{
    display: inline-block;
    height: 79%;
  }
}
@media (max-width: 1400px) {
  .container-base{
    display: inline-block;
    height: 45%
  }
}


.rechercher_produit
{
  min-height:800px;
  height:auto;
  background-image:url('../images/extbike.jpg');
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rechercher_produit p {text-align:center; font-size:2rem; font-weight:bold; text-shadow:2px 2px 5px black;}
.rechercher_produit .btn-accueil{
 /* display:block;
  width:30%;
  margin:0 auto;
  text-align:center;
  font-weight:600;
  font-size:x-large;
  background-color:#fff;
  color: #737373;
  text-transform: uppercase;
  text-decoration:none;
  padding:13px;
  border-radius: 20px;
  box-shadow: 0px 13px 10px -10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  border:3px solid #fff;*/
  /*width: 30%!important;*/
  width:150px !important;
  text-align:center;
  border-radius: 50px!important;
  margin-left: auto;
  margin-right: auto; 
  color:#ffffff!important;
  background-color: #00000045!important;
  border:1px solid #ffffff!important;  
}
.rechercher_produit .btn-accueil:hover{
 /*background-color:#efefef;
 color:#737373;
 border:3px solid #737373;*/
  color:#ffffff!important;
  background-color: #27528B!important;
  border-color: #27528B!important;
  /*font-weight:600;*/

}

.publier_annonce
{
  min-height:800px;
  height:auto;
  background-image:url('../images/bshop.jpg');
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.publier_annonce p {text-align:center; font-size:2rem; font-weight:bold; text-shadow:2px 2px 5px black;}
.publier_annonce .btn-accueil{
  width: 30%!important;
  text-align:center;
  border-radius: 50px!important;
  margin-left: auto;
  margin-right: auto;
  color:#ffffff!important;
  background-color: #00000045!important;
  border:1px solid #ffffff!important;  
  text-align:center;
}
.publier_annonce .btn-accueil:hover{color:#ffffff!important; background-color: #27528b!important; border-color: #27528b!important; /*font-weight:600;*/}

.img-menu{
  max-width: 101%;
  object-fit: cover;
}


/***** Recherche*******/

.btncustom{
  margin-top: 100%;
  color: #ffffff!important;
  border-color: #ffffff!important;
  background-color: #00000045!important;
  transition: 0.3s!important;
  border-radius: 50px!important;
}
.btncustom:hover{
  color: #ffffff!important;
  border-color: #27528B!important;
  background-color: #27528B!important;
}

.h3{
margin-top: 40px;

}

.form-check-input:checked {
  background-color: #3d3d3d!important;
  border-color: #3d3d3d!important;
}

.formsearch{
  background-color: #27528B;
  color: white;
}
@media (min-width: 576px){
  .formsearch{
    height: 639px;
  }
}
.pannonce{
  background-image: url(http://retropro.fr/images/bshop.jpg);
  background-repeat: no-repeat;
  object-fit: cover;
}

.row{
  padding-bottom: 16px;
}

.recherchefull{
  height:89%;
}
.form-controlctm{
  margin-top: 70px;
  width: 150px !important;
  border-radius: 50px!important;
  margin-left: auto;
  margin-right: auto;
  color:#ffffff!important;
  background-color: transparent!important;
  border:1px solid #ffffff!important;
}

.form-controlctm:hover{
  color:#27528B!important;
  background-color: #ffffff!important;
}

/****Connexion*****/
#formulaire_connexion{margin-top:30px;}
#lien_pas_de_compte{
  color:#a8a8a8;
}

/***Bouton****/

.btnclassic{
  width: 150px!important;
  margin-left: auto;
  margin-right: auto;
  color: #8A8A8A!important;
  border: 1px solid #8A8A8A!important;
  border-radius: 50px!important;
  background-color: transparent!important;
}
.btnclassic:hover{
  color:#ffffff!important;
  border: 1px solid #27528B!important;
  background-color: #27528B!important;
}

.btnclassicred{
  width: 150px!important;
  margin-left: auto;
  margin-right: auto;
  color: #9d1515!important;
  border: 1px solid #9d1515!important;
  border-radius: 50px!important;
  background-color: transparent!important;
}
.btnclassicred:hover{
  color:#ffffff!important;
  border: 1px solid #9d1515!important;
  background-color: #9d1515!important;
}



 /*** Footer ***/

 /*footer{position:absolute; bottom:0; width:100%} */
.ajustfoot{/*height:180px!important;*/}
.nullf{/*padding-bottom: 0px!important; margin-bottom: 0px!important; height:180px!important;*/}
/*@media screen (max-width: 1400px)*/
.footerfix {width: 100%; position: absolute!important; bottom:-15%!important; /*}*/}
footer h6{margin-top:20px;}
footer p{margin-bottom:0.5rem;}
footer a{text-decoration:none;}
footer a:hover{text-decoration:underline;}
#div_formulaire_insciption
{
    display: none;
}

#formulaire_connexion > div > div
{
    padding-bottom: 10px;
}

#formulaire_inscription > div > div
{
    padding-bottom: 10px;
}

.alert
{
    text-align: center;
}


.show
{
    display:block;
}

.login
{
    text-align: right;
    width: 95%;
}

.content 
{
    margin-top: 1.5rem;
    min-height: 600px;
}

.error
{
    color: red;
}

.m-auto
{
  margin-right: auto !important;
  margin-left: auto !important;
}

.div_miniature
{
    padding-top: 15px;
}

.margin_bottom_zero
{
  margin-bottom: 0px;
}

.padding_bottom_zero
{
  padding-bottom: 0px;
}

.img-thumbnail
{
  height: 147px !important;
  width: 216px !important;
}

.img-thumbnail-admin
{
  height: 256px !important;
  width: 100%;
}

.image_liste
{
  height: 120px !important;
  width: 100%;
}

.image_liste_admin
{
  height: 96px !important;
  width: 100%;
}

.fixed-menu
{
  position: fixed;
}
.liste-ligne-impaire{background:#efefef; padding-top:10px;}
.ligne-annonce{padding-bottom:5px;}

.div-admin-demande-recue
{
  color: red;
}