/* CORE */
.invisible { display:none; }

.cadre-100 { width:100%; box-sizing:border-box; }
.cadre-90 { width:90%; box-sizing:border-box; }
.cadre-80 { width:80%; box-sizing:border-box; }
.cadre-70 { width:70%; box-sizing:border-box; }
.cadre-60 { width:60%; box-sizing:border-box; }
.cadre-50 { width:50%; box-sizing:border-box; }
.cadre-40 { width:40%; box-sizing:border-box; }
.cadre-30 { width:30%; box-sizing:border-box; }
.cadre-20 { width:20%; box-sizing:border-box; }
.cadre-10 { width:10%; box-sizing:border-box; }
.cadre-75 { width:75%; box-sizing:border-box; }
.cadre-25 { width:25%; box-sizing:border-box; }
.cadre-66 { width:66%; box-sizing:border-box; }
.cadre-33 { width:33%; box-sizing:border-box; }

.pad1 { padding:1%; }
.pad2 { padding:2%; }
.pad3 { padding:3%; }
.pad4 { padding:4%; }
.pad5 { padding:5%; }

.flexbox { display:flex; flex-direction: column; align-items:center; align-content:center; justify-content:center; }
.flex-row { flex-direction: row; }
.flex-column { flex-direction:column; }

.flex-space-between { justify-content:space-between; }
.flex-space-evenly { justify-content: space-evenly; }
.flex-justify-start { justify-content: flex-start; }
.flex-justify-end { justify-content: flex-end; }

.flex-center { align-items:center;}
.flex-start { align-items:start; }
.flex-end { align-items:end; }

.align-center { align-content:center;}
.align-start { align-content:start; }
.align-end { align-content:end; }

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.toggle_trigger { margin:3px 0; padding:5px 10px; background:rgba(0,0,0,0.05); box-sizing:border-box; cursor:pointer; }
.toggle_content { padding:10px; display:none; }

.input_container { position:relative; padding:0 10px; margin:5px 0; }
.input_container > input[type=text], 
.input_container > select { position:relative; width:100%; box-sizing:border-box; padding:5px 10px; padding: 10px; margin:10px 0; height: 40px; line-height: 14px; font-size: 14px; border:2px solid; }
.input_container.select:after { position:absolute; top:20px; right:20px; content:"\f107"; font-family:'FontAwesome'; color:#c6014a; }
.input_container input:not([type=checkbox]) + label, 
.input_container select + label,
.input_container.textarea > label { position:absolute; top:-10px; right:0; padding:5px 10px; background:#FFF; color:#c6014a; border:2px solid #c6014a; box-sizing:border-box; z-index:2; transition:all 0.2s; }
.input_container input:not([type=checkbox]):focus + label,
.input_container select:focus + label { background:#c6014a; color:#FFF; }

button { background:#FFF; color:#c6014a; border:2px solid #c6014a; padding:10px 20px; font-size:15px; cursor:pointer; transition:all 0.2s;}
button:hover { background:#c6014a; color:#FFF; }

button.button_rose { background:#c6014a; color:#FFF; border:2px solid #c6014a; }
button.button_rose:hover { background:#FFF; color:#c6014a; }

#haut { position:relative; }
#article { margin:0!important;}
#menu_resp { display:none; }

/* TABLE */
table.liste th { padding:5px 10px; border-right:1px solid #FFF; }
table.liste th .sort { color:rgba(255,255,255,0.4); cursor:pointer; }
table.liste th .sort.on, table.liste th .sort:hover { color:#FFF; }

table.liste th:after { display:none; }
table.liste tr td { vertical-align:middle; }
table.liste tr:nth-child(odd) td { background:rgba(198, 1, 74, 0.03); }
table.liste tr:nth-child(even) td { background:#FFF; }

/* PLANNING */
table.calendar { width:80%; border:1px solid #000;}
table.calendar caption { font-size:30px; padding:10px 0;}
.calendar td.day {position:relative; width: 14%; /*height: 140px;*/ border: 1px solid #000; vertical-align: top; text-align:left; }
.calendar td.day.ferie { background-image: linear-gradient(135deg, rgba(198, 1, 74, 0.7) 25%, #ffffff 25%, #ffffff 50%, rgba(198, 1, 74, 0.7) 50%, rgba(198, 1, 74, 0.7) 75%, #ffffff 75%, #ffffff 100%);
background-size: 56.57px 56.57px; }
/*.calendar th.header.day0, .calendar td.day.day0, 
.calendar th.header.day6, .calendar td.day.day6 {display:none;}*/
.calendar td.day span.day-date{font-size: 14pt; font-weight: 700;}
.calendar th.header{background-color: #c6014a; color: #fff; font-size: 14pt; padding: 5px;}
.not-month{background-color: #c6014a; opacity:0.6;}
.calendar td.today {background-color:#dadada;}
.calendar td.today:after {position:absolute; top:20px; right:20px; width:10px; height:10px; border-radius:50%; background:#c6014a; content:""; }
.calendar td.day span.today-date{font-size: 16pt;}

.calendar .mission { position: relative; width: 100%; margin: 2px 0; padding: 5px 10px; box-sizing: border-box; background:#cecece }
.calendar .mission.validee { background:green; color:#FFF;}
.calendar .mission.annulee { background:red; color:#FFF;}
.calendar .mission.en-cours { background:orange; color:#FFF;}

.calendar .mission .action_mission { width:100%; box-sizing:border-box; background:rgba(255,255,255,0.9); }
.calendar .mission .action_mission div { text-align:center; background:rgba(0,0,0,0.3); cursor:pointer; }
.calendar .mission .action_mission input[type=radio] + label { width:100%; display:block; cursor:pointer; }
.calendar .mission .action_mission div.see_mission { border-width:0 2px 0 0; border-style:solid; border-color:rgba(0,0,0,0.1);}
.calendar .mission .action_mission div.see_mission:hover,
.calendar .mission .action_mission input[type=radio]:checked + label, 
.calendar .mission .action_mission input[type=radio] + label:hover { background:#c6014a; color:#FFF; font-size: 150%; }
/*.calendar .mission .action_mission a .fa-check { color:green; }
.calendar .mission .action_mission a .fa-times { color:red; }*/

/* COMPTE RENDUS */
.liste_CR { list-style-type:none; margin: 0; padding:0; }
.liste_CR li.disabled { display:none; }
.liste_CR input[type=checkbox] { appearance:revert; -webkit-appearance:revert; -moz-appearance : revert; }