@font-face {
	font-family: "marianne";
	src:    url(./font/Marianne/Marianne-Regular.woff2) format("woff2"),
            url(./font/Marianne/Marianne-Regular.woff) format("woff");
}

:root {
/* Couleurs principales */
	--green: #006F6E;
	--blue: #AECEDB;
	--grey: #939393;
	--red: #E20613;
/* Couleurs secondaires */
	--orange: #FF6B50;
	--black: #565656;
	--darkblue: #0F3F93;
/* Couleurs fonctionnelles */
	--error: #f2a0a0;
	--error-border: #c05454;
	--success: #b2f3ab;
	--success-border: #438d3b;
	--thematic-flow-color:#AECEDB;
}


.help_icon { width:18px; content: url('./images/question-circle.svg'); }
.help_icon:hover { content: url('./images/question-circle_hover.svg'); }
.infonote {font-size:0.8em; font-style:italic; color:#939393;}
.important {color:#FF6B50;}

.thematic-flow { display:flex; flex-flow:row nowrap; border:1px solid #565656; justify-content:center; border-radius:3px; }
.thematic-flow .thematic-flow-bloc { padding:5px 5px; text-align:center; flex:1 1 0px; font-weight:bold; color:#565656; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.thematic-flow .thematic-flow-separator { flex:0 0 auto; width:0px; border-left:1px solid #565656; transform:rotate(-14deg); }
.thematic-flow .thematic-flow-bloc.current { text-decoration:underline; }
.thematic-flow .thematic-flow-bloc.before { }
.thematic-flow .thematic-flow-bloc.after { }


a {color: #006F6E;}
a:hover {color: #565656;}
h1 {margin:0px; padding:0px;}
h2 {margin:0px; padding:0px;}
h3 {margin:0px; padding:0px;}
h4 {margin:0px; padding:0px;}
h5 {margin:0px; padding:0px; font-style:italic; text-decoration:underline;}
h6 {margin:0px; padding:0px;}


html {font-family: "marianne", Arial;}
body {margin:0;}
header, footer, #content { padding: 40px; padding-top:0; padding-bottom:0; }

header { height: 105px;display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; border-bottom:1px solid #939393;}
header .logo-title {flex-grow:0; display:flex; flex-wrap:nowrap; align-items:center;}
header .logo-carsat img { height:100px; }
header h1 a {color:inherit; text-decoration:inherit; font-style:inherit; font-weight:inherit;}
header h1 { display:inline-block; margin:0; padding:0; margin-left:40px; color:#565656; }
header .header-center { flex-grow:1; display:flex; flex-flow:column nowrap; justify-content:space-between; align-items:center; }
header .header-center .header-title { text-align:center; font-weight:bold; flex-grow:1; }
header .header-right { flex-grow:0; text-align:right; margin-left:30px; }
header .header-right a { font-style:none; }
header .header-right a { margin-left:20px; }
header .header-right .img.admin { display:inline-block; width:35px; height:35px; content: url('./images/param.png'); }
header .header-right a:hover .img.admin { content: url('./images/param_hover.png'); cursor:pointer; }
header .header-right a:hover:active .img.admin { content: url('./images/param_active.png'); }
header .header-right .img.back { display:inline-block; width:35px; height:35px; content: url('./images/back.png'); }
header .header-right a:hover .img.back { content: url('./images/back_hover.png'); cursor:pointer; }
header .header-right a:hover:active .img.back { content: url('./images/back_active.png'); }
header a.exit_link {width:16px; content: url('./images/exit.png');}
header a.exit_link:hover {content: url('./images/exit_hover.png');}
header #warning-update {border:2px solid #c05454; padding:8px; text-align:center; margin:auto;}

nav#menu { height:50px; display:flex; margin-bottom:6px; border:1px solid #939393; border-top:none; border-left:none; border-right:none; box-shadow:0px 3px 4px rgba(100, 100, 100, 0.2); }
nav#menu.hidden {display:none;}
nav#menu > ul {display:flex; flex-wrap: nowrap; margin:0px; gap:10px; }
nav#menu > ul > li { list-style-type:none; display:flex; justify-content:center; align-items:stretch; }
nav#menu > ul > li > a { text-decoration:none; display:flex; justify-content:center; align-items:center; color:#565656; font-weight:bold; align-self:stretch; padding:0px 20px; }
nav#menu > ul > li > a:hover { color:#FF6B50; background-color:rgba(150,150,150,0.1); }

#content {margin-top:10px; margin-bottom:20px; max-height:auto; height:auto; min-height:calc(100vh - 106px - 51px - 30px); /* header+border - footer+border - marginContent */ }

footer {min-height:50px; background-color: #565656; border-top: 1px solid black; color:white; font-size:0.85em;}
footer {margin:auto;}
footer > div {display:flex; flex-flow:row wrap; justify-content:center; gap: 5px 30px;}
footer > #footer_text {margin-bottom:5px;}
footer a {color:white;}
footer a:hover {color:#CCCCCC;}

.mentions {margin:auto; width:80%; text-align:justify; font-size:0.9em;}
.mentions h1 {background-color:#006F6E; color:white; text-align:center; padding:3px; font-size:1.8em;}
.mentions h2 {padding:0px 6px; font-size:1.5em; margin-top:30px; color:black;}
.mentions p {padding:0px 10px; color:#565656;}
.mentions p.date { text-align:right; margin:0px;}
.mentions b { color:red;}

#accueil { padding:0px 40px; display:flex; justify-content:space-between; gap:16px; }
#accueil .buttons {display:flex; flex-direction:column; flex-wrap:nowrap; width:260px;}
#accueil a.btn { display: inline-block; margin: 5px; padding:6px; background-color: #006F6E; text-align:center; color:white; font-size:0.85em; text-decoration:none; font-weight:bold; border:1px solid #565656; cursor:pointer; }
#accueil a.btn:hover { cursor:pointer; background-color:#565656; box-shadow: 2px 2px 5px #222; }
#accueil a.btn:target, #accueil a.btn:active { cursor:pointer; background-color:#777; }
#accueil .container-tuto-btn { flex-basis:0; }
#accueil .container-tuto-btn .buttons { background-color:#eee; padding:25px 5px; } 
#accueil .container-tuto-btn .tuto {margin:auto; padding:8px; text-align:center;}
#accueil .container-presentation { flex-grow:1; padding-top:0px; padding-left:30px; }
#accueil .container-presentation .H2_content { padding:0px 8px; }
#accueil .container-presentation .accordion_toggle:hover {color:#cccccc; }
.container-presentation {padding-left:6px; font-size:0.85em; text-align:justify;}
.container-presentation * {font-size:1em !important; line-height:normal;}
.container-presentation h1 {font-size:1.4em !important; text-align:left; margin-top:0px; padding:2px 10px; margin-bottom:12px; } 
.container-presentation h2 {font-size:1.1em !important; text-align:left; background-color:#006F6E; color:white; font-weight:normal; margin-top:0px; padding:2px 10px; margin-bottom:2px; } 
#version_tab {margin-left:6px; border-collapse:collapse; font-size:0.85em; margin-top:10px; vertical-align:center;}
#version_tab td, #version_tab th {padding:2px 10px; border:1px solid #222; text-align:left;}
#version_tab tr:nth-child(2) {background-color:#AECEDB;}
#version_tab td:nth-child(1) {text-align:center;}
#accueil .logos {margin-top:60px; display:flex; flex-flow:row wrap; justify-content:space-between; gap:20px;}
#accueil .logos img {height:100px;}

#header_rapport #code_rapport { letter-spacing:2px;	font-weight:bold;border:2px solid #006F6E;	padding:8px 14px;border-radius:3px;width:fit-content;margin:auto; }

.rapport_content { padding-top:6px; }
#header_rapport {position:relative;}
#header_rapport #code_rapport .code_char.char-nth3{ padding-right:6px; }
#header_rapport div:has(.infonote) { margin:auto; text-align:center; }
#header_rapport .hist_link_block { font-size:0.8em; text-align:right; }
#header_rapport .finish-print { text-align:right; font-size:0.8em;}
#header_rapport .rapport-state { position:absolute; left:10px; bottom:10px; font-size:0.9em; text-align:left; font-weight:bold; color:#c05454; }
#header_rapport .rapport-date { position:absolute; left:10px; top:10px; font-size:0.9em; text-align:left; font-weight:bold; }
#header_rapport #code_rapport { position:relative; }
#header_rapport #code_rapport a.save_json { position:absolute; right:-30px; bottom:0px; font-size:1.3em; }

.bloc_rapport { position:relative; border:1px solid #565656; padding:16px; margin:10px 0px; border-radius:4px; display:flex; flex-flow:column wrap; gap:14px; }
.bloc_rapport a.modify_link:hover {content: url('./images/pen_hover.png');}
.bloc_rapport a.modify_link:active {content: url('./images/pen_hover.png');}
.bloc_rapport a.modify_link {position:absolute; right:4px; top:4px; width:16px; content: url('./images/pen.png');}
.bloc_rapport .obsolete {position:absolute; left:10px; top:4px; font-size:0.8em; color:#FF6B50;}

.bloc_input { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:baseline; position:relative; }
.bloc_input label.label-title { display:inline-block; font-weight:bold; margin-right:40px; }
.bloc_input.checkbox { display:block; } 
.bloc_input input[type=text] { width:220px; }
.bloc_input input[type=text].error { background-color:#f2a0a0; }
.bloc_input input[type=file].error { background-color:#f2a0a0; }
.bloc_input input[type=checkbox] { margin:0px 10px; }
.bloc_input select { width:228px; }
.bloc_input input[disabled], .bloc_input select[disabled] { color:#aaaaaa; }

.intro_tab {margin:auto; border-spacing:30px 16px; vertical-align:top;}


#rapport_intro {max-height:200px; justify-content:space-evenly; align-content:space-evenly;}

.bloc_rapport:not(.disabled) .bloc_input:has(select.mandatory:not(.disabled))::after { content:'*'; color:#c05454; position:absolute; right:-12px; }
.bloc_rapport:not(.disabled) .mandatory_info { font-size:0.8em; color:#c05454; margin:auto; text-align:center; position:absolute; bottom:4px; }
.bloc_rapport:not(.disabled):not(:has(.mandatory)) .mandatory_info { display:none; }
.bloc_rapport:not(.disabled):has(.mandatory) { padding-bottom:40px; }
.bloc_rapport.disabled .mandatory_info { display:none; }

.rapport_content .thematic-flow { width:90%; margin:auto; font-size:0.9em; }
.rapport_content .thematic-flow .thematic-flow-bloc { height:50px; position:relative; }
.rapport_content .thematic-flow .thematic-flow-bloc .skip-thematic { position:absolute; right:0px; bottom:-1px; font-size:1.2em;} 
.rapport_content .continue-container {display:flex; flex-flow:row wrap; justify-content:right; align-items:flex-start; align-content:center; gap:10px;}
.rapport_content .btn-continue { display: inline-block; width:160px; margin: 5px; margin-top:0px; padding:6px; background-color: #006F6E; text-align:center; color:white; font-size:0.85em; text-decoration:none; font-weight:bold; border:1px solid #565656; cursor:pointer; }
.rapport_content .continue-container .btn:hover { cursor:pointer; background-color:#565656; box-shadow: 2px 2px 5px #222; }
.rapport_content .continue-container .btn:target, .rapport_content #continue .btn:active { cursor:pointer; background-color:#777; }
.rapport_content #continue textarea {resize:none; width:500px; height:70px;}
.rapport_content #continue .message { border:1px solid transparent; width:500px; padding:4px 1px; text-align:center; font-size:0.9em;}
.rapport_content #continue .message.success { background-color:#b2f3ab; border-color:#438d3b; }
.rapport_content #continue .message.error { background-color:#f2a0a0; border-color:#c05454; }

.rapport_content .thematic_title {font-weight:bold; padding:6px; margin:0px;}
.rapport_content .item {margin:auto; width:100%;} 
.rapport_content .item_content { margin:auto; display:flex; flex-flow:row wrap; gap:10px; /*flex-flow:column nowrap;*/ }
.rapport_content .item_content > div {width:100%;}
.rapport_content .item_content .question_block {border-collapse:collapse; width:100%;}
.rapport_content .item_content .myComment { width:100%; margin-top:2px; display:flex; flex-flow:row wrap; justify-content:right;}
.rapport_content#rapport-historique .item_content .myComment { width:100%; margin-top:2px; display:flex; flex-flow:column nowrap; justify-content:left;}
.rapport_content .item_content .myComment textarea {margin-top:16px; resize:none; width:calc(50% - 10px); min-height:50px; margin-right:0px;}
.rapport_content .item_content .myComment .textarea { width:calc(50% - 10px); font-size:0.8em; border:1px solid #bbbbbb; color:#777777; padding:4px; margin-top:4px; background-color:#fafafa; }
.rapport_content .item_content .question { padding-left:20px; text-align:left; font-weight:bold; }
.rapport_content#rapport-historique .item_content .question { font-weight:normal; font-size:0.95em }
.rapport_content .item_content .ref-yesNo {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;}
.rapport_content .item_content .yesNo { padding-right:20px; padding-top:10px; margin:0px; display:flex; flex-flow:row nowrap; justify-content:right; text-align:right; white-space: preserve nowrap; flex-grow:0; order:2; }
.rapport_content .item_content label.answer { cursor:pointer; font-size:0.9em; display:flex; text-align:left; margin:4px; border:1px solid black; box-shadow:2px 2px 2px #565656;}
.rapport_content .item_content label.answer.yes {background-color:#b2f3ab;} 
.rapport_content .item_content label.answer.no {background-color:#f2a0a0;}
.rapport_content .item_content label.answer.maybe {background-color:#e5cd29;}
.rapport_content .item_content label.answer input[type=radio] { cursor:pointer; margin:0px 8px 0px 0px; }
.rapport_content .item_content label.answer > div { padding:4px 12px; white-space: preserve nowrap; }
.rapport_content .item_content label.answer:hover > div { background-color: rgba(100, 100, 100, 0.2); }
.rapport_content .item_content label.answer:active { box-shadow:none; }
.rapport_content .item_content .yesNo .result_text {display:flex; border:1px solid #565656; padding:5px 20px; border-radius:15px; justify-content:space-between; align-items:center; text-align:center; width:140px;}
.rapport_content .item_content .yesNo .result_text.yes {color:#00CC00;}
.rapport_content .item_content .yesNo .result_text.no {color:#CC0000;}
.rapport_content .item_content .yesNo .result_text.maybe {color:#BBAA00;} 
.rapport_content .item_content .yesNo .result_text.notConcerned {color:inherit;}
.rapport_content .item_content .yesNo .result_text.ignored {color:inherit;}
.rapport_content .item_content .yesNo .result_icon_0 {content: url('./images/no.png');}
.rapport_content .item_content .yesNo .result_icon_1 {content: url('./images/yes.png');}
.rapport_content .item_content .yesNo .result_icon_2 {content: url('./images/maybe.png');}
.rapport_content .item_content .yesNo .result_icon {height:20px; margin-right:6px;}  
.rapport_content .item_content .references { display:flex; flex-flow:row wrap; gap:5px; margin:0px; justify-content:left; font-size:0.85em; flex-grow:1; order:1;}
.rapport_content .item_content .references h5 {width:100%;}
.rapport_content .item_content .reference { width:calc((100% / 3) - ((10px * 4) / 3)); border:1px solid #565656; background-color:#eeeeee; padding:4px; text-align:center; }
.rapport_content .item_content .examples { overflow:hidden; display:flex; flex-flow:row wrap; justify-content:left; gap:5px; }
.rapport_content .item_content .examples h5 { width:100%; }
.rapport_content .item_content .example { width:calc((100% / 3) - 10px); overflow:hidden; }
.rapport_content .item_content .example embed { width:100%; max-width:100%; aspect-ratio : 1 / 1.484; max-width:822px; }
.rapport_content .item_content .example img { width:100%; max-width:100%; }
.rapport_content .item_content .example .zoom { cursor:zoom-in; }
.rapport_content .item_content .example.goodExample { border:3px solid #438d3b; }
.rapport_content .item_content .example.badExample { border: 3px solid #c05454; }

#rapport-load .bloc_input {display:block; text-align:center; margin:5px auto;} 
#rapport-load .bloc_input label {padding-right:30px;}
#rapport-load .bloc_input input[type=text] { width:100px; padding:6px; font-weight:bold; text-align:center;}
#rapport-load .bloc_input:has(input[type=submit]) {text-align:center;justify-content:center;}
#rapport-load .bloc_input.no-margin {margin-top:0px; margin-bottom:0px;}
#rapport-load .bloc_submit { text-align:right; margin-top:18px; display:flex; flex-flow:row nowrap; justify-content:right; align-items:center;}
#rapport-load .messages { width:100% }
#rapport-load .message.error { background-color:#f2a0a0; border: 1px solid #c05454; padding:6px 30px; text-align:center; margin:auto; max-width:50%; border-radius:4px;}

#rapport_final {margin:auto; text-align:center;}
#rapport_final p {font-weight:bold;}
#commentaire_final textarea { width:50%; min-width:500px; max-width:90%; min-height:70px; max-height:300px;}
#notation_stars {font-size:1.5em; cursor:default; display:flex; flex-flow:row nowrap; justify-content:center; min-height:45px;}
.notation_star { padding:0px 5px; display:block;}
.notation_star:nth-child(1) { padding-left:0px; }
.notation_star:nth-child(-1) { padding-right:0px; }
#notation_stars label {color:black; cursor:pointer;}
#notation_stars label:active {color:#ba8520 !important;}
#notation_stars input[type=radio] {display:none;}
#notation_stars .notation_star:hover, #notation_stars .notation_star:active {font-size:1.2em;}
#notation_stars .notation_star:hover,
#notation_stars .notation_star:active,
#notation_stars .notation_star:has(input:checked),
#notation_stars:has(.notation_star:nth-child(2):hover) .notation_star:nth-child(-n + 2),
#notation_stars:has(.notation_star:nth-child(3):hover) .notation_star:nth-child(-n + 3),
#notation_stars:has(.notation_star:nth-child(4):hover) .notation_star:nth-child(-n + 4),
#notation_stars:has(.notation_star:nth-child(5):hover) .notation_star:nth-child(-n + 5),
#notation_stars:has(.notation_star:nth-child(2):active) .notation_star:nth-child(-n + 2),
#notation_stars:has(.notation_star:nth-child(3):active) .notation_star:nth-child(-n + 3),
#notation_stars:has(.notation_star:nth-child(4):active) .notation_star:nth-child(-n + 4),
#notation_stars:has(.notation_star:nth-child(5):active) .notation_star:nth-child(-n + 5),
#notation_stars:has(.notation_star:nth-child(2) input:checked) .notation_star:nth-child(-n + 2),
#notation_stars:has(.notation_star:nth-child(3) input:checked) .notation_star:nth-child(-n + 3),
#notation_stars:has(.notation_star:nth-child(4) input:checked) .notation_star:nth-child(-n + 4),
#notation_stars:has(.notation_star:nth-child(5) input:checked) .notation_star:nth-child(-n + 5) {color:goldenrod;}

#statistiques { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; row-gap:30px; }
#statistiques .indicateur-text { display:flex; align-items:center; justify-content:center; width:calc(25% - 10px); color:#006F6E; font-weight:bold; font-size:1.5em; position:relative; padding-top:15px; border:1px solid grey; border-radius:6px; }
#statistiques .indicateur-text::before { content:attr(alt); color:black; font-size:0.5em; position:absolute; top:0px; }
#statistiques .indicateur-text i.legend { font-size:0.6em; }
#statistiques .indicateur-text i.bi-star { color:goldenrod; }
#statistiques .google-chart-container { width:50%; position:relative;  }
#statistiques .google-chart-container.google-chart-container-pie { width:33%; }
#statistiques .dataChartToCsv {position:absolute; top:0px; left:0px;}
#admin_statistiques #stat_date {margin-bottom:20px;}
#admin_statistiques #stat-inputs {margin-bottom:20px;}
#admin_statistiques #stat-inputs input {margin-right:10px;}


#admin {  }
.admin_header { border:1px solid #565656; border-radius:10px 10px 0px 0px; background-color:#006F6E; color:white; padding:6px 20px; }
.admin_header h3 { margin:0px; }
.admin_content { border:1px solid #565656; border-top:0px; padding:10px; }
.admin_content h4 { margin-top:5px; margin-bottom:10px; color:#006F6E; }
.admin_content h4:not(:nth-child(1)) { margin-top:40px; }
.admin_content input[type=submit].create_item {margin:0; padding:0; border:none; font:inherit; cursor:pointer;}
.admin_content .create_item {background: url('./images/create.svg') no-repeat; width:28px;}
.admin_content .create_item:hover {background: url('./images/create_hover.svg') no-repeat;}
.admin_content .create_item:active {background: url('./images/create_active.svg') no-repeat;}
.admin_content table.manage_data {width:100%; border-collapse:collapse;}
.admin_content table.manage_data td {border-bottom:1px solid #939393; padding:2px 4px; font-size:0.9em; }
.admin_content table.manage_data tr.pair td {background-color:#eeeeee;}
.admin_content table.manage_data th {text-align:left; padding:1px 4px;}
.admin_content table.manage_data .center {text-align:center;}
.admin_content table.manage_data .min-size {width:1px;}
.admin_content table.manage_data .nowrap {white-space:nowrap;}
.admin_content table.manage_data .disabled {color:#939393;} 
.admin_content table.manage_data .warning {color:#FF6B50;} 
.admin_content table.manage_data .error {color:#E20613;} 
.admin_content table.manage_data .ok {color:#438d3b;}
.admin_content table.manage_data .striped {text-decoration-line:line-through;}
.admin_content table.manage_data .striped:has([contenteditable=plaintext-only]:active),
.admin_content table.manage_data .striped:has([contenteditable=plaintext-only]:focus),
.admin_content table.manage_data .striped:has([contenteditable=true]:active),
.admin_content table.manage_data .striped:has([contenteditable=true]:focus) {text-decoration-line:none;}

.admin_content a.disable_link:hover, .admin_content a.enable_link:hover {content: url('./images/checkmark_hover.png');}
.admin_content a.enable_link {width:16px; content: url('./images/checkmark_disabled.png');}
.admin_content a.enable_link:active {content: url('./images/checkmark_enabled.png');}
.admin_content a.disable_link {width:16px; content: url('./images/checkmark_enabled.png');}
.admin_content a.disable_link:active {content: url('./images/checkmark_disabled.png');}
.admin_content a.delete_link:hover {content: url('./images/delete_hover.png');}
.admin_content a.delete_link:active {content: url('./images/delete_hover.png');}
.admin_content a.delete_link {width:16px; content: url('./images/delete.png');}
.admin_content a.nodelete_link {width:16px; content: url('./images/delete_disabled.png');}
.admin_content a.top_link:hover {content: url('./images/top_hover.png');}
.admin_content a.top_link:active {content: url('./images/top_hover.png');}
.admin_content a.top_link {width:16px; content: url('./images/top.png');}
.admin_content a.notop_link {width:16px; content: url('./images/top_disabled.png');}
.admin_content a.bottom_link:hover {content: url('./images/bottom_hover.png');}
.admin_content a.bottom_link:active {content: url('./images/bottom_hover.png');}
.admin_content a.bottom_link {width:16px; content: url('./images/bottom.png');}
.admin_content a.nobottom_link {width:16px; content: url('./images/bottom_disabled.png');}
.admin_content a.reset_link:hover {content: url('./images/refresh_hover.png');}
.admin_content a.reset_link:active {content: url('./images/refresh_hover.png');}
.admin_content a.reset_link {width:16px; content: url('./images/refresh.png');}
.admin_content a.copy_link:hover {content: url('./images/copy_hover.png');}
.admin_content a.copy_link:active {content: url('./images/copy_hover.png');}
.admin_content a.copy_link {width:14px; content: url('./images/copy.png');}
.admin_content a.copy_link.button { border:1px solid black; background-color:white; border-radius:4px; padding:2px 4px; cursor:pointer;}
.admin_content a.top2_link:hover {content: url('./images/top2_hover.png');}
.admin_content a.top2_link:active {content: url('./images/top2_hover.png');}
.admin_content a.top2_link {width:16px; content: url('./images/top2.png');}
.admin_content a.notop2_link {width:16px; content: url('./images/top2_disabled.png');}
.admin_content a.bottom2_link:hover {content: url('./images/bottom2_hover.png');}
.admin_content a.bottom2_link:active {content: url('./images/bottom2_hover.png');}
.admin_content a.bottom2_link {width:16px; content: url('./images/bottom2.png');}
.admin_content a.nobottom2_link {width:16px; content: url('./images/bottom2_disabled.png');}
.admin_content a.top3_link:hover {content: url('./images/top3_hover.png');}
.admin_content a.top3_link:active {content: url('./images/top3_hover.png');}
.admin_content a.top3_link {width:16px; content: url('./images/top3.png');}
.admin_content a.notop3_link {width:16px; content: url('./images/top3_disabled.png');}
.admin_content a.bottom3_link:hover {content: url('./images/bottom3_hover.png');}
.admin_content a.bottom3_link:active {content: url('./images/bottom3_hover.png');}
.admin_content a.bottom3_link {width:16px; content: url('./images/bottom3.png');}
.admin_content a.nobottom3_link {width:16px; content: url('./images/bottom3_disabled.png');}

.admin_content [contenteditable=plaintext-only]:empty:before { content: attr(placeholder); color:#999; }
.admin_content [contenteditable=plaintext-only] { cursor:text !important; padding:0px 4px; }
.admin_content [contenteditable=plaintext-only]:active,
.admin_content [contenteditable=plaintext-only]:focus{ background-color:white; }
.admin_content [contenteditable=false] { padding:0px 4px; }

.admin_content .disable_link, #manage_items .enable_link {cursor:pointer;}
.admin_content .disable_link.hidden, #manage_items .enable_link.hidden {display:none;}

.admin_content .errorContent {background-color:#f2a0a0; border:1px solid #c05454;}
.admin_content .new input[type=text] {width:230px;}

#manage_users #manage_users_header { display:flex; flex-flow: row nowrap; align-items:center; }
#manage_users .redirect-message { border:1px solid black; padding:2px 20px; margin-top:3px; margin-left:30px; font-size:0.8em; font-weight:bold; display:flex; flex-flow: row nowrap; align-items:center; justify-content:space-between; }
#manage_users .redirect-message.passwordReset { border:1px solid black; background-color:#b2f3ab; border-color:#438d3b; }
#manage_users .redirect-message.error { border:1px solid black; background-color:#f2a0a0; border-color:#c05454; }
#manage_users .redirect-message .copy_link { margin-left:16px; }
#manage_users .redirect-message-2 { font-size:0.8em; margin-left:6px; font-style:italic; color:#939393; }

#reset-password { margin:auto; text-align:center; padding-top:30px; }
#reset-password form div.inputForm label { display:inline-block; text-align:right; width:250px; margin-right:10px; margin-bottom:10px;}
#reset-password form div.inputForm input[type=submit] { margin:auto;text-align:center; }
#reset-password form div.inputForm input.error { background-color:#f2a0a0; }
#reset-password form .inputFormContent { display:inline-block; position:relative; }
#reset-password form .inputFormContent .help_icon { position:absolute; right:calc(-18px - 4px); }
#reset-password .message { display:inline-block; margin-top:40px; border:1px solid black; padding:6px 40px; border-radius:4px; }
#reset-password .message.success { background-color:#b2f3ab; border-color:#438d3b; }
#reset-password .message.error { background-color:#f2a0a0; border-color:#c05454; }

#connexionForm { margin:auto; text-align:center; padding-top:30px; }
#connexionForm label { display:inline-block; text-align:right; width:150px; margin-right:10px; margin-bottom:10px;}
#connexionForm input[type=submit] { margin:auto;text-align:center; }

#manage_items { padding:10px;}
#manage_items h4 { margin:0px; margin-left:4px; margin-top:4px; margin-bottom:4px; font-size:1.1em; text-decoration:underline; font-style:italic; display:inline-block;}

#manage_items .thematic {margin-top:10px;}
#manage_items .thematic .thematic_header {font-size:0.9em;padding:6px 20px; box-shadow: 2px 2px 4px #bbb; background-color:#ddd; font-weight:bold; display:flex; flex-flow: row nowrap; align-items:baseline; }
#manage_items .thematic .thematic_content {padding:0px 40px; border:1px solid #bbb;}
#manage_items .thematic .thematic_content .new {margin:4px 0px;}
 .accordion_toggle {font-size:1.3em; font-weight:normal; margin-right:12px; cursor:pointer; display:inline-block; }
 .accordion_toggle:hover {color:#006F6E; }
 .accordion_toggle:not(.closed)::before {content:'▼';} /* ▼▽ */
 .accordion_toggle.closed::before {content:'▲';} /* ▲△ */
 

#manage_items .item {font-size:0.8em; min-height:40px; border:1px solid #939393; display:flex; flex-flow:row nowrap; justify-content:space-between; gap:10px; align-items:stretch;}
#manage_items .item { margin:20px auto; margin-top:4px;}
#manage_items .item ~ .item { margin:20px auto; }
#manage_items .item.disabled { box-shadow: inset 0 0 10px #f24040; }
#manage_items .item .item_content {flex-basis:calc(60% - 10px); text-align:center; overflow:auto;}
#manage_items .item .item_content .item_links {text-align:left; padding:2px;}
#manage_items .item .item_content .item_links > a {margin:0px 3px;}
#manage_items .item .item_content .item_id {text-align:left; padding-left:6px;}
#manage_items .item .bloc_right {flex-basis:calc(40% - 10px); overflow:auto;}
#manage_items .item .item_content table {width:100%; border-collapse:collapse; table-layout: fixed;}
#manage_items .item .item_content table td {padding:15px 5px;}
#manage_items .item .item_question {font-size:1.1em; font-weight:bold;}
#manage_items .item .item_yes > [contenteditable=plaintext-only],
#manage_items .item .item_yes > [contenteditable=true] {display:inline-block; min-width:100px; font-weight:bold; border:1px solid #565656; background-color:#006F6E; color:white;}
#manage_items .item .item_no > [contenteditable=plaintext-only],
#manage_items .item .item_no > [contenteditable=true] {display:inline-block; min-width:100px; font-weight:bold; border:1px solid #565656; background-color:#FF6B50;}
#manage_items .item .item_notConcerned > .notConcernedContent {display:inline-block; min-width:100px; padding:4px 5px 6px 5px; font-weight:bold; border:1px solid #565656; background-color:#cccccc;} 


#manage_items .domaine.disabled { font-style:italic; color:#939393; }

#manage_items .item .references {margin-top:10px;}
#manage_items .item .references .reference {border:1px solid #444; box-shadow:1px 1px 3px #444; width:calc(100% - 28px); margin:6px 0px; padding-right:20px; position:relative; background-color:#f5f5f5;}
#manage_items .item .references .reference.disabled { box-shadow: inset 0 0 6px #f24040; }
#manage_items .item .references .reference .reference_content:focus {outline: 0px solid transparent;}
#manage_items .item .references .reference:has(.reference_content:focus) {background-color:white;}
#manage_items .item .references .reference .reference_content {min-height:86px;}
#manage_items .item .references .reference .delete_link, #manage_items .item .references .reference .nodelete_link {position:absolute; top:calc(4px + 18px); right:2px;}
#manage_items .item .references .reference .enable_link, #manage_items .item .references .reference .disable_link {position:absolute; top:2px; right:2px;}
#manage_items .item .references .reference .buttons-editor {color:black; font-size:18px; position:absolute; top:55px; right:3px;}
#manage_items .item .references .reference .buttons-editor:hover a {color:#006F6E;}
#manage_items .item .references .reference .save_link {color:black; position:absolute; top:72px; right:3px; cursor:pointer; font-size:16px;}
#manage_items .item .references .reference .save_link:hover {color:#006F6E;}
#manage_items .item .references .new {display:inline-block; margin-left:8px;}

#manage_items .item .pratiques {text-align:left;}
#manage_items .item .pratiques .new {margin-top:8px; margin-left:4px;}
#manage_items .item .pratiques .new input[type=file] {padding:4px;}
#manage_items .item .pratiques .examples {min-height:50px;} 
#manage_items .item .pratiques .example {min-height:50px; width:calc(100% - 28px); max-width:822px; margin:6px 4px; border:1px solid #444; background-color:#f5f5f5; padding-top:22px; position:relative;}
#manage_items .item .pratiques .example .example_content:focus {outline: 0px solid transparent;}
#manage_items .item .pratiques .example:has(.toggleExample_link_good) {background: linear-gradient(210deg, #006F6E, transparent 25%)}
#manage_items .item .pratiques .example:has(.toggleExample_link_bad) {background: linear-gradient(210deg, #FF6B50, transparent 25%)}
#manage_items .item .pratiques .example:has(.example_content:focus) {background-color:white;}
#manage_items .item .pratiques .example .example_pdf {width:100%; aspect-ratio : 1 / 1.460; max-width:822px;} /*max-height:1200px;*/
#manage_items .item .pratiques .example .example_jpg, #manage_items .item .pratiques .example .example_png {max-width:100%;}
#manage_items .item .pratiques .example .delete_link, #manage_items .item .pratiques .example .nodelete_link {position:absolute; top:2px; left:2px;}
#manage_items .item .pratiques .example .toggleExample_link { width:19px; position:absolute; left:calc(17px + 2px + 5px); top:2px;}
#manage_items .item .pratiques .example .toggleExample_link_good:hover {content: url('./images/good_hover.png');}
#manage_items .item .pratiques .example .toggleExample_link_good:active {content: url('./images/good_active.png');}
#manage_items .item .pratiques .example .toggleExample_link_good {content: url('./images/good.png');}
#manage_items .item .pratiques .example .toggleExample_link_bad:hover {content: url('./images/nogood_hover.png');}
#manage_items .item .pratiques .example .toggleExample_link_bad:active {content: url('./images/nogood_active.png');}
#manage_items .item .pratiques .example .toggleExample_link_bad {content: url('./images/nogood.png');}
#manage_items .item .pratiques .example .notop_link, 
#manage_items .item .pratiques .example .top_link { width:19px; position:absolute; left:calc(17px + 2px + 5px + 19px + 4px); top:2px;}
#manage_items .item .pratiques .example .nobottom_link,
#manage_items .item .pratiques .example .bottom_link { width:19px; position:absolute; left:calc(17px + 2px + 5px + 19px + 4px + 19px + 4px); top:2px;}


#synthese_items table { border-collapse:collapse; margin:auto; vertical-align:center; font-size:0.8em; }
#synthese_items th, #synthese_items td { border: 1px solid black; padding:1px 14px; }
#synthese_items td, #synthese_items th { text-align:left; }
#synthese_items td.center, #synthese_items th.center { text-align:center; }
#synthese_items td.left, #synthese_items th.left { text-align:left; }
#synthese_items th { background-color:#cccccc; }
#synthese_items div.toExcel { text-align:center; margin:auto; padding-bottom:4px; }

.text-editor-content {padding:5px;}
.buttons-editor {font-family: Arial; font-size:14px;}
.buttons-editor .btn-editor {color:black;  cursor:pointer;}

#admin_accueil .text-editor-content {border:1px solid #222222; border-radius:4px; margin: auto; min-height:100px; overflow:auto; max-height:calc(100vh - 180px);}
#admin_accueil .text-editor {margin:10px;}
#admin_accueil .buttons-editor {margin:auto; text-align:left; margin-top:4px; margin-bottom:4px; display:flex; flex-flow:row nowrap;}
#admin_accueil .buttons-editor .btn-editor {color:black; font-size:1.1em; border:1px solid #222; border-left:none; padding:1px 6px 0px 6px; margin:0px;}
#admin_accueil .buttons-editor .btn-editor.left {border-left:1px solid #222; border-radius:8px 0px 0px 8px; margin-left:6px;}
#admin_accueil .buttons-editor .btn-editor.right {border-radius:0px 8px 8px 0px; margin-right:6px;}
#admin_accueil .buttons-editor .btn-editor.alone {border-left:1px solid #222; border-radius:8px; margin-left:6px; margin-right:6px;}
#admin_accueil .buttons-editor .btn-editor:hover {background-color:#eee;}
#admin_accueil .buttons-editor .btn-editor:active {background-color:#ccc;}
#admin_accueil .buttons-editor .btn-editor.big-title-font {color:black;}
#admin_accueil .buttons-editor .btn-editor.title-font {color: #006F6E;}

#admin_updates .new { margin-bottom:30px; } 
#admin_updates .new td { padding:4px; } 


@media screen and (max-width: 1600px) {
	/*Medium*/
	.rapport_content .item_content .examples{ justify-content:space-between; }
	.rapport_content .item_content .example { width:calc(50% - 10px); }
}

@media screen and (max-width: 1000px) {
	/*Small*/
	header #warning-update {font-size:0.9em;}
	#rapport_intro {max-height:none;}
	.rapport_content .item_content .example { width:calc(100% - 10px); }
	nav#menu {font-size:0.9em;}
	nav#menu > ul > li > a {padding:0px 15px;}
	#statistiques .indicateur-text { width:calc(30%); }
	#statistiques .google-chart-container {width:100%; }
	#statistiques .google-chart-container.google-chart-container-pie {width:50%; }
}

@media screen and (max-width: 850px) {
	/*X Small*/
	html {font-size:0.9em;}
	nav#menu > ul > li > a {padding:0px 8px;}
	#statistiques .indicateur-text { width:calc(50% - 40px); }
}

@media screen and (max-width: 700px) { 
	/*XX Small*/
	html {min-width:700px;}
}

@media print, mpdf {
	/* Impression */
	body {width:980px !important;}
	header .header-center {display:none !important;}
	header .header-right {display:none !important;}
	header .menu {display:none !important;}
	footer {display:none !important;}
	nav#menu {display:none !important;}
	.rapport_content div.bloc_rapport {page-break-inside: avoid;}
	.rapport_content div.examples {display:none !important;}
	.rapport_content .modify_link {display:none !important;}
	.finish-print {display:none !important;}
	.hist_link_block {display:none !important;}
	#header_rapport #code_rapport {width:84px; text-align:center; padding:2px;}
	#header_rapport .infonote_container {margin:auto; text-align:center;}
	#header_rapport .infonote_container span {color:#FF6B50 !important;}
	#rapport_final {display:none !important;}
	#header_rapport .rapport-state {font-size:0.7em;}
	#header_rapport .rapport-date {font-size:0.7em;}
	.bloc_rapport { padding-top:2px; padding-bottom:2px; font-size:0.8em; }
	.bloc_rapport .intro_tab { font-size:0.8em; padding:0px; border-collapse:collapse; }
	.bloc_rapport .intro_tab td { padding:5px 10px; }
	#rapport_intro { padding:2px; }
	.yesNo { padding-top:6px; }
}

@media mpdf {
	.question_block {margin-bottom:10px; font-weight:normal;}
	div.myComment { width:100% !important; }
	div.myComment div.textarea { color:#555555; border:1px solid black; padding:4px 12px; margin-top:4px; }
	#header_rapport .rapport-state { bottom:0px; left:0px; margin-top:8px; }
	#header_rapport .rapport-date { bottom:0px; left:0px; margin-top:8px; }
	.yesNo { padding-top:2px; order:1; }
	.references { padding-top:2px; order:2; }
	.rapport_content .item_content .reference {width:50%; margin:2px;}
}