html,
body {
position: relative;
height: 92%;
margin: 0;
padding: 0;
}
body {
font-size: 0.8rem;
}
main {
height: 100%;
}
.container {
position: relative;
min-height: 100%;
}
textarea {
min-height: 280px !important;
}
.font-logo {
font-family: 'Dancing Script', cursive;
margin-left: 1rem;
}
.w-logo {
width: 70px;
margin-left: 10px;
}
.form-control {
font-size: 0.8rem;
}
.base-color {
background: linear-gradient(to right, #0985e3, #786fa6, rgb(236, 156, 170));
color: #fff !important;
}
.base-color2 {
background: linear-gradient(to right, #0985e3, #407ac5, rgb(74 120 191));
}
.text-link a {
color: #7469a8;
text-decoration: none;
}
.block-small {
max-width: 600px;
margin: 0 auto;
}
/* Design des boutons */
.btn-block {
display: block;
width: 100%;
}
.fc button {
background-color: #786fa6 !important;
border-color: #786fa6 !important;
color: #fff;
}
.btn-custom {
background-color: #786fa6;
border-color: #786fa6;
color: #fff;
}
.btn-custom:hover {
color: #ffffffc0 !important;
background-color: #786fa6 !important;
border-color: #786fa6 !important;
}
/* Design de la navigation */
.navbar-color a {
color: #fff !important;
}
.btn-nav {
background-color: transparent;
color: #000;
border-color: #000;
}
.navbar-toggler:focus {
box-shadow: none;
}
.cart {
height: 16px;
padding-right: 3px;
}
.btn-nav {
border: none !important;
background-color: transparent !important;
border-color: transparent !important;
}
.dropdown-menu {
font-size: 0.8rem;
border: none;
padding: 0;
}
.space-nav {
justify-content: space-between;
flex-wrap: nowrap;
}
/* Design des notifications */
.notification {
padding: 1rem;
margin: 1rem 0;
}
/* Design Slider */
.carousel-custom {
width: 67%;
margin: 15px auto;
}
.custo-caption {
background-color: rgba(0, 0, 0, 0.3);
padding: 0 1rem;
}
.custo-item img {
object-fit: cover;
background-size: cover;
background-origin: border-box;
background-repeat: no-repeat;
background-position: center;
height: inherit;
}
/* Design de la page - mon compte */
.account-item {
border: 1px solid #786fa6;
padding: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.account-img {
width: 25px;
}
.account-item a {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.h-contain {
min-height: 10rem;
}
/* Design de la page du panier */
.a-deco {
text-decoration: none;
}
/* Design de la page des produits */
.product-container {
margin-bottom: 4rem;
}
.product-item {
margin-bottom: 4rem;
}
.img-w img {
height: 10rem;
}
.product-item h5 {
text-transform: uppercase;
font-size: 15px;
margin: 5px 0;
}
.product-subtitle {
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.product-price {
font-size: 15px;
font-weight: bold;
}
.canva-display {
display: none;
margin-top: 1rem;
}
.custom-file-label::after {
content: 'Parcourir' !important;
}
input[type="file"]::file-selector-button {
height: calc(1.5em + .75rem + 2px);
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.16);
margin-right: 1rem;
}
/* Design de la page de validation de commande */
.form-check {
background-color: #e7dfff63;
padding: 1rem 3rem;
margin-top: 10px;
}
.summary {
border-bottom: #786fa6 solid 1px;
padding-bottom: 10px;
}
.col-form-label {
font-weight: bold;
}
.img-container img {
max-width: inherit;
}
/* Design du pied de page */
.footer-custom {
align-items: center;
text-align: center;
width: 100%;
min-height: 4rem;
margin-top: 2rem;
}
.footer-custom a {
color: #fff;
}
.h-footer {
min-height: 4rem;
}
/* Design Planning */
.fc .fc-toolbar-title {
font-size: 1.25em;
}
.fc-direction-ltr .fc-timegrid-col-events {
margin: 0px 2px 0px 2px;
}
.fc-theme-standard td,
.fc-theme-standard th {
border-color: #786fa6;
}
.fc-theme-standard .fc-scrollgrid {
border-color: #786fa6;
}
.fc-col-header-cell-cushion,
.fc-col-header-cell-cushion:hover {
color: #574b90;
text-decoration: none;
}
.fc .fc-timegrid-col.fc-day-today {
background-color: rgba(182, 129, 233, 0.15);
}
/* Design de la fonction Cropper */
.sample_image {
display: block;
max-width: 100%;
}
.preview {
overflow: hidden;
width: 160px;
height: 160px;
margin: 10px;
}
.modal-lg {
max-width: 1000px !important;
}
/* Page Contact */
.map {
height: 400px;
}
@media (0px <=width <=991px) {
.base-color2 {
background: transparent !important;
border: none !important;
}
}
@media (min-width: 0px) {
.custo-item {
height: 25rem !important;
}
}
@media screen and (max-width: 769px) {
/* Design tableau du panier */
.table thead {
display: none;
}
.table tr {
display: block;
margin-bottom: 40px;
border: 1px solid #786fa6;
}
.table td {
display: block;
text-align: right;
}
.table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
.cp {
width: 100px !important;
display: inline-block;
}
/** Pied de page */
.f-custo {
flex-direction: column-reverse;
}
}
@media (max-width: 1399px) and (min-width: 768px) {
.img-w img {
height: 9rem;
}
}
@media (max-width: 1136px) and (min-width: 992px) {
.navbar {
font-size: 0.7rem !important;
}
.w-logo {
width: 56px;
margin-left: 10px;
}
}
@media (min-width: 769px) {
.custo-item {
height: 19rem !important;
}
}
@media (min-width: 1201px) {
.custo-item {
height: 48rem !important;
}
}
@media (min-width: 2260px) {
.custo-item {
height: 63rem !important;
}
.custo-caption,
.custo-caption h5,
.custo-caption div {
font-size: 2rem !important;
}
.font-lg {
font-size: 2rem !important;
}
}