/*** palette base https://www.color-hex.com/color-palette/1060404 ***/ body{ background-color: #F3EED9 !important; /* doux et chaleureux */ color: #333 !important; } .orange{ color: #ff6f00 !important; } .bordeau{ color: #b90000 !important; } .jaune{ color: #ffd566 !important; } .template-name{ border-top: 1px solid #353535; border-bottom: 1px solid #353535; padding: 1rem 0; margin: 2rem 0; } article#content h1{ border-bottom: 1px solid #ff6f00; color: #ff6f00 !important; } article#content h2{ color: #7CB5EC !important; } article#content h2:before{ content: "\f58e"; font-family: "Font Awesome 5 Duotone" !important; padding-right: 0px; color: #7CB5EC; } .div-content-wrapper, .formulaire-inscription{ padding: 0.8rem; background-color: #fff !important; box-shadow: 5px 5px 10px rgba(50,50,50,0.3); border: 1px solid #ddd; border-radius: 6px; overflow: auto; } /***** STYLE POUR LES CODES COULEURS TABLEAU COOP *****/ /* code de couleur */ /* 0 57bd8a 1 c7cd73 2 c6cd73 3 ffd566 4 f7ba6b 5 f09b6e 6 e77c74 */ #data-table-coop caption{ text-align: right; caption-side: top; font-style: italic; font-size: 0.8rem; color: #b90000; padding-right: 0.8rem; } #data-table-coop th{ font-size: 0.8rem; width: 150px !important; } th.coop-sticky{ position: sticky; left: -13px; } td.coop-cel{ width: 40px; height: 40px; text-align: center !important; font-weight: bold; font-size: 0.8rem; color: #333; border: 1px solid #ccc; vertical-align: middle; } td.date-cel{ height: 40px; text-align: center; font-weight: bold; font-size: 0.8rem; color: #333; border: 1px solid #ccc; vertical-align: middle; } .input-tete{ /*border: 1px solid #555;*/ width: 100px; text-align: center; margin: 0px 5px } .table-coop-short{ width:500px !important; margin: auto !important; border: 1px solid #999 !important; } .table-coop-short td{ width: 50px !important; height: 50px !important; } .alerte-date-comment{ position: relative; color: #b90000 !important; background-color: #ffdede !important; } .icone-comment{ position: absolute; top: -22px; left: 17px; z-index: 3; color: #b90000 !important; font-size: 23px; } /*** STYLE QUESTIONNAIRE ICONE ***/ #super, #excellent, #tres-bon, #bon, #assez-mauvais, #mauvais, #pas-du-tout, #un-peu, #moderement, #assez-bien, #fortement, #tres-leger, #leger, #legerement, #modere, #intense, #tres-intense, #pas-du-tout-soc, #legerement-soc, #moderement-soc, #assez-bien-soc, #fortement-soc, #q-1-1, #q-1-2, #q-1-3, #q-1-4, #q-1-5, #q-2-1, #q-2-2, #q-2-3, #q-2-4, #q-2-5, #q-3-1, #q-3-2, #q-3-3, #q-3-4, #q-3-5, #q-4-1, #q-4-2, #q-4-3, #q-4-4, #q-4-5, #q-5-1, #q-5-2, #q-5-3, #q-5-4, #q-5-5, #q-6-1, #q-6-2, #q-6-3, #q-6-4, #q-6-5{ display: none; } #label-super:before, #label-excellent:before, #label-tres-bon:before, #label-bon:before, #label-assez-mauvais:before, #label-mauvais:before, #label-pas-du-tout:before, #label-un-peu:before, #label-moderement:before, #label-assez-bien:before, #label-fortement:before, #label-tres-leger:before, #label-leger:before, #label-legerement:before, #label-modere:before, #label-intense:before, #label-tres-intense:before, #label-pas-du-tout-soc:before, #label-legerement-soc:before, #label-moderement-soc:before, #label-assez-bien-soc:before, #label-fortement-soc:before, #label-q-1-1:before, #label-q-1-2:before, #label-q-1-3:before, #label-q-1-4:before, #label-q-1-5:before, #label-q-2-1:before, #label-q-2-2:before, #label-q-2-3:before, #label-q-2-4:before, #label-q-2-5:before, #label-q-3-1:before, #label-q-3-2:before, #label-q-3-3:before, #label-q-3-4:before, #label-q-3-5:before, #label-q-4-1:before, #label-q-4-2:before, #label-q-4-3:before, #label-q-4-4:before, #label-q-4-5:before, #label-q-5-1:before, #label-q-5-2:before, #label-q-5-3:before, #label-q-5-4:before, #label-q-5-5:before, #label-q-6-1:before, #label-q-6-2:before, #label-q-6-3:before, #label-q-6-4:before, #label-q-6-5:before{ display:block; width: 35px; height: 35px; font-size: 40px; display:block; margin: auto; margin-bottom: 10px; } .sun-head-glass{ position: relative; top:4px; } .sun-head-glass > span{ display: block; margin-top: 10px; } .sunhead{ width: 35px; height: 35px; font-size: 40px; display:block; margin-bottom: 10px; } .sunglass{ font-size: 1.5rem; position: relative; top: -7px; } #label-excellent:before, #label-pas-du-tout:before, #label-tres-leger:before, #label-pas-du-tout-soc:before, #label-q-1-1:before, #label-q-2-1:before, #label-q-3-1:before, #label-q-4-1:before, #label-q-5-1:before, #label-q-6-1:before{ content: "\f5b8"; } #label-tres-bon:before, #label-un-peu:before, #label-leger:before, #label-legerement:before, #label-legerement-soc:before, #label-q-1-2:before, #label-q-2-2:before, #label-q-3-2:before, #label-q-4-2:before, #label-q-5-2:before, #label-q-6-2:before{ content: "\f118"; } #label-bon:before, #label-moderement:before, #label-modere:before, #label-moderement-soc:before, #label-q-1-3:before, #label-q-2-3:before, #label-q-3-3:before, #label-q-4-3:before, #label-q-5-3:before, #label-q-6-3:before{ content: "\f11a"; } #label-assez-mauvais:before, #label-assez-bien:before, #label-intense:before, #label-assez-bien-soc:before, #label-q-1-4:before, #label-q-2-4:before, #label-q-3-4:before, #label-q-4-4:before, #label-q-5-4:before, #label-q-6-4:before{ content: "\f119"; } #label-mauvais:before, #label-fortement:before, #label-tres-intense:before, #label-fortement-soc:before, #label-q-1-5:before, #label-q-2-5:before, #label-q-3-5:before, #label-q-4-5:before, #label-q-5-5:before, #label-q-6-5:before{ content: "\f556"; } #label-super:hover, #label-excellent:hover, #label-tres-bon:hover, #label-bon:hover, #label-assez-mauvais:hover, #label-mauvais:hover, #label-pas-du-tout:hover, #label-un-peu:hover, #label-moderement:hover, #label-assez-bien:hover, #label-fortement:hover, #label-tres-leger:hover, #label-leger:hover, #label-legerement:hover, #label-modere:hover, #label-intense:hover, #label-tres-intense:hover, #label-pas-du-tout-soc:hover, #label-legerement-soc:hover, #label-moderement-soc:hover, #label-assez-bien-soc:hover, #label-fortement-soc:hover, #label-q-1-1:hover, #label-q-1-2:hover, #label-q-1-3:hover, #label-q-1-4:hover, #label-q-1-5:hover, #label-q-2-1:hover, #label-q-2-2:hover, #label-q-2-3:hover, #label-q-2-4:hover, #label-q-2-5:hover, #label-q-3-1:hover, #label-q-3-2:hover, #label-q-3-3:hover, #label-q-3-4:hover, #label-q-3-5:hover, #label-q-4-1:hover, #label-q-4-2:hover, #label-q-4-3:hover, #label-q-4-4:hover, #label-q-4-5:hover, #label-q-5-1:hover, #label-q-5-2:hover, #label-q-5-3:hover, #label-q-5-4:hover, #label-q-5-5:hover, #label-q-6-1:hover, #label-q-6-2:hover, #label-q-6-3:hover, #label-q-6-4:hover, #label-q-6-5:hover{ cursor: pointer; color: #ff00ff; } #super:checked + #checker, #excellent:checked + #checker, #tres-bon:checked + #checker, #bon:checked + #checker, #assez-mauvais:checked + #checker, #mauvais:checked + #checker, #pas-du-tout:checked + #checker, #un-peu:checked + #checker, #moderement:checked + #checker, #assez-bien:checked + #checker, #fortement:checked + #checker, #tres-leger:checked + #checker, #leger:checked + #checker, #legerement:checked + #checker, #modere:checked + #checker, #intense:checked + #checker, #tres-intense:checked + #checker, #pas-du-tout-soc:checked + #checker, #legerement-soc:checked + #checker, #moderement-soc:checked + #checker, #assez-bien-soc:checked + #checker, #fortement-soc:checked + #checker, #q-1-1:checked + #checker, #q-1-2:checked + #checker, #q-1-3:checked + #checker, #q-2-4:checked + #checker, #q-2-5:checked + #checker, #q-3-1:checked + #checker, #q-1-4:checked + #checker, #q-1-5:checked + #checker, #q-2-1:checked + #checker, #q-2-2:checked + #checker, #q-2-3:checked + #checker, #q-3-2:checked + #checker, #q-3-3:checked + #checker, #q-3-4:checked + #checker, #q-3-5:checked + #checker, #q-4-1:checked + #checker, #q-4-2:checked + #checker, #q-4-3:checked + #checker, #q-4-4:checked + #checker, #q-4-5:checked + #checker, #q-5-1:checked + #checker, #q-5-2:checked + #checker, #q-5-3:checked + #checker, #q-5-4:checked + #checker, #q-5-5:checked + #checker, #q-6-1:checked + #checker, #q-6-2:checked + #checker, #q-6-3:checked + #checker, #q-6-4:checked + #checker, #q-6-5:checked + #checker{ display: block; } #super:checked + #label-super, #excellent:checked + #label-excellent, #tres-bon:checked + #label-tres-bon, #bon:checked + #label-bon, #assez-mauvais:checked + #label-assez-mauvais, #mauvais:checked + #label-mauvais, #pas-du-tout:checked + #label-pas-du-tout, #un-peu:checked + #label-un-peu, #moderement:checked + #label-moderement, #assez-bien:checked + #label-assez-bien, #fortement:checked + #label-fortement, #tres-leger:checked + #label-tres-leger, #leger:checked + #label-leger, #legerement:checked + #label-legerement, #modere:checked + #label-modere, #intense:checked + #label-intense, #tres-intense:checked + #label-tres-intense, #pas-du-tout-soc:checked + #label-pas-du-tout-soc, #legerement-soc:checked + #label-legerement-soc, #moderement-soc:checked + #label-moderement-soc, #assez-bien-soc:checked + #label-assez-bien-soc, #fortement-soc:checked + #label-fortement-soc, #q-1-1:checked + #label-q-1-1, #q-1-2:checked + #label-q-1-2, #q-1-3:checked + #label-q-1-3, #q-1-4:checked + #label-q-1-4, #q-1-5:checked + #label-q-1-5, #q-2-1:checked + #label-q-2-1, #q-2-2:checked + #label-q-2-2, #q-2-3:checked + #label-q-2-3, #q-2-4:checked + #label-q-2-4,aa #q-2-5:checked + #label-q-2-5, #q-3-1:checked + #label-q-3-1, #q-3-2:checked + #label-q-3-2, #q-3-3:checked + #label-q-3-3, #q-3-4:checked + #label-q-3-4, #q-3-5:checked + #label-q-3-5, #q-4-1:checked + #label-q-4-1, #q-4-2:checked + #label-q-4-2, #q-4-3:checked + #label-q-4-3, #q-4-4:checked + #label-q-4-4, #q-4-5:checked + #label-q-4-5, #q-5-1:checked + #label-q-5-1, #q-5-2:checked + #label-q-5-2, #q-5-3:checked + #label-q-5-3, #q-5-4:checked + #label-q-5-4, #q-5-5:checked + #label-q-5-5, #q-6-1:checked + #label-q-6-1, #q-6-2:checked + #label-q-6-2, #q-6-3:checked + #label-q-6-3, #q-6-4:checked + #label-q-6-4, #q-6-5:checked + #label-q-6-5{ color: #ff00ff; } /***** FORMULAIRES *****/ .form-control { border: 1px solid #6497b1 !important; } .formulaire-form, .formulaire-info{ /*border: 1px solid #000;*/ /*flex-grow: 1;*/ padding: 1rem; } .listing th{ background-color: #87b6d8 !important; color: #fff !important; text-align: center; } /***** TABLEAU LISTING *****/ table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after { opacity: 1 !important; color: #1a4870; } table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_desc:before{ opacity: .5 !important; } .card-form{ margin: 1rem 0px !important; } .card-body div{ margin-top: 0.8rem; margin-bottom: 0.8rem; } label { display: inline !important; } .bloc-bordeau{ color: #b90000 !important; background-color: #ffeeee !important; padding: 0.5rem !important; } .bordeau{ color: #b90000 !important; } .sous-question{ margin-left: 3rem; border-left: 1px solid #ccc; padding-left : 0.5rem; } .form-check-input { border: 1px solid #000; } .bleu-clair, .reponse{ color: #21abe3 !important; } .table-datatable th{ background-color: #e4ffff !important; text-align: center; } .table-datatable td{ text-align: center; } .card-graph{ box-sizing: border-box; width: 100%; min-height: 600px; margin: 2rem auto; padding: 1.5rem; border:1px solid #ddd; border-radius:6px; box-shadow: 5px 5px 10px rgba(50,50,50,0.3); background-color: #fff; } .back-page{ /*fad fa-sign-out-alt*/ position: relative; left: 5px; top: 10px; width: 60px; font-family: "Font Awesome 5 Duotone" !important; font-size: 1.5rem; transform: rotate(180deg); }