body {
	background: #0064B3;
}
#sidebar {
	zzz-index:1000000;
	ZZZposition:fixed !important;
}
#header {
	z-index:0;
	ZZZposition:fixed !important;
}
/* Icones dans les menus */
.side-menu .menu-item span.icon {
    font-size: 16px;
}
.side-menu > li > a {
    font-size: 20px;
    line-height: 40px;
}
.modal {
	background: rgba(255,255,255,0.25);
	background-color: rgba(255, 255, 255, 0.247059);
}
/* Fenêtre de connexion */
select#id_plongeur.form-control {
	color:black;
	border:1px solid #888;
}
select#id_plongeur.form-control option {
    background:rgba(0,0,0,0.75) !important;
    color:white !important;
}
.sweet-alert input {
	color:black;
}
/* SweetAlerts */
.sweet-alert {
	background-color: white !important;
	box-shadow: 5px 5px 10px rgba(0,0,0,.5) !important;
	color:black;
}
.sweet-alert button {
	color: #fff;
	border: none;
	box-shadow: none;
	font-size: 15px;
	font-weight: 200;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 5px 10px;
}
.sweet-alert .sa-error-container.show, .sweet-alert .sa-error-container.show p a {
	padding: 5px 0;
	max-height: 100px;
	webkit-transition: padding 0.2s,max-height .2s;
	transition: padding 0.25s,max-height .25s;
	color:black;
}
table.dataTable.collapsed.dtr-inline {
	width:100% !important;
}
table.dataTable {
	margin:0 !important;
}
/* Cadres d'alerte */
.alert {
    background:rgba(0,0,0,0.25) !important;
    color:#fff;
    font-family: open-sans-light, sans-serif;
}
/* Petite croix des alertes masquables */
.close {
    opacity:0.8;
    moz-opacity:0.8;
}
button.close span {
    color:white !important;
}
/* Pour affichage sur iPhone */
@media screen and (max-width: 499px) {
    #main {
        overflow: hidden;
    }
    span.icon {
	    left:10px;
		position:absolute;
	}
	.side-menu span.menu-item {
		top: -90px !important;
		padding: 5px 15px 13px 8px;
	}
}
.file-preview-frame, .kv-fileinput-caption {
	background: white !important;
	color:black !important;
}
.kv-caption-icon {
	border:0 !important;
}
.paginate_button.disabled, .paginate_button.disabled a {
    background:transparent !important;
    border:1px solid rgba(255,255,255,0.15) !important;
    color:#444 !important;
}
@media screen {
    .bg-danger, tr.danger td {
        background:rgba(255,0,0,0.15) !important;
        color:#ffe0e0 !important;
    }
    .bg-success, tr.success td {
        background:rgba(0,255,0,0.15) !important;
        color:#e0ffe0 !important;
    }
    .bg-info, tr.info td {
        background:rgba(0,0,255,0.15) !important;
        color:#e0e0ff !important;
    }
    .bg-warning, tr.warning td {
        background:rgba(255,255,0,0.15) !important;
        color:#ffffe0 !important;
    }
}
@media print {
    .bg-danger, tr.danger td {
        background:rgba(255,0,0,0.15) !important;
        color:black !important;
    }
    .bg-success, tr.success td {
        background:rgba(0,255,0,0.15) !important;
        color:black !important;
    }
    .bg-info, tr.info td {
        background:rgba(0,0,255,0.15) !important;
        color:black !important;
    }
    .bg-warning, tr.warning td {
        background:rgba(255,255,0,0.15) !important;
        color:black !important;
    }
}
/* Couleurs */
.cal-default {
    background:rgba(255,255,255,0.25);
}
.cal-info {
    background:rgba(0,0,255,0.25);
}
.cal-success {
    background:rgba(0,255,0,0.25);
}
.cal-warning {
    background:rgba(255,0,255,0.25);
}
.cal-danger {
    background:rgba(255,0,0,0.25);
}
.border-danger {
	border-left:thick solid rgba(255,0,0,0.75) !important;
}
.border-warning {
	border-left:thick solid rgba(255,0,255,0.75) !important;
}
.border-success {
	border-left:thick solid rgba(0,255,0,0.75) !important;
}
.border-info {
	border-left:thick solid rgba(0,0,255,0.75) !important;
}
.border-default {
	border-left:thick solid rgba(255,255,255,0.75) !important;
}
/* Label des fenetres modales */
div.input-group.input-group-sm span {
	background:white !important;
	border:1px solid #545554;
	color:black !important;
}
/* Modal de rédaction des e-mails */
#sujet_email {
    background:white !important;
    color:black !important;
}
div.jHtmlArea iframe, div.jHtmlArea div, div.jHtmlArea textarea {
    color:black !important;
    background:white !important;
}
label, textarea, span.input-group-addon {
    background:0 !important;
    color:white !important;
}
.supprimer {
    display:inline;
}
.supprimer_hidden {
    display:none;
}
#top-menu #time {
    margin-right: 40px !important;
}
div.jumbotron, div.alert {
    background:rgba(255,255,255,0.25);
}
div.panel-success {
    color:#fff;
    background:rgba(255,255,255,0.25);
}
.panel-success>.panel-heading {
    background:rgba(214,233,198,0.25);
}
.input-group-addon {
    background:rgba(255,255,255,0.25);
    color:#fff;
}
/* Roue crantée de sélection des thèmes */
#settings {
    top: 5px;
}
/* Calendrier */
#heure_du_jour0, #heure_du_jour1, #heure_du_jour2, #heure_du_jour3, #heure_du_jour4 {
    float:left;
    min-height:26px;
    width:68px;
    margin:0 0 2px 0 !important;
    padding:1px 5px 0 0 !important;
    text-align:right;
    font-size:8pt;
}
#programme_du_jour0, #programme_du_jour1, #programme_du_jour2, #programme_du_jour3, #programme_du_jour4 {
    float:left;
    width:120px;
    min-height:16px;
    margin:0 !important;
    padding:0 !important;
    padding-left:5px !important;
    text-align:left;
    font-size:9pt;
    overflow:hidden; /* pour Opera 9 */
    text-overflow: ellipsis;
}
.responsive-calendar .day a, .responsive-calendar .day .badge {
    cursor:default !important;
}
span.badge {
    border-radius:9px !important;
    background:white !important;
    color:black !important;
    left:20px;
    width:14px;
    padding:2px;
}
/* Affichage en haut des photos aggrandies */
@media (max-width: 600px) {
	table.blocInfoPhoto td, table.blocInfoPhoto th {
		font-size:1.7vw!important;
	}
}
@media (min-width: 600px) {
	table.blocInfoPhoto td, table.blocInfoPhoto th {
		font-size:1.4vw!important;
	}
}
@media (min-width: 900px) {
	table.blocInfoPhoto td, table.blocInfoPhoto th {
		font-size:9pt!important;
	}
}
@media (min-width: 1100px) {
	table.blocInfoPhoto td, table.blocInfoPhoto th {
		font-size:10pt!important;
	}
}
table.blocInfoPhoto td, table.blocInfoPhoto th {
	margin:0 !important;
	padding:0 10px !important;
	line-height: 1.1em !important;
}
table.blocInfoPhoto {
	width:100%
}
table.blocInfoPhoto td {
	background-color:rgba(255,255,255,1 );
	color:black !important;
}
table.blocInfoPhoto th {
	background-color:rgba(0,0,0,1);
	color:white !important;
}