@font-face {
  font-family: "NouvelR-regular";
  src: url('../fonts/NouvelR-Regular.woff2')format("woff2");
   font-weight:400;
}

@font-face {
  font-family: "NouvelR-regular";
  src:url('../fonts/NouvelR-Bold.woff2')format("woff2");
  font-weight:700;
}

@font-face {
  font-family: "NouvelR-regular";
  src: url('../fonts/NouvelR-Semibold.woff2')format("woff2");
  font-weight:600;
}

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont2.ttf") format("truetype");
    font-weight:400;
    font-style: normal; 
}

.sectopn-close {padding: 10px;}

.invit_udj7g {
    display: flex;
    justify-content: center;
    
    align-items: center;
}


.invit_ZAD5Fs {
    display: flex;
    justify-content: space-between;
     font-weight:600;
    align-items: center;
}

.invit_ml {
    font-weight:400;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
    color:#909090;
}
.invit_ml  a{ color:#909090;}

.invit_jdu7t {
    background: #ffffff;
    color: #000000;
   padding: 53px 122px;
    margin: auto;
    font-weight:400;
    font-size: 14px;
    border-radius : 15px;
    font-family: "NouvelR-regular";
    font-weight: 400;
    width:60%;
    /*margin-top: 10rem;*/
   
}

.invitguest_jdu7t {
    background: #000;
    color: #fff;
    padding-bottom: 2rem;
    width: 60%;
    padding-left: 3rem;
    padding-right: 3rem;
    margin: auto;
    font-family: "NouvelR-regular",Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    padding-bottom: 10rem;
   /* border:1px #fff solid;
    margin-top: 10rem;*/
}
.invit_idjuY{width:100%;}
.invitguest_odl8z {
	font-size: 1.8rem;
    line-height: 2.3rem;
}
.invitguest_hdy6t {
	line-height: 1.8rem;
    padding-top: 1.2rem;
}
.invitguest_hdy6t p {
    margin-bottom: 0;
}
.invitguest_pem8h p{
    margin-top: 1.1rem;
    font-size: 1.3rem;
    line-height: 0.5rem;
   font-weight: 700;
}
.invitguest_old45 {
	 font-weight: 700;
    font-size: 4.3rem;
    line-height: 5rem;
}
.invitguest_uej7d {
	 font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin-top: 0;
}

.invitguest_yeh65 {
	font-size: 1.5rem;
	line-height: 1.8rem;
    margin-top: 0;
}
.invitguest_ZAD5Fs {margin-top:3rem;}
.invit_yju6 {
	font-size: 14px;
	/* font-weight: 700;*/
}
/** CUSTOM RADIO **/
.custom-radio {
    position: relative;
    margin-bottom: 5px;
}

.custom-radio input[type="radio"] {
    display: none;
}

.custom-radio input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px; /* Ajustez la taille du carré selon vos besoins */

   height: 24px;

   border-radius: 4px;
   box-sizing: border-box;
   font-size: 14px;

}

.custom-radio input[type="radio"] + label:before {
   content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid black;
  border-radius: 6px;
  background: white;
  border: 2px solid black;
  
}

.custom-radio input[type="radio"]:checked + label:after {

  content: "✔";
  position: absolute;
  left: 6px;
  top: 4px;
  width: 6px;
  height: 12px;
  color: #000;
}


.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox input[type="checkbox"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px; /* Ajustez la taille du carré selon vos besoins */

    padding-left: 35px;
    height: 24px;
    border-radius: 4px;
    box-sizing: border-box;
}

.custom-checkbox input[type="checkbox"] + label:before {
     content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid black;
  border-radius: 6px;
  background: white;
  border: 2px solid black;


}

.custom-checkbox input[type="checkbox"]:checked + label:after {
     content: "✔";
  position: absolute;
  left: 6px;
  top: 4px;
  width: 6px;
  height: 12px;
  color: #000;
}

.invit_udjYt input, .invit_udjYt textarea {
    height: 50px;
    margin-bottom: 10px;
    border-radius:10px;
    font-size: 1rem;
}

input {
    background-color: #ffff;
	border: none; 
    border: 1px solid #E3E3E3; 
    width: 100%;
    color: #000000;
    border-radius: 10px;
   
}
input::placeholder {
  font-family: "NouvelR-regular";
}

#exampleFormControlTextarea1, #textarea-comments {
    background-color: #fff;

     border: 1px solid #E3E3E3; 
      width: 100%;
    color: #000000;
    border-radius: 10px;
}

.btn-primary {
   font-weight: 600;
    border-radius: 10px;
    background-color: #000000;
    border: 1px solid #000;
    color: #FFF;
     padding:20px 0;
    font-size: 14px;
    line-height:16px;
    width:100%;
    font-family: "NouvelR-regular";
 }

 .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #FFF;
    border-color: #000;
    color: #000;
    cursor: pointer;
 }

 .btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: transparent;
    border: 1px solid #fff;
}

.invit_udjYt .btn {
    float: right;
}

.invit_uejYs {
	margin-top:20px;
    margin-bottom: 30px;
    color:#909090;
}
.invit_uejYs a{ color:#909090;}

.invit_odl8z {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.invit_kdi83n {
    margin-bottom: 10px;
}

#invit_odki6 select {
    background: #fff;
    border: 1px solid #E3E3E3;
        color: #000000;
    width: 100%;
    font-family: "NouvelR-regular";
        height: 50px;
            margin-bottom: 10px;
    border-radius: 10px;
    font-size: 1rem;
}
.modal-close {    
	width: 60%;
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative;}
.textclose {
   /* top: 15px;
    position: absolute;
    right: 15px;*/
    font-family: "NouvelR-Regular";
    font-size: 1.5rem;
    margin: auto;
	padding: 10px;
    text-align: right;
}
.textclose img{width:20%;}
.r5_jdu76 {margin-right: 0.5rem;}

.invit_idjus{ font-size: 1.5rem;margin-top: 5rem;    line-height: 1.5rem;}
.invit_idjus a {
   font-weight: 700;
    color: #000;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/**************          MODAL          **************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height:auto; /* Full height  100vh*/
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    background-color: #ffffff;
    margin: auto;
    /*padding: 20px;*/
    border-radius:15px;
    width: 60%;
  }
  
  /* The Close Button */
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  .modal-content h3{
  	color:#000000;
  	font-weight: 600;
  	font-size : 14px;
  	line-height: 16px;
  	margin-bottom: 20px;
  }
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/************          RESPONSIVE          ***********/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/


/* SMARTPHONES */
@media only screen and (max-width: 767px) {
    .modal-content{width:100%;}
	.container{padding:0;}
	
	.invit_jdu7t {
		width:100%;
		box-sizing: border-box;
		padding: 53px 38px;
	}
/*	.invit_odl8z{
		font-size: 1.4rem;
        line-height: 1.4rem;
	}
	.invit_old45{
		font-size: 2rem;
        line-height: 2rem;
	}*/
	
	
	.invitguest_jdu7t {
		width:100%;
		box-sizing: border-box;
	}
	
	.invitguest_odl8z{
		font-size: 1.4rem;
        line-height: 1.4rem;
	}
	.invitguest_old45{
		font-size: 2rem;
        line-height: 2rem;
	}
	
	.invit_idjus{ font-size: 1.1rem;}

}