/*
		// Avis de décès
	// Cyberzen pour ADD et associés
	// Gregory Fabre - 2021
*/

@font-face {
font-family: 'Montserrat Regular';
font-style: normal;
font-weight: normal;
src: local('Montserrat Regular'), url('Montserrat-Regular.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat Italic'), url('Montserrat-Italic.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Thin';
font-style: normal;
font-weight: normal;
src: local('Montserrat Thin'), url('Montserrat-Thin.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat Thin Italic'), url('Montserrat-ThinItalic.woff') format('woff');
}


@font-face {
font-family: 'Montserrat ExtraLight';
font-style: normal;
font-weight: normal;
src: local('Montserrat ExtraLight'), url('Montserrat-ExtraLight.woff') format('woff');
}


@font-face {
font-family: 'Montserrat ExtraLight Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat ExtraLight Italic'), url('Montserrat-ExtraLightItalic.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Light';
font-style: normal;
font-weight: normal;
src: local('Montserrat Light'), url('Montserrat-Light.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Light Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat Light Italic'), url('Montserrat-LightItalic.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Medium';
font-style: normal;
font-weight: normal;
src: local('Montserrat Medium'), url('Montserrat-Medium.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat Medium Italic'), url('Montserrat-MediumItalic.woff') format('woff');
}


@font-face {
font-family: 'Montserrat SemiBold';
font-style: normal;
font-weight: normal;
src: local('Montserrat SemiBold'), url('Montserrat-SemiBold.woff') format('woff');
}


@font-face {
font-family: 'Montserrat SemiBold Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat SemiBold Italic'), url('Montserrat-SemiBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Bold';
font-style: normal;
font-weight: normal;
src: local('Montserrat Bold'), url('Montserrat-Bold.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat Bold Italic'), url('Montserrat-BoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Montserrat ExtraBold';
font-style: normal;
font-weight: normal;
src: local('Montserrat ExtraBold'), url('Montserrat-ExtraBold.woff') format('woff');
}


@font-face {
font-family: 'Montserrat ExtraBold Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat ExtraBold Italic'), url('Montserrat-ExtraBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Black';
font-style: normal;
font-weight: normal;
src: local('Montserrat Black'), url('Montserrat-Black.woff') format('woff');
}


@font-face {
font-family: 'Montserrat Black Italic';
font-style: normal;
font-weight: normal;
src: local('Montserrat Black Italic'), url('Montserrat-BlackItalic.woff') format('woff');
}

body {
  font-family: Montserrat Regular;
/*
	  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
 */
}

h1 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#entete {
	margin: 1em;
}

#drop-container {
	background: #ffffff;
	min-height: 200px;
	padding: 10px;
	border: #07c6f1 2px dashed;
	max-width: 600px;
}

.capture {
	max-width: 500px;
}


.drop-area-text {
	text-align: center;
	color: #e0dfdf;
	font-size: 1.5em;
	padding-bottom: 20px;
}

.drop-image {
	display: none;
}

.preview {
	margin: 20px;
    /*width: 150px;
    height: 150px;*/
    display: inline-block;
}

@media screen and (max-width: 500px) {
	.preview {
		margin: 15px;
		width: 100px;
		height: 100px;
	}
}

label {
	font-weight: bolder;
	margin-top: 0.5em;
}

#texte_avis {
	padding: 0.5em;
}

#datepicker, #journal {
	max-width: 400px;
}