/*
	CSS pour ASSS04 - Principal
	Emilie - egzakt.com
	2008/01/31
*/

body {
	background-color:#FFFFFF;
	font:68.8%/140% Arial, Verdana, sans-serif;
	margin:8px 0 0 0;
	color:#000000;
}

h1 {
	color:#000000;
	font:bold 1.27em/1.2em Arial, Verdana, sans-serif;
	margin:0 0 3px 0;
	text-transform:uppercase;
}

h2 {
	color:#000000;
	font:bold 1.09em/1.2em Arial, Verdana, sans-serif;
	margin:0 0 3px 0;
}

h3 {
	color:#5295CB;
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	margin:0 0 3px 0;
}

h4 {
	color:#000000;
	font:bold 1.27em/1.2em Arial, Verdana, sans-serif;
	margin:0 0 3px 0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#000000;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#849022;
}

img {
	border:0;
}

.colore {
	color:#5295CB;
}

.note {
	font:0.83em/1em Verdana, Arial, sans-serif;
}

.encadre {
	padding:15px;
	background-color:#EAF5F9;
}

#wrapper {
	width:760px;
	margin:0 auto;
	background-color:#FFFFFF;
}


/* PIV
-----------------------------------------*/
#piv {
	background:url(../images/tuiles/bandeau_piv.jpg) no-repeat top right;
	height:122px;
}

#piv h1 {
	margin:0;
	padding:20px 0 0 17px;
}

#piv ul {
	float:right;
	list-style-type:none;
	margin:84px 0 0 0;
	padding:0 0 0 32px;
	width:518px;
	background-color:#003399;	
}

#piv li {
	float:left;
}

#piv li a {
	color:#FFFFFF;
	text-decoration:none;
	padding-right:18px;
}


/* CONTENU
-----------------------------------------*/
#contenu_gauche {
	float:left;
	width:185px;
	margin-bottom:10px;
	
	clear:both;
}

#contenu_droite {
	float:left;
	width:575px;
}


#contenu_droite .contenu {
	margin:10px 0 0 10px;
}

#contenu_droite .contenu_padding {
	padding:10px 18px;
}

#section_nom {
	background:url(../images/tuiles/section_nom.gif) no-repeat top left;
	padding:8px 8px 9px 20px;
	border-bottom:2px solid #FFFFFF;
}

#postes_recherche, #postes_nouveaux {
	margin-top:10px;
}

#banniere {
	 float:right;
}

#fil_ariane {
	padding-top:10px;
	clear:both;
	margin-left:20px;
	
	color:#82B2D9;
}

#fil_ariane a {
	color:#003399;
}

/* NAVIGATION
-----------------------------------------*/
#navigation {
	background:url(../images/tuiles/navigation.gif) no-repeat top right;
	height:253px;
	margin-bottom:0;
	
	float:left;
	width:185px
}

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

#navigation li {
	display:inline;
}

#navigation ul a {
	display:block;
	margin-bottom:5px;
	
	background:#879422 url(../images/boutons/navigation.jpg);
	
	width:159px;
	padding-left:16px;
	height:29px;
	
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	line-height:29px;
}

#navigation ul a:hover, #navigation ul a.selected {
	color:#ffffff;
	background-position:0 29px;
}

#brochure {
	padding:5px 0 0 18px;
}

#mise_a_jour {
	margin-top:3px;
	margin-left:10px;
	font-size:0.91em;
}

/* POSTES - NOUVEAUX
-----------------------------------------*/
#postes_nouveaux ul {
	list-style-type:none;
	margin:2px 0 0 0;
	padding:0;
}

#postes_nouveaux li {
	display:inline;
}

#postes_nouveaux li a {
	display:block;
	padding:2px 10px;
	background-color:#e8eef6;
	text-decoration:none;
	border-bottom:3px solid #FFFFFF;
	line-height:1.3em;
}

#postes_nouveaux li a:hover {
	background-color:#9bc1e1;
	color:#000000;
}

#postes_nouveaux #voir_postes {
	background-color:#89abc7;
	padding:6px 10px;
}

#postes_nouveaux #voir_postes a {
	display:block;
	width:146px;
	height:15px;
	padding:5px 8px 0 6px;
	background:url(../images/boutons/voir_postes.gif) no-repeat top left;
	text-decoration:none;
	text-transform:uppercase;
	font:bold 0.9em/1.1em Arial, Verdana, sans-serif;
}

#postes_nouveaux #voir_postes a:hover {
	color:#FFFFFF;
}


/* ACCUEIL
-----------------------------------------*/
#accueil {
	padding:27px 250px 27px 27px;
}


/* POSTES - ACCUEIL
-----------------------------------------*/
#postes_navig_liste h3 {
	color:#5295CB;
	font:bold 1.25em/1.2em Arial, Verdana, sans-serif;
	margin:0 0 2px 0;
}

#postes_navig_liste .critere {
	padding:15px 20px 15px 20px;
	border-top:5px solid #e8edf6;
}
#postes_navig_liste .critere_premier {
	border:0;
}

#postes_navig_liste ul {
	width:240px;
	list-style-type:none;
	margin:0;
	padding:0;
}
#postes_navig_liste ul.gauche {
	float:left;
}
#postes_navig_liste ul.droite {
	float:right;
}

#postes_navig_liste li {
	padding:2px 0;
}


/* POSTES - RECHERCHE
-----------------------------------------*/
#postes_recherche form {
	border-top:2px solid #FFFFFF;
	background-color:#e8eef6;
}

#postes_recherche .padding {
	padding:8px 10px;
}

#postes_recherche label {
	font:bold 1.09em/1.2em Arial, Verdana, sans-serif;
}

#postes_recherche .bouton {
	background-color:#9bc1e1;
	text-align:right;
	padding:5px 8px;
	border-top:1px solid #FFFFFF;
	margin-top:3px;
}

#postes_recherche .bouton input {
	padding:0;
	border:0;
	margin:0;
}

#postes_recherche select {
	position:absolute;
	width:165px;
}


/* POSTES - RÉSULTATS
-----------------------------------------*/
#postes_resultats {
	margin:10px 0 10px 10px;
}

#postes_resultats #section_nom h1 {
	margin:0;
	padding-top:2px;
}

#postes_resultats #section_nom a {
	float:right;
	width:280px;
	height:15px;
	padding:5px 8px 0 8px;
	background:url(../images/boutons/banque.gif) no-repeat top left;
	text-decoration:none;
	text-transform:uppercase;
	font:bold 0.9em/1.1em Arial, Verdana, sans-serif;
}

#postes_resultats #section_nom a:hover {
	color:#FFFFFF;
}

#postes_resultats #liste_texte {
	margin:10px 20px;
}

#postes_resultats table {
	width:100%;
}

#postes_resultats th {
	background:url(../images/tuiles/entete_tableau.jpg) repeat-x top left;	
	text-align:left;
	border-right:1px solid #FFFFFF;
	font-size:0.9em;
	line-height:1.3em;
	padding:3px 4px;
}

#postes_resultats td {
	border-right:1px solid #82B2D9;
	border-bottom:1px solid #82B2D9;
	padding:4px;
}

#postes_resultats tr.impaire td {
	background-color:#e8eef6;
}

#postes_resultats tr {
	cursor:pointer;
}

#postes_resultats td a {
	text-decoration:none;
	color:#000000;
}

#postes_resultats #total {
	text-align:right;
	margin-top:5px;
	font-weight:bold;
}


/* POSTES - DÉTAIL
-----------------------------------------*/
#postes_detail #section_nom a {
	float:right;
	width:77px;
	height:15px;
	padding:5px 8px 0 8px;
	background:url(../images/boutons/postuler.gif) no-repeat top left;
	text-decoration:none;
	text-transform:uppercase;
	font:bold 0.9em/1.1em Arial, Verdana, sans-serif;
}

#postes_detail #section_nom a:hover {
	color:#FFFFFF;
}

#postes_detail #detail_conteneur {
	width:565px;
	margin-top:10px;
	background:url(../images/graphiques/separation.gif) repeat-y top center;
}

#postes_detail .colonne_gauche {
	float:left;
	width:240px;
	padding:5px 20px 5px 20px;
}

#postes_detail .colonne_droite {
	float:left;
	width:240px;
	padding:5px 20px 5px 20px;
}

#postes_detail h2 {
	margin-bottom:10px;
}

#postes_detail #fiche {
	margin:10px 18px;
}

#postes_detail #repondant {
	float:right;
	width:216px;
}

#postes_detail #repondant .titre {
	background:url(../images/graphiques/contact_titre.jpg) no-repeat top left;
	color:#000000;
	font:bold 0.9em/1.2em Arial, Verdana, sans-serif;
	text-transform:uppercase;
	height:16px;
	padding:4px 15px 0 15px;
}

#postes_detail #repondant .texte {
	background:url(../images/tuiles/contact_texte.gif) repeat-y top left;
	padding:5px 15px 0 15px;
}


#postes_detail dl {
	margin:0;
}

#postes_detail dd {
	margin:0 0 2px 0;
}

#postes_detail dt {
	float:left;
	padding-right:5px;
	color:#5295CB;
	font-weight:bold;
}

#postes_detail dt.desc {
	float:none;
	color:#5295CB;
	font-weight:bold;
	padding-top:8px;
}

#postes_detail dd p {
	margin:10px 0;
}

#postes_detail #fiche ul {
	margin:0 0 1em 1.5em;
	padding:0;
	list-style-type: square;
}

/* POSTES - FORMULAIRE
-----------------------------------------*/
#formulaire {
	margin:12px 0;
}

#formulaire table {
	width:100%;
}

#form_perso td {
	background-color:#e8eef6;
	padding:10px 0 0 20px;
}

#formulaire label {
	color:#5295CB;
	font-weight:bold;
}

#formulaire input {
	width:220px;
}

#formulaire .bouton {
	text-align:right;
	vertical-align:bottom;
	padding:0 35px 10px 0;
}

#formulaire .bouton input {
	width:90px;
	height:21px;
	margin:0;
	padding:0;
	border:0;
}

#formulaire .note {
	border-top:1px solid #FFFFFF;
	font:1em/1.3em Arial, Verdana, sans-serif;
	color:#E52020;
	padding:5px 20px;
}


#form_banque {
	margin-bottom:10px;
}

#form_banque td {
	background-color:#e8eef6;
	padding:10px 0 0 20px;
	vertical-align:top;
}

#form_banque select {
	margin-bottom:0;
}

#form_banque ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#form_banque li {
	height:18px;
}

#form_banque label.texte {
	font-weight:normal;
	color:#000000;
}

#form_banque .radio {
	margin-top:0;
}


/* VACCINATION A H1N1
-----------------------------------------*/
#vaccination_ah1n1 .sur_titre {
	color:#003399;
	font-weight:bold;
}

#vaccination_ah1n1 .logo {
	margin:0 0 12px 0;
}

#vaccination_ah1n1 .bloc_texte ul {
	margin:2px 0 6px 0;
	padding-left:18px;
}

#vaccination_ah1n1 .bloc_texte ul li {
	padding:2px 0;
}

#vaccination_ah1n1 .bloc_texte a {
	color:#003399;
}

#vaccination_ah1n1 #formulaire {
	margin-top:2px;
}

#vaccination_ah1n1 #formulaire h4 {
	margin:0 0 5px 20px;
	text-transform:uppercase;
}

#vaccination_ah1n1 #formulaire label,
#vaccination_ah1n1 #formulaire div.label {
	color:#003399;
	font-weight:bold;
}


/* Identification */
#vaccination_ah1n1 #form_perso {
	margin-bottom:18px;
}

#vaccination_ah1n1 #form_perso input#courriel,
#vaccination_ah1n1 #form_perso input#maison_enseignement_autre {
	width:330px;
}

#vaccination_ah1n1 #form_perso input#adresse,
#vaccination_ah1n1 #form_perso input#adresse_sec {
	width:501px;
}


/* Services */
#vaccination_ah1n1 #form_services {
	background-color:#e8eef6;
	padding:10px 20px;
	margin-bottom:18px;
}

#vaccination_ah1n1 #form_services ul,
#vaccination_ah1n1 #form_disponibilite #etablissements ul {
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
}

#vaccination_ah1n1 #form_services ul li,
#vaccination_ah1n1 #form_disponibilite #etablissements ul li {
	padding:2px 0;
}

#vaccination_ah1n1 #form_services .categorie {
	margin:5px 0 3px 0;
	font-weight:bold;
}

#vaccination_ah1n1 #form_services label,
#vaccination_ah1n1 #form_disponibilite ul label {
	color:#000;
}

#vaccination_ah1n1 #form_services label span,
#vaccination_ah1n1 #form_disponibilite label span {
	font-weight:normal;
}

#vaccination_ah1n1 #form_services input,
#vaccination_ah1n1 #form_disponibilite ul input {
	width:auto;
	border:0;
	padding:0;
	margin:0;
}


/* Disponibilité */
#vaccination_ah1n1 #form_disponibilite {
	background-color:#e8eef6;
	padding:10px 20px 5px 20px;
}

#vaccination_ah1n1 #form_disponibilite #etablissements,
#vaccination_ah1n1 #form_disponibilite #heures {
	margin-bottom:15px;
}

#vaccination_ah1n1 #form_disponibilite #heures ul {
	list-style-type:none;
	margin:5px 0;
	padding:0;
}

#vaccination_ah1n1 #form_disponibilite #heures ul li {
	display:inline;
	padding-right:15px;
}

#vaccination_ah1n1 #form_disponibilite textarea {
	width:501px;
}


#vaccination_ah1n1 #form_disponibilite .bouton {
	padding-right:17px;
}



/* BAS
-----------------------------------------*/
#navig_bas {
	background:url(../images/tuiles/navig_bas.gif) no-repeat top left;
	padding:16px 12px 11px 12px;
	margin-bottom:12px;
}

#navig_bas a.selected {
	color:#849022;
}

#navig_bas div {
	float:right;
	padding-top:4px;
	font:0.9em/1.2em Arial, Verdana, sans-serif;
}

#signature_quebec {
	text-align:center;
	line-height:2em;
}


/* BLOCS TEXTES
-----------------------------------------*/
.bloc_deroulant {
	margin-bottom:5px;
}

a.lien_deroulant {
	display:block;
	padding:3px 20px 0 8px;
	height:16px;
	background:url(../images/boutons/deroulant.gif) no-repeat 0 -5px;
	font:bold 0.9em/1.3em Arial, Verdana, sans-serif;
	text-decoration:none;
}

a.lien_deroulant:hover {
	color:#FFFFFF;
}

a.lien_deroulant:hover {
	color:#FFFFFF;
}

.bloc_deroulant_selected a.lien_deroulant {
	background-position:0 -36px;
}

.zone_deroulante {
	background:url(../images/tuiles/deroulant.gif) no-repeat bottom left;
	padding:10px 18px;
}

.bloc_texte ul {
	margin:0;
	padding:0 0 0 25px;
}

.bloc_texte td {
	vertical-align:top;
}


/* FORMULAIRES
-----------------------------------------*/
form {
	margin:0;
}

input, select, textarea {
	border:1px solid #82B2D9;
	padding:2px;
	font-size:1em;
	margin:3px 0 10px 0;
}

.radio {
	margin:3px 0 0 0;
	border:0;
	padding:0;
	width:14px !important;
}

.message_erreur, .message_succes {
	width:80%;
	margin:0 auto;
	border:1px solid #FF0000;
	color:#FF0000;
	font:bold 1.09em/1.2em Arial, Verdana, sans-serif;
	text-align:center;
	padding:5px 10px;
}

.message_succes {
	border:1px solid #15bb21;
	color:#15bb21;
}

.erreur {
	color:#FF0000 !important;
}


/* PAGE TEMP
-----------------------------------------*/
#wrapper_temp {
	width:575px;
	margin:0 auto;
}

#contenu_temp {
	background:url(../images/photos/banniere_bas1.jpg) no-repeat top left;
	width:300px;
	height:222px;
	padding:25px 250px 0 25px;
}