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

   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#boxformationconference div.title {

	background-image: url(../images/aipsq-t-box-formation_conference.gif);
	height:54px;

}

.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,
.box#boxformationconference ul {

	margin: 0;

	padding: 0;

	background: url(../images/aipsq-bg-nav-shadow-bottom.png) repeat-x;

}

.box#boxfacebook p, .box#boxformation p, .box#boxformationconference 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,
.box#boxformationconference ul.threads li {

	background: none;

	padding: 6px 10px 8px 10px;

	border-bottom: 1px solid #fff;

	color: #6a9f23;

}

.box#boxforum ul.threads li:first-child,
.box#boxformationconference ul.threads li:first-child{

	background: url(../images/aipsq-bg-nav-shadow-bottom.png) repeat-x;

}

.box#boxforum ul.threads li.odd,
.box#boxformationconference ul.threads li.odd {

	background-color: #def3b9;

}

.box#boxforum ul.threads li.even,
.box#boxformationconference ul.threads li.even{

	background-color: #f0eee5

}

.box#boxforum ul.threads li a.title,
.box#boxformationconference 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,
.box#boxformationconference ul.threads li a.title:hover,
.box#boxformationconference ul.threads li a.title:visited {

	color: #9da8bf;

}

.box#boxgeneral, .box#boxtextesinteret, .box#boxmedia {

	background: #f7f6f1;

	padding: 23px 12px 6px 12px;

	margin-top: 12px;
	
	word-wrap: break-word;

}

.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);

}

.navbloc#modules { background-image: url(../images/aipsq-t-contenu-complementaire.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: left;


}

#content p.actions a, .actions2 a{

	color: #7684a1;

	font-weight: bold;

	text-decoration: underline;

	position: relative;

}

#content p.actions a:hover, .actions2 a:hover{

	color: #a8b6cb;

}

.actions2{

	float: left;

	margin:0 0 5px 10px;

}





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

   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, .attachedfile_entry {

	border: 1px solid #7db100;

	width: 650px;

}

.attachedfile_entry{

    float: left;

    width: 300px;

	clear: both;

}

textarea.forumentry {

	height: 180px;

}

#forumsubmit {

	/*position: relative;

	left: -4px;

	top: 1px;*/

	clear: both;

    float: left;

    margin-top: 10px;

}



/* 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, a#devenirmembre {

	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#devenirmembre {

	background: url(../images/aipsq-bt-devenir-membre.gif) no-repeat top left;
	width:161px;

}

a#continuerform:hover, a#imprimerform:hover, a#sauvegarderform:hover, a#devenirmembre: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: 110px;

	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: 108px;

	background: url(../images/aipsq-logo-sumo.gif) no-repeat;

	overflow: hidden;

}

.hidden{

	display: none;

}

.stats{

    float: left;

    margin: 0 10px 10px 0;

}

.nomargin-bottom{

	margin-bottom: 0;

}