@CHARSET "utf-8";

/** Popin */
.modal-header-imp {border-bottom: none;}           /* Bootstrap 5 */
.modal-body-imp {border-top: none;}                /* Bootstrap 5 */

.modal-mail-cellule1-ligne1 {
	padding-top: 6px;
	width:260px;
}
.modal-mail-cellule1-ligne2 {
	padding-top: 15px;
	padding-bottom: 5px;
}
.modal-mail-cellule1-ligne3 {
	padding-top: 14px;
}
.modal-mail-cellule2-ligne1 {padding-left:5px; padding-top:9px;}
.modal-mail-cellule2-ligne2 {
	padding-left: 5px;
	padding-top: 17px;
}
.modal-mail-cellule2-ligne3 {
	padding-left: 5px;
	padding-top: 11px;
}

.modal.show .modal-dialog-imp {margin: 150px auto; max-width: 580px;}
.modal-dialog-imp .bandeau-couleur {background:#eae4d8; color: #000000; width: 100%;}
/* .modal-dialog-imp .bandeau-couleur .pictos {color:#000000; height: 14px; line-height: 18px; font-size: 10em; width: 16px;} */
.modal-dialog-imp .bandeau-couleur .popin-impression {text-align: left;}
.modal-dialog-imp .bandeau-couleur .popin-impression h1 {margin: 0 20px; font-size: 1.6em; padding: 8px 0;}
.modal-dialog-imp .border-modal {/* overflow: auto;  */border-style: solid; border-width: 17px; border-color: #eae4d8;}
.modal-dialog-imp .border-modal .contenu-modal-imp {margin: 14px;}
.modal-dialog-imp .border-modal .contenu-modal-imp h2 {font-size: 1.2em; font-weight: bold;}
.modal-dialog-imp .border-modal .contenu-modal-imp h3 {font-size: 1.2em; margin-left: 14%;}
.modal-dialog-imp .border-modal .contenu-modal-imp p {font-size: 1.2em; font-weight: normal; margin-left: 20px;}
.modal-dialog-imp .border-modal .contenu-modal-imp .modal-imp-cellule1-ligne1 {
    padding-top: 18px;
}
.modal-dialog-imp .border-modal .contenu-modal-imp .modal-imp-cellule1-ligne2 {
    padding-top: 11px;
}
.modal-dialog-imp .border-modal .contenu-modal-imp .modal-imp-cellule1-ligne3 {
    padding-top: 14px;
}
.modal-dialog-imp .border-modal .contenu-modal-imp .modal-imp-cellule2-ligne1 {
	padding-left: 15px;
    padding-top: 22px;
}
.modal-dialog-imp .border-modal .contenu-modal-imp .modal-imp-cellule2-ligne2 {
	padding-left: 15px;
    padding-top: 14px;
}
.modal-dialog-imp .border-modal .contenu-modal-imp .modal-imp-cellule2-ligne3 {
	padding-left: 15px;
    padding-top: 17px;
}

label {display: inline-block; margin-bottom: 5px; font-size: 14px;}
.modal-dialog-imp .border-modal .contenu-modal-imp .radio {font-size: 1em; margin-left: 20%; margin-bottom: -20px;}
.contenu-modal-imp input[type='submit'],
.contenu-modal-imp input[type='button'] {width:148px; background:#50d0dc; border:none;  margin-left: 16em; height:32px; font-weight:bold; font-size: 1.2em;}
.close { font-size: 28px; margin-right: 20px; opacity: 0.6; float: right;}
h2 label{font-weight: bold;}
#adresseMailDestinataire{width:180px;margin-bottom:10px;}
#errorSaisieMail{width:180px;}

/* pour alignement 3ème cellule, masquer 2ème cellule, si sans radio bouton */
#modal-mail-td12:not(:has(#span4, #span5)) {
	display: none;
}

@media ( max-width : 500px) {
	.contenu-modal-imp input[type="submit"], .contenu-modal-imp input[type="button"] {
		width: 26%;
		margin-left: 67%;
	}
}