/* Général */
body {
    background: url('avion_papier.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
}

#pass { margin-top: 5%; height: 270px; vertical-align: middle; }

a:focus { text-decoration: none; }
a:hover { color: red; cursor: pointer; }
td:hover { cursor: pointer;}

/* je dois pouvoir faire mieux*/
#loader {
    position: fixed;
    z-index: 9999;
    background-color: #FFF;
    background-image: url('radar.GIF');
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* NAV */
.navbar { border-radius: 0; font-size: 14px; font-weight: bold; }
.navbar-header { font-size: 18px; }
.navbar input { text-transform: uppercase; }

/* HEADER */
h1 { font-weight: bold; }

/* Selection semaine */
a, h3, h2 { text-decoration: none; text-align: center; color: black; }
.weeks { margin: 0.14%; }
.dateActive { color: red;background-color: lightblue;border-radius: 6px;}

/* Table */
th, td { text-align: center; white-space: nowrap; overflow: hidden; }
#optionsics {display:inline-block;background-color:beige;border-radius:5px;border:1px solid darkblue;}
#optionsics td {min-width:55px;font-weight:bold;color:darkblue;}

#smartTab { display: none; }
.week, #cont_table_admin { overflow: auto; }
.table-bordered thead > tr > th, .table-bordered tbody > tr > td { border: 2px solid white; }
.table-bordered tbody tr:nth-child(even) { background-color: rgba(80, 80, 80, 0.2); }
.table-bordered th, .trigramme { background-color: rgba(170, 220, 220, 0.7); }
.table .titreToday { background-color:rgba(0, 255, 0, 0.4); }
.table .today { background-color:rgba(0, 255, 0, 0.1); }
.table .titreWeekend { background-color:rgba(255, 70, 58, 0.4); }
.table .weekend { background-color:rgba(255, 70, 58, 0.1); }
.table .selected { border-radius: 3px; box-shadow:0px 0px 2px 2px red; background-color:yellowgreen;font-weight:bold;} /* border-radius ne marche pas... */
.table .nomcomplet {
	position:absolute;
	display:inline-block;
	visibility:hidden;
	border:1px solid black;
	background-color:lightgrey;
	padding:3px;
	border-radius:3px;
	margin-left:-60px;
	}
.table .trigramme:hover + .nomcomplet {visibility:visible;}
/* Choix activité */
#actionBar { padding-bottom: 1%; margin: 1%; border: 1px solid white; }
#activite { display: inline-block; vertical-align: middle; text-align: center; padding: 1%; }
.activite { margin-right: 3%; padding: 1% 1% 1% 1%; border-radius: 10px; box-shadow: 3px 3px 5px black; overflow: hidden; }
.checkbox { padding-top: 2%; }
.of, .su, .eq, .mi, .co , .st{ border-radius: 5px; overflow: hidden; }
#off, .of { background-color: silver; }
#stage, .st { background-color: gray; }
#sub, .su { background-color: green; color: white; }
#equipe, .eq { background-color: maroon; color: white; }
#mission, .mi { background-color: navy;  color: white; }
#conges, .co { background-color: olive; }
.m { width: 50%; float: left; }
.a { width: 50%; float: right; }
#repetDetails { display: inline-block; border: 1px solid white; padding: 1%;}

/* ADMIN */
#table_admin tr { height: 40px; }
#prenom { text-transform: capitalize; }
#nom { text-transform: capitalize; }
#trigramme { text-transform: uppercase; }
#admin h3 { padding: 2%; }

/* MOIS */
#corpsMois .table tr { height: 60px; }
#corpsMois .table th { font-size: 18px; }
#corpsMois .table td { border:1px solid black; transition: box-shadow 0.5s; width: 90px; height: 80px; text-align: left; }
#corpsMois td:hover { box-shadow: 0px 0px 2px 3px #F55 inset; transition: box-shadow 0s;}
.sideMonth { background-color: #EEE; }
.aujourdhui { box-shadow:0px 0px 2px 3px #5F5 inset; }
.relative { position: relative; }
.day { position: absolute; font-weight: bold; font-size: 19px; bottom: -70px; right: 0; color: #8C8C8C; z-index: 1; }
.daytitle { display: none; }
.events ul { position: relative; height: 0; margin: -39px 0px 0px; padding: 39px 0px 0px; }
.events li { width: 95px; height: 11px; float: left; overflow: hidden; font-size: 10px; }
#colonneEvents h3 { color: red; padding: 2%; }
#colonneEvents p { font-size: 16px; padding: 5%; }
#colonneEvents h4 { font-size: 17px; }
textarea { resize: none; }
.airac { color: red; }
.personnesRequises { border: 1px solid red; padding: 0 1% 0 1%; margin: 0 1% 0 1%; }
.eventARemplir { background: #ADFF2F; }
#modaleEvenement [class*="col-"] { padding-left:1%; }
.colle { margin: 0; padding: 0;}

/* AGENDA INDIVIDUEL */
#agendaIndividuel .table td { text-align: center; height : 60px; }
#agendaIndividuel .act .m, #agendaIndividuel .act .a { width: 100%; }
#agendaIndividuel .workingDays { position: absolute; font-weight: bold; font-size: 16px; top: -5px; left: -5px; color: #8C8C8C; z-index: 1; padding: 2px; width: 30px; height: 30px; background-color: rgba(200,80,80,0.6); border-radius: 20px;}
#agendaIndividuel .day { padding: 2px; width: 30px; height: 30px; background-color: rgba(255,255,255,0.8); border-radius: 30px; right: -5px; bottom: -50px; }
#agendaIndividuel .day:hover, #agendaIndividuel .workingDays:hover { border: 1px solid black; }
#agendaIndividuel .j { height: 42px; }
#agendaIndividuel td.a { vertical-align: bottom; }
#lien_ics {width:440px;;}

/* CASES REMARQUES */
.pointRemarque { display: inline-block; width: 8px; height: 8px; background: #333; border-radius: 4px; overflow: hidden; margin: 1px; }
.su .pointRemarque, .mi .pointRemarque, .eq .pointRemarque { background: white; }
.popover-content { color: black; }
.popover-title {background-color:grey;color:white;text-align:left;font-size:.9em;font-weight:bold;}

/* A PROPOS */
#aPropos form { margin: 3%; }
#aPropos #textarea { margin: 2%; }
#modaleManuel { text-align: left; }
#modaleManuel h4 { color: #55F; }
#modaleManuel h5 { font-size: 17px; }

/* FOOTER */
footer { margin: 5%; }

/* RESPONSIVE SMARTPHONE */
@media all and (max-width: 768px) {

    header, footer { display: none; }

    /*thead { display: none; }*/
    .years, .months, .weeks, #stdTab { display: none; }
    .dateActive { display: inline; }
    #smartTab { display: table-row; }
    th, td { max-width: 45px; }

    .of, .su, .eq, .mi, .co, .st {
        text-indent: 100%; /* faire dépasser le contenu */
        white-space: nowrap; /* ne pas autoriser les retours à la ligne */
         /* overflow: hidden; cacher le texte qui dépasse du cadre, l'overflow est déjà présent plus haut */
    }

    .activite { margin: 0; }
}