html {overflow: scroll;} /* pour faire apparaitre la barre de défilement */

body { background: #d6d7d2 url("../images/diagonal.png") repeat ; font: 0.8em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; margin: 10px 0 0 10px; }

input, select, textarea { font: 1.0em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; }

a, a:visited { color:#000; text-decoration:none; font-weight:normal; }
a:hover{ color:#444; text-decoration:none;}
a img{border:none}

#afficheservices select {
	font: 1.9em Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	background-color: #fff;
	padding: 3px;
}

.titreplanning { font-size: 2.0em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#000; margin: 0; text-align: center; font-style: italic; }
.titremois { font-size: 1.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#000; margin: 0; }
.titrenom { font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#000; margin: 0 0 10px 0; }
.titreform { font-size: 1.4em; margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#000; margin-bottom:20px; }

/*========= Table du planning ==========*/
table#planning { background:#FFF; padding:0; margin:0; color:#000; border-collapse: collapse; border: 2px solid #444; }
#planning tr, #planning td { vertical-align:middle !important; border-collapse: collapse; text-align:center; border: 1px solid #000; }
#planning tr, #planning td { vertical-align:middle !important; border-collapse: collapse; text-align:center; border: 1px solid #666; }
#planning td { width: 28px; height: 26px; margin: 0; padding: 0px; }
#planning td.enteteservice { font-size:1.4em; background:#5c779e; width: 160px !important; text-align:left !important; padding-left:10px; color:#FFF; }
#planning td.chef { background:#fff2df; width: 175px !important; text-align:left !important; padding: 0 0 0 5px !important; }
#planning td.chef img { position:relative; top: 1px; margin-right: 3px; }
#planning td.nomagent { background:#f5f5f5; width: 175px !important; text-align:left !important; padding: 0 0 0 5px !important; }
#planning td.nomagent img { position:relative; top: 1px; margin-right: 3px; }
#planning td.nomagentcourant { background:#444444; width: 175px !important; text-align:left !important; padding: 0 0 0 5px !important; color:#fff; }
#planning td.nomagentcourant img { position:relative; top: 1px; margin-right: 3px; }
#planning td.libjour { background:#d5d5d5; text-align:center; }
#planning td.numjour { background:#d5d5d5; text-align:center; font-weight:bold; }
#planning td.libjourcourant { background:#2f5387; text-align:center; color:#fff !important; }
#planning td.numjourcourant { background: #2f5387; text-align:center; font-weight:bold; color:#fff !important; }
#planning td.libjourcourant { background:#be0028; text-align:center; color:#fff !important; }
#planning td.numjourcourant { background: #be0028; text-align:center; font-weight:bold; color:#fff !important; }
#planning td.jourwe { background:#d5d5d5; color: #999; }
#planning td.jourgris { background:#93979b; color: #ddd; }
#planning td.casewe { background:#d5d5d5; color: #fff; }
#planning td.caseblanche { background: #FFF; color: #000; }
#planning td.casedemiblanche { width: 13px !important; background: #FFF; color: #000; }
#planning td.caseconge { background: #65dd65; color: #000; }
#planning td.casedemiconge { width: 14px !important; background: #65dd65; color: #000; }
#planning td.casereunion { background: #8fb9f3; color: #000; }
#planning td.casedemireunion { width: 14px !important; background: #8fb9f3; color: #000; }
#planning td.caseformation { background: #f5ca59; color: #000; }
#planning td.casedemiformation { width: 14px !important; background: #f5ca59; color: #000; }
#planning td.casemission { background: #f8694d; color: #000; }
#planning td.casedemimission { width: 14px !important; background: #f8694d; color: #000; }
#planning td.caseteletravail { background: #fe4dff; color: #000; }
#planning td.casedemiteletravail { width: 14px !important; background: #fe4dff; color: #000; }
#planning td.casegrise { background:#a3a4a5; color: #000; }
#planning td.casedemigrise { width: 14px !important; background: #a3a4a5; color: #000; }
#planning td.casechome { background:#fffe8d; color: #000; }
#planning td.casenowork { background:#fffe8d; color: #000; }
#planning td.casedeminowork { width: 14px !important; background: #fffe8d; color: #000; }

#planning td.caseconge a,
#planning td.casedemiconge a,
#planning td.casereunion a,
#planning td.casedemireunion a,
#planning td.caseformation a,
#planning td.casedemiformation a,
#planning td.caseblanche a,
#planning td.casedemiblanche a,
#planning td.casemission a,
#planning td.casedemimission a,
#planning td.caseteletravail a,
#planning td.casedemiteletravail a,
#planning td.casenowork a,
#planning td.casedeminowork a,
#planning td.casegrise a,
#planning td.casedemigrise a {
	display:block;
	height: inherit;
}

#planning td.enteteservice a { color:#FFF; }

/*===================== Boutons de navigation dans les mois du planning ======================*/
#navigation tr, #navigation td { vertical-align:middle !important; border-collapse: collapse; }
#navigation td.caseconge { background: #65dd65; border: 1px solid #000; color: #000; padding:0 10px; text-align:center; }
#navigation td.casereunion { border: 1px solid #000; background: #8fb9f3; color: #000; padding:0 10px; text-align:center; }
#navigation td.caseformation { border: 1px solid #000; background: #f5ca59; color: #000; padding:0 10px; text-align:center; }
#navigation td.casemission { border: 1px solid #000; background:#f8694d; color: #000; padding:0 10px; text-align:center; }
#navigation td.caseteletravail { border: 1px solid #000; background:#fe4dff; color: #fff; padding:0 10px; text-align:center; }
#navigation td.casenowork { border: 1px solid #000; background:#fffe8d; color: #000; padding:0 10px; text-align:center; }

#navigation td.boutons a {
	float: left;
	border: 1px solid #000;
	background: #c9defb;
	background: #d4e5fc;
	color: #000;
	padding:6px 10px;
	margin: 0 8px 0 0;
	text-align:center;
	border-radius: 4px;
}

#navigation td.boutons a:hover {
	border: 1px solid #5c779e;
	border: 1px solid #000;
	background: #e6f1fe;
	color: #000;
	text-decoration:none;
}
/*============================================================================================*/

#formplan {
	padding: 20px;
	border: dotted 2px #6fa3ed;
	background-color: #d4e5fc;
	width:600px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}
#formplan label { display: block; margin-bottom:3px; color:#666; font-style:italic; }
#formplan select, #formplan input, #formplan textarea { font: 1.0em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; }
#formplan .labelagent { font-size: 1.1em; font-style:italic; font-weight:bold; text-align:center; color: #009; }
#formplan input.bouton { margin: 0px 5px 0; padding: 5px 10px; }
#formplan td.fleche { padding: 0 !important; text-align: center; vertical-align:middle; }
#formplan tr { padding: 0 !important; margin: 0 !important; }

table#absences {
	background:#FFF;
	border: 2px solid #e7e7e7;
	border: 1px solid #000;
	padding:0;
	margin:0;
	color:#000;
	border-collapse: collapse;
}
.clear{clear:both; height:1px !important; line-height:1px !important; float:none!important;}

h1, h2{ margin-bottom:15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h3, h4, h5, h6{margin-bottom:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {font-size:24px; line-height:22px;}
h2 {font-size:20px; line-height:20px;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:14px; line-height:16px;}
h5{font-size:13px; line-height:15px;}
h6 {font-size:12px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; color:#000}

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px;	}
.margin_bottom_20 { width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

input.bouton { width:auto; margin: 0 3px 0; padding:3px 6px; }

.titregestion { background: url("../images/calendrier.png") no-repeat 0% 50%; padding: 10px 0 10px 36px; }
.titregestion a { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; font-weight: bold; color:#000; }
.titregestion a:hover { color:#444; }

#actions { text-align:center; margin: 30px 0 0; }

#formagents { padding: 20px; border: dotted 2px #f2bb36; background-color: #f5f0df; width:1030px; }
#formagents select, #formagents input, #formagents textarea { font: 1.0em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; }
#formagents label { display: block; font-style:italic; color: #666; margin:0 0 4px; }
#formagents .labelagent { font-style:italic; color: #666; text-align:center; margin:0 0 4px; }
#formagents input.bouton { margin: 0px 5px 0; padding: 5px 6px; }
#formagents td.fleche { padding: 0 !important; text-align: center; vertical-align:middle; }
#formagents td.right input { text-align: right !important; }

#absences { padding: 20px; border: dotted 2px #bcd53b; background-color: #f6f9e1; }
#absences td { text-align:center; vertical-align:middle !important; }
#absences select, #absences input, #absences textarea { font: 1.0em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; }
#absences label { display: block; margin: 0 0 6px; }
#absences .labelagent { font-size: 1.1em; font-style:italic; font-weight:bold; text-align:center; color: #009; }
#absences input.bouton { margin: 0px 5px 0; padding: 5px 6px; }
#absences td.fleche { padding: 0 !important; text-align: center; vertical-align:middle; }

#form_webmestre { padding: 20px; border: 2px; border-style: dotted; border-color:#e89512; background-color:#FFF0C1; }

#formulaire { padding: 20px; border: dotted 2px #a7c9f9; background-color: #d8e7fc; }
#formulaire select, #formulaire input, #formulaire textarea { font: 1.0em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; }
#formulaire label { display: block; width: 400px; }
#formulaire .labelagent { font-size: 1.1em; font-style:italic; font-weight:bold; text-align:center; color: #009; }
#formulaire input.bouton { margin: 0px 5px 0; padding: 5px 6px; }
#formulaire td.fleche { padding: 0 !important; text-align: center; vertical-align:middle; }

.image-gauche { float: left; border: 0px; margin:0 20px 15px 0 !important; }
.image-gauche-encadree { float: left; margin: 0 20px 15px 0 !important; padding:5px; border:1px  #CCCCCC solid;  }
.image-droite { float: right; border: 0px; margin:0 0 15px 20px !important; }
.image-droite-encadree { float: right; margin:0 0 15px 20px !important; padding:5px; border:1px  #CCCCCC solid; }
.image-encadree { margin:10px 10px !important; padding:5px; border:1px  #CCCCCC solid;  }

#outils { padding: 20px; border: dotted 2px #f2bb36; background-color: #f5f0df; width:700px; }
#outils select, #outils input, #outils textarea { font: 1.0em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; }
#outils label { display: block; font-style:italic; color: #666; margin:0 0 4px; }
#outils input.bouton { margin: 0px 5px 0; padding: 5px 6px; }
#outils ul li { padding: 20px 0 0 0 !important; font-size: 1.1em; }
#outils li img { margin: 0 6px 0 0; }
#outils ul { list-style:none; list-style-image: none; margin-bottom:30px; }
#outils p { margin: 0; color:#888; font-style:italic; }

#formservices { padding: 20px; border: dotted 2px #f2bb36; background-color: #f5f0df; width:540px; }
#formservices select, #formservices input, #formservices textarea { font: 1.0em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; }
#formservices label { display: block; font-style:italic; color: #666; margin:0 0 4px; }
#formservices input.bouton { margin: 0px 5px 0; padding: 5px 6px; }
#formservices td.fleche { padding: 0 !important; text-align: center; vertical-align:middle; }
#formservices p { margin: 0; color:#888; font-style:italic; }

#aide { padding: 20px; border: dotted 2px #a7c9f9; background-color: #d8e7fc; width:900px; }
#aide { padding: 20px; border: dotted 2px #a7c9f9; background-color: #ecf6fe; width:900px; }
#aide input.bouton { margin: 0px 5px 0; padding: 5px 6px; }
#aide p { margin: 0; color:#888; font-style:italic; }

.titrechapitre { margin: 0 0 6px 0; font-size:1.2em; font-weight:bold; }
.chapitre { margin: 10px 0 10px 0; color:#666; font-style:normal; }

.concepteur a { background: url("../images/email.png") no-repeat 2px 50%; padding: 0 0 0 24px; color:#444; }
.concepteur a:hover { color:#000; }

.help a { background: url("../images/help.png") no-repeat 0% 50%; padding: 10px 0 10px 24px; color:#444; }
.help a:hover { color:#000; }

.logout a { background: url("../images/exit.png") no-repeat 0% 50%; padding: 10px 0 10px 24px; color:#444; }
.logout a:hover { color:#000; }

#planning td.numjour a {
	color:#000; 
	display:block;
	height: inherit;
	line-height: 200%;
	font-weight:bold;
}

#planning td.numjourcourant a {
	color:#fff; 
	display:block;
	height: inherit;
	line-height: 200%;
	font-weight:bold;
}

#planning td.numjour a:hover,
#planning td.numjourcourant a:hover {
	color:#000; 
	background:#fffe8d;
}

.message {
	font-style:italic;
	color: #090; 
}

.form-bouton {
	background-color:#f5f5f5;
	border-top:1px solid #e5e5e5;
	margin-bottom:20px;
	margin-top:10px;
	padding:19px 20px 20px;
	text-align:center
}

.form-user {
	background-color:#f5f5f5;
	border-top:1px solid #e5e5e5;
	margin-bottom:20px;
	margin-top:10px;
	padding:19px 20px 20px;
	text-align:center;
	font-size: 1.2em;
}

.form-user select {
	background-color:#036;
	color: #fff;
	font-weight: bold;
	padding: 3px;
}

.btn-connexion {
	color:#fff;
	font-weight: bold !important;
	font-size: 1.2em !important;
	background-color:#d9534f;
	background-color:#d4bc88;
	border: 2px solid #c09e54 !important;
}
.btn-connexion:hover,.btn-connexion:focus,.btn-connexion:active,.btn-connexion.active,.open .dropdown-toggle.btn-connexion {
	color:#fff !important;
	background-color:#be9a4e;
	border: 2px solid #9b7c39 !important;
}
btn-connexion:active,.btn-connexion.active,.open .dropdown-toggle.btn-connexion {
	background-image:none;
}
.btn-connexion.disabled,.btn-connexion[disabled],fieldset[disabled] .btn-connexion,.btn-connexion.disabled:hover,.btn-connexion[disabled]:hover,fieldset[disabled] .btn-connexion:hover,.btn-connexion.disabled:focus,.btn-connexion[disabled]:focus,fieldset[disabled] .btn-connexion:focus,.btn-connexion.disabled:active,.btn-connexion[disabled]:active,fieldset[disabled] .btn-connexion:active,.btn-connexion.disabled.active,.btn-connexion[disabled].active,fieldset[disabled] .btn-connexion.active {
	color:#fff;
	background-color:#d9534f;
	border-color:#d43f3a;
}
.btn-connexion .badge {
	color:#d9534f;background-color:#fff;
}

.avatar {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: #5e87b0 solid 1px;
	border: #f0ad4e solid 1px;
	margin: 0 10px 0 0;
	height: 32px;
	width: 32px;
}

.bastia {
	color: #000 !important;
	background-color: #FFFFDD !important;
	font-weight: bold !important;
}

.footer {
	text-align: center;
	padding: 15px;
	font-size: 12px;
	font-style: italic;
	color: #C0C0C0;
}