/* *****************************************************
   Filename: screen.css
   Author  : SUMO Industries
   Date    : Apr 8, 2008

   *****************************************************
   main layout, general style
   ***************************************************** */
   
body {
	margin: 0;
	padding: 0;
	background: #605d49;
}

body, p, h1, h2, h3, h4, h5, h6, blockquote, input, select, textarea, label {
	color: #746960;
	font-size: 11px;
	font-family: arial, sans-serif;
	line-height: 14px;
}

*.disabled { filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }

p, h1, h2, h3, h4, h5, h6, blockquote {
	margin: 0 0 14px 0;
}

h1 {
	color: #7684a1;
	margin-bottom: 18px;
	font-size: 12px;
	font-family: arial, sans-serif;
}

h2 {
	color: #6a9f23;
}

h3 {
	margin-bottom: 1px;
}

img, form {
	border: 0;
}

#logoprint {
	display: none;
}

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

a {
	color: #6a9f23;
}

a:visited {
	color: #6a9f23;
}

a:hover {
	color: #8bb949;
}

.clearer {
	height: 1px;
	overflow: hidden;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.small {
	font-size: 10px;
}

.highlight {
	color: #71a22a;
}

#wrapper,
#footer {
	margin: 0 auto;
}

#wrapper {
	background: url(../images/aipsq-bg.gif) repeat-y;
	padding: 0 7px 85px 7px;
	width: 950px;
}

#menu {
	float: left;
	width: 229px;
}

#content {
	float: left;
	width: 660px;
	padding: 0 31px 0 30px;
	position: relative;
	top: -3px;
}
.column {
	float: left;
}
.column * {
	line-height: 16px;
}
.column#cleft {
	width: 430px;
	margin-right: 27px;
}
.column#cright {
	width: 203px;
	float: right;
}
.column#cwide {
	float: none;
}

/* *****************************************************
   boxes in the right columns
   ***************************************************** */

.box {
	background: #f0eee5;
	margin-bottom: 30px;
}
.box div.title {
	width: 203px;
	height: 37px;
	border-bottom: 1px solid #fff;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
.box#boxsearch {
	overflow: hidden;
	width: 100%;
	margin-top: -4px;
}
.box#boxsearch div.title {
	background-image: url(../images/aipsq-t-box-search.gif);
}
form.formsearch {
	background: url(../images/aipsq-bg-nav-shadow-bottom.png) repeat-x;
	padding: 10px 0 0 10px;
	margin: 0 0 5px 0;
}
form.formsearch .field {
	width: 145px;
	display: block;
	font-size: 10px;
	float: left;
	margin-right: 5px;
	padding: 0 4px;
	background-color: #fff;
	color: #9a8e85;
}
form.formsearch .submit {
	display: block;
	float: left;
	position: relative;
	top: -2px;
}
form.formsearch#formsearch-forum {
	background: none;
	padding: 0;
	margin: 0;
	width: 203px;
	position: absolute;
	margin-top: -18px;
	margin-left: 476px;
}
.box#boxfacebook,
.box#boxformation,
.box#boxforum, 
.box#boxmedias {
	background: #fff;
	margin-bottom: 0;
	padding-bottom: 30px;
}
.box#boxfacebook div.title {
	background-image: url(../images/aipsq-t-box-facebook.gif);
}
.box#boxformation div.title {
	background-image: url(../images/aipsq-t-box-formation.gif);
}
.box#boxforum div.title {
	background-image: url(../images/aipsq-t-box-forum.gif);
}
.box#boxmedias div.title {
	background-image: url(../images/aipsq-t-box-medias.gif);
}
.box#boxforum ul {
	margin: 0;
	padding: 0;
	background: url(../images/aipsq-bg-nav-shadow-bottom.png) repeat-x;
}
.box#boxfacebook p, .box#boxformation p, .box#boxmedias p {
	color: #6a9f23;
	margin: 0;
	padding: 6px 10px 8px 10px;
	background: #f0eee5 url(../images/aipsq-bg-nav-shadow-bottom.png) repeat-x;
}
.box#boxfacebook p a, .box#boxformation p a, .box#boxmedias p a {
	color: #7684a1;
}
.box#boxforum ul.threads li {
	background: none;
	padding: 6px 10px 8px 10px;
	border-bottom: 1px solid #fff;
	color: #6a9f23;
}
.box#boxforum ul.threads li:first-child {
	background: url(../images/aipsq-bg-nav-shadow-bottom.png) repeat-x;
}
.box#boxforum ul.threads li.odd {
	background-color: #def3b9;
}
.box#boxforum ul.threads li.even {
	background-color: #f0eee5
}
.box#boxforum ul.threads li a.title {
	font-weight: bold;
	color: #7684a1;
}
.box#boxforum ul.threads li a.title:hover,
.box#boxforum ul.threads li a.title:visited {
	color: #9da8bf;
}
.box#boxgeneral {
	background: #f7f6f1;
	padding: 23px 12px 6px 12px;
	margin-top: 12px;
}
.box#boxgeneral h2 {
	margin-bottom: 10px;
}

/* *****************************************************
   header style
   ***************************************************** */

#header {
	background: url(../images/aipsq-bg-header.jpg) no-repeat;
	height: 245px;
}
#header #title a {
	display: block;
	position: relative;
	left: 495px;
	top: 67px;
	width: 269px;
	height: 92px;
	background: url(../images/aipsq-association-infirmieres-practiciennes-specialisees-quebec.gif) no-repeat;
	text-indent: -9000px;
}

/* promo block top left */
#promo a {
	display: block;
	position: absolute;
	top: 125px;
	width: 229px;
	height: 120px;
	background: url(../images/aipsq-bt-devenez-membre.gif) no-repeat top left;
	text-indent: -9000px;
}
#promo a:hover {
	background-position: bottom left;
}
/* login block */
form, fieldset {
	margin: 0;
	padding: 0;
}
#loginbox {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 15px 0 0 22px;
	width: 207px;
}
#login fieldset {
	margin-bottom: -6px;
}
#login .legend {
	width: 135px;
	height: 13px;
	background: url(../images/aipsq-t-entree-des-membres.gif) no-repeat;
	text-indent: -9000px;
	margin-bottom: 9px;
}
#login * {
	color: #9a8e85;
}
#login label {
	display: block;
	clear: both;
	margin: -5px 0;
}
#login label,
#login a {
	color: #48790e;
	font-size: 10px;
}
#login a:hover {
	color: #79a545;
}
#login #username,
#login #password {
	width: 150px;
	display: block;
	font-size: 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 1px;
	margin: 0 0 4px 0;
	padding: 0 4px;
}
#login #password {
	float: left;
}
.usernamebg {
	background-image: url(../images/aipsq-bg-username.gif);
}
/* we have to put background image since password field shows hidden asterisk* password */
.passwordbg {
	background-image: url(../images/aipsq-bg-password.gif);
}
#login .submit {
	display: block;
	float: left;
	position: relative;
	left: 6px;
	top: -1px;
}

/* logged in box */
#loggedin {
	padding-top: 10px;
}

#loggedin, #loggedin a {
	color: #48770d;
}
#loggedin a:hover {
	color: #6a9f23;
}
#loggedin .title {
	font-weight: bold;
}
#loggedin .title, #loggedin p.link {
	margin-bottom: 7px;
}
#loggedin p.link {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	position: relative;
	left: -1px;
}
#loggedin p.link#link-x {
	background-image: url(../images/aipsq-bullet-x.gif);
}
#loggedin p.link#link-go {
	background-image: url(../images/aipsq-bullet-go.gif);
}

/* *****************************************************
   navigation
******************************************************** */

/* breadcrumb - only used in forums */
.breadcrumb {
	position: absolute;
	margin-top: -25px;
}
.breadcrumb,
.breadcrumb a {
	color: #746960;
	font-size: 10px;
}
.breadcrumb a:hover,
.breadcrumb a:visited {
	color: #978f88;
}
/* subnav top */
.subnav {
	position: absolute;
	top: 181px;
	margin-left: 258px;
}
.subnav li {
	display: inline;
}
.subnav li a {
	display: block;
	float: left;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
}
.subnav li a:hover {
	background-position: 0 -20px;
}
/* custom buttons */
#btaccueil,
#btaccueil a {
	background-image: url(../images/aipsq-bt-accueil.gif);
	width: 97px;
}
#btcontact,
#btcontact a {
	background-image: url(../images/aipsq-bt-nous-joindre.gif);
	width: 131px;
}

/* main nav left */
.navbloc {
	width: 229px;
	height: 30px;
	background-repeat: no-repeat;
	text-indent: -9000px;
	margin-top: 1px;
}
.navbloc#infos {
	background-image: url(../images/aipsq-t-informations-generales.gif);
}
.navbloc#membres {
	background-image: url(../images/aipsq-t-reserve-aux-membres.gif);
}
.navbloc#executif {
	background-image: url(../images/aipsq-t-comite-executif.gif);
}
.nav {
	background: #d0ccb9;
}
.nav li:first-child {
	background: url(../images/aipsq-bg-nav-shadow-bottom.png) repeat-x 0 1px;
}
.nav li a {
	display: block;
	border-top: 1px solid #f0eee5;
	padding: 3px 20px 3px 40px;
	text-decoration: none;
	color: #746960;
	background: url(../images/aipsq-bullet-menu-off.png) no-repeat 21px center;
}
.nav li a:visited {
	color: #746960;
}
.nav li a:hover,
.nav li.on a,
.nav li.open a {
	background-color: #d1e3a6;
}
.nav li.open a {
	background-image: url(../images/aipsq-bullet-menu-on.png);
}
.nav li.open ul li a {
	background-image: url(../images/aipsq-bullet-menu-sub.png);
}
.nav li.on a:hover,
.nav li.open a:hover,
.nav li.open a.on,
.nav li.open ul li.on a,
.nav li.open ul li a:hover {
	background-color: #b9e183;
}

/* slim border of shadow at the right side of main menu, generated by javascript jquery */
#menushadow {
	position: absolute;
	margin-left: 223px;
	width: 6px;
	height: 346px;
	background: url(../images/aipsq-bg-nav-shadow-right.png) no-repeat;
}

/* *****************************************************
   main content section
   ***************************************************** */

.hr,
.hrslim {
	margin: 17px 0 16px 0;
	height: 1px;
	overflow: hidden;
	background: url(../images/aipsq-bg-line.gif) repeat-x;
}
.hrslim {
	margin: 9px 0 8px 0;
}

/* actualites page */
.subtitle {
	color: #6a9f23;
}

/* archives */
select.archive {
	margin-bottom: 25px;
	width: 120px;
}

/* partenaires page */
.partenaireslist {
	margin-bottom: 18px;
	padding-bottom: 8px;
	background: url(../images/aipsq-bg-line.gif) repeat-x bottom left;
}
.partenaireslist img {
	margin: 5px 15px 15px 0;
}

/* members page */
table.equipe {
	border: 0;
	margin-bottom: 10px;
}
table.equipe * {
	line-height: 14px;
}
table.equipe tr td {
	vertical-align: top;
	width: 215px;
}
table.equipe tr td div.membre {
	overflow: hidden;
	width: 215px;
	margin-bottom: 10px;
}
table.equipe tr td div.membre img.photo,
table.equipe tr td div.membre p.desc {
	float: left;
}
table.equipe tr td div.membre img.photo {
	border: 1px solid #7db02f;
	padding: 2px;
}
table.equipe tr td div.membre p.desc {
	margin: 0 0 0 10px;
	width: 145px;
}
.links p {
	margin: 0;
	padding: 5px 0 0 25px;
	background: no-repeat;
	height: 15px;
}
.links p.link-pdfbig {
	background-image: url(../images/aipsq-ico-pdfbig.gif);
}

/* different list layouts */

/* standard bullet list */
#content ul {
	margin: 8px 0 14px 0;
}
#content ul * {
	line-height: 14px;
}
#content ul li {
	padding: 0 0 8px 11px;
	background: url(../images/aipsq-bullet.gif) no-repeat 0 6px;
}

/* list of vertical block items */
#content ul.blocks * {
	line-height: 16px;
}
#content ul.blocks li {
	padding: 14px 0 1px 0;
	background: url(../images/aipsq-bg-line.gif) repeat-x bottom left;
}
#content ul.blocks li.first,
#content ul.blocks li:first-child {
	padding-top: 0;
}
#content ul.blocks li.last {
	padding-bottom: 0;
	background: none;
}

/* tables */
#content ul.table * {
	line-height: 14px;
}
#content ul.table li {
	padding: 8px 0 1px 0;
	background: url(../images/aipsq-bg-line.gif) repeat-x bottom left;
	overflow: hidden;
	width: 100%;
}
#content ul.table li div {
	float: left;
	margin-bottom: 8px;
}
#content ul.table li div.title {
	color: #6a9f23;
	font-weight: bold;
}
#content ul.table li div.stitle {
	color: #6a9f23;
}
#content ul.table li.first,
#content ul.table li:first-child {
	padding-top: 0;
}
#content ul.table li.last {
	padding-bottom: 0;
	background: none;
}
/* left item and definition side by side */
/*#content ul.side * {
	line-height: 14px;
}
#content ul.side li {
	padding: 8px 0 1px 0;
	background: url(../images/aipsq-bg-line.gif) repeat-x bottom left;
	overflow: hidden;
	width: 100%;
}
#content ul.side li p {
	margin-bottom: 8px;
}
#content ul.side li .item {
	width: 38px;
	float: left;
	color: #6a9f23;
	font-weight: bold;
}
#content ul.side li .def {
	width: 392px;
	float: left;
}
#content ul.side li.first,
#content ul.side li:first-child {
	padding-top: 0;
}
#content ul.side li.last {
	padding-bottom: 0;
	background: none;
}
*/
/* side by side list - more space in left spot */
/*#content ul.side#swide li .item {
	width: 86px;
	font-weight: normal;
}
#content ul.side#swide li .def {
	width: 344px;
}
*/
#content div.files {
	margin: 4px 0 10px 0;
}
#content div.files p {
	margin: 0;
	padding: 0 0 0 17px;
	background: no-repeat 0 2px;
	font-size: 9px;
}
#content div.files p.pdf {
	background-image: url(../images/aipsq-ico-pdf.gif);
}
#content div.files p.word {
	background-image: url(../images/aipsq-ico-word.gif);
}

#content ul.pagination,
#content ul.pagination li a,
#content ul.pagination li a:visited {
	color: #7684a1;
	text-decoration: none;
}
#content ul.pagination {
	background: url(../images/aipsq-bg-line.gif) repeat-x top left;
	margin: 0;
	padding: 10px 0 5px;
	overflow: hidden;
	width: 100%;
}
#content ul.pagination li {
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	background: none;
}
#content ul.pagination li a:hover {
	color: #a8b6cb
}
#content ul.pagination li.on a {
	font-weight: bold;
	text-decoration: underline;
}
#content ul.pagination li.label a {
	text-decoration: underline;
}
#content ul.pagination li.off {
	color: #d6dae3;
}
/* actions <p> used only in forums */
#content p.actions {
	margin: 0;
	float: right;
	margin-top: -20px;
}
#content p.actions a {
	color: #7684a1;
	font-weight: bold;
	text-decoration: underline;
	position: relative;
}
#content p.actions a:hover {
	color: #a8b6cb;
}

/* *****************************************************
   forum styling
   ***************************************************** */

table.forum {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #fff;
	clear: both;
	margin-bottom: 6px;
}
table.forum th,
table.forum td {
	padding: 3px 10px;
	background-color: #f1eee5;
	border: 1px solid #fff;
}
table.forum * {
	line-height: 13px;
}
table.forum th,
table.forum .innerth {
	background: #71a624 url(../images/aipsq-bg-th.gif) repeat-x;
	color: #fff;
	font-weight: normal;
	padding-bottom: 4px;
}
table.forum .innerth {
	padding: 3px 10px 3px 32px;
	background-image: url(../images/aipsq-bg-th-bulle.gif);
}
table.forum td {
	color: #6a9f23;
	padding-top: 6px;
	padding-bottom: 8px;
}
table.forum tr.even td {
	background-color: #def3b9;
}
table.forum h2,
table.forum h2 a {
	color: #7684a1;
	margin: 0;
}
table.forum h2 a:hover,
table.forum h2 a:visited {
	color: #9da8bf;
}

table.forum .author {
	color: #736a61;
	font-weight: bold;
}
p.intro,
p.outro {
	line-height: 12px;
}
p.intro {
	clear: both;
	margin-bottom: 3px;
}
p.outro {
	
}
.sep {
	color: #6a9f23;
	padding: 0 5px;
}
.forumentry {
	border: 1px solid #7db100;
	width: 650px;
}
textarea.forumentry {
	height: 180px;
}
#forumsubmit {
	position: relative;
	left: -4px;
	top: 1px;
}

/* forum custom layout page */
table.forum#flayout1 .th1 {
	font-weight: bold;
	text-align: left;
	width: 455px;
}
table.forum#flayout1 .td1,
table.forum#flayout2 .td1 {
	padding-left: 37px;
	background-image: url(../images/aipsq-bulle.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
table.forum#flayout1 .td2 {
	padding-left: 19px;
	padding-right: 15px;
}

table.forum#flayout2 .th1 {
	text-align: left;
	width: 340px;
}
table.forum#flayout2 .th4 {
	width: 160px;
}
table.forum#flayout2 .td1 {
	background-position: 10px center;
}
table.forum#flayout2 .td2,
table.forum#flayout2 .td3 {
	text-align: center;
}

table.forum#flayout3 .td1,
table.forum#flayout3 .td2 {
	padding: 17px;
	vertical-align: top;
}
table.forum#flayout3 .td1 {
	width: 150px;
}
table.forum#flayout3 .td2 {
	padding-bottom: 10px;
}

/* *****************************************************
   forms style - "formulaire d'adhesion"
******************************************************** */

form {
	margin: 0;
	padding: 0;
}
form#formenter {
	width: 420px;
}
form h2 {
	margin-bottom: 8px;
}
form fieldset {
	border: 0;
	margin-bottom: 22px;
}
form .row {
	clear: both;
}
form .row .left {
	width: 200px;
	padding-right: 10px;
	float: left;
}
form .row .right {
	width: 200px;
	float: right;
}
form p {
	margin-bottom: 5px;
}
form label {
	display: block;
	padding: 0 0 2px 0;
}
form label.radio,
form input.radio {
	float: left;
}
form label.radio {
	padding-top: 2px;
	margin: 0 20px 0 3px;
}
form input.tx,
form textarea,
form select {
	width: 100%;
	padding: 1px 2px;
}
form input,
form textarea,
form select {
	margin-bottom: 5px;
	line-height: normal;
}
form .error {
	outline: 1px solid #f00;
}
form input.radio {
	margin-bottom: 10px;
}
form select {
	padding: 0;
}
form select#secteurpratique {
	width: 235px;
}
form select option {
	padding: 1px 2px;
}
form textarea {
	height: 70px;
}
span.error {
	color: red;
}
span.success {
	color: #71a22a;
}
form input:focus,
form textarea:focus { background: #f6f5f0; }

a#continuerform, a#imprimerform, a#sauvegarderform {
	position: relative;
	left: -4px;
	display: block;
	width: 156px;
	height: 22px;
	height: 0;
	margin-bottom: 35px;
	padding-top: 22px;
	overflow: hidden;
}
a#continuerform {
	background: url(../images/aipsq-bt-continuer.gif) no-repeat top left;
	width: 98px;
}
a#imprimerform {
	background: url(../images/aipsq-bt-imprimer.gif) no-repeat top left;
}
a#sauvegarderform {
	background: url(../images/aipsq-bt-sauvegarder.gif) no-repeat top left;
}
a#continuerform:hover, a#imprimerform:hover, a#sauvegarderform:hover {
	background-position: 0 -22px;
}
#content div.warning {
	background-color: #def3b9;
	border: 3px double #6a9f23;
	margin-bottom: 14px;
	padding: 10px;
}
#content div.warning p {
	font-weight: bold;
}
#content div.warning ul {
	margin: 0;
}

/* *****************************************************
   footer style
******************************************************** */

#footer {
	width: 950px;
	height: 147px;
	background: url(../images/aipsq-bg-footer.gif) no-repeat;
	padding: 0 7px;
}
#footer * {
	font-size: 10px;
}
#footer .partenaires {
	text-align: right;
	position: relative;
	top: -60px;
	margin-right: 30px;
}
#footer .partenaires a {
	color: #746960;
}
#footer .partenaires a:hover {
	color: #9c9289;
}
#footer .partenaires img.logo {
	margin-left: 20px;
	padding-bottom: 6px;
}
#footer .copyright p {
	position: relative;
	top: 77px;
	right: 35px;
	float: right;
}
#footer .copyright p,
#footer .copyright p a {
	color: #a6a089;
}
#footer .copyright p a:hover {
	color: #cecbc2;
}
#sumotag {
	width: 20px;
	height: 0;
	padding-top: 20px;
	position: relative;
	display: block;
	left: 930px;
	top: 75px;
	background: url(../images/aipsq-logo-sumo.gif) no-repeat;
	overflow: hidden;
}