body{font-size:14px;font-family:arial,verdana,sans-serif;background-color:#17346C;width:100%;margin:0 auto}
a:after{content:"" !important}
.ferie{background-color:#c0392b !important}
.vacance{background-color:rgba(46,204,113,.5) !important}
p{font-size:10pt;font-family:arial,sans-serif;background-color:#fff}
input,submit,textarea{color:#000;font-size:11pt;font-family:arial,sans-serif}
form{margin-bottom:5pt;margin-top:5pt}
.formModifie{margin-bottom:0;margin-top:0;display:inline}
.styleBoutton{color:#000}
.EditEntryTable{background-color:#ddd}
.small{font-size:.8em}
.larger{font-size:1.4em}
a:link,a:visited{color:#000;font-weight:700;text-decoration:none}
a:hover{color:#FFF}
h1{color:#000;font-family:verdana,sans-serif;font-size:16pt}
h2{color:#000;font-family:verdana,sans-serif;font-size:14pt}
h3{color:#000;font-family:verdana,sans-serif;font-size:12pt}
td{font-size:10pt;font-family:arial,sans-serif;border-width:1px;vertical-align:top}
td.CR{vertical-align:middle;text-align:right}
td.CL{vertical-align:middle;text-align:left}
td.BR{vertical-align:baseline;text-align:right}
td.BL{vertical-align:b;text-align:left}
td.TR{vertical-align:top;text-align:right}
td.TL{vertical-align:top;text-align:left}
table.table-striped th{background-color:gray !important; border:0px !important;}
.fontcolor1{color:#fff}
.fontcolor2,.fontcolor3{color:#9CF}
.fontcolor4{color:#FFF}
#header{border:0;position:relative;width:100%}
#menu1{border:0;width:100%}
.image{border:0;vertical-align:middle}
.logo{width:.1%;height:.1%}
.logo img{margin-top:5px;margin-left:5px;max-height:115px}
.accueil{background-color:#fff;padding-left:1%; width:32%}
.administration{background-color:#fff;width:15%;text-align:center;margin:0 auto}
.configuration{background-color:#fff;width:20%;text-align:center;margin:0 auto}
.contactformulaire{background-color:#fff;width:15%;vertical-align:middle;text-align:center}
#menuGauche{background-color:#17346C;float:left;height:100%;min-width:200px;width:100%;padding-bottom:10px}
#menuGaucheMonthAll2{display:none;background-color:#17346C;float:left;height:100%;min-width:200px;width:300px;padding-bottom:10px}
.cal_current_day{color:#000;vertical-align:middle;text-align:center;line-height:30px}
.week td a{background-color:#8b8b8b;vertical-align:middle;text-align:center;height:100%;width:100%}
.table-header{width:100%}
.table-noborder{width:100%;border:0px !important}
.table-bordered{border-collapse:collapse;border-spacing:0;width:100%}
table.calendar{text-align:center;width:99%;padding:1px;margin:auto;background-color:#fff}
.calendar caption{background-color:#17346C}
.dayBouton{width:80px}
.dayBoutonJourApres{width:125px}
a.calendar{display:block;color:#FFF;height:100%;width:100%;vertical-align:middle;text-align:center}
.calendarcol1{padding:0;font-weight:700;background-color:#fff;text-align:center;height:30px;width:40px;line-height:30px}
.lienSemaine a{height:100%;width:100%;display:block;vertical-align:middle;text-align:center;color:#000}
.titre{color:#fff;text-align:center}
.cellcalendar{background:#17346C;vertical-align:middle;text-align:center;height:30px;width:40px;line-height:30px}
.cellcalendar a:hover{background-color:#fff}
a.lienPlanning:link,a.lienPlanning:visited{color:#fff;display:block}
a.lienPlanning:hover{display:block ;color:#17346C;}
span a{color:#FFF}
.left{float:left}
.right{float:right}
#chargement{left:35%;top:322px;position:absolute;display:none;z-index:10}
#chargement p{padding:0;background-color:gray}
#chargement img{border:2px solid #000}
.ressource{text-align:center}
.item:hover{cursor:pointer}
b,strong{color:#000;text-align:center}
#liste_select{color:#CAA;font-weight:700}
#liste{color:#CCF}
table.legende{margin-left:25px;width:250px}
table.legende td{width:125px;text-align:center}
.pied_menuGauche{border-top:3px solid #17346C}
th{color:#eee;font-size:10pt;font-family:verdana,sans-serif;background-color:#17346C !important;vertical-align:top;text-align:center !important;border:none !important}
td.cell_hours{color:#fff;background-color:gray !important;text-align:center;font-size:13px;height:20px;line-height:20px;border: none !important}
td.cell_hours_vacance{color:#fff;background-color:rgba(46,204,113,.5) !important;text-align:center;font-size:13px;height:20px;line-height:20px;border: none !important}
td.cell_hours_ferie{color:#fff;background-color:#c0392b !important;text-align:center;font-size:13px;height:20px;line-height:20px;border: none !important}
td.cell_hours2{color:#000;background-color:#ccc !important;text-align:center;font-size:13px;height:20px;line-height:20px;border: none !important}
td.cell_hours a{color:#fff}
td.cell_month{background-color:#fff;vertical-align:top}
.cell_month a{color:#000;font-weight:400;text-align:center}
.cell_month a:hover{color:#000;font-weight:700}
td.cell_month_o{background-color:#ccc}
.empty_cell{background-color:#fff;text-align:center;vertical-align:middle}
.monthday{font-size:2.1em;text-align:center}
.center{width:100%;margin-left:auto;margin-right:auto;text-align:center}
.avertissement{background-color:#ff8585;text-align:center}
td.calendar2{text-align:center;border:2px;font-size:8pt}
td.calendarHeader2{text-align:center;border:0;font-size:10pt;width:200px;background-color:#17346C;color:#FFF;font-weight:bold;font-size:18px;}
.formo{width:100%;background-color:#fff0e0;background-position:center bottom;float:none;color:#000}
.fondo{background-color:#fff0e0;background-position:center bottom;float:none;color:#000}
.fondl{background-color:#CCC;background-position:center bottom;float:none;color:#000}
#colgauche fieldset{border:1px solid #000;margin:10px;padding:10px}
#colgauche fieldset legend{color:#000;margin-bottom:5px}
#colgauche fieldset ul{margin:0;padding-bottom:0;padding-top:0;padding-left:10px}
#colgauche fieldset ul li{list-style-type:disc}
td.colgauche_admin{width:25%}
div.tooltip{color:#000;background:#ffb200;margin:5px;padding:5px}
#planning{position:relative;background-color:#17346C;height:100%;width:auto}
#print_planning{position:relative;background-color:#17346C;height:100%;width:auto}
#planningMonthAll2{margin-left:0}
.titre_planning{position:relative;background-color:#17346C;height:100%;color:#000;text-align:center;font-size:1.2em}
.titre_planning table{border:0}
.titre_planning_week{background-color:#17346C;height:100%;color:#000;text-align:center;font-size:1.2em}
.contenu_planning{position:relative;background-color:#17346C;height:100%;max-width:100%}
.contenu_planning a{display:block}
a.lienCellule{color:#000;font-weight:400;display:block}
a:hover.lienCellule{color:#000;font-weight:700;display:block}
.small_planning{font-size:.9em}
.texte_ress_tempo_indispo{color:#ba2828;font-weight:700}
.texte_ress_moderee{color:#ba2828;font-weight:700}
th.tableau_month2{padding:2px}
#lienPrecedent a{text-align:left;font-size:20px}
.tableau_month_all2{font-size:.8em}
#fade{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.8;z-index:9999}
a.poplight{display:block;color:#000;font-weight:400;font-size:14px;height:100%;width:100%;vertical-align:middle;text-align:center;cursor:pointer}
.popup_block{display:none;background:#fff;padding-left:20px!important;border:10px solid #ddd;float:left;font-size:1.2em;position:fixed;top:10%;left:50%;z-index:99999;-webkit-box-shadow:0 0 20px #000;-moz-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000}
img.btn_close{position:relative;z-index:5;border:0;float:right;}
html #fade,html .popup_block{position:absolute}
#toTop{width:100px;border:1px solid #ccc;background:#f7f7f7;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#333;font-family:verdana;font-size:14px}
#toBot{width:100px;border:1px solid #ccc;background:#f7f7f7;text-align:center;padding:5px;position:fixed;bottom:10px;left:10px;cursor:pointer;color:#333;font-family:verdana;font-size:14px}
#toBot b{color:#000}
#toTop b{color:#000}
a.buttonsReservation{cursor:pointer}
.glyphcolor{color:#FFF}
.glyphalign{margin-left:70px}
.btn-group-lg>.btn,.btn-lg,form.ressource div.panel-body{padding:0 !important}
.jour_sem{width:10% !important}
.ui-spinner-input{margin:0 !important}
.glyphicon-plus{color:#17346C}
.clock{margin:0 auto}
#Date{font-size:1em;text-align:center;font-weight:700}
.clock ul{margin:0 auto;padding:0;list-style:none;text-align:center;font-weight:700}
.clock ul li{display:inline;font-size:1em;text-align:center;font-weight:700}


.closepop{float:right;cursor:pointer}

#toppanel{position:relative;top:0;width:100%;z-index:999;text-align:center;border-bottom:1px solid #17346C}
#panel{width:100%;overflow:hidden;position:relative;z-index:3}
#panel a{text-decoration:none}
.pad-15,.pad-15 tboby{padding-left:15px !important}
#fixe{position:fixed;right:5%;bottom:5%}
.small a{color:#000 !important}
.col a{color:#000 !important}
.col span a{color:#000 !important}
#formContact{margin-left : 18%; margin-top : 1%; width: 60%;  border :20px; }

#formContactIdentite{float : left; margin-left:20% ; width:25%}
#formContactadresse{float : left; margin-left :5%; width: 32%;}
#formContactDomRoom{}
#formContactdom{float : left; margin-left:20% ; width: 25%;}
#formContactroom{float : left; margin-left:5% ;margin-bottom:5%;width: 32%;}
#formContacthorraires{margin-top:2%; margin-left:14% ; width: 70%}
#formContactheure{margin-left:20% ; width: 70% ; margin-top:4%;}
#duree{width: 55% ; margin-top:4%;display:inline!important;}
#planning{text-align:center}
#dureemin{width: 30% ;display:inline!important;}
#heure {width: 25%}
#voir{display:block}
#cacher{display:none}

@media only screen and (max-width:800px) {
	.accueil {
		display:none;
		}
	#element{
		left:0px;
		display:none;
	}
	.popup_block{
		width:100%!important;
		margin-left:0px!important;
		left:0px!important;
		margin-top:0px!important;
		top:0px!important;
		}
	#popup_name{
	left:0px;
	FLOAT:LEFT;
	}
}

table.ui-datepicker-calendar: {z-index: 10;}


/* ajout BL : YVIR */
#menuGauche div.panel {

}
#site_001 select.form-control, #area_001 select.form-control {
    pointer-events: none;
}


/* Ajout nouveau thème */
:root {
    --couleur1: #274869;
    --couleur2: #FAFAFA;
    --couleur3: #799CB1;
    --couleur4: #D6E3EA;
    --couleur5: #DCDCDC;
    --couleur6: #CA1D34;
}


* {
    color: var(--couleur1);
}
*:not(span.glyphicon) {
    font-family: "Open Sans", sans-serif !important;
}
body{background-color:var(--couleur2);}
a:link, a:visited {
    color: var(--couleur1);
}
#toTop b {
    color: var(--couleur1);
}
.cal_current_day {
    color: var(--couleur1);
    font-weight: bold;
    vertical-align: initial;
}
a:hover {text-decoration: none !important;}
table.table-striped th{background-color:var(--couleur3) !important; border:0px var(--couleur4) !important;}
.accueil{background-color:var(--couleur4);}
.administration{background-color:var(--couleur4);}
.configuration{background-color:var(--couleur4);}

.col-lg-3 {
    width: 18% !important;
}
.col-lg-9 {
    width: 82% !important;
}

#menuGauche{background-color:var(--couleur2);}
#menuGaucheMonthAll2{background-color:var(--couleur2);}
.calendar caption{background-color:var(--couleur2)}
.titre{color:var(--couleur3)}
.cellcalendar{background:var(--couleur2);}
a.lienPlanning:link,a.lienPlanning:visited{color:var(--couleur2);}
a.lienPlanning:hover{color:var(--couleur1);}
.pied_menuGauche{border-top-color: var(--couleur2)}
th{background-color:var(--couleur2) !important;}
td.calendarHeader2{background-color:var(--couleur2);color:red;}
#planning{background-color:var(--couleur2)}
#print_planning{background-color:var(--couleur2);}
.titre_planning{background-color:var(--couleur2)}
.titre_planning_week{background-color:var(--couleur2);}
.contenu_planning{background-color:var(--couleur2);}
.glyphicon-plus{color:var(--couleur1)}
#toppanel{border-bottom-color: var(--couleur4)}
.empty_cell {background-color: transparent;}
.table-bordered {border-color: var(--couleur4) !important;}
td.cell_hours2 {background-color: var(--couleur5) !important;}
.week td a {background-color: var(--couleur5);}
table.calendar > tbody > tr:first-of-type > td {color: var(--couleur1);}
.cellcalendar a:hover {background-color: #eaf4f8;}
.calendar caption button{color: var(--couleur1) !important;}
.btn-default {color: var(--couleur1) !important;}
.btn-default, .btn-default, .btn-default.focus, .btn-default, .btn-default.active, .open > .dropdown-toggle.btn-default {
    border-color: var(--couleur4) !important;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #eaf4f8 !important;
    border-color: var(--couleur4) !important;
}
.panel-default > .panel-heading {
    color: var(--couleur1) !important;
    background-color: var(--couleur5) !important;
    border-color: var(--couleur4) !important;
}
.btn-primary {
    color: var(--couleur1) !important;
    background-color: var(--couleur4) !important;
    border-color: var(--couleur4) !important;
}
.btn-primary:hover {
    border-color: var(--couleur4) !important;
}
.contenu_planning > table > tbody > tr > th:first-of-type {color: var(--couleur2)}
.contenu_planning > table > tbody > tr > th
, .contenu_planning > table > tbody > tr > th > a
, table.calendar tbody > tr > td.cellcalendar > a.calendar
, #toppanel td.accueil > h2 > a {font-weight: normal;}

.EditEntryTable {background-color: var(--couleur2);}

h2 {color: var(--couleur1) !important}
b, strong {color: var(--couleur1);}
button, input, optgroup, select, textarea {color: var(--couleur1) !important;}
form[action="edit_entry_handler.php"] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10rem;
}
#toppanel ~ h2:first-of-type {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.EditEntryTable > tbody > tr > td:last-of-type > .table-header:first-of-type {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.EditEntryTable > tbody > tr > td:first-of-type > .table-header:first-of-type > tbody > tr > td {
    padding-top: 10px;
    color: var(--couleur1);
}
.EditEntryTable > tbody > tr > td:first-of-type {
    padding-right: 5px;
}
.EditEntryTable > tbody > tr > td:first-of-type > .table-header:first-of-type > tbody > tr > td > input[name="all_day"] {
    margin-right: 5px;
}
.EditEntryTable > tbody > tr > td:first-of-type > .table-header:first-of-type > tbody > tr > td select[name="rooms[]"]{
    margin-right: 10px;
}
.EditEntryTable > tbody > tr > td:nth-of-type(0n+2) > .table-header td {
    color: var(--couleur1) !important;
}
.EditEntryTable > tbody > tr > td:nth-of-type(0n+2) > .table-header #menu1 {margin-top: 2rem;}
.EditEntryTable > tbody > tr > td:nth-of-type(0n+2) > .table-header #menu1 > tbody > tr:nth-of-type(0n+2) > td > .table > tbody > tr:last-of-type{
    display: none;
}
.EditEntryTable > tbody > tr > td:nth-of-type(0n+2) > .table-header #menu2 {
    margin-top: 1rem;
}
.EditEntryTable > tbody > tr > td:nth-of-type(0n+2) > .table-header #menu2 > tbody > tr:last-of-type input {
    margin-right: .5rem;
}
.EditEntryTable > tbody > tr > td:nth-of-type(0n+2) > .table-header #menu2 > tbody > tr:last-of-type input+input {
    margin-left: 1rem;
    margin-right: .5rem;
}

input.btn-primary.item_select {
    background-color: var(--couleur1) !important;
    color: var(--couleur2) !important;
}
#fixe{
    position: initial;
    text-align: center;
    margin-top: 2rem;
}
#fixe input {
    padding: 1rem 3rem;
}
#fixe input[type="button"]:nth-of-type(0n+2) {
    background-color: var(--couleur1) !important;
    color: var(--couleur2) !important;
}
#fixe input[type="button"]:nth-of-type(0n+2):hover {
    border-color: var(--couleur2) !important;
    background-color: var(--couleur3) !important;
}
#fixe input[type="button"]:first-of-type:hover {
    filter: brightness(85%);
}
#popup_name > fieldset {
    margin-top: 1rem;
}
#popup_name .btn-primary, #popup_name .btn-info {
    margin-right: 10px !important;
}
#popup_name .btn-primary {
    color: var(--couleur2) !important;
    background-color: var(--couleur1) !important;
}
#popup_name .btn-primary:hover {
    border-color: var(--couleur2) !important;
    background-color: var(--couleur3) !important;
}
#popup_name .btn-info {
    color: var(--couleur1);
    background-color: var(--couleur4);
    border: none;
}
#popup_name .btn-info:hover {
    filter: brightness(85%);
}
#popup_name .btn-danger {
    background-color: var(--couleur6);
    color: var(--couleur2);
}
#popup_name .btn-danger:hover {
    filter: brightness(125%);
}
#popup_name input.closepop {
    margin-right: 2rem;
    margin-bottom: 1rem;
}

#param_account > #fixe > div:first-of-type input.btn-primary {
    color: var(--couleur2) !important;
    background-color: var(--couleur1) !important;
}
#param_account > #fixe > div:first-of-type input.btn-primary:hover {
    border-color: var(--couleur2) !important;
    background-color: var(--couleur3) !important;
}
#param_account > .table-bordered > thead > tr > th {
    background-color: var(--couleur3) !important;
    border: 0px var(--couleur4) !important;
}
table.table_adm4 > tbody > tr > td:last-of-type > table > tbody > tr > td > img {
    display: none;
}
table.table_adm4 > tbody > tr > td:last-of-type > table > tbody > tr > td:last-of-type > p {
    display: none;
}
#colgauche fieldset legend {
    color: var(--couleur1);
}
form[action="admin_edit_room.php"] > div:last-of-type {
    margin-top: 2rem;
}
form[action="admin_edit_room.php"] > div:last-of-type > input[name="change_area"]
, form[action="admin_edit_room.php"] > div:last-of-type > input[name="change_area_and_back"]{
    color: var(--couleur2) !important;
    background-color: var(--couleur1) !important;
}
form[action="admin_edit_room.php"] > div:last-of-type > input[name="change_area"]:hover
, form[action="admin_edit_room.php"] > div:last-of-type > input[name="change_area_and_back"]:hover {
    border-color: var(--couleur2) !important;
    background-color: var(--couleur3) !important;
}
form[action="admin_edit_room.php"] > div:last-of-type > input[name="change_done"]:hover {
    filter: brightness(85%);
}
#fixe .btn-primary[type="submit"] {
    color: var(--couleur2) !important;
    background-color: var(--couleur1) !important;
}
#fixe .btn-primary[type="submit"]:hover {
    border-color: var(--couleur2) !important;
    background-color: var(--couleur3) !important;
}
form[action="admin_save_mysql.php"] .btn-primary:hover {
    filter: brightness(85%);
}
form[action="admin_open_mysql.php"] .btn-primary:hover {
    filter: brightness(85%);
}
form#nom_formulaire[action="./admin_config.php?page_config=6"] .btn-primary:hover {
    filter: brightness(85%);
}
form#nom_formulaire[action="./admin_config.php?page_config=6"] > table:first-of-type th {
    background-color: var(--couleur3) !important;
    border: 0px var(--couleur4) !important;
}
form[action="admin_type_modify.php"] > table:last-of-type {
    margin-top: 2rem;
}
form[action="admin_type_modify.php"] > table input[type="submit"][name="change_type"]
,form[action="admin_type_modify.php"] > table input[type="submit"][name="change_done"]
,form[action="admin_type_modify.php"] > table input[type="submit"][name="change_room_and_back"]
,form[action="admin_user_modify.php?display="] input[type="submit"] {
    /*de bootstrap btn-primary*/
    -webkit-appearance: button;
    cursor: pointer;
    display: inline-block;
    white-space: pre-wrap;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-color: var(--couleur4) !important;
    border-radius: 4px;

    padding: 1rem 3rem;
}
form[action="admin_type_modify.php"] > table input[type="submit"][name="change_type"]
,form[action="admin_type_modify.php"] > table input[type="submit"][name="change_room_and_back"]
{
    color: var(--couleur2) !important;
    background-color: var(--couleur1) !important;
    margin-right: 2rem;
}
form[action="admin_type_modify.php"] > table input[type="submit"][name="change_type"]:hover
,form[action="admin_type_modify.php"] > table input[type="submit"][name="change_room_and_back"]:hover {
    border-color: var(--couleur2) !important;
    background-color: var(--couleur3) !important;
}
form[action="admin_type_modify.php"] > table input[type="submit"][name="change_done"] {
    background-color: var(--couleur4);
    border: none;
    margin-right: 2rem;
}
form[action="admin_type_modify.php"] > table input[type="submit"][name="change_done"]:hover {
    filter: brightness(85%);
}

form[action="admin_edit_room.php"] > div:last-of-type > input[type="submit"][name="change_room"]
, form[action="admin_edit_room.php"] > div:last-of-type > input[type="submit"][name="change_room_and_back"]{
    color: var(--couleur2) !important;
    background-color: var(--couleur1) !important;
}
form[action="admin_edit_room.php"] > div:last-of-type > input[type="submit"][name="change_room"]:hover
, form[action="admin_edit_room.php"] > div:last-of-type > input[type="submit"][name="change_room_and_back"]:hover {
    border-color: var(--couleur2) !important;
    background-color: var(--couleur3) !important;
}
form[action="admin_edit_room.php"] > div:last-of-type > input[type="submit"][name="change_done"] {
    margin-right: .5rem;
}

form[action="admin_overload.php"] + table th {
    background-color: var(--couleur3) !important;
    border: 0px var(--couleur4) !important;
}
form[action="admin_user_modify.php?display="] input[type="submit"] {
    color: var(--couleur2) !important;
    background-color: var(--couleur1) !important;
}
form[action="admin_user_modify.php?display="] input[type="submit"]:hover {
    border-color: var(--couleur2) !important;
    background-color: var(--couleur3) !important;
}
/*
#ffd040
#ca1d34
#1a237e
#455a64
#f7f5f3

Indicateurs :
Rouge : #aa1717
Orange : #c45117
Vert : #248836

*/