/* 	99Lime.com HTML KickStart by Joshua Gatcke	style.css */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

h1,h2,h3,h4,h5,h6{ font-family: "Roboto", sans-serif, sans-serif; font-weight:400; }
h1{font-size:2.2em; font-family: "Roboto", sans-serif, arial, verdana, sans-serif; font-variant:small-caps;}
h2{font-size:1.7em; font-family: "Roboto", sans-serif, arial, verdana, sans-serif; font-variant:small-caps;}
h3{font-size:1.3em; font-family: "Roboto", sans-serif, arial, verdana, sans-serif; font-variant:small-caps;}
h4{font-size:1em; font-family: "Roboto", sans-serif, arial, verdana, sans-serif;}
h5{font-size:0.9em; font-family: "Roboto", sans-serif, arial, verdana, sans-serif;}
h6{font-size:0.8em; font-family: "Roboto", sans-serif, arial, verdana, sans-serif;}

hr{border: 0; border-bottom: solid 1px #5a6334; margin:2em 0 1em 0; }

thead th,tbody th{ padding:8px 12px; font-family: "Roboto", sans-serif, arial, verdana, sans-serif; background-color:#EEE; color:#006; }
button, a.btn, input[type="submit"], input[type="reset"], input[type="button"]{ font-family: "Roboto", sans-serif, arial, verdana, sans-serif; padding:3px 6px 3px 4px; }
blockquote{ font-family: "Roboto", sans-serif, arial, verdana, sans-serif; font-size:1em; line-height:1.5em; font-style: italic; margin:30px; padding:0 0 0 10px; border-left:3px solid #ccc; }

html{ min-height:100%; background:#5a6334; color:#414141; font-family: "Roboto", sans-serif, arial, verdana, sans-serif; }
body{ background:#c5d59a; margin:0; padding:0 0 0 0; padding-top:80px; color:#414141; font-weight:300; font-size:11pt; font-family: "Roboto", arial, verdana, sans-serif; text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */}
.grid{ max-width: 1920px; }

#footer{position: relative; margin:4em 0 0 0; padding:0px; padding-top:1em; color:#fff; background:#5a6334; border-top:solid 1px #ced57b; }
#footer a:link{color:#fff; text-decoration:none;}	
#footer a:visited{color:#fff; text-decoration:none;}	
#footer a:hover{color:#F4F4F4; text-decoration:none; border-bottom:1px dotted #F4F4F4;}	

.navbar{ position:fixed; top:0; left:0; width: 100%; background:#5a6334; /* Old browsers */ color:#fff; z-index:1000; border-bottom:1px solid #ced57b; }
.navbar ul{	display:inline-block; margin:0;	padding:0;	}
.navbar li{	margin:0; padding:0; list-style-type:0;	display:inline-block; }
.navbar li a{display:inline-block; color:#fff; padding:0.7em 1em; text-decoration:none;	text-transform: uppercase; line-height:100%; font-size: 1.2em;}
.menu{ font-family: "Roboto", sans-serif, arial, verdana, sans-serif; border:0; font-weight:300; }
.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;text-align:left; min-width:300px;max-width:200%;*width:auto;}

@media (max-width: 768px) { .right{ text-align:left;} .grid{padding: 0 5px;} }
input, select,button { font-family: "Roboto", sans-serif, arial, verdana, sans-serif; }

.largeurplanning { width:100%; overflow: auto; margin: 2em 0; }
.colsemaine { width:100%; min-width: 1680px; display: flex; flex-wrap: nowrap; align-content: stretch; justify-content: space-between; padding: 0; margin: 0; }
.coljour1,.coljour2, .coljour3, .coljour4, .coljour5  { width:15%; padding:0;  }
.coljour6,.coljour7  { width:11%; padding:0;  }
.coljour7 { border:2px solid #B0200F; }
.coljour1 h3, .coljour2 h3, .coljour3 h3, .coljour4 h3, .coljour5 h3, .coljour6 h3, .coljour7 h3 { border: 1px solid #ccc; padding:5px; text-align: center; background: #D7D6D6; margin-bottom: 10px; margin-top: 0;}
.colmatin { display: flex; flex-wrap: wrap; justify-content: flex-start;  align-items: flex-start; width : 100%; border: 1px solid #ccc; padding:5px; min-height:25vh; background: #F4F4F4; margin-bottom: 0; }
.colapm { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width : 100%; border: 1px solid #ccc; padding:5px; min-height:25vh; background: #F4F4F4; }
.colmatin > .user, .colapm  > .user { width : 33%; padding:5px; }
.coljour1 > .total, .coljour2 > .total, .coljour3 > .total, .coljour4 > .total, .coljour5 > .total, .coljour6 > .total, .coljour7 > .total { 
	border: 1px solid #ccc; padding:5px; text-align: center; background: #F0F0F0; margin-bottom: 2em; margin-top: -1px; }
.coljour1 > .entete, .coljour2 > .entete, .coljour3 > .entete, .coljour4 > .entete, .coljour5 > .entete, .coljour6 > .entete, .coljour7 > .entete { 
	border: 1px solid #ccc; padding:5px; text-align: center; background: #F0F0F0; margin-bottom: -1px; font-weight: 600; }
.coljour1 > .pieddejour, .coljour2 > .pieddejour, .coljour3 > .pieddejour, .coljour4 > .pieddejour, .coljour5 > .pieddejour, .coljour6 > .pieddejour, .coljour7 > .pieddejour { 
	border: 1px solid #666; padding:5px; text-align: center; background: #F0F0F0; margin: -1.5em 0 2em 0; font-weight: 600; 
}
.colrepas { width:100%;border:1px solid #ccc;padding:5px;background:#F4F4F4;margin:-1.5em 0 1em 0; text-align: center; font-size:12px;}
.avatarfoto { position:relative; border-radius: 50%; border: 1px solid #333; }
.avatarnom { position:relative; border:1px solid #333; background:white; font-size:13px; text-transform: uppercase; text-align:center; margin-top: -10px; padding: 2px; }
.avatardetail { position:relative; border:1px solid #333; background:white; font-size:12px; text-transform: uppercase; text-align:center; margin-top: -1px; padding: 2px; }
.avatarlieu { position:relative; border:1px solid #333; background:white; font-size:11px; text-transform: uppercase; text-align:center; margin-top: -1px; padding: 2px; }
.avataractions { position:relative; border:1px solid #333; background:white; font-size:15px; text-transform: uppercase; text-align:center; margin-top: -1px; padding: 2px;  }
.creneau { position:relative; border:1px solid #333; background:white; font-size:1em; width:100%; text-align:center; margin: 2px 0 10px; padding: 2px; height:auto; line-height: 1.2; min-height: 20vh; }
.TitreCreneau { margin: 0 0 10px 0; padding:5px 0 5px 0; border-bottom:1px dotted #2c557a;}
.creneauconges { position:relative; border:1px solid #333; background:#666; color: white; margin: 2px 0 10px; width:100%; text-align:center; min-height: 20vh; display: flex; align-items: center; justify-content: space-evenly;}
.creneaucongesjour{ position:relative; border:1px solid #333; background:#666; color: white; width:100%; text-align:center; min-height: calc(50vh + 8em); display: flex; align-items: center; }
.creneaucongesjour .item{ width: 100%; text-align: center; }
.detail { position:relative; background:white; font-size:11px; width:100%; text-align:center; margin: 5px 0 10px; padding: 2px; font-style:italic;}
.tache { position:relative; background:#F4F4F4; font-size:13px; width:100%; text-align:left; margin: 3px 0; padding: 2px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
.addtache { display:inline-block; text-decoration:none; background:rgba(77, 153, 224, 0.3); border-radius:5px; padding:5px; font-size:1em; margin:1em auto; color:#2c557a; }
.ResaATT { position:relative; border:1px solid #333; background:#FAD8B2 ; font-size:0.9em; width:100%; text-align:center; margin: 2px 0 5px; padding: 2px; height:auto; line-height: 1.2; }
.ResaVAL { position:relative; border:1px solid #333; background:#C3E7A1; font-size:0.9em; width:100%; text-align:center; margin: 2px 0 5px; padding: 2px; height:auto; line-height: 1.2; }
.TitreResa { margin: 0 0 5px 0; padding:3px 0 3px 0; border-bottom:1px dotted #2c557a; line-height: 1.2; }
.item{ text-align:center; }

@media print { 
	#footer { display:none; }
	body,html { background: white; padding:0; }
	.navbar { display:none; }
	.colsemaine { width:100%; min-width:100%; }
	.noprint { display:none; }
	.tabs { display: none; }
	.avataractions { display: none; }
	.avatardetail{line-height:1; }
	.tab-content { border:0; padding: 0; }
	.coljour1 h3, .coljour2 h3, .coljour3 h3, .coljour4 h3, .coljour5 h3, .coljour6 h3, .coljour7 h3 { font-size:0.8em;}
	.largeurplanning { overflow: hidden; margin: 0;}
	.coljour7 { border:none; }
}