html , body { height : 100% ; }
body { background-color:#FFF ; margin: 0px ; padding: 0px; font-family: Arial , sans-serif; position: relative ; font-size: 11px ; color: #005081 }
.q_fullscreenmask { background-color:#777 ; opacity: 0.25 ; filter: alpha(opacity=25) ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ;  top:0px ; left:0px ; }

/* header */

#topheader { z-index: 3 ; text-align: left ; top: 0px ; left: 0px ; height: 32px ; width: 100% ; padding: 0 ; margin: 0px ;}
#currservicename { position: relative; margin-left: -8px; color: #FFF; font-size: 13px; padding-left: 10px; white-space: nowrap; overflow: hidden }
#artema_tabs { height: 25px; white-space: nowrap; overflow: hidden; line-height: 25px; }
#artema_tabs .tabssep { font-size: 11px; color: #999; padding: 0 7px }
#artema_tabs a { font-size: 12px; color: #000; cursor: pointer }
#artema_tabs a.currtab, #artema_tabs span.currtab { font-size: 12px; color: #d21725; font-weight: bold }

.artema_spacemenuline { position: relative; height: 25px; background-image: url( '/images/artema/arrowcircle21.png' ); background-position: center left; background-repeat: no-repeat; padding: 0 30px; border-bottom: dotted 1px #CCC }

.tabsmenu { position: absolute; left: 0; top: 25px; background-color: #A5C9E0; color:#333; border: solid 1px #005081; white-space: nowrap; display: none }
.tabsmenulink { color : #333; padding : 0 5px; cursor : pointer }
.tabsmenuseparator { color : #FFF }

/* leftcol */
.qsn_elemimg_off { background-color: transparent; border-style: solid; border-width: 1px }
.qsn_elemimg_onoff { background-color: #FFF; border-style: solid; border-width: 1px; cursor: pointer }

#q_leftcol { z-index: 2 ; width:200px ; background-color: #E6E6E6 ; padding: 30px 0 0 0 ; margin : 0 ; height: 100% ;  top: 43px ; left: 0px ; border-top: solid 1px #333 }
#q_borderleft { position: absolute; left: 200px; top: 0px; width: 3px; height: 100%; background-image: url('/images/artema/leftborder.png'); background-repeat: repeat }
* html #q_borderleft { background-image: url('/images/blank.gif') ; filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/artema/leftborder.png',sizingMethod='scale') }

.leftcoltab_title, .leftcoltab_title_closed, .leftcoltab_title_open, .leftcoltab_title_mouseover { position: relative; left: -26px ; width: 200px; height: 23px; margin: 2px 0 2px 0px ; line-height: 19px; background-image: url( '/images/artema/leftcoltabbutton.png' ); background-repeat: no-repeat; font-size: 12px; font-weight: bold }
.leftcoltab_title span , .leftcoltab_title_closed span , .leftcoltab_title_open span , .leftcoltab_title_mouseover span { padding-left: 12px; }
.leftcoltab_title_closed { background-position: left bottom; color: #EEE; font-weight: bold; cursor: pointer }
.leftcoltab_title_open { background-position: left top; color: #EEE; font-weight: bold; cursor: default }
.leftcoltab_title_mouseover { background-position: left center; color: #FFF; font-weight: bold; cursor: pointer }
.leftcoltab_content { margin: 6px 0 12px -5px; overflow: hidden }
.leftcoltab_content table { position: relative }

.snicon { width: 72px; height: 72px; background-repeat: no-repeat ; cursor: pointer; }

.artema_leftcollink { } 
.artema_leftcollink:before { content : url('/images/artema/arrowlink.png') }


/* q_author_stuff */

.q_author_stuff { z-index: 1 ; margin-left: 210px ; margin-top: 68px ; position: absolute }

/* boutons */

.modebuttonon { display: none }
.modebuttonoff { display: inline; font-size: 11px; color: #333; background-color: #CCC; border: solid 1px #999; padding: 3px 15px; cursor: pointer; text-transform: uppercase }
.modebuttononoff { font-size: 11px; padding: 3px 8px; cursor: pointer; background-color: #666; color: #FFF ; border: solid 1px #AAA; text-transform: uppercase }

/* liste membres */

.list_line_0 { background-color: #FFF; padding: 2px 7px; color: #333 }
.list_line_1 { background-color: #cbdde6; padding: 2px 7px; color: #333 }
.list_line_0_mouseover, .list_line_1_mouseover { background-color: #005081; padding: 2px 7px; color: #FFF; cursor: pointer }
.list_line_0_selected, .list_line_1_selected { background-color: #d21725; padding: 2px 7px; color: #FFF; border-style: none }

/* prompt */

.promptdrawer { position: absolute; left: 30%; top: 0; width: 40%; background-color: #FFF; border-style: none solid solid solid; border-width: 1px; border-color: #000; color: #000; padding: 8px; }
.qprompt_title { color: #000; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 8px 0 4px 8px; }

/* drawers */

#q_drawers { position: absolute; left: 200px; top: 55px; width: 100%; height: 100%; overflow: hidden }
.topdrawer_qorg, .artema_topdrawer { background-color: #FFF; border-style: none solid solid solid; border-width: 1px; border-color:  #005081; padding: 12px 18px; background-image: url('/images/artema/drawertopshadow.png'); background-position: top; background-repeat: repeat-x; }
.artema_leftdrawer { background-color: #FFF; border-style: solid solid solid solid; border-width: 1px 1px 1px 2px; border-color:  #005081  #005081  #005081 #AAA ; padding: 0 18px; }

.topdrawer_qorg .qorg_header { background-color: #FFF; margin: 0 0 12px 0 }
.topdrawer_qorg .qorg_title { color: #000; font-size: 13px; text-transform: uppercase; font-weight: bold }

/* annu */

.qorp_annugroup_profilediv { line-height: 22px; }
.qorp_annugroup_profileinfo { font-weight: bold; color: #333; }
.qorp_annugroup_profileinput { width: 130px; height: 14px; border : solid 1px #999; font-family : Arial; font-size: 11px; display: none; }
#artema_annugroup_profile_photo { width: 80px; height: 80px; border: solid 1px #999; }


/* A TRIER */

input { font-size: 10px }
.inputfile{ font-size: 10px ; width: 160px }

.q_imgbg_bright {  }
.q_imgbg_bright_strings {  }
.q_imgbg_bright_strings_folded { }
.q_imgbg_tm_strings { }
.q_sansimgbg { background : transparent }

.imgtmlefttriangle , .imgtmrighttriangle , .imgtmempltytriangle { border : solid 0px #f00 ;height : 16px ; width : 16px ; background-color : #00274B ;}
.imgtmlefttriangle { cursor: pointer ; background : url('/images/triangles/triangle_left_blue_XL.png') no-repeat ;}
.imgtmrighttriangle { cursor: pointer ; background : url('/images/triangles/triangle_right_blue_XL.png') no-repeat ;}

.smallcap { font-size: 9px ; font-weight: bold }
.fixed { position : fixed }


#q_fullscreenmask { z-index: 5 ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ;  top:0px ; left:0px ; }
.q_fullscreenmask { background-color:#333 ; opacity: 0.5 ; filter: alpha(opacity=50) ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ;  top:0px ; left:0px ; }
#q_overmask { z-index: 6 ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ;  top:0px ; left:0px ; }
.helpiframe { left: 10%; top: 10px; width: 80%; height: 500px; border: solid 3px #4A88AB }


#qsn_editblocks , .q_leftcolitems { position: relative ; z-index: 1 ; margin-left: 26px ; margin-top: 0px ; line-height: 14px }
#defaultleftcol { position: relative ; z-index: 1; margin: 0 ; padding:0 ; }
#editblock { position: relative ; margin: 0 ; padding: 0 ; display: none ; z-index: 1 ; border : solid 0px #00f ; }

.leftcolcontrols { width: 200px; border: solid 1px #F00; border-collapse: collapse; vertical-align: middle }

a.leftcol_fold { width: 30px; height: 21px; text-decoration: none; font-weight: normal }
a.leftcol_fold , a.leftcol_fold:link , a.leftcol_fold:visited { width: 30px; height: 21px; background-image: url("/images/leftcol_fold.png"); background-repeat: no-repeat; cursor: pointer; float: right } 
a.leftcol_fold:hover , a.leftcol_fold:active { background-image: url("/images/leftcol_fold_over.png"); } 

a.leftcol_left { width: 30px; height: 21px; text-decoration: none; font-weight: normal }
a.leftcol_left , a.leftcol_left:link , a.leftcol_left:visited { width: 30px; height: 21px; background-image: url("/images/leftcol_left.png"); background-repeat: no-repeat; cursor: pointer; float: right } 
a.leftcol_left:hover , a.leftcol_left:active { background-image: url("/images/leftcol_left_over.png") } 

a.leftcol_right { text-decoration: none; font-weight: normal }
a.leftcol_right , a.leftcol_right:link , a.leftcol_right:visited { width: 30px; height: 21px; background-image: url("/images/leftcol_right.png"); background-repeat: no-repeat; cursor: pointer; float: right } 
a.leftcol_right:hover , a.leftcol_right:active { background-image: url("/images/leftcol_right_over.png") } 

.leftcolpane { position: absolute; left: 0px; top: 62px; width: 200px }

#q_tmleftcol { position: relative ; display: none ; z-index: 1 ; }
#tmdisplayeddate { background-color: #446 ; color: white ; font-weight: bold ; text-align: center }
#tmgetbackgray { color:#777 } 


.floatleft { float : left; }
.floatright { float : right; }
.fixedright { text-align : right; }
.clearboth { clear : both ; }
.disabled { color: #666 }

.zero { padding: 0px ; margin: 0px ; border: 0px ; }
.sup { position: relative ; top : -0.5em ; font-size : 80% }

#slider_thumb { z-index: 4 ; cursor: pointer ; } 
/*#A4C3D5 #A4C3D5 #FFF #A4C3D5*/
#imgquomododown, #imgquomodoup { position: relative ; margin-left : 0px ; margin-top : 0px ; background : url('/images/dblarrow.png') ;  height : 17px; width: 72px}
#imgquomodoup { color: #0F0 ; display : none ; }

#slider_panel { z-index: 4 ; font-family : Arial, sans-serif ; background-color : #fff ; border: solid ; border-color: #77A #77A #77A #77A ; border-width: 1px 1px 1px 1px ; padding: 0px ; }

#slider_panel_sub { font-family : Arial, sans-serif ; border: solid ; border-color: #77A #77A #77A #77A ; border-width: 1px 1px 0px 1px ;  font-size: 11px ; padding: 0px ; }

#slider_panel div { margin: 0px ; padding: 0px ; text-align: center ; font-weight: bold } 

#slider_panel p { margin-left : 30px ; margin-right : 4px ; padding-top: 8px ; margin-top: 0px ; margin-bottom: 6px ; text-align: left }

#slider_panel p + p { margin-left : 30px ; margin-right : 4px ; padding-top: 8px ; margin-top: 0px ; margin-bottom: 6px ; border-top : solid 1px #4A88AB ; } 

#bgimg { z-index: 1 ; top: 0px ; left: 0px ; margin-left: 77px }

.whitepostit { margin: 90px auto auto auto; padding: 1em 3em 1em 3em ; line-height: 1.4em ; position: relative ; z-index: 1 ; width: 520px ; border: solid 1px ; border-color: #FFF #FFF #444 #FFF ; font-size: 12px}
.whitepostitIE6 { width : 0px; height : 0px ; font-size: 11px; }  
.whitepostitIE6bis { width : 0px; height : 0px ; font-size: 11px; }  
#adminspaceredtriangle { position: relative ; font-size: 10px ; top: 2px ; left:0px ; margin-left: 30px ; width:158px ; cursor: pointer }

ul { list-style-type: square ; margin-top: 0.5em  ; margin-bottom: 0.5em }
ol { line-height: 1.4em ; margin-top: 0.5em  ; margin-bottom: 0.5em }

a { text-decoration: none; font-weight: normal ; color: #005081 ; }
a:hover { text-decoration: underline; }

a.web { color: #0060B7 ; }


.signature { color: #888 ; padding: 2px 0; line-height: 1.1em}

.linkinnote { font-size: 9px ; padding: 2px 4px ; margin: 0px ; line-height: 1.1em }
a.linkinnote:link , a.linkinnote:visited , a.linkinnote:hover , a.linkinnote:active { color: #888; font-size: 9px ; padding: 1px 4px }

a.linkintop:link , a.linkintop:visited , a.linkintop:hover , a.linkintop:active { text-decoration: none; font-weight: normal ; font-size: 12px }

a.linkintopoff:link , a.linkintopoff:visited , a.linkintopoff:hover , a.linkintopoff:active 
{ text-decoration: none; font-weight: normal ; color: #CCC ; cursor: default }

a.linkintopoffblack:link , a.linkintopoffblack:visited , a.linkintopoffblack:hover , a.linkintopoffblack:active 
{ text-decoration: none; font-weight: normal ; color: #000 ; cursor: default }

.stickynote { cursor: auto ; position: absolute ; padding-bottom: 0.0em ; border: solid 1px ; border-color: #FFF #FFF #AAA #FFF ; min-height: 0 }
.staticnote { cursor: auto ; position: absolute ; padding-bottom: 0.0em ; border: solid 1px ; border-color: #FFF #FFF #AAA #FFF }

/*
color1 : blue    : #BFE3F9
color2 : green  : #DBEC35
color3 : white  : #FFF
color4 : red     : #E73352
*/

.replynote { cursor: auto ; position: static ; clear: both ; padding-bottom: 0.0em ; margin: 5px ; border: solid ; border-width: 1px ; border-color: #FFF #FFF #AAA #FFF ; font-family: Arial, Helvetica, sans-serif ; font-weight: normal ; }

.textentry { padding: 0 ; border: solid 1px #AAA; width: 150px; font-family: Arial , sans-serif; font-size: 11px } /* color : #4A88AB ; */

.text , .notecontent { border : solid 0px ; min-height: 0px }
.notetext { margin: 0em 1em 0.2em 1em ; border-width: 0px }

/*
.notecontent { clear: both ; margin-top: 11px }
*/
.notecontent { clear: both ; margin-top: 0px; }
.notecontent { padding : 0em 1em 0.2em 1em }
.noteimage { display: inline ; float: left ; margin: 0em 1em 0.1em 1em ; }

#spacetabs_elem { z-index: 3 ; margin-top: 2px ; margin-left: 219px ; top: 0px ; left: 0px ; }
#spacetabs_elem a { color: #005081 }
.spacetab , .spacetabright , .spacetabselected { height: 12px ; font-size: 11px ; position: relative ; top: 10px ; white-space: nowrap ; margin: 0px }
.spacetab , .spacetabright { height: 12px ; font-size: 11px ; position: relative ; top: 10px ; white-space: nowrap ; }
.spacetabselected { height: 12px ; font-size: 11px ; position: relative ; top: 10px ; white-space: nowrap ; }

.spacetab { border: solid #005081; border-width : 1px 0 0 1px  ; padding: 1px 20px 2px 20px ;  }
.spacetabright { border-top: solid 1px #005081 ; padding: 1px 20px 2px 20px ; }
.spacetabselected { border: solid 1px #000 ; border-bottom: 0px ; background-color: #005081 ; padding: 2px 20px 3px 20px ; color: #FFF ; }

.spacetabsubscribe { height: 12px ; cursor: pointer ; position: static ; margin-left: 1em ; margin-right: 1em ; white-space: nowrap }

.normalparentitem { padding: 0em ; border-top: solid 1px #888 ; border-bottom: solid 1px #FFF ; margin-bottom: 1em ; white-space: nowrap ; font-size: 11px ; line-height: 1.4em ; min-width: 400px }
.selectedparentitem { padding: 0em ; border-top: solid 1px #6E761B ; margin-bottom: 1em ; background-color: #BFE3F9 ; white-space: nowrap ; font-size: 11px ; line-height: 1.4em ; width:100%; min-width: 400px }
.leftsubitem { padding-top: 3px ; padding-bottom: 3px ; padding-right: 5px }
.centersubitem { padding: 0px ; margin: 0px }
.rightsubitem { padding-top: 3px ; padding-bottom: 3px ; padding-left: 5px }

.memberimg { width : 154px ; height : 53px ; background : url('/images/smiley_whi_L.png') no-repeat; color: #000 }
.memberimg div { text-align: left ; padding-top: 10px ; padding-left : 15px }
.infosmember { font-size: 95% ; line-height: 1.4em ; padding: 2px 8px }

/* .square { margin-bottom: 0px ; margin-top: 8px ; font-weight: bold ; font-size: 10px ; text-transform: uppercase } */

.scsquare { margin-bottom: 0px ; margin-top: 8px ; font-weight: bold ; font-size: 10px ; text-transform: uppercase }
.scsquare:before { content:'■ ' }
*:first-child+html .scsquare { background : url('/images/square6in9.png') left 3px no-repeat ; padding-left : 12px }
a.radio , a.radioh , a.checkbox { cursor: pointer ; color: #4A88AB ; margin-left : 8px }
a.radio:hover , a.radioh:hover , a.checkbox:hover { text-decoration : none }
.radio img , .radioh img , .checkbox img { width : 8px ; height : 8px ; background-repeat: no-repeat; margin-right : 3px }
.off img { background-image: url('/images/circle6in9.png' ) ; }
.on img { background-image: url('/images/ccircle6in9.png' ) ;  }

a.button:link, a.button:visited, a.button:hover, a.button:active { font-family: Arial ; line-height: 18px ; font-size: 11px ; border: solid 1px #98989A ; cursor: pointer ; padding: 0px 1ex 1px 1ex ; text-decoration: none ; color: #5B5B5D }
a.button:hover { color: #FFF ; background-color: #5B5B5D }
a.button:active { border: solid 1px #333 ; color: #FFF ; background-color: #333 }

a.buttonbg:link, a.buttonbg:visited, a.buttonbg:hover, a.buttonbg:active { font-family: Arial ; line-height: 18px ; font-size: 11px ; border: solid 1px white ; cursor: pointer ; padding: 0px 1ex 1px 1ex ; text-decoration: none ; background-color: white; color: #333}
a.buttonbg:hover { background-color: #333; color: #FFF}
a.buttonbg:active { background-color: #000; color #FFF }


.menuseparator { border-top: dotted 1px #000 ; height: 1px ; margin: 14px 0px }

.spacer { padding: 0px 8px }
.minispacer { padding: 0px 3px }
.leftcolcentered { text-align: center ; margin-top: 16px ; margin-right: 25px }
.button1of2 { text-align: left ; margin-top: 16px ; float: left }
.button2of2 { text-align: right ; margin-top: 16px ; margin-right: 12px }

.buttoninnote1of2 { float: left ; text-align: left ; padding: 0px ; margin: 0px 2px 2px 2px}
.buttoninnote2of2 { text-align: right ; margin: 2px }

/*
.selected { border : solid 3px #5B5B5D ;  }
.selected { border : solid 3px #4A88AB ;  }
*/

#q_tmleftcol a:link { text-decoration: none; font-weight: normal ; color: #C8C8C9 ; }
#q_tmleftcol a:visited { text-decoration: none; font-weight: normal ; color: #C8C8C9 ; }
#q_tmleftcol a:hover { text-decoration: underline; font-weight: normal ; color: #C8C8C9 ; }
#q_tmleftcol a:active { text-decoration: none; font-weight: normal ; color: #C8C8C9 ; }

#blueclip { position: absolute ; left: 20px ; top: -20px ; width: 72px ; height: 34px ; background: url('/images/pince-bleue.png') }
#grayclip { position: absolute ; left: 23px ; top: -17px ; width: 71px ; height: 33px ; background: url('/images/pince-grise.png') }
.clipcontainer { position: relative ; left: 17px ; top: 18px ; width: 114px ; height: 108px ; margin-bottom: 34px }
.noteclip { position: absolute ; height: 108px ; width: 114px ; background: #BFE3F9 }
.notecliptext { text-align: center ; margin-top: 1em }

.hiddenlink { margin-bottom: 2px; cursor: pointer }

/*
#q_favorites_sn { position: relative ; left: 12px ; top: 8px }
*/
#q_favorites_sn { position: relative ; left: 12px ; top: 5px ; margin-bottom: 8px }
td.q_favorites_sn { padding-left: 2px ; padding-right: 1px }
#q_favorites_sn img { border : solid 3px #FFF ; cursor: pointer }

.howtolink { font-size: 11px; text-align: center; margin: 6px 0px}


#pageslist { position: absolute; right: 10px; top: 10px; font-size: 11px; }

#snplugs { width: 154px; height: 48px ; margin-bottom: 16px }

.spacetabalert { position: absolute; left: 7px; bottom: 1px; font-size: 18px; font-weight: bold; font-style: italic; color: #E73352 }
.spanalert { position: relative ; top: 2px ; padding-right: 3px ; font-size: 18px; font-weight: bold; font-style: italic; color: #E73352 }

.sntablearrow { margin: 2px; width: 17px; height: 17px; background-repeat: no-repeat;}

.dark { color: #C8C8C9 }

a.dark:link { color: #C8C8C9 ; border-color: #C8C8C9 }
* html .dark a { color: #C8C8C9 ; border-color: #C8C8C9 }

a.gallerylink { font-size: 14px ; color: #E73352 ; font-weight: bold ; position: relative ; top: 8px ; left: 4px ; padding: 2px 4px}
a.gallerylink:link { text-decoration: none}
a.gallerylink:hover { color: #FFF ; background-color: #E73352 ; text-decoration: none }
a.gallerylink:active { color: #FFF ; background-color: #E73352 ; text-decoration: none }
a.gallerylink:visited { text-decoration: none }

.mhpleftcolmininotes { position: relative ; width: 100px ; height: 50px; margin-top: 7px ; cursor: pointer ; border: solid 1px ; border-color: #CCC #CCC #888 #CCC ; }

.mhpnotetitle { font-size: 16px; line-height: 1.8em; font-weight: bold }

#combos { position: absolute; background: #FFF; border: solid 7px #AAA; padding: 5px; line-height: 1.6em; }


.qnavig { padding: 0 7px; line-height: 16px ; color: #FFF; cursor: deault }
a.qnavig { padding: 0 7px; color: #333; line-height: 16px ; cursor: pointer }
a.qnavig:hover { text-decoration: underline }

.leftcol_iconbutton32 { width: 32px; height: 32px; background-position: center center; background-repeat: no-repeat; cursor: pointer }
.leftcoltitle, .square { font-size: 12px; font-weight: bold; color: #000; margin: 24px 0 6px 0; }
.drawertitle { font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 10px; }

/* For IE for Windows \*/

* html .fixed {
	position: absolute; 
}

* html .png , .pngscale , .pngimage , .pngcrop { behavior: url( "/style/iefixpng.htc" ); }
* html .pngbtn { behavior: url( "/style/iefixpngbtn.htc" ); }

* html .imgbg { top:-66px ; }


* html #q_leftcol { padding-top : 30px } 
* html .imgtmlefttriangle { background : url('/images/triangles/triangle_left_blue_XL.gif') no-repeat ;}
* html .imgtmrighttriangle { background : url('/images/triangles/triangle_right_blue_XL.gif') no-repeat ;}

* html .menuseparator { font-size: 1px ; line-height :1px ;  }

* html #adminspaceredtriangle { margin-top:5px ; }
* html #profilebuttons  { padding:0 ;margin:0 ;  }

* html #blueclip { background: url('/images/pince-bleue.gif') }


* html div.miniblue  { font-size: 10px ; }
* html div.minigreen { font-size: 10px ;  }
* html div.minired { font-size: 10px ; }
* html div.miniyellow { font-size: 10px ;  }
* html div.miniwhite { font-size: 9px ;  }

* html div.rhover { width: 22px ; height: 13px ; border : solid 1px #000 ; } 
* html div.rselected { width: 22px ; height: 13px ; border : solid 2px #000 ; } 
* html div.rlink { width: 20px ; height: 11px ; border : solid 1px ; border-color: #fff; } 

* html #textentry { padding: 3px 3px 3px 5px ; font-size : 11px ; color: #4A88AB ; font-family : Arial; }

* html .on img { background-image: url('/images/blank.gif' ) ; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ccircle6in9.png',sizingMethod='image') }
* html .off img { background-image: url('/images/blank.gif' ) ; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/circle6in9.png',sizingMethod='image') }

* html .scsquare { background : url('/images/square6in9.png') left 3px no-repeat ; padding-left : 12px }


* html a.leftcol_fold { width: 30px; height: 21px; background-image: url("/images/leftcol_fold.gif"); background-repeat: no-repeat; cursor: pointer; float: right } 
* html a.leftcol_fold:link { background-image: url("/images/leftcol_fold.gif"); } 
* html a.leftcol_fold:visited { background-image: url("/images/leftcol_fold.gif"); } 
* html a.leftcol_fold:hover { background-image: url("/images/leftcol_fold_over.gif"); } 
* html a.leftcol_fold:active { background-image: url("/images/leftcol_fold_over.gif"); } 

* html a.leftcol_left { width: 30px; height: 21px; background-image: url("/images/leftcol_left.gif"); background-repeat: no-repeat; cursor: pointer; float: right } 
* html a.leftcol_left:link { background-image: url("/images/leftcol_left.gif") } 
* html a.leftcol_left:visited { background-image: url("/images/leftcol_left.gif") } 
* html a.leftcol_left:hover { background-image: url("/images/leftcol_left_over.gif") } 
* html a.leftcol_left:active { background-image: url("/images/leftcol_left_over.gif") } 

* html a.leftcol_right { width: 30px; height: 21px; background-image: url("/images/leftcol_right.gif"); background-repeat: no-repeat; cursor: pointer; float: right } 
* html a.leftcol_right:link { background-image: url("/images/leftcol_right.gif") } 
* html a.leftcol_right:visited { background-image: url("/images/leftcol_right.gif") } 
* html a.leftcol_right:hover { background-image: url("/images/leftcol_right_over.gif") } 
* html a.leftcol_right:active { background-image: url("/images/leftcol_right_over.gif") } 

/* For IE7 for Windows \*/

*:first-child+html #q_leftcol { padding-top : 30px } 


#pages_publiclogo { position: relative; width: 199px; height: 115px; background-image: url('/images/artema/pages_publiclogo.png'); margin-left: -26px }

* html #q_fullscreenmask { top : expression( documentElement.scrollTop+body.scrollTop + "px" ) ; left : expression( documentElement.scrollLeft+body.scrollLeft + "px") ; }

.q_clearboth { clear : both ; height : 0px ; line-height : 0px ; font-size : 0px }
.q_divspacer { height : 10px ; line-height : 0px ; font-size : 0px ; clear : both }

#pages_pageformat3_ncols { position : absolute ; top : 10px ; left : 6px ; font-size : 24px ; font-weight : bold ; color : #f00 }

/* SN TOOLBAR */
/* recopié de q.css */

.toolbar { position: absolute; top: 0; left: 0; margin-top: -17px; margin-left: 0px; width: 30px; z-index: 999; }
.toolbarmsg { position: absolute; width: 150px; height: 16px; line-height: 16px; margin-left: -120px; margin-bottom: 2px; text-align: right }
.toolbarmsg span { font-size: 12px; white-space: nowrap; background-color: #FF0; color: #000; padding: 0 12px 0 20px; }

.toolbar table { margin: 0px 1px; position: relative; cursor: pointer }
.toolbar table .edit { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnedit.jpg) top left }
.toolbar table .replyto { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnreplyto.jpg) top left }
.toolbar table .suppress { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnsuppress.jpg) top left }
.toolbar table .suppressreply { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnsuppress.jpg) top left }
.toolbar table .duplicate { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnduplicate.jpg) top left }
.toolbar table .rich { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnrich.jpg) top left }
.toolbar table .help { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnhelp.jpg) top left }
.toolbar table .displayLogo { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtndisplayLogo.jpg) top left }
.toolbar table .hideLogo { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnhideLogo.jpg) top left }
.toolbar table .reduce { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnreduce.jpg) top left }
.toolbar table .expand { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnexpand.jpg) top left }
.toolbar table .showanswers { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnshowanswers.jpg) top left }
.toolbar table .hideanswers { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnhideanswers.jpg) top left }
.toolbar table .sendtobckg { width: 30px; height: 30px; background: transparent url(/images/toolbar/toolbarbtnsendtobckg.jpg) top left }

/* BTNBTN */
/* recopié de q.css */

.btnbtn { position : relative ; top : 0px ; left : 0px ; overflow : hidden ; cursor: pointer }
.divimg { position : absolute ; background-color : transparent ; background-position : left top ; background-repeat : no-repeat ; }

/* FIX POUR MENUS FLOTTANTS SOUS IE6 */
.ie6menufix { position : absolute ; top : 0px ; left : 0px ; width : 100% ; height : 100% ; filter:mask() ; z-index: -1 ; }

/* GESTION DE LA TRANSPARENCE */

.qsn_trans0 { filter:alpha(opacity=0) ; opacity:0 ; }
.qsn_trans5 { filter:alpha(opacity=5) ; opacity:0.05 ; }
.qsn_trans10 { filter:alpha(opacity=10) ; opacity:0.1 ; }
.qsn_trans15 { filter:alpha(opacity=15) ; opacity:0.15 ; }
.qsn_trans20 { filter:alpha(opacity=20) ; opacity:0.2 ; }
.qsn_trans25 { filter:alpha(opacity=25) ; opacity:0.25 ; }
.qsn_trans30 { filter:alpha(opacity=30) ; opacity:0.3 ; }
.qsn_trans35 { filter:alpha(opacity=35) ; opacity:0.35 ; }
.qsn_trans40 { filter:alpha(opacity=40) ; opacity:0.4 ; }
.qsn_trans45 { filter:alpha(opacity=45) ; opacity:0.45 ; }
.qsn_trans50 { filter:alpha(opacity=50) ; opacity:0.5 ; }
.qsn_trans55 { filter:alpha(opacity=55) ; opacity:0.55 ; }
.qsn_trans60 { filter:alpha(opacity=60) ; opacity:0.6 ; }
.qsn_trans65 { filter:alpha(opacity=65) ; opacity:0.65 ; }
.qsn_trans70 { filter:alpha(opacity=70) ; opacity:0.7 ; }
.qsn_trans75 { filter:alpha(opacity=75) ; opacity:0.75 ; }
.qsn_trans80 { filter:alpha(opacity=80) ; opacity:0.8 ; }
.qsn_trans85 { filter:alpha(opacity=85) ; opacity:0.85 ; }
.qsn_trans90 { filter:alpha(opacity=90) ; opacity:0.9 ; }
.qsn_trans95 { filter:alpha(opacity=95) ; opacity:0.95 ; }
.qsn_trans100 { filter:alpha(opacity=100) ; opacity:1 ; }


/* FSM BLOCK CONTAINER  à recopier dans styleauto/artema.css */

.q_fsmblockcontainer { width : 100% ; height : 100% }
.q_fsmblockcontainer_block { position : absolute }
.q_fsmblockcontainer_screenmask { background-color:#555 ; opacity: 0.5 ; filter: alpha(opacity=50) ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ;  top:0px ; left:0px ; }
.q_fsmblockcontainer_title{ padding: 0 10px; font-size: 14px; font-weight: bold; }
.q_fsmblockcontainer_header { font-family: Arial, sans-serif; color: #FFF; font-size: 13px; cursor: move; }
.q_fsmblockcontainer_delete{ cursor: pointer; padding: 0 7px; white-space: nowrap; }
.q_fsmblockcontainer_deletebtn{ width: 16px; height: 16px; background-image: url(/bundles/qlub/images/close16.png) ; _background-image: url(/bundles/qlub/images/close16.gif); }
.q_fsm_wait { width : 320px ; height : 240px ; background-color : #FFF ; border : solid 1px ; text-align : center ; color : #000 }
.q_fsm_wait img { margin-top : 50px }
.q_fsm_wait div { padding-top : 12px }