@charset "UTF-8";

/* Dropdown Content (Hidden by Default) */
.container-nav2 {
  width: 80%;
  margin: auto;
  padding-bottom: 10px;
  padding-top: 4px;
}

.nav-item2 {
  padding-top: 0px;
  max-width: 325px;
  background-color:#0060a9;
}
.efface-trait { display: initial; }
.efface-domain { display: initial; }

.nav-img2{
  margin-top: 0px;
}
.imgsize2{ width:390px; }

.nav-h-menu2 { padding-top: 15px; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 168px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  margin-top: 49px;
  z-index: 4;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  background-color: #eeeeee;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  z-index: 4;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #054b80;
  color:white;
  display: block;
  z-index: 4;
}

.dropdown2:hover .dropdown-content {
  display: block;
}
.dropdown2 {
  z-index: 4;
}

.triangle a {
  text-align: center; 
  color: white; 
  margin-top:0px; 
  cursor: pointer;
}

.triangle > a::after {
  content:" ▼";
  padding-left: 5px;
  font-size: 14px;
}

.nav-separateur {
  font-size: 19px; 
  display: initial;
  text-align: center;
  padding: 10px 18px;
  border-radius: 4px;
  text-decoration: none;
 }
 
 .suivi {
  font-size: 20px;
  color: #4d4d4d;
  margin-right: 10px;
  font-weight: bold;
 }

.container-profil {
  width: 85%;
  margin: auto;
  padding-bottom: 10px;
  padding-top: 5px;
}

.container-achat {
  width: 85%;
  margin: auto;
  padding-bottom: 100px;
  padding-top: 40px;
}

.h-buy{
  padding-bottom: 5px;
}

.text-domain {
  font-size: 23px;
  padding-left: 10px;
  font-weight: 500;
  color: #232323;
}

.enter-domain {
  display: none;
}

.text-buy{
  font-size: 23px;
  padding-left: 10px;
  font-weight: 500;
  color: #232323;
}

.text-buy2{
  font-size: 18px;
  color: #232323;
}

.text-position{
  font-weight: 500;
  color: #232323;
  position:absolute; 
  top:22%; 
  width:100%; 
  font-size:200%
}

.text-position2{
position:absolute; 
color:#4b4b4b; 
top:28%; 
width:100%; 
font-size:100%;
}

.division {
  padding-top: 30px;
  padding-bottom: 30px;
}

.select-form {
  padding: 6px;
  border-radius: 4px;
  border-bottom: 1px solid #ddd;
}

.texte-plancher {
  text-align: left; 
  padding-top: 15px;
  padding-bottom: 40px;
  margin-left: 10px; 
  font-size: 12px; 
  color: #0060a9;
}

.retirer {
  display: inline;
}

.prix-offre1 {
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  padding: 20px 10px;
  color: rgb(218, 13, 13);
  background-color:#ffffff;
}

.prix-offre {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 10px;
  color: rgb(218, 13, 13);
  background-color:#ffffff; 
}
  
.info {
  text-decoration: none;
}
.info:hover, .info:active {
  text-decoration: none;
}

.separator-offre {
  border: 0.3px solid #dadada;
  width: 100%;
  background-color: white;
}

/* ------------ Offre vente d'enchère ----------- */



.document {
  margin: 15px 3px;
  border-radius: 4px;
  background-color:#ffffff;
}

.document2 {
  margin: 15px 3px 0px;
  border-radius: 4px;
  background-color:#ffffff;
}

.document3 {
  margin: 0px 3px 15px;
  border-radius: 4px;
  background-color:#ffffff;
}

.prix-plancher1 {
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  padding: 20px 10px 15px;
  color: #0060a9;
  background-color:#ffffff;
}

.prix-plancher {
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  padding: 20px 10px 5px;
  color: #0060a9;
  background-color:#ffffff;
}
.prix-demande {
  margin-top:-25px; text-align: right;
}

.refuser{
  margin-top:-20px; text-align: right;
}


 .case input[type=text] {
  width: 40%;
  padding: 12px 7px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.case input, select {
  width: 18%;
  padding: 12.5px 5px;
  margin: 8.5px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.case input[type=submit] {
  width: 40%;
  background-color: #4CAF50;
  color: white;
  padding: 13px 7px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.case input[type=submit]:hover {
  background-color: #45a049;
}

.date-offre{
  font-size: 13px;
  font-weight: normal;
  margin-top:-39px; 
  text-align: right;
  color: rgb(43, 43, 43);
}

.prix-enchere1 {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
  color: rgb(43, 43, 43);
}

.prix-enchere {
  font-size: 13px;
  font-weight: normal;
  text-align: right;
  padding-top: 20px;
  padding-bottom: 15px;
  color: rgb(43, 43, 43);
  background-color:#ffffff;
}

.texte-offre{
  font-size: 11px;
  padding: 25px 15px;
}

.t-offre {
  padding-top: 39px;
}
.t-offre2 {
  background-color:#0060a9;
  font-size: 17px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 30px;
  padding-left: 30px;
  border-radius: 4px;
}
.avis-texte {
  background-color:#ffffff;
  font-style: italic;
  font-size: 22px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 25px;
  padding-left: 25px;
  color: #666666;
  height: auto;
  border-radius: 5px;
}

.f-texte {
  background-color:#ffffff;
  font-size: 15px;
  padding-left: 25px;
  padding-right: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #666666;
  height: auto;
  border-radius: 5px;
}
.carre-buy{
  background-color: white; margin-left: 20px; height: 116px;  border-radius: 5px;
}

.sceau-img{
  width:175px; 
  padding: 5px 20px;
}

.text-sceau{
  padding-top: 7px; font-size: 10px; padding-left: 20px;
}

.paiement-img{
  width:75%;
}

.garantis-img{
  width:80%;
}

.h-dimension{
  margin: 15px 2px 0px 2px;
background-color: white;
border-radius: 5px;
}

.paiement-dimension{
  width:100%; 
  border-radius: 5px; 
  background-color: white; 
  padding: 30px 0px;
  display: block;
  text-align: center;
}

.garantis-dimension{
  width:100%; 
  border-radius: 5px; 
  background-color: white; 
  display: block;
  text-align: center;
}

.t-garantis{
  font-weight: bold; 
  background-color: #6bb5d6; 
  padding: 10px 0px;
  margin: 0px 2px 0px 2px;
  color: #232323; 
  font-size: 16px;
  text-align: center;
}

/* ------------ PAGE LOCATION ----------- */

.b-form2 {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-top: -0px;
  margin-left: 10px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.b-form2:hover, .b-form2:active {
  background-color: rgb(54, 126, 56);
  text-decoration: none;
}

.b-formulaire {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 12px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.b-formulaire:hover, .b-formulaire:active {
  background-color: rgb(54, 126, 56);
  text-decoration: none;
}

.submit-button button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 12px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.submit-button button:hover, .submit-button button:active {
  background-color: rgb(54, 126, 56);
  text-decoration: none;
}

.submit-button{
  margin-top:40px;
  float: right;
}
.b-form2{
  padding: 7px 15px;
}

.titre-autoriser{
  font-size: 22px;
  padding-bottom: 25px;
  margin-right: 13px; 
  margin-top: 15px; 
  color: #054b80;
}
.profil-haut{
  padding-bottom: 50px;
  padding-top: 50px;
}
.titre-formulaire {
  font-size: 26px;
  font-weight: 500;
  color: #4d4d4d;
}

.titre-formulaire2 {
  font-size: 18px;
  font-weight: 500;
  color: #4d4d4d;
}

.titre-list{
  margin-top: -15px;
  font-size: 16px;
  font-weight: 500;
  color: #4d4d4d;
}

.controls-form {
  margin: 5px 0px;
  box-sizing: border-box;
}