/* 
   version 1.0 modification darkgyver FR 06/07/2022 modification présentation de l'affichage des vin dans la page viewtopic
                                                    modification lien ETK en lien avec le VIN dans viewtopic
                                                    modification boutons validation VIN sur page profile 

   tutoriel flex https://forum.freecodecamp.org/t/how-display-flex-did-not-effect-the-arrangement-of-labels-in-form-of-the-given-sample-in-survey-form-project-challenge/393168/8
   tutoriel flex https://jsfiddle.net/AlexanderThe3rd/qejLbpfc/2/

*/

/* modification présentation de l'affichage des vin dans la page viewtopic */
dd.profile-custom-field.profile-p_vin_un {
	margin-top: 3px;
}
dd.profile-custom-field.profile-p_vin_de {
	margin-top: 3px;
}
dd.profile-custom-field.profile-p_vin_tr {
	margin-top: 3px;
}
dd.profile-custom-field.profile-p_vin_qu {
	margin-top: 3px;
}
dd.profile-custom-field.profile-p_vin_ci {
	margin-top: 3px;
}

/* image ETK du lien vers realoem */
div.ETK {
	background: url('images/ETK.gif') no-repeat 0 0;
	background-size: 21px 12px;
	width: 21px;
	height: 12px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* image ETK du lien vers realoem */
div.Exemple-de-VIN {
	background: url('images/Exemple-de-VIN.gif') no-repeat 0 0;
	background-size: 532px 177px;
	width: 532px;
	height: 177px;
	margin: 0;
	padding: 0;
}

/* presentation commentaire sujet de posting éditor */
label#managevin_newSubjectInfoVin {
	color:red;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	margin-bottom: 0em;
}
label#managevin_newSubjectAjouter1 {
	color:green;
	padding:0px;
}
label#managevin_newSubjectAjouter2 {
	color:green;
	font-weight:bolder;
	padding:0px;
}
label#managevin_newSubjectAjouter3 {
	color:green;
	padding:0px;
}

/* Responsive Design
---------------------------------------- */

@media (max-width: 500px) {
input.button1 {
	margin-left: 110px;
}
select, .inputbox {
	max-width: 320px;
}
label#managevin_newSubjectInfoVin,
label#managevin_newSubjectAjouter1,
label#managevin_newSubjectAjouter2,
label#managevin_newSubjectAjouter3 {
	font-size: 0.9em;
}

}