/*
 * 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.
 */

/* Reset - d'après KNACSS : http://www.knacss.com/ */

html {
	font-size: 62.5%;
}
body {
	background-color: #fff;
	color: #000;
	font-size: 1.4em; /* equiv 14px */
	line-height: 1.5; /* adapt to your design */
	width: auto;
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {
	font-size: 1em; /* equiv 14px */
	line-height: 1.5;
	margin: 0;
}
h1, .h1-like {
	font-size: 1.8571em; /* equiv 26px */
	font-weight: normal;
	line-height: 1.6154em;
	margin: .8077em 0 0 0;
}
h2, .h2-like {
	font-size: 1.7143em; /* equiv 24px */
	font-weight: normal;
	/* line-height: 1.75em; */
	line-height: 1.35em;
	margin: .875em 0 0 0;
}
h3, .h3-like {
	font-size: 1.5714em; /* equiv 22px */
	font-weight: normal;
	line-height: 1.909em;
	margin: .9545em 0 0 0;
}
h4, .h4-like {
	font-size: 1.4286em; /* equiv 20px */
	font-weight: normal;
	line-height: 1.05em;
	margin:  1.05em 0 0 0;
}
h5, .h5-like {
	font-size: 1.2857em; /* equiv 18px */
	font-weight: normal;
	line-height: 1.1667em;
	margin:  1.1667em 0 0 0;
}
h6, .h6-like {
	font-size: 1.1429em; /* equiv 16px */
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}

/* alternate font-sizing */
.smaller {
	font-size: .7143em; /* equiv 10px */
}
.small {
	font-size: .8571em; /* equiv 12px */
}
.big {
	font-size: 1.1429em; /* equiv 16px */
}
.bigger {
	font-size: 1.2857em; /* equiv 18px */
}
.biggest {
	font-size: 1.4286em; /* equiv 20px */
}

/* soft reset */
html,
body,
textarea,
figure,
label {
	margin: 0;
	padding: 0;
}
ul,
ol {
	padding-left: 2em;
}
code,
pre,
samp {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
table { margin-bottom: 1.5em; }

/* avoid top margins on first content element */
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child {
	margin-top: 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
	max-width: 100%;
}

/* you shall not pass */
div, textarea, table, code, pre, samp {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	 -khtml-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	     -o-hyphens: auto;
	        hyphens: auto;
}

table, td, th {
	-webkit-hyphens: none;
	 -khtml-hyphens: none;
	   -moz-hyphens: none;
	    -ms-hyphens: none;
	     -o-hyphens: none;
	        hyphens: none;
}

/* pictures */
img {
	/* height: auto; */
	vertical-align: middle;
}
/* Gmap3 max-width bug fix on images */
#map_canvas img,
.gmnoprint img {max-width: none;}

a img { border: 0; }

/* scripts */
body > script {display: none !important;}

/* skip-links */
.skip-links {
	position: absolute;
}
.skip-links a {
	position: absolute;
	left: -7000px;
	padding: 0.5em;
	background: #000;
	color:#fff;
	text-decoration: none;
}
.skip-links a:focus {
	position: static;
}

/*************************************************************************************************/





/* Propriétés générales */

body {
	font-family:Arial, Helvetica,sans-serif;
	background: white;
	color: black;
	margin: 0px;
	padding: 0px;
}

div#supportingText {
	min-height: 90px;
	min-width: 824px;
}

img {
	border:none;
}

.noscreen {
	display: none;
}

div#container {
	margin-left: 185px;
	margin-top:140px;
}

h1 {
	/* font-size:125%; */
}

/* Pour le bon affichage du fil d'Ariane */
div[itemscope] {
	display: inline-block;
}


/* Liens */
a {
	color: #005588;
}
a:link:hover {
	color: #0088DD;
}
a:visited:hover {
	color: #005588;
}
a:active {
	color: #993333;
}

table {
	empty-cells:show;
}

h2, h3, h4 {
	text-shadow: #C3C3C2 1px 1px 3px;
	font-weight: bold;
	margin-top: 0.5em;
}

/* Logo Planning-Medical.com */
div#pageHeader h1 {
	position:absolute;
	top:25px;
	left:70px;
	/* height:115px; */
	/* width:309px; */
	margin:5px 5px;
}

p {
	margin-top: 0.8em;
	line-height: 1.2em;
}

/* Liens d'évitement */
ul#evitement {
	list-style:none outside none;
	position:absolute;
	top: 0;
	left: 0;
}

ul#evitement li {
	display:inline;
	font-size:85%;
	margin:20px;
}

span.positif {
	font-weight: bold;
}

span.rouge, strong.rouge {
	color:#C60201;
	word-wrap: break-word;
	-webkit-hyphens: none;
	 -khtml-hyphens: none;
	   -moz-hyphens: none;
	    -ms-hyphens: none;
	     -o-hyphens: none;
	        hyphens: none;
}

span.orange {
	color:#dd9c00;
}

span.bleu {
	color:#583EC8;
	word-wrap: break-word;
	-webkit-hyphens: none;
	 -khtml-hyphens: none;
	   -moz-hyphens: none;
	    -ms-hyphens: none;
	     -o-hyphens: none;
	        hyphens: none;
}

span.droite {
	text-align: right;
	display: block;
}

span.inactif {
	font-style: italic;
	font-size: 75%;	
}

span.nonactif {
	text-decoration: line-through;
}

p.conf {
	padding-bottom: 1em;
}

p.addcont {
	font-weight: normal;
	padding-left: 3em;
	font-style: italic;
	line-height: 1.2em;
}

/* Lorsqu'il y a une illustration */
div.il, p.il, ul.il, li.il, h2.il, h3.il {
	width: 510px;
}

/* Séparateur */
hr {
	background: url("../images/separateurs.png") no-repeat top left;
	background-position: 0 -75px;
	clear: both;
	border:none;
	width:500px;
	height:55px;
	margin-top: 1em;
	margin-bottom: 1em;
}

hr.court {
	background-position: 0 -10px;
	width:40px;
}

hr.separateur {
	background-position: 0 -10px;
	width:40px;
}

hr.nul {
	background: none;
	width:auto;
	height:0;
}

/* Les indice de blocage dans le planning */
span.indiceBlocage {
	color:red;
	font-size: 80%;
}

span.indiceBlocage strong {
	font-weight: bold;
	font-size: 120%;	
}

div#desiderata p {
	font-weight: bold;
	color: #B71B0A;
}

div#desiderata strong {
	font-size: 110%
}


p.boutons {
	text-align:center;
}

p.boutons img {
	margin:5px;
}


/* Message pour l‘administrateur */
p.warn {
	font-weight: bold;
	color: #EB6B1D;
}

p.ok {
	font-weight: bold;
	color: #048F27;
}

/* Témoignages */
div.temoin {
	background-color: #DFF5FF;		/* bleu pale */
	margin: 2em 15px;
	padding: 15px 0 0 15px;
	border: solid 1px #9FA0FF;
	min-height:150px;

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

	-webkit-box-shadow: #969696 2px 2px 5px;
  	 -khtml-box-shadow: #969696 2px 2px 5px;
	   -moz-box-shadow: #969696 2px 2px 5px;
	    -ms-box-shadow: #969696 2px 2px 5px;
	     -o-box-shadow: #969696 2px 2px 5px;
	        box-shadow: #969696 2px 2px 5px;
}

div.temoin cite {
	font-weight: bold;
	font-size: 105%;
	padding:0.3em;
}

dt {
	font-style:italic;
}

/* Pub Google */
div#pub {
	background-color: #C60201;
	display: block;
	width: 737px;
	margin: auto;
}

div#pub p {
	color: #fff;
	padding: 0.4em 0.4em 0;
	margin-bottom: 0;
}

div#GA {
	text-align:center;
	margin: 5px;
}

/* Pied de page (icone W3C) */
div#footer {
	text-align:center;
}

/* Pied de page (mention legale) */
div#legal {
	text-align:center;
	font-size:85%;
	margin-bottom: 1em;
}

/* Icones d'actions dans les tableaux de données */
span.actions {
	float: right;
	padding: 2px 0;
	text-align: right;
	/* white-space: nowrap; /* Cela ne marche pas... */
}

span.mecont {
   font-size: 85%;
   font-style: oblique;
   background-color: white;
   padding: 0 5px;
   border-radius: 5px;
}

span.mecont.mcontA { color: #009d4a; }
span.mecont.mcontB { color: #5cdb00; }
span.mecont.mcontC { color: #ffae00; }
span.mecont.mcontD { color: #ff7b00; font-weight: bold;}
span.mecont.mcontE { color: #ff2a00; font-weight: bold;}
span.mecont.mcontF { color: #8f1900; font-weight: bold;}

/* Evenement du calendrier */
ul.evenements {
	margin: 0;
	padding: 0;
}

ul.evenements li {
	list-style:none;
	font-size:90%;
	font-style:italic;
	text-align:center;
}


ul.desiderata {
	margin: 0;
	padding: 0;
}

ul.desiderata li {
	list-style:none;
	font-size:90%;
	font-style:italic;
	text-align:center;
}



/* Bourse aux gardes */
ul.bourse li {
	background-color: #C5FFB8;		/* vert pale */
	margin: 1em;
	float: left;
	padding: 10px;
	border: solid 1px #32CD32;
	width:500px;
	min-height:3.5em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
}

ul.bourse li.suppr {
	background-color: #C3C3C2;	/* Gris clair */
	border: solid 1px #000000;	/* Noir */
}

ul.bourse li span.date {
	font-weight: bold;
}

ul.bourse li span.horaire {
	font-style:italic;
	font-size:90%;
}


/* Gardes du calendrier */
ul.gardes {
	margin: 0;
	padding: 0;
}

ul.gardes li {
	list-style:none;
}

ul.legende {
	list-style: none;
}

table#tdispo {
	border: 1px solid #484848;
	box-shadow: none;
	background-color: white;
	float:right;
	/* margin-left: 50px; */
	margin-top: 0;
}

table#tdispo td {
	border: none;
	padding: 2px;
	line-height: 6px;
}

table#ajaxcra {
	box-shadow: none;
	width: 96%;
}

table#ajaxcra td {
	border: none;
	text-align: left;
}


table {
	border-collapse:collapse;
	line-height: 1;
}

table.rdes {
	box-shadow: none;
	float: left;
	margin-right: 5px;
	border-collapse: separate;
	border-spacing: 0;
}

table.rdes th, table.rdes td {
	border: none;
	background-color: transparent;
}

table.sup {
	border-left:1px solid black;
	padding-left: 5px;
}

table.rdes tbody tr:hover {
	background-color: #FFB03D;
}

table.multi tr {
	border: 2px solid black;
}

table.groupes th {
   min-width: 12em;
}

th, td {
	border:1px solid black;
	padding:2px;
}

td.titre {
   font-weight: bold;
   font-size: 90%;
   text-align: right;
}

/* Description dans la liste des postes */
span.desc {
	font-size:90%;
	font-style:italic;
}

th.jour {
	font-weight: bold;
	font-size:90%;
}

/* Ligne des dimanches du planning */
table.planning tr.jour7, table.planning tr.jour7 td.separateur, table.planning tr.ferie td.separateur,
table.nouvplan tr.jour7, table.nouvplan tr.jour7 td.separateur, table.nouvplan tr.ferie td.separateur,
table.generation tr.jour7, table.generation tr.jour7 td.separateur, table.generation tr.ferie td.separateur,
table.activites td.jour7, table.activites th.jour7,
table.prevision td.jour7, table.prevision th.jour7, table#tdispo td.jour7 {
	background: #9999FF;
}

/* Ligne des samedis du planning */
table.planning tr.jour6, table.planning tr.jour6 td.separateur, 
table.nouvplan tr.jour6, table.nouvplan tr.jour6 td.separateur, 
table.generation tr.jour6, table.generation tr.jour6 td.separateur, 
table.activites td.jour6, table.activites th.jour6,
table.prevision td.jour6, table.prevision th.jour6, table#tdispo td.jour6 {
	background: #9999FF;
}

/* Ligne des jours fériés du planning */
table.planning tr.ferie, table.planning tr.ferie td.separateur, 
table.nouvplan tr.ferie, table.nouvplan tr.ferie td.separateur, 
table.generation tr.ferie, table.planning tr.ferie td.separateur, 
table.activites td.ferie, table.activites th.ferie,
table.prevision td.ferie, table.prevision th.ferie {
	background: #9999FF;
}

/* Colonne des Samedi et Dimanche pour les absences récurrentes */
table.absences th.jour6, table.absences td.jour6,
table.absences th.jour7, table.absences td.jour7 {
	background: #9999FF;
}
table.absences th, table.absences td {
   min-width: 80px;
   background-color: transparent;
}

table.absences td {
   cursor: pointer;
}

span.noabs {
   opacity: 0.1;
}
table.absences td:hover span.noabs {
   opacity: 0.6;
}
img.recurrent {
   background: url("../images/recurrent.png") transparent;
}

/* Sous effectif dans les prévisions de congés */
table.prevision th.souseffectif {
	background: #FF0000;
}
/* Risque de sous effectif dans les prévisions de congés */
table.prevision th.souseffectif2 {
	background: #FFBF00;
}

/* Sous effectif dans les prévisions de congés - Journée générée */
table.prevision th.souseffectif.affecte {
	background: #ffc2c2;
}

/* Risque de sous effectif dans les prévisions de congés - Journée générée */
table.prevision th.souseffectif2.affecte {
	background: #ffebb2;
}


table.activites td, table.activites th {
	white-space: nowrap;
	vertical-align: middle;
}

th.inactif {
	font-style:italic;
	text-decoration:line-through;
}

tr.pair.persadministratif {
	background-color: #b3e7ff;
}

tr.impair.persadministratif {
	background-color: #DFF5FF;
}

tr.persadministratif th.inactif {
	font-style:normal;
	text-decoration:none;
}

div.navCalendrier li {
	background-color: white;
}

/* Verrou de génération */
tr.verrou th, tr.verrou td, td.verrou {
   background-color: #d7d7d7 !important;  
   font-size: 80%;
}

tr.verrou th {
   font-style: italic;
   text-decoration: line-through;
}

tr.verrou:hover td {
	background-color: #DDDDFF;
}

table.statistiques tr.verrou td.jour, table.statistiques tr.verrou td.cp {
   background-color: #acacac !important;  
}


/* Pour les cases vides de fin de ligne */
td.vide {
	border: none;
	background-color: transparent;
}

td.vide {
	border: none;
	background-color: transparent;
}

tr.ligne1 td.vide {
	border-top: 1px solid #e5e5e5;
}

tr.ferie + tr.ligne1 td.vide,
tr.jour1.ligne1 td.vide,
tr.jour6.ligne1 td.vide,
tr.jour7.ligne1 td.vide,
tr.ferie.ligne1 td.vide {
   border-color: #8c8cd6;
}

table.generation, table.planning {
   border:1px solid black !important;
}

td.aec {
   background-color: transparent;
   border:1px solid #6c6c6c
}


/* Pour les cases non-affectées du planing */
td.non {
	background: #C3C3C2 !important;		/* Gris clair */
}

td.tag0 {
	background-color: #FFA81E !important;		/* orange */
}

td.tag1 {
	background-color: #FF4571 !important;   /* rouge */
}

td.tag2 {
	background-color: #583EC8 !important;		/* bleu */
}

td.tag3 {
	background-color: #1EFF74 !important;		/* vert */
}
td.tag4 {
	background-color: #E470FF !important;		/* mauve */
}
td.tag5 {
	background-color: #BBFF78 !important;		/* vert clair */
}

/* Ses propres gardes */
table.planning tbody td.moi, li.moi {
	font-weight:bold;
	background-color: #FFA81E;
}

/* Personnes recherchées dans le planning */
table.planning tbody td.recherche, table.generation tbody td.recherche {
	background-color: #FF5555 !important;
}
table.planning tbody td.secondaire {
	background-color: #FFA81E !important;
}
table.planning tbody td.jourj {
	background-color: #1fff75 !important;
}

span.jour {
	font-size: 120%
}

/* Prévision de congés */
table.prevision tbody tr:hover {
	background-color: #DDDDFF;
}

table.prevision td.creat3 {
	background-color: #cc00ca;
}

table.prevision td.creat2 {
	background-color: #df75de;
}

table.prevision td.creat1 {
	background-color: #dfacde;
}


/* Statistiques */
table.statistiques td.jour {
	background-color: #F3D49D;
}

table.statistiques td.cp {
	background-color: #9eeef3;
}


table.statistiques td.plus {
	background-color: #ffb9a3;
}

table.statistiques td.trop {
	color: red;
	font-weight: bolder;
	font-size: 110%;
}

table.statistiques td.trop:after {
 content: " !!!";
}

table.statistiques tr.voir {
	 background-color:#9999FF;
}

table.statistiques tr.voir th, table.statistiques tr.voir td {
	 background-color:#9999FF;
}

table.annuelles td, table.annuelles th {
	min-width:5em;
}

/* Les désidéraras */
div#tdesid {
   display: block;
   width:63em;
   margin: auto;
}

p.infd {
   color:#898989;
   font-size: 90%;
   font-style: italic;   
}

p.infd + p.warn {
   color:#dd9c00;
}

p.infd + p.alert {
   color:#C60201;
   font-weight: bold;
}

table.calendrier td {
	height:4.8em;
	width:8.5em;
	text-align:left;
	vertical-align: top;
}

table.calendrier tbody td:hover {
	background-color: #9999FF;
}

table.calendrier td.jour0, table.calendrier td.jour6, table.calendrier td.ferie {
	background: #9999FF;
}
table.calendrier td.jour0.avant, table.calendrier td.jour6.avant, table.calendrier td.ferie.avant,
table.calendrier td.jour0.apres, table.calendrier td.jour6.apres, table.calendrier td.ferie.apres {
	background: #8182D7;
}
table.calendrier td.garde {
	background-color: #FFCF40;
}
table.calendrier td.aujourdhui {
	background-color: #FFFD7C;
}
table.calendrier td.examine {
	background-color: #1EFF74;
}

table.calendrier td.avant, table.calendrier td.apres {
	background-color: #E7E7E7;
}

table.calendrier tbody td:hover {
	background-color: #DDDDFF;
}

table.calendrier tbody td.vide:hover {
	background-color: inherit;
}

table.calendrier tbody td.jour:hover {
	background-color: inherit;
}

table.planningperso td {
	height:7em;
}

/* Tableau historique */
table.historique span.admin {
	font-size:90%;
	font-style:italic;
}

table.historique th.jour {
	font-size: 120%;
	text-align: center;
	background-color: #DFF5FF;		/* bleu pale */
}

table#connexions {
	float: left;
	margin: 2em;
	min-width: 200px;
}

table#connexions tbody tr:hover {
	background-color: #DDDDFF;
}

table#connexions th {
	vertical-align: top;
}

/* Dans le calendrier des désidérata */
div.desiderata {
	text-align: center;
}

/* Remarque */
p.remarque {
	font-size:90%;
	font-style:italic;
}

/* Message d'information */
p.msg {
	text-align: center;
	font-weight: bold;
	background-color: #FCFFCD;		/* jaune pale */
	color: #D57100;		/* marron */
	margin: 20px auto;
	max-width: 600px;
	padding: 10px;
	border: solid 1px #FFD760;		/* orange */

	-webkit-border-radius: 15px;
 	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 1px 1px 3px;
	 -khtml-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;
}

p.msg em {
   font-weight: normal;
}

p.voeux {
	text-align: center;
	margin: 20px auto;
	font-weight: bold;
	max-width: 600px;
	padding: 10px;
	border: solid 1px #9FA0FF;		/* bleu pale */

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 1px 1px 3px;
	 -khtml-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;
}

p.erreur {
	color:red;
}

p.perr {
   font-size: 80%;
   color: #7d7d7d;
   font-style: italic;
}

p.aj {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

p.forcer {
	color:red;
}

p.comprempla {
   color:red;
   font-weight: bold;
   margin-bottom: 0.8em;
}

span.actionschgt {
   margin-bottom: 2em;
   display: block;
}

/* Lien "Forcer le choix" de la personne */
a.forcer {
	font-size:90%;
}

p.warning {
	color:green;
}

/* Attention */
p.attention {
	background-color: #FFA5A5;		/* rose pale */
	margin: 20px 40px;
	max-width: 600px;
	padding: 10px;
	border: solid 1px #FF4B4B;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 1px 1px 3px;
	 -khtml-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;
}

/* Commentaire des changements de garde */
p.commentaire {
	background-color: #FFDF80;		/* jaune pale */
	margin: 10px 0;
	padding: 10px;
	max-width:450px;
	border: solid 1px #FFB03D;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 1px 1px 3px;
	 -khtml-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;
}

p.commentaire span.titre {
	color: #FF803E;
	font-weight: bold;
}

p.reponse {
	background-color: #B0FF8C;		/* vert */
	border-color: #008000;
	margin: 5px 1em;
	padding: 10px;
}

p.reponse span.titre {
	color: #008000;			/* vert fonce */
}

img.loin {
	padding:0 10em;
}


/* Aide */
div#aide {
	background-color: #DFF5FF;		/* bleu pale */
	margin: 40px;
	max-width: 800px;
	padding: 0 1em 1em 1em;
	border: solid 1px #9FA0FF;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 2px 2px 5px;
	 -khtml-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
           box-shadow: #222 2px 2px 5px;
}

div#aide h3 {
	padding: 0 25px;
	/* background: url("../images/lightbulb_off.png") no-repeat; */
	background: url("../images/sprite.png?v=4") no-repeat top left;
	background-position: 0 -960px;

	line-height: 1;
}

div#aide h3:hover {
	/* background: url("../images/lightbulb.png") no-repeat; */
	background: url("../images/sprite.png?v=4") no-repeat top left;
	background-position: 0 -928px;
}

/*
 * Formulaire
 */

form {
	width:500px;
	margin-top: 1em;
}

div.navCalendrier ul li.f {
	width: -moz-fit-content;
}

form fieldset {
   background-color: #fffff2;
}

form#ms fieldset {
   background-color: transparent;
}
form legend {
	background-color: white;
	border: 1px solid #C60201;	
	border-radius: 1em;	
	padding: 0 0.5em;
	margin-left: 0.7em;
	font-weight: bold;
	font-style: italic;
}


form#fbarre {
	width: auto;
	/* border: 1px solid #CCCCCC; */
	border: 0 none;
	width: 8em;;
	width: -moz-max-content;
	display: inline-table;
	margin: 0;
}

form#fbarre label {
	display: inline;
	vertical-align: top;
}

form#fbarre label span {
	display: none;
}

form#fbarre input {
	width: 6.5em;
	position: relative;
	left: inherit;
	font-size: 75%;
	margin: 0 2px;;
	padding: 0;
	/* height: 0.9em; */
}

form#fbarre button[type="submit"]{
	margin: 0 2px;
	border:0 none;
	width: 2em;
	color: #005588;
	cursor: pointer;
	background-color: transparent;
	
	display: inline;
	
	white-space: nowrap;
	overflow: hidden;
}

form#fc {
	width:166px;
	position:absolute;
	left:3px;
	top: 22em;
	font-size:90%;
	z-index:2;
}

form#fc fieldset {
	border:solid 1px #C60201;
	background-color: #ffffff;

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

form#fc fieldset p {
	margin-left: 0;
	margin-right: 0;
}

form#fc label {
	display:inline;
}

form#fc label span {
	position:inherit;
	left:auto;
	width:auto;
}

form#fc input {
	position:static;
	width:93%;
	left:auto;
}

form#fc div.custom-advice {
	margin: 0 5px;
}

form.sondage {
	width: 80%;
}

span.sondques {
	font-weight: bold;
}

span.sondnum {
	font-size: 140%;
	font-weight: bold;
	color: #C60201;		/* Rouge */
}

form.sondage img {
	margin:10px;
}

form.sondage div.radio {
 	left: 40px;
	width: 90%;
	margin-bottom: 1.2em;
	margin-top:1.6em;
}

form.sondage textarea {
	width: 90%;
}

fieldset {
	margin-bottom: 1em;

	-webkit-border-radius:  15px;	
    -khtml-border-radius:  15px;
	   -moz-border-radius:  15px;
	    -ms-border-radius:  15px;
	     -o-border-radius:  15px;
	        border-radius:  15px;
}

fieldset p {
	margin:5px;
}

label {
	position: relative;
   display: block;
   width: 275px;
   min-height: 1.6em;
}

form.moteur label {
	width: auto;
}

span.ligne {
	margin: -10px 0 15px 1.7em;
	display:block;
}

p.asterix {
	font-style: italic;
	font-size:70%;
}

/* Champs obligatoire */
/* Marche pas avec FF 3 sous Mac */
/* Bug sous Opera -> on annule le truc */
/*
input.required:after {
   content:" *";
	color:red;
}
*/

/* Largeur des champs texte, password */
input[type=text],
input[type=password],
input[type=file],
select {
	position: absolute;
	left: 280px;
	width: 180px;
}

input.ete[type="text"] {
   left: 300px;
   width: 2.5em;
}

form.ident input[type=text],
form.ident input[type=password],
form.ident input[type=file],
form.ident select {
	position: absolute;
	left: 220px;
	width: 240px;
}

select.court {
	display: inline-block !important;
	position: relative;
	left: 334px;
	top: -21px;
	width: 133px;
}

form.nf p {
	display: inline; 
	line-height:1em;
}

form.nf label {
	position: static;
	display: inherit;
	width: auto;
}

form.nf div.ch {
	display: inline;
	position: relative;
	left: 118px;
}

form.nf input, form.nf input {
	position: inherit;
	left: inherit;
}



form.micro select {
	position: inherit;
}

input[type=file] {
   left: 200px;
}

/*
p.radio {
	position: relative;
}
*/

label.radio {
	width: 100%;
	display: inline;
}

label.barre {
   text-decoration: line-through;
   color: #979797;
}

/*
input.cbx {
	position: relative;
	left: 280px;
}
*/
p span.tps {
   position: relative;
 	left: 280px;
}

div.radio {
	position: relative;
 	left: 280px;
	width: 210px;
	top: -1.6em;
}


textarea {
	width: 460px;
}

form p.h4 {
	font-weight: bold;
}

label span {
	position: absolute;
   left: 280px;
   width: 180px;
}

label span input[type="text"] {
	position: static;
}

label span input[type="checkbox"] {
	margin-left:0;
}

span.radio label {
	width:auto;
	display:list-item;
	list-style-type:none;
	margin-left:276px;
}
span.radio label:first-child {
	margin-top:-16px;
}

/* On éclaire les champs lorsqu'ils ont le focus */
input[type=text]:focus,
input[type=password]:focus {
	background-color:#EEEEFF;	/* Bleu pale */
}

/* Div pour centrer le bouton de validation */
div.submitform {
	margin: auto;
   width:99px;
}

button.submit {
	margin: 0.7em 0px;
	width: 100%;
	display: block;
	
	-webkit-hyphens: none;	
    -khtml-hyphens: none;
	   -moz-hyphens: none;
	    -ms-hyphens: none;
	     -o-hyphens: none;
	        hyphens: none; 	     
 	     
}

/* Pour les mini-formulaire */
form.mini {
	width: 400px;
}

/* Pour les mini-formulaire */
form.micro {
	width: 400px;
}


form.mini p, form.micro p {
	float:left;
	width:auto;
}

form.mini p span {
	font-weight: bold;
}

/* Largeur des champs texte, password */
form.mini input[type=text],
form.mini input[type=password],
form.mini select {
	position: inherit;
   /* left: 25em; */
   left: 280px;
   width: 180px;
}

/* Mini formulaire de la génération du planning */
form.mini div.submitform, form.micro div.submitform {
	float:right;
}

form.mini label, form.micro label {
	position: static;
   width: auto;
}

form.micro legend {
	display:none;
}

form.micro select {
	left: 230px;
}


form.micro fieldset {
	padding: 0;
	border: 0;
}

/* Formulaire pour les changements */
form.chgt {
	width:610px;
}

form.chgt label {
	width:390px;
}

form.chgt textarea {
	width:570px;
}

form.chgt label span,
form.chgt input[type=text],
form.chgt input[type=password],
form.chgt select {
	left: 400px;
}

/* Largeur des champs texte, password */
form.mini input[type=text],
form.mini input[type=password],
form.mini select {
	position: inherit;
   /* left: 25em; */
   left: 280px;
   width: 180px;
}


/* Formulaire de la page "scinder un poste" */
form.scinder {
	width: 600px;
}

table.scinder {
	width:96%;
	
   -webkit-box-shadow: none;
    -khtml-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
           box-shadow: none;
}

form.scinder input[type=text],
form.scinder input[type=password],
form.scinder select {
	position: static;
   left: auto;
   /* width: auto; */
}

form.cra {
	width: auto;
}

form.cra label {
	width: auto;
}

table.cra {
	width: 90%;
}


/* Définition de la largeur des champs */
input.petit {
	width:40px;
}

input.moyen {
	width: 110px;
}






/* Formulaire secondaire */
div.bicolonne form {
	width:400px;
}

div.bicolonne  input[type=text],
div.bicolonne  input[type=password],
div.bicolonne  select {
	left:120px;
}

/* Styles dédiés à la validation des formulaire */
div.custom-advice {
	font-weight: bold;
	color:red;
	margin: 0 20px;
}

/* Champs validé */
input[type="text"].validation-passed, input[type="password"].validation-passed, textarea.validation-passed {
	background-color: #DDFFDD;		/* vert pale */
	color:#000000;
}

/* Champ en erreur */
input[type="text"].validation-failed, input[type="password"].validation-failed, textarea.validation-failed {
	background-color: #FFDDDD;		/* rouge pale */
	color:#FF0000;
}

/* Déclencheur du calendrier des champs "date" */
img.calendartrigger {
	position: absolute;
   left: 260px;
   margin:2px;
}

/*
 * Navigation du calendrier
 */
div.navCalendrier {
	text-align:center;
	font-size: 90%;
	margin-top: 1em;
}

div.navCalendrier img {
	margin-top: 1em;
}

div.navCalendrier ul {
	padding: 0;
}

div.navCalendrier ul li {
	display: inline-table;
	list-style: none;
	border: 1px solid #CCC;
	width:5.7em;
}

div.mini ul li {
	width:1.5em;
}

div.mini ul li.mois {
	width:5.7em;
}


div.navCalendrier ul li a {
	text-decoration: none;
}

div.navCalendrier li:hover {
	background: #99CCFF;				/* bleu pale foncé !!! */
}

div.navCalendrier li.aujourdhui {
	background: #FFFD7C;				/* Jaune pale */
}


/*
 *  Menu
 */
div#linkList {
	float:left;
	margin:-1px 0 0 -1px;
	position:absolute;
	top:140px;
	left:3px;

	-webkit-hyphens: none;
	 -khtml-hyphens: none;
	   -moz-hyphens: none;
	    -ms-hyphens: none;
	     -o-hyphens: none;
	        hyphens: none;
}

div#linkList ul {
	margin: 0;
	padding: 0;
	width: 166px;
	background: #ffffff;
	border: 1px solid #AAA;
}

div#linkList li {
	position:relative;
	list-style:none;
	margin:0;
	border-bottom: 1px solid #CCC;
}

div#linkList li:hover {
	background: #99CCFF;				/* bleu pale foncé !!! */
}

div#linkList li.submenu {
	background:url('../images/submenu.png') 100% 50% no-repeat;
}

div#linkList li.lock {
	background:url('../images/lock.png') 99% 50% no-repeat;
}

div#linkList li.submenu:hover, div#linkList li.lock:hover {
	background-color: #CCEEFF;		/* bleu pale */
}

div#linkList li a {
	display:block;
	padding:0.15em 0 0.15em 0.5em;
	text-decoration: none;
	width: 6.5em;
}

div#linkList>ul a {
	width:auto;
}

div#linkList ul ul {
	position:absolute;
	top: -1px;
	left:166px;
	display:none;
	opacity:0.96;
}

div#linkList ul.level1 li.submenu:hover ul.level2 {
	display:block;
}

/* définition de la balise <span> inclue dans <a> */
div#linkList a span {
	display: none;
}

/* définition de la balise <span> au survol */
div#linkList a:hover span {
	display: block;
	position: absolute;
	top: 338px;
	left: 10px;
	width: 120px;
	font-size:85%;
	text-align: left;
	border: 1px solid grey;
	padding: 2px;
	color: #000;
}

/*
 * Tableaux
 */

table {
	margin: 1em auto auto auto;

	-webkit-box-shadow: #222 2px 2px 5px;
	 -khtml-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
           box-shadow: #222 2px 2px 5px;
}

table caption {
	display:none;
}

table.sondage {
	margin: 1em 0 2em 0;
	min-width: 450px;
}

table.sondage td, table.agenda td {
	text-align: left;
}

table.agenda tbody th {
	text-align:center;
}


/* Les plannings */
table.planning, table.generation, table.semaine, table.activites, table.prevision, table.asso {
	font-size:90%;
	line-height: 1em;
}

table.planning td, table.generation td, table.semaine td, table.activites td, table.prevision td, table.asso td,
table.planning th, table.generation th, table.semaine th, table.activites th, table.prevision th, table.asso th {
	line-height: 1em;
}

table.planning td.nonvalide, table.maj td.nonvalide {
	background: url("../images/fond-barre.png") repeat scroll 0 0 #fff;
}

table.planning tr {
	height: 2.8em;
}

table.generation td.inactif, table.planning td.inactif {
	background-color: white;
	color: rgba(255,80,80,0.20);
	font-size: 90%;
	font-style: italic;
	transition: all 3s ease 0s;
}

table.generation td.inactif span.min {
	color: rgba(255,80,80,0.20);
	transition: all 3s ease 0s;
	font-size: inherit;
}

table.generation td.inactif:hover, table.planning td.inactif:hover {
	color: rgba(255,80,80,1.00);
}

table.generation td.inactif:hover span.min {
	color: rgba(255,80,80,1.00);
}


/* Exceptions pour l'ombre des tableaux */
table.calendrier {
	-webkit-box-shadow: none;
 	 -khtml-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}

/* Diminution du nom du poste */
table.planning span.min, table.generation span.min {
	color: #555;
	font-size: 75%;
	font-style:italic;
}

table.planning tbody tr.aujourdhui, table.planning tbody tr.aujourdhui td.separateur, 
table.generation tbody tr.aujourdhui {
	background: #FFFD7C;
}

table.planning tbody tr.aujourdhui td, table.planning tbody tr.aujourdhui th, table.generation tbody tr.aujourdhui td, table.generation tbody tr.aujourdhui th {
	/* background: transparent; */
}

table.nouveau.planning tbody tr:hover td {
   background: inherit !important;
}

table.planning tbody tr:hover, table.planning tbody tr:hover th, table.planning tbody tr:hover td,
table.activites tbody tr:hover, table.activites tbody tr:hover th, table.activites tbody tr:hover td,
table.statistiques tbody tr:hover th, table.statistiques tbody tr.verrou:hover th, table.statistiques tbody tr:hover td, table.statistiques tbody tr.verrou:hover td {
	background: #DDDDFF !important;
}

table.activites tbody tr:hover td.avalid {
	background: #9dff9f;
}

/* Tableau des associations utilisateurs-postes */
table.asso tbody tr:hover {
	background: #DDDDFF;
}

/* Les titres intermédiaires dans les tableaux */
tr.titre {
	 background-color:aqua;
}

tr.titre th {
	 font-weight:bold;
}

th.statut {
	font-weight:bold;
	text-align:center;
}

tbody th.statut:hover, tbody tr.rappel:hover th {
	background: white !important;
}

tr.pair, th.pair, td.pair {
	 background-color:#FFFFCC;
}

table.semaine tr.pair {
   background-color:#ffffe9;
}

table.semaine tr.jour0, table.semaine tr.jour6, table.semaine tr.jour7 {
   background-color:#b8b8ff;
} 

tr.pair th {
	background-color:transparent;
}

table#connexions tr.pair td,
tr.pair.persadministratif td, tr.pair.persadministratif th, 
tr.impair.persadministratif td, tr.impair.persadministratif th,
table#ajaxcra td {
	background-color:transparent;
}

tr.pair td.pair {
	background-color:#F3D49D;
}

td {
	text-align:center;
	background-color:#ffffff;
}

tbody th {
	text-align:left;
	font-weight:normal;
	/*background-color:#ffffff;*/
}

thead th, tfoot th, tbody tr.rappel th {
	font-weight:bold;
	font-size:110%;
	border:solid 1px #000088;
}

tbody tr.rappel th {
	text-align: center;
}

/* Semaine type */
table.semaine th {
	font-weight:bold;
}
table.semaine th.titre, table.generation th.titre, table.planning th.titre {
	font-weight:bold;
	text-align: center;
	font-size:110%;
}

tr.headPlanning th {
	font-weight:bold;
	text-align: center;
	font-size:110%;
	line-height: 1.2em;
}

/* Statistiques */
table.statistiques th {
	font-size:110%;
	vertical-align: middle;
}

tfoot td[headers="nom"], tfoot td[headers="nom2"] {
   text-align: left;
}

/* Mini calendrier */
table.minicalendrier caption {
	display:block;
}

/* Première page */
/* Logo Planning-Medical.com */
body.index div#pageHeader h1 {
	position: static;
	margin: auto;
	margin-top: 50px;
	width:309px;
}

body.index div#container {
	margin: 0;
}

body.index div#quickSummary p {
	text-align:center;
	font-size:140%;
	font-style:italic;
	margin:30px;
}

body.index p {
	text-align:center;
	margin:30px;
}

/* Administration */
/* Bi-colonne */
div.bicolonne {
	width: 50%;
	min-width: 412px;
	float: left;
	margin: 0 0;
}

/* Tri-colonne */
div.tricolonne {
	min-width: 188px;
	float: left;
	margin: 0 1%;
	width: 31%;	
}

ul.tricolonne {
  -webkit-column-count:3;
   -khtml-column-count:3;
     -moz-column-count:3;
      -ms-column-count:3;
          column-count:3;          

  -webkit-column-gap:2em;
   -khtml-column-gap:2em;
     -moz-column-gap:2em;
      -ms-column-gap:2em;
          column-gap:2em;

  -webkit-column-width:auto;  
   -khtml-column-width:auto;  
     -moz-column-width:auto;
      -ms-column-width:auto;
          column-width:auto;
}

div.bulle h3 {
	text-shadow: none;
}

div.bulle {
	padding: 0 15px 1em;
	margin: 15px 10px;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px; 
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 2px 2px 5px;
	 -khtml-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
           box-shadow: #222 2px 2px 5px;
}

div.neutre {
	border:solid 1px #9A9899;
	background-color:#E1E1E1;
}

table.phase {
	width: 100%;
	box-shadow: none;
	margin: 0;	
}
table.phase td {
	border: none;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

div.phase {
	width: 80%;
	min-width: 360px;
	max-width: 500px;
	min-height: 120px;
}

div.chgt {
	width: 250px;
}

div.bourse {
	width: 250px;
}

div.info {
	width: 140px;
	border:solid 1px #9A9899;
	background-color:#E1E1E1;
}

div.poste, div.medecin, div.semaine {
	width: 220px;
	border:solid 1px blue;
	background-color:#DFE7FF;	/* bleu pâle */
}

div.actif {
	border:solid 1px green;
	background-color:#DDFFDD;
	color: green;
}

div.boursea, div.chgta {
	border:solid 1px #E18B00;		/* orange */
	background-color:#FFF55C;		/* orange pale */
	color: #E18B00;
}

p.go {
	text-align: right;
}

div.positif p {
	font-size: 125%;
	font-weight:bold;
}

/* Tutoriel video */
div#video {
	text-align:center;
}

/* Nous contacter */
ul.contact {
	list-style-type:none;
	padding: 0;
	font-size: 125%;
	font-weight:bold;
}

ul.contact li {
	margin: 1em 0;
}

/* Messages de la page d'accueil personnel */
div.bulle-accueil {
	padding: 0 15px 1em;
	max-width: 65em;
	margin: 1em 0;
	margin-bottom: 1em;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 1px 1px 3px;
	 -khtml-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;
}


/* Changement de garde */
div#changement {
	border:solid 1px #9A9899;
	background-color:#E1E1E1;
	padding-bottom: 0.8em;
}

/* Tâche d‘administration */
div#administration {
	border:solid 1px #117900;
	background-color:#DDFFDD;
	color: #117900;
}

div.warning {
	background-color:#FFBBBB;
	border:1px solid #FF495F;
}

/* Messages internes */
div#message {
	border:solid 1px #1300AC;
	background-color:#CDE9FF;
	color: #1300AC;
}

/* Tableau des vacances scolaires */
table.vacances {
	width:60%;
}

table.vacances thead {
	background: #DDDDFF;
}

/* Message d'attente pour l'appel téléphonique */
p#appel {
   background: url("../images/loading.gif") no-repeat scroll 40px 0 transparent;
   height:32px;
   padding-left:96px;
   padding-top: 6px
}

/* Message d'attente pour la génération du planning */
div#attente {
	padding: 1em 1em 1em 2em;
	width: 65em;
	margin: 1em auto;
	border:solid 2px #FFB03D;
	background-color:#FFDF80;
	font-size: 135%;
	font-weight:bold;
	width: 15em;
	position:absolute;
   left: 50%;
   opacity:0.92;
   background: #FFDF80 url("../images/loading.gif") no-repeat scroll 127px 64px;
   height:5em;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 1px 1px 3px;
	 -khtml-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;
}

div#attente p {
	background: url("../images/sprite.png?v=1") no-repeat top left;
	background-position: 0 -320px;
	height: 16px;
	padding: 0 35px;
	vertical-align:middle;
}

div#bourse {
	background-color:#FFF55C;
	border:1px solid #E18B00;
	color:#E18B00;
	padding: 0 15px;
	margin: 15px 10px;
	width: 80px;
	float:left;
	left:17px;
	margin:-1px 0 0 -1px;
	position:absolute;
	top:400px;
	padding-bottom: 1em;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 2px 2px 5px;
	 -khtml-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
           box-shadow: #222 2px 2px 5px;
}

div#bourse h3 {
	font-size: 100%;
}

/* Sondage */

div#sondage {
	color:#004a1d;
	/* padding: 0 15px; */
	/* margin: 15px 10px; */
	width: 150px;
	float:left;
	left:12px;
	/* margin:-1px 0 0 -1px; */
	position:absolute;
	top:400px;
	padding-bottom: 1em;
	text-align: center;
}

div#sondage p {
	border:1px solid #004a1d;
	color:#004a1d;
	padding: 0.4em;
	margin-top: 0;
	text-align: left;
	font-size: 96%;

	-webkit-border-radius: 15px;
	 -khtml-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

	-webkit-box-shadow: #222 2px 2px 5px;
	 -khtml-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
           box-shadow: #222 2px 2px 5px;	
}

div#sondage h3 {
	display: none;
}


span.attention {
	font-weight: bold;
}

span.gras {
	font-weight: bold;
	text-transform: uppercase;
}

div.nouveaute {
	padding: 0 15px;
	margin: 1em 3em;
	background-color:#FFBBBB;
	border:1px solid #FF495F;

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

	-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;
}

div.attention {
	padding: 0 15px;
	margin: 1em 3em;
	background-color:#FFBBBB;
	border:1px solid #FF495F;

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

	-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;
}

div.wizard {
	padding: 0 15px;
	margin: 1em 3em;
	background-color:#FFFD7C;
	border:1px solid #FFA81E;
	padding-bottom: 1em;

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

	-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;
}

div.estompe {
/*
	opacity:0.50;
*/
}

span.aidememoire {
	font-size: 90%;
	color: #002080;
	font-style:italic;
}

span.ferie {
	font-size: 90%;
	color: #002080;
}



p.noplanning {
	margin: auto;
	font-size: 110%;
	text-align:center;
	background-color: #DDDDFF;		/* bleu pale */
	color: #005588;					/* bleu foncé */
	margin: 20px auto;
	max-width: 600px;
	padding: 10px;
	border: solid 1px #005588;		/* bleu foncé */;

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

	-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;
}

ul.video li {
	margin: 5px 0;
}

ul.video li a {
	font-size:110%;
	font-weight: bold;
}

ul.fct li span {
	font-weight: bold;
}

ul.fct li {
	padding:0.3em 0;
}

div.abonne {
	padding: 0 15px;
	margin: 15px 10px;
	border: solid 1px #32CD32;
	background-color: #C5FFB8;		/* vert pale */
	width: 270px;

	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
          box-shadow: #222 2px 2px 5px;
}

/* Partenaires */
ul.partenaires li {
	margin: 2em 0;
	padding: 10px;
	border: solid 1px #C60201;		/* rouge foncé */
	width:600px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
          box-shadow: #222 2px 2px 5px;
}

ul.partenaires li span.date {
	font-weight: bold;
}

ul.partenaires li span.horaire {
	font-style:italic;
	font-size:90%;
}

ul.partenaires a.logop {
	float: right;
	margin-left: 1.2em;
}

img.barre {
	float:left;
	height: 5px;
}

img.des {
	transition: all 2s ease 0s;
}

td.pg {
	transition: all 2s ease 0s;
}

td.estompe {
	opacity: 0.10;
}

img.estompe {
	opacity: 0.20;
}

img.valid, img.malad, img.form {
	cursor: pointer;
}

td.avalid {
	background: #d0ffd1;			/* Vert pale */
	cursor: pointer;
}

td.fonce, th.fonce {
    background-color: #f3e3a7;
}

td.fonce2, th.fonce2 {
    background-color: #f3a8df;
}

td.fonce3, th.fonce3 {
    background-color: #a8f3d8;
}

td.fonce4, th.fonce4 {
    background-color: #b0d6ff;
}

table.generation td img {
	max-width: none;
}

table.generation td {
	
	/* min-width:8em; */
	padding: 3px 0;
	font-size:110%;
	padding:0 0.3em;
	white-space:nowrap;
}

table.maj tr {
	height:2.8em;
}

table.maj td {
	font-size:100%;
	padding:0 1.3em;
}

table.generation th {
	min-width:6.5em;
}

div#demo {
	z-index: 1;
	background: url("../images/toubib.png") no-repeat scroll 30px 15px #fff;
	position:absolute;
	top: 150px;
	right: 0;
	font-size:110%;
	width: 220px;
	padding: 110px 15px 0;
	margin: 1em 3em;
	background-color:#FFFD7C;
	border:1px solid #FFA81E;
	opacity:0.85;

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

	-webkit-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
          box-shadow: #222 2px 2px 5px;
}

/* Cartouche */
div#cartouche {
	position:absolute;
	background: url("../images/avatar-toubib.png") no-repeat scroll 7px 3px #FFFFFF;
	top: 0;
	right: 0;
	font-size:90%;
	padding: 12px 12px 12px 40px;
	margin: 1em;
	background-color:#FFFFFF;
	border:1px solid #C1263E;
	text-align: right;
	z-index: 5;

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

	-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;
}

div#cartouche.admin {
	background: url("../images/avatar-admin.png") no-repeat scroll 7px 3px #FFFFFF;
}

div#cartouche span#nomPersonne {
	padding: 0 2px;
	vertical-align:middle;
	font-size:110%;
	font-weight: bold;
}

td.manque {
	color:red;
	font-weight: bold;
}

span.nonoblig {
	font-size:80%;
	font-style:italic;
}

p.impression {
	text-align:center;
}

div#ousuisje {
	font-size:80%;
}

/* Tarif */
div#tarif {
	text-align:center;
	position:absolute;
	color:#FFBF00;
	background-color:#F1FF90;
	top:28px;
	left:480px;
	padding: 0px 10px 22px;
	border: 2px solid #FFBF00;
	width: 7em;
	height: 6em;
	font-weight: bold;
	font-size:130%;
	font-variant:small-caps;
	z-index: 3;

	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;

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

	-webkit-box-shadow: black 3px 3px 8px;
	   -moz-box-shadow: black 3px 3px 8px;
	    -ms-box-shadow: black 3px 3px 8px;
	     -o-box-shadow: black 3px 3px 8px;
	        box-shadow: black 3px 3px 8px;
}

div#tarif:hover {
	-webkit-transform: rotate(-5deg) scale(1.3) translate(0, 8px);
	-moz-transform: rotate(-5deg) scale(1.3) translate(0, 8px);
}

span#val {
	font-size:250%;
	font-weight: bolder;
	line-height: 1.3em;
}

/* Promotion */
div#promo {
	text-align:center;
	float:left;
	color:#FFBF00;
	background-color:#F1FF90;
	top:21em;
	left:10em;
	padding: 0px 10px 22px;
	border: 2px solid #FFBF00;
	width: 7em;
	height: 4em;
	font-weight: bold;
	font-size:150%;
	font-variant:small-caps;
	margin-right: 1em;
	margin-bottom: 1em;
	z-index: 3;

	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;

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

	-webkit-box-shadow: black 3px 3px 8px;
	   -moz-box-shadow: black 3px 3px 8px;
	    -ms-box-shadow: black 3px 3px 8px;
	     -o-box-shadow: black 3px 3px 8px;
	        box-shadow: black 3px 3px 8px;
}

div#promo:hover {
	background-color:#C60201;

	-webkit-transform: rotate(+15deg) scale(1.3) translate(4px, 0);
	-moz-transform: rotate(+15deg) scale(1.3) translate(4px, 0);
}

span#gratuit {
	font-size:190%;
	font-weight: bolder;
	line-height: 1.3em;
}

span.p100 {
	font-size:95%;
	font-style:italic;
}

/* Accueil via Google */
div#g1 {
	width: 600px;
	font-size:120%;
	border:solid 1px blue;
	background: url("../images/med1.jpg") no-repeat top right;
	margin: auto;
}

div#g2 {
	width: 600px;
	font-size:120%;
	border:solid 1px blue;
	background: url("../images/med2.jpg") no-repeat top right;
	margin: auto;
}

div#g1 ul {
	list-style:none outside none;
	padding:0 200px 0 0;
}


div#g2 ul {
	list-style:none outside none;
	padding:0 350px 0 0;
}

div#g2 p {
	padding:0 320px 0 0;
}

div#g1 li, div#g2 li {
	padding:10px 0;
}

div#fleche {
	padding-left:200px;
	text-align:center;
	margin-top: 1em;
}

/* Sondage */
span.mul {
	font-size:90%;
	font-style:italic;
}

form.un img.actionicon {
	left:100px;
	top:1px;
	margin:2px;
	position:absolute;
}

div#capp {
	float:left;
	margin-left:530px;
	margin-top:-280px;
}

table#calapp td.n {
	background-color: #E7E7E7;
}

table#calapp td.j {
	background-color: #FFA81E;
}

table#calapp td.n.j {
	background-color: #D78D19;
}

img#echelle {
	border: solid 2px #FFD760; 	/* orange */
	background-color: white;
	display: block;
	padding: 10px;
	margin: 1em 0;

	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;
	-webkit-box-shadow: #222 2px 2px 5px;
	   -moz-box-shadow: #222 2px 2px 5px;
	    -ms-box-shadow: #222 2px 2px 5px;
	     -o-box-shadow: #222 2px 2px 5px;
          box-shadow: #222 2px 2px 5px;
}

span.fpb {
	font-size:110%;
	color:#C60201;
}

span.fpa {
	font-size:105%;
}

span.fpc {
	font-size:120%;
	color:#C60201;
}

div#guide {
	position: absolute;
	top:30px;
	right:230px;
	z-index:10;
}

div#guide:focus {
	text-decoration: none;
}

div#gdata {
	background-color:#FFFD7C;
	border:1px solid #FFA81E;
	font-size:96%;
	margin:1em 5em;
	opacity:0.85;
	padding:110px 15px 1em;
	position:absolute;
	right:8px;
	top:12px;
	width:340px;
	z-index:7;
	outline:none;

	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
          border-radius: 15px;
  -webkit-box-shadow:5px 5px 5px #222222;
	   -moz-box-shadow:5px 5px 5px #222222;
	    -ms-box-shadow:5px 5px 5px #222222;
		   -o-box-shadow:5px 5px 5px #222222;
		      box-shadow:5px 5px 5px #222222;
}

div#gdata h4 {
	font-size: 100%;
}

a#cguide {
	position:absolute;
	right:6px;
	top:9px;
}

div#sgen {
	/* width: 250px; */
}

div#sgen, div#scom, div#scho {
	position:absolute;
	padding: 0.7em;
	margin: 1em auto;
	border:solid 2px #FFB03D;
	background-color:#FFFFE2;
	font-size: 110%;
	position:absolute;
   opacity:0.85;
   max-width: 100%;
   white-space: nowrap;

	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;

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

form#fsgen, form#fsgen textarea {
	width: 100%;
}

div#scho {
	background-color: #ffffff;
	border-color: #9999FF;
	min-width: 15em;
	font-size:95%;
}

img#attgen {
	margin-left: 6.5em;
}


div#sgen span {
	font-weight:bold;
}

p#psgen {
	width: 100%;
	white-space: normal;
	width: 250px;
}

a#esgen {
	float:left;
}

a#csgen, a#cscom, a#cscho {
	float:right;
}

form#fsgen em {
	font-style: italic;
	font-size: 80%;
}

/*
th.jour div {
	width: 110px;
}

th.jour div img.gcj {
	background: url('../images/triangle-off.png') no-repeat scroll 0 0 transparent;
	position: relative;
	top: -9px;
	left: -4px;
}
*/

h2.vert, h3.vert {
	color: #14600b;
}


/* Note de bas de pafge */
sup a {
	text-decoration: none;
}

div.footnote {
	font-size:90%;
	font-style:italic
}

div#gain {
	float:right;
	margin:0 1em;
}

div#ftel {
	text-align:center;
}
span#fnum {
	font-weight:bold;
	font-size: 175%;
	color:#C60201;
}

span.is {
	font-size: 80%;
}

span.hor {
	font-size: 95%;
}

div.chgtrs {
	font-style: italic;
	font-size: 80%;
	margin-left: 3em;
	margin-top: -0.5em;
}

a#lmasq {
	line-height: 3em;
}

/* Temps administratif */
div.tpsadm {
	float: left;
	margin: 0 3px;
}

div.tpsadm ul {
	margin: 0;
	padding: 0;
}

div.tpsadm ul li {
	list-style:none;
	text-align: left;
	font-size: 90%;
}

span.vdispo img {
	vertical-align: middle;
}

span.vdispo {
	background-color: #ffa5a5;		/* rouge pale */
	padding: 1px 7px;
	margin: 1px 4px;
	display: inline-block;

	border: 1px solid #ff6565;

	-webkit-border-radius: 1em;
	   -moz-border-radius: 1em;
	    -ms-border-radius: 1em;
	     -o-border-radius: 1em;
	        border-radius: 1em;
}

span.vdispo7, span.vdispo16, span.vdispo21 {
	background-color: #ff3131;		/* rouge soutenu */
	border-color: #ff0d0d;		/* orange plus soutenu */	
	color: white;
}

span.vdispo20 {
	background-color: #fcdea1;		/* orange pale */
	border-color: #ffba32;		/* orange soutenu */
}

span.vdispo35 {
	background-color: #a6ffa9;		/* vert pale */
	border-color: #33fd3a;		/* vert soutenu */
}

span.vdispo-99 {
	background-color: #ffba32;		/* orange soutenu */
	border-color: #ff0d0d;		/* orange soutenu */
}

span.vdispo-97 {
	background-color: #000000;		/* noir */
	border-color: #767676;		/* orange soutenu */
	color: #ffffff;
}

span.vdispo-96 {
	background-color: #7ec8ff;		/* bleu */
	border-color: #0086eb;		/* orange soutenu */
}

span.vdispo-95 {
	background-color: #0b8df0;		/* bleu */
	border-color: #0070c9;		/* orange soutenu */
	color: #ffffff;
}

span.vdispo-94 {
	background-color: rgba(160, 160, 160, 0.5);		/* bleu */
	border-color: rgba(103, 103, 103, 0.8);		/* orange soutenu */
}

span.apourvoir {
	background-color: #FFF55C;		/* jaune petard */
	padding: 2px 7px;
	margin: 1px 4px;
	display: inline-block;

	border: 1px solid #E18B00;    /* orange */

	-webkit-border-radius: 1em;
	   -moz-border-radius: 1em;
	    -ms-border-radius: 1em;
	     -o-border-radius: 1em;
	        border-radius: 1em;
}

span.apourvoir a {
   color : #E18B00;
}

span.avalider {
	background-color: #7EC8FF;		/* bleu clair */
	padding: 2px 7px;
	margin: 1px 4px;
	display: inline-block;

	border: 1px solid #0086EB;    /* bleu foncé */

	-webkit-border-radius: 1em;
	   -moz-border-radius: 1em;
	    -ms-border-radius: 1em;
	     -o-border-radius: 1em;
	        border-radius: 1em;
}

body.index p.pub {
	margin-bottom: 0.5em;
}

body.index p.cookies {
	margin-bottom: 0.5em;
	color: #6c6c6c;
	font-size: 80%;
	font-style: italic;
}

body.index ul {
	margin: auto;
	display: table;
}

*.link {
	cursor: pointer;
}

/* Statistiques par poste et par jour */
div.lijour {
	white-space:nowrap;
}

div.lijour span {
	line-height: 24px;
	width: 24px;
}

div.lijour span.vide {
	color: rgba(172,172,172,0.57);
}

div.lijour span.max {
	color: red;
	text-decoration: underline;
}

div#extraDiv1 {
	z-index: -1;
}

div.citation {
	float: right;
	background: white;
	width: 280px;
	margin: 0 3em 0 10px;
	cursor: pointer;
	
	padding: 10px;
	
	border:solid 2px #C60201;
	background-color: #ffffff;
	
	-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; 
	        
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;

	-webkit-box-shadow: black 2px 2px 5px;
	   -moz-box-shadow: black 2px 2px 5px;
	    -ms-box-shadow: black 2px 2px 5px;
	     -o-box-shadow: black 2px 2px 5px;
	        box-shadow: black 2px 2px 5px;		        	
}

div.citation blockquote p {
	display: block;
	font-style: italic;
	margin-top: 0;
}

div.citation cite {
	display: block;
	font-weight: bold;
}

p.alerte {
	font-weight: bold;
	color:#C60201;
	word-wrap: break-word; 
}

span.mini {
	font-style: italic;
	font-size: 70%;
}

span.autreserv {
	font-style: italic;
	font-size: 70%;
   white-space: nowrap;
   word-wrap: normal;   
}

span.micro {
	font-style: italic;
	font-size: 50%;
}

/* Code pour faciliter le débug */
/* h1, ul#evitement {display: none;} */




@media (max-width: 640px) {
	/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
	img {
		height: auto; width: auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
	element1, element2 {
		float: none;
		width: auto;
	}
	
	/* masquer les éléments superflus */
	.hide_mobile {
		display: none !important;
	}
}
	
@media (max-device-width:768px) and (orientation: landscape) {
	html {
		-webkit-text-size-adjust: 100%;
	}
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
	div#pageHeader h1 img {
      display: none;
   }
   
   body.index div#pageHeader h1, div#pageHeader h1 {
      background: url("../images/logo@2x.png") no-repeat scroll 0 0 transparent;
      background-size: 309px 100px;
      width: 309px;
      height: 100px;
   }
   
   span#entrez img {
      display: none;
   }
   
   span#entrez {
      display: block;
      background: url("../images/entrez@2x.png") no-repeat scroll 0 0 transparent;
      background-size: 120px 35px;
      width: 120px;
      height: 35px;
      margin: auto;
   }
   
   hr {
      background-image: url("../images/separateurs@2x.png");
      background-size: 500px 140px;
   }
}


/* Aide au développement */
/*
td.comble {
   background-color: #c4ffef;
}
*/