/* STYLE.CSS */
@charset "UTF-8";
/* ------ */
/* FONT :LUCIOLE */
@font-face {
font-family:'Luciole_bold';
src:url('../font/Luciole/luciole-bold-webfont.woff2') format('woff2'),
	 url('../font/Luciole/luciole-bold-webfont.woff') format('woff');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Luciole_bold_italic';
src:url('../font/Luciole/luciole-bold-italic-webfont.woff2') format('woff2'),
	 url('../font/Luciole/luciole-bold-italic-webfont.woff') format('woff');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Luciole_regular';
src:url('../font/Luciole/luciole-regular-webfont.woff2') format('woff2'),
	 url('../font/Luciole/luciole-regular-webfont.woff') format('woff');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Luciole_italic';
src:url('../font/Luciole/luciole-regular-italic-webfont.woff2') format('woff2'),
	 url('../font/Luciole/luciole-regular-italic-webfont.woff') format('woff');
font-weight:normal;
font-style:normal;
}
/* ------ */
/* GLOBAL */
BODY{
color:var(--site-body-col);
background:var(--site-body-bkg);
}
/* ------ */
/* FONT-FAMILY */
BODY{
font-family:var(--site-tpl-texte-font-fam); font-weight:normal; 
color:var(--site-txt-col);
}
/* ------ */
/*TEXTES*/
P,UL,OL,LI,A { font-size:100%; }
P,UL,OL { margin-top:0; margin-bottom:1.25rem; }
/* ------ */
/*TITRES*/
/*
@media screen and (max-width:767px) {
H1 { font-size:200%; }
H2 { font-size:180%; }
H3 { font-size:160%; }
H4 { font-size:140%; }
H5 { font-size:115%; }
H6 { font-size:100%; }
H1,H2,H3,H4,H5,H6 {
padding:0.5rem 0;
margin:0.5rem 0 1.00rem;
}
}
@media screen and (min-width:768px) {
H1 { font-size:225%; }
H2 { font-size:200%; }
H3 { font-size:175%; }
H4 { font-size:150%; }
H5 { font-size:125%; }
H6 { font-size:115%; }
H1,H2,H3,H4,H5,H6 {
padding:0.75rem 0;
margin:0.75rem 0 1.25rem;
}
}
*/
H1, DIV.H1 { font-size:calc(150% + .7vw); }
H2, DIV.H2 { font-size:calc(135% + .6vw); }
H3, DIV.H3 { font-size:calc(125% + .5vw); }
H4, DIV.H4 { font-size:calc(115% + .4vw); }
H5, DIV.H5 { font-size:calc(105% + .3vw); }
H6, DIV.H6 { font-size:calc(100% + .2vw); }
DIV.H1,DIV.H2,DIV.H3,
DIV.H4,DIV.H5,DIV.H6,
H1,H2,H3,H4,H5,H6 {
padding:0.5rem 0;
margin:0.5rem 0 1rem;
}

DIV.H1,DIV.H2,DIV.H3,
H1,H2,H3 {
text-align:center;
font-family:var(--site-tpl-titre-font-fam-1); font-weight:normal; 
color:var(--site-titre-col);
}
DIV.H4,DIV.H5,DIV.H6,
H4,H5,H6 {
text-align:left;
font-family:var(--site-tpl-titre-font-fam-2); font-weight:normal; 
color:var(--site-titre-col);
}
DIV.H1:first-letter,DIV.H2:first-letter,DIV.H3:first-letter,
DIV.H4:first-letter,DIV.H5:first-letter,DIV.H6:first-letter,
H1:first-letter,H2:first-letter,H3:first-letter,
H4:first-letter,H5:first-letter,H6:first-letter {
color:var(--site-titre-col-letter);
}

/* ------ */
/*MAIN*/
MAIN {
color:var(--site-main-col);
background:var(--site-main-bkg);
}
@media screen and (max-width:991px) {
MAIN {
max-width:100% !important;
}
}
@media screen and (min-width:992px) {
MAIN {
}
}
/* ------ */
/* MENU */
/*burger icone*/
NAV.navbar .navbar-toggler > i {
font-size:32px;
}
NAV.navbar ul.navbar-nav li.active > a {
  color:var(--bs-white);
  border-color:var(--bs-primary);
  background-color:var(--bs-primary);

}

/* ------ */
/*NAVIGATION AUTRE (BOUTONS AJOUTER/MODIFIER/...)*/
NAV:NOT(.navbar) {
text-align:center;
margin:0.5rem 0;
padding:0.5rem;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
NAV:NOT(.navbar) BUTTON.btn,
NAV:NOT(.navbar) A.btn {
margin:0.25rem;
padding:0.75rem;
}

/*------*/
/* SPECIAL DEFICIENTS VISUELS */
body label.checkboxLabel:hover, 
body label.radioLabel:hover { color:var(--site-tpl-col-main) !important; text-decoration:underline; }

body input[type="checkbox"] + label:hover::before,
body input[type="radio"] + label:hover::before,
body input[type="checkbox"]:hover + label::before,
body input[type="radio"]:hover + label::before {
 border:1px solid var(--site-tpl-col-main) !important; background:#fff; }
/* ------ */
/* Ajuster font-size - inline */
.fontsizeAjuster { position:relative !important; display:flex; flex-wrap:nowrap; justify-content:flex-end; padding:0; margin:5px 0 0; z-index:6; }
/*
.fontsizeAjuster button { position:relative; display:inline-block; margin:0 0 0 0.25rem; padding:0; background:none; border:none; }
.fontsizeAjuster button > i { position:relative; font-size:24px; color:var(--site-soc-header-col); }
.fontsizeAjuster button:hover > i { color:var(--site-soc-header-col-hover); }
.fontsizeAjuster button span { margin-left:-110px; min-width:200px; }
*/

/* ------ */
/* SPECIAL :bouton desactivé <AOFF> */
AOFF, aoff { display:none !important; }
/* ------ */
/*FORMULAIRE*/
/* ------ */
.BOX-640 {
width:100%;
max-width:640px;
margin:0 auto;
}
FIELDSET {
padding:0.5rem;
margin:1rem 0;
border:1px solid var(--site-form-fieldset-brd);
background:var(--site-form-fieldset-bkg) !important;
border-radius:10px;
}
.input-group {
align-items:center;
vertical-align:middle;
}
INPUT.form-control,
SELECT.form-select,
TEXTAREA.form-control {
display:block;
width:100%;
min-width:100px !important;
}
INPUT.form-control[required],
SELECT.form-select[required],
TEXTAREA.form-control[required] {
border-color:var(--site-tpl-col-main);
border-width:2px;
}
/* ------ */
.input-group:hover INPUT.form-control,
.input-group:hover SELECT.form-select,
.input-group:hover TEXTAREA.form-control {
border-color:var(--site-tpl-col-main);
background-color:var(--site-blanc);
}
/* ------ */
/* input-group-text :icone ronde */
body .input-group-text { border-radius:50px !important; margin-right:8px !important; }
body .input-group-text > i { color:#666; }
body .input-group:hover .input-group-text { border-color:var(--site-tpl-col-main); background-color:var(--site-white); }
body .input-group:hover .input-group-text > i { color:var(--site-tpl-col-main); }
/* ------ */
body .btn.btn-submit {
width:100%;
max-width:min( 640px, calc(100% - 2rem) );
margin:0 auto;
}
/* ------ */
/* LABEL */
body .input-group:hover LABEL,
body .input-group:hover .form-floating > LABEL { color:var(--site-tpl-col-main); }
/* --- */
:NOT(.form-floating) > LABEL:NOT(.checkboxLabel):NOT(.radioLabel):NOT(.input-group-text),
:NOT(.form-floating) > LABEL.form-label {
display:block;
width:100%;
min-width:100px !important;
}
body .form-floating > LABEL { padding-top:0.5rem; }
body .form-floating > .form-control-plaintext ~ LABEL::after, .form-floating > .form-control:focus ~ LABEL::after, 
body .form-floating > .form-control:not(:placeholder-shown) ~ LABEL::after, 
body .form-floating > .form-select ~ LABEL::after {
background-color:inherit;
}	
/* --- */
@media screen and (min-width:768px) and (max-width:991px) {
LABEL.w-50,
:NOT(.form-floating) > LABEL:NOT(.checkboxLabel):NOT(.radioLabel):NOT(.input-group-text),
:NOT(.form-floating) > LABEL.form-label {
display:inline-block;
width:30%;
text-align:right;
margin-right:0.5rem;
vertical-align:top;
}
INPUT.form-control,
SELECT.form-select,
TEXTAREA.form-control {
display:inline-block;
width:65%;
}
/* ------ */
/* SPECIAL : Statistiques */
#admStatistiques label { width:50%; }
}
/* --- */
@media screen and (min-width:992px) {
LABEL.w-50,
:NOT(.form-floating) > LABEL:NOT(.checkboxLabel):NOT(.radioLabel):NOT(.input-group-text),
:NOT(.form-floating) > LABEL.form-label {
display:inline-block;
width:25%;
text-align:right;
margin-right:0.5rem;
vertical-align:top;
}
INPUT.form-control,
SELECT.form-select,
TEXTAREA.form-control {
display:inline-block;
width:70%;
}
/* ------ */
/* SPECIAL : Statistiques */
#admStatistiques label { width:50%; }
}/* ------ */
/* SECTION */
MAIN DIV.H2,
MAIN H2 {
position:relative;
display:block;
text-align:center;
margin:0.5rem auto 1rem;
}
MAIN DIV.H2::after,
MAIN H2::after {
position:relative;
display:block;
content:'';
margin:1rem auto 1rem;
width:5%;
height:6px; 
background:var(--site-tpl-col-tres-clair);
-webkit-transition:all 0.5s; transition:all 0.5s; 
}
MAIN:hover > DIV.H2::after,
MAIN:hover > H2::after {
width:30%;
}
/* ------ */
/* ARTICLE */
ARTICLE {
color:var(--site-article-col);
background-color:var(--site-article-bkg);
position:relative;
display:flex;
flex-direction:column;
min-width:0;
word-wrap:break-word;
background-clip:border-box;
border:1px solid rgba(0,0,0,.125);
border-radius:.25rem;
margin-top:0;
margin-bottom:2rem;
padding:1.25rem 1rem;
}
ARTICLE > H3::after {
position:relative;
display:block;
content:'';
margin:1rem auto 1rem;
width:10%;
height:3px; 
background:var(--site-tpl-col-tres-clair);
-webkit-transition:all 0.5s; transition:all 0.5s; 
}
ARTICLE:hover > H3::after {
width:25%;
}
/* ------ */
body .alert { text-align:center; font-size:100%; }
/* ------ */
/*TABLE*/
TABLE {
margin:1rem 0;
}
TABLE THEAD {
background:#f8f9fa !important;/*GRIS TRES CLAIR*/
}
TABLE TH, TABLE TD {
word-break:break-word;
}
/* ------ */
/*IMAGES*/
IMG {
max-width:100%;
}
/* ------ */