/****************************************************************************
                                    MISE EN PLACE MEDIA QUERIES
******************************************************************************
ORDINATEUR - PAGE INSCRIPTION
*****************************************************************************/
@media screen and (min-width:1024px)
{
body{background:#f9fbfc;}
/****************
CONTENEUR GLOBAL
****************/
.ctn_glob_inscription{position:relative;width:100%;min-height:300px;}
.ctn_glob_inscription_env{position:relative;width:100%;min-height:100px;border-radius:10px;display:flex;flex-wrap:wrap;background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);}

/***************************
CONTENEUR INFOS GLOBAL MARCHAND
*************************************************************/
.ctn_info_global_marchand{position:relative;width:50%;height:575px;background-image:url("../../medias/icons/entetes_4.png");background-repeat:no-repeat;background-position:5% 97%;background-size:30%;}
.ctn_info_global_marchand_ent{position:relative;margin:0%;padding:3%;font-family:Roboto Mono;font-weight:bold;color:#ddd;background-image:url("../../medias/icons/shop.png");background-repeat:no-repeat;background-position:90%;background-size:7%;}
.ctn_info_global_marchand_liste_fonction{position:relative;}
.ctn_info_global_marchand_liste_fonction li{padding:2%;font-family:Roboto;list-style-type:"\1F44D";color:#ddd;}
.ctn_info_global_marchand_liste_fonction li:first-letter{text-transform:capitalize;}

/****************************************************************
CONTENEUR FORMULAIRE INSCRIPTION MARCHAND
*****************************************************************/
.ctn_form_inscription_marchand{position:relative;width:49%;height:575px;}
.ctn_form_inscription_marchand_ent{position:relative;margin:0%;padding:3%;font-family:Roboto Mono;font-weight:bold;text-align:right;color:#99A1AF;}
.ctn_form_inscription_marchand_form{position:relative;width:100%;height:100%;padding:1% 1.5%;}
.ctn_form_inscription_marchand_form label{font-family:Roboto;color:#99A1AF;font-size:0.85em;padding:0% 1%;}
.ctn_form_inscription_marchand_form label:hover{color:#ddd;transition:0.4s;}
.liens_termes_conditions_utilisation{font-family:Roboto;color:#99A1AF;text-decoration:none;}
.liens_termes_conditions_utilisation:hover{color:gold;transition:0.4s;}
::placeholder{font-family:Roboto Mono;color:#99A1AF;font-size:0.85em;}
.ctn_form_inscription_marchand_form_tab{position:relative;width:100%;border-spacing:0px 10px;}
.ctn_form_inscription_marchand_form_tab td{}
.cmp_txt{position:relative;width:90%;padding:1.5%;border:none;box-shadow:inset 0px 0px 2px silver;border-radius:10px;}
.cmp_txt_long{resize:none;border:none;box-shadow:inset 0px 0px 2px silver;border-radius:10px;width:92%;}
.chmp_valid_contrat{background:red;}

/*******************************
POP UP | MESSAGE DE VALIDATION
*******************************/
.popup {
  display: block; /* Caché par défaut */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
  z-index: 1000;
}

.popup-content {
  background-color: white;
  margin: 15% auto;
  padding: 20px;
  width: 50%;
  position: relative;
  border-radius:10px;
  background-image:url("../../medias/icons/entetes_2.png");background-repeat:no-repeat;background-position:95% 75%;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
.msg_inscription_valide{font-family:Roboto Mono;line-height:22px;color:#2e4153;}
.entete_msg_validation_inscription{font-family:Roboto Mono;color:#f9fbfc;padding:0.5%;background:#2589DA;text-align:center;border-radius:3px;}
/**************************************
FIN - POP UP
***************************************/



}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
body{background:#f9fbfc;}
/****************
CONTENEUR GLOBAL
****************/
.ctn_glob_inscription{position:relative;width:100%;min-height:300px;}
.ctn_glob_inscription_env{position:relative;width:100%;min-height:100px;border-radius:10px;background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);}

/***************************
CONTENEUR INFOS GLOBAL MARCHAND
*************************************************************/
.ctn_info_global_marchand{position:relative;width:100%;min-height:575px;background-image:url("../../medias/icons/shop.png");background-repeat:no-repeat;background-position:85% 65%;background-size:25%;}
.ctn_info_global_marchand_ent{position:relative;margin:0%;padding:3%;font-family:Roboto Mono;font-weight:bold;color:#ddd;background-image:url("../../medias/icons/entetes_4.png");background-repeat:no-repeat;background-position:90%;background-size:35%;}
.ctn_info_global_marchand_liste_fonction{position:relative;}
.ctn_info_global_marchand_liste_fonction li{padding:2%;font-family:Roboto;list-style-type:"\1F44D";color:#ddd;}
.ctn_info_global_marchand_liste_fonction li:first-letter{text-transform:capitalize;}

/****************************************************************
CONTENEUR FORMULAIRE INSCRIPTION MARCHAND
*****************************************************************/
.ctn_form_inscription_marchand{position:relative;width:100%;min-height:575px;}
.ctn_form_inscription_marchand_ent{position:relative;margin:0%;padding:3%;font-family:Roboto Mono;font-weight:bold;text-align:right;color:#99A1AF;}
.ctn_form_inscription_marchand_form{position:relative;width:100%;height:100%;padding:1% 1.5%;}
.ctn_form_inscription_marchand_form label{font-family:Roboto;color:#99A1AF;font-size:0.85em;padding:0% 1%;}
.ctn_form_inscription_marchand_form label:hover{color:#ddd;transition:0.4s;}
.liens_termes_conditions_utilisation{font-family:Roboto;color:#99A1AF;text-decoration:none;}
.liens_termes_conditions_utilisation:hover{color:gold;transition:0.4s;}
::placeholder{font-family:Roboto Mono;color:#99A1AF;font-size:0.85em;}
.ctn_form_inscription_marchand_form_tab{position:relative;width:100%;border-spacing:0px 10px;}
.ctn_form_inscription_marchand_form_tab td{}
.cmp_txt{position:relative;width:93%;padding:2%;border:none;box-shadow:0px 0px 2px silver;border-radius:10px;}
.cmp_txt_long{resize:none;width:96.5%;border:none;box-shadow:0px 0px 2px silver;border-radius:10px;}

/*******************************
POP UP | MESSAGE DE VALIDATION
*******************************/
.popup {
  display: block; /* Caché par défaut */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
  z-index: 1000;
}

.popup-content {
  background-color: white;
  margin: 15% auto;
  padding: 20px;
  width: 70%;
  position: relative;
  border-radius:10px;
  background-image:url("../../medias/icons/entetes_2.png");background-repeat:no-repeat;background-position:95% 75%;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
.msg_inscription_valide{font-family:Roboto Mono;line-height:24px;color:#2e4153;}
.entete_msg_validation_inscription{font-family:Roboto Mono;color:#f9fbfc;padding:0.5%;background:#2589DA;text-align:center;border-radius:3px;}
/**************************************
FIN - POP UP
***************************************/


}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{background:#f9fbfc;}
/****************
CONTENEUR GLOBAL
****************/
.ctn_glob_inscription{position:relative;width:100%;min-height:300px;}
.ctn_glob_inscription_env{position:relative;width:100%;min-height:100px;border-radius:10px;background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);}

/***************************
CONTENEUR INFOS GLOBAL MARCHAND
*************************************************************/
.ctn_info_global_marchand{position:relative;width:100%;min-height:475px;background-image:url("../../medias/icons/entetes_4.png");background-repeat:no-repeat;background-position:5% 100%;background-size:35%;}
.ctn_info_global_marchand_ent{position:relative;margin:0%;padding:3%;font-family:Roboto Mono;font-weight:bold;font-size:1.5em;color:#ddd;background-image:url("../../medias/icons/shop.png");background-repeat:no-repeat;background-position:93% 40%;background-size:8%;}
.ctn_info_global_marchand_liste_fonction{position:relative;padding:5%;}
.ctn_info_global_marchand_liste_fonction li{padding:2%;font-family:Roboto;list-style-type:"\1F44D";font-size:0.85em;line-height:25px;color:#ddd;}
.ctn_info_global_marchand_liste_fonction li:first-letter{text-transform:capitalize;}

/****************************************************************
CONTENEUR FORMULAIRE INSCRIPTION MARCHAND
*****************************************************************/
.ctn_form_inscription_marchand{position:relative;width:100%;min-height:475px;}
.ctn_form_inscription_marchand_ent{position:relative;margin:0%;padding:3%;font-family:Roboto Mono;font-weight:bold;text-align:right;color:#99A1AF;}
.ctn_form_inscription_marchand_form{position:relative;width:100%;height:100%;padding:1% 1.5%;}
.ctn_form_inscription_marchand_form label{font-family:Roboto;color:#99A1AF;font-size:0.85em;padding:0% 1%;}
.ctn_form_inscription_marchand_form label:hover{color:#ddd;transition:0.4s;}
.liens_termes_conditions_utilisation{font-family:Roboto;color:#99A1AF;text-decoration:none;}
.liens_termes_conditions_utilisation:hover{color:gold;transition:0.4s;}
::placeholder{font-family:Roboto;color:#99A1AF;font-size:0.8em;}
.ctn_form_inscription_marchand_form_tab{position:relative;width:100%;border-spacing:0px 10px;}
.ctn_form_inscription_marchand_form_tab td{}
.cmp_txt{position:relative;width:90%;padding:2%;border:none;box-shadow:0px 0px 2px silver;font-size:0.8em;font-family:Roboto;border-radius:10px;}
.cmp_txt_long{resize:none;width:93%;border:none;box-shadow:0px 0px 2px silver;font-size:0.8em;font-family:Roboto;border-radius:10px;}

/*******************************
POP UP | MESSAGE DE VALIDATION
*******************************/
.popup {
  display: block; /* Caché par défaut */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
  z-index: 1000;
}

.popup-content {
  background-color: white;
  margin: 15% auto;
  padding: 20px;
  width: 70%;
  position: relative;
  border-radius:10px;
  background-image:url("../../medias/icons/entetes_2.png");background-repeat:no-repeat;background-position:90% 98%;background-size:40%;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
.msg_inscription_valide{font-family:Roboto Mono;line-height:24px;color:#2e4153;font-size:0.8em;}
.entete_msg_validation_inscription{font-family:Roboto Mono;color:#f9fbfc;padding:0.5%;background:#2589DA;text-align:center;border-radius:3px;font-size:1.1em;}
/**************************************
FIN - POP UP
***************************************/

}