/*
 * Planning-Medical.com
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com,
 * sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com.
 */
 
/**************/
/* Les icones */
/**************/

td img.magic, th img.magic {
	opacity: 0.3;
}

td:hover img.magic, th:hover img.magic {
	opacity: 1.0;
}

img.icone {
	background: url("../images/sprite.png?v=4") no-repeat top left;
	width:16px;
	height:16px;
	margin-left:2px;
	margin-right:2px;
	vertical-align:middle;
}

img.info {
	margin-left:2px;
	margin-right:2px;
	padding:2px 0;
	vertical-align:middle;
}

img.bouton {
	/* width:72px;
	height:24px; */
	margin: 2px;
	vertical-align: middle;
}

img.conges {
	width:15px;
	height:15px;
	margin-left:0px;
	margin-right:0px;
}



img.annexe {
   width: 14px;
   height: 17px;
}

div.id, div.ig {
	display: table;
	margin:0 12px;
	border: 2px solid #9FA0FF;
	
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;    	    
}
div.id {
	float: right;
	background-color: white;
}
div.ig {
	float: left;
	background-color: white;
}
div.id img, div.ig img {
	margin:10px;
}

/* Icones */
/*
  https://fr.spritegen.website-performance.org/

  Espacement horizontal: 16
  Espacement vertical: 16
  Compresser l'image avec OptiPNG: ok
  Préfixe de CSS (optionnel): img
  Préfix de classe (optionnel): rien
  Display width and height (optional): Non

  Voir aussi dans global.css : "div#aide h3" et "div#attente p"
*/

img.rien { background: none }


/* Copies d'écran */
div.sc {
	background-color: #FCFFCD;		/* jaune pale */
	margin: 1em auto;
	max-width: 700px;
	padding: 0 10px 1em;
	border: solid 1px #FFD760;		/* orange */

	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;

	-webkit-box-shadow: #222 1px 1px 3px;
	   -moz-box-shadow: #222 1px 1px 3px;
	    -ms-box-shadow: #222 1px 1px 3px;
	     -o-box-shadow: #222 1px 1px 3px;
	        box-shadow: #222 1px 1px 3px;	
}

/* On n'affiche pas les éléments qui utilient du Javascript */
img.gdj, img.gcj, img.valid {
	cursor: pointer;
}

img.nonVisible {
	display: none;
}