# Configuration Bootstrap (design)

L'interface d'administration propose dans le menu "Configuration Générale" de paramétrer les informations bootstrap suivantes :

```
        :root {
                    --bs-primary : #0d6efd;
                    --bs-secondary : #6c757d;
                    --bs-success : #198754;
                    --bs-danger : #dc3545;
                    --bs-warning : #ffc107;
                    --bs-info : #0dcaf0;
                    --bs-light : #f8f9fa;
                    --bs-dark : #212529;
                    --bs-body-bg : #fff;
                    --bs-body-color : #212529;
                    --bs-font-sans-serif : system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                    --bs-font-monospace : SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
                    --bs-body-font-family : var(--bs-font-sans-serif);
                    --bs-body-font-size : 1rem;
                    --bs-body-line-height : 1.5;
                    --bs-border-width : 1px;
                    --bs-border-color : #dee2e6;
                    --bs-border-radius : 0.375rem;
                    --bs-border-radius-sm : 0.25rem;
                    --bs-border-radius-lg : 0.5rem;
                    --bs-border-radius-xl : 1rem;
                    --bs-border-radius-xxl : 2rem;
                    --bs-gutter-x : 1.5rem;
                    --bs-gutter-y : 0;
                    --bs-btn-padding-x : 0.75rem;
                    --bs-btn-padding-y : 0.375rem;
                    --bs-btn-font-weight : 400;
                    --bs-btn-border-radius : var(--bs-border-radius);
                    --bs-btn-hover-bg : #0b5ed7;
                    --bs-btn-hover-border-color : #0a58ca;
                    --bs-form-control-bg : #fff;
                    --bs-form-control-border-color : #ced4da;
                    --bs-form-control-focus-border-color : #86b7fe;
                    --bs-form-control-focus-box-shadow : 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
                    --bs-box-shadow : 0 .5rem 1rem rgba(0, 0, 0, 0.15);
                    --bs-box-shadow-sm : 0 .125rem .25rem rgba(0, 0, 0, 0.075);
                    --bs-box-shadow-lg : 0 1rem 3rem rgba(0, 0, 0, 0.175);
                    --bs-transition : all 0.2s ease-in-out;
                    --bs-alert-bg : #f8d7da;
                    --bs-alert-border-color : #f5c2c7;
                    --bs-alert-color : #842029;
                    --bs-modal-bg : #fff;
                    --bs-modal-border-color : rgba(0, 0, 0, 0.2);
                    --bs-modal-box-shadow : 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
                    --bs-default-margin-top: 10px;
                    --bs-default-margin-right: 10px;
                    --bs-default-margin-bottom: 10px;
                    --bs-default-margin-left: 10px;
                    --bs-default-margin-menu-bottom: 10px;
            }
```