@charset "utf-8";
/* CSS Document */
/* http://www.colorzilla.com/gradient-editor/ */

/*########################################################################*/
/*Import des polices de caractère*/
/*########################################################################*/
@import url(https://fonts.googleapis.com/css?family=Roboto);
/*@import url(https://fonts.googleapis.com/css?family=Kalam:700);
/*@font-face{
	font-family:'kalambold';
	src:url('fonts/Kalam-Bold.ttf') format("truetype");
	font-weight:normal;
	font-style:normal;
}*/
.tableau_quietait{
  margin:auto;
  border-collapse: inherit;
    border-spacing: 0;
}
.tableau_quietait td{
  padding:4px;
      border-color: lightgray;
    border-width: 1px;
    border-style: solid;
}
.datejour{
  font-size:2em;
}
/*########################################################################*/
/*week.php*/
/*########################################################################*/
.weekdiv {
    /*week.php - grand tableau de la semaine (général)*/
    padding: 4px;
    background-color:#fbfbfb;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    margin:4px;
    font-family:Helvetica;
    /*border-width: 0px;*/
}
.nickname{
  font-style:italic;
  color: black;
  background: lightgoldenrodyellow;
  padding: 3px;
  margin:5px;
}
.locked{
    border-color: #F00 !important;
    border-style: dashed !important;
    border-width: 3px;
    /*background-color: #efd9db;*/
}
.weektable {
    /*week.php - grand tableau de la semaine (général)*/
    padding: 0px;
    text-align:center;
    width:1000px;
    margin:0px;
    border-spacing: 0px;
    border-collapse: separate;
    /*border-width: 0px;*/
}
.ligne_etiquettes_jour {
   /* Permalink -    background-color:#f1f1f1;
    use to edit and share this gradient: http://colorzilla.com/gradient-editor/#707070+0,707070+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top, rgba(189,189,189,0.65) 0%, rgba(189,189,189,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(189,189,189,0.65) 0%,rgba(189,189,189,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(189,189,189,0.65) 0%,rgba(189,189,189,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6bdbdbd', endColorstr='#00bdbdbd',GradientType=0 ); /* IE6-9 */  
    margin:0px; 
}
.ligne_etiquettes_jour_draft {
    background-color:#fbff6057;
    margin:0px; 
}
.colonne_etiquette_creneau {
    background-color:#f1f1f1 !important;
    margin:0px; 
}
.weektd{
    /*week.php - fond de chaque case du grand tableau*/
   padding:8px;
   width:190px; /* or whatever width you want. */
   max-width:190px; /* or whatever width you want. */
}
.vacations_creneau_table {
    /*week.php - case d'un créneau pour 1 jour (4 heures)*/
    padding: 0px;
    width:150px;
    max-width:150px;
    border-width: 0px;
    background-color: transparent;
    margin:0px;
}

.effectif_jour_table{
    margin:auto;
}
.initiales_medecin{
    font-size:12px;
    font-weight:bold;
}
.case_planning{
    /*définit l'aspect d'une case du planning_tiers (celle qui contient les 3 tiers)*/
    font-size:12px;
    margin: 0;
    padding: 0;
}
.planning_tiers{
    /*définit l'aspect de base d'une petite case de planning (largeur et curseur)*/
    width:16px;
    min-width:16px;
	  height:18px;
	  cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.border_bottom_dotted{
    border-bottom: 1px solid;
    border-bottom-color:#e6e6e6;
}
.border_left_dotted{
    border-left: 1px solid;
    border-left-color:#e6e6e6;
}
.big_border_bottom_dotted{
    border-bottom: 3px solid;
    border-bottom-color:#9a9a9a;
}

.legende_tableau{
    border: 0px solid transparent;
}
.legende_tableau_ligne{
    line-height: 10px;
}
.legende_texte{
    font-size:9px;
    color:#AAA;
    vertical-align:inherit;
}
.legende_texte_td{
    margin-right:4px;
    margin-left:4px;
}
.legende_case{
    font-size:9px;
    color:#AAA;
    vertical-align:inherit;
}

.borderblack{
    /*définit l'aspect d'une case du planning en tiers quand elle est active*/
	 border: 1px solid !important;
   border-color:#000000;
}
.borderedition{
    /*définit l'aspect d'une case du planning en tiers quand elle est active*/
  /*outline: 2px dotted rgba(0,0,255,1);*/
  transition: 0.2s all ease-in;
}
.change_vacataire_dropdownitem{
  	  cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*########################################################################*/
/*Général*/
/*########################################################################*/
.lockunlockbuttons{
}


@media print {
    footer {page-break-after: always;}
    .titre{
        font-family: 'Roboto', sans-serif;
    	font-size: 18px;
    }
    .petit{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 8px;
    }
    .trespetit{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 7px;
    }
    .normal{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 9px;
    }
    .moyen{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 10px;
    }
    .moyenplus{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 12px;
    }
    .grand{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 18px;
    }
}

@media screen {

    .titre{
        font-family: 'Roboto', sans-serif;
    	font-size: 18px;
    }
    .petit{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 10px;
    }
    .trespetit{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 7px;
    }
    .normal{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 12px;
    }
    .moyen{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 14px !important;
    }
    .moyenplus{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 16px !important;
    }
    .grand{
    	font-family: Tahoma, Geneva, sans-serif;
    	font-size: 24px;
    }
}
.historique{
	
}
.italique{
    font-style: italic;
}
.glowing-border {
    border: 2px solid #dadada;
    border-radius: 7px;
}

.glowing-border:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
.padding8{
    padding: 8px;
}
.padding4{
    padding: 4px;
}
.registry_table{
    border-spacing: 3px;
    padding:8px;
}
.registry_cell{
    padding-right: 18px;    
    
}
.lien{
    cursor:pointer;
}
.hiddenlink{
    text-decoration: none;
    color:#000;
}
.strikethrough{
    text-decoration: line-through;
}
.grisclair{
	color:#888;
}
.blanc{
	color:#FFF;
}
.noir{
	color:#000;
}
.rouge{
	color:#F00;
}
.orange{
	color:#fe9817;
}
.light{
	color: #DDD;
}
.edition_en_cours{
	color: #0000FF;
  background-color: aliceblue;
}
.white{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.cache{
    visibility: hidden;
    display:none;
}
.montre{
    visibility: visible;
    display:inline;
}
.sombre{
	background:rgba(0,0,0,0.3);
  opacity: 100;
	color:#FFFFFF;
}
.vacation_fermee{
	background:rgba(255,0,0,0.5);
  opacity: 100;
	border-style:dotted;
	border-width:2px;
	border-color:#FF0000;
}
.vacation_ouverte{
	background:rgba(0,255,100,0.2);
  opacity: 100;
	border-style:dotted;
	border-width:2px;
	border-color:transparent;
}
.vacation_annulee{
	border-style:dotted;
	border-width:2px;
	border-color:#CCCCCC;
	color:#555555;
}
.content, .sidebar { float: left; }
.content { width: 68%; margin-right: 5%; }
.sidebar { width: 27%; }
.boxgrise { background: #eee; border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; }
.vmid { vertical-align: middle; }
/*########################################################################*/
/*Général ; disposition de page*/
/*########################################################################*/

@media print {
    .fondpagestd{
				margin:0px;
        padding:1%;
        width:21cm;
    }  
}
@media screen {
    .fondpagestd{
        /*background-color:#dfdfdd;*/
				margin:0px;
        padding:0px;
    }    
}
.centre {
	vertical-align: middle;
	text-align: center;
}
/*########################################################################*/
/*Header*/
/*########################################################################*/
.titrepage{
    /*définit l'aspect du texte du header*/
  font-family: 'berlin';
	font-size: 28px;
	color: #FFF;
	text-align: center;
	padding:10;
  -webkit-font-smoothing: antialiased;    
}
.soustitrepage{
    /*définit l'aspect du texte du header*/
  font-family: 'berlin';
	font-size: 14px;
	color: #FFF;
	text-align: center;
	padding:10;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
}
.image_avatar{
    border:none;
}

/*########################################################################*/
/*index.php*/
/*########################################################################*/

.titreboite {
    /*définit l'aspect de la boite de titre d'un secteur (avec dégradé sombre)*/
    font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FFF;
	padding: 8px;
	border:none;
	
    background: rgb(76,76,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
.dayiconcanvas{
    width:64px;
    height:64px;
    background-color: #EEDDEE;
}
.day_remarks{
    color: #000;
    background: #ffc;
    display: block;
    text-align: center;
    perspective-origin: 100px 12.5px;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 15px 5px 0px;
    padding:0.5em;
    margin-bottom:1em;
    cursor:pointer;
}
.clickable{
    /*définit l'aspect de base d'une petite case de planning (largeur et curseur) UTILITE A VERIFIER VS PLANNING_TIERS*/
	  cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.case_planning_titre_jour{
    /*définit l'aspect du texte dans le planning tiers (titres des lignes (initiales médecins) et des colonnes (jours)*/
    font-size:10px;
    font-weight:bold;
    text-align:center;
}
.case_planning_titre_droite{
    /*définit l'aspect du texte dans le planning tiers (titres des lignes (initiales médecins) et des colonnes (jours)*/
    font-size:10px;
    font-weight:bold;
    text-align:right;
}
.borderblue{
    /*définit l'aspect d'une case du planning en tiers quand elle est active*/
	 border: 1px solid transparent;
   border-color:#2648d7;
}
.bordergray{
    /*définit l'aspect d'une case du planning en tiers quand elle est INactive*/
    border: 1px solid;
    border-color:#aaaaaa;
}
.borderego{
    /*définit l'aspect d'une case du planning en tiers quand elle est INactive*/
    border: 1px solid transparent;
    border-color:#000000;
}
.borderother{
    /*définit l'aspect d'une case du planning en tiers quand elle est INactive*/
    border: 1px solid transparent;
    border-color:#b4b4b4;
}
.bordernone{
    /*définit l'aspect d'une case du planning en tiers quand elle est cachée*/
    border: 0px solid transparent;
}
.present{
    /*planning_tiers : un des styles*/
	  background: #fdfdc4;
    border: 1px solid solid !important;
}
.absent{
    /*planning_tiers : un des styles*/
    background: #111111;
}
.formation{
    /*planning_tiers : un des styles*/
    background: #f38f07;
}
.demijournee{
    /*planning_tiers : un des styles*/
    background: #8e938c;
}
.reunion{
    /*planning_tiers : un des styles*/
    background: #fe6ee2;
}
.reposgarde{
    /*planning_tiers : un des styles*/
    background: #494cac;
}
.scolaire{
    /*planning_tiers : un des styles*/
    background: #DDE;
}
.fluovert{
    background: #00ed2c
}
.closed{
    /*planning_tiers : un des styles*/
    background: #FFF;
    border: 1px solid #efefef !important;
    border-color:#efefef;
}









table{
	border-collapse:inherit;
	border-spacing:2px;
}
td{
	padding:inherit;
}
#floating_editor{
	width:auto;
	height:auto;
	background-color: #FFF;
	position:absolute;
	margin:0px;
	padding:4px;
	border: 1px solid #000000;

	
	-webkit-box-shadow: 10px 10px 31px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 31px -3px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 31px -3px rgba(0,0,0,0.75);
}
.weektd_alldaylong{
    /*week.php - fond de chaque case du grand tableau*/
   padding:4px;
   width:200px; /* or whatever width you want. */
   max-width:200px; /* or whatever width you want. */
   background-color: #DDDDDD;
}
.case_titre_vacation{
    /*week.php - case du titre d'une vacation*/
    width:150px;
    max-width:150px; /* or whatever width you want. */
    background:#FFFFFF;
    cursor: pointer;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding:3px;
}
    .active{
        /*week.php - case du titre d'une vacation - sous groupe de case_titre_vacation*/
        border-color:#bababa;
    }
    .inactive{
        /*week.php - case du titre d'une vacation - sous groupe de case_titre_vacation*/
        border-color:#FFF;
        border-style:none;
        color:#DDD;
    }
.case_vacataire{
    /*width:40px;
    display: inline-block;
    max-width:40px; /* or whatever width you want. */
	min-width: 40px;
    display: inline-table;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    text-align: center;
    /*word-break:break-word;*/
}
.imposed{
    /*week.php - case du vacataire d'une vacation quand elle est encadrée (exception)*/
    border-color:#8f8f8f;
    border-width: 3px;
    font-weight: bold;
    text-align: center;
    border-style:inset;
}
.calculated{
    /*week.php - case du vacataire d'une vacation quand elle est automatique*/
    border-color:#416695;
    border-width:0px;
}
.reason_unknown{
    /*week.php - case du vacataire d'une vacation*/
	background: #FFF;
	padding:3px;
}
.titulaire{
    /*week.php - case du vacataire d'une vacation*/
	background: #94e856;
	padding:3px;
}
.remplacant{
    /*week.php - case du vacataire d'une vacation*/
	background: #68a2f0;
	padding:3px;
}
.highlighted{
    /*week.php - case du vacataire d'une vacation*/
	background: #f8fb34 !important;
	color:0;
	padding:3px;
}
.highlighted_master{
    /*week.php - case du vacataire d'une vacation*/
	background: #ffbf11;
	color:0;
	padding:3px;
}
.competence{
    /*week.php - case du vacataire d'une vacation*/
	background: #fe7666;
	padding:3px;
}
.canceled_vacation{
    /*week.php - case du vacataire d'une vacation*/
	background: none;
	color:#CCC;
	padding:3px;
}
.secours{
    /*week.php - case du vacataire d'une vacation*/
	background: #000;
	color:#FFF;
	padding:3px;
}


/*########################################################################*/
/*Year.php*/
/*########################################################################*/

.year_table{
	border: 1px solid #d6d6d6;
	border-spacing: 1px;
	table-layout: 90%;
}
.year_th{
	border: 1px solid #929292;
	border-left: 0px;
	border-top: 0px;
	margin:0px;
	overflow: hidden;
	background-color: #e6e6e6;
}
.year_td{
    font-size:11px;
	border: 1px solid #929292;
	border-left: 0px;
	border-top: 0px;
	margin:0px;
	width:10px;
	overflow: hidden;
	text-align: center;
}
.year_td_borderfree{
    font-size:11px;
	margin:0px;
	width:10px;
	overflow: hidden;
	text-align: center;
}

/*########################################################################*/
/*autres*/
/*########################################################################*/


.noa{
    text-decoration: none;
}
.btna-group {
    z-index: 1051;
}
.modal2.in ~ .modal-backdrop.in { background-color: #f00; }




.compte_table{
	border: 1px solid #d6d6d6;
	border-spacing: 1px;
	table-layout: 90%;
}
.compte_table_th{
	border: 1px solid #929292;
	border-left: 0px;
	border-top: 0px;
	margin:0px;
	overflow: hidden;
	background-color: #e6e6e6;
  font-style:bold;
  font-size:10px;
}
.compte_table td{
	padding:4px;
}

.case_compte{
	border: 1px solid #929292;
	background-color: #EEEEEE;
	border-radius: 3px;
  padding:3px;
  text-align:center;
  margin:2px;
  min-width:48px;
  min-height:48px;
}



.tableau {
	height: auto;
	border: 2px solid transparent;
	border-radius: 10px;
	padding: 20px 20px 20px 20px;
	border-color: #DDD;
}

.dimmed {
  content: "";
  z-index: 10;
  display: block;
  position: relative;
	width:10%;
  top: 0;
  left: 45%;
	min-width:10%;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
	margin-bottom:-10px;
	color:#FFFFFF;
	font-size:5em;
	text-align:center;
}

.infomessage{
    border: 0px solid transparent;
    font-size:12px;
    color:#AAA;
    width:300px;
    text-align:center;
    resize:none;
    background: #FFF;
}
.bg_greendark{
background: rgb(63,76,107); /* Old browsers */
background: -moz-linear-gradient(top, rgba(63,76,107,1) 0%, rgba(0,0,0,1) 89%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,1)), color-stop(89%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(0,0,0,1) 89%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(0,0,0,1) 89%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(0,0,0,1) 89%); /* IE10+ */
background: linear-gradient(to bottom, rgba(63,76,107,1) 0%,rgba(0,0,0,1) 89%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.bg_purple_gradient{
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,238,255,1) 16%, rgba(217,219,255,0.29) 34%, rgba(145,147,255,0.29) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(16%,rgba(237,238,255,1)), color-stop(34%,rgba(217,219,255,0.29)), color-stop(100%,rgba(145,147,255,0.29))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,238,255,1) 16%,rgba(217,219,255,0.29) 34%,rgba(145,147,255,0.29) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,238,255,1) 16%,rgba(217,219,255,0.29) 34%,rgba(145,147,255,0.29) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,238,255,1) 16%,rgba(217,219,255,0.29) 34%,rgba(145,147,255,0.29) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,238,255,1) 16%,rgba(217,219,255,0.29) 34%,rgba(145,147,255,0.29) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4a9193ff',GradientType=0 ); /* IE6-9 */
}


body
{
	margin: 0;
	padding: 0;
	font-family: Roboto, sans-serif;
	font-size: 12px;
}



/*a:focus { outline: thin dotted; }
a:active { outline: 0; }
a:hover {
	text-decoration: none;
a {
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
.titrepage a:hover{
	text-decoration: none;
}
}*/
h1 { font-size: 18px; }
p { margin: 0 0 18px 0; }

a:hover {
	color: #438cda;
	text-decoration: underline;
}
.titrepage a{
	text-decoration: none;
}

abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn { font-style: italic; }

code,kbd,pre,samp
{
	font-family: monospace,serif;
	font-size: 12px;
}

pre
{
	white-space: pre-wrap;
	word-wrap: break-word;
}

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 10px; }

sub,sup
{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

ul,ol
{
	margin: 0;
	padding: 0;
	list-style: none;
}

fieldset
{
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}

legend
{
	border: 0;
	padding: 0;
}


input[type="checkbox"],input[type="radio"]
{
	box-sizing: border-box;
	padding: 0;
}

input[type="search"]
{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }


textarea
{
	overflow: auto;
	vertical-align: top;
}

.gray { color: #999; }
.gray-dark { color: #3c3c3c; }
.error { color: #dd381d; }
.blue { color: #1caff6; }
.blue:hover { text-decoration: underline; }
.bold { font-weight: 700; }
.light { font-weight: 300; }
.green { color: #7eb530; }
.red { color: #dd381d; }
.purple { color: #9b5fca; }
.gold { color: #ffc300; }
.bg-green { background-color: #7eb530; }
.bg-red { background-color: #dd381d; }
.bg-purple { background-color: #9b5fca; }
.bg-blue { background-color: #1caff6; }
.smaller { font-size: 10px; }

hr
{
	border: none;
	border-top: 2px solid #ededed;
	height: 0;
	margin: 40px 0;
}

.standard-list
{
	margin: 0 0 30px 25px;
	list-style: disc;
}

.standard-list>li { margin: 0 0 5px 0px; }

.warning-message
{
	background: #dd381d;
	color: #fff;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.warning-message p { color: #fff; }

.success-message
{
	background: #7eb530;
	color: #fff;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.success-message p { color: #fff; }

.neutral-message
{
	background: #ff9d00;
	color: #fff;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.neutral-message p { color: #fff; }


.table_caption{
	background-color: #FFF;
	position: relative;
	right: 0px;
	top:4px;
	padding: 3px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#888;
}

.bandeau_date{
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: center;
	background:#000000;
	border-style:none;
	&::-webkit-datetime-edit { padding: 2em; }
}


.erreur {
	background-color: #FCC;
	margin-top: 4px;
	margin-bottom: 4px;
	border: medium dashed #C30;
	padding: 4px;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;

}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}

.overlay{
    background: black;
    opacity: .5;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
.box{
    position:fixed;
    top:-200px;
    left:30%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}
a.boxclose{
    float:right;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;       
}

.boxclose:before {
    font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
    content: "x";
}

.box h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:2px;
    background-color:#FFBABA;
    color:#EF7777;
    font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	text-align: center;

    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

.googlebtn {
    margin: 10px 0px;
    padding:6px 8px 6px 44px;
    background-repeat: no-repeat;
    background-position: 8px center;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
	font-size: 12px;
    background-image: url('http://www.pcih.fr/includes/g+ icon/Desktop/32dp/1x/btn_red.png');
    background-color: #dd4b39;
    border-color: #FFF;
    border-radius: 5px;
	border: 1px solid transparent;
}





.controls {
  text-align: center;
}

button {
  display: inline-block;
}

.profile_table{
   border-style:none;
  font-size: 12px;
}
.profile_table tr td {
   border-style:none;
}

.commentaire_presence{
    font-size: 12px;
    /*border: ridge 2px; */
    padding: 5px;
    width: 15em;
    min-height: 1em;
    overflow: auto;
    background-color:lightgoldenrodyellow;
}

.smallspinner{
  text-align: center;
  vertical-align: middle;
  opacity:    1; 
  background: #FFF; 
  width:      100%;
  height:     80%; 
  z-index:    10;
}
.smallspinner > div {
  margin-top:250px;
  width: 18px;
  height: 18px;
  background-color: #73b2db;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.smallspinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.smallspinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.compteforvac{
  font-size:10px;
  font-weight:bold;
  color:#0000FF;
}
.dailysms{
  display:none;
  background:rgb(8,187,67);
  color:white;
}