/* Css Pompier Quebec*/

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFF url(../images/accueil/back_header.jpg) top repeat-x;
	}

a{
	border:0;
	outline: none;

}

img{
	border:0;
}

a:active {
  outline: none;
}


/* Main */

#main {
	width:960px;
	margin:0px auto;
	}

.error{
	color:red;
}

#header_haut {
	background:url(../images/accueil/tag_haut.jpg) no-repeat left;
	height:100px;
	width:765px;
	margin:0px 0px 0px 5px;
	padding:0px;
	}

#menu1{
	margin:0;
	padding:3px 0 0 0;
	float:right;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background:#FFF url(../images/accueil/back-nav.jpg) center repeat-x;
	height:28px;
}

#nav a {
	display: block;
	width: auto;
	font-size:11px;
	color:#555;
	font-weight:bold;
	text-align:center;
	height:18px;
	padding:9px 10px 1px;
}

#nav li {
	float: right;
	width: auto;
}

#nav a:hover{
	color:#900;
}

#nav li ul {
	position: absolute;
	width: 250px;
	left: -999em;
	background:#FFF;
	border:#CCC 1px solid;
	height:auto;
	margin:0;
}

#nav li ul a{
	margin:5px 7px 0;
	text-align:left;
	/*width:220px;*/
	padding:0;
}

#nav li ul li:hover{
	background:#DDD;
}

#nav li ul a:hover{
	color:#555;
}

#nav li ul li{
	float:left;
	padding:0;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.nav-start{
	background:#FFF url(../images/accueil/back-nav-droite.jpg) center no-repeat;
}

.nav-stop{
	background:#FFF url(../images/accueil/back-nav-gauche.jpg) center no-repeat;
}

#header_bas {
	background:url(../images/accueil/tag_bas.jpg) no-repeat left;
	height:50px;
	width:189px;
	margin:0px 0px 0px 5px;
	padding:0px;
	float:left;
	display:inline;
	}

#content {
	margin:0px auto;
	padding:25px 0 0 0;
	}

#content table{
	text-align:center;
	margin:5px;
	padding:0px;
}

#content td{
	padding:0px;
}

#content li{
	list-style-type:none;
}

#link_personnel_dispo{
	padding: 5px;
	border: 1px solid #999;
	width:350px;
}
#link_personnel_dispo a{
	text-decoration:underline;
}

#img {
	background:#F2FBFF url(../images/accueil/firetruck_470x300.jpg) no-repeat center center;
	width:530px;
	height:310px;
	border-top:#95C5FF thin solid;
	border-bottom:#95C5FF thin solid;
	margin:15px auto;
	}

/* Navigation */

#navigation {
	width:574px;
	height:50px;
	margin:0px 0px 0px 194px;
	font-size:14px;
	display:inline;
	}

#navigation ul {
	list-style: none;
	margin:6px 0px 0px 10px;
	padding:10px 0px 0px;
	height:24px;
	}

#navigation li {
	text-align:center;
	float:left;
	margin:0px;
	height:35px;
	}

#navigation li:hover a{
	color:#CCC;
	}

#navigation a {
	width:110px;
	color:#000;
	text-decoration:none;
	text-align:center;
	padding:0px 0px 0px 25px;
}

#navigation a:hover, #navigation .active a {
	/*background-image:url(images/button_on.jpg);
	background-position:center;
	background-repeat:no-repeat;*/
	text-decoration: none;
	color: #900;
	text-align:center;
	}

/* identification */

#identification {
	background-color:#F2FBFF;
	border-top:#95C5FF thin solid;
	border-bottom:#95C5FF thin solid;
	margin:10px 0px 0px;
	height:auto;
	padding:0px;
	text-align:center;
	}

/*#identification fieldset {
	height:25px;
	border:none;
	float:left;
	margin:0px;
	padding:0px 10px;
	}*/

#iden{
	margin:0px auto;
}

#iden select{
	width:250px;
	margin:5px 0 15px;
	padding:0px;
}

#username_list{
	width:250px;
	float:left;
	display:inline;	
}

#form{
	margin:8px 10px;
	text-align:center;
}

#form label{
	float:left;
	line-height:20px;
	margin:0px 2px;
}

#loginform{
	margin:0px auto;
}

#loginform input{
	float:left;
	margin:0px auto;
}

#loading_munic{
	float:left;
	display:inline;
	margin:3px 5px;
}

#loading_people{
	margin:3px 5px;
}

#info {
	background-color:#F2FBFF;
	border-top:#95C5FF thin solid;
	border-bottom:#95C5FF thin solid;
	margin:10px auto;
	height:auto;
	padding:10px;
	}

#contacts {
	margin:10px auto;
	font-size:14px;
	}

#gui, #alex, #jean {
	background-color:#F2FBFF;
	border-top:#95C5FF thin solid;
	border-bottom:#95C5FF thin solid;
	margin:10px auto;
	height:auto;
	padding:10px;
	}	

#demo {
	background-color:#F2FBFF;
	border-top:#95C5FF thin solid;
	border-bottom:#95C5FF thin solid;
	width:600px;
	height:auto;
	margin:20px auto;
	padding:10px 20px;
	}

#demo_ani {
	background-color:#F2FBFF;
	border-top:#95C5FF thin solid;
	border-bottom:#95C5FF thin solid;
	margin:10px 0px 0px;
	height:auto;
	padding:5px 0px 5px 0px;
	text-align:center;
	}

#demo_ani a {
	color:#900;
	font-size:15px;
	margin:0px;
	}

#demo_ani a:hover {
	color: #CCC;
	}

#accessibilite {
	background-color:#F2FBFF;
	border-top:#95C5FF thin solid;
	border-bottom:#95C5FF thin solid;
	margin:10px auto 20px;
	height:auto;
	padding:10px;
	}

#accessibilite h5 {
	color:#000;
	padding:10px;
	}

#calendrier{
	border:#4682b8 1px solid;
	padding:4px;
	background:#EEE;
	width:630px;
	float:left;
	text-align:center;
}

#menu{
	border:#4682b8 1px solid;
	padding:11px 2px 4px;
	background:#EEE;
	width:180px;
	float:left;
	margin-left:2px;
	text-align:center;
	font-size:11px;
}

#menu ul{
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	padding:0px;
	margin:10px 0px;
	text-align:center;
	cursor:pointer;
	float:left;
	width:180px;
}

#menu li{
	float:left;
	margin:1px 0 1px 2px;
	width:86px;
	border:#4682b8 1px solid;
	padding:0px;
}

.gros_piton{
	float:left;
	width:35px;
	border: 1px solid #ccc;
	height:98px;
	margin:1px 1px 1px 2px;
	cursor:pointer;
	background-color: white;
	
}

.gros_piton:hover{
	background-color: #06c;
}

.gros_piton:active{
	background-color: #9cf;
}

.moyen_piton{
	float:left;
	width:35px;
	border: 1px solid #ccc;
	height:64px;
	margin:1px 1px 1px 2px;
	cursor:pointer;
	background-color: white;
	
}

.moyen_piton:hover{
	background-color: #06c;
}

.moyen_piton:active{
	background-color: #9cf;
}

.moyen_piton_3{
	float:left;
	width:35px;
	border: 1px solid #ccc;
	height:48px;
	margin:1px 1px 1px 2px;
	cursor:pointer;
	background-color: white;
	
}

.moyen_piton_3:hover{
	background-color: #06c;
}

.moyen_piton_3:active{
	background-color: #9cf;
}

.moyen_piton_5{
	float:left;
	width:35px;
	border: 1px solid #ccc;
	height:81px;
	margin:1px 1px 1px 2px;
	cursor:pointer;
	background-color: white;
	
}

.moyen_piton_5:hover{
	background-color: #06c;
}

.moyen_piton_5:active{
	background-color: #9cf;
}







.more_12 {
	float:left;
}

.less_12{
	clear: left;
}
#events{
	border:#4682b8 1px solid;
	padding:11px 4px 4px;
	background:#EEE;
	width:120px;
	text-align:center;
	font-size:11px;
	float:left;
	margin:10px;
}

#events ul{
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	padding:0px;
	margin:10px 0px;
	text-align:center;
}

#events li{
	margin:2px auto;
	width:100px;
	border:#4682b8 1px solid;
	padding:0px;
}

#schedule_header{
	color:#666;
	font-weight:bold;
	border:#4682b8 1px solid;
	background:#FFF;
	font-size:13px;
	padding:4px;
	margin:0px;
}

/******** Page reponse **********/

#main_rep {
	width:95%;
	margin:0px auto;
	}

#rep_box{
	border:#000 1px solid;
	min-height:200px;
}

#rep_header{
	margin:0 auto;
	height:20px;
	background:#900;
	color:#FFF;
	padding:10px;
	font-weight:bold;
}

#rep_list{
	font-size:22px;
	font-weight:bold;
}


#rep_list th{
	font-size:1.6em;
	text-decoration:underline;
}

#rep_list td{
	font-size:1.2em;
}

/******** #END Page reponse **********/

.submit_btn{
	cursor:pointer;
	border:#4682b8 1px solid;
	background:#FFF;
	height:20px;
	width:110px;
	margin:5px auto;
	padding:3px;
	font-size:14px;
	font-weight:bold;
	color:#4682b8;
	text-align:center;
}

.submit_btn:hover{
	background:#4682b8;
	color:#FFF;
}

.submit_btn_img{
	cursor:pointer;
}

/* Temps commandé */

#tableau_personnel{
	background:#EEE;
	border:#4682B8 1px solid;
	padding:10px;
	margin:20px 0px;
}

#tableau_personnel table{
	margin:10px auto;
	
}

#tableau_personnel tr{
	border:#4682B8 1px solid;
}

#tableau_personnel td{
	border:#4682B8 1px solid;
	padding:5px;
}

#tableau_personnel th{
	border:#4682B8 1px solid;
}

#choix_heures{
	background:#EEE;
	border:#4682B8 1px solid;
	width:130px;
	float:right;
	text-align:center;
	padding:10px;
}

/* Modules */

#mod{
	background:#EEE;
	border:#4682B8 1px solid;
	width:600px;
	padding:10px;
}

#result_reponse{
	border:#555 1px solid;
}

#result_reponse td{
	text-align:left;
	border:#555 1px solid;
	padding:2px 5px;
}

#babillard_admin{
	background:#EEE;
	border:#4682B8 1px solid;
	padding:10px;
	margin:20px 0px;
}

#babillard_admin table{
	margin:10px auto;
	
}

#babillard_admin tr{
	border:#4682B8 1px solid;
}

#babillard_admin td{
	border:#4682B8 1px solid;
	padding:5px;
}

#babillard_admin th{
	border:#4682B8 1px solid;
}

/* Font */

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:5px;
	color:#000;
	font-size:14px;
	}

h1 {             /* titre header */
	margin:0px;
	padding:23px 0 0 0;
	font-size:16px;
	color:#003;
	font-weight:lighter;
	text-align:right;
	}

h2 {			/* jean detail */
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#999;
	}

h3 {			/* nom bleu contact */
	font-size:15px;
	color:#036;
	font-weight:600;
	line-height:24px;
	margin:0;
	padding:0;
	}

h4 {			/* Titre content large rouge */
	color:#900;
	margin:0px;
	padding:8px 0px 6px;
	font-size:15px;
	letter-spacing:.3em;
	text-align:center;
	}

h5 {
	border-bottom-style:double;
	text-align:center;
	}

h6 {
	font-weight:normal;
	text-align:center;
	}

.instruc{
	text-align:right;
	
}

/* Form */

#name_list_form label {
	color:#000;
	height:20px;
	}

#name_list_form {
	margin:0px;
	height:30px;
	}

#log_form{
	display:none;
	margin-left:auto;
	margin-right:auto;
	}

#info_form{
	display:none;
	margin-left:auto;
	margin-right:auto;
	}

/* Liens */

a {
	color: #900;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	}

a:link {
	color:#900;
	text-decoration:underline;
	}

a:visited {color: #009;}

a:hover {color:#CCC;}

/* footer */

#bottom {
	top:700px;
	margin:50px 0px 10px 0px;
	padding:17px 0px 0px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#eee;
	height:14px; /* the correct height */
}

#footer{
	background:#FFF url(../images/accueil/back_header.jpg) center repeat-x;
	height:25px;
	text-align:center;
	padding:32px 0 0 0;
	color:#FFF;
	margin:0 0 20px 0;
	font-size:14px;
}

#horaire li{
	list-style: none;
}

.shift_selected{
	color:red;
	cursor:pointer;
}

li.shift_selected:hover {
	background-color:#CCC;
}

.shift_unselected{
	color:black;
	cursor:pointer;	
}

.form{
	margin:0px 5px;
	float:left;
	display:inline;
}

.end_form{
	margin:0px 5px;
	float:left;

}

li.shift_unselected:hover {
	background-color:#CCC;
}

.dispo{
	background-color:#9CF;
}

.sauvetageOtter{
	background-color:#00ff00;
}



#progress{
	position: fixed;
    top: 0;
    right: 0;
    z-index: 5000;
    background-color: red;
    color: white;
    padding: 2px;
    clear:left;
}

#succes{
	position: fixed;
    top: 0;
    right: 0;
    z-index: 5001;
    background-color: #00FF00;
    color: white;
    padding: 10px;
    clear:left;
    font-weight:bold;
}

.logout{
	float:right;
	margin:7px 0  0 7px;
}

#nameList1{
	position:absolute;
	z-index:50;
	top:279px;
	left:30%;
	border:#4682b8 1px solid;
	padding:11px 4px 4px;
	background:#EEE;
	width:480px;
	float:left;
	margin-left:10px;
	text-align:center;
	font-size:11px;
	margin-top:10px;
}

#fermer{
	font-weight:bold;
	float:right;
	margin-right:12px;
	cursor:pointer;
}

#fermer1{
	font-weight:bold;
	margin-right:12px;
	cursor:pointer;
	text-align:center;
}


#nameList1 ul{
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	padding:0px;
	margin:10px 0px;
	text-align:center;
	cursor:pointer;
}

#nameList1 li{
	margin:2px auto;
	width:80px;
	border:#4682b8 1px solid;
	padding:0px;
}


a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
#chooseDateForm label {
	line-height:1.8;
	vertical-align:top;
	width:160px;
}

#chooseDateForm	* {
	margin:0pt;
}

#chooseDateForm li {
	clear:both;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:5px;
}

#chooseDateForm #titre_calendrier{
	
}

#titre_cal{ /* titre au dessus des calendriers */
	color:#900;
	margin:0px;
	padding:8px 0px 6px;
	font-size:15px;
	letter-spacing:.3em;
	text-align:center;
	width:610px;
	font-weight:bold;
}


#duree label{/* ADD dans rapport d'intervention */
	float:left;
	width:100px;
	text-align:right;
	margin:0px 10px;
}

#duree li{
	margin:10px 0px 0px;
}

#legend{
	margin:4px 0px 0px;
	width:638px;
	border:#4682B8 solid 1px;
	background:#EEE;
	font-size:12px;
	float:left;
}

#legend table{
	margin:1px;
	border:0px none;
}

#legend tbody{
	margin:0px;
	padding:0px;
	border:0px none;
	text-align:left;
}

#legend tr{
	height:15px;
	border:0px none;
	margin:0px;
	padding:0px;
}

#legend td{
	margin:0px;
	padding:0px;
	border:0px none;
}

.legend_color{
	width:20px;
}

.legend_txt{
	width:190px;
}

#header_haut a{
	font-size:12px;
	text-decoration:none;
	color:#333;
}



#header_haut a:hover{
	color:#900;
}

.del_message{
	font-size:.7em;
}

table#bilan{
	
}

.left{
	text-align:left;
	width:200px;
}

.invert{
	color:white;
	background:#000;
}

.green_dispo{
	background-color:#00FF00;
}

#horaire1semaine table{
	width: 100%;
	border:1px solid #ccc;
}

#horaire1semaine table td, th{
	border:1px solid #ccc;
	white-space:nowrap;
	padding:2px;
}

.add_pp{
	height: 16px;
	cursor:pointer;
}

.avis-mise-a-jour {
    padding: 10px 15px;
    margin-bottom: 10px;
    background: #fff3cd;
    border-bottom: 1px solid #e6cf8b;
    color: #664d03;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}

.avis-mise-a-jour a {
    color: #664d03;
    font-weight: bold;
    text-decoration: underline;
}