body {
	background: url('../img/bgSandrine.jpg') no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-position: 0 -120px;
	background-attachment: fixed;
	font-family: "Lora", serif !important;
}

h1,
h2,
h3,
h4 {
	font-family: "Lora", serif !important;
}

@media (max-width: 768px) {
	body {
		background-image: url('../img/bgSandrineMobile.jpg');
	}

	#titre1 {
		padding-top: 80px;
	}
}


@media (min-width: 768px) {
	#titre1 {
		padding-top: 120px;
	}
}

@media (max-width: 768px) {
	.blackBox {
		padding: 1em;
	}
}

@media (max-width: 480px) {
	#titre1 {
		padding-top: 100px;
	}
}

.blackBox h2 {
	padding-bottom: 0.7em;
}

#titre1 h1 {
	padding-top: -30px;
	font-size: 4.5rem;
	text-align: left;
	text-shadow: #000 2px 2px;
	font-weight: 500;
}

#titre1 h2 {
	font-size: 2.5rem;
	text-shadow: #000 2px 2px;
	text-align: left;
	font-weight: 500;
}

#prochainement {
	margin-top: 350px;
	margin-bottom: 150px;
	padding: 1em;
	opacity: 0.9;
	text-align: left;

	/* box-shadow: 10px 10px 20px; */

	background: rgba(40, 40, 40, .9);
	border-radius: 10px;
	font-size: 1.3rem;
}


#titre1 p {
	font-weight: bolder;
	color: rgb(255, 255, 255);
}

h1,
h2,
h3,
h4,
h5,
p,
label {
	color: #cdad7d !important;
}

.blackBox {
	border-radius: 10px;
	/* box-shadow: 10px 10px 20px; */
	padding: 1em 1em;
	background: rgba(40, 40, 40, 0.95);

	border-radius: 10px;
	padding: 1em 1em;
	font-size: 1.3rem;
	text-align: justify;
}

.intervalle {
	height: 12em;
	color: #ccc;
}

#biographie p, #audio p, #links p {
	font-size: 1.1rem;
	text-align: justify;
}

.modal {
	--bs-modal-zindex: 1055;
	--bs-modal-width: 500px;
	--bs-modal-padding: 1rem;
	--bs-modal-margin: 0.5rem;
	--bs-modal-color: ;
	--bs-modal-bg: #000 !important;
	--bs-modal-border-color: var(--bs-border-color-translucent);
	--bs-modal-border-width: 1px;
	--bs-modal-border-radius: 0.5rem;
	--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--bs-modal-inner-border-radius: calc(0.5rem - 1px);
	--bs-modal-header-padding-x: 1rem;
	--bs-modal-header-padding-y: 1rem;
	--bs-modal-header-padding: 1rem 1rem;
	--bs-modal-header-border-color: var(--bs-border-color);
	--bs-modal-header-border-width: 1px;
	--bs-modal-title-line-height: 1.5;
	--bs-modal-footer-gap: 0.5rem;
	--bs-modal-footer-bg: ;
	--bs-modal-footer-border-color: var(--bs-border-color);
	--bs-modal-footer-border-width: 1px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--bs-modal-zindex);
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
}


@media (max-width:480px) {
	.video {
		height: 240px;
	}
}

@media (min-width: 481px) {
	.video {
		height: 320px;
	}
}

@media (min-width: 769px) {
	.video {
		max-height: 250px;
	}
}

@media (min-width: 1200px) {
	.video {
		min-height: 400px;
	}
}

.flex-item {
	border: 1px solid #cdad7d;
	padding: 0.5em;
	border-radius: 10px;
}

.fileList {
	background-color: white;
	padding: 1em;
	max-height: 35em;
	overflow: auto;
}

.longFileList {
	background-color: white;
	padding: 1em;
	max-height: 40em;
	overflow: auto;
}



#timer {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width: 7rem;
}

.error {
	color: red;
}

.bootbox.danger .bootbox-body {
	color: white;
	background-color: #ffc107;
	color: #333;
	padding: 0.5em;
	text-align: center;
}



.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
	color: rgb(255, 255, 255);
}

.img80 {
	width: 160px;
}

td[data-bs-toggle] {
	cursor: pointer;
}

.btn.btn-next {
	background-color: #cdad7d;
	color: #fff;
	transition: all .7s;
}

.btn.btn-next:hover {
	color: #cdad7d;
	background-color: #fff;
	border-color: #cdad7d;
}


/* Edition des texte */
.trumbowyg-editor-box {
	background-color: rgba(0, 0, 0, 0.8);
}

table th,
table td {
	/* font-size: 0.7em; */
	color: #cdad7d;
}

td.active {
	background-color: red !important;
}

td.edition {
	background-color: yellow !important;
}

.custom-file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
}

.dz-button {
	font-size: 0.7vw !important;
	font-weight: bold;
}

tr.selected td {
	background-color: #fff;
}

.trumbowyg-box,
.trumbowyg-editor {
	min-height: unset !important;
}

.trumbowyg-editor,
.trumbowyg-textarea {
	min-height: 400px !important;
	resize: vertical !important;
}

section {
	padding-top: 0 !important;
}


.section1 {
	background: url('../images/1686555474.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.section2 {
	background: url('../images/signal-2023-06-26-214454_002.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.section3 {
	background: url('../images/signal-2023-06-26-214454_003.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.section4 {
	background: url('../images/signal-2023-06-26-214454_004.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.section5 {
	background: url('../images/signal-2023-06-26-214454_005.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover
}

.custom-section {
	background-position: center top;
	transition: background-position 0.2s ease-in-out;
}

.truncate {
	width: 20em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }