/*
pour les skeletons
html , body { height : 100% ; }
*/
html { height : 100% ; }
body { min-height : 100% ; }

/*
body { background-color:#EEF7C6 ; margin: 0px ; padding: 0px; font-family: Arial , sans-serif; position: relative ; font-size: 11px ; color: #5B5B5D }
*/
body { background-color:#FFF ; margin: 0px ; padding: 0px; font-family: Arial , sans-serif; position: relative ; font-size: 11px ; color: #333 }
body.empty-template #p-0 .sk-bw-mask { display: none !important }

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

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

.qelgoog { position: absolute ; bottom:0px; }

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

#q_fullscreenmask { z-index: 6 ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ; top:0px ; left:0px ; }
.q_fullscreenmask { background-color:#AA8 ; opacity: 0.5 ; filter: alpha(opacity=50) ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ;  top:0px ; left:0px ; }
#q_loadscreenmask { background-color:#FFF ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ; position: absolute ; top: 0px ; left: 0px ; z-index: 100000 ; position: fixed }
#q_loadscreenmask .waitcontent { padding-top: 20% ; font-size: 16px ; color: #666 ; text-align: center }
/*
#q_loadscreenmask .load-spinner { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px }
#q_loadscreenmask .load-spinner:before { content: '' ; width: 100% ; height: 100% ; border-radius: 50%; background-color: #CCC; opacity: 0.6; position: absolute; top: 0; left: 0; animation: load-spinner-bounce 3.0s infinite ease-in-out }
#q_loadscreenmask .load-spinner:after { content: '' ; width: 100% ; height: 100% ; border-radius: 50%; background-color: #CCC; opacity: 0.6; position: absolute; top: 0; left: 0; animation: load-spinner-bounce 3.0s infinite ease-in-out ; animation-delay: -1.5s }
@keyframes load-spinner-bounce {
	0%, 100% { transform: scale(0.0) }
	50% { transform: scale(1.0); }
}
*/
#q_loadscreenmask .load-spinner { width: 50px ; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px; border-top: 1px solid rgba(0,0,0, 0.08); border-right: 1px solid rgba(0,0,0, 0.08); border-bottom: 1px solid rgba(0,0,0, 0.08); border-left: 1px solid rgba(0,0,0, 0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: load-spinner-rotate 700ms infinite linear; -moz-animation: load-spinner-rotate 700ms infinite linear; -ms-animation: load-spinner-rotate 700ms infinite linear; -o-animation: load-spinner-rotate 700ms infinite linear; animation: load-spinner-rotate 700ms infinite linear; z-index: 100001 }

@-webkit-keyframes load-spinner-rotate {
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes load-spinner-rotate {
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes load-spinner-rotate {
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes load-spinner-rotate {
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

#q_mainscreenmask { z-index: 2 ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ;  top:0px ; left:0px ; }
.q_mainscreenmask { background-color:#AA8 ; opacity: 0.6 ; filter: alpha(opacity=60) ; padding: 0 ; margin : 0 ; width: 100% ; height: 100% ;  top:0px ; left:0px ; border: solid 1px red}
#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 }
#q_editsnmask { background : rgba( 0, 0, 0, 0.5 ) ; position: absolute; width:100%; height: 100% ; display:none; z-index:104;}
#q_editsnmask .dbs { display:none }
#q_editsnmask textarea.firstcolor, #q_editsnmask textarea.secondcolor, #q_editsnmask textarea.rpd-p1 { color : #000000 }
.qiframe-wrapper { position: relative; top: 0px ; left: 0px ; overflow: hidden }
#q_editsnmask textarea, #q_editsnmask input { border-radius : 0 }
#q_editsnmask .note input[type="text"], #q_editsnmask .note textarea, #q_editsnmask .note input[type="password"] { box-sizing:border-box }
#q_editsnmask .note .header-container { padding: 0 ; background-color: none }
#q_editsnmask .note input.show-writeonly[type="text"], #q_editsnmask .note textarea.show-writeonly, #q_editsnmask .note input.show-writeonly[type="password"] { border-bottom: dotted 2px #C82619 !important }

#qsn_editblocks , .q_leftcolitems { position: relative ; z-index: 1 ; margin-left: 26px ; margin-top: 48px ; line-height: 14px }
#qsn_editblocks { margin-top: 16px }
#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 ; }
/*#qfooter { z-index: 2 }*/
.color-bullet { border-radius: 100%; width: 14px; height: 14px; display: block; border: 1px solid #ffffff; }

#sn_duplicate { display:none }

#border, .stuff-border { position: relative ; left: -1px ; top: -1px ; z-index: 2 }

.leftcolcontrols { width: 200px; border: solid 1px #F00; border-collapse: collapse; vertical-align: middle } /* utilisé ? */ /* non */
.leftcolpane { position: absolute; left: 0px; top: 62px; width: 200px } /* fo, classic only ? */

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

#topheader { z-index: 4 ; text-align:right ; top: 0px ; left: 0px ; height: 28px ; width: 100% ; padding: 0.3em ; margin: 0px ;}
#headerdiv { z-index: 4 ; color: #FFF ; text-align: left ; top: 28px ; left: 0px ; height: 34px ; width: 100% ; background-color: #005081 ; margin: 0px }
#headerinfo { font-size: 16px ; font-weight: bold ; margin: 10px ; padding-left: 210px ; position : relative }

/* 2013-04-29: pour éviter la font par défaut */
.notetoolbar, .notetoolbarholder, .cancelokelem, #bodyfooterbody, .loginbutton, #border, .stuff-border, .edit_text, .qlub_ads_slot { font-family: Arial, sans-serif }

.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% }

ul { margin-top: 0.5em  ; margin-bottom: 0.5em } /* list-style-type: square ;  */
ol { margin-top: 0.5em  ; margin-bottom: 0.5em } /* line-height: 1.4em ;  */
ol ul, ul ol, ul ul, ol ol { margin-top: 0px  ; margin-bottom: 0px }

a:link, a:visited { text-decoration: none; font-weight: normal }
a:hover, a:active { text-decoration: underline; font-weight: normal }
.rpd-link.anchor:hover, .rpd-link.anchor:active { text-decoration: underline }
a { color: #4A88AB ; }

a.web { color: #0060B7 ; }

a.q_blue { color: #4A88AB }

a.rpd-action, .rpd-action { text-decoration: underline }
.rpd-link a.rpd-more:after, a.rpd-link.rpd-more:after, .rpd-link a.rpd-more:before, a.rpd-link.rpd-more:before { font-family: 'q-sn' }

.linkinnote { font-size: 9px ; padding: 1px 4px ; margin: 0px ; line-height: 1.1em }
a.linkinnote:link , a.linkinnote:visited , a.linkinnote:hover , a.linkinnote:active { 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: move ; position: absolute ; padding-bottom: 0.0em ; border: solid 1px ; border-color: #FFF #FFF #AAA #FFF ; min-height: 0 }
body.viewmode .stickynote { cursor: default }
.staticnote { cursor: auto ; position: absolute ; padding-bottom: 0.0em ; border: solid 1px ; border-color: #FFF #FFF #AAA #FFF }

.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-width: 1px ; width: 150px; height : 69px ; font-size: 9px } /* color : #4A88AB ; */

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

.notecontent { clear : both ; }
.noteimage { display: inline ; float: left ; margin: 0em 1em 0.1em 1em ; }

.signature { clear : both ; color: #888 ; line-height: 1.2em ; white-space: nowrap ; overflow: hidden ; }

#spacetabs_elem { z-index: 4 ; margin-top: 2px ; margin-left: 219px ; top: 0px ; left: 0px ; }
#spacetabs_elem a { color: #4A88AB }
.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('https://core3.quomodo.com/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 }

.scsquare { margin-bottom: 0px ; margin-top: 8px ; font-weight: bold ; font-size: 10px ; text-transform: uppercase }
.scsquare:before { content:'■ ' }

a.radio , a.radioh , a.checkbox { cursor: pointer ; color: #4A88AB ; margin-left : 6px }
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('https://core3.quomodo.com/images/circle6in9black.png' ) ; }
.on img { background-image: url('https://core2.quomodo.com/images/ccircle6in9black.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 #4A88AB ; cursor: pointer ; padding: 0px 1ex 1px 1ex ; text-decoration: none ; color: #4A88AB}
div.buttonlink, div.buttonhover, div.buttonactive { font-family: Arial ; line-height: 11px ; font-size: 11px ; border: solid 1px #4A88AB ; cursor: pointer ; padding: 0px 1ex 1px 1ex ; text-decoration: none ; color: #4A88AB }
a.button:hover, div.buttonhover { color: #FFF ; background-color: #4A88AB ; border-color: #FFF }
a.button:hover, a.button:active { border-color: #FFF }
a.button:active, div.buttonactive { 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: solid 1px #4A88AB ; height: 1px ; margin: 14px 20px 14px 0px }

/*
.up_longmenu, .down_longmenu { position:absolute; width:100%; padding:5px 0; height:10px ; background :#1479fd; color :#ffffff; text-align:center; display:block; z-index:10 }
*/

.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 }

#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 ; }

.hiddenlink { cursor: pointer }

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

#navigationmenu { background-color: #005081; margin-left: 15px; margin-top: 7px; width: 170px; border: solid 1px #AAA; overflow: hidden ; cursor : default ; position : absolute }
#navigationmenu p { margin: 3px; color: #AAA; }
#navigationmenu a { color: #DDD ; cursor: pointer }
.navigationmenugroup {padding: 18px 0 6px 6px; text-transform: uppercase; color: #AAA }

#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 }
.dark a { color: #C8C8C9 }
a.dark:link { color: #C8C8C9 ; border-color: #C8C8C9 }
a.dark:hover , a.dark:active  { color: #FFF ; border-color: #FFF }
* 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 }

#q_waitforjob {width: 300px; top: 62px; left: 300px; background-color: white; font-size: 18px; line-height: 1.4em ; text-align: left; padding: 1em 2em 1.5em 2em; display: none ; z-index: 999 }

a img { border : 0px }

/* mode edition note */
.qsn_design { position: relative; width: 100%; padding: 5px; box-sizing: border-box; -moz-box-sizing : border-box; background: #fff; font-size:14px ; cursor: pointer ; font-family: Lato, Tahoma, Geneva, sans-serif }
.qsn_design > div { padding: 5px; cursor : default }
.qsn_design .title { color: #1479fc; cursor: pointer }
/*.qsn_design .value { color: #1479FC ; font-size: 12px; cursor: pointer; margin-left: 10px }*/
.qsn_design .edit { font-family: 'q-i' ; color: #C8C8C8 ; font-size: 10px ; margin-top: 5px; padding: 0 10px; cursor: pointer }
.qsn-theme span { display : inline-block; vertical-align: top }
.qsn-css-note { position: absolute;top: 0px;right: 0px;padding: 10px 10px 5px 5px !important }
.qsn_movemask { position: absolute; top:0; left:0; width: 100%; height:100%; z-index:3 }

/* sous-menu thème de note */
.qsn-theme { position: relative }
.qsn-theme .value { color : #888; cursor:pointer; margin-left : 10px }
.qsn-theme > div { top: 4px; left: 44px; }
.qsn-theme_menu { position : absolute; top: 0px; left : 0px; background : #ffffff; padding: 0; list-style-type:none; margin: 0; min-width : 220px; z-index: 2; box-shadow: 0px 0px 9px rgba(0,0,0,0.15); border : 1px solid #ddd; border-top : 0 }
.qsn-theme .qlub_menupane_wrapper { min-width : 220px; box-shadow: 0px 0px 9px rgba(0,0,0,0.15);border : 1px solid #ddd;border-top : 0 }
.qsn-theme .qlub_menupane_wrapper ul { background : #ffffff; padding: 0; list-style-type:none; margin: 0; min-width : 220px; }
.qsn-theme .qlub_menupane_wrapper li, .qsn-theme_menu li { position : relative ; color : #000; padding: 8px; cursor : pointer; list-style-type:none; white-space: nowrap ; clear:both }
.qsn-theme_menu li { height: 20px }
.qsn-theme .qlub_menupane_wrapper li:hover, .qsn-theme_menu li:hover, .qsn-theme .qlub_menupane_wrapper li.active, .qsn-theme_menu li.active { color : #1479fc }
.qsn-theme_menu li.qsn-theme_previewstyle, .qsn-theme li.qsn-theme_newstyle { border-top : 1px solid #ddd; }
.qsn-theme .qlub_menupane_wrapper li .icon, .qsn-theme_menu li .icon { float: right; color : #888; font-size: 12px; display:inline-block; padding-top: 3px }
#qsn_theme_menupanes { z-index : 2; background:#ffffff; }
.qsn-theme .qlub_menupane_wrapper li .icon.qsn-theme_tooltip, .qsn-theme_menu li .icon.qsn-theme_tooltip { float:none;margin-top:-2px; margin-left: 8px; font-size:16px; display: inline-block; visibility:hidden }
.qsn-theme .qlub_menupane_wrapper li .icon.qsn-theme_tooltip:hover, .qsn-theme_menu li .icon.qsn-theme_tooltip:hover { color:#1479fc }
.qsn-theme .qlub_menupane_wrapper li:hover .qsn-theme_tooltip, .qsn-theme_menu li:hover .qsn-theme_tooltip { visibility : visible }	
.qsn-theme .qsn-theme_infos { float: right; color : #1479fc; cursor : pointer }
.qsn-theme_name { float: left }

/* palette pêle-mêle */

/*
#pm_palette { position: absolute; top: 0; left: 0; visibility: hidden; z-index: 9999; }
#pm_palette_frame { position: absolute; border-style: solid; border-width: 1px;}
#pm_palette_mask { width: 100%; height: 100%; background-color: #000; opacity: 0.2; filter: alpha(opacity=20) ; }
#pm_palette_header { display : none ; position: absolute; top: 1px; left: 1px; height: 18px; color: #FFF; line-height: 18px; padding: 0 25px;  font-weight: bold; border: solid 1px #FFF ; white-space: nowrap ; }
#pm_palette_buttons { position: absolute;  top: 1px; left: 1px; }
.pm_palette_button { border: solid 1px #FFF; cursor: pointer }

.pm_palette_buttonlegend { color: #FFF; margin-left: 5px; padding: 1px 7px 2px 7px; white-space: nowrap; display: none }
#pm_palette_dragbutton { position: absolute; width: 30px; height: 30px; background-image :url('../images/fo/dragarrowpng.png') ; }

#pm_palette_comment { position: absolute; top: 0; left: 0; width: 120px; border-style: solid; border-width: 1px; }
#pm_palette_comment_text { background-color: #FFF; color: #000; opacity: 0.8; filter: alpha(opacity=80) ; padding: 7px 14px }
#pm_palette_commentarrow { position: absolute; width: 30px; height: 15px; bottom: -15px; left: 0; background-image :url('../images/fo/pmcommentarrow.png') ; }
.focurrdarkbg { background-color: #828282 }
*/

/* tooltip custom */

.tooltipster-default { border-radius: 3px; border: 1px solid #dddddd; background: #ffffff; color: #000000; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); }
.tooltipster-default .tooltipster-content { font-family: "Lato", sans-serif ; font-size: 12px; line-height: 1.5em; font-weight:normal; padding: 9px; overflow: hidden; text-align:justify }

.tooltipster_title { font-weight:bold; font-size:14px; margin-bottom:5px }
.tooltipster_title:first-letter{ text-transform : uppercase }
.tooltipster_sample { color : #888 }

.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* tabs 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_clearboth { clear : both ; height : 0px ; line-height : 0px ; font-size : 0px }
.q_divspacer { height : 10px ; line-height : 0px ; font-size : 0px }

/* pour qu */
.topdrawer_qorg { background-color: #FFF; border-style: none solid solid solid; border-width: 1px; border-color: #005081; padding: 12px; background-repeat: repeat-x }

/* image transparente */
html>body .onlyforie6 { display:none; }
* html .notforie6 { display:none; } 

.cancelokbtn { width: 75px; height: 20px; color: #333; line-height: 20px; font-size: 12px; text-align: center; cursor: pointer }
.cancelokbtn .divimg { width: 75px; height: 42px; background-image : url('https://core4.quomodo.com/images/btn.png'); _background-image : url('https://core4.quomodo.com/images/btn.gif'); }
.cancelokbtn .divtxt { width: 75px; line-height: 18px }

/* SN TOOLBAR */
/* recopié sur artema.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-container { position: absolute ; top:0; right : 0; height:0px; z-index : 4 }
.notetoolbar { position : absolute; width : 26px; background : #ffffff; box-shadow : 0px 1px 3px rgba( 0, 0, 0, 0.15 ); opacity : 0.8; z-index: 2 }
.notetoolbar:hover { opacity:1 }
#toolbar-container .notetoolbar.show-writeonly { opacity:1 }

.toolbarmsg { position: absolute; height: 12px; padding:7px; right:26px ; top:0; text-align: right ; font-size: 11px; color : #1479fc; background : #ffffff; box-shadow : 0px 1px 3px rgba( 0, 0, 0, 0.3 ); white-space:nowrap; display:none; font-family: Lato, sans-serif }
.toolbartool_blank { position:absolute; height:26px; width:6px; right:23px; top:0; display:none; background: #ffffff }
.toolbartool { font-size: 16px; color : #1479fc; width:26px; height: 21px; padding-top:5px; text-align:center; cursor:pointer; position:relative }

.notetoolbar[kind="section"] { width : 36px ; z-index: 1 }
.notetoolbar[kind="section"] .toolbartool { font-size: 24px; width:36px; height: 32px ; background: #1479fc ; color: #FFF }
.notetoolbar[kind="section"] .toolbarmsg { right: 36px ; background: #1479fc ; color: #FFF ; font-size: 12px ; height: 14px }
.notetoolbar[kind="section"] .toolbartool_blank { right: 33px ; background: #1479fc ; color: #FFF ; height: 28px }

/* BTNBTN */
/* recopié sur artema.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 */
/* recopié sur artema.css */
.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 */

.flat-design .q_fsmblockcontainer_block { background-color: #FFF ; }
.flat-design .q_fsmblockcontainer_block.border { border: none ; }
.flat-design .q_fsmblockcontainer_header { display: none ; }
.flat-design .q_fsmblockcontainer_header.closeonly { display: table-row ; }
.flat-design .q_fsmblockcontainer_content { padding: 0px }
.flat-design .header>div { position: relative ; top: 0px; left: 0px ; text-align: center }
.flat-design td.header, .flat-design td.footer { white-space: nowrap ; font-family: Lato, Tahoma, Geneva, sans-serif ; font-size: 14px ; padding: 0.8em ; background-color: #FEFEFE }
.flat-design td.header { padding-bottom: 0.7em ; border-bottom: solid 1px #AAA }
.flat-design td.footer { padding-top: 0.7em ; border-top: solid 1px #AAA }
.flat-design .title { font-weight: bold }
.flat-design .left { position: absolute ; left: 0px ; top: 0px ; color: #1479FC ; font-weight: 300 }
.flat-design .right { position: absolute ; right: 0px ; top: 0px ; color: #1479FC ; font-weight: 300 }
.flat-design .icon-validate { background-image: url( '/images/flat-design/back.png' ) ; width: 16px; height: 16px; }
.flat-design .icon-cancel { background-image: url( '/images/flat-design/close.png' ) ; width: 16px;  height:16px; }
.flat-design .action { cursor:pointer ; font-weight: 300 ; text-align: center ; color: #1479FC ; padding: 0.7em 0px }
.flat-design .pipe { padding:0 5px ; color: #1479fc ; display: inline-block ; font-weight: 300 ; border: 0 }
.flat-design .blue { color: #1479FC ;  } 
.flat-design .bullet { color : #C8C8C8; font-size : 12px; padding: 3px; cursor:pointer }
.flat-design .bullet:hover, .flat-design .bullet.active { color : #1479fc }

@font-face {
  font-family: q-i;
  src: url('../style/fonts/q-i/q-i.eot');
  src: url('../style/fonts/q-i/q-i.eot?#iefix') format('embedded-opentype'),
       url('../style/fonts/q-i/q-i.woff') format('woff'),
       url('../style/fonts/q-i/q-i.ttf') format('truetype'),
       url('../style/fonts/q-i/q-i.svg#q-i') format('svg');
}
@font-face {
  font-family: q-sn;
  src: url('../style/fonts/q-sn/q-sn.eot');
  src: url('../style/fonts/q-sn/q-sn.eot?#iefix') format('embedded-opentype'),
       url('../style/fonts/q-sn/q-sn.woff') format('woff'),
       url('../style/fonts/q-sn/q-sn.ttf') format('truetype'),
       url('../style/fonts/q-sn/q-sn.svg#q-sn') format('svg');
}
@font-face {
  font-family: q-sn-banner ;
  src: url('../style/fonts/q-sn-banner/q-sn-banner.eot');
  src: url('../style/fonts/q-sn-banner/q-sn-banner.eot?#iefix') format('embedded-opentype'),
       url('../style/fonts/q-sn-banner/q-sn-banner.woff') format('woff'),
       url('../style/fonts/q-sn-banner/q-sn-banner.ttf') format('truetype'),
       url('../style/fonts/q-sn-banner/q-sn-banner.svg#q-sn-banner') format('svg');
}

.font-q-sn-banner { font-family : q-sn-banner !important ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.font-q-i { font-family : q-i ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.font-q-sn { font-family : q-sn ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.flat-design .icon { font-family: 'q-i'; color: #1479FC;  }
.flat-design .icon.back, .flat-design .icon.validate { font-size: 15px; font-weight: normal; }
.flat-design .icon.cancel, .flat-design .icon.close { font-size: 15px; font-weight: normal; }
.flat-design .icon.add { font-size: 15px; font-weight: normal; }

/* flat-design menu */
.flat-design .header .flatmenu-wrapper, .flat-design .footer .flatmenu-wrapper { display:inline-block; position : relative; margin : 0 8px; text-align: left; float : left; z-index:2 }
.flatmenu-title { font-size : 14px; color : #000; vertical-align : top; }
.flatmenu-arrow { color : #888888; font-size:10px; margin-left : 4px; vertical-align: middle; font-weight: bold; line-height : 100%; cursor: pointer }
.flatmenu-value { color : #888888; font-size : 12px; font-weight : 300; white-space:nowrap; }
.flatmenu-sub { position: absolute; top: 20px; left : 0; margin : 0; padding : 0px; background :#ffffff; list-style-type: none; display : none; z-index : 10; box-shadow : 0px 0px 9px rgba(0,0,0,0.15); width : auto; border-top : 1px solid #eee ; line-height: 1.1em }
.flat-design .footer .flatmenu-sub { position: absolute; bottom: 20px; left : 0; margin : 0; padding : 0px; background :#ffffff; list-style-type: none; display : none; z-index : 10; box-shadow : 0px 0px 9px rgba(0,0,0,0.15); width : auto; border-top : 1px solid #eee ; line-height: 1.1em }
.flatmenu-item { padding : 5px 8px; font-size:12px; color : #000; border-bottom: 1px solid #eee; list-style-type : none }
.flatmenu-item:hover, .flatmenu-item.active { color : #1479fc }
.flatmenu-headtitle { display : inline-block; float : left; vertical-align : middle }

.flat-design .cform { cursor : pointer }
.flat-design .custom-form-select { display: inline-block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; background-image: url(/images/arrow_select.jpg ); background-position: center right; background-repeat: no-repeat; position: absolute; top: 0; left: 0; overflow: hidden; cursor: pointer;}
.flat-design .custom-form-wrapper { display: inline-block; position: relative; vertical-align: middle; width:auto }
.flat-design .custom-form-checkbox { width: 15px; height: 15px; background-color: transparent; display: inline-block; border: 2px solid #dddddd; cursor: pointer; box-sizing:border-box }
.flat-design .custom-form-checkbox.custom-form-checked .custom-form-checked-inner:before { font-family: q-i; content: ''; font-size : 9px; margin-left:1px; line-height:13px; color : #1479fc }
.flat-design .cform-autowidth .custom-form-select { position: relative ; width: auto; padding-right: 36px }
.flat-design .cform-autowidth select.cform { position: absolute !important ; left: 0px }

#select_template_wrapper .custom-form-select { display : inline-block; width : 100%; box-sizing: border-box; -moz-box-sizing : border-box; color : #666; background: #ffffff; font-weight: normal; font-size: 14px ; padding: 0; position: absolute; top: 0; left: 0; overflow:hidden; cursor : pointer }
#select_template_wrapper { position : absolute; display: inline-block; width : 190px; box-sizing: border-box; -moz-box-sizing: border-box; left: 426px }
#select_template_wrapper .cform { width: 100%; cursor:pointer }


.q_fsmblockcontainer { width : 100% ; height : 100% }
.q_fsmblockcontainer_block { position : absolute }
#q_fullscreenmask_mobile { display : none }
.q_fsmblockcontainer_screenmask { background-color:#000 ; opacity: 0.3 ; filter: alpha(opacity=30) ; padding: 0 ; margin : 0 ; width: 300% ; height: 100% ;  top:0px ; left:0px ; cursor:pointer }

/*
@media only screen and (max-device-width : 480px) {
	.q_fsmblockcontainer_container { width:100%; height:100%; position:absolute; overflow:scroll;  top:0px;}
	.q_fsmblockcontainer_block { position:static; margin:auto }
	.q_fullscreenmask { background-color: transparent }
	#q_fullscreenmask.fixed { position : absolute }
	#q_fullscreenmask_mobile { z-index: 4 ; position:fixed; background-color: #000; opacity: 0.3 ; width : 100%; height : 100% ; display:block }
	.q_fsmblockcontainer_screenmask { background-color: transparent ; width: 100% }
}
*/

.popupcontainer .overflow { -webkit-overflow-scrolling: touch }
.overflow { -webkit-overflow-scrolling: touch; }
.overflow.noscroll { overflow : hidden !important; width: 100% !important }
.q_fsmblockcontainer_title{ padding: 12px ; font-size: 14px; font-weight: bold; line-height:100% }
.q_fsmblockcontainer_header { font-family: Lato, sans-serif; color: #FFF; font-size: 13px; cursor: move; }
.q_fsmblockcontainer_header.q_fsmblockcontainer_withtitle table{ background-color : #ffffff; border-bottom:1px solid #dddddd; width: 100% }
.q_fsmblockcontainer_header.q_fsmblockcontainer_withtitle .q_fsmblockcontainer_delete { height : 15px; width : 15px }
.q_fsmblockcontainer_header.q_fsmblockcontainer_withtitle .q_fsmblockcontainer_deletebtn{ color :#1479fc; position: relative; right : 10px; width:15px;height:15px;font-size:15px; }
.q_fsmblockcontainer_header.q_fsmblockcontainer_withtitle .q_fsmblockcontainer_title { color : #000; text-align:center }
.q_fsmblockcontainer_delete{ cursor: pointer;height:24px ; position: relative; top: 0px ; left: 0px }
.q_fsmblockcontainer_deletebtn{ width:24px; height:24px; font-size:24px; position: absolute; right:-24px; color : #ffffff; font-weight:bold; cursor:pointer }
.q_fsmblockcontainer_deletebtn_txt{ display :none; text-align:right; font-size:15px; font-weight:normal; position: absolute; right:26px; color : #ffffff; cursor:pointer; top:11px }
.q_fsmblockcontainer_deletebtn-flat { display: none ; cursor: pointer;margin: 12px 12px 0px 0px ; font-size: 15px }
.flat-design .q_fsmblockcontainer_deletebtn-flat { display: block }
.flat-design .q_fsmblockcontainer_deletebtn { display: none }
.flat-design .q_fsmblockcontainer_delete { height: 0px }


/*.q_fsm_wait { width : 200px ; background-color : #FFF ; text-align : center ; color : #003FB4; font-size:15px; padding:30px; background-image: url(https://core0.quomodo.com/images/q_fsm_wait.jpg); background-position:50% 50%; background-repeat:repeat-x;} 
.q_fsm_wait div { padding-top : 10px }*/

.q_fsm_wait { width: 240px; margin: 10px auto; padding: 40px 20px 20px 20px; font-size: 14px; color: #333; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); }
.q_fsm_wait_spinner { display: inline-block; height: 20px; width: 20px; background:url(https://core2.quomodo.com/images/spinner.gif) no-repeat }
.q_fsm_wait_text { margin : 20px 0; font-size: 14px }

.q_fsmblockcontainer_content .form .label { padding-bottom: 0.5em }
.q_fsmblockcontainer_content .form .qlub_input_btn, .q_fsmblockcontainer_content .form input, .q_fsmblockcontainer_content .form textarea { width: 100% ; border : solid 1px #ddd; box-sizing:border-box; padding: 10px; font-family: Lato, sans-serif; font-size:14px; resize:none }
.q_fsmblockcontainer_content .form .qlub_input_btn { cursor : pointer; width: auto; border-color: #1479fc; color: #1479fc; display:inline-block }
.q_fsmblockcontainer_content .form .qlub_input_btn:hover { background-color : #F3F3F3 ; }
.q_fsmblockcontainer_content .form .redstar { color: #d20600 }
.q_fsmblockcontainer_content .form .watermark_container { width : 100% }
.q_fsmblockcontainer_content .form td { padding: 4px 8px }

.q_fsmblockcontainer_content .watermark { font-weight : 300 }

.q_fsmblockcontainer_content{ color : #333; font-size:14px; padding:21px; font-family : Lato, sans-serif; }

.q_fsm_alert{ background-color : #FFF ; color : #333; font-size:13px; width : 300px; }
.q_alert_warning{ background-image:url(https://core5.quomodo.com/images/warning_48.png);width: 48px; height:48px;}

.q_fsm_button { background-image:url(https://core4.quomodo.com/images/btn.png); _background-image:url(https://core4.quomodo.com/images/btn.gif); width:75px; height:21px; line-height:18px; cursor: pointer; }

.qlub_fsm_button { display: block; border-radius: 4px; text-decoration: none; border: 1px solid #1479FC; padding: 10px 0px; text-align: center; width: 150px; cursor: pointer; color: #FFF; background-color: #1479FC; margin: 0 auto}
.qlub_fsm_button:hover { background-color : #0067ED }
.qlub_fsm_contentblock { clear:both; margin-bottom : 12px; text-align:left }
.qlub_fsm_contentblock_title { width : 362px; float:left; clear:left }
.qlub_fsm_contentblock_date { width : 176px; float:right; clear:right }
.qlub_fsm_contentblock .qlub_nl_label { font-size : 12px; font-weight:bold }
.qlub_fsm_action { color : #1479FC; cursor:pointer }
.qlub_fsm_action:hover { text-decoration:none; color : #0067ED }
.qlub_fsm_action .font-q-i { margin-right : 6px }

.q_bubble { width:100% ; z-index:2000 ; display:none; margin-top: 5px }

.q_bubble_content{	
	width:300px;
	padding:15px;
	text-align:center;
	background-color:white;
	color:#000000;
	font-size:14px; 
	border: solid 1px #dddddd;
	border-radius : 4px ; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	font-family: 'Lato', sans-serif ;
	font-weight:bold;
	margin : 5px auto 0 auto ;
}

/* FILES LIST */
 
.qsn_filestable_filestable{ border-collapse : collapse;}
.qsn_filestable_filesdiv{ }
.qsn_filestable_titlesdiv{ border-width:0 0 0px 0; border-style:solid; font-weight:bold }
.qsn_filestablerow{ height : 20px;}
.qsn_filestablecell { line-height: 18px; padding-top:2px; padding-bottom:2px;}
.qsn_filestable_sort_up, .qsn_filestable_sort_down{ width : 10px; height : 10px; }
.qsn_filestable_sort_up{ background-image : url(https://core3.quomodo.com/images/triangles/triangle_up_1.png ); } 
.qsn_filestable_sort_down{ background-image : url(https://core2.quomodo.com/images/triangles/triangle_down_1.png ); } 
.qsn_filestableform{ font-size:11px; }
.qsn_filestableform input{ width : 90%; font-size:11px; font-family : Arial; border-style:solid; border-width: 1px;}
.qsn_filestable_sortitems { font-family: Arial, sans-serif ; }

/* QGUI */
/*.gui-value.gui-buttons { line-height: 2.2em }*/
.gui-value { cursor: pointer }
.gui-selectbutton .adminmenu { position: relative; left: 0px ; top: -2px }
.gui-selectbutton { display: inline-block ; vertical-align: middle ; line-height: 19px ; height: 19px ; margin-right: -1px ; padding: 4px 6px ; font-size: 13px ; border: 1px solid #d3d3d3; background: #e6e6e6 url(https://core3.quomodo.com/style/jquery/quomodo/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; cursor: pointer }
.gui-selectbutton.gui-over { border: 1px solid #999999; background: #bababa url(https://core2.quomodo.com/style/jquery/quomodo/images/ui-bg_highlight-soft_75_bababa_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.gui-selectbutton.gui-selected, .gui-selectbutton.gui-selected.gui-over { border: 1px solid #aaaaaa; background: #ffffff url(https://core1.quomodo.com/style/jquery/quomodo/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.gui-chooselist { padding: 0px 6px ; line-height: 19px ; height: 19px }
.gui-chooselist img, .gui-chooselist-icon { margin-right: 12px }
.gui-chooselist img { position: relative ; top: 3px ; left: 0px ; width: 16px ; height: 16px ; border: solid 1px #333 }

/* Q_BUTTON */

.q_button { cursor:pointer; font-family: Arial, sans-serif;}
.q_button_tr { height:29px; }
.q_button_td_icon, .q_button_td_content { background-image : url(https://core1.quomodo.com/images/q_button.png); }
.over .q_button_td_icon, .over .q_button_td_content { background-image : url(https://core0.quomodo.com/images/q_button_over.png); }

.q_button_td_icon { background-repeat:no-repeat; background-position : center left; font-weight : bold; font-size: 13px;}
.q_button_td_content { background-repeat:no-repeat; background-position : center right; font-weight : bold; font-size: 13px;}
.q_button_content { padding-right:10px; white-space : nowrap }

.q_toolbar_bg { background-image : url(https://core5.quomodo.com/images/q_toolbar_bkg.png); background-repeat : repeat-x; }
.q_toolbar { height : 24px;}
.q_toolbar .q_button_tr { height:20px; }
.q_toolbar .q_button_td_icon, .q_toolbar .q_button_td_content { background-image : url(https://core4.quomodo.com/images/q_toolbar_button.png); }
.q_toolbar .over .q_button_td_icon, .q_toolbar .over .q_button_td_content { background-image : url(https://core3.quomodo.com/images/q_toolbar_button_over.png); }

.q_toolbar .q_button_td_icon{ background-repeat:no-repeat; background-position : center left; font-weight : bold; font-size: 11px; color:#666;}
.q_toolbar .q_button_td_content{ background-repeat:no-repeat; background-position : center right; font-weight : bold; font-size: 11px; color:#666;}
.q_toolbar .q_button_content{ padding-right:2px;}

.q_prompt_response{ width:100%; border:solid 1px #333; font-size:12px;}

/* CONTAINER et RPD */

.qlubcontainer_secorner{ position:absolute; bottom: 1px; right: 1px; width:13px; height:13px; background-image: url(https://core2.quomodo.com/images/qlubcontainer_secorner.gif); z-index:10000; cursor:nwse-resize; display:none}
.qlubcontainer_verticalhandle { display : none }

.qlubcontainer_noteheader { position : relative ; width: 100% ; top : 0px ; left : 0px ; z-index : 1; table-layout : fixed }
.qlubcontainer_headerbckg { position: relative ; top : 0px ; left : 0px ; margin-top: 0px; cursor: move; border-width: 1px; padding-right: 0px }
.qsnalign.qlubcontainer_headerbckg { padding-left: 10px }
.withicon .qsncenter.qlubcontainer_headerbckg { padding-right: 46px }

textarea.qlubcontainer_headertext { line-height: 24px; font-size : 14px ; margin:0; padding: 4px ; width : 100% ; border : solid 1px #000; box-sizing : border-box; -moz-box-sizing : border-box; }
textarea.qlubcontainer_headertext { background-color: transparent }
.headericon-in { font-weight : normal }
.headericon-in, .headertext-inner { display: table-cell; vertical-align:middle }
h3.qlubcontainer_headertext, div.qlubcontainer_headertext { line-height: 24px; font-size: 14px; font-weight: bold; margin:0;padding:0; }
.qlubcontainer_noteheader h1, .qlubcontainer_noteheader h2, .qlubcontainer_noteheader h3, .qlubcontainer_noteheader .header-container { margin:0;padding:0; }
.qlubcontainer_noteheader h3 div.qlubcontainer_headertext, .qlubcontainer_noteheader .header-container div.qlubcontainer_headertext { margin: 0px ; border: none  ; border-width: 0px }
.qlubcontainer_noteheader h3 div.hr, .qlubcontainer_noteheader .header-container div.hr { padding: 0 ; margin: 0 ; line-height: 0 ; border-style: solid ; border-width: 1px ; display: none }

.stickynote h1, .stickynote h2, .stickynote h3, .stickynote h4, .stickynote h5, .stickynote p { margin: 0px ; padding: 0px }
.stickynote h1.headertext-inner, .stickynote h2.headertext-inner, .stickynote h3.headertext-inner, .stickynote h4.headertext-inner, .stickynote h5.headertext-inner { font-size: inherit ; font-weight: inherit ; font-style: inherit }

.clubbordercolorstandard.isdark { border-color: #CCC #CCC #AAA #CCC }
.clubbordercolorstandard.isclear { border-color: #AAA #AAA #777 #AAA }

.qlubcontainer_headermeasure{ line-height: 24px; font-size: 14px; font-weight: bold; }
.qlubcontainer_signature{ visibility : visible ; font-size: 11px; line-height: 20px; text-align: right;}
.qlubcontainer_signaturetext{width:98%; border-style:solid; border-width:1px;height:20px;line-height:20px; font-size:11px; text-align:right;}
.qlubcontainer_downarrow { position: absolute; width: 100%; line-height: 0; margin: 0; padding: 0; cursor: s-resize; }
.qlubcontainer_downarrow div { margin: 0 11px; height: 15px; line-height: 0; text-align: center; cursor: s-resize; overflow: hidden }

.qlubcontainer_content { padding: 0px }

.note a { font-size : inherit; font-family: inherit; color : inherit; font-weight: inherit }
.note a.font-q-sn-banner:hover { text-decoration:none }
.vstretch { overflow: auto }

.notewrap { position: relative }
.notebackground { position: absolute; width:100%; height:100% }
.note_maskselect { display : none ; position: absolute; z-index : 10; width : 100%; height : 100% } 

.nohyphens { -webkit-hyphens : none; -moz-hyphens: none; -ms-hyphens : none; -o-hyphens: none ; hyphens : none }

.header-container .icon-ruban { display : none }
.qlubcontainer_headertext { display :inline-block }

.rpd-list hr { border: 0 }

/* Q_LINK LEFTCOL */
.link_type_elem, .link_value_elem { padding-left : 12px }
.link_value_elem { font-weight: bold }

/* Q_UPLOADS */
.q_uploads_fileslist_container { border-collapse: collapse; width : 100%; max-height:250px; overflow:auto; }

.q_uploads_imgs_container { height : 322px; overflow:auto; border-style:solid; border-width:1px; margin:0px; padding:0px;}
.q_uploads_imgs_buttons { border-width: 0 1px 1px 1px;border-style :solid; height:28px;}
.q_uploads_imgs_buttons select{ font-size:10px; line-height:10px;margin:0px;padding:0px;}

.q_uploads_imgs_container { border : 1px solid #d3d3d3; padding: 5px }
.q_uploads_imgs_container li { position:relative; list-style: none outside; float: left; margin: 5px; height: 50px; text-align: center; padding: 2px; cursor: pointer; border: dotted 1px #d3d3d3; }
.q_uploads_imgs_container li:hover { border : 1px dotted #1479fc }
.q_uploads_imgs_container li:hover .view_action { display:block }
.q_uploads_imgs_container li.qu_selected { border : 1px solid #1479fc }
.q_uploads_imgs_container li .view_action { color : #1479fc; position: absolute; top : 0px; left: 0px; display:none; font-size:14px; font-weight:bold; padding: 2px; background : rgba( 255,255,255,0.6 ) }


.q_uploads_imgs_container li img {
	vertical-align: middle;
	max-height : 50px;
	max-width : 655px;
}

/* Q_EVENTS */

.q_eventhtml_title{ text-align:right; font-weight:bold; color:#000; }
.q_event_title, .q_event_toggle{ font-size:14px;font-weight:normal; }
.q_event_content{ padding-left:25px;} 

.q_events_openselect_table{ padding:10px; width:500px;}
.q_events_openselect_table th{ font-weight:bold; text-align:left; border-bottom:solid 1px #333;}
.q_events_openselect_table td{ text-align:left;}

.q_eventform_mandatory{ color:red;}
.q_eventform_title{ font-weight:bold; text-align:right;}
.q_eventform{ font-size: 12px; font-family : Arial; color:#333;}
.q_eventform input{ width: 100%; height:18px; font-size:13px; border : solid 1px #444; }
.q_eventform textarea{ width: 100%; font-size:13px; border : solid 1px #444; height:50px; }
.q_eventform select{ width: 100%; font-size:13px; border : solid 1px #444;}
.q_eventform_cal_display{ cursor:pointer; font-size:13px; line-height:18px; border: solid 1px #333; text-align:left;}
.q_eventform_color{ width:20px; height:20px; border:solid 1px #333; }
.q_eventform_date { width: 70px ; height: 14px; font-family: Arial,Helvetica,sans-serif ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 14px; border: solid 1px ; margin: 2px 0px ; padding: 1px ; cursor: pointer ; text-align: center ; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.q_events_selectors_td { text-align: center ; }
.q_events_select_period { width: 200px; }
.q_events_select ul { text-align: left ; margin-left: 28px ; padding-left: 0px }
.q_events_search_date { text-align: left; margin-left: 28px; margin-bottom: 10px; }
.q_events_modif_date { margin-left: 10px; }
.q_events_selectors { width: 520px; }

/* Q_SITEMAP (clubmap.html) */

.q_sitemap { padding : 0 120px }
.q_sitemap ul{ list-style-type: none; margin:0; padding: 0} 
.q_sitemap .q_sitemap_menu ul { padding-left : 30px }
.q_sitemap ul li { list-style-type: none; margin: 0; padding: 0 }
.q_sitemap > ul > li { margin-bottom : 10px }

/* Q_PRINT */

.q_printthis_div{ font-size: 15px; font-family : Arial, Verdana, Helvetica; padding : 20px; color : #333; margin: 20px; }
.q_printthis_div h1{ font-size: 30px; color : #000; font-weight: bold; padding : 0; margin : 0; }
.q_printthis_div h3{ font-size : 18px; font-weight: bold; padding: 15px 0px; margin: 0; }
.q_printthis_div h6{ font-size: 12px; color : #888; font-weight: normal; font-style:italic; padding : 0 0 20px 0; margin : 0; }
.q_printthis_sign{ padding: 0 20px; font-size:11px; color: #333;}
.q_printthis_header{ padding: 0 20px; font-size:11px; color: #333;}

/* Q_SEARCH */
input#searchtextout { width : 100%; -moz-box-sizing : border-box; box-sizing : border-box }
.searchout_back { text-align : right }
.searchout_back .back_icon { color : #888; margin-right : 6px }
.searchout_btn { position : absolute; right : 10px; top: 3px; cursor : pointer; color : #666666; font-weight :bold; font-size : 20px; padding: 10px 0px }
.searchout_btn:hover { color : #000 } 
 
/* Q_MAIL */

.q_mailthis_div{ padding : 10px; width : 400px; }
.q_mailthis_div input{ width : 100%; border : solid 1px #777; font-size:13px; height : 20px;  }
.q_mailthis_div textarea{ width : 100%; border : solid 1px #777; font-size:13px; height : 80px;  }

/* Q_CHOOSELIST */
.q_chooselist_icon { width : 16px; height: 16px; border : solid 1px #333; }

/* HORIZONTAL SELECT */
.q_horizontalselect_table { position: relative ; top: 0px ; left: 0px }

/* FORMS */
.formtemplate1 tr.formtitle td { font-weight: bold ; font-size: 16px ; padding-top: 6px }
.formtemplate1 tr.formtitle:first-child td { padding-top: 0px }
.formtemplate1 input { font-size: 12px }
.formtemplate1 .label { padding-right: 4px }

/* DUPLICATE */

/* SELECT A NOTE */

.note_borderselection { position:absolute; top:-1px; left:-1px; width:100%; height:100%; display:none; border-width: 1px ; border-style: dotted; color : #1479fc; text-align:center; font-size : 20px; font-family : Lato }
.show-writeonly .note_borderselection { border: solid 3px white !important ; padding: 2px ; left: -5px ; top: -5px }
.show-writeonly .note_borderselection div { border: dotted 3px #C82619 !important ; position: absolute ; width: 100% ; height: 100% ; left: -3px ; top: -3px}

body.onpageselection .note_borderselection { top:-5px; left:-5px; border-width: 2px ; padding: 3px }

body.viewmode.snchooser .note_borderselection { display:block; border-style: none; border-width : 2px; top : -2px; left:-2px }
body.viewmode.snchooser .add_samplenotes { padding : 10px; border-radius : 5px ; background-color : #1479fc; display : none ; margin : 0 auto; position:absolute; color : #ffffff }
body.viewmode.snchooser .sn_selected .note_borderselection { border-width: 3px ; border-style: solid }

.qsn_selecting.qsn_selected .note_borderselection { display :block; border : 1px dashed }
body.onpageselection .qsn_selecting .note_borderselection { cursor: pointer ; color: #C82619 }
body.onpageselection .qsn_selecting.qsn_selected .note_borderselection { display :block; border : 2px solid ; background-color: rgba(255, 255, 255, 0.85) }
body.onpageselection .qsn_selecting.qsn_selected .validate_wrapper { display: inline-block ; padding : 8px 10px; border-radius : 5px ; background-color : #C82619 ; margin : 0 auto ; color : #ffffff ; cursor: pointer }
body.onpageselection .qsn_selecting.qsn_selected .cancel { display: inline-block ; cursor: pointer ; margin-top: 8px ; font-size: 12px }
body.onpageselection .qsn_selecting .selection_wrapper { position: relative ; font-size: 14px ; text-align: center ; display: none }
body.onpageselection .qsn_selecting.qsn_selected .selection_wrapper { display: block }

#q_leftcol .selectnote { color: #212121; border: 1px solid #AAAAAA; background-color:#FFFFFF; font-weight: normal; font-size: 1.1em; padding: 3px; }
#q_leftcol .selectnote .leftcoltext { background-color: #EEEEEE; border: 1px solid #CCCCCC; margin: 6px 3px; padding: 4px; }
#q_leftcol .selectnote .leftcoltext .editblock { margin-left: auto; margin-right: auto; padding: 6px; }
#q_leftcol .selectnote a.q_leftcol_valid:link, #q_leftcol .selectnote a.q_leftcol_valid:visited, #q_leftcol .selectnote a.q_leftcol_valid:active { background-color: #D10000; border: 1px solid #5B5B5D; color: #EEEEEE; font-size: 14px; }
#q_leftcol .selectnote a.q_leftcol_valid:hover { background-color: #F40000; border: 1px solid #5B5B5D; color: #FFFFFF; font-size: 14px; }


/* SMARTPHONES */

/* font sizes render differently */
@media only screen and (max-device-width: 480px){
	body, div, p, a, li, td, span { -webkit-text-size-adjust: 100%; }
}

/* SKELETONS */

body.sk, body.sk.viewmode { width: 100% ; height: auto }
#sk-content { position: relative ; margin-top: 44px ; top:0; left: 0px ; z-index: 1 }
#sk-content .sk-menu { z-index : 100; position: absolute; top:0; left:0; width: 100% }
.sk-content-dup { width : 500px; margin: 0 auto; position:relative; }
body.viewmode #sk-content { top: 0px ; margin-top: 0px }
body.viewmode.snchooser { padding-top: 0px ; transform: scale(0.752) ; transform-origin: 0px 0px 0px ; -moz-transform: scale(0.752) ; -moz-transform-origin: 0px 0px 0px ; -ms-transform: scale(0.752) ; -ms-transform-origin: 0px 0px 0px ; -webkit-transform: scale(0.752) ; -webkit-transform-origin: 0px 0px 0px ; width: 133%; }
body.viewmode.snchooser #sk-content { margin-top: 0px }
body.viewmode.snchooser #sk-ad-top, body.viewmode.snchooser #sk-ad-right, body.viewmode.snchooser #sk-ad-bottom { display: none }

#qlub_adminleftcol_content .qlub_snchooser, #qlub_adminleftcol_content #qlub_addbannercontent { line-height : 100%; font-size : 48px; width : 100%; text-align : center; padding : 14px 0 }
#qlub_adminleftcol_content .qlub_snchooser .font-q-i, #qlub_adminleftcol_content #qlub_addbannercontent .font-q-i { color : #1479fc; font-size: 48px; }


.section-form-wrapper { position : absolute; top:0; left :0; width : 100%; height: 100%; color : #000000; background-color : rgba( 0,0,0,0.2 ) ; text-align: center; font-family : 'Lato'; z-index : 5 ; font-size: 14px ; color : #1479fc }
.section-form-wrapper > .section-form { display: inline-block ; padding: 5px 10px ; background-color : #FFF ; border-radius:4px }
.section-form-wrapper > .section-form a.action { color : #1479fc }

.stuff-content { width : 990px ; margin: auto ; position: relative ; top: 0px ; left: 0px ; z-index: 1; box-sizing:border-box }
.empty-stuff { height : 145px }
.sk-sec.node-empty { display: none !important }

.emptysection { position : absolute; top:0; margin-top:20px; left :0; width : 100%; height: auto; color : #000000; text-align: center; font-family : 'Lato'; z-index : 1 }
.emptysection .msg > span, .emptysection .qlub_palette_btn { padding: 3px; background : rgba( 255,255,255, 0.6 ); border-radius:4px ; display: inline-block ; line-height: 20px }
.emptysection > div { margin : 0px ; padding: 6px 0px }
.emptysection > div.msg { padding-top: 0px }
.emptysection .qlub_snchooser span, .emptysection .qlub_addcontent span { line-height: 20px }
.emptysection .qlub_snchooser_sm { font-size:20px; color : #1479fc; vertical-align: top; cursor: pointer; margin-right : 6px }
.drag-over .mask-wrapper { opacity: 0.05 ; filter: alpha(opacity=5) }
/*
.mask-wrapper { position: absolute ; width: 100% ; height: 100% ; top: 0px ; left: 0px ; background-color:rgba( 255,255,255,0.6 );  z-index: 2 ; cursor: pointer; }
*/
.mask-wrapper { position: absolute ; width: 100% ; height: 100% ; top: 0px ; left: 0px ;  z-index: 2 ; cursor: pointer; }
.background-wrapper { position: absolute ; width: 100% ; height: 100% ; top: 0px ; left: 0px }
body.viewmode .mask-wrapper { display: none }
/*
.inactive .mask-wrapper, .active .active-wrapper { display: block }
.active .mask-wrapper, .inactive .active-wrapper { display : none }
*/
/*
.sk-over.inactive .active-wrapper, .active .active-wrapper { display: block }
*/
/*
.inactive .active-wrapper, .active .mask-wrapper, .inactive .mask-wrapper { display : none }
*/
/*
.active .mask-wrapper { display : none }
*/

.mask-wrapper { display : none }

/*
.sk-over.inactive .mask-wrapper { background-color : rgba(20,121,252,0.5) }
*/

.mask-border, .mask-border2, .active-border, .active-border2 { position: absolute; width:100%; height: 100%; left:0px; top:0px; box-sizing: border-box; -moz-box-sizing : border-box; }
.sk-over .mask-wrapper .mask-border, .sk-selected .mask-wrapper .mask-border, .active-wrapper .active-border { border : 1px solid transparent }
/*
.sk-over .mask-wrapper .mask-border2, .sk-selected .mask-wrapper .mask-border2 { border : 1px dashed #1479fc }
.active-wrapper .active-border2 { border : 1px dashed #d20600 }
.sk-over.inactive .active-wrapper .active-border2 { border : 1px dashed #1479fc }
*/
.sk-over .mask-wrapper .mask-border2, .sk-selected .mask-wrapper .mask-border2 { border : 2px solid #1479fc }
/*
.active-wrapper .active-border2 { border : 2px solid #1479fc }
*/
.sk-over .active-wrapper .active-border2 { border : 2px solid #1479fc }
.mask-border, .mask-border2, .active-border, .active-border2 { display: none }
/*
.sk-over .mask-border, .sk-over .mask-border2 { display: block }
*/
.sk-over .active-border, .sk-over .active-border2 { display: block }
.active .active-border, .active .active-border2 { display: block }

.sk-sec, .sk-wra { position: relative ; top: 0px ; left: 0px ; margin: auto }
.sk-sec.centered, .sk-wra.centered { width : 990px ; margin: auto }
#h-0 { z-index: 50 }
#h-1 { z-index: 51 }
#h-2 { z-index: 52 }
#h-3 { z-index: 53 }
#p-0, #p-1, #p-2, #p-3, #p-4 { z-index: 1 }
.background-image-offset { position: absolute ; width: 100% ; height: 100% ; top: 0px ; left: 0px }
.background-image-offset .sk-centered { position : relative; width : 100%; height: 100%; margin : auto; overflow: hidden }
.background-image-offset .offset-slider, .background-image-offset .offset-sliders { position : absolute ; left : 0px ; top : 0 ; width : 100% ; height : 100% }
.background-image-offset .offset { position: relative ; height: 100% ; width: 100%; top: 0px ; left: 0px ; margin: auto }
.background-image-offset .offset .image, .background-image-offset .offset .image2, .background-image-offset .offset .image3 { position: absolute ; width: 100% ; height: 100% ; background-repeat: no-repeat }
.background-image-offset .mask, .background-image-offset .alt-mask { position: absolute ; width: 100% ; height: 100% ; top: 0px ; left: 0px }
.background-image-offset .alt-mask { display: none }

body.viewmode #sk-ad-top, body.viewmode #sk-ad-right, body.viewmode #sk-ad-bottom, body.editmode #sk-ad-top, body.editmode #sk-ad-right, body.editmode #sk-ad-bottom { z-index : 49 }
body.editmode #sk-ad-top { height: auto !important }
body.viewmode #sk-ad-right.sk-wra, body.editmode #sk-ad-right.sk-wra { left: auto ; right: -20px ; width: 0px !important; height: 0px ; position: absolute; }
body.viewmode #sk-ad-right-wrapper { margin: auto ; position: relative }
body.viewmode #sk-ad-top.noad, body.editmode #sk-ad-top.noad { padding: 0px ; height: 0px }
body.viewmode #sk-ad-top.noad.sk-preserve-padding, body.editmode #sk-ad-top.noad.sk-preserve-padding { padding-top: 8px ; padding-bottom: 0px }
body.viewmode #sk-ad-quomodo, body.editmode #sk-ad-quomodo { padding-top: 8px ; padding-bottom: 8px }
body.viewmode #sk-ad-quomodo-stuff, body.editmode #sk-ad-quomodo-stuff { width: 990px ; margin: auto ; position: relative }
body.viewmode #sk-ad-quomodo .quomodo-ad, body.editmode #sk-ad-quomodo .quomodo-ad { font-family: 'Lato', sans-serif; text-align:center }
#template_sn_banner, #menu_template { display : none }


/* importé de style-1.0.css de _common/flat */

.icon-input .line-height { display: inline-block ; visibility: hidden ; width: 0px }
.icon-input .icon { vertical-align: baseline }
/*
.checkboxlist div.listitem { cursor: pointer ; white-space: nowrap ; padding: 11px 21px 11px 0px ; margin-left: 21px ; border-bottom: solid 1px #DDD }
.checkboxlist div.min-width { font-size: 0px ; height: 0px ; line-height: 0px ; visibility: hidden ; margin: 0px ; padding: 0px ; margin-left: 21px ; padding-right: 21px }
.checkboxlist div.listitem.last { border-bottom: none }
.checkboxlist div.listitem.full-width { padding-left: 21px ; margin-left: 0px }
.checkboxlist input { display: none }
.checkboxlist span.label { padding-right: 21px }
.checkboxlist span.icon-input { float: right }
*/
#template_pages { position : relative }
#template_pages span { color : #888; font-size : 14px; vertical-align : middle; cursor : pointer; line-height: 14px; margin-right : 6px }
#template_pages span:hover { color : #1479fc }
#template_pages .page_numbers_input { position : absolute; left : 13px; top : -3px }
#template_pages #page_number { width : 30px; text-align:center; padding:2px; font-size:12px; color : #000; border:1px solid #888 }

.icon.text { display: none }
label.label-text { color: #C8C8C8 ; cursor: pointer ; font-weight: normal ; font-size: 14px }
label.label-text.checked { color: #1479FC ; cursor: default ; font-weight: bold }
.flat-design label.error { font-size: 13px; color: #d20600; padding-top: 5px; display: block; }

.flat-design .label-text.checked {  color: #1479FC; font-weight: bold; }
.flat-design label { white-space: nowrap ; cursor : pointer }

.flat-design .group-title { font-weight: bold; background : #f5f5f5 }

.flat-design .checkbox-container { position: relative; cursor : pointer }
.flat-design .checkbox-container .icon-checkable, .flat-design .checkbox-container .icon.cb2.checked, .flat-design .checkbox-container .icon-input.cb2.checked .icon, .flat-design .checkbox-container .icon span.cb2.checked { left : -30px }

/* BEGIN flat-design sprite */

.flat-design .icon { font-family: 'q-i'; color: #1479FC; z-index : 1 }
.flat-design .icon.warning { padding-left: 12px ; font-size: 20px ; position: relative ; top: 2px ; cursor: pointer }
.flat-design .radio.cb.checked .icon, .flat-design .icon-input.cb.checked .icon { display:inline-block; font-size: 18px }
.flat-design .radio.cb .icon, .flat-design .icon-input.cb .icon { display: none; }

.flat-design .icon.cb2.checked, .flat-design .icon-input.cb2.checked .icon, .flat-design .icon span.cb2.checked { font-size:18px; width:18px; height:18px; display:block ; position : absolute; top:0; left:0  }
.icon-checkable { font-size:18px; width:18px; height:18px; display:block ; font-family: 'q-i'; color: #ddd ; position : absolute; top:0; left:0 }

.flat-design .icon.cb3.checked, .flat-design .icon-input.cb3.checked .icon, .flat-design .icon span.cb3.checked { width:19px; height:16px; background-position : -16px -32px }
.flat-design .icon.cb4.checked, .flat-design .icon-input.cb4.checked .icon, .flat-design .icon span.cb4.checked { width:19px; height:16px; background-position : -16px -48px }
.flat-design .icon.cb2, .flat-design .icon-input.cb2 .icon, .flat-design .icon span.cb2 { display:none; }
.flat-design .icon.cb3, .flat-design .icon-input.cb3 .icon, .flat-design .icon span.cb3 { width:19px; height:16px; background-position : -36px -32px }
.flat-design .icon.cb4, .flat-design .icon-input.cb4 .icon, .flat-design .icon span.cb4 { width:19px; height:16px; background-position : -36px -48px }

#theme_mod { color : #888; font-weight : 300 }
#theme_mod span:hover { color : #1479fc }

/* END flat-design sprite */

/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2022-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-play { position: absolute; z-index: 11; top : 0; width:100%; left:0; height: 100% ; cursor: pointer ; background-color: rgba(0,0,0,0.5) ; background-repeat: no-repeat; background-position: center center ; background-image: url('/images/swiper/white-play-100.png') }

.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}


/* ===============================================================
Pagination Styles
================================================================*/
/* Pagination Styles */
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; bottom : 0; width:100%; left:0; cursor: pointer }
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
/*  bottom: 10px; */
  bottom : 0px ;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  opacity: 0.2;
margin:0 5px ;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-button-prev, .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 14px;
	height: 22px;
	margin-top: -11px;
	z-index: 10;
	cursor: pointer;
	font-size:14px;
	opacity : 0.6 ;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
	opacity : 1 ;
}

.swiper-button-prev {
	position : absolute;
	left:0;
}

.swiper-button-next { 
	position : absolute ;
	right:0;
}

/* ===============================================================
scrollbar Styles
================================================================*/

.swiper-scrollbar {
	border-radius: 10px;
	position: absolute;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1);
	z-index: 50;
	width: 98%;
	left : 1% ;
	height: 5px;
	bottom : 0px ;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

/*! lightgallery - v1.2.15 - 2016-03-10
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
@font-face {
  font-family: 'lg';
  src: url("../style/fonts/lg/lg.eot?n1z373");
  src: url("../style/fonts/lg/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../style/fonts/lg/lg.woff?n1z373") format("woff"), url("../style/fonts/lg/lg.ttf?n1z373") format("truetype"), url("../style/fonts/lg/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1080;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
  -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
  -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
  transition: transform 250ms ease 0s, opacity 250ms !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -moz-transition: -moz-transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.group {
  zoom: 1;
}

.group:before, .group:after {
  display: table;
  content: "";
  line-height: 0;
}

.group:after {
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; padding-top:47px; }
.lg-outer .lg-item {
  background: url("/images/spinner.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: static;
  padding: 0 5px;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/* responsive */
.viewmode.responsive .responsive_overflow-wrapper.overflow { overflow-x: visible }
@media screen and ( max-width:1007px ) {
	.viewmode.responsive .responsive_overflow-wrapper.overflow { overflow-x: auto }
}
.ghost_row_md { display : table-row }
.ghost_row_sm { display : none }
.ghost_row_lg { display : none }
.sk-sec-xs, .sk-sec-xse, .sk-sec-sm, .sk-sec-sme, .sk-sec-lg { display : none }
.sk-sec-md .note { position : absolute ! important }
#h-0-xs #xs_pushmenu, #h-1-xs #xs_pushmenu, #h-0-sm #xs_pushmenu, #h-1-sm #xs_pushmenu { display : none }
#xs_pushmenu { position:fixed; width : 270px; height:100%; left:-270px; background-color:#f2f2f2; overflow: hidden }
#xs_pushmenu_wrapper { position:relative; width : 270px; height:100%; left:0px; top: 0px; overflow: hidden; }
#xs_pushmenu ul.qlub_menu_content li { position : static; font-size: 14px; color : #4d4d4d; border-bottom: 1px solid #e0e0e0; padding: 0 }
#xs_pushmenu ul.qlub_menu_content li a, #xs_pushmenu ul.qlub_menu_content li span.menuname { color : #4d4d4d; padding: 15px 12px; display: inline-block; width:100%; box-sizing:border-box }
#xs_pushmenu ul.qlub_menu_content li span { padding: 15px 0; }
#xs_pushmenu ul.qlub_menu_content li[rel="paneback"], #xs_pushmenu ul.qlub_menu_content li[rel="paneclose"] { background-color: #e0e0e0; text-align:center }
#xs_pushmenu ul.qlub_menu_content {
	width : 270px;
	height:100%;
	position: fixed;
	overflow-x:hidden;
	overflow-y:auto;
	background: #f2f2f2;
	margin-top:0;
	top:0;
	left:270px;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	transition: left 0.5s;
	z-index:1;
}
#xs_pushmenu #xs_pushmenu_wrapper ul.qlub_menu_content { position: absolute }
#xs_pushmenu ul.qlub_menu_content.currentpane {
	left : 0 ;
	box-shadow : -5px 0px 6px rgba(0,0,0,0.1);
	display:block;
}
#sk-content_closemenu { position:absolute; left:270px ; top:0; width: 100% ; height:100%; z-index:100 }

#searchout_table .result_xs { display:none; }

#disq_table_content { width: 880px }

.responsive_overflow-resize { position: static !important }

@media screen and ( max-width:767px ) {
	.viewmode.responsive .sk-sec-rwd, .viewmode.responsive .sk-wra, .viewmode.responsive .sk-content, .viewmode.responsive .sk-sec-rwd .stuff-content, .viewmode.responsive .sk-sec-rwd .stuff-table { width : 100% !important; box-sizing : border-box }
	.viewmode.responsive .sk-sec-xse, .viewmode.responsive .sk-sec-xse .stuff-content, .viewmode.responsive .sk-sec-xse .stuff-table { padding-left: 15px ; padding-right: 15px ; width : 100% !important; box-sizing : border-box }
	.viewmode.responsive .sk-sec-xse .stuff-content, .viewmode.responsive .sk-sec-xse .stuff-table { padding-left: 0px ; padding-right: 0px }
	.viewmode.responsive .sk-sec-rwd .stuff-content.sk-xs-force-padding-top, .viewmode.responsive .sk-sec-xse .stuff-content.sk-xs-force-padding-top { padding-top: 15px !important }
	.viewmode.responsive .sk-sec-rwd .stuff-content.sk-xs-force-padding-bottom, .viewmode.responsive .sk-sec-xse .stuff-content.sk-xs-force-padding-bottom { padding-bottom: 15px !important }
	.viewmode.responsive .sk-sec-rwd .stuff-content, .viewmode.responsive .sk-sec-rwd.alt_mask { height : auto !important; max-height:initial }
	.viewmode.responsive #ph-0.sk-sec-rwd, .viewmode.responsive #ph-1.sk-sec-rwd, .viewmode.responsive #ph-2.sk-sec-rwd { height : auto !important }
	.viewmode.responsive #ph-0.sk-slider-rwd, .viewmode.responsive #ph-1.sk-slider-rwd, .viewmode.responsive #ph-2.sk-slider-rwd { padding-bottom: 50px !important }
	.viewmode.responsive .sk-sec-rwd.sk-sec-h .stuff-content { height : inherit !important }
	.viewmode.responsive #sk-ad-top, .viewmode.responsive #sk-ad-bottom { box-sizing : initial }
	.viewmode.responsive .sk-sec-rwd { display : block; }
	.viewmode.responsive .sk-sec-rwd .stuff-table, .viewmode.responsive .sk-sec-rwd .stuff-table > tbody { width : 100% !important; display : block; box-sizing: border-box}
	/*.viewmode.responsive .sk-sec-rwd .stuff-table { padding-left : 15px; padding-right : 15px }*/
	.viewmode.responsive .sk-sec-rwd .stuff-table > tbody > tr, .viewmode.responsive .sk-sec-rwd td.q_table { display : block; width : 100% !important; box-sizing : border-box }

	.viewmode.responsive .sk-sec-rwd.alt_mask .background-image-offset .mask { display: none }
	.viewmode.responsive .sk-sec-rwd.alt_mask .background-image-offset .alt-mask { display: block }

	.viewmode.responsive .sk-sec-rwd .maincontainerdiv, .viewmode.responsive .sk-sec-rwd .responsive_overflow-resize { width : 100% !important; box-sizing : border-box; display:inline-block ; margin: 0 !important }
	/* ATTENTION : on ne met plus height auto, c'est uniquement pour les notes associées et c'est maintenant géré note par note pour permettre l'affichage des associations étroites
	*/
	/* ATTENTION : si on met le hidden, les bandeaux ruban ne fonctionnent plus = le retour en dehors de la note est masqué
	.viewmode.responsive .sk-sec-rwd .maincontainerdiv { overflow:hidden }
	*/
	.viewmode.responsive #sk-content .sk-sec-rwd .note, .viewmode.responsive #sk-content .sk-sec-rwd .richtarget_note { width : 100% !important; box-sizing : border-box; position:static !important; }
	.viewmode.responsive #sk-content .sk-sec-rwd .note { padding : 15px }
	.viewmode.responsive #sk-content .sk-sec-xs .note { width : auto !important; position: absolute !important; padding: inherit !important }
	.viewmode.responsive .sk-sec-xs, .viewmode.responsive .sk-sec-xse { display : block }
	.viewmode.responsive .sk-sec-sm, .viewmode.responsive .sk-sec-sme, .viewmode.responsive .sk-sec-md, .viewmode.responsive .sk-sec-lg { display : none !important }
	.viewmode.responsive #sk-ad-right { display : none }
	.viewmode.responsive .sk-sec-rwd .header-container { white-space : normal !important }
	.viewmode.responsive .sk-sec-rwd .ghost_row_sm, .viewmode.responsive .sk-sec-rwd .ghost_row_md { display : none }
	.viewmode.responsive .sk-wra > table, .viewmode.responsive .sk-wra > table > tbody, .viewmode.responsive .sk-wra > table > tbody > tr { display : block }
	.viewmode.responsive #sk-ad-quomodo-stuff { width: 100% }
	body.viewmode.responsive { overflow-x: hidden }
	body.responsive .flat-design td.header, .flat-design td.footer { white-space : normal }
	body.responsive #jesuischarlie { display : none }
	body.responsive #qlub_topads, body.responsive #qlub_bottomads { width : 100% !important; overflow:hidden }
	body.responsive #qlub_topads > tbody > tr > td, body.responsive #qlub_bottomads > tbody > tr > td { display: block }
	body.responsive #qlub_topads-gpt, body.responsive #qlub_bottomads-gpt { width: 100% !important ; height: auto !important }

	.viewmode.responsive .q_fsmblockcontainer_delete_closeonly.q_fsmblockcontainer_delete { height : 36px }
	.viewmode.responsive .q_fsmblockcontainer_delete_closeonly .q_fsmblockcontainer_deletebtn{ width:19px; height:19px; font-size:19px; position: absolute; right:0; top: 11px }
	.viewmode.responsive .q_fsmblockcontainer_delete_closeonly .q_fsmblockcontainer_deletebtn_txt { display:block; }
	.viewmode.responsive #h-0-xs-stuff-table, .viewmode.responsive #h-1-xs-stuff-table { display : none }
	.viewmode.responsive .q_bubble_content { width : 260px }
	
	.viewmode.responsive #p-0-stuff .popupcontainer .overflow { overflow-x : auto !important }
	.viewmode.responsive #p-0-stuff .popupcontainer .qiframe-wrapper { width : 990px !important; }
	
	/*------------- FORUM -------------*/
	body.responsive #disq_table_content { width: 100% }
	body.responsive #disq_table { width : 100% !important;  padding : 0 15px ! important; box-sizing: border-box ; display: block !important }
	body.responsive #disq_table > tbody, body.responsive #disq_table > tbody > tr, body.responsive #disq_table > tbody > tr > td { display: block !important }
	body.responsive #disq_table_content, body.responsive #disq_table_content > tbody, body.responsive #disq_table_content > tbody > tr, body.responsive #disq_table_content > tbody > tr > td, body.responsive #disq_table_content > tbody > tr > th { display: block !important }
	body.responsive #disq_table_content > tbody > tr.mhpdisq_note[hide="1"] { display: none !important }
	body.responsive #mhpdisq_title-id > th { text-align: left !important }
	body.responsive #mhpdisq_actions-id1 .mhpdisq_newforum, body.responsive #mhpdisq_actions-id1 .mhpdisq_reply, body.responsive #mhpdisq_actions-id2 .mhpdisq_newforum, body.responsive #mhpdisq_actions-id2 .mhpdisq_reply { width : 100%; text-align:center; box-sizing:border-box ; display: block ; float: none }
	body.responsive #mhpdisq_actions-id1 .mhpdisq_mhpdisqorderinfo { font-size : 12px; text-align : right; margin-top: 20px ; display: block }
	body.responsive #mhpdisq_actions-id2 .mhpdisq_mhpdisqorderinfo { font-size : 12px; text-align : right; margin-bottom: 20px ; display: block }
	body.responsive #mhpdisq_actions-id2 .mhpdisq_showmore { font-size : 12px; text-align : right; margin-bottom: 0px ; display: block }
	body.responsive #disq_table_content > tbody > tr > td.mhpdisq_info_member { width : 50px !important }
	body.responsive #disq_table.nopict #disq_table_content > tbody > tr > td.mhpdisq_info_member { display : none !important }
	body.responsive .disqsignature { display:inline; text-align:left }
	body.responsive .mhpdisq_lastmodif { display : inline ; text-align:left ; padding-left : 15px }
	body.responsive .disqpict { width : 32px !important; }
	body.responsive .disqpict img { width : 32px !important; height : 32px !important }
	body.responsive .mhpdisq_text, .mhpdisq_info_member { padding: 0px !important }
	body.responsive .mhpdisq_text .notetext { margin:0 }
	body.responsive .mhpdisq_text .mhpdisq_rightblock { width: 100% ; overflow-x: auto }
	body.responsive .mhpdisq_rightblock_edit .mhpdisq_noteimage { display : none }
	body.responsive .rpdp-pagetitle1 .note { padding : 30px 30px 0px 30px !important }
	
	/*------------- LOGIN -------------*/
	.viewmode.responsive .club_login_container { padding : 0 30px }
	.viewmode.responsive .club_login_return_container { text-align:left }
	.viewmode.responsive #club_login_logandsub > tbody > tr > td { padding-left:0 !important; padding-right:0 !important; }
	.viewmode.responsive #club_login_logandsub .rpd-button { width:100%; box-sizing:border-box }
	.viewmode.responsive #loginpage_subscribe_title { text-align:center; padding-top: 30px }
	
	/*------------- SEARCH -------------*/
	.viewmode.responsive #searchform2 > div { padding : 0 30px !important }
	body.responsive #searchout_table .result_xs { display:table-cell !important; }
	body.responsive #searchout_table .search_result td { display:none }
	
	/*------------- STICKY MENU ----------*/
	.viewmode.responsive #qlub_adminbar { display: none }
	body.viewmode.responsive { padding-top:0 !important }
	.viewmode.responsive .xs_logout > a { display: inline !important }
	.viewmode.responsive.webmode .xs_logout > a { display : none !important }
	.viewmode.responsive .hidden-xs { display: none !important }
	.viewmode.responsive table.xs-table > tbody > tr, .viewmode.responsive table.xs-table > tbody > tr > td { display: block }
	.viewmode.responsive .only-sm { display: none !important }
}

@media screen and ( min-width : 768px ) {
	.viewmode.responsive .only-xs { display: none !important }
}

@media screen and ( min-width : 768px ) and ( max-width:1007px ) {
	body.viewmode #sk-ad-right-wrapper { width: 750px }
	.viewmode.responsive .ghost_row_sm { display : table-row }
	.viewmode.responsive .ghost_row_md { display : none }

	.viewmode.responsive .sk-sec-rwd.alt_mask .background-image-offset .mask { display: none }
	.viewmode.responsive .sk-sec-rwd.alt_mask .background-image-offset .alt-mask { display: block }

	/* ATTENTION : si on met le hidden, les bandeaux ruban ne fonctionnent plus = le retour en dehors de la note est masqué
	.viewmode.responsive #sk-content .sk-sec-rwd .maincontainerdiv { overflow:hidden }
	*/
	.viewmode.responsive .sk-sec-rwd .stuff-content, .viewmode.responsive .sk-sec-xse .stuff-content, .viewmode.responsive .sk-sec-sme .stuff-content { width : 750px }
	.viewmode.responsive .sk-sec-rwd .stuff-content.sec-sm-grid { height : auto !important }
	.viewmode.responsive .sk-sec-rwd.sk-sec-h .stuff-content { height : inherit !important }
	.viewmode.responsive .sk-sec.alt_mask { height : auto !important; max-height : initial }
	.viewmode.responsive #sk-content .sk-sec-sm .note { display : table !important; width: auto !important; position : absolute !important; padding: inherit !important }	
	.viewmode.responsive .sk-sec-sm, .viewmode.responsive .sk-sec-sme { display : block; }
	.viewmode.responsive .sk-sec-xs, .viewmode.responsive .sk-sec-xse, .viewmode.responsive .sk-sec-md, .viewmode.responsive .sk-sec-lg { display : none !important }
	.viewmode.responsive #sk-ad-quomodo-stuff { width: 100% }
	body.viewmode.responsive { overflow-x : hidden }
	body.responsive #jesuischarlie { display : none }
	body.responsive #qlub_topads, body.responsive #qlub_bottomads { width : 100% !important; overflow:hidden }
	body.responsive .mhpdisq_text .notetext { margin:0 }
	body.responsive .mhpdisq_rightblock_edit .mhpdisq_noteimage { display : none }

	.viewmode.responsive #p-0-stuff .popupcontainer .overflow { overflow-x : auto !important }
	.viewmode.responsive #p-0-stuff .popupcontainer .qiframe-wrapper { width : 990px !important; }

	/*------------- FORUM -------------*/
	body.responsive #disq_table { width : 700px !important; }
	body.responsive #disq_table_content { width: 100% }
	
	/*------------- LOGIN -------------*/
	.viewmode.responsive .club_login_container { padding : 0 50px }
	
	/*------------- SEARCH -------------*/
	.viewmode.responsive #searchform2 > div { padding : 0 50px !important }
	.viewmode.responsive .hidden-sm { display: none !important }
}

@media screen and ( min-width:1008px ) {
	body.viewmode #sk-ad-right-wrapper { width: 990px }
	body.responsive #xs_pushmenu { left : -270px !important }
	body.responsive #sk-content, body.responsive > .sk-bw-bg, body > .sk-bw-mask { left : 0 !important }
	body.responsive .mhpdisq_palette { display : none !important }
	.viewmode.responsive .hidden-md { display: none !important }
	.viewmode.responsive .only-sm { display: none !important }
}

@media screen and ( min-width:1008px ) and ( max-width : 1199px ) {
	.viewmode.responsive .sk-sec-xs, .sk-sec-xse, .sk-sec-sm, .sk-sec-sme, .sk-sec-lg { display : none !important }
}

@media screen and ( max-width : 1007px ) {
	.viewmode.responsive .only-md { display: none !important }
}
@media screen and ( min-width : 1200px ) {
	.viewmode.responsive.lgresponsive #sk-ad-right-wrapper { width: 1180px }
	.viewmode.responsive.lgresponsive .ghost_row_lg { display : table-row }
	.viewmode.responsive.lgresponsive .ghost_row_md { display : none }
	.viewmode.responsive.lgresponsive #hk-banner-ghost-md { display : none }
	.viewmode.responsive.lgresponsive .sk-sec-lg { display : block; }
	.viewmode.responsive.lgresponsive .sk-sec-xs, .viewmode.responsive.lgresponsive .sk-sec-xse, .viewmode.responsive.lgresponsive .sk-sec-sm, .viewmode.responsive.lgresponsive .sk-sec-sme { display : none !important }
	.viewmode.responsive.lgresponsive.lg-custom-banner .sk-sec-md { display : none !important }
	.viewmode.responsive.lgresponsive .sk-sec-rwd .stuff-content, .viewmode.responsive.lgresponsive .sk-sec-md .stuff-content { width : 1180px }
}

.editmode .sk-sec-sm .stuff-content, .editmode .sk-sec-sme .stuff-content { width : 750px }
.editmode .sk-sec-xs .stuff-content, .editmode .sk-sec-xse .stuff-content { width : 290px }

.h-xs-center, .h-xs-center.responsive_overflow-resize { width: 100% !important ; position: relative !important ; height: 0px }
.h-xs-center > .note { margin: auto ; left: auto !important ; right: auto !important ; position: relative !important }
.h-xs-center-with-leftoffset, .h-xs-center-with-leftoffset.responsive_overflow-resize { width: 100% !important ; position: relative !important ; height: 0px }
.h-xs-center-with-leftoffset > .note { margin: auto ; right: auto !important ; position: relative !important }

.q-language-menu { position: relative }
.q-language-menu-active { padding: 4px ; display: inline-block ; cursor: pointer }
.q-language-menu.over .q-language-menu-active { border-radius: 4px ; background-color: rgba(255,255,255,0.3) }
.q-language-menu.open.over .q-language-menu-active { border-bottom-left-radius: 0px ; border-bottom-right-radius: 0px }
.q-language-menu-active img, .q-language-menu-active span { vertical-align: middle }
.q-language-menu-item img, .q-language-menu-item span { vertical-align: middle }
.q-language-menu-active img, .q-language-menu-item img { margin-right: 6px }
.q-language-menu .q-language-menu-items-wrapper { position: relative ; display: none }
.q-language-menu.open .q-language-menu-items-wrapper { display: block }
.q-language-menu .q-language-menu-items { position: absolute ; top: 0px ; left: 0px ; padding: 10px ; background-color: rgba(255,255,255,0.85) ; border-top: solid 1px #FFF ; border-radius: 6px ; border-top-left-radius: 0px ; border-top-right-radius: 0px }
.q-language-menu[dark="1"] .q-language-menu-items { background-color: rgba(0,0,0,0.85) }
.q-language-menu[dark="1"] .q-language-menu-items a { color: #FFF }
.q-language-menu .q-language-menu-item { white-space: nowrap ; cursor: pointer }
.q-language-menu[mode="text"] { width: 100px ; display: inline-block ; text-align: left }
.q-language-menu[mode="text"] .q-language-menu-active span.font-q-i { float: right ; padding-right: 6px }
.q-language-menu[mode="text"] .q-language-menu-active { width: 100% ; box-sizing: border-box ; padding-left: 10px }
.q-language-menu[mode="text"] .q-language-menu-items { width: 100% ; box-sizing: border-box ; left: auto ; right: 0px }
.q-language-menu[mode="text"] .q-language-menu-active .value { padding-right: 12px }
.q-language-menu[mode="flags"] .q-language-menu-items { top: 4px ; left: -4px }
@media screen and ( max-width : 1007px ) {
	.q-language-menu[mode="flags"] .q-language-menu-item .text { display: none }
}

.shop-slides-wrapper .shop-slide { display: none }
.shop-slides-wrapper .shop-slide:first-child { display: block }
.shop-tabs-wrapper { display: block ; width: 100% }
.shop-tabs-wrapper .shop-tab { display: inline-block ; padding: 10px ; cursor: pointer }

.resize-sensor, .resize-sensor * { -ms-overflow-style: none ; scrollbar-width: none }
.resize-sensor::-webkit-scrollbar, .resize-sensor *::-webkit-scrollbar {  display: none ; width: 0px }

.cart-manager-wrapper { position: relative }
.cart-manager-wrapper .cart-manager-ghost { position: absolute ; top: 0px ; right: 0px }
.cart-manager-wrapper .cart-manager { position: relative ; top: 0px ; border: solid 1px #AAA; padding: 0px ; background-color: #FFF ; min-width: 300px ; box-shadow : 0px 0px 10px rgba(0,0,0,0.10) }
.cart-manager-wrapper .cart-manager-title { padding: 5px 15px ; background-color: #DDD ; color: #333 ; text-align: center !important ; font-size: 12px !important }
.cart-manager-wrapper .cart-manager-products, .cart-manager-wrapper .cart-manager-emptycart, .cart-manager-wrapper .cart-manager-total { padding: 15px }
.cart-manager-wrapper .cart-manager-products > table { width: 100% }
.cart-manager-wrapper .cart-manager-products td { padding-top: 15px }
.cart-manager-wrapper .cart-manager-products td.item { padding-left: 15px }
.cart-manager-wrapper .cart-manager-products tr:first-child td { padding-top: 0px }
.cart-manager-wrapper .cart-manager-products td.image { width: 70px }
.cart-manager-wrapper .cart-manager-products .image div { background-size: cover ; width: 70px ; height: 70px ; cursor: pointer }
.cart-manager-wrapper .cart-manager-products .name-wrapper, .cart-manager-wrapper .cart-manager-products .controls-wrapper { position: relative }
.cart-manager-wrapper .cart-manager-products .name-wrapper { padding-bottom: 8px }
.cart-manager-wrapper .cart-manager-products .remove { position: absolute ; top: 0px ; right: 0px ; cursor: pointer }
.cart-manager-wrapper .cart-manager-products .name { padding-right: 30px  ; cursor: pointer }
.cart-manager-wrapper .cart-manager-products .quantity-wrapper { position: absolute ; top: 0px ; right: 0px }
.cart-manager-wrapper .cart-manager-products .quantity-wrapper .dec { cursor: pointer ; display: inline-block ; border: solid 1px #AAA ; background-color: #AAA ; color: #FFF ; width: 20px; height: 20px; text-align: center }
.cart-manager-wrapper .cart-manager-products .quantity-wrapper .inc { cursor: pointer ; display: inline-block ; border: solid 1px #AAA ; background-color: #AAA ; color: #FFF ; width: 20px; height: 20px; text-align: center }
.cart-manager-wrapper .cart-manager-products .quantity-wrapper .quantity { cursor: pointer ; display: inline-block ; border: solid 1px #AAA ; padding: 0px 6px ; margin-left: 6px ; margin-right: 6px ; text-align: center ; min-width: 3ex ; height: 20px }
.cart-manager-wrapper .cart-manager-products .quantity-warning { display: none ; font-weight: normal !important ; font-style: italic !important ; text-align: right ; color: #C82619 !important ; padding-top: 6px }
.cart-manager-wrapper .cart-manager-checkout { text-align: center ; padding: 15px }
.cart-manager-wrapper .cart-manager-checkout .rpd-button { margin: 0px !important }
.cart-manager-wrapper .cart-manager .without-products { display: none }
.cart-manager-wrapper .cart-manager.cart-empty .without-products { display: block }
.cart-manager-wrapper .cart-manager.cart-empty .with-products { display: none }
.cart-manager-wrapper .cart-manager .cart-manager-condition { display: none }

.shop-cart-quantity-container { position: relative }
.shop-cart-quantity-wrapper { position: absolute;top: 0px;right: 0px;width: 0px }
.shop-cart-quantity-wrapper .shop-cart-quantity { background-color: #000;border-radius: 9px;color: #FFF;min-width: 18px;text-align: center;font-size: 11px;line-height: 18px;position: relative ; left: 0px ; top: -8px ; padding: 0px 4px;box-sizing: border-box }

#shop-edit-noproducts { height: 400px ; background-image: url(/images/shop/noproducts-bg.png) ; background-repeat: repeat }
#shop-edit-noproducts .btn-wrapper { padding-top: 190px ; line-height: 20px ; text-align: center ; font-size: 16px ; font-family: Lato }
#shop-edit-noproducts .btn-wrapper a { color: #1479FC !important }

/* Q_LINK */

.q_link_content { font-size:10px; }
.q_link{ background-image:url('https://core1.quomodo.com/images/q_link.png?d=2018-12-12'); _background-image:url('https://core1.quomodo.com/images/q_link.gif?d=2018-12-12'); background-repeat:no-repeat; }
.q_link_content .q_link_none { width:35px; height:35px; background-position: 0px 0px; }
.q_link_content .q_link_none.over { width:35px; height:35px; background-position: 0px -35px; }
.q_link_content .q_link_webpage { width:35px; height:35px; background-position: -35px 0px; }
.q_link_content .q_link_webpage.over { width:35px; height:35px; background-position: -35px -35px; }
.q_link_content .q_link_sitepage { width:35px; height:35px; background-position: -70px 0px; }
.q_link_content .q_link_sitepage.over { width:35px; height:35px; background-position: -70px -35px; }
.q_link_content .q_link_pagenote { width:35px; height:35px; background-position: -105px 0px; }
.q_link_content .q_link_pagenote.over { width:35px; height:35px; background-position: -105px -35px; }
.q_link_content .q_link_file { width:35px; height:35px; background-position: -140px 0px; }
.q_link_content .q_link_file.over { width:35px; height:35px; background-position: -140px -35px; }
.q_link_content .q_link_mail { width:35px; height:35px; background-position: -175px 0px; }
.q_link_content .q_link_mail.over { width:35px; height:35px; background-position: -175px -35px; }
.q_link_content .q_link_js { width:35px; height:35px; background-position: -210px 0px; }
.q_link_content .q_link_js.over { width:35px; height:35px; background-position: -210px -35px; }
.q_link_content .q_link_popup { width:35px; height:35px; background-position: -245px 0px; }
.q_link_content .q_link_popup.over { width:35px; height:35px; background-position: -245px -35px; }
.q_link_content .q_link_special { width:35px; height:35px; background-position: -280px 0px; }
.q_link_content .q_link_special.over { width:35px; height:35px; background-position: -280px -35px; }
.q_link_content .q_link_ical { width:35px; height:35px; background-position: -315px 0px; }
.q_link_content .q_link_ical.over { width:35px; height:35px; background-position: -315px -35px; }
.q_link_content .q_link_shop { width:35px; height:35px; background-position: -350px 0px; }
.q_link_content .q_link_shop.over { width:35px; height:35px; background-position: -350px -35px; }


/* For IE for Windows \*/

* html .fixed {
	position: absolute; 
}

* html .png , .pngscale , .pngimage , .pngcrop { behavior: url( "/style/iefixpng.htc" ); }
* html .pngbtn , .pngbtnscale , .pngbtncrop , .pngbtnimage { behavior: url( "/style/iefixpngbtn.htc" ); }
* html .imgbg { top:-66px ; }

* html #q_leftcol { padding-top : 82px } 

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

* html #profilebuttons  { padding:0 ;margin:0 ; }

* 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 .scsquare { background : url('https://core4.quomodo.com/images/square6in9.png') left 3px no-repeat ; padding-left : 12px }

* html .on img { _background-image: url('https://core0.quomodo.com/images/ccircle6in9.gif') }
* html .off img { _background-image: url('https://core5.quomodo.com/images/circle6in9.gif') }

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


/* For IE7 for Windows \*/

*:first-child+html #q_leftcol { padding-top : 82px } 
*:first-child+html .scsquare { background : url('https://core4.quomodo.com/images/square6in9.png') left 3px no-repeat ; padding-left : 12px }



.qorg_note { background: #FFF ; line-height: 1.2em ; position: absolute ; width: 365px ; z-index: 1 ; border: solid 1px ; border-color: #DDD #DDD #AAA #DDD}

.qorg_header { background-color: #005081 ; color: white ; height: 23px ; position: relative ; margin-bottom: 3px }

.qorg_closebutton { position: absolute ; top: 2px ; right: 6px }
.qorg_title { position: absolute ; top: 4px ; left: 10px }
.qorg_maintable { background-color: #BFE3F9 ; width: 100% ; }

#members_list { width: 100px; border-right: solid 1px #DDD; white-space: nowrap; overflow: hidden; padding: 7px; background-color: #EEE; text-align: right ; color: #4A88AB}


.qorg_tooltip { padding: 2px 7px; color: #4A88AB; text-align: right; display: none }

.qorg_text { text-align: left; padding-left: 12px; padding-right:12px; padding-top: 4px; padding-bottom: 4px; background-color:#BFE3F9;  }

.qorg_rights_table {border: solid 1px #AAA; }

.qorg_bottombuttons { padding-top: 4px;padding-bottom: 3px; padding-left : 6px ; padding-right : 6px ; text-align: center; background-color:#BFE3F9; }

.qorg_table { background-color: #BFE3F9; border-top: solid 0px #DDD; border-bottom: solid 0px #AAA; color: #4A88AB; margin-bottom:4px; padding : 6px 0px; }

.qorg_div_memberslegal  { background-color: #FFF; border-top: solid 0px #DDD; border-bottom: solid 0px #AAA; color: #000; margin-bottom:10px; }

.qorg_optional { background-color: #C8C8C9;  padding: 5px 0px;}

/* tableau spacerights */
.qorg_sritem { text-align: right; padding: 0 12px; border-top: solid 1px #AAA; border-bottom: solid 1px #AAA; }
.qorg_srlib { width: 104px; background-color: #005081; color: #FFF; border-top: solid 1px #AAA; border-bottom: solid 1px #AAA; border-left: solid 1px #AAA; border-right: solid 1px #AAA; text-align: center}
.qorg_sremptyrow { width: 16px; border-top: solid 1px #AAA; border-bottom: solid 1px #AAA; }
.qorg_srult { width: 104px; background-color: #005081; color: #FFF; border-top: solid 1px #AAA; border-bottom: solid 1px #AAA; border-left: solid 1px #AAA; border-right: solid 1px #AAA; text-align: center}
.qorg_srbutton { width: 65px; text-align: center; padding: 7px 0px }

.qorg_profile_leftcol { padding: 4px 0.5em; width: 120px; text-align: right ; vertical-align: middle }
.qorg_profile_midcol { padding: 4px 0.5em; width: 150px; text-align: left ; color: #000 ; vertical-align: middle  }
.qorg_profile_rightcol { padding: 4px 0.5em 0.5em; text-align: right ; vertical-align: middle }


.qorg_rights_display_bundle { font-weight : bold ; background-color:#DBEC35; color:#4A88AB; padding:1px 2px;}
.qorg_rights_display_date { font-weight : normal ; font-style : normal ; background-color: #005081 ; color: white ; padding : 1px 2px }
.currspacerightname { font-weight: bold } 

/* uploads */
.qorg_info { background-color: #BFE3F9 ; text-align: left ; line-height: 3ex ; padding: 7px 11px }

.uploads_colselected { background-color: #FFF; }
.uploads_rowselected { background-color: #005081; color: #FFF }
.uploads_rowselected a { color: #AAA }
.uploads_rowselected .uploads_colselected { background-color: #005081 }
.managespace_spacesizeexceeded { color : #f00 }
.upload_table_td { border: solid 1px #AAA; white-space: nowrap; }

/* qu_uploads */
.qu_qorg_info, #qu_qorg_info { background-color: white ; text-align: center ; line-height: 3ex ; padding: 7px 11px ; font-size : 18px; color : #444 }

.qu_managespace_spacesizeexceeded { color : #f00 }
.qu_resize_thumb { margin:2px; padding:2px;cursor:pointer ; border:solid 1px #BBB;}
.qu_square { cursor:default;font-size:12px;font-weight:bold;margin:0;padding:0px 0 6px 0; }
#qu_resize_thumbs { clear : both ; margin:20px 5px 20px 5px; display:none; width: 650px ; height:75px ; text-align:center ; vertical-align:top; overflow-x:auto; overflow-y:hidden; border:solid 1px #555; white-space: nowrap;}

table#qu_block_resize table { padding-top:10px; }

#qu_availablespacewarning { display: none }
.qu_availablespaceredtext { color: red ; font-weight: bold }

.qu_button{ width:200px; height:20px; background-color:#EEE; border:solid 1px #999; vertical-align:middle; text-align:center;margin-top:5px; line-height:20px;}

#qu_choose_type{ width : 450px ; text-align:center;background-color:white; }

#qu_block_resize{padding-left:10px; padding-right:10px; text-align:center; background-color:white;}
.zoneimage { width: 300px ; height: 300px ;  position: relative ; top: 0px ; left: 0px }
#qu_zoomfactor{ width:138px; margin: 0 auto; }
#qu_resize_image{ position : relative ; width: 300px; height: 300px; overflow: hidden ;  background: url('https://core3.quomodo.com/images/transparent.jpg') top left repeat; border : 1px solid black; }
ul#ratios_radiobuttons { -webkit-padding-start: 0px; }
ul#ratios_radiobuttons input[type="radio"]:hover { cursor:pointer;}
ul#ratios_radiobuttons input[type="radio"] + label:hover { cursor:pointer;}
ul#ratios_radiobuttons { list-style-type:none; margin:0; }
#qu_noteimage { margin: 0; position: absolute ; width: 300px; top: 0px; left: 0px; cursor: move; }
#qu_img_name{ font-weight:bold;font-size:13px; }
#qu_btn_rotate{ text-align:center;width:100%; }

#qu_block_quomodo{ width : 800px ; text-align:center;background-color:white; }
#qu_uploads_title_select_album{ width: 200px; height:30px;border: solid 1px #777; font-size:12px; font-family:'Arial'; text-transform : none; }
#qu_block_web{ width : 400px ; background-color:white; }
#qu_new_web_img_url{ margin-top: 4px ; width:100%; border: solid 1px #333; }
#qu_pc_forcemanual { font-style : italic ; font-size : 9px ; color : #999 ; text-align : right }
#qu_flash_container{ width: 200px; }
#qu_flash_uploadslist{ position : relative ; top:0px ; left:0px ; height:250px; overflow:auto;text-align:left; }
.progressbar_div{ background-color : #BFE3F9 ; width : 1% ; margin: 0px; border: solid #4A88AB ; border-width: 0px 1px 0px 0px } 
#qu_pc_name_input, #qu_pc_album_new_input, #qu_pc_album_select{ width: 200px; border: solid 1px #333; font-size:12px; }
#qu_block_pc{ width : 700px ; background-color:white; }
#qu_block_content{ padding: 4px 10px; }

td.button_fromquomodo, td.text_fromquomodo, td.button_web, td.text_web, td.button_paste , td.text_paste { display : none }

/* STYLES GENERAUX */

body { color: #333; }
body.viewmode { width: 1002px ; margin : auto ; background :transparent repeat; background-position:50% 0% ; padding-top : 44px }
body.webmode { padding-top : 0px }
body.webmode .maincontainerdiv { behavior: url( "/style/pages.htc" ); }

#quomodo_body{ width: 1002px; margin:auto; position: relative ; z-index: 1 }
/*div.qlub_sitebgimage { top : 0px ; left : 0px ; width : 100% ; height : 100% }*/

#q_fullscreenmask { z-index: 5 ; }
.q_fullscreenmask { background-color:#333 ; }

#topheader { position: relative ; z-index: 3 ; text-align: left ; top: 0px ; left: 0px ; height : auto ; width: 1002px ; padding: 0 ; margin: 0px ;}
* html #topheader.fixed { top : expression( documentElement.scrollTop+body.scrollTop + "px" ) ; left : expression( documentElement.scrollLeft+body.scrollLeft + "px") ; }
* html #q_leftcol { top : expression( 45 + documentElement.scrollTop+body.scrollTop + "px" ) ; left : expression( documentElement.scrollLeft+body.scrollLeft + "px") ; }
#adminpagediv { position : relative ; left: 194px ; top: 44px ; width : 1002px ; z-index: 3 }
#maindiv { margin-left: 0px ; margin-top: 0px ; position: relative ; top : 0px ; left : 0px ; z-index : 1 ; padding-left : 6px ; padding-right : 6px ; padding-top : 17px ; width : 990px ; background-color : transparent ; background-repeat : repeat-y ; }

.q_author_stuff { margin-top: 0px; margin-left: 0px ; padding-top : 0px ; z-index: 1 ; position: relative ; min-height : 500px }
* html .q_author_stuff { height : expression( ( offsetHeight < 500 ) ? "500px" : offsetHeight + "px" ) }

#q_table, .stuff-table { margin : 0px 18px ; border : solid 1px transparent ; position:relative ; top:0px ; left:0px }
.align-background { position: relative ; width: 100% ; height: 100% ; top: -2px ; left: 0px ; filter:alpha(opacity=20) ; opacity:0.2 ; }
.align-background .content { border-top: groove 2px #8FF ; border-bottom: groove 2px #8FF }
.align-background .margin { border-right: groove 2px #8FF ; border-left: groove 2px #8FF }

.note fieldset { margin: 0; padding: 0; border: 0 }
#disq_table { margin : 0 auto ; }

/* ADMINBAR */
#qlub_adminbar > table { z-index: 1 }
.logo_quomodo { font-size:30px ; padding: 0px; color : #1479fc }
.adminmenuicon { font-size:30px; color: #aaa; padding-right: 8px } 
td[menu="help"] .adminmenuicon { font-size : 26px }
.qlub_adminbar_itemtext span { margin-left: 8px ; color : #aaa; font-size : 11px  }
.qlub_adminbar_itemtext div.pagename { display: inline-block ; color: #1479fc ; max-width: 200px ; overflow: hidden ; text-overflow: ellipsis }

#qlub_adminbar { height:44px; width:100%; z-index:5; font-size:13px; color:#000; top:0px ; left :0px; font-family : "Lato" , sans-serif ; background-color : #f5f5f5; border-bottom: 1px solid #ddd; }
* html #qlub_adminbar { top : expression( documentElement.scrollTop+body.scrollTop + "px" ) ; left : expression( documentElement.scrollLeft+body.scrollLeft + "px") ; }
.qlub_adminbar_item, .qlub_adminbar_item2 { cursor : pointer; height:44px; padding : 0px 16px; }
.qlub_adminbar_item { border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;  }
.qlub_adminbar_item.noborder { border-left: none; border-right: none;  }
.qlub_adminbar_itemtext{ font-size:13px; color:#000000; white-space : nowrap ; line-height: 28px }
.qlub_adminbar_item:hover, .qlub_adminbar_logo:hover { background : #1479fc; }
.qlub_adminbar_item.out-status:hover { background : none }

.qlub_adminbar_item[menu="agence"] .qlub_adminbar_itemtext, .qlub_adminbar_item[menu="agence"] .adminmenuicon { color: #C28F00 }
.qlub_adminbar_item[menu="agence"]:hover { background-color: #C28F00 }
.qlub_adminbar_item[menu="agence"]:hover .qlub_adminbar_itemtext, .qlub_adminbar_item[menu="agence"]:hover .adminmenuicon { color: #FFF }

.qlub_adminbar_item.gold .qlub_adminbar_itemtext, .qlub_adminbar_item.gold .adminmenuicon { color: #C28F00 }
.qlub_adminbar_item.gold:hover { background-color: #C28F00 }
.qlub_adminbar_item.gold:hover .qlub_adminbar_itemtext, .qlub_adminbar_item.gold:hover .adminmenuicon { color: #FFF }
.qlub_adminbar_item.gold.nohover:hover { background-color: transparent }
.qlub_adminbar_item.gold.nohover:hover .qlub_adminbar_itemtext, .qlub_adminbar_item.gold.nohover:hover .adminmenuicon { color: #C28F00 }
.qlub_adminbar_item.blueicon .adminmenuicon { color : #1479fc; font-size: 24px }

.qlub_adminbar_item:hover .qlub_adminbar_itemtext, .qlub_adminbar_item:hover .qlub_adminbar_itemtext span, .qlub_adminbar_item:hover .adminmenuicon, .qlub_adminbar_logo:hover .logo_quomodo, .qlub_adminbar_item:hover .qlub_adminbar_itemtext .pagename { color : #ffffff; text-decoration: none }
.qlub_adminbar_item.out-status:hover .qlub_adminbar_itemtext { color : #000000 }
.qlub_adminbar_item.out-status:hover .adminmenuicon, .qlub_adminbar_item.out-status:hover .qlub_adminbar_itemtext span { color : #aaa }
.qlub_adminbar_item2 .adminmenuicon { color : #1479fc; font-size: 24px }
.qlub_adminbar_item2:hover .qlub_adminbar_itemtext { color: #1479fc }

.qlub_adminbar_item .qlub_headeruserphoto { position: relative; overflow:hidden; width: 34px; height:34px }
.qlub_adminbar_item .mask-profile { position: absolute; left: 0; top:0 }
.qlub_adminbar_item:hover .mask-profile { top:-35px }

#qlub_adminbar .submenu{ position:relative; }
#qlub_adminbar .submenu a{ color: #333; font-size: 13px; white-space : nowrap  }
#qlub_adminbar .submenu h1{ padding: 5px 0 0 0; margin: 0 0 15px 0; font-weight: normal; text-align: center; font-size: 12px; text-transform: uppercase; color: #AAA; letter-spacing: 5px; cursor: default; }
#qlub_adminbar td[menu] { display:none; }
#qlub_adminbar .submenu > table { box-shadow : 0px 0px 9px rgba(0,0,0,0.15); }

#adminleftcol_sendmessages { display : none }

/* ADMINBAR - SITEMAP */
#custom_sitemapadmin { padding:0; background-color: #fff }
#custom_sitemapadmin ul.qlub_menu_content { padding:0; margin:0; list-style-type:none }
#custom_sitemapadmin ul.qlub_menu_content li { padding: 10px 15px; background : #ffffff; color : #000000 }
#custom_sitemapadmin ul.qlub_menu_content li:first-child { border-top:1px solid #dddddd }
#custom_sitemapadmin.minisize ul.qlub_menu_content li { padding: 6px 15px; background : #ffffff; color : #000000 }
#custom_sitemapadmin.minisize ul.qlub_menu_content li:first-child { border-top:1px solid #dddddd }

#custom_sitemapadmin li.shop-restricted-access { display: none }

#custom_sitemapadmin ul.qlub_menu_content li.new-menu { background-color:#ffffff; border-top:1px solid #aaa; border-bottom:0; text-align:center; margin: 0; }
#custom_sitemapadmin ul.qlub_menu_content li.new-menu a { color : #1479fc; font-style:normal; }

#custom_sitemapadmin ul.qlub_menu_content li.over { background-color: #1479fd; color : #ffffff }
#custom_sitemapadmin ul.qlub_menu_content li.over a { color : #ffffff }
#custom_sitemapadmin ul.qlub_menu_content li.active, #custom_sitemapadmin ul.qlub_menu_content li.active > a, #custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li.active, #custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li.active > a { color : #1479fc }
#custom_sitemapadmin ul.qlub_menu_content li.active.over, #custom_sitemapadmin ul.qlub_menu_content li.active.over  > a { color : #ffffff }

#custom_sitemapadmin ul.qlub_menu_content li a { color:#000000; font-weight:bold  }
#custom_sitemapadmin.minisize ul.qlub_menu_content li a { font-size:11px  }

#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content { border:1px solid #dddddd; border-top : 0 ; max-width : 600px }
#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li { padding: 10px 15px ; overflow:hidden; text-overflow: ellipsis }
#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li:first-child { border-top:1px solid #dddddd }
#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li span.font-q-i { top: 12px }

#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li.new { background-color:#ffffff ; border-bottom:0; text-align:center; margin: 0;color : #1479fc }
#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li.new a { color : #1479fc; font-style:normal; }
#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li.new-menu { background-color:#ffffff; border-top:1px solid #aaa; border-bottom:0; text-align:center; margin: 0; }
#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li.new-menu a { color : #1479fc; font-style:normal; }

#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li.over{ background-color: #1479fc; color : #ffffff }

#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li a{ color:#000000; font-size:13px; }
#custom_sitemapadmin .qlub_menupane_wrapper ul.qlub_menu_content li.over > a { color : #fff }

#custom_sitemapadmin .qlub_menupane td{ border:0 }
#custom_sitemapadmin .qlub_menupane{ left: 0 ; }
#custom_sitemapadmin ul.qlub_menu_content li div table { width:344px }
#custom_sitemapadmin .adminmenu { display:block }
.menupanes { position:absolute;top:0;left:0}

.qlub_adminmenu_tr { border-bottom : 1px solid #dddddd ;}

tr[target="nouveau"] > td { border-top:1px solid #aaa; text-align:center }
tr[target="nouveau"] { backgorund-color : #ffffff }
tr[target="nouveau"]:hover {  background-color:#1479fc; color : #ffffff }
tr[target="nouveau"]:hover > td .qlub_adminmenu_title { color : #ffffff }
tr[target="nouveau"] > td .qlub_adminmenu_title{ border-bottom:0; text-align:center; color : #1479fc }
.submenu .qlub_menupane { display : table }

.qlub_adminmenu_tr { background-color : #ffffff }
.qlub_adminmenu_tr:hover { background-color:#1479fc; color : #ffffff }
.qlub_adminmenu_tr:hover > td .qlub_adminmenu_title, .qlub_adminmenu_tr:hover > td .qlub_adminmenu_desc  { color : #ffffff }
.qlub_adminmenu_tr:hover td.tdicon-admin { color: #ffffff; }

.submenu .qlub_menupane { display : block }

.qlub_adminmenu_tr .qlub_adminsubmenu { display: none ; position: relative ; top: 0px ; left: 0px ; height: 0px ; width: 0px }
.qlub_adminmenu_tr .qlub_adminsubmenu .qlub_adminmenu_table { position: absolute ; top: -25px ; right: -358px ; box-shadow: rgb(170, 170, 170) 0px 0px 9px }
.qlub_adminmenu_tr { background-color : #ffffff }
.qlub_adminmenu_tr:hover .qlub_adminsubmenu { display: block }
.qlub_adminmenu_tr:hover .qlub_adminsubmenu .qlub_adminmenu_tr { background-color : #ffffff; color : #000 }
.qlub_adminmenu_tr .qlub_adminsubmenu .qlub_adminmenu_tr:hover {  background-color:#1479fc; color : #ffffff }
.qlub_adminmenu_tr:hover .qlub_adminsubmenu .qlub_adminmenu_tr > td .qlub_adminmenu_title { color : #000 }
.qlub_adminmenu_tr .qlub_adminsubmenu .qlub_adminmenu_tr:hover > td .qlub_adminmenu_title { color : #ffffff }
.qlub_adminmenu_tr .qlub_adminmenu_title .icon  { position:absolute; right:0px;padding-right:9px ; font-size: 13px ; font-weight: normal }

/*.sprite_new_16 {display:none}*/
.newinmenu { font-style:italic }

/* ADMINMENU - HELPMENU */

.qlub_adminbar_item[menu="viewmenu"] .qlub_adminmenu_table { width: auto ; min-width: 150px }
.qlub_adminmenu_table{ font-family : "Lato", sans-serif; background-color : white; border:1px solid #ddd}
.qlub_adminmenu_table td{ border-bottom : 1px solid #dddddd ; padding : 10px 15px;}
.qlub_adminmenu_table td.menupane_ii { padding : 0;}
td[menu="sitemap"] .qlub_adminmenu_table td{ border: 0 ; }
.qlub_adminmenu_table td.tdicon-admin{ padding-right : 0px; color : #888888; font-size : 30px; text-align:center ;}
.qlub_adminmenu_title{ color : #000; font-size: 13px; font-weight : bold;}
.qlub_adminmenu_desc, .qlub_adminmenu_desc a, .qlub_adminmenu_desc input{ color : #888888; font-size: 12px; font-weight:normal }
@media screen and ( max-height : 850px ) {
	 [menu="admin"] .qlub_adminmenu_desc { white-space : nowrap }
}
@media screen and ( max-height : 650px ) {
	 [menu="help"] .qlub_adminmenu_desc { white-space : nowrap }
}

table.qlub_helpmenu_search { margin-top: 10px ; }
.qlub_helpmenu_search td { border:none; padding-right: 10px; }
.qlub_helpmenu_search { position:relative; margin-top:10px; }
#qlub_helpmenu_searchtext { font-size:13px; width: 100%;  border:solid 1px #dddddd; background : #ffffff; color : #888888; padding: 5px 33px 5px 5px; box-sizing: border-box; -moz-box-sizing: border-box}
#qlub_adminbar .submenu a.qlub_helpmenu_searchbtn { position:absolute; top:6px ;right:10px; font-size:17px; z-index: 100; color : #888888;}
#qlub_adminbar .submenu a.qlub_helpmenu_searchbtn:hover { text-decoration :none; color : #1479fc; }
.qlub_helpmenu_search .watermark_container{ width:100%; }
.qlub_helpmenu_search label.watermark{ position:absolute; top:5px; left :6px; color : #dddddd; font-size:13px; }

/* ANNUAIRE DU CLUB */

.list_line  {padding: 5px 2px 3px 7px;  font-size: 12px; color : #333; }
#qlub_annugroup_mainlist .mouseover { color: #1479fc; cursor: pointer; }
#qlub_annugroup_mainlist .isselected{ color: #1479fc; cursor: default; border: none; }

#qlub_annugroup_profile { border: solid 1px #AAA }
#qlub_annugroup_profile input{ width: 100%; font-size:12px;}
.qlub_annugroup_profileinfo { font-weight: bold; color: #333; }
#qlub_annugroup_profile_photo { width: 80px; height: 80px; border: solid 1px #999; }

/* LOGIN - Boutons */

#qlub_login { margin: 0px 0px 0 0 ; padding-right : 10px }
#qlub_login_btn { width:145px;height:23px;background:url(https://core0.quomodo.com/bundles/qlub/images/header_login.png) top left no-repeat; _background-image: url(https://core5.quomodo.com/bundles/qlub/images/header_login_ie6.jpg); position:relative;cursor:pointer;}
#qlub_login_btn_txt { padding:5px; width:130px;}

#qlub_search_btn { width:145px;height:23px;background:url(https://core4.quomodo.com/bundles/qlub/images/header_search.png) top left no-repeat; _background-image: url(https://core3.quomodo.com/bundles/qlub/images/header_search_ie6.jpg) ; position:relative; }
#searchtext { width:112px; height:13px;position:absolute; top:3px; left:4px; font-size:11px;border:solid 1px #AAA; font-family:Arial;}
#qlub_search_btn_icon {position:absolute;top:0; right:0; width:23px; height:23px;cursor:pointer;}

/* LOGIN - Pop-up  */

#club_logindiv { font-family:Arial; font-size:13px; color:#444;} 
#club_logintable{ position:absolute;left:150px;top:140px;padding:0 ;margin:0 ;font-family:Arial; font-size:13px; color:#444;} 
#club_logintable_title{ padding: 0 10px; font-size: 14px; font-weight: bold; }
.club_login_headertr { font-family: Arial, sans-serif; color: #FFF; font-size: 13px; cursor: move; }
.club_login_bold { color: #000; font-weight:bold; }
.club_login_closetd{ cursor: pointer; padding: 0 7px; white-space: nowrap; }
.club_login_closebtn{ width: 16px; height: 16px; background-image: url(https://core1.quomodo.com/bundles/qlub/images/close16.png) ; _background-image: url(https://core1.quomodo.com/bundles/qlub/images/close16.gif); }
.club_login_inputtitle{ font-size:16px; }
.club_login_input{ width: 150px ; font-size: 16px; border:solid 1px #444;}
.club_login_btn{ background-image: url(https://core2.quomodo.com/bundles/qlub/images/login_btn.png); _background-image: url(https://core2.quomodo.com/bundles/qlub/images/login_btn.gif); font-size:14px; color:#333; text-align:center; width:181px; height:31px; line-height:31px; cursor:pointer; }

/* HEADER */

#qlub_header { background-repeat : repeat-y; padding : 0px 0px ; position: relative ; left: 0px ; top: 0px }

.qlub_header_content { width : 1002px ; padding : 0px 0px ; }
#qlub_header_nav_content { width:100% ; max-width : 1002px ; padding : 0px ; position : absolute ; top : 0px ; left : 0px }
* html .fixed #qlub_header_nav_content { width: expression( document.documentElement.clientWidth > ( 1002 + qlub_ieleftcolleft ) ? "1002px" : document.documentElement.clientWidth - qlub_ieleftcolleft + "px" ) }

* html .viewmode #qlub_header_nav_content { width: 1002px }
#qlub_header_nav { width: 100% ; background-repeat : repeat; position:relative ; left : 0px ; top : 0px }

#qlub_headerbanner { width: 100%; height: 100px; }
#qlub_headerbanner_content { position : relative ; top : 0px ; left : 0px ; }
#qlub_headericon { width: 32px; height: 32px; background: transparent top left no-repeat; margin-left: 8px }

#currservicename { color: #FFF ; font-size: 18px; white-space: nowrap ; overflow: hidden ; text-overflow: ellipsis ; cursor: pointer;font-weight:normal;padding:0;margin:0; }
#currservicenameinput{ display: none ; width: 400px;font-size:15px;border:solid 1px #333;background-color:transparent; }

#welcome_username { font-size: 13px; line-height: 14px; white-space: nowrap; color: white; font-weight: bold; cursor: default }

#web_headertable_elem{ top:0px; height:36px; }
#qlub_menubartable{ top:36px; height:38px; }
.qlub_menubarcorner_td{ width:16px; }

/* BANNER */

/* do not delet comments */
/* --!new affiliation here!-- */
.ufolep_bannerlink { position: relative; width: 160px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core0.quomodo.com/bundles/qlub/images/ufoleplogo.png) top left no-repeat; cursor: pointer }
.ffsg_bannerlink { position: relative; width: 105px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core5.quomodo.com/bundles/qlub/images/ffsglogo.png) top left no-repeat; cursor: pointer }
.ffbb_bannerlink { position: relative; width: 128px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core4.quomodo.com/bundles/qlub/images/ffbblogo.png) top left no-repeat; cursor: pointer }
.fffcda_bannerlink { position: relative; width: 149px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core3.quomodo.com/bundles/qlub/images/fffcdalogo.png) top left no-repeat; cursor: pointer }
.fftri_bannerlink { position: relative; width: 77px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core2.quomodo.com/bundles/qlub/images/fftrilogo.png) top left no-repeat; cursor: pointer }
.ffsavate_bannerlink { position: relative; width: 54px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core1.quomodo.com/bundles/qlub/images/ffsavatelogo.png) top left no-repeat; cursor: pointer }
.ffam_bannerlink { position: relative; width: 70px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core2.quomodo.com/bundles/qlub/images/aeromodelismelogo.png) top left no-repeat; cursor: pointer }
.cfkb_bannerlink { position: relative; width: 68px; height: 76px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core0.quomodo.com/bundles/qlub/images/cfkblogo.png) top left no-repeat; cursor: pointer }
.halterophilie_bannerlink { position: relative; width: 120px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core1.quomodo.com/bundles/qlub/images/halterophilielogo.png) top left no-repeat; cursor: pointer }
.ffa_bannerlink { position: relative; width: 70px; height: 70px; top: 12px; float:right;margin-right:18px; background: transparent url(https://core1.quomodo.com/bundles/qlub/images/athletismetmplogo.png) top left no-repeat; cursor: pointer }

/* FOOTER */

#qfooter { width : 1002px ; position: relative ; }
#footerbody { background-color : transparent ; background-repeat : repeat-y ; width : 990px ; padding: 0px 6px ; }
#footerpage-stuff { margin-top: 0px; margin-left: 0px ; padding-top : 0px ; position: relative ; }
#footerfooter { background-color : transparent ; background-repeat : no-repeat ; width : 1002px ; height : 60px ; }
#sk-ad-quomodo .logo { width : 178px; height : 47px; margin-right : 20px; background-repeat : no-repeat; background-position: center center; }

/* ADS */

#qlub_topads , #qlub_bottomads  { position: relative ; text-align: left ; top: 0px ; left: 0px ; width: 1002px ; margin: 0 auto }
#qlub_topads  { z-index: 3 ; }
.qlub_ads_slot { overflow : hidden }
.qlub_ads_textlink { background-color : #FFF ; border : solid 1px #444 ; }
.qlub_ads_textlinkcontents { padding : 4px 8px ; text-align : left }
a.qlub_ads_texttitle:hover , a.qlub_ads_texttitle:link , a.qlub_ads_texttitle:visited , .qlub_ads_texttitle { color : #2200CC ; text-decoration: underline ; font-size : 16px }
.qlub_ads_textdesc { color : #000 ; font-size : 13px }
.qlub_ads_slot .qlub_ads_iframe { position:relative }

.qlub_ads_editad img { cursor: pointer }
.qlub_editad_btnwrapper { padding: 12px 0px }
.qlub_editad_btnwrapper .btn { display: inline-block ; border-radius: 4px ; text-decoration: none ; font-size: 14px ; font-family: Lato ; border: 1px solid #C28E00 ; width: 200px ; margin: 0 auto ; padding: 10px 0px; line-height: 1em ; text-align: center ;  font-weight: 400 ; cursor: pointer; font-weight: 400;  color: #FFF ; background-color: #C28E00 ; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out ; box-sizing: border-box }
.qlub_editad_btnwrapper .btn:hover { color: #C28E00 ; background-color: #ffffff ; text-decoration: none; font-weight: 300 }
.qlub_editad_btnwrapper.right .btn { width: 120px }

/* MENUS */

.qlub_menubarleft { width: 16px; height: 38px; background: transparent top left no-repeat; }
.qlub_menubarinter { width: 100%; height: 38px; background: transparent repeat-x; }
.qlub_menubarright { width: 16px; height: 38px; background: transparent top left no-repeat; }

#qlub_openleftcolbutton { cursor: pointer ; overflow : hidden ; background-image : url('https://core5.quomodo.com/bundles/qlub/images/default_openclose.png'); _background-image: url('https://core5.quomodo.com/bundles/qlub/images/default_openclose.gif') ; width : 27px ; height : 38px; }
#qlub_openleftcolbutton.closed { background-position : 0 0 }
#qlub_openleftcolbutton.closed:hover { background-position : 0 -38px;}
#qlub_openleftcolbutton.open { background-position : -27px 0 }
#qlub_openleftcolbutton.open:hover { background-position : -27px -38px;}

.qlub_tab_td { padding:0px }
.qlub_tab_separatortab { position:relative }
.qlub_tab_arrow { margin-left : 5px; font-size:11px }
.qlub_menupane_margin { display: none }

#qlub_menuonlybar td.over { background-image:url(https://core0.quomodo.com/bundles/qlub/images/menuover.png); _background-image: url(https://core5.quomodo.com/images/blank.gif) ; background-repeat : repeat-x }

.qlub_tab_td a, .qlub_tab_td a:hover, .qlub_tab_td a:link, .qlub_tab_td a:visited, .qlub_tab_td a:active { text-decoration: none; }

.qlub_tab_menuseparator { width: 0px; height: 32px; border-right: solid 1px #FFF }
.qlub_tab_marker { position : absolute ; width: 22px; height: 10px; background: transparent top left no-repeat; display:none }

.qlub_tab_title { white-space: nowrap; }
div.qlub_tab_title { padding : 0px 8px; display: table-cell; vertical-align: middle }
a.qlub_tab_title, a.qlub_tab_title:hover, a.qlub_tab_title:active, a.qlub_tab_title:visited, a.qlub_tab_title:link{ text-decoration:none;}

.qlub_menupane { position: relative; display: none; left: -2px;}
* html li .qlub_menupane { position: absolute; display: none; margin-left: 0px ; left: -30px;}
.qlub_tab_td.over a.qlub_tab_title.qlub_overbackground { display: block ; position: relative }
.qlub_tab_td a.qlub_tab_title.qlub_overbackground .qlub_menu_background { display: none ; position: absolute ; width: 100% ; height: 100% }
.qlub_tab_td.over a.qlub_tab_title.qlub_overbackground .qlub_menu_background { display: block }
.qlub_tab_td.over a.qlub_tab_title.qlub_overbackground .qlub_menu_text { position: relative }

#qlub_menubartable .menupane_tl{ background-image:url('https://core4.quomodo.com/bundles/qlub/images/menupane/menu_tl.png'); background-repeat: no-repeat; width :9px; height:5px; }
#qlub_menubartable .menupane_tr{ background-image:url('https://core3.quomodo.com/bundles/qlub/images/menupane/menu_tr.png'); background-repeat: no-repeat; width: 9px; height:5px; }
#qlub_menubartable .menupane_ti{ background-image:url('https://core2.quomodo.com/bundles/qlub/images/menupane/menu_ti.png'); background-repeat: repeat-x; height:5px; border-bottom:solid 1px white; }
#qlub_menubartable .menupane_il{ background-image:url('https://core1.quomodo.com/bundles/qlub/images/menupane/menu_il.png'); background-repeat: repeat-y; width: 9px; min-width:9px;}
#qlub_menubartable .menupane_ir{ background-image:url('https://core0.quomodo.com/bundles/qlub/images/menupane/menu_ir.png'); background-repeat: repeat-y; width: 9px; min-width:9px;}
#qlub_menubartable .menupane_ii { width: 300px; border-left : solid 1px white; border-right: solid 1px white;  }
#qlub_menubartable .menupane_bl{ background-image:url('https://core5.quomodo.com/bundles/qlub/images/menupane/menu_bl.png'); background-repeat: no-repeat; width :9px; height:13px; }
#qlub_menubartable .menupane_br{ background-image:url('https://core4.quomodo.com/bundles/qlub/images/menupane/menu_br.png'); background-repeat: no-repeat; width: 9px; height:13px; }
#qlub_menubartable .menupane_bi{ background-image:url('https://core3.quomodo.com/bundles/qlub/images/menupane/menu_bi.png'); background-repeat: repeat-x; height:13px; border-top: solid 1px white; }

.qlub_adminbar_item .menupane_tl { display:none; }
.qlub_adminbar_item .menupane_ti { display:none; }
.qlub_adminbar_item .menupane_tr { display:none; }
.qlub_adminbar_item .menupane_il { display:none; }
.qlub_adminbar_item .menupane_ir { display:none; }
.qlub_adminbar_item .menupane_bl { display:none; }
.qlub_adminbar_item .menupane_bi { display:none; }
.qlub_adminbar_item .menupane_br { display:none; }

ul.qlub_menu_content { padding: 0px ; margin:10px 0px ;}
.qlub_menu_content li { list-style-type: none; list-style-position: outside;  padding: 0.5em 0 0.5em 1em; cursor: pointer; }
.colbreak-column .qlub_menu_content li.menu { cursor: default }
.colbreak-column .qlub_menu_content li.menu[svcid] { cursor: pointer }
.menuh_note .qlub_menu_content li { padding : 0.5em 1em; white-space:nowrap; text-align:left }
.menuh_note .qlub_menu_content li:first-child { padding-top: 1em }
.menuh_note .qlub_menu_content li:last-child { padding-bottom: 1em }
.menuh_note .colbreak-column ul.qlub_menu_content li { padding : 0.5em 1em }
.menuh_note .colbreak-column ul.qlub_menu_content ul li { padding : 0.1em 1em }
.menuh_note .colbreak-column ul.qlub_menu_content.with-colbreak { padding : 1em 0.5em }
.menuh_note .colbreak-column ul.qlub_menu_content li.menu { font-weight: bold ; padding-top: 0.5em ; padding-bottom: 0.5em }
.menuh_note .colbreak-column ul > li.menu:first-child { padding-top: 0 }
.menuh_note .colbreak-column ul > li.menu:last-child { padding-bottom: 0 }

.qlub_adminmenu_tr .qlub_menu_content li a, .qlub_adminmenu_tr .qlub_menu_content li span { font-size: 13px; height:auto; line-height:inherit;}
.qlub_adminbar_item[menu="settings"] .submenu > table { left: auto !important ; right: -15px !important }
.qlub_adminbar_item[menu="settings"] .submenu > table .qlub_adminmenu_table { width: 250px }
.qlub_adminbar_item[menu="settings"] .submenu > table .qlub_adminmenu_table td { border: none }
.qlub_adminbar_item[menu="settings"] .submenu > table .qlub_adminmenu_table tr[target="logout"] td { border-top: 1px solid #dddddd }
.qlub_adminbar_item[menu="phone"], .qlub_adminbar_item2[menu="phone"] { cursor: default }
.qlub_adminbar_item[menu="shop"] .submenu > table .qlub_adminmenu_table { width: 200px }
.qlub_adminbar_item[menu="shop"] .submenu > table .qlub_adminmenu_table .qlub_adminsubmenu .qlub_adminmenu_table { width: auto ; white-space: nowrap }
.qlub_adminbar_item[menu="shop"] .qlub_adminmenu_tr .qlub_adminsubmenu .qlub_adminmenu_table { left: 182px ; right: auto }
.qlub_adminbar_item[menu="shop"] .submenu .qlub_adminmenu_table td { border: none }
.qlub_adminbar_item[menu="shop"] .submenu .qlub_adminmenu_table tr[target="shop-orders"] td { border-top: 1px solid #dddddd }

.qlub_menu_content li[rel="menu"]{ position :relative; } 
.qlub_menu_content li.menu{ position :relative; } 
.qlub_menu_content li.new { background-color:#ffffff; border-top:1px solid #aaa; border-bottom:0; text-align:center; margin: 0; padding: 8px 0 ; }
.qlub_menu_content li.new a { color : #1479fc; font-style:normal; }
.qlub_menu_content li.new li:hover{ background-color: #1479fc; color : #ffffff }
.qlub_menu_content li a , .qlub_menu_content li a:link , .qlub_menu_content li a:visited , .qlub_menu_content li a:hover , .qlub_menu_content li a:active { text-decoration : none }
.qlub_menu_border { display :none; position:absolute; height:4px; width:100%; bottom:0;left:0; }
.qlub_menu_triangle { display:none; text-align:center; font-size:10px; position:absolute; bottom:0px;height:10px; line-height:10px; left:0;width:100%; }

.qlub_menupane_wrapper { display: none; position : absolute; min-width:343px }
.qlub_menupane_wrapper .up_longmenu, .qlub_menupane_wrapper .down_longmenu { position:absolute; width:100%; padding:5px 0; height:10px ; background :#1479fd; color :#ffffff; text-align:center; display:block; z-index:10; text-decoration : none }
.menupane_content { position: relative;}
.qlub_menupane.colbreak-wrapper .colbreak-column { display: table-cell ; padding-left: 1em }
.qlub_menupane.colbreak-wrapper .colbreak-column:first-child { padding-left: 0px }
.qlub_menupane.colbreak-wrapper .qlub_menu_content { display: block !important }
.qlub_menupane.colbreak-wrapper li.menu > span.font-q-i { display: none }

/* LEFTCOL */

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

#q_leftcol { z-index: 4; width: 200px ; padding: 0px 0 0 0 ; margin : 0; height: auto ;  top: 20px ; left: 0px ; border-style: none; background: transparent }
#q_leftcol_masktop { width: 194px ; padding: 0 ; margin : 0; height: 100% ; }
#q_borderleft_mask { position : absolute ; left: 190px; width: 10px; height: 100%; top: 100px ; background-image: url('https://core5.quomodo.com/bundles/qlub/images/leftborder.png'); _background-image: url('https://core5.quomodo.com/images/blank.gif') ; _filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://core5.quomodo.com/bundles/qlub/images/leftborder.png',sizingMethod='scale') }

#q_drawerleftcol { position: absolute; top: 46px; left: 2px; width: 189px; border:solid 1px #ddd; background-color: #ffffff;  overflow: hidden; box-shadow : 0px 0px 9px rgba(0,0,0,0.15); font-size:11px; font-family : "Lato" , sans-serif ; }
#q_drawerleftcoltitle { text-align: center; color: #000000 ; font-weight: bold ; font-size: 15px ; padding: 10px 0; cursor : move; }
#qsn_editblocks, .q_leftcolitems { margin:0; padding: 0;}
#qlub_adminleftcol_content { border-top : 1px solid #ddd }
#q_drawerleftcol input { border : 1px solid #ddd }
#q_minileftcol { position : absolute; left:2px; top:0; display:none; padding:15px; font-size:13px; text-align:center; color: #1479fc; background : #ffffff; cursor:pointer; box-shadow : 0px 0px 9px rgba(0,0,0,0.15); font-family: 'Lato', sans-serif ; }
#q_minileftcol div.font-q-i { color : #d4d4d4; font-size:18px; margin-bottom:12px }
#q_displayleftcol { position:absolute; right: 0px; top: 0px; font-size:16px; color : #d4d4d4; padding:10px; cursor:pointer }
#qlub_leftcol_preview { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center; padding : 10px; margin : 0 10px; font-size : 13px }
#qlub_leftcol_preview a { color : #1479fc }

#qlub_snpalette, .qlub_snpalette { display:table; height :100%; padding : 15px 10px }
.sn_snpalette { text-align: center; cursor: pointer; color: #000; float: left; font-size: 11px; margin: 10px 10px 18px; white-space:nowrap; position:relative }
.sn_snpalette.sn_snpalette_shareboard{ margin: 10px 24px 24px; }
.sn_snpalette div.divtext { position: absolute; top: 38px; left: -12px; width: 57px; text-align: center; }
.sn_snpalette:hover div.divtext { color : #1479fc }

/*
.qlub_addcontent, #qlub_addbannercontent, .qlub_snchooser { text-align:center; padding: 20px 10px; cursor: pointer }
.qlub_addcontent, .qlub_snchooser { width : 73px; display: inline-block }
#qlub_addbannercontent { border-top: 1px solid #dddddd }
.qlub_addcontent:hover, #qlub_addbannercontent:hover, .qlub_snchooser:hover { color : #1479fc }
.qlub_addcontent span, .qlub_snchooser span { color : #1479fc; font-size:30px; }
#qlub_addbannercontent span { color : #1479fc; font-size:38px; }
*/
#qlub_separator { border-top: 0 }

#q_borderleft { position: absolute ; left: 190px ; top: 0px ; width: 10px ; height: 100% ; background-image: url('https://core5.quomodo.com/bundles/qlub/images/leftborder.png') ; background-repeat: repeat ; z-index: 5 }
* html #q_borderleft { background-image: url('https://core5.quomodo.com/images/blank.gif') ; filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://core5.quomodo.com/bundles/qlub/images/leftborder.png',sizingMethod='scale') }

.leftcoltab_title, .leftcoltab_title_closed, .leftcoltab_title_open, .leftcoltab_title_mouseover { position: relative ; height: 19px ; line-height: 17px ; background-image: url('https://core4.quomodo.com/images/artema/leftcoltabbutton.png' ); background-repeat: no-repeat ; font-size: 12px ; font-weight: bold ; margin: 0; z-index:1;padding-top:2px;}
.leftcoltab_title span , .leftcoltab_title_closed span , .leftcoltab_title_open span , .leftcoltab_title_mouseover span { padding-left: 8px; }
.leftcoltab_title_closed { background-position: 0px 0px; color: #EEE; font-weight: bold; cursor: pointer }
.leftcoltab_title_open { background-position: left top; color: #0033cb; font-weight: bold; cursor: default }
.leftcoltab_title_mouseover { background-position: 0px -21px; color: #FFF; font-weight: bold; cursor: pointer }
.leftcoltab_content { margin: 0 0 0 0; padding: 10px 6px 10px 6px ; overflow: hidden; z-index:0; background : #ffffff }
.leftcoltab_content input { border-style:solid; border-width:1px; width: 150px; }
.leftcoltab_content textarea { border-style:solid; border-width:1px; width: 150px; }
.leftcoltab_content select { width: 150px; }
.leftcoltab_content select[multiple="multiple"] { border-style:solid; border-width:1px; }

.leftcoltab_content > div { background-color: #EEE; border: solid 1px #CCC; margin: 6px 0; padding:4px; }
#qsn_editblocks .ui-accordion .ui-accordion-content{ padding: 6px; }

.menuseparator { border-top: dotted 1px #AAA ; height: 1px ; margin: 12px 0px 0px 0 }
.leftcoltitle, .square { font-size: 12px; font-weight: bold; color: #FFF; margin: 0; padding: 5px 0px; cursor: default }
.leftcoltext { color: #333; }
#qlub_disqleftcol ul.leftcoltext { margin-left: 15px }

.leftcolrightarrow { margin: 18px 0 10px 40px; color: #0033cb }

.qlub_leftcoliconinfo { width: 19px; height: 19px; background-image: url('https://core3.quomodo.com/services/artemapage@fr/images/iconinfo19.png'); cursor: pointer }
.qlub_leftcolicon { width: 32px; height: 32px; margin: 10px 5px 0 0; }
.qlub_leftcoltooltip { margin: 0 5px 2px 0; display: none; font-size: 11px; font-style: italic; line-height: 12px; color: #FFF }


#qlubleftcolpublish { padding: 10px 0px 10px ; }
#qlub_publishbutton { display:none; border:solid 1px white; width:134px; line-height: 100%;padding:10px 6px 10px 2px ;position:relative; cursor : pointer; color : #d20600; border:1px solid #d20600; border-radius : 4px; font-size : 13px }
#qlub_publishbutton_icon{ float:left; width: 32px; text-align:center; font-size : 22px; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease ; -ms-transition: -ms-transform 0.3s ease; transition: transform 0.3s ease }
#qlub_publishbutton:hover #qlub_publishbutton_icon { -webkit-transform: scale( 1.2 ); -moz-transform : scale( 1.2 ); -ms-transform :scale( 1.2 ); transform : scale( 1.2 ) } ;
#qlub_publishbutton_text { width:118px; text-align:center; }
#qlubleftcolrestorebutton { display: none ; margin-top: 10px ; padding-top: 10px ; border-top: solid 1px #DDD }
#qlubleftcolrestorebutton .publishbutton { width:134px; line-height: 100% ; padding:7px 6px 7px 2px ;position:relative; cursor : pointer; color: #d20600; border:1px solid #d20600; border-radius : 4px; font-size : 13px }
#qlubleftcolrestorebutton .publishbutton .icon { float:left; width: 32px; text-align:center; font-size : 22px; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease ; -ms-transition: -ms-transform 0.3s ease; transition: transform 0.3s ease }
#qlubleftcolrestorebutton .publishbutton .text { text-align:center }
#qlub_publishstatus { font-size: 11px ; padding-bottom: 8px ; padding-top : 0px }
#qlub_publishbutton-view-wrapper { padding-top: 4px }
#qlub_publishbutton-view-wrapper label { position: relative ; top: 2px ; margin-left: 4px ; cursor: pointer }
#qlub_publishbutton-view-wrapper .custom-form-checkbox { width: 15px; height: 15px; background-color: transparent; display: inline-block; border: 2px solid #dddddd; cursor: pointer; box-sizing:border-box ; vertical-align: middle }
#qlub_publishbutton-view-wrapper .custom-form-checkbox.custom-form-checked .custom-form-checked-inner:before { font-family: q-i; content: ''; font-size : 9px; margin-left:1px; line-height:13px; color : #1479fc }

.leftcol_iconbutton32 { width: 32px; height: 32px; background-position: center center; background-repeat: no-repeat; cursor: pointer }
.leftcoltitle { font-size: 12px; font-weight: bold; color: #000; margin: 24px 0 6px 0; }

.qlub_palette_section { padding : 8px ; font-size: 12px ; border-bottom: solid 1px #DDDDDD }
.qlub_palette_section h3 { margin: 0px ; margin-bottom: 4px ; font-size: 13px }
.qlub_palette_btn { padding : 0px 0px 0px 15px ; cursor: pointer; margin-top:8px }
.qlub_palette_btn > div { border-top : solid 1px #EEE; padding-top:8px }
.qlub_palette_btn:hover { color : #1479fc }
.qlub_palette_btn span { vertical-align : middle }
.qlub_palette_btn span.font-q-i { color : #1479fc; padding-right: 5px; font-size:15px }
.qlub_palette_sep { border-top : solid 1px #EEE; margin-top:8px; padding-bottom:8px; margin-left:15px; clear:both; }

.qlub_palette_setting { padding: 8px 12px 8px 8px ; font-size: 12px ; border-bottom: solid 1px #DDDDDD }
.qlub_palette_setting h3 { margin: 0px ; margin-bottom: 8px ; font-size: 13px }
.qlub_palette_setting div { cursor: pointer }
.qlub_palette_setting span { vertical-align : middle }
.qlub_palette_setting .icon { color : #1479fc; float: right ; font-size: 10px ; line-height: 16px }
.qlub_palette_setting .qlub_palette_value { padding-left: 15px; display: inline-block ; max-width: 133px ; overflow: hidden; color : #888; }
.qlub_palette_setting .qlub_palette_value:hover { color : #1479fc }
.qlub_section_deleteimage { color : #1479fc; padding-left:24px }

/* MISE EN PAGE */

.mep_modele { background-position:center top; background-repeat:no-repeat; height:104px; cursor:pointer;width:95px;  }
#qlub_mep input { border:1px solid gray; }
.mep_modele[format="12"] { background-image:url('https://core2.quomodo.com/bundles/qlub/images/modele_1_2.jpg'); }
.mep_modele[format="21"] { background-image:url('https://core1.quomodo.com/bundles/qlub/images/modele_2_1.jpg'); }
.mep_modele[format="121"] { background-image:url('https://core0.quomodo.com/bundles/qlub/images/modele_1_2_1.jpg'); }
.mep_modele[format="3"] { background-image:url('https://core5.quomodo.com/bundles/qlub/images/modele_X.jpg'); }

/*  DRAWERS  */

#q_drawers { position: absolute ; left: 200px ; top: 0px ; width: 100% ; height: 100% ; overflow: visible ; display:none ; }
.topdrawer_qorg, .qlub_topdrawer { background-color: #FFF; border-style: none solid solid solid; border-width: 1px; border-color: #333; color: #000; background-image: none; padding: 12px }
.qlub_leftdrawer { background-color: #FFF; border-style: solid solid solid none; border-width: 1px 1px 1px 0px; border-color: #000 ; padding: 0 18px; color: #333 }
.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 }

/* ADMIN DRAWER */

#qlub_admindrawer { font-family : 'Lato'; }
#qlub_admindrawer_wait_reload_msg { display:none; }
.qlub_drawerheader { width: 100%; padding-bottom: 5px; border-bottom: dotted 1px #333 }
#qlub_admindrawericon { height: 48px; width: 48px; }
#qlub_admindrawertitle { height: 48px; line-height: 48px; font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; }
#qlub_admindrawerhelplink, #qlub_admindrawerbackbutton { vertical-align:middle; font-size: 14px; }
#qlub_admindrawerhelplink span.font-q-i, #qlub_admindrawerbackbutton span.font-q-i { margin-right: 10px; vertical-align:middle; font-size: 28px ; color: #1479FC }
.qlub_drawerbackbutton .divimg { width: 107px; height: 66px; background-image: url('https://core4.quomodo.com/bundles/qlub/images/back.jpg'); background-position: left top; background-repeat: no-repeat; }
.qlub_drawerbackbutton .divtxt { position : absolute ; top : 0px ; left : 0px ; line-height: 33px; font-size: 13px; text-align: left; }
.qlub_admindrawericon36 { position:relative; overflow : hidden ; width: 36px; height: 36px; background: transparent url(https://core3.quomodo.com/bundles/qlub/images/admindrawer_bkg.png) top left no-repeat; cursor: pointer }
#qlub_admindrawer_footer { height: 18px; line-height: 18px; font-size: 12px; color: #333; margin-left: 5px }
.qlub_admindrawer_wait { text-align: center; padding-top: 50px; display: none }
.qlub_admindrawer_wait_msg { font-size: 18px; text-align: center; margin: 40px 0 7px 0 }
.drawericon{ position:absolute; top:2px ; left:2px;}
.drawertitle { font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 10px; }

#qlub_admindrawer_mainpane{ position: relative; left: 0px; top: 0px; width: 100%;  font-size:12px; color:#666; }
#qlub_admindrawer_mainpane h3 { font-size:18px; font-weight: normal; padding: 0px; margin: 0 }
#qlub_admindrawer_mainpane h4 { font-size:13px; font-weight: bold; padding: 5px; margin: 0 }
#qlub_admindrawer_mainpane h5 { font-size:11px; font-weight: normal; padding: 5px 0 5px 10px; margin: 0; text-transform: uppercase }
#qlub_admindrawer_mainpane p { margin : 0px;}

.admindrawer_linkdiv{margin-left:10px;height:18px;}
.admindrawer_linkdiv a {font-size:13px; font-weight: bold;}
.admindrawer_linkimg{margin-right:10px;}
.admindrawer_textdiv{display:table; vertical-align:middle;}
.admindrawer_item{border-style: solid; border-width: 1px; padding:5px;}
.admindrawer_optiontd{ font-weight : bold; text-align:right;}

#qlub_infosmgr { border : 0; font-family : Lato; font-weight: 400; padding: 10px 20px ; font-size:14px}
#qlub_infosmgr .ui-widget-header { background: none; border : 0; border-bottom : 1px solid #ddd; padding : 0; margin : 5px 0px 20px 0 }
#qlub_infosmgr .ui-state-default, #qlub_infosmgr .ui-widget-content .ui-state-default, #qlub_infosmgr .ui-widget-header .ui-state-default { background : none; border : none; color : #1479fc; padding : 15px 20px  }
#qlub_infosmgr .ui-state-active, #qlub_infosmgr .ui-widget-content .ui-state-active,  #qlub_infosmgr .ui-widget-header .ui-state-active { background : #f5f5f5; border : 1px solid #ddd; border-bottom : 0; border-radius : 3px 3px 0 0px }
#qlub_infosmgr .ui-state-default a, #qlub_infosmgr .ui-state-default a:link, #qlub_infosmgr .ui-state-default a:visited { color : #1479fc }
#qlub_infosmgr .ui-state-active a, #qlub_infosmgr .ui-state-active a:link, #qlub_infosmgr .ui-state-active a:visited { color : #212121 }
#qlub_infosmgr .admindrawer_item { border : 0; padding : 15px 0 0 }
#qlub_admindrawer_mainpane #qlub_infosmgr h3 { display:inline-block; font-weight : 400 }
#qlub_admindrawer_mainpane #qlub_infosmgr h4 { padding:0; margin-bottom : 3px; font-weight : 400 }
#qlub_infosmgr .admindrawer_subtitle { border-bottom : 1px solid #ddd; padding-bottom: 10px; margin-bottom : 10px; }
#qlub_infosmgr.ui-tabs .ui-tabs-panel { display : table; padding: 0 }
#qlub_infosmgr.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding : 0}
#qlub_infosmgr .admindrawer_item td.spacer { padding : 5px }
#qlub_infosmgr .q_infosmgr_edit { color : #1475fc; float:right; text-align:right; font-size : 14px; margin-top:5px; cursor: pointer; display:none }
#qlub_infosmgr .admindrawer_item td { padding : 2px 0 }
#qlub_infosmgr .font-q-i, #qlub_infosmgr .font-q-sn { margin-right: 4px }
#qlub_infosmgr .panel-block { margin-bottom : 20px }
#qlub_infosmgr .panel-block:hover .q_infosmgr_edit { display : inline-block }
#qlub_infosmgr .admin_button {  color: #ffffff; background-color: #1479fc; padding: 10px 30px; cursor: pointer; border-radius: 4px; display:inline-block }
#qlub_infosmgr .admin_link { color : #1475fc;  font-size : 14px; cursor: pointer; text-decoration : none }
#qlub_infosmgr .comment { font-size:14px; font-weight:300; color : #000 }
#qlub_infosmgr #infosmgr_favicon_preview { width : 32px; height:32px; overflow:hidden;background-size:contain }

#qlub_accountmgr { border : 0; font-family : Lato; font-weight: 400; padding: 10px 20px ; font-size:14px}
#qlub_accountmgr .ui-widget-header { background: none; border : 0; border-bottom : 1px solid #ddd; padding : 0; margin : 5px 0px 20px 0 }

#qlub_accountmgr .q_tab_titles .ui-state-default, #qlub_accountmgr .q_tab_titles .ui-widget-content .ui-state-default, #qlub_accountmgr .q_tab_titles .ui-widget-header .ui-state-default { background : none; border : none; color : #1479fc; padding : 15px 20px  }

#qlub_accountmgr .ui-state-active, #qlub_accountmgr .ui-widget-content .ui-state-active,  #qlub_accountmgr .ui-widget-header .ui-state-active { background : #f5f5f5; border : 1px solid #ddd; border-bottom : 0; border-radius : 3px 3px 0 0px }
#qlub_accountmgr .ui-state-default a, #qlub_accountmgr .ui-state-default a:link, #qlub_accountmgr .ui-state-default a:visited { color : #1479fc }
#qlub_accountmgr .ui-state-active a, #qlub_accountmgr .ui-state-active a:link, #qlub_accountmgr .ui-state-active a:visited { color : #212121 }
#qlub_accountmgr .admindrawer_item { border-color: #ddd; border-style:dotted;}
#qlub_admindrawer_mainpane #qlub_accountmgr h3 { display:inline-block; font-weight : 400 }
#qlub_admindrawer_mainpane #qlub_accountmgr h4 { padding:0; margin-bottom : 3px; font-weight : 400 }
#qlub_accountmgr .admindrawer_subtitle { border-bottom : 1px solid #ddd; padding-bottom: 10px; margin-bottom : 10px; }
#qlub_accountmgr.ui-tabs .ui-tabs-panel { display : table; padding: 0; width : 100% }
#qlub_accountmgr.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding : 0}
#qlub_accountmgr .admindrawer_item td.spacer { padding : 5px }
#qlub_accountmgr .q_infosmgr_edit { color : #1475fc; float:right; text-align:right; font-size : 14px; margin-top:5px; cursor: pointer; display:none }
#qlub_accountmgr .admindrawer_item td { padding : 2px 0 }
#qlub_accountmgr .admindrawer_item .jqgfirstrow td { padding : 0px }
#qlub_accountmgr .font-q-i, #qlub_accountmgr .font-q-sn { margin-right: 4px }
#qlub_accountmgr .panel-block { margin-bottom : 20px }
#qlub_accountmgr .panel-block:hover .q_infosmgr_edit { display : inline-block }
#qlub_accountmgr .admin_button {  color: #ffffff; background-color: #1479fc; padding: 10px 30px; cursor: pointer; border-radius: 4px; display:inline-block }
#qlub_accountmgr .admin_link { color : #1475fc;  font-size : 14px; cursor: pointer; text-decoration : none }
#qlub_accountmgr .comment { font-size:14px; font-weight:300; color : #000 }
#qlub_accountmgr #infosmgr_favicon_preview { width : 32px; height:32px; overflow:hidden;background-size:contain }

#qlub_accountmgr #accountmgr_optionsavailable, #qlub_accountmgr #accountmgr_optionstaken { border-width:0; padding: 0 }
#qlub_accountmgr .accountmgr_optionitem { border : 0; border-bottom : 1px dotted #ddd; padding-bottom:10px }

#qlub_accountmgr #contactdetails_accountmgr .q_infosmgr_edit { float: none ; display: inline ; visibility: hidden }
#qlub_accountmgr #contactdetails_accountmgr:hover .q_infosmgr_edit { visibility: visible }

/* 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; }

/* Q_SELECT */

.qlub_members_contact{ color : #0044A8; }
.qlub_members_member{ color : #004B21; }
.qlub_members_animator{ color : #50147D; }
.qlub_members_admin{ color: #564B20; }

/* SHAREBOARD - NOTEPAD */

.leftcoltext { padding:8px; margin :0 ; }
.leftcolnotepad { position: relative; height: 170px; line-height: 1.4em; overflow-y: auto; border:1px solid #ddd; background : #f5f5f5; margin:8px }
.notepadlink { width: 130px; margin: 4px 0; padding: 2px 4px; border-bottom: dotted 1px #FFF; }
.notepadnotetext { font-style: italic; white-space: nowrap; overflow: hidden ; text-overflow: ellipsis ; width: 130px; color: #000 }
.notepadexcl { font-size: 18px; font-style: italic; font-weight: bold; color: #E73352 }
.notepadsquare { width: 12px ; height: 12px ; border: solid 1px #DDD }

/* EVENTS MGR */

#qorp_eventsmgr_content { margin: 0 }
#qorp_eventsmgr_content h3 { padding: 12px 0; margin: 0; font-weight: bold; color: #000 }
.qorp_eventsmgr_editdiv { width: 100%; height: 400px; border-style: none dotted solid solid; border-width: 1px; border-color: #999 #AAA #999 #999; overflow: auto }
.qorp_eventsmgr_editdiv td { text-align: left }
.qorp_eventsmgr_editdiv input, .qorp_eventsmgr_editdiv textarea { font-family: Arial, sans-serif; font-size: 105% }
.qorp_eventsmgr_editdiv div.qevtsmgr_date { line-height: 18px; color: #F00; }
.qorp_eventsmgr_editdiv select.qevtsmgr_selectyear { width: 85px }
.qlub_eventsmgr_search { position:relative; width:98px; left:0; top:0; }
.qevtsmgr_searchselectforie { position:absolute; width:85px; left:0; top:0; } 
.qorp_eventsmgr_selectiontr td { line-height:22px; }

.qorp_eventsmgr_buttonsdiv { width: 150px; height: 400px; border-style: none solid solid none; border-width: 1px; border-color: #999 }
.qorp_eventsmgr_buttonsdiv p { margin: 0; padding: 7px 8px 0 10px; color: #3282cb; text-align: left; }
.qorp_eventsmgr_buttonsdiv table { margin-top: 20px; }
.qlub_eventsmgr_cal { border-collapse: collapse; border-color: #BBB }
td.qlub_eventsmgr_formtitle { vertical-align: top; white-space: nowrap; text-align: left; padding-right: 8px }
td.qlub_eventsmgr_formtitle div { line-height: 18px; font-size: 105%; overflow: hidden; }
td.qlub_eventsmgr_formtitle .qlub_eventsmgr_formtitle_date { font-weight: bold; }
td.qlub_eventsmgr_formtitle .qlub_eventsmgr_formtitle_day { font-weight: bold; }
.qlub_eventsmgr_mandatorysign { line-height: 18px; vertical-align: top; font-size: 12px; color: #F00 }

.qorp_eventsmgr_selectiondiv { background-color: #EEE; color: #000; border-style: dotted none; border-width: 1px; border-color: #AAA; padding: 5px; margin-bottom: 5px;height:20px; text-align:center; }
.qorp_eventsmgr_selectiondiv select { width: 85px; margin: 0 10px 0 3px }

/* EMAIL ALERT */

/*
.qlub_emailalert_option{ font-weight : bold; text-align:left; line-height:20px;}
.qlub_emailalert_groupname { font-weight: bold ; }
.qlub_emailalert_content input{ width: 100%; height:16px; font-size:13px; border : solid 1px #444; }
.qlub_emailalert_content textarea{ width: 100%; border : solid 1px #444; }
.qlub_emailalert_content select{ width: 100%; border : solid 1px #444;}
#qlub_emailalert_filesnames { padding-top: 2px ; max-height:60px; overflow:auto; }
.qlub_emailalert_dests { font-size:10px; font-style:italic; }
.qlub_ema_fileitem { display: inline-block; height: 20px ; }
*/

.qlub_emailalert_content { width : 558px; }
.qlub_emailalert_join { display: none ; }
.qlub_emailalert_joinfiles { display: none ; }
.qlub_emailalert_toothers { display:none ; }
.qlub_ema_remove:hover { cursor:pointer }
.qlub_emailalert_mailthisedit { margin-bottom:8px; }
.qlub_emailalert_destchoose { margin-top: 16px }
.qlub_emailalert_msg { height: 200px; }
.qlub_emailalert_dests { color : #888; font-size:12px; font-style:italic; }
.qlub_emailalert_groupsize { color : #888; font-size:14px; }
.qlub_emailalert_joinfilename { color : #1479fc; font-size:12px; margin-top:8px; display:none; }
#qlub_emailalert_filesnames { margin-top : 8px }
.qlub_ema_remove { color : #d20600; font-size:12px; cursor:pointer; margin-right:4px; vertical-align:middle }
.qlub_ema_separator { width : 12px; display:inline-block }

/* NL */

/*
#qlub_nl_content{ padding : 10px 0; font-size:12px; color : #333;}
.qlub_nl_optiontd{ font-weight : bold; text-align:right;}
.qlub_nl_infos{ font-size: 12px; font-family : Arial; padding:10px; color:#333;}
.qlub_nl_infos .redstar{ font-size:14px; color:red; padding-left:2px;} 
.qlub_nl_infos input{ width: 100%; height:16px; font-size:13px; border : solid 1px #444; }
.qlub_nl_infos textarea{ width: 100%; height: 60px; border : solid 1px #444; }
.qlub_nl_infos select{ width: 100%; border : solid 1px #444;}
*/
.qlub_nl_content { width: 558px }
.qlub_nl_label { margin-bottom : 4px; display:inline-block }
.qlub_nl_content .custom-form-select { display: inline-block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; background-image: url(/images/arrow_select.jpg ); background-position: center right; background-repeat: no-repeat; position: absolute; top: 0; left: 0; overflow: hidden; cursor: pointer; border:1px solid #dddddd; padding: 10px; border-radius:4px}
.qlub_nl_content .custom-form-wrapper { display: inline-block; position: relative; vertical-align: middle; width:100% ; height:39px }
.qlub_nl_content .cform { cursor:pointer }
.qlub_nl_edito { height : 70px }
.qlub_nl_groupsize { font-size: 12px; margin-top: 6px; display: none; color: #888; width: 100%; text-align: right; }

/* servcice DISQ */
#disq_repliesorder { width: 35px; height: 25px; background: transparent url(https://core2.quomodo.com/bundles/qlub/images/disqorder.png) top left no-repeat;}
#disq_orderinfo { padding-right : 12px ; font-size : 12px }

/* servcice PAGES */

.maincontainerdiv { behavior: url( "/style/pages.htc" ); }
.qelgoog a { visibility : hidden }

#pages_publiclogo { position: relative; width: 199px; height: 115px; background-image: url('https://core1.quomodo.com/images/artema/pages_publiclogo.png'); margin-left: -26px }
#pages_pageformat3_ncols { position : absolute ; top : 10px ; left : 6px ; font-size : 24px ; font-weight : bold ; color : #f00 }

/* A TRIER */

a { color: #005081 ; }
.signature { color: #888 ; padding: 2px 0; line-height: 1.1em}
.linkinnote { padding: 2px 4px ; }
a.linkinnote:link , a.linkinnote:visited , a.linkinnote:hover , a.linkinnote:active { color: #888; }
.textentry { border: solid 1px #AAA; width: 150px; font-family: Arial , sans-serif; font-size: 11px }
.notecontent { margin-top: 0px; }
.notetext { margin: 0em 1em 0.2em 1em }
.square { font-size: 12px; font-weight: bold; color: #000; }

a.button:link, a.button:visited, a.button:hover, a.button:active { border: solid 1px #5B5B5D ; color: #5B5B5D ; background-color: #FFF }
a.button:hover { background-color: #5B5B5D ; color : #FFF ; border-color : #5B5B5D }
a.button:active { background-color: #333 ; color : #FFF ; border-color : #333 }

.hiddenlink { margin-bottom: 2px ; }

.q_divspacer { clear : both }

/* pour les boutons btntbn */
.divimg { position : absolute ; left : 0px ; }

form { margin : 0px ; padding : 0px }
#pages_richparentelem ,#pages_richelem, .stuff-richelem, .stuff-richparent { position : absolute ; top : 0px ; left : 0px ; display : none ; border : solid 1px #1479fc }
.qlub_pagecolor { background-repeat : repeat; }
.q_whitecolor { color : #FFF }
#pageslist { position: absolute; right: 10px; top: 10px; font-size: 11px; }

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

#sitemapmgr_popupvalue { color : #888 }
#sitemapmgr_updatepopup, #sitemapmgr_deletepopup, #sitemapmgr_withoutpopup { color : #1479fc; cursor : pointer }

/* ANCIENS MENUS v5*/

.qlub_menupane_content li.fo_tabsmenu_newlink { position : relative ; top : 0px ; left : 0px ; border-top: solid 1px #FFF; margin-top : 8px ; padding: 12px 18px 0px 20px; font-size: 12px; text-transform: none; font-weight: normal; height : 30px ; list-style-type : none }
.fo_tabsmenu_newlink img { position: absolute ; top : 12px ; left : 12px }
* html .fo_tabsmenu_newlink img { left : -38px ; }

.fo_tabsmenu_link { position: relative ; padding: 3px 6px 4px 28px; }
.fo_tabsmenu_link a { font-size: 12px; color: #FFF; white-space: nowrap }
li.qlub_menuitem_link a , li.qlub_menuitem_link a:link , li.qlub_menuitem_link a:visited , li.qlub_menuitem_link a:hover , li.qlub_menuitem_link a:active { text-decoration : none }

.qlub_menuspacer { position : relative ; width: 8px }
.qlub_menubarseparator { width: 0px; height: 32px; border-right: solid 1px #FFF }
.qlub_menubarmarker { position : absolute ; top : 0px ; width: 22px; height: 10px; background: transparent top left no-repeat }
.qlub_menubutton { position: relative; width: 100%; height: 32px; background: transparent top left repeat-x; cursor: default; color: #FFF; font-size: 13px; white-space: nowrap; z-index: 2 }
.qlub_menutab { height: 32px; line-height: 32px; font-size: 13px; white-space: nowrap; color : black }
.qlub_tdmenutab , .qlub_tdmenutabover { padding:0px 8px }
#qlub_disqmenulink , #qlub_shareboardmenulink { padding-left: 8px }
.qlub_tdmenutabover { background-image:url(https://core0.quomodo.com/bundles/qlub/images/menuover.png); _background-image: url('https://core5.quomodo.com/images/blank.gif') ; _filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://core0.quomodo.com/bundles/qlub/images/menuover.png',sizingMethod='scale') ; background-repeat : repeat-x }
.qlub_menubutton .qlub_menubuttonover { display : none }
.qlub_tdmenutab .qlub_menupane, .qlub_tdmenutabover { margin-left: -17px; } /* 9px d'ombre + 8px de padding */
.qlub_menupane_content li { font-size: 16px; cursor: pointer; color: #FFF;}
.qlub_menupane_content li a { font-size: 13px; height:22px;line-height:22px;}
ul.qlub_menupane_content{ padding:0; margin:10px 0;}
.qlub_menupane_content li{ list-style-type: none; list-style-position: inside;  padding-left:1em; }
.qlub_menupane a { text-decoration:none;}

/* OBSO ??? */

.pagetabalert { position: relative; left: 0px; top: 0px; font-style: italic; }
.pagelinkalert { font-size: 12px; color: #EEE; padding-left: 20px; letter-spacing: 1px; font-variant: small-caps;}


.adminmenu{ background-image:url(https://core5.quomodo.com/bundles/qlub/images/adminmenu_sprites.png?d=2014-10-31); _background-image:url(https://core5.quomodo.com/bundles/qlub/images/adminmenu_sprites.gif?d=2014-10-31); background-repeat: no-repeat;}

.sprite_ispublic_16{ width:16px; height:16px; background:none; }

.sprite_members_16 { width:16px; height:16px; background-position : 0px 0px }
.sprite_menu_16 { width:16px; height:16px; background-position : 0px -16px }
.sprite_globe_16 { width:16px; height:16px; background-position : 0px -32px }
.sprite_events_16 { width:16px; height:16px; background-position : 0px -48px }
.sprite_uploads_16 { width:16px; height:16px; background-position : 0px -64px }
.sprite_diflist_16 { width:16px; height:16px; background-position : 0px -80px }
.sprite_palette_16 { width:16px; height:16px; background-position : 0px -96px }
.sprite_sponsors_16 { width:16px; height:16px; background-position : 0px -112px }
.sprite_refresh_16 { width:16px; height:16px; background-position : 0px -128px }
.sprite_help_16 { width:16px; height:16px; background-position : 0px -144px }
.sprite_qwiz_16 { width:16px; height:16px; background-position : 0px -160px }
.sprite_stats_16 { width:16px; height:16px; background-position : 0px -176px }
.sprite_news_16 { width:16px; height:16px; background-position : 0px -192px }
.sprite_gallery_16 { width:16px; height:16px; background-position : 0px -208px }
.sprite_support_16 { width:16px; height:16px; background-position : 0px -224px }
.sprite_video_16 { width:16px; height:16px; background-position : 0px -240px }
.sprite_firststeps_16 { width:16px; height:16px; background-position : 0px -256px }
.sprite_members_16_disabled { width:16px; height:16px; background-position : 0px -272px }
.sprite_menu_16_disabled { width:16px; height:16px; background-position : 0px -288px }
.sprite_globe_16_disabled { width:16px; height:16px; background-position : 0px -304px }
.sprite_events_16_disabled { width:16px; height:16px; background-position : 0px -320px }
.sprite_uploads_16_disabled { width:16px; height:16px; background-position : 0px -336px }
.sprite_diflist_16_disabled { width:16px; height:16px; background-position : 0px -352px }
.sprite_palette_16_disabled { width:16px; height:16px; background-position : 0px -368px }
.sprite_sponsors_16_disabled { width:16px; height:16px; background-position : 0px -384px }
.sprite_refresh_16_disabled { width:16px; height:16px; background-position : 0px -400px }
.sprite_pressrelease_16 { width:16px; height:16px; background-position : 0px -416px }
.sprite_partners_16 { width:16px; height:16px; background-position : 0px -432px }
.sprite_accounts_16 { width:16px; height:16px; background-position : 0px -448px }
.sprite_infos_16 { width:16px; height:16px; background-position : 0px -464px }
.sprite_admin_16 { width:16px; height:16px; background-position : 0px -480px }
.sprite_arrow_back_16 { width:16px; height:16px; background-position : 0px -496px }
.sprite_restore_16 { width:16px; height:16px; background-position : 0px -512px }
.sprite_grappe_16 { width:16px; height:16px; background-position : 0px -528px }
.sprite_ods_16 { width:16px; height:16px; background-position : 0px -544px }

.sprite_members_32 { width:32px; height:32px; background-position : -20px 0px }
.sprite_menu_32 { width:32px; height:32px; background-position : -20px -32px }
.sprite_globe_32 { width:32px; height:32px; background-position : -20px -64px }
.sprite_events_32 { width:32px; height:32px; background-position : -20px -96px }
.sprite_uploads_32 { width:32px; height:32px; background-position : -20px -128px }
.sprite_diflist_32 { width:32px; height:32px; background-position : -20px -160px }
.sprite_palette_32 { width:32px; height:32px; background-position : -20px -192px }
.sprite_sponsors_32 { width:32px; height:32px; background-position : -20px -224px }
.sprite_members_32_disabled { width:32px; height:32px; background-position : -20px -256px }
.sprite_menu_32_disabled { width:32px; height:32px; background-position : -20px -288px }
.sprite_globe_32_disabled { width:32px; height:32px; background-position : -20px -320px }
.sprite_events_32_disabled { width:32px; height:32px; background-position : -20px -352px }
.sprite_uploads_32_disabled { width:32px; height:32px; background-position : -20px -384px }
.sprite_diflist_32_disabled { width:32px; height:32px; background-position : -20px -416px }
.sprite_palette_32_disabled { width:32px; height:32px; background-position : -20px -448px }
.sprite_sponsors_32_disabled { width:32px; height:32px; background-position : -20px -480px }
.sprite_ideas_32 { width:32px; height:32px; background-position : -20px -512px }
.sprite_cancel_32 { width:32px; height:32px; background-position : -20px -544px }
.sprite_validate_32 { width:32px; height:32px; background-position : -20px -576px }
.sprite_admin_32 { width:32px; height:32px; background-position : -20px -608px }
.sprite_edit_32 { width:32px; height:32px; background-position : -20px -640px }
.sprite_restore_32 { width:32px; height:32px; background-position : -20px -672px }

.sprite_members_48 { width:48px; height:48px; background-position : -60px 0px }
.sprite_menu_48 { width:48px; height:48px; background-position : -60px -48px }
.sprite_globe_48 { width:48px; height:48px; background-position : -60px -96px }
.sprite_events_48 { width:48px; height:48px; background-position : -60px -144px }
.sprite_uploads_48 { width:48px; height:48px; background-position : -60px -192px }
.sprite_diflist_48 { width:48px; height:48px; background-position : -60px -240px }
.sprite_palette_48 { width:48px; height:48px; background-position : -60px -288px }
.sprite_sponsors_48 { width:48px; height:48px; background-position : -60px -336px }
.sprite_contactcard_48 { width:48px; height:48px; background-position : -60px -384px }
.sprite_infos_48 { width:48px; height:48px; background-position : -60px -432px }
.sprite_accounts_48 { width:48px; height:48px; background-position : -60px -480px }
.sprite_removemember_48 { width:48px; height:48px; background-position : -60px -528px }
.sprite_grappe_48 { width:48px; height:48px; background-position : -60px -576px }

.sprite_folder_add_16 { width:16px; height:16px; background-position : -110px 0px }
.sprite_folder_edit_16 { width:16px; height:16px; background-position : -110px -16px }
.sprite_folder_del_16 { width:16px; height:16px; background-position : -110px -32px }
.sprite_page_add_16 { width:16px; height:16px; background-position : -110px -48px }
.sprite_link_add_16 { width:16px; height:16px; background-position : -110px -64px }
.sprite_page_edit_16 { width:16px; height:16px; background-position : -110px -80px }
.sprite_page_del_16 { width:16px; height:16px; background-position : -110px -96px }
.sprite_page_publish_16 { width:16px; height:16px; background-position : -110px -112px }
.sprite_page_dupl_16 { width:16px; height:16px; background-position : -110px -128px }
.sprite_page_restore_16 { width:16px; height:16px; background-position : -110px -144px }
.sprite_ishome_16 { width:16px; height:16px; background-position : -110px -160px }
.sprite_ishome_hidden_16 { width:16px; height:16px; background-position : -110px -176px }
.sprite_isweb_16 { width:16px; height:16px; background-position : -110px -192px }
.sprite_ispublic_hidden_16 { width:16px; height:16px; background-position : -110px -208px }
.sprite_isweb_hidden_16 { width:16px; height:16px; background-position : -110px -208px }
.sprite_isnotweb_16 { width:16px; height:16px; background-position : -110px -224px }
.sprite_isnotweb_hidden_16 { width:16px; height:16px; background-position : -110px -240px }
.sprite_chat_16 { width:16px; height:16px; background-position : -110px -256px }
.sprite_disq_16 { width:16px; height:16px; background-position : -110px -256px }
.sprite_chat_disabled_16 { width:16px; height:16px; background-position : -110px -272px }
.sprite_disq_disabled_16 { width:16px; height:16px; background-position : -110px -272px }
.sprite_note_16 { width:16px; height:16px; background-position : -110px -288px }
.sprite_shareboard_16 { width:16px; height:16px; background-position : -110px -288px }
.sprite_note_disabled_16 { width:16px; height:16px; background-position : -110px -304px }
.sprite_shareboard_disabled_16 { width:16px; height:16px; background-position : -110px -304px }
.sprite_symbol_new_16 { width:16px; height:16px; background-position : -110px -320px }
.sprite_symbol_delete_16 { width:16px; height:16px; background-position : -110px -336px }
.sprite_symbol_edit_16 { width:16px; height:16px; background-position : -110px -352px }
.sprite_key_16 { width:16px; height:16px; background-position : -110px -368px }
.sprite_unlocked_16 { width:16px; height:16px; background-position : -110px -384px }
.sprite_animator_16 { width:16px; height:16px; background-position : -110px -400px }
.sprite_email_16 { width:16px; height:16px; background-position : -110px -416px }
.sprite_link_16 { width:16px; height:16px; background-position : -110px -432px }
.sprite_sort_16 { width:16px; height:16px; background-position : -110px -448px }
.sprite_sort_asc_16 { width:16px; height:16px; background-position : -110px -464px }
.sprite_sort_desc_16 { width:16px; height:16px; background-position : -110px -480px }
.sprite_search_16 { width:16px; height:16px; background-position : -110px -496px }
.sprite_rename_16 { width:16px; height:16px; background-position : -110px -512px }
.sprite_print_16 { width:16px; height:16px; background-position : -110px -528px }
.sprite_event_add_16 { width:16px; height:16px; background-position : -110px -544px }
.sprite_chat_hidden_16 { width:16px; height:16px; background-position : -110px -560px }
.sprite_disq_hidden_16 { width:16px; height:16px; background-position : -110px -560px }
.sprite_note_hidden_16 { width:16px; height:16px; background-position : -110px -576px }
.sprite_shareboard_hidden_16 { width:16px; height:16px; background-position : -110px -576px }
.sprite_page_16 { width:16px; height:16px; background-position : -110px -592px }

.sprite_arrow_green_right_16 { width:16px; height:16px; background-position : -130px 0px }
.sprite_arrow_green_bottomright_16 { width:16px; height:16px; background-position : -130px -16px }
.sprite_edit_16 { width:16px; height:16px; background-position : -130px -32px }
.sprite_delete_16 { width:16px; height:16px; background-position : -130px -48px }
.sprite_upload_16 { width:16px; height:16px; background-position : -130px -64px }
.sprite_download_16 { width:16px; height:16px; background-position : -130px -80px }
.sprite_select_16 { width:16px; height:16px; background-position : -130px -96px }
.sprite_unselect_16 { width:16px; height:16px; background-position : -130px -112px }
.sprite_album_16 { width:16px; height:16px; background-position : -130px -128px }
.sprite_align_justify_16 { width:16px; height:16px; background-position : -130px -144px }
.sprite_align_left_16 { width:16px; height:16px; background-position : -130px -160px }
.sprite_align_center_16 { width:16px; height:16px; background-position : -130px -176px }
.sprite_align_right_16 { width:16px; height:16px; background-position : -130px -192px }
.sprite_info_16 { width:16px; height:16px; background-position : -130px -208px }
.sprite_redflag_16 { width:16px; height:16px; background-position : -130px -224px }
.sprite_star_16 { width:16px; height:16px; background-position : -130px -240px }
.sprite_arrow_green_upright_16 { width:16px; height:16px; background-position : -130px -256px }
.sprite_arrow_green_upright_disabled_16 { width:16px; height:16px; background-position : -130px -272px }
.sprite_edit_disabled_16 { width:16px; height:16px; background-position : -130px -288px }
.sprite_delete_disabled_16 { width:16px; height:16px; background-position : -130px -304px }
.sprite_collapse_16 { width:16px; height:16px; background-position : -130px -320px }
.sprite_expand_16 { width:16px; height:16px; background-position : -130px -336px }
.sprite_checkout_16 { width:16px; height:16px; background-position : -130px -352px }
.sprite_invoices_16 { width:16px; height:16px; background-position : -130px -368px }
.sprite_switch_16 { width:16px; height:16px; background-position : -130px -384px }
.sprite_excel_export_16 { width:16px; height:16px; background-position : -130px -400px }
.sprite_align_bottom_16 { width:16px; height:16px; background-position : -130px -416px }
.sprite_align_middle_16 { width:16px; height:16px; background-position : -130px -432px }
.sprite_align_top_16 { width:16px; height:16px; background-position : -130px -448px }

.sprite_admindrawer_mainicon_bkg { width:48px; height:48px; background-position : -150px 0px }
.sprite_admindrawer_icon_bkg { width:48px; height:270px; background-position : -150px -48px }

.sprite_delete_12 { width:12px; height:12px; background-position : -200px 0px }
.sprite_globe_12 { width:12px; height:12px; background-position : -200px -12px }
.sprite_edit_12 { width:12px; height:12px; background-position : -200px -24px }
.sprite_view_12 { width:12px; height:12px; background-position : -200px -36px }
.sprite_customselect { width:19px; height:26px; background-position : -200px -48px }
.sprite_file_admin_12 { width:12px; height:12px; background-position : -200px -100px }
.sprite_file_events_12 { width:12px; height:12px; background-position : -200px -112px }
.sprite_file_members_12 { width:12px; height:12px; background-position : -200px -124px }
.sprite_file_private_12 { width:12px; height:12px; background-position : -200px -136px }
.sprite_file_sponsors_12 { width:12px; height:12px; background-position : -200px -148px }
.sprite_file_web_12 { width:12px; height:12px; background-position : -200px -160px }
.sprite_file_theme_12 { width:12px; height:12px; background-position : -200px -172px }
.sprite_file_forum_12 { width:12px; height:12px; background-position : -200px -184px }
.sprite_file_shareboard_12 { width:12px; height:12px; background-position : -200px -196px }
.sprite_chat_8 { width:8px; height:8px; background-position : -200px -208px }
.sprite_disq_8 { width:8px; height:8px; background-position : -200px -208px }
.sprite_note_8 { width:8px; height:8px; background-position : -200px -216px }
.sprite_shareboard_8 { width:8px; height:8px; background-position : -200px -216px }

.sprite_domain_32 { width:32px; height:32px; background-position : -230px 0px }
.sprite_info_32 { width:32px; height:32px; background-position : -230px -32px }
.sprite_infos_32 { width:32px; height:32px; background-position : -230px -32px }
.sprite_tools_admin_32 { width:32px; height:32px; background-position : -230px -64px }
.sprite_tools_member_32 { width:32px; height:32px; background-position : -230px -96px }
.sprite_directory_32 { width:32px; height:32px; background-position : -230px -128px }
.sprite_help_32 { width:32px; height:32px; background-position : -230px -160px }
.sprite_qwiz_32 { width:32px; height:32px; background-position : -230px -192px }
.sprite_stats_32 { width:32px; height:32px; background-position : -230px -224px }
.sprite_news_32 { width:32px; height:32px; background-position : -230px -256px }
.sprite_gallery_32 { width:32px; height:32px; background-position : -230px -288px }
.sprite_support_32 { width:32px; height:32px; background-position : -230px -320px }
.sprite_pressrelease_32 { width:32px; height:32px; background-position : -230px -352px }
.sprite_partners_32 { width:32px; height:32px; background-position : -230px -384px }
.sprite_accounts_32 { width:32px; height:32px; background-position : -230px -416px }
.sprite_googleanalytics_32 { width:32px; height:32px; background-position : -230px -448px }
.sprite_upload_32 { width:32px; height:32px; background-position : -230px -480px }
.sprite_download_32 { width:32px; height:32px; background-position : -230px -512px }
.sprite_print_32 { width:32px; height:32px; background-position : -230px -544px }
.sprite_arrow_back_32 { width:32px; height:32px; background-position : -230px -576px }
.sprite_grappe_32 { width:32px; height:32px; background-position : -230px -608px }
.sprite_ods_32 { width:32px; height:32px; background-position : -230px -640px }

.sprite_help_24 { width:24px; height:24px; background-position : -270px 0px }
.sprite_folder_add_24 { width:24px; height:24px; background-position : -270px -24px }
.sprite_folder_del_24 { width:24px; height:24px; background-position : -270px -48px }
.sprite_delete_24 { width:24px; height:24px; background-position : -270px -72px }
.sprite_plus_24 { width:24px; height:24px; background-position : -270px -96px }
.sprite_alerts_email_24 { width:24px; height:24px; background-position : -270px -120px }
.sprite_alerts_newsletter_24 { width:24px; height:24px; background-position : -270px -144px }
.sprite_page_new_24 { width:24px; height:24px; background-position : -270px -168px }
.sprite_chat_24 { width:24px; height:24px; background-position : -270px -192px }
.sprite_disq_24 { width:24px; height:24px; background-position : -270px -192px }
.sprite_chat_disabled_24 { width:24px; height:24px; background-position : -270px -216px }
.sprite_disq_disabled_24 { width:24px; height:24px; background-position : -270px -216px }
.sprite_note_24 { width:24px; height:24px; background-position : -270px -240px }
.sprite_shareboard_24 { width:24px; height:24px; background-position : -270px -240px }
.sprite_note_disabled_24 { width:24px; height:24px; background-position : -270px -264px }
.sprite_shareboard_disabled_24 { width:24px; height:24px; background-position : -270px -264px }
.sprite_align_24 { width:24px; height:24px; background-position : -270px -288px }
.sprite_share_24 { width:24px; height:24px; background-position : -270px -312px }
.sprite_admin_24 { width:24px; height:24px; background-position : -270px -336px }
.sprite_members_24 { width:24px; height:24px; background-position : -270px -360px }
.sprite_web_24 { width:24px; height:24px; background-position : -270px -384px }
.sprite_popup_24 { width:24px; height:17px; background-position : -270px -408px }
.sprite_switch_24 { width:24px; height:24px; background-position : -270px -425px }

.sprite_alerts_email_72 { width:72px; height:72px; background-position : -300px 0px }
.sprite_alerts_newsletter_72 { width:72px; height:72px; background-position : -300px -72px }

.sprite_publishbutton_web { width:154px; height:38px; background-position : -380px 0px }
.sprite_publishbutton_web_over { width:154px; height:38px; background-position : -380px -38px }
.sprite_publishbutton_members { width:154px; height:38px; background-position : -380px -76px }
.sprite_publishbutton_members_over { width:154px; height:38px; background-position : -380px -114px }
.sprite_othersbutton { width:154px; height:30px; background-position : -380px -156px }
.sprite_othersbutton_over { width:154px; height:30px; background-position : -380px -186px }
.sprite_leftcolbutton { width:154px; height:30px; background-position : -380px -216px }
.sprite_leftcolbutton_over { width:154px; height:30px; background-position : -380px -246px }
.sprite_logo_quomodo { width:151px; height:36px; background-position : -380px -290px }
.sprite_logo_beta { width:151px; height:24px; background-position : -380px -340px }



.sn_chooserlist {background-image:url(https://core4.quomodo.com/bundles/qlub/images/sn_chooserlist.png?d=2021-10-29) ; background-repeat:no-repeat }
.sn_chooserlist_wsg { width : 45px; height : 45px; background-position : -0px 0px}
.sn_chooserlist_pmtxt { width : 45px; height : 45px; background-position : -45px 0px}
.sn_chooserlist_pimg { width : 45px; height : 45px; background-position : -90px 0px}
.sn_chooserlist_poll { width : 45px; height : 45px; background-position : -135px 0px}
.sn_chooserlist_poll2 { width : 45px; height : 45px; background-position : -135px 0px}
.sn_chooserlist_table { width : 45px; height : 45px; background-position : -180px 0px}
.sn_chooserlist_fv { width : 45px; height : 45px; background-position : -225px 0px}
.sn_chooserlist_nws { width : 45px; height : 45px; background-position : -270px 0px}
.sn_chooserlist_broll { width : 45px; height : 45px; background-position : -315px 0px}
.sn_chooserlist_matchnext { width : 45px; height : 45px; background-position : -360px 0px}
.sn_chooserlist_matchnext2 { width : 45px; height : 45px; background-position : -360px 0px}
.sn_chooserlist_flash { width : 45px; height : 45px; background-position : -405px 0px}
.sn_chooserlist_photoslider { width : 45px; height : 45px; background-position : -450px 0px}
.sn_chooserlist_photoslider2 { width : 45px; height : 45px; background-position : -450px 0px}
.sn_chooserlist_photoboxes { width : 45px; height : 45px; background-position : -495px 0px}
.sn_chooserlist_photoboxes2 { width : 45px; height : 45px; background-position : -495px 0px}
.sn_chooserlist_photoflow { width : 45px; height : 45px; background-position : -540px 0px}
.sn_chooserlist_photoflow2 { width : 45px; height : 45px; background-position : -540px 0px}
.sn_chooserlist_music { width : 45px; height : 45px; background-position : -585px 0px}
.sn_chooserlist_dropbox { width : 45px; height : 45px; background-position : -630px 0px}
.sn_chooserlist_contact { width : 45px; height : 45px; background-position : -675px 0px}
.sn_chooserlist_contact2 { width : 45px; height : 45px; background-position : -675px 0px}
.sn_chooserlist_comment { width : 45px; height : 45px; background-position : -720px 0px}
.sn_chooserlist_vc { width : 45px; height : 45px; background-position : -765px 0px}
.sn_chooserlist_gm { width : 45px; height : 45px; background-position : -810px 0px}
.sn_chooserlist_rss { width : 45px; height : 45px; background-position : -855px 0px}
.sn_chooserlist_rss2 { width : 45px; height : 45px; background-position : -855px 0px}
.sn_chooserlist_files { width : 45px; height : 45px; background-position : -900px 0px}
.sn_chooserlist_bookmarks { width : 45px; height : 45px; background-position : -945px 0px}
.sn_chooserlist_mcn { width : 45px; height : 45px; background-position : -990px 0px}
.sn_chooserlist_silhouette { width : 45px; height : 45px; background-position : -1035px 0px}
.sn_chooserlist_charmessage { width : 45px; height : 45px; background-position : -1080px 0px}
.sn_chooserlist_btn { width : 45px; height : 45px; background-position : -1125px 0px}
.sn_chooserlist_clock { width : 45px; height : 45px; background-position : -1170px 0px}
.sn_chooserlist_countdown { width : 45px; height : 45px; background-position : -1215px 0px}
.sn_chooserlist_countdown2 { width : 45px; height : 45px; background-position : -1215px 0px}
.sn_chooserlist_meteo { width : 45px; height : 45px; background-position : -1260px 0px}
.sn_chooserlist_dn { width : 45px; height : 45px; background-position : -1305px 0px}
.sn_chooserlist_nl { width : 45px; height : 45px; background-position : -1350px 0px}
.sn_chooserlist_hello_intl { width : 45px; height : 45px; background-position : -1395px 0px}
.sn_chooserlist_team { width : 45px; height : 45px; background-position : -1440px 0px}
.sn_chooserlist_calendar { width : 45px; height : 45px; background-position : -1485px 0px}
.sn_chooserlist_calendar2 { width : 45px; height : 45px; background-position : -1485px 0px}
.sn_chooserlist_ffbb { width : 45px; height : 45px; background-position : -1530px 0px}
.sn_chooserlist_ffbb2 { width : 45px; height : 45px; background-position : -1530px 0px}
.sn_chooserlist_bnv_intl { width : 45px; height : 45px; background-position : -1575px 0px}
.sn_chooserlist_pmessage { width : 45px; height : 45px; background-position : -1620px 0px}
.sn_chooserlist_cal { width : 45px; height : 45px; background-position : -1665px 0px}
.sn_chooserlist_dispo_intl { width : 45px; height : 45px; background-position : -1710px 0px}
.sn_chooserlist_todos { width : 45px; height : 45px; background-position : -1755px 0px}
.sn_chooserlist_bdcfamily { width : 45px; height : 45px; background-position : -1800px 0px}
.sn_chooserlist_bd_intl { width : 45px; height : 45px; background-position : -1845px 0px}
.sn_chooserlist_kado { width : 45px; height : 45px; background-position : -1890px 0px}
.sn_chooserlist_kitty { width : 45px; height : 45px; background-position : -1935px 0px}
.sn_chooserlist_spiral_intl { width : 45px; height : 45px; background-position : -1980px 0px}
.sn_chooserlist_photomaton { width : 45px; height : 45px; background-position : -2025px 0px}
.sn_chooserlist_todo { width : 45px; height : 45px; background-position : -2070px 0px}
.sn_chooserlist_bnq_intl { width : 45px; height : 45px; background-position : -2115px 0px}
.sn_chooserlist_menu { width : 45px; height : 45px; background-position : -2160px 0px}
.sn_chooserlist_menu2 { width : 45px; height : 45px; background-position : -2160px 0px}
.sn_chooserlist_favorite { width : 45px; height : 45px; background-position : -2205px 0px}
.sn_chooserlist_navig { width : 45px; height : 45px; background-position : -2250px 0px}
.sn_chooserlist_carousel { width : 45px; height : 45px; background-position : -2295px 0px}
.sn_chooserlist_live { width : 45px; height : 45px; background-position : -2340px 0px}
.sn_chooserlist_live2 { width : 45px; height : 45px; background-position : -2340px 0px}
.sn_chooserlist_events { width : 45px; height : 45px; background-position : -2385px 0px}
.sn_chooserlist_gmlist { width : 45px; height : 45px; background-position : -2430px 0px}
.sn_chooserlist_rsvp { width : 45px; height : 45px; background-position : -2475px 0px}
.sn_chooserlist_tennislibre { width : 45px; height : 45px; background-position : -2520px 0px}
.sn_chooserlist_pronos { width : 45px; height : 45px; background-position : -2565px 0px}
.sn_chooserlist_pronos2 { width : 45px; height : 45px; background-position : -2565px 0px}
.sn_chooserlist_menuh { width : 45px; height : 45px; background-position : -2610px 0px}
.sn_chooserlist_pagesep { width : 45px; height : 45px; background-position : -2655px 0px}


.sn_chooserlist_demo_fr_wsg { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/wsg/images/wsg_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_pmtxt { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/pmtxt/images/pmtxt_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_pimg { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/pimg/images/pimg_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_poll { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/poll/images/poll_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_table { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/table/images/table_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_fv { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/fv/images/fv_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_nws { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/nws/images/nws_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_broll { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/broll/images/broll_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_matchnext { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/matchnext/images/matchnext_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_flash { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/flash/images/flash_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_photoslider { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/photoslider/images/photoslider_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_photoboxes { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/photoboxes/images/photoboxes_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_photoflow { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/photoflow/images/photoflow_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_music { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/music/images/music_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_dropbox { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/dropbox/images/dropbox_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_contact { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/contact/images/contact_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_comment { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/comment/images/comment_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_vc { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/vc/images/vc_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_gm { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/gm/images/gm_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_rss { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/rss/images/rss_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_files { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/files/images/files_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_bookmarks { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/bookmarks/images/bookmarks_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_mcn { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/mcn/images/mcn_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_silhouette { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/silhouette/images/silhouette_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_charmessage { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/charmessage/images/charmessage_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_btn { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/btn/images/btn_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_clock { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/clock/images/clock_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_countdown { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/countdown/images/countdown_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_meteo { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/meteo/images/meteo_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_dn { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/dn/images/dn_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_nl { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/nl/images/nl_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_hello_intl { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/hello_intl/images/hello_intl_demo_fr.png' ) ; }
.sn_chooserlist_demo_fr_team { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/team/images/team_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_vol { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/vol/images/vol_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_calendar { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/calendar/images/calendar_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_flickr { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/flickr/images/flickr_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_ffbb { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/ffbb/images/ffbb_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_bnv_intl { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/bnv_intl/images/bnv_intl_demo_fr.png' ) ; }
.sn_chooserlist_demo_fr_pmessage { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/pmessage/images/pmessage_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_cal { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/cal/images/cal_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_dispo_intl { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/dispo_intl/images/dispo_intl_demo_fr.png' ) ; }
.sn_chooserlist_demo_fr_todos { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/todos/images/todos_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_bdcfamily { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/bdcfamily/images/bdcfamily_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_bd_intl { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/bd_intl/images/bd_intl_demo_fr.png' ) ; }
.sn_chooserlist_demo_fr_kado { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/kado/images/kado_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_kitty { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/kitty/images/kitty_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_spiral_intl { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/spiral_intl/images/spiral_intl_demo_fr.png' ) ; }
.sn_chooserlist_demo_fr_photomaton { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/photomaton/images/photomaton_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_todo { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/todo/images/todo_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_bnq_intl { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/bnq_intl/images/bnq_intl_demo_fr.png' ) ; }
.sn_chooserlist_demo_fr_menu { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/menu/images/menu_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_favorite { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/favorite/images/favorite_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_navig { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/navig/images/navig_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_traffic { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/traffic/images/traffic_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_carousel { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/carousel/images/carousel_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_live { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/live/images/live_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_events { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/events/images/events_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_gmlist { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/gmlist/images/gmlist_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_rsvp { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/rsvp/images/rsvp_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_tennislibre { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/tennislibre/images/tennislibre_demo_fr.png' ) ;}
.sn_chooserlist_demo_fr_pronos { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/pronos/images/pronos_demo_fr.png' ) ;}


.sn_chooserlist_demo_en_wsg { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/wsg/images/wsg_demo_en.png' ) ;}
.sn_chooserlist_demo_en_pmtxt { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/pmtxt/images/pmtxt_demo_en.png' ) ;}
.sn_chooserlist_demo_en_pimg { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/pimg/images/pimg_demo_en.png' ) ;}
.sn_chooserlist_demo_en_poll { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/poll/images/poll_demo_en.png' ) ;}
.sn_chooserlist_demo_en_table { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/table/images/table_demo_en.png' ) ;}
.sn_chooserlist_demo_en_fv { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/fv/images/fv_demo_en.png' ) ;}
.sn_chooserlist_demo_en_nws { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/nws/images/nws_demo_en.png' ) ;}
.sn_chooserlist_demo_en_broll { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/broll/images/broll_demo_en.png' ) ;}
.sn_chooserlist_demo_en_matchnext { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/matchnext/images/matchnext_demo_en.png' ) ;}
.sn_chooserlist_demo_en_flash { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/flash/images/flash_demo_en.png' ) ;}
.sn_chooserlist_demo_en_photoslider { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/photoslider/images/photoslider_demo_en.png' ) ;}
.sn_chooserlist_demo_en_photoboxes { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/photoboxes/images/photoboxes_demo_en.png' ) ;}
.sn_chooserlist_demo_en_photoflow { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/photoflow/images/photoflow_demo_en.png' ) ;}
.sn_chooserlist_demo_en_music { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/music/images/music_demo_en.png' ) ;}
.sn_chooserlist_demo_en_dropbox { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/dropbox/images/dropbox_demo_en.png' ) ;}
.sn_chooserlist_demo_en_contact { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/contact/images/contact_demo_en.png' ) ;}
.sn_chooserlist_demo_en_comment { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/comment/images/comment_demo_en.png' ) ;}
.sn_chooserlist_demo_en_vc { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/vc/images/vc_demo_en.png' ) ;}
.sn_chooserlist_demo_en_gm { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/gm/images/gm_demo_en.png' ) ;}
.sn_chooserlist_demo_en_rss { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/rss/images/rss_demo_en.png' ) ;}
.sn_chooserlist_demo_en_files { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/files/images/files_demo_en.png' ) ;}
.sn_chooserlist_demo_en_bookmarks { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/bookmarks/images/bookmarks_demo_en.png' ) ;}
.sn_chooserlist_demo_en_mcn { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/mcn/images/mcn_demo_en.png' ) ;}
.sn_chooserlist_demo_en_silhouette { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/silhouette/images/silhouette_demo_en.png' ) ;}
.sn_chooserlist_demo_en_charmessage { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/charmessage/images/charmessage_demo_en.png' ) ;}
.sn_chooserlist_demo_en_btn { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/btn/images/btn_demo_en.png' ) ;}
.sn_chooserlist_demo_en_clock { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/clock/images/clock_demo_en.png' ) ;}
.sn_chooserlist_demo_en_countdown { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/countdown/images/countdown_demo_en.png' ) ;}
.sn_chooserlist_demo_en_meteo { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/meteo/images/meteo_demo_en.png' ) ;}
.sn_chooserlist_demo_en_dn { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/dn/images/dn_demo_en.png' ) ;}
.sn_chooserlist_demo_en_nl { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/nl/images/nl_demo_en.png' ) ;}
.sn_chooserlist_demo_en_hello_intl { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/hello_intl/images/hello_intl_demo_en.png' ) ; }
.sn_chooserlist_demo_en_team { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/team/images/team_demo_en.png' ) ;}
.sn_chooserlist_demo_en_vol { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/vol/images/vol_demo_en.png' ) ;}
.sn_chooserlist_demo_en_calendar { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/calendar/images/calendar_demo_en.png' ) ;}
.sn_chooserlist_demo_en_flickr { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/flickr/images/flickr_demo_en.png' ) ;}
.sn_chooserlist_demo_en_ffbb { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/ffbb/images/ffbb_demo_en.png' ) ;}
.sn_chooserlist_demo_en_bnv_intl { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/bnv_intl/images/bnv_intl_demo_en.png' ) ; }
.sn_chooserlist_demo_en_pmessage { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/pmessage/images/pmessage_demo_en.png' ) ;}
.sn_chooserlist_demo_en_cal { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/cal/images/cal_demo_en.png' ) ;}
.sn_chooserlist_demo_en_dispo_intl { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/dispo_intl/images/dispo_intl_demo_en.png' ) ; }
.sn_chooserlist_demo_en_todos { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/todos/images/todos_demo_en.png' ) ;}
.sn_chooserlist_demo_en_bdcfamily { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/bdcfamily/images/bdcfamily_demo_en.png' ) ;}
.sn_chooserlist_demo_en_bd_intl { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/bd_intl/images/bd_intl_demo_en.png' ) ; }
.sn_chooserlist_demo_en_kado { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/kado/images/kado_demo_en.png' ) ;}
.sn_chooserlist_demo_en_kitty { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/kitty/images/kitty_demo_en.png' ) ;}
.sn_chooserlist_demo_en_spiral_intl { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/spiral_intl/images/spiral_intl_demo_en.png' ) ; }
.sn_chooserlist_demo_en_photomaton { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/photomaton/images/photomaton_demo_en.png' ) ;}
.sn_chooserlist_demo_en_todo { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/todo/images/todo_demo_en.png' ) ;}
.sn_chooserlist_demo_en_bnq_intl { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/bnq_intl/images/bnq_intl_demo_en.png' ) ; }
.sn_chooserlist_demo_en_menu { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/menu/images/menu_demo_en.png' ) ;}
.sn_chooserlist_demo_en_favorite { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/favorite/images/favorite_demo_en.png' ) ;}
.sn_chooserlist_demo_en_navig { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/navig/images/navig_demo_en.png' ) ;}
.sn_chooserlist_demo_en_traffic { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/traffic/images/traffic_demo_en.png' ) ;}
.sn_chooserlist_demo_en_carousel { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/carousel/images/carousel_demo_en.png' ) ;}
.sn_chooserlist_demo_en_live { width : 210px; height : 210px; background-image : url('https://core1.quomodo.com/services/live/images/live_demo_en.png' ) ;}
.sn_chooserlist_demo_en_events { width : 210px; height : 210px; background-image : url('https://core0.quomodo.com/services/events/images/events_demo_en.png' ) ;}
.sn_chooserlist_demo_en_gmlist { width : 210px; height : 210px; background-image : url('https://core5.quomodo.com/services/gmlist/images/gmlist_demo_en.png' ) ;}
.sn_chooserlist_demo_en_rsvp { width : 210px; height : 210px; background-image : url('https://core4.quomodo.com/services/rsvp/images/rsvp_demo_en.png' ) ;}
.sn_chooserlist_demo_en_tennislibre { width : 210px; height : 210px; background-image : url('https://core3.quomodo.com/services/tennislibre/images/tennislibre_demo_en.png' ) ;}
.sn_chooserlist_demo_en_pronos { width : 210px; height : 210px; background-image : url('https://core2.quomodo.com/services/pronos/images/pronos_demo_en.png' ) ;}


.sn_chooserlist_disabled{background-image:url(https://core1.quomodo.com/bundles/qlub/images/sn_chooserlist_disabled.jpg?d=2012-10-05); background-repeat:no-repeat;}
.sn_chooserlist_disabled_pmtxt{ width : 72px; height : 72px; background-position : -0px -0px}
.sn_chooserlist_disabled_pmtxt_over{ width : 72px; height : 72px; background-position : -0px -72px}
.sn_chooserlist_disabled_poll{ width : 72px; height : 72px; background-position : -72px -0px}
.sn_chooserlist_disabled_poll_over{ width : 72px; height : 72px; background-position : -72px -72px}
.sn_chooserlist_disabled_poll2{ width : 72px; height : 72px; background-position : -72px -0px}
.sn_chooserlist_disabled_poll2_over{ width : 72px; height : 72px; background-position : -72px -72px}
.sn_chooserlist_disabled_fv{ width : 72px; height : 72px; background-position : -144px -0px}
.sn_chooserlist_disabled_fv_over{ width : 72px; height : 72px; background-position : -144px -72px}
.sn_chooserlist_disabled_matchnext{ width : 72px; height : 72px; background-position : -216px -0px}
.sn_chooserlist_disabled_matchnext_over{ width : 72px; height : 72px; background-position : -216px -72px}
.sn_chooserlist_disabled_matchnext2{ width : 72px; height : 72px; background-position : -216px -0px}
.sn_chooserlist_disabled_matchnext2_over{ width : 72px; height : 72px; background-position : -216px -72px}
.sn_chooserlist_disabled_flash{ width : 72px; height : 72px; background-position : -288px -0px}
.sn_chooserlist_disabled_flash_over{ width : 72px; height : 72px; background-position : -288px -72px}
.sn_chooserlist_disabled_photoboxes{ width : 72px; height : 72px; background-position : -360px -0px}
.sn_chooserlist_disabled_photoboxes_over{ width : 72px; height : 72px; background-position : -360px -72px}
.sn_chooserlist_disabled_photoflow{ width : 72px; height : 72px; background-position : -432px -0px}
.sn_chooserlist_disabled_photoflow_over{ width : 72px; height : 72px; background-position : -432px -72px}
.sn_chooserlist_disabled_dropbox{ width : 72px; height : 72px; background-position : -504px -0px}
.sn_chooserlist_disabled_dropbox_over{ width : 72px; height : 72px; background-position : -504px -72px}
.sn_chooserlist_disabled_contact{ width : 72px; height : 72px; background-position : -576px -0px}
.sn_chooserlist_disabled_contact_over{ width : 72px; height : 72px; background-position : -576px -72px}
.sn_chooserlist_disabled_contact2{ width : 72px; height : 72px; background-position : -576px -0px}
.sn_chooserlist_disabled_contact2_over{ width : 72px; height : 72px; background-position : -576px -72px}
.sn_chooserlist_disabled_comment{ width : 72px; height : 72px; background-position : -648px -0px}
.sn_chooserlist_disabled_comment_over{ width : 72px; height : 72px; background-position : -648px -72px}
.sn_chooserlist_disabled_vc{ width : 72px; height : 72px; background-position : -720px -0px}
.sn_chooserlist_disabled_vc_over{ width : 72px; height : 72px; background-position : -720px -72px}
.sn_chooserlist_disabled_gm{ width : 72px; height : 72px; background-position : -792px -0px}
.sn_chooserlist_disabled_gm_over{ width : 72px; height : 72px; background-position : -792px -72px}
.sn_chooserlist_disabled_charmessage{ width : 72px; height : 72px; background-position : -864px -0px}
.sn_chooserlist_disabled_charmessage_over{ width : 72px; height : 72px; background-position : -864px -72px}
.sn_chooserlist_disabled_btn{ width : 72px; height : 72px; background-position : -936px -0px}
.sn_chooserlist_disabled_btn_over{ width : 72px; height : 72px; background-position : -936px -72px}
.sn_chooserlist_disabled_nl{ width : 72px; height : 72px; background-position : -1008px -0px}
.sn_chooserlist_disabled_nl_over{ width : 72px; height : 72px; background-position : -1008px -72px}
.sn_chooserlist_disabled_team{ width : 72px; height : 72px; background-position : -1080px -0px}
.sn_chooserlist_disabled_team_over{ width : 72px; height : 72px; background-position : -1080px -72px}
.sn_chooserlist_disabled_calendar{ width : 72px; height : 72px; background-position : -1152px -0px}
.sn_chooserlist_disabled_calendar_over{ width : 72px; height : 72px; background-position : -1152px -72px}
.sn_chooserlist_disabled_calendar2{ width : 72px; height : 72px; background-position : -1152px -0px}
.sn_chooserlist_disabled_calendar2_over{ width : 72px; height : 72px; background-position : -1152px -72px}
.sn_chooserlist_disabled_menu{ width : 72px; height : 72px; background-position : -1224px -0px}
.sn_chooserlist_disabled_menu_over{ width : 72px; height : 72px; background-position : -1224px -72px}
.sn_chooserlist_disabled_menu2{ width : 72px; height : 72px; background-position : -1224px -0px}
.sn_chooserlist_disabled_menu2_over{ width : 72px; height : 72px; background-position : -1224px -72px}
.sn_chooserlist_disabled_favorite{ width : 72px; height : 72px; background-position : -1296px -0px}
.sn_chooserlist_disabled_favorite_over{ width : 72px; height : 72px; background-position : -1296px -72px}
.sn_chooserlist_disabled_navig{ width : 72px; height : 72px; background-position : -1368px -0px}
.sn_chooserlist_disabled_navig_over{ width : 72px; height : 72px; background-position : -1368px -72px}
.sn_chooserlist_disabled_traffic{ width : 72px; height : 72px; background-position : -1440px -0px}
.sn_chooserlist_disabled_traffic_over{ width : 72px; height : 72px; background-position : -1440px -72px}
.sn_chooserlist_disabled_carousel{ width : 72px; height : 72px; background-position : -1512px -0px}
.sn_chooserlist_disabled_carousel_over{ width : 72px; height : 72px; background-position : -1512px -72px}
.sn_chooserlist_disabled_live{ width : 72px; height : 72px; background-position : -1584px -0px}
.sn_chooserlist_disabled_live_over{ width : 72px; height : 72px; background-position : -1584px -72px}
.sn_chooserlist_disabled_live2{ width : 72px; height : 72px; background-position : -1584px -0px}
.sn_chooserlist_disabled_live2_over{ width : 72px; height : 72px; background-position : -1584px -72px}
.sn_chooserlist_disabled_events{ width : 72px; height : 72px; background-position : -1656px -0px}
.sn_chooserlist_disabled_events_over{ width : 72px; height : 72px; background-position : -1656px -72px}
.sn_chooserlist_disabled_gmlist{ width : 72px; height : 72px; background-position : -1728px -0px}
.sn_chooserlist_disabled_gmlist_over{ width : 72px; height : 72px; background-position : -1728px -72px}
.sn_chooserlist_disabled_tennislibre{ width : 72px; height : 72px; background-position : -1800px -0px}
.sn_chooserlist_disabled_tennislibre_over{ width : 72px; height : 72px; background-position : -1800px -72px}
.sn_chooserlist_disabled_pronos{ width : 72px; height : 72px; background-position : -1872px -0px}
.sn_chooserlist_disabled_pronos_over{ width : 72px; height : 72px; background-position : -1872px -72px}
.sn_chooserlist_disabled_pronos2{ width : 72px; height : 72px; background-position : -1872px -0px}
.sn_chooserlist_disabled_pronos2_over{ width : 72px; height : 72px; background-position : -1872px -72px}


.sn_snpalette {background-image:url(https://core0.quomodo.com/bundles/qlub/images/sn_snpalette.png?d=2021-10-29) ; background-repeat:no-repeat }
.sn_snpalette_wsg { width : 35px; height : 35px; background-position : -0px 0px}
.sn_snpalette_wsg_over { width : 35px; height : 35px; background-position : -0px -35px}
.sn_snpalette_pmtxt { width : 35px; height : 35px; background-position : -35px 0px}
.sn_snpalette_pmtxt_over { width : 35px; height : 35px; background-position : -35px -35px}
.sn_snpalette_pimg { width : 35px; height : 35px; background-position : -70px 0px}
.sn_snpalette_pimg_over { width : 35px; height : 35px; background-position : -70px -35px}
.sn_snpalette_poll { width : 35px; height : 35px; background-position : -105px 0px}
.sn_snpalette_poll_over { width : 35px; height : 35px; background-position : -105px -35px}
.sn_snpalette_poll2 { width : 35px; height : 35px; background-position : -105px 0px}
.sn_snpalette_poll2_over { width : 35px; height : 35px; background-position : -105px -35px}
.sn_snpalette_table { width : 35px; height : 35px; background-position : -140px 0px}
.sn_snpalette_table_over { width : 35px; height : 35px; background-position : -140px -35px}
.sn_snpalette_fv { width : 35px; height : 35px; background-position : -175px 0px}
.sn_snpalette_fv_over { width : 35px; height : 35px; background-position : -175px -35px}
.sn_snpalette_nws { width : 35px; height : 35px; background-position : -210px 0px}
.sn_snpalette_nws_over { width : 35px; height : 35px; background-position : -210px -35px}
.sn_snpalette_broll { width : 35px; height : 35px; background-position : -245px 0px}
.sn_snpalette_broll_over { width : 35px; height : 35px; background-position : -245px -35px}
.sn_snpalette_matchnext { width : 35px; height : 35px; background-position : -280px 0px}
.sn_snpalette_matchnext_over { width : 35px; height : 35px; background-position : -280px -35px}
.sn_snpalette_matchnext2 { width : 35px; height : 35px; background-position : -280px 0px}
.sn_snpalette_matchnext2_over { width : 35px; height : 35px; background-position : -280px -35px}
.sn_snpalette_flash { width : 35px; height : 35px; background-position : -315px 0px}
.sn_snpalette_flash_over { width : 35px; height : 35px; background-position : -315px -35px}
.sn_snpalette_photoslider { width : 35px; height : 35px; background-position : -350px 0px}
.sn_snpalette_photoslider_over { width : 35px; height : 35px; background-position : -350px -35px}
.sn_snpalette_photoslider2 { width : 35px; height : 35px; background-position : -350px 0px}
.sn_snpalette_photoslider2_over { width : 35px; height : 35px; background-position : -350px -35px}
.sn_snpalette_photoboxes { width : 35px; height : 35px; background-position : -385px 0px}
.sn_snpalette_photoboxes_over { width : 35px; height : 35px; background-position : -385px -35px}
.sn_snpalette_photoboxes2 { width : 35px; height : 35px; background-position : -385px 0px}
.sn_snpalette_photoboxes2_over { width : 35px; height : 35px; background-position : -385px -35px}
.sn_snpalette_photoflow { width : 35px; height : 35px; background-position : -420px 0px}
.sn_snpalette_photoflow_over { width : 35px; height : 35px; background-position : -420px -35px}
.sn_snpalette_photoflow2 { width : 35px; height : 35px; background-position : -420px 0px}
.sn_snpalette_photoflow2_over { width : 35px; height : 35px; background-position : -420px -35px}
.sn_snpalette_music { width : 35px; height : 35px; background-position : -455px 0px}
.sn_snpalette_music_over { width : 35px; height : 35px; background-position : -455px -35px}
.sn_snpalette_dropbox { width : 35px; height : 35px; background-position : -490px 0px}
.sn_snpalette_dropbox_over { width : 35px; height : 35px; background-position : -490px -35px}
.sn_snpalette_contact { width : 35px; height : 35px; background-position : -525px 0px}
.sn_snpalette_contact_over { width : 35px; height : 35px; background-position : -525px -35px}
.sn_snpalette_contact2 { width : 35px; height : 35px; background-position : -525px 0px}
.sn_snpalette_contact2_over { width : 35px; height : 35px; background-position : -525px -35px}
.sn_snpalette_comment { width : 35px; height : 35px; background-position : -560px 0px}
.sn_snpalette_comment_over { width : 35px; height : 35px; background-position : -560px -35px}
.sn_snpalette_vc { width : 35px; height : 35px; background-position : -595px 0px}
.sn_snpalette_vc_over { width : 35px; height : 35px; background-position : -595px -35px}
.sn_snpalette_gm { width : 35px; height : 35px; background-position : -630px 0px}
.sn_snpalette_gm_over { width : 35px; height : 35px; background-position : -630px -35px}
.sn_snpalette_rss { width : 35px; height : 35px; background-position : -665px 0px}
.sn_snpalette_rss_over { width : 35px; height : 35px; background-position : -665px -35px}
.sn_snpalette_rss2 { width : 35px; height : 35px; background-position : -665px 0px}
.sn_snpalette_rss2_over { width : 35px; height : 35px; background-position : -665px -35px}
.sn_snpalette_files { width : 35px; height : 35px; background-position : -700px 0px}
.sn_snpalette_files_over { width : 35px; height : 35px; background-position : -700px -35px}
.sn_snpalette_bookmarks { width : 35px; height : 35px; background-position : -735px 0px}
.sn_snpalette_bookmarks_over { width : 35px; height : 35px; background-position : -735px -35px}
.sn_snpalette_mcn { width : 35px; height : 35px; background-position : -770px 0px}
.sn_snpalette_mcn_over { width : 35px; height : 35px; background-position : -770px -35px}
.sn_snpalette_silhouette { width : 35px; height : 35px; background-position : -805px 0px}
.sn_snpalette_silhouette_over { width : 35px; height : 35px; background-position : -805px -35px}
.sn_snpalette_charmessage { width : 35px; height : 35px; background-position : -840px 0px}
.sn_snpalette_charmessage_over { width : 35px; height : 35px; background-position : -840px -35px}
.sn_snpalette_btn { width : 35px; height : 35px; background-position : -875px 0px}
.sn_snpalette_btn_over { width : 35px; height : 35px; background-position : -875px -35px}
.sn_snpalette_clock { width : 35px; height : 35px; background-position : -910px 0px}
.sn_snpalette_clock_over { width : 35px; height : 35px; background-position : -910px -35px}
.sn_snpalette_countdown { width : 35px; height : 35px; background-position : -945px 0px}
.sn_snpalette_countdown_over { width : 35px; height : 35px; background-position : -945px -35px}
.sn_snpalette_countdown2 { width : 35px; height : 35px; background-position : -945px 0px}
.sn_snpalette_countdown2_over { width : 35px; height : 35px; background-position : -945px -35px}
.sn_snpalette_meteo { width : 35px; height : 35px; background-position : -980px 0px}
.sn_snpalette_meteo_over { width : 35px; height : 35px; background-position : -980px -35px}
.sn_snpalette_dn { width : 35px; height : 35px; background-position : -1015px 0px}
.sn_snpalette_dn_over { width : 35px; height : 35px; background-position : -1015px -35px}
.sn_snpalette_nl { width : 35px; height : 35px; background-position : -1050px 0px}
.sn_snpalette_nl_over { width : 35px; height : 35px; background-position : -1050px -35px}
.sn_snpalette_hello_intl { width : 35px; height : 35px; background-position : -1085px 0px}
.sn_snpalette_hello_intl_over { width : 35px; height : 35px; background-position : -1085px -35px}
.sn_snpalette_team { width : 35px; height : 35px; background-position : -1120px 0px}
.sn_snpalette_team_over { width : 35px; height : 35px; background-position : -1120px -35px}
.sn_snpalette_calendar { width : 35px; height : 35px; background-position : -1155px 0px}
.sn_snpalette_calendar_over { width : 35px; height : 35px; background-position : -1155px -35px}
.sn_snpalette_calendar2 { width : 35px; height : 35px; background-position : -1155px 0px}
.sn_snpalette_calendar2_over { width : 35px; height : 35px; background-position : -1155px -35px}
.sn_snpalette_ffbb { width : 35px; height : 35px; background-position : -1190px 0px}
.sn_snpalette_ffbb_over { width : 35px; height : 35px; background-position : -1190px -35px}
.sn_snpalette_ffbb2 { width : 35px; height : 35px; background-position : -1190px 0px}
.sn_snpalette_ffbb2_over { width : 35px; height : 35px; background-position : -1190px -35px}
.sn_snpalette_bnv_intl { width : 35px; height : 35px; background-position : -1225px 0px}
.sn_snpalette_bnv_intl_over { width : 35px; height : 35px; background-position : -1225px -35px}
.sn_snpalette_pmessage { width : 35px; height : 35px; background-position : -1260px 0px}
.sn_snpalette_pmessage_over { width : 35px; height : 35px; background-position : -1260px -35px}
.sn_snpalette_cal { width : 35px; height : 35px; background-position : -1295px 0px}
.sn_snpalette_cal_over { width : 35px; height : 35px; background-position : -1295px -35px}
.sn_snpalette_dispo_intl { width : 35px; height : 35px; background-position : -1330px 0px}
.sn_snpalette_dispo_intl_over { width : 35px; height : 35px; background-position : -1330px -35px}
.sn_snpalette_todos { width : 35px; height : 35px; background-position : -1365px 0px}
.sn_snpalette_todos_over { width : 35px; height : 35px; background-position : -1365px -35px}
.sn_snpalette_bdcfamily { width : 35px; height : 35px; background-position : -1400px 0px}
.sn_snpalette_bdcfamily_over { width : 35px; height : 35px; background-position : -1400px -35px}
.sn_snpalette_bd_intl { width : 35px; height : 35px; background-position : -1435px 0px}
.sn_snpalette_bd_intl_over { width : 35px; height : 35px; background-position : -1435px -35px}
.sn_snpalette_kado { width : 35px; height : 35px; background-position : -1470px 0px}
.sn_snpalette_kado_over { width : 35px; height : 35px; background-position : -1470px -35px}
.sn_snpalette_kitty { width : 35px; height : 35px; background-position : -1505px 0px}
.sn_snpalette_kitty_over { width : 35px; height : 35px; background-position : -1505px -35px}
.sn_snpalette_spiral_intl { width : 35px; height : 35px; background-position : -1540px 0px}
.sn_snpalette_spiral_intl_over { width : 35px; height : 35px; background-position : -1540px -35px}
.sn_snpalette_photomaton { width : 35px; height : 35px; background-position : -1575px 0px}
.sn_snpalette_photomaton_over { width : 35px; height : 35px; background-position : -1575px -35px}
.sn_snpalette_todo { width : 35px; height : 35px; background-position : -1610px 0px}
.sn_snpalette_todo_over { width : 35px; height : 35px; background-position : -1610px -35px}
.sn_snpalette_bnq_intl { width : 35px; height : 35px; background-position : -1645px 0px}
.sn_snpalette_bnq_intl_over { width : 35px; height : 35px; background-position : -1645px -35px}
.sn_snpalette_menu { width : 35px; height : 35px; background-position : -1680px 0px}
.sn_snpalette_menu_over { width : 35px; height : 35px; background-position : -1680px -35px}
.sn_snpalette_menu2 { width : 35px; height : 35px; background-position : -1680px 0px}
.sn_snpalette_menu2_over { width : 35px; height : 35px; background-position : -1680px -35px}
.sn_snpalette_favorite { width : 35px; height : 35px; background-position : -1715px 0px}
.sn_snpalette_favorite_over { width : 35px; height : 35px; background-position : -1715px -35px}
.sn_snpalette_navig { width : 35px; height : 35px; background-position : -1750px 0px}
.sn_snpalette_navig_over { width : 35px; height : 35px; background-position : -1750px -35px}
.sn_snpalette_carousel { width : 35px; height : 35px; background-position : -1785px 0px}
.sn_snpalette_carousel_over { width : 35px; height : 35px; background-position : -1785px -35px}
.sn_snpalette_live { width : 35px; height : 35px; background-position : -1820px 0px}
.sn_snpalette_live_over { width : 35px; height : 35px; background-position : -1820px -35px}
.sn_snpalette_live2 { width : 35px; height : 35px; background-position : -1820px 0px}
.sn_snpalette_live2_over { width : 35px; height : 35px; background-position : -1820px -35px}
.sn_snpalette_events { width : 35px; height : 35px; background-position : -1855px 0px}
.sn_snpalette_events_over { width : 35px; height : 35px; background-position : -1855px -35px}
.sn_snpalette_gmlist { width : 35px; height : 35px; background-position : -1890px 0px}
.sn_snpalette_gmlist_over { width : 35px; height : 35px; background-position : -1890px -35px}
.sn_snpalette_rsvp { width : 35px; height : 35px; background-position : -1925px 0px}
.sn_snpalette_rsvp_over { width : 35px; height : 35px; background-position : -1925px -35px}
.sn_snpalette_tennislibre { width : 35px; height : 35px; background-position : -1960px 0px}
.sn_snpalette_tennislibre_over { width : 35px; height : 35px; background-position : -1960px -35px}
.sn_snpalette_pronos { width : 35px; height : 35px; background-position : -1995px 0px}
.sn_snpalette_pronos_over { width : 35px; height : 35px; background-position : -1995px -35px}
.sn_snpalette_pronos2 { width : 35px; height : 35px; background-position : -1995px 0px}
.sn_snpalette_pronos2_over { width : 35px; height : 35px; background-position : -1995px -35px}
.sn_snpalette_menuh { width : 35px; height : 35px; background-position : -2030px 0px}
.sn_snpalette_menuh_over { width : 35px; height : 35px; background-position : -2030px -35px}
.sn_snpalette_pagesep { width : 35px; height : 35px; background-position : -2065px 0px}
.sn_snpalette_pagesep_over { width : 35px; height : 35px; background-position : -2065px -35px}


/*Grid*/
.ui-jqgrid {position: relative;}
.ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px;}
/* caption*/
.ui-jqgrid .ui-jqgrid-titlebar {padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none;border-right: 0 none; border-top: 0 none;}
.ui-jqgrid .ui-jqgrid-caption {text-align: left;}
.ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; }
.ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px; cursor:pointer;}
.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
/* header*/
.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow-x: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
.ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
.ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;}
.ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 2px;}
.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none;border-bottom : 0 none;}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0 none;}
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0 none;}
.ui-first-th-ltr {border-right: 1px solid; }
.ui-first-th-rtl {border-left: 1px solid; }
.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
.ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
.ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;}
.ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
.ui-jqgrid .ui-icon-desc {margin-top:3px;height:12px;}
.ui-jqgrid .ui-i-asc {margin-top:0;height:16px;}
.ui-jqgrid .ui-i-desc {margin-top:0;margin-left:13px;height:16px;}
.ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;}
.ui-jqgrid tr.ui-search-toolbar th { border-top-width: 1px !important; border-top-color: inherit !important; border-top-style: ridge !important }
tr.ui-search-toolbar input {margin: 1px 0 0 0}
tr.ui-search-toolbar select {margin: 1px 0 0 0}
/* body */ 
.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;}
.ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0; outline-style: none; }
.ui-jqgrid tr.jqgrow { outline-style: none; }
.ui-jqgrid tr.jqgroup { outline-style: none; }
.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;}
.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
.ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;}
.ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}
/* footer */
.ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
.ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;}
.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;}
.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
/* Pager*/
.ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px;white-space: nowrap;overflow: hidden;font-size:11px;}
.ui-jqgrid .ui-pager-control {position: relative;}
.ui-jqgrid .ui-pg-table {position: relative; padding-bottom:2px; width:auto; margin: 0;}
.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:1px;}
.ui-jqgrid .ui-pg-button  { height:19px !important;}
.ui-jqgrid .ui-pg-button span { display: block; margin: 1px; float:left;}
.ui-jqgrid .ui-pg-button:hover { padding: 0; }
.ui-jqgrid .ui-state-disabled:hover {padding:1px;}
.ui-jqgrid .ui-pg-input { height:13px;font-size:.8em; margin: 0;}
.ui-jqgrid .ui-pg-selbox {font-size:.8em; line-height:18px; display:block; height:18px; margin: 0;}
.ui-jqgrid .ui-separator {height: 18px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; margin: 1px; float: right;}
.ui-jqgrid .ui-paging-info {font-weight: normal;height:19px; margin-top:3px;margin-right:4px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {padding:1px 0;float:left;position:relative;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor:pointer; }
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea { margin: 0;}
.ui-jqgrid td textarea {width:auto;height:auto;}
.ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px !important;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative;}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
/*subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
.ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;}
.ui-jqgrid .ui-subgrid table {table-layout: fixed;}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid .ui-subgrid td.subgrid-data {border-top:  0 none !important;}
.ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 0 1px 0;}
.ui-jqgrid .ui-th-subgrid {height:20px;}
/* loading */
.ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}
.ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}
/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
* .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;}
/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata {border-left: 0 none;    border-right: 0 none;	height : 21px;overflow: hidden;	}
/*Modal Window */
.ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
.ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative;  }
.ui-jqdialog .ui-jqdialog-title { margin: .1em 0 .2em; } 
.ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute;  top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; cursor:pointer;}

.ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
.ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
.ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px}
.ui-jqgrid>.ui-resizable-se { bottom: -3px; right: -3px }
/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid {margin: 0;}
.ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;}
.ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;}
.EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;}
.EditTable td textarea { width:auto; height:auto;}
.ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content input.FormElement {padding:.3em}
.ui-jqdialog-content select.FormElement {padding:.3em}
.ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;}

.ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;}
.ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;}
.ui-jqdialog-content .form-view-data {white-space:pre}
.fm-button { display: inline-block; margin:0 4px 0 0; padding: .4em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fm-button-icon-left { padding-left: 1.9em; }
.fm-button-icon-right { padding-right: 1.9em; }
.fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
.fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
#nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;}
/* inline edit actions button*/
.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,
.ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
    margin: -1px;
}
/* Tree Grid */
.ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
.ui-jqgrid .tree-plus {position: absolute;	height: 18px; width: 18px;	overflow: hidden;}
.ui-jqgrid .tree-leaf {position: absolute;	height: 18px; width: 18px;overflow: hidden;}
.ui-jqgrid .treeclick {cursor: pointer;}
/* moda dialog */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;}
/*	 width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
.ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
/* RTL Support */
.ui-jqgrid .ui-jqgrid-caption-rtl {text-align: right;}
.ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;}
.ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;}
.ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;}
.ui-jqgrid .ui-sort-rtl {left:0;}
.ui-jqgrid .tree-wrap-ltr {float: left;}
.ui-jqgrid .tree-wrap-rtl {float: right;}
.ui-jqgrid .ui-ellipsis {-moz-text-overflow:ellipsis;text-overflow:ellipsis;}

/* Toolbar Search Menu */
.ui-search-menu { position: absolute; padding: 2px 5px;}
.ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;}
.ui-jqgrid .ui-search-table .ui-search-oper { width:20px; }
a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; }
.ui-jqgrid .ui-search-table .ui-search-input>input,
.ui-jqgrid .ui-search-table .ui-search-input>select
{
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea,
.ui-jqgrid .ui-jqgrid-view button {
    font-size: 11px
}


/* Multiselect
----------------------------------*/

.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }

/*! jQuery UI - v1.10.4 - 2014-03-26
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2C%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=8f8f8f&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=bababa&bgTextureHover=highlight_soft&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=abb2f7&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=001cf0&fcHighlight=363636&iconColorHighlight=2e5bff&bgColorError=fbac8e&bgTextureError=inset_soft&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px&ctl=themeroller
* Copyright 2021 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-accordion-header { outline: 0 }
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.flat-ui .ui-accordion { border-top: 1px solid #ddd }
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.flat-ui .ui-accordion .ui-accordion-header { margin-top: 0px ; font-size:13px }

/*Q*/
.ui-accordion .ui-accordion-header-active {
	border-bottom: none;
}
.flat-ui .ui-accordion .ui-accordion-header-active {
	border: 0;
	border-bottom: 1px solid #ddd;
}
/*Q*/
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.flat-ui .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .9em;
	top: 50%;
	margin-top: -6px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.flat-ui .ui-accordion .ui-accordion-content {
	padding: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em /*Q*/.5em/*\1em\Q*/;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
.flat-ui .ui-slider.ui-widget-content {
	border : 0 ;
	background-color : #b5b6b7 ;
	height : 2px ;
}
.flat-ui .ui-state-default.ui-slider-handle, .flat-ui .ui-widget-content .ui-state-default.ui-slider-handle {
	border:1px solid #b5b6b7 ;
	border-radius : 100%;
	background-color : #ffffff;
	box-shadow : 0px 1px 3px rgba( 0,0,0,0.1 ) ;
	height:14px ;
	cursor : pointer;
	top:-7px ;
	outline : none;
}
.flat-ui .ui-slider .ui-slider-range {
	background-color : #1479fc ;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: /*Q*/5px/*\1em 1.4em\Q*/;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}
/*Q*/.ui-tabs ul li a { outline: none }/*Q*/
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: "Lato", sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica, sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(https://core5.quomodo.com/style/jquery/quomodo/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.flat-ui .ui-widget-content {
	color: #000;
	border : 1px solid #dddddd ;
	background: none;
	border-top:0 ;
}
.ui-widget a {
	color: #222222;
}
.flat-ui .ui-widget a {
	color: #000;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #8f8f8f url(https://core4.quomodo.com/style/jquery/quomodo/images/ui-bg_highlight-soft_75_8f8f8f_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.flat-ui .ui-widget-header {
	background: inherit;
	color: inherit;
	font-weight: inherit;
}
.ui-widget-header a {
	color: #222222;
}
.flat-ui .ui-widget-header a {
	color: #000;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(https://core3.quomodo.com/style/jquery/quomodo/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.flat-ui .ui-state-default,
.flat-ui .ui-widget-content .ui-state-default,
.flat-ui .ui-widget-header .ui-state-default {
	border: none;
	border-bottom:1px solid #dddddd;
	background : #f5f5f5 ;
	font-weight: inherit;
	color: inherit;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #000000;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #bababa url(https://core2.quomodo.com/style/jquery/quomodo/images/ui-bg_highlight-soft_75_bababa_1x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.flat-ui .ui-state-hover,
.flat-ui .ui-widget-content .ui-state-hover,
.flat-ui .ui-widget-header .ui-state-hover,
.flat-ui .ui-state-focus,
.flat-ui .ui-widget-content .ui-state-focus,
.flat-ui .ui-widget-header .ui-state-focus {
	font-weight: inherit;
	color: inherit;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #000;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(https://core1.quomodo.com/style/jquery/quomodo/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.flat-ui .ui-state-active,
.flat-ui .ui-widget-content .ui-state-active,
.flat-ui .ui-widget-header .ui-state-active {
	font-weight: normal;
	color: #000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #000;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #001cf0;
	background: #abb2f7 url(https://core0.quomodo.com/style/jquery/quomodo/images/ui-bg_glass_55_abb2f7_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fbac8e url(https://core5.quomodo.com/style/jquery/quomodo/images/ui-bg_inset-soft_95_fbac8e_1x100.png) 50% bottom repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(https://core4.quomodo.com/style/jquery/quomodo/images/ui-icons_222222_256x240.png);
}
.flat-ui .ui-icon,
.flat-ui .ui-widget-content .ui-icon {
	background-image: none;
	text-indent : inherit ;
	font-family : q-i ;
	font-size : 11px;
	color : #929292 ;
}
.flat-ui .ui-icon:after,
.flat-ui .ui-widget-content .ui-icon:after {
	content : "\e663"
}

.ui-widget-header .ui-icon {
	background-image: url(https://core4.quomodo.com/style/jquery/quomodo/images/ui-icons_222222_256x240.png);
}
.flat-ui .ui-widget-header .ui-icon {
	background-image: none;
}
.ui-state-default .ui-icon {
	background-image: url(https://core3.quomodo.com/style/jquery/quomodo/images/ui-icons_888888_256x240.png);
}
.flat-ui .ui-state-default .ui-icon {
	background-image: none;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(https://core2.quomodo.com/style/jquery/quomodo/images/ui-icons_454545_256x240.png);
}
.flat-ui .ui-state-hover .ui-icon,
.flat-ui .ui-state-focus .ui-icon {
	background-image: none;
}
.flat-ui .ui-state-hover .ui-icon:after,
.flat-ui .ui-state-focus .ui-icon:after {
	content : "\e656" ;
	color : #000 ;
}
.ui-state-active .ui-icon {
	background-image: url(https://core2.quomodo.com/style/jquery/quomodo/images/ui-icons_454545_256x240.png);
}
.flat-ui .ui-state-active .ui-icon {
	background-image: none;
}
.flat-ui .ui-state-active .ui-icon:after{
	content : "\e664" ;
	color : #929292 ;
}

.ui-state-highlight .ui-icon {
	background-image: url(https://core1.quomodo.com/style/jquery/quomodo/images/ui-icons_2e5bff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(https://core0.quomodo.com/style/jquery/quomodo/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(https://core5.quomodo.com/style/jquery/quomodo/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(https://core5.quomodo.com/style/jquery/quomodo/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}


/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-node {
  white-space: nowrap;
}
.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree-ocl.jstree-icon { display : none }
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
 /* margin-right: 2px ; */
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  -moz-box-shadow: 5px 5px 4px -4px #666666;
  -webkit-box-shadow: 2px 2px 2px #999999;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
  display: inline;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  -moz-text-shadow: 1px 1px 0 white;
  -webkit-text-shadow: 1px 1px 0 white;
  text-shadow: 1px 1px 0 white;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  -moz-box-shadow: 0 0 2px #0a6aa1;
  -webkit-box-shadow: 0 0 2px #0a6aa1;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  -moz-box-shadow: 0 0 2px #0a6aa1;
  -webkit-box-shadow: 0 0 2px #0a6aa1;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator a,
.vakata-context .vakata-context-separator a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  -moz-text-shadow: 0 0 0 transparent;
  -webkit-text-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-top: -44px ;
/*
Q : on fait la flèche rouge au lieu de noire
*/
  border-left: 5px solid #EC3330;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
/*
Q : on ajoute le z-index sinon on ne voit pas la flèche
*/
  z-index: 10 ;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
/*Q : pas de hover */
/*  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #ccc;*/
}
.jstree-default .jstree-clicked {
	color : #1479fc ;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default .jstree-disabled {
  background: transparent;
  color: #666;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
/*Q : pas de hover */
/*  background: #e7f4f9;*/
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
/*Q : pas de hover */
/*  background: #e7f4f9;*/
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("/style/jquery/jstree/quomodo/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default i {
  background: transparent;
  width: 16px;
  height: 16px;
}
#jstree-dnd.jstree-default .jstree-ok {
  background-position: -9px -71px;
}
#jstree-dnd.jstree-default .jstree-er {
  background-position: -39px -71px;
}
.jstree-default > .jstree-striped {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
/*Q : pas de hover */
/*  background: #e7f4f9;*/
}
.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -moz-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff));
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -o-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -ms-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );*/
}
.jstree-default .jstree-node {
/* Quomodo begin 
 min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
*/

 min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
/*Quomodo end */
}
.jstree-default .jstree-anchor {
/* Quomodo begin   
line-height: 24px;
height: 24px;
*/

  line-height: 18px;
  height: 18px;
/*Quomodo end */
}
.jstree-default .jstree-icon {
/* Quomodo begin  
width: 24px;
  height: 24px;
  line-height: 24px;
*/

  width: 18px;
  height: 18px;
  line-height: 18px;
/*Quomodo end*/
}
.jstree-default .jstree-icon:empty {
  /* Quomodo begin
	width: 24px;
  height: 24px;
  line-height: 24px;
*/

 width: 18px;
  height: 18px;
  line-height: 18px;
/*Quomodo end*/
}

  /* Quomodo begin*/
.jstree-default.jstree li > a > .jstree-icon:empty {

 width: 16px;
  height: 16px;
  line-height: 16px;
}
/*Quomodo end Ajout de ce sélecteur pour ne pas se faire écraser par le sélecteur ".jstree-default .jstree-icon:empty" de jstree*/

.jstree-default.jstree-rtl .jstree-node {
/*Quomodo begin
  margin-right: 24px;
*/
margin-right: 18px;
/*Quomodo end*/
}
.jstree-default .jstree-wholerow {
/*Quomodo begin  
height: 24px;
*/

  height: 18px;
/*Quomodo end*/
}
/*
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("/style/jquery/jstree/quomodo/32px.png");
}
*/
.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default .jstree-last {
  background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default .jstree-anchor > .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-checkbox {
/*Quomodo begin */
  display: none ! important ;
/*Quomdo end On utilise le module checkbox pour la sélection multipe, mais on ne se fait jamais voir les checkboxes, c'est pour cela qu'on les cache systématiquement sinon risque de conflit avec les autres icones qu'on appelle via le sélecteur .jstree-default .jstree-icon*/
  background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default .jstree-clicked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default .jstree-clicked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default > .jstree-striped {
  background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("/style/jquery/jstree/quomodo/throbber.gif") center center no-repeat;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("/style/jquery/jstree/quomodo/32px.png");
}
.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-small .jstree-checkbox {
/*Quomodo begin*/
display: none !important;
/*Quomdo end On utilise le module checkbox pour la sélection multipe, mais on ne se fait jamais voir les checkboxes, c'est pour cela qu'on les cache systématiquement sinon risque de conflit avec les autres icones qu'on appelle via le sélecteur .jstree-default .jstree-icon*/
  background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-small .jstree-clicked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small .jstree-clicked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("/style/jquery/jstree/quomodo/throbber.gif") center center no-repeat;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("/style/jquery/jstree/quomodo/32px.png");
}
.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-themeicon {
  background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-large .jstree-clicked > .jstree-checkbox {
  background-position: -224px 0px;
}
.jstree-default-large .jstree-clicked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("/style/jquery/jstree/quomodo/throbber.gif") center center no-repeat;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
		.jstree-open > .jstree-ocl,
		.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
		*/
  }
  .jstree-default-responsive .jstree-icon {
    background-image: url("/style/jquery/jstree/quomodo/40px.png");
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-node {
    min-height: 17px;
    line-height: 17px;
    margin-left: 17px;
    min-width: 17px;
    white-space: nowrap;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 17px;
    height: 17px;
  }
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 17px;
    height: 17px;
    line-height: 17px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 17px;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 200px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -15px !important;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -15px 0px !important;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-themeicon {
    background-position: -15px -15px;
  }
  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -15px -30px;
  }
  .jstree-default-responsive .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive .jstree-clicked > .jstree-checkbox:hover {
    background-position: 0 -30px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -60px;
  }
  .jstree-default-responsive .jstree-anchor {
    font-size: 14px;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 17px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }

  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("/style/jquery/jstree/quomodo/40px.png");
    background-size: 50px;
  }

  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
	margin : 7px 0px 7px 24px ;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  /*  background-position: -15px -45px; */
	background : none ;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -15px -60px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
  }
}
.jstree-default > .jstree-container-ul > .jstree-node {
	margin : 7px ;
}

/*Q*/

.jstree-anchor { max-width: 500px ; overflow: hidden ; text-overflow: ellipsis }

.jstree-ocl { display :none }
.jstree .page_isnottodate{ color:red; font-style : italic; font-size:13px; margin: 0 2px}
.jstree li[rel="page"][q_istodate="true"] .page_isnottodate{ visibility : hidden }
.jstree li > a > .jstree-icon { background-image: url( "/style/jquery/jstree/quomodo/tree.png?d=2021-03-08" ); _background-image: url( "/style/jquery/jstree/quomodo/tree.gif?d=2021-03-08" ); width: 16px; height : 16px; background-size : 16px }
.jstree li[rel="group"] > a > .jstree-icon { background-position : 0px 0px; margin-right: 10px}
.jstree li[rel="page"] > a > .jstree-icon { background-position : 0px -16px; }
.jstree li[rel="menu"] > a > .jstree-icon { background-position : 0px -400px; margin-right:10px }
.jstree li[rel="menu"].jstree-open > a > .jstree-icon { background-position : 0px -384px; margin-right: 10px }
.jstree li[rel="folder"] > a > .jstree-icon { background-position : 0px -48px; margin-right:10px }
.jstree li[rel="folder_closed"] > a > .jstree-icon { background-position : 0px -64px; margin-right:10px }
.jstree li[rel="folder"]#nofolder > a > .jstree-icon { background-position : 0px -416px; margin-right:10px }
.jstree li[rel="page"][q_viewaccess="web"][q_home="true"] > a > .jstree-icon { background-position : 0px -80px; }
.jstree li[rel="page"][q_viewaccess="web"][q_home="true"][q_visibility="hidden"] > a > .jstree-icon { background-position : 0px -96px; }
.jstree li[rel="page"][q_viewaccess="web"] > a > .jstree-icon { background-position : 0px -112px; }
.jstree li[rel="page"][q_viewaccess="web"][q_visibility="hidden"] > a > .jstree-icon { background-position : 0px -128px; }
.jstree li[rel="page"][q_viewaccess="web"][q_visibility="mobile"] > a > .jstree-icon { background-position : 0px -128px; position: relative }
.jstree li[rel="page"][q_viewaccess="web"][q_visibility="mobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="page"][q_viewaccess="web"][q_shopid]:not([q_shopid=""]) > a > .jstree-icon { background-position : 0px -464px; }
.jstree li[rel="page"][q_viewaccess="web"][q_visibility="hidden"][q_shopid]:not([q_shopid=""]) > a > .jstree-icon { background-position : 0px -480px; }
.jstree li[rel="page"][q_viewaccess="web"][q_visibility="mobile"][q_shopid]:not([q_shopid=""]) > a > .jstree-icon { background-position : 0px -480px; position: relative }
.jstree li[rel="page"][q_viewaccess="web"][q_visibility="mobile"][q_shopid]:not([q_shopid=""]) > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="page"][q_shopid]:not([q_shopid=""]) > a > .jstree-icon { background-position : 0px -496px; }
.jstree li[rel="page"][q_visibility="hidden"][q_shopid]:not([q_shopid=""]) > a > .jstree-icon { background-position : 0px -512px; }
.jstree li[rel="page"][q_visibility="mobile"][q_shopid]:not([q_shopid=""]) > a > .jstree-icon { background-position : 0px -512px; position: relative }
.jstree li[rel="page"][q_visibility="mobile"][q_shopid]:not([q_shopid=""]) > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="page"] > a > .jstree-icon { background-position : 0px -144px; }
.jstree li[rel="page"][q_visibility="forcevisiblemobile"] > a > .jstree-icon { background-position : 0px -144px; position: relative }
.jstree li[rel="page"][q_visibility="forcevisiblemobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="page"][q_visibility="hidden"] > a > .jstree-icon { background-position : 0px -160px; }
.jstree li[rel="page"][q_visibility="mobile"] > a > .jstree-icon { background-position : 0px -160px; position: relative }
.jstree li[rel="page"][q_visibility="mobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="disq"] > a > .jstree-icon { background-position : 0px -176px; margin-right: 10px }
.jstree li[rel="disq"][q_visibility="forcevisiblemobile"] > a > .jstree-icon { background-position : 0px -176px; margin-right: 10px; position: relative }
.jstree li[rel="disq"][q_visibility="forcevisiblemobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="shareboard"] > a > .jstree-icon { background-position : 0px -192px; margin-right : 10px}
.jstree li[rel="shareboard"][q_visibility="forcevisiblemobile"] > a > .jstree-icon { background-position : 0px -192px; margin-right : 10px; position: relative }
.jstree li[rel="shareboard"][q_visibility="forcevisiblemobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="diflist"] > a > .jstree-icon { background-position : 0px -208px; margin-right:10px }
.jstree li[rel="page"][q_visibility="forcevisible"] > a > .jstree-icon { background-position : 0px -224px; }
.jstree li[rel="link"] > a > .jstree-icon { background-position : 0px -240px; margin-right: 10px }
.jstree li[rel="menu"][q_visibility="hidden"] > a > .jstree-icon { background-position : 0px -256px; }
.jstree li[rel="menu"][q_visibility="mobile"] > a > .jstree-icon { background-position : 0px -256px; position: relative }
.jstree li[rel="menu"][q_visibility="mobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="site"] > a > .jstree-icon { background-position : 0px -272px; margin-right: 10px }
.jstree li[rel="sites"] > a > .jstree-icon { background-position : 0px -288px; margin-right: 10px }
.jstree li[rel="disq"][q_visibility="hidden"] > a > .jstree-icon { background-position : 0px -304px; }
.jstree li[rel="disq"][q_visibility="mobile"] > a > .jstree-icon { background-position : 0px -304px; position: relative }
.jstree li[rel="disq"][q_visibility="mobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="shareboard"][q_visibility="hidden"] > a > .jstree-icon { background-position : 0px -320px; }
.jstree li[rel="shareboard"][q_visibility="mobile"] > a > .jstree-icon { background-position : 0px -320px; position: relative }
.jstree li[rel="shareboard"][q_visibility="mobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="link"][q_visibility="mobile"] > a > .jstree-icon { background-position : 0px -448px; position: relative }
.jstree li[rel="link"][q_visibility="mobile"] > a > .jstree-icon:after { content: '' ; background-image: url( /style/jquery/jstree/quomodo/tree.png?d=2021-03-08 ); _background-image: url( /style/jquery/jstree/quomodo/tree.gif?d=2021-03-08 ); background-position : 0px -440px; width: 8px; height : 8px ; position: absolute ; top: -2px ; left: -6px }
.jstree li[rel="colbreak"] > a > .jstree-icon:before { content: "—" ; color: #1479fc }
.jstree li[rel="shopitem"] > a > .jstree-icon { margin-right: 10px }
.jstree li[rel="shopitem"] > a > .jstree-icon:before { content: "" ; font-family: 'q-i' ; color: #333 ; font-style: normal; font-size: 6px; position: relative ; top: 1px }




#amazon_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }
#amazon_notetemplate { display: none ; z-index: 1 }
#amazon_notetemplate_edit { 
	display: none ; 
	z-index: 1;
	width:330px;
	background-color:#FFF;
	border: 3px solid #4A88AB; 
}

/* CADRE DE LA NOTE*/
.amazon_topleft{width: 16px; height: 43px; background-image: url('/services/amazon/images/frame_topleft.png'); line-height: 43px; overflow: hidden; }
.amazon_topcenter{width: 100%; height: 43px; background-image: url('/services/amazon/images/frame_top.png'); background-repeat: repeat-x;line-height: 43px; overflow: hidden; }
.amazon_topright{width: 16px; height: 43px; background-image: url('/services/amazon/images/frame_topright.png');}
.amazon_centerleft{width: 16px; height: 100%; background-image: url('/services/amazon/images/frame_left.png'); background-repeat: repeat-y}
.amazon_centercenter{background-color: #FFF}
.amazon_centerright{width: 16px; height: 100%; background-image: url('/services/amazon/images/frame_right.png'); background-repeat: repeat-y}
.amazon_bottomleft{width: 16px; height: 22px; background-image: url('/services/amazon/images/frame_bottomleft.png');}
.amazon_bottomcenter{width: 100%; height: 22px; background-image: url('/services/amazon/images/frame_bottom.png'); background-repeat: repeat-x}
.amazon_bottomright{width: 16px; height: 22px; background-image: url('/services/amazon/images/frame_bottomright.png');}

.amazon_note{border-style:none;}
.amazon_text{border : solid 1px #AAA;}
.amazon_about{padding:10px;}
.searchresults{
	margin:auto;
	font-size:10px;
	font-family:verdana,helvetica,sans-serif;
	text-align:left;
	background-color:#FFF;
}
.searchkw{width:100px;}
.searchtype{font-size:11px;width:100px;}
.results_div{    
	border:1px solid #dfdfdf; 
	/*width:300px;*/
	width:100%;
	overflow:auto; 
	/*height:260px; */
	max-height:260px;
	height: expression(this.scrollHeight > 260? "260px" : "auto" );
}

.product_div{    
	border:1px solid #dfdfdf; 
	/*width:300px;*/
	width:100%;
}
.searchNav{padding-top : 10px;}

.amazon_title{
	cursor: default; 
	font-size:18px; 
	color:black; 
	font-weight:bold;
	border:0px solid #FFF;
	}

.desctext{
	font-family:Arial,sans-serif;
	font-size:11px;
}

.saveddiv{
	font-size:10px;
	font-style:italic;
	color:red;
}

.deleteproduct{
	width:16px;
	height:16px;
	background-image:url(/services/amazon/images/del.png);
	background-position:top;
}

.starimg{
	width:15px;
	height:15px;
	background-image:url(/services/amazon/images/star.gif);
	background-position: top left;
	cursor : pointer;
}

.editimg{
	width:16px;
	height:16px;
	background-image:url(/services/amazon/images/edit.jpg);
	background-position:top;
	cursor : pointer;
}

.addimg{
	width:21px;
	height:21px;
	background-image:url(/services/amazon/images/add.png);
	background-position:top;	
	cursor:pointer;
}

.wishlistimg{
	width:32px;
	height:32px;
	background-image:url(/services/amazon/images/listmode.png); 
	background-position:top;
	cursor : pointer;
}

.searchimg{
	width:32px;
	height:32px;
	background-image:url(/services/amazon/images/searchmode.png); 
	background-position:top;
	cursor : pointer;
}

#bd_intl_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ;}

#bd_intl_notetemplate { display: none ; z-index: 1 }
#bd_intl_notetemplate_edit { display: none ; z-index: 1 }

.bd_interval {  text-align: right; cursor: pointer }
.bd_list {position: absolute; right: 0px; top: 0; padding: 10px; text-align: right; display: none; box-shadow : 0px 0px 9px rgba(0,0,0,0.15); background: #ffffff; color : #1479fc }

.bd_eventlist {width: 100%; }
.bd_event { width : 100% }

.bd_textarea { width : 100% ; }
.bd_intl_title{ width : 100% ; }


#bdcfamily_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; }

.bdcfamily_edittitle { margin-top : 10px ; width:100%; }
.bdcfamily_title { text-align : center; } 
a.bdcfamily_dllink  { text-decoration: none; margin-left : 5px ; }

.bdcfamily_item { padding : 12px 0 0 0 ; cursor : pointer }

.bdcfamily_subtitle { margin : 0 20px 0 10px ; padding : 0px ;}
.bdcfamily_todolist { position : relative ; top:0px ; left:0px ; padding-top:4px } 
.bdcfamily_todolist td { padding : 4px ; } 
.bdcfamily_date { width : 50px ; text-align : left} 
.bdcfamily_dest , .bdcfamily_from { width : 90px ; text-align:left }
.bdcfamily_text { text-align:left }
.bdcfamily_status { width : 50px ; position : relative; text-align: center } 

.bdcfamily_object { position : relative ; float:left ; width : 90px ;  height : 90px ; padding : 0px ;cursor : pointer ; margin : 3px ; z-index : 1; border-width:1px; border-style:solid;} 
.bdcfamily_object:hover { z-index: 5000; }
.bdcfamily_object_name  { position : absolute ; bottom : 2px ; left : 1px ; width : 88px ; text-align : center ; overflow: hidden ; text-overflow: ellipsis ; border-top: solid 1px #FFF ; padding-top: 2px ; cursor:pointer;}
.bdcfamily_object img { margin : 0px auto ; cursor : pointer ;} 
.bdcfamily_notecontent { width:88px; height : 70px ; margin : 0px ; text-align : center}
.bdcfamily_infofileextension {  font-weight : bold;  margin : 0px ;}

.bdcfamily_infotextheader { height : 62px ; font-weight:normal ; overflow : hidden ; padding : 0.3em 0.5em 15px 0.5em  ; text-align:left ; }
.bdcfamily_infotextheader li { margin-left: -2.5em ; }

.bdcfamily_notaf { margin : 10px ; text-align:center; }

.bdcfamily_info input { width : 100%; }
.bdcfamily_info textarea { width : 100%; margin:0; }

#bn_intl_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#bn_intl_notetemplate { display: none ; z-index: 1 }
#bn_intl_notetemplate_edit { display: none ; z-index: 1 }
.selected { border : solid 3px #4A88AB ; }


.bnq_intl_textarea { border: solid 1px #333 ; width: 100%;}
.bnq_intl_noteimage { display: inline ; float: left ; margin: 0.1em 5% ; border: solid 0px ; border-color : #444 ; width: 90% }
.bnq_content{ padding:10px; }
.bnq_content textarea, .bnq_intl_textarea { width : 100%; box-sizing: border-box; -moz-box-sizing : border-box }
.bnq_intl_note { min-width: 130px }

.bnq_intl_userphoto { margin: 8px 0 0 8px }
.bnq_intl_userphotoframe { position: absolute; top: 0; left: 0; width: 75px; height: 75px; background: transparent url(/services/bnq_intl/images/userphotoframe.png) left top no-repeat } 

.signature_name { font-size: 12px; font-weight: bold; color: #000 }
.signature_date { font-size: 10px }


.bnv_intl_textarea { width: 100%;}
.bnv_intl_noteimage { display: inline ; float: left ; border: solid 0px ; width: 100% }
.bnv_intl_textarea { width : 100%; box-sizing: border-box; -moz-box-sizing : border-box }
.bnv_content{ padding:10px; }

.bnv_intl_note { min-width: 130px }

.broll_textarea { border: solid 1px ; width: 100% }
.broll_noteimage { display: inline ; float: left ; margin: 0.1em 5% ; border: solid 0px ; border-color : #444 ; width: 90% }

.stickynotetransparent { cursor: auto ; position: absolute ; padding-bottom: 0.0em ; border: solid 0px ; border-color: transparent ; min-height: 0 }

/* resize vertical */

.broll_downarrow { position: absolute; width: 100%; line-height: 0; margin: 0; padding: 0; cursor: s-resize; }
.broll_downarrow div { margin: 0 11px; height: 15px; line-height: 0; text-align: center; cursor: s-resize; overflow: hidden }


#btn_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#btn_notetemplate { display: none ; }
#btn_notetemplate_edit { display: none ; }
.btn_note { border-style: none }
.note.stickynote.btn_note, .richtarget .note.stickynote.btn_note { border-style: none }
.note.stickynote.btn_note .tablecontent, .richtarget .note.stickynote.btn_note .tablecontent { border-style: none }

input.btn_v4_text { width:100%; box-sizing : border-box; -moz-box-sizing : border-box }
a.btn_v4_text, span.btn_v4_text { text-align:center }

@media screen and ( max-width: 767px ) {
	.viewmode.responsive .btn_text_container { text-align: center !important }
}

/* old version 3 */
input.btn_text { width: 90%; border-style: solid; border-width: 1px; }
a.btn_text{ width:100%; white-space: nowrap; padding: 0 5px ; text-decoration:none;}

#cal_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#cal_notetemplate { display: none ; z-index: 1 }
#cal_notetemplate_edit { display: none ; z-index: 1 }

.cal_note { border-style: none }

.cal_viewpane { clear : both; background-color: #FFF; border-style: solid; border-width: 1px; border-color: #CCC #666 #666 #CCC; padding: 2px 14px 7px 7px; } 
.cal_month { margin-right: 0px ; }
.cal_monthandyear { white-space: nowrap; }

.cal_dayview { border: solid 1px #666; margin-left: 0px; padding-bottom: 7px; padding-left: 7px; display: none }
.cal_dayview_viewmode { background-color: #DDD; }
.cal_dayview_editmode { background-color: #FFF; }
.cal_dayview_viewmode .cal_repeatsupevent { display: none }
.cal_dayview_editmode .cal_repeatsupevent { display: block }
.cal_dayview_viewmode .cal_editeventtextarea { background-color: #DDD; border-style: solid; border-color: #AAA; }
.cal_dayview_editmode .cal_editeventtextarea { background-color: #FFF }

.caldayiew_header { background-color: #DDD; border-bottom: solid 1px #FFF }
.caldayview_headerdate { background-color: #E73352; color: #FFF; font-size: 30px ; padding: 5px }
.caldayview_headermonth { color: #E73352; text-align: left; white-space: nowrap; font-size: 14px; padding: 3px 7px }
.caldayview_headerday { color: #333; text-align: left; white-space: nowrap; font-size: 9px; padding: 0 7px; text-transform: uppercase }
.caldayview_headermsg { color: #4A88AB; white-space: nowrap; font-size: 1.3ex; padding: 7px 0 3px 12px; }

.cal_dayviewevent { color: #4A88AB; margin: 1ex 1.5ex; padding-bottom: 1ex; border-bottom: solid 1px #AAA }
.caldayviewmsg { color: #666; white-space: nowrap; text-align: center; padding: 3px 0 }
.caldayeditbuttons { background-color: #DDD; text-align: center; border-style: solid; border-width: 1px; border-color: #CCC #666 #666 #CCC; }
.caldayeditbuttons table { margin-top: 10px; font-size: 1.3ex; }

.caldayviewaddevent { font-size: 1.3ex; text-align: center; margin: 1ex 5px; white-space: nowrap }

.cal_dayinmonth1 div { padding: 2px ; border: solid 1px #AAA ; cursor: pointer }
.cal_dayinmonth0 div { padding: 2px ; border: solid 1px #CCC ; cursor: pointer }
.cal_daywithevent div { border: solid 1px #333; cursor: pointer }
.cal_today div , .cal_today_cal_daywithevent div { font-weight: bold ; border: solid 1px #E73352; cursor: pointer }

.cal_dayinmonth1 .mouseout { background-color: #FFF ; color: #333 }
.cal_dayinmonth0 .mouseout { background-color: #CCC ; color: #666 }
.cal_daywithevent .mouseout { background-color: #E73352 ; color: #FFF }
.cal_today .mouseout { background-color: #FFF ; color: #4A88AB}
.cal_dayinmonth1 .mouseover { background-color: #ffff00 ; color: #333 }
.cal_dayinmonth0 .mouseover { background-color: #ffff00 ; color: #666 }
.cal_daywithevent .mouseover { background-color: #ffff00 ; color: #FFF }
.cal_today .mouseover { background-color: #ffff00 ; color: #4A88AB }
.cal_today_cal_daywithevent .mouseout { background-color: #4A88AB ; color: #FFF }
.cal_today_cal_daywithevent .mouseover { background-color: #ffff00 ; color: #4A88AB }

.cal_daysrow { color: #AAA ; padding: 3px}

a.cal_button:link, a.cal_button:visited, a.cal_button:hover, a.cal_button:active { font-family: Arial ; cursor: pointer ; padding: 0px 0.7ex 1px 0.7ex ; text-decoration: none ; background-color: #4A88AB; color: #FFF ; border: solid 1px #FFF; }

a.cal_button:hover { color: #FFF ; background-color: #666; border: solid 1px #CCC }
a.cal_button:active { border: solid 1px #333 ; color: #FFF ; background-color: #666; border: solid 1px #AAA }

.cal_editeventtextarea { width: 86%; border-width :1px; margin: 3px 3px 0 3px; padding: 3px; font-family: Arial, sans serif; font-size: 0.9em; color: #333 }
.cal_editeventtextarea_mouseout { border-style: dotted; border-color: #FFF #FFF #AAA #FFF; }
.cal_editeventtextarea_mouseover { border-style: solid; border-color: #AAA #AAA #AAA #AAA; color: #E73352 }
.caldayviewmeasurediv { width: 75%; font-family: Arial, sans-serif; font-size: 0.9em; padding: 3px; }

.cal_repeatmenu { background-color: #FFF ; border: solid 1px #4A88AB; color: #333; padding: 0.5ex 1.5ex; line-height: 1.5ex }

.calday_header { background-color: #CCC; cursor: pointer; }

.cal_deco { position: absolute; top: 0; left: 0; width: 36px; height: 15px; background-image: url('/services/cal/images/anneau.png'); background-position: left bottom; background-repeat: no-repeat; }


#calday_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#calday_notetemplate { display: none ; z-index: 1 }
#calday_notetemplate_edit { display: none ; z-index: 1 }

.calday_note { background-color: #FFF; border: solid 1px #666; font-size: 16px }

.calday_header { background-color: #DDD; cursor: pointer; }

.calday_headerdate { background-color: #E73352; color: #FFF; font-size: 30px ; padding: 5px }
.calday_headermonth { color: #E73352; text-align: left; white-space: nowrap; font-size: 14px; padding: 3px 7px }
.calday_headerday { color: #333; text-align: left; white-space: nowrap; font-size: 9px; padding: 0 7px; text-transform: uppercase }

.calday_showcalpane { clear : both } 
.calday_eventdesc { width: 90%; margin: 0 5% }
.calday_editeventtextarea { width: 86%; border: solid 1px #FFF; margin: 3% 3% 0 3%; padding: 3%; font-family: Arial, sans serif; font-size: 0.9em; color: #4A88AB }
.calday_editeventdesc { width: 89%; border: solid 1px #AAA; margin: 3%; padding: 1% 2%; font-family: Arial, sans serif; font-size: 0.9em; color: #4A88AB; text-align: left; white-space: normal }

.calday_repeatmenu { background-color: #FFF ; border: solid 1px #4A88AB; color: #333; padding: 0.5ex 1.5ex; line-height: 1.5ex }

#calendar2_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#calendar2_notetemplate { display: none ; z-index: 1; text-align:center; }
#calendar2_notetemplate_edit { display: none ; z-index: 1 }

.calendar2_note { border-style: none }
.calendar2_monthandyear { white-space: nowrap; }

.calendar2_viewpane{ border: solid 1px #777: solid; text-align:center; }
.calendar2_v7_eventslist { display:none;}
.calendar2_v7_eventslistdiv { height:200px; overflow:auto; }
.calendar2_v7_eventslistdiv .q_event_title{ }
.calendar2_v7_month{ }
.calendar2_v7_month th, .calendar2_month td{ text-align: center; vertical-align: middle; position:relative; }
.calendar2_v7_month th{ height : 34px;}
.calendar2_v7_actions  { cursor :pointer; color:#6c6c6c; font-family : "q-i" }
@media screen and ( max-width:767px ) {
	body.responsive .calendar2_v7_actions { font-size:20px !important }
	body.responsive .calendar2_eventright, body.responsive .calendar2_eventright > tbody, body.responsive .calendar2_eventright > tbody > tr, body.responsive .calendar2_eventright > tbody > tr > td { display: block }
	body.responsive .calendar2_eventslist_col { padding-left: 0px !important ; width: 100% !important }
}
.calendar2_v7_month td[currmonth="true"]:hover {}
.calendar2_v7_month td[currmonth="true"][hasevent="true"] { color: white; cursor:pointer; }

.calendar2_month2 { width: 100%; position:relative }

.calendar2_preview, .calendar2_v7_preview{ 
	position:relative; 
	top:11px;
	z-index: 1;
}
.calendar2_v7_preview div{
	position:absolute; top:0px; 
	width : 130px;
	text-align:center;
	vertical-align:middle;
	line-height:16px;
	font-size:13px ;
	padding:5px; 
	color: #444444;
	-webkit-box-shadow: 0px 1px 3px darkgray ;
	background: #fff ;
}

span.calendar2_iconpreview {font-family : "q-i" } 

a.calendar2_v7_button{ cursor: pointer ; font-family : q-i; padding : 0 15px }
a.calendar2_v7_button:hover{ text-decoration:none }

.cal, .cal .m, .cal .d { background: url(/services/calendar2/images/cal-sprite64.png) no-repeat 0 0; }
.cal { display: inline-block; height: 64px; position: relative; width: 64px;}
.cal .d { position: absolute; height: 25px; left: 17px; top: 25px; width: 32px; text-indent: -9999em; }
.cal .m { position: absolute; height: 10px; left: 7px; top: 17px; width: 17px; text-indent: -9999em;}

.cal[month="1"] .m  { background-position: -62px 0; }
.cal[month="2"] .m  { background-position: -84px 0; }
.cal[month="3"] .m  { background-position: -105px 0; }
.cal[month="4"] .m  { background-position: -126px 0; }
.cal[month="5"] .m  { background-position: -147px 0; }
.cal[month="6"] .m  { background-position: -168px 0; }
.cal[month="7"] .m  { background-position: -188px 0; }
.cal[month="8"] .m  { background-position: -211px 0; }
.cal[month="9"] .m  { background-position: -231px 0; }
.cal[month="10"] .m { background-position: -253px 0; }
.cal[month="11"] .m { background-position: -274px 0; }
.cal[month="12"] .m { background-position: -295px 0; }

.cal[day="1"] .d, .cal[day="2"] .d, .cal[day="3"] .d, .cal[day="4"] .d, .cal[day="5"] .d, .cal[day="6"] .d, .cal[day="7"] .d, .cal[day="8"] .d, .cal[day="9"] .d { left: 24px; width: 17px; }

.cal[day="1"] .d  { background-position: -63px -9px; }
.cal[day="2"] .d  { background-position: -80px -9px; }
.cal[day="3"] .d  { background-position: -97px -9px; }
.cal[day="4"] .d  { background-position: -115px -9px; }
.cal[day="5"] .d  { background-position: -131px -9px; }
.cal[day="6"] .d  { background-position: -147px -9px; }
.cal[day="7"] .d  { background-position: -165px -9px; }
.cal[day="8"] .d  { background-position: -182px -9px; }
.cal[day="9"] .d  { background-position: -199px -9px; }
.cal[day="10"] .d  { background-position: -216px -9px; }
.cal[day="11"] .d  { background-position: -245px -9px; }
.cal[day="12"] .d  { background-position: -275px -9px; }
.cal[day="13"] .d  { background-position: -306px -9px; }
.cal[day="14"] .d  { background-position: -337px -9px; }
.cal[day="15"] .d  { background-position: -368px -9px; }
.cal[day="16"] .d  { background-position: -399px -9px; }
.cal[day="17"] .d  { background-position: -429px -9px; }
.cal[day="18"] .d  { background-position: -459px -9px; }
.cal[day="19"] .d  { background-position: -63px -38px; }
.cal[day="20"] .d  { background-position: -95px -37px; }
.cal[day="21"] .d  { background-position: -126px -37px; }
.cal[day="22"] .d  { background-position: -159px -37px; }
.cal[day="23"] .d  { background-position: -192px -37px; }
.cal[day="24"] .d  { background-position: -224px -37px; }
.cal[day="25"] .d  { background-position: -257px -37px; }
.cal[day="26"] .d  { background-position: -288px -37px; }
.cal[day="27"] .d  { background-position: -320px -37px; }
.cal[day="28"] .d  { background-position: -352px -37px; }
.cal[day="29"] .d  { background-position: -384px -37px; }
.cal[day="30"] .d  { background-position: -416px -37px; }
.cal[day="31"] .d  { background-position: -447px -37px; }

.q_alertevent_events { max-height:500px; _height : 500px ; overflow:auto; }

.flat-white table.calendar2_month { border-collapse: collapse; border-color: #FFF; color: #444 ; border-width: 1px }
.flat-white table.calendar2_month thead { background-color: #FFF }  
.flat-white [currmonth="true"] { background-color: #FFF }
.flat-white .calendar2_month [currmonth="true"][currday="true"] { font-weight: bold ;  color:#000 ; }
.flat-white [currmonth-hasevent="true"] { font-weight: bold }
.flat-white [dayid] { border: solid 1px #DDD }
.flat-white [currmonth="false"] { background-color: #F8F8F8; color: #DDD; }
.flat-white .calendar2_month td[currmonth="true"]:hover { color: #000 }
.flat-white .calendar2_eventslistdiv .q_event_title { border-bottom: solid 1px #DDD }
.flat-white .calendar2_eventslist { background-image: none ; border-color: #DDD }
.flat-white .calendar2_eventslistdiv { border-bottom: none }

.calendar2_white td.w1, .calendar2_white td.w0, .calendar2_white .calendar2_day { color : #444 }
.calendar2_white { background : #ffffff; color: #444; position:relative }
td.w1, td.w0 { cursor:pointer }

.calendar2_month2 span.cal_actions{ position:absolute; left : 0; top:0;display:inline-block }
.calendar2_month2 span.cal_subscribe { position:absolute; right:0; top:0;display:inline-block } 
.calendar2_month2 span.cal_monthandyear{ text-align:center;display:inline-block }
.calendar2_chooseevents { text-align:center; } ;

#carousel_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#carousel_notecontent { display: none; }
#carousel_notecontent_edit { display: none ;}

.carousel_div .prev { background: url('/services/carousel/images/left.png') center center no-repeat; width:47px; height:61px; border:0px; position: absolute; left: 0px; z-index: 200; opacity: 0.6; }
.carousel_div .next { background: url('/services/carousel/images/right.png') center center no-repeat; width:40px; height:61px; border:0px; position: absolute; right: 0px; z-index: 200; opacity: 0.6; }
.carousel_notebody { position: relative ; width: 100% }
.carousel_div { width: 100% }

/* resize vertical */

/*
.carousel_downarrow { position: absolute; width: 100%; line-height: 0; margin: 0; padding: 0; cursor: s-resize; }
.carousel_downarrow div { margin: 0 11px; height: 15px; line-height: 0; text-align: center; cursor: s-resize; overflow: hidden }
*/

div.carousel_desc { text-align: center ; padding-bottom: 0px }
div.carousel_desc.v3 { padding-top: 0px }

/* OLD VERSION */
/* version:3 margin */
div.carousel_desc { padding-top: 11px }


.charmessage_note { border-style: none; border-width: 1px; border-color: #333 }
.charmessage_content { clear : both; margin: 0px }

.charmessage_elem { position: relative; margin: auto }

.charmessage_btn { width: 75px; height: 20px; background: transparent url('/services/poll/images/btn.png') top left no-repeat; color: #333; line-height: 18px; font-size: 12px; text-align: center; cursor: pointer }

.charmessage_elemimg_off { background-color: transparent; border-style: solid; border-width: 1px }
.charmessage_elemimg_onoff { background-color: #FFF; border-style: solid; border-width: 1px; cursor: pointer }

#charmessage_editblock select { width: 150px; font-family: verdana, sans-serif; font-size: 12px }

.charmessage_note .charmessage_content img { float : left }

.clock_note { border-style: none }
.clock_content { margin-top: 12px; position : relative ; }

.clock_bckgimage { position: relative ; }
.clock_bckgimage img { width: 100% ; }
.clock_table { position : absolute ; top : 0 ; left : 0 ;  }


#comment_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#comment_notetemplate { display: none ; z-index: 1; }
#comment_notetemplate_edit { display: none ; z-index: 1; }
.comment_note { min-width: 200px; border-style: none }

.comment_notebody { width: 100%; border-width: 1px }

.comment_desc { text-align: left }

.comment_count_v2 { padding-top: 10px; }
#comment_notecolor table td { width: 18px; height: 18px; border: solid 1px #AAA; cursor: pointer }

.commentbtn { float : right }

.comment_v6_last_wrapper { position:relative; border-top:1px solid; border-bottom:1px solid; }
.comment_v6_last { text-align:justify;}

.comment_list { padding-top: 10px; white-space:nowrap;}
.comment_list a{ text-decoration: underline; font-weight:bold;}

.comment_add { padding-top: 10px; }
.comment_add a{ text-decoration: underline; font-weight:bold;}

.comment_addnewcomment { height : 36px ; line-height : 36px ; padding-left : 15px ; font-size: 12px; border-top: solid 1px #888 ; background-color :  #E6E6E6 ; }
.comment_addnewcomment a { color :  #000 ; }

.comment_inputtile { white-space: nowrap; text-align: left }
.comment_inputarea { width: 90%; float : right }
.comment_inputline .comment_inputarea { width : 100%; float:none; box-sizing:border-box }
.comment_inputline .watermark_container { width:100% }
.comment_note .watermark { opacity : 0.50; filter : alpha( opacity=50 ) }

.comment_newcomment td { padding-bottom: 10px; position: relative }
.comment-back-arrow { font-size : 12px ; margin-right: 8px; vertical-align:middle }

.comment_note .comment_comments, .comment_fullscreendiv .comment_comments { width: 100%; height: 200px; background-color: #FFF; overflow: auto; border-style: solid none none none; border-width: 1px; }

.comment_commentdate { white-space: nowrap; }
.comment_commentauthor { white-space: nowrap; padding-left: 5px }
.comment_commentext { padding-left : 5px }
.comment_bullet { font-size : 6px; line-height:6px; margin : 0 8px; vertical-align:middle}

.comment_leftcorner { width: 35px; height: 20px; background: transparent url(/services/comment/images/corner_left.png) top left no-repeat; }
.comment_rightcorner { width: 20px; height: 20px; background: transparent url(/services/comment/images/corner_right.png) top left no-repeat; }

.comment_commentsorder { white-space: nowrap }
.comment_commentsorderinfo { white-space: nowrap }
#comment_inpage .comment_commentsorderinfo { color: black }

.comment_noteicon.iconorange { width: 48px; height: 40px; background-image:url(/services/comment/images/comment48orange.png);}
.comment_noteicon.icongrey { width: 48px; height: 40px; background-image:url(/services/comment/images/comment48grey.png);}
.comment_noteicon.iconnoicon { width: 0px; height: 0px; background:none;}

.comment_backbtn { width: 35px; height: 32px; background: transparent url(/services/comment/images/arrowback.png) top left no-repeat; cursor: pointer; }

.comment_backtopage { width: 890px ; text-align:right ; padding:8px 0px ; font-size : 12px ; margin:auto }

.comment_mandatorysign { position: absolute ; right: 4px ; top: 4px ; z-index: 2 ; line-height: 1.2em ; padding-top: 0.2em; padding-right: 0.2em }

/* OLD VERSION */
/* avant RPD */
.comment_last_context{ text-align:left; padding-left: 21px; }
.comment_last_wrapper { background-color: white; color: black; border: solid 1px black; position:relative; padding:10px 10px; margin-left:10px; margin-right:10px; min-height: 10px; }
.comment_last_wrapper img { position: absolute; left:-11px; top:5px;}
.comment_last { text-align:justify; overflow:hidden; width:inherit;}

/* version:5 margin */
.comment_text_v2 { text-align: left ; padding-bottom: 10px; }

/* version:? */
.comment_count { font-style:italic;font-size:12px; }
.comment_text { text-align: left;padding: 5px 0; }

.comment_withform_wrapper { display : none }
.comment_inputline { clear:both; display:table; width : 100%; margin-bottom : 8px; position:relative }
.comment_fieldtitle { display: none; white-space: nowrap; width : 30%; vertical-align:top; }
.comment_fieldinput { display : inline-block; width: 100%; vertical-align:top; }

.comment_commentdate_xs { display : none }

.comment_renderform_remove { float: right }
 
@media screen and ( max-width : 767px ) {
	body.viewmode.responsive .sk-sec-rwd .comment_inputarea { font-size: 12px }
	body.viewmode.responsive .sk-sec-rwd .comment_comments { padding : 0 !important }
	body.viewmode.responsive .sk-sec-rwd #comment_inpage { padding : 50px 15px !important }
	body.viewmode.responsive .sk-sec-rwd .comment_newcomment table, body.viewmode.responsive .sk-sec-rwd .comment_newcomment table tbody, body.viewmode.responsive .sk-sec-rwd .comment_newcomment table tr, body.viewmode.responsive .sk-sec-rwd .comment_newcomment table tr td { display : inline-block; width : 100% }
	body.viewmode.responsive .sk-sec-rwd .comment_inputarea { width : 100%; float: none; box-sizing: border-box }
	body.viewmode.responsive .sk-sec-rwd .comment_commentdate_xs { display : block; padding-left : 5px; font-size : 12px !important }
	body.viewmode.responsive .sk-sec-rwd .comment_commentdate { display : none }
	body.viewmode.responsive .sk-sec-rwd .comment_count_v2 td { display:block; text-align:center }
}

@media screen and ( min-width : 768px ) and ( max-width:1007px ) {
	body.viewmode.responsive .sk-sec-rwd .comment_inputarea { font-size: 12px }
	body.viewmode.responsive .sk-sec-rwd .comment_comments { padding : 0 !important }
	body.viewmode.responsive .sk-sec-rwd #comment_inpage { padding : 50px 15px }
	body.viewmode.responsive .sk-sec-rwd .comment_count_v2 td { display:block; text-align:center }
}

.contact2_notebody { width: 100%; }

.contactbtn { width: 75px; height: 20px; background: transparent url('/services/contact2/images/btn.png') top left no-repeat; color: #333; line-height: 18px; font-size: 12px; text-align: center; cursor: pointer }

.contact2_notesubtitle { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; padding: 10px 0; white-space: nowrap }

.contact2_v6_forminput { width: 98% ; font-family: Arial ; font-size: 11px ; border: solid 1px ; width: 100%; box-sizing: border-box ; -moz-box-sizing : border-box; resize: none }
.contact2_formdate { width: 98% ; font-family: Arial ; font-size: 11px ; border: solid 1px ; margin: 2px 0px ; padding: 1px ; cursor: pointer }
.contact2_formdatev2 { cursor: pointer }

.contact2_note .watermark_container { width: 100% }
.contact2_note .watermark { opacity : 0.50; filter : alpha( opacity=50 ) }

td[type="comment"] { text-align: right; } 

.contact2_inputlabeltd { padding-right: 12px; }
.contact2_inputlabel { padding-left: 5px; }
.contact2_inputoptiontd { background-color: #FFF; color: #000; padding: 2px; border: solid 1px #000;}

.contact2_form td { padding-left : 1px } /* fix bug affichage IE6 et IE7 */

/* 2009-06-18 : anciens styles nécessaires pour les vieilles pages web */
#contact2_headeroptionsmask { position: absolute; left: -15px; width: 185px; height: 95px; z-index: 5; opacity: 0.7; filter: alpha(opacity=70); }
#contact2_notecolor table td { width: 18px; height: 18px; border: solid 1px #AAA; cursor: pointer }

.contact2_noteheader { width: 100%; height: 24px; }
.contact2_headericon { position: absolute; top : -16px ; width: 48px; height: 48px; background: transparent url('/services/contact2/images/contact48.png') top left no-repeat }
.contact2_headerbckg {width: 100%; margin-top: 0px; cursor: pointer; border-width: 0px; position : relative ; top : 0px ; left : 0px }
.contact2_headertext { height : 24px ; line-height: 24px; font-size: 14px; font-weight: bold; width:100% }
.contact2_signature { font-size: 11px; text-align: right; padding-right: 4% }
.contact2_desc { width : 100% }

.contact2_form td { padding-top: 5px ; padding-bottom: 5px }
.contact2_v2 .contact2_form td { padding:0 }
.onecolumn.contact2_v2 .contact2_form td, .oneline.contact2_v2 .contact2_form td { padding:0 }

.onecolumn .contact2_formelem.contact2_forminput, .oneline .contact2_formelem.contact2_forminput { padding-left: 0px ;  } 
.onecolumn[type="checkbox"], .oneline[type="checkbox"] {  }

.contact2_v2 input[type="text"].contact2_formelem, .contact2_v2 textarea.contact2_formelem { margin: 0 }

.onecolumn .contact2_input_text_td .contact2_mandatorysign, .oneline .contact2_input_text_td .contact2_mandatorysign { position: absolute ; right: 0.2em ; top: 4px ; z-index: 2 ; line-height: 1.2em ; padding-top: 0.2em }
.onecolumn.contact2_v2 .contact2_input_text_td .contact2_mandatorysign, .oneline.contact2_v2 .contact2_input_text_td .contact2_mandatorysign { position: absolute ; right: 4px ; top: 4px ; z-index: 2 ; line-height: 1.2em ; padding-top: 0.2em; padding-right: 0.2em }

.onecolumn input[type="checkbox"], .oneline input[type="checkbox"] { vertical-align: middle; font-size: inherit; }
.onecolumn .contact2_input_text_td .contact2_forminput, .oneline .contact2_input_text_td .contact2_forminput { padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.2em; padding-right: 0.5em }
.onecolumn .contact2_input_text_td, .oneline .contact2_input_text_td { position: relative ; }
.onecolumn [type="validationbox"] .contact2_v6_formlabel, .oneline [type="validationbox"] .contact2_v6_formlabel { text-align: left ; }
.onecolumn.contact2_v2 .contact2_v6_formlabel, .oneline.contact2_v2 .contact2_v6_formlabel { padding-bottom: 0.3em; display:inline-block }

.contact2_form .custom-form-select { display: inline-block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; background-image: url(/images/arrow_select.jpg ); background-position: center right; background-repeat: no-repeat; position: absolute; top: 0; left: 0; overflow: hidden; cursor: pointer;}
.contact2_form .custom-form-select.custom-form-disabled { opacity : 0.50; filter : alpha( opacity=50 ) }

.contact2_form .custom-form-wrapper, .contact2_formbottom .custom-form-wrapper { display: inline-block; position: relative; vertical-align: middle; width:100% }
.contact2_form [type="validationbox"] .custom-form-wrapper, .contact2_form [type="checkboxes"] .custom-form-wrapper, .contact2_formbottom .custom-form-wrapper { width: auto; margin-right: 0.5em; vertical-align:middle }
.contact2_form .cform, .contact2_formbottom .cform { cursor:pointer }

body.editmode .contact2_form select { max-width: 100% }

.contact2_notebody .custom-form-checkbox { width: 15px; height: 15px; background-color: transparent; display: inline-block; border: 2px solid; cursor: pointer; box-sizing:border-box }
.contact2_notebody .custom-form-checkbox.custom-form-checked .custom-form-checked-inner:before { font-family: q-i; content: '\e60d'; font-size : 9px; margin-left:1px; line-height:13px; }

.contact2_restore { display : inline-block; margin-bottom : 0.8em; }
.oneline .contact2_showmandatory.rpd-halfpb { padding-bottom: 0px }
@media screen and ( min-width:768px ) {
	.oneline tr[for="contact2_restore"] { display: none }
}

.contact2_form label { cursor: pointer }

/* OLD VERSION */
/* version:4 margin */
.contact2_text { width : 100% ; padding-bottom : 15px ; }

/*version:5*/
.contact2_formlabel { text-align: right; padding-right: 8px; }
.onecolumn [type="validationbox"] .contact2_formlabel, .oneline [type="validationbox"] .contact2_formlabel { text-align: left ; }
.contact2_forminput { width: 98% ; font-family: Arial ; font-size: 11px ; border: solid 1px ; }

body.editmode .sk-sec-rwd .oneline .button-form-wrapper { display: none }
@media screen and ( min-width:1008px ) {
	body.viewmode.responsive .sk-sec-rwd .oneline .button-form-wrapper { display: none }
}
@media screen and ( max-width:1007px ) {
	body.viewmode.responsive .sk-sec-rwd .custom-form-wrapper select { width : 100% !important; box-sizing:border-box }
	body.viewmode.responsive .sk-sec-rwd .watermark { width:auto ! important;}
	body.viewmode.responsive .sk-sec-rwd .oneline .button-oneline-wrapper { display: none }
}

@media screen and ( min-width:768px ) {
	body.viewmode.responsive .sk-sec-rwd .contact2_note .contact2_xs_show { display: none }
	body.viewmode.responsive .sk-sec-rwd .contact2_note.twocolumn .watermark { display: none !important }
}

@media screen and ( min-width:768px ) and ( max-width:1007px ) {
	body.viewmode.responsive .sk-sec-rwd .oneline .contact2_form td.oneline-last { padding-right: 0 !important }
}

@media screen and ( max-width:767px ) {
	body.viewmode.responsive .sk-sec-rwd .contact2_xs_hide { display: none }
	body.viewmode.responsive .sk-sec-rwd .oneline .contact2_form, body.viewmode.responsive .sk-sec-rwd .oneline .contact2_form tbody, body.viewmode.responsive .sk-sec-rwd .oneline .contact2_form tr, body.viewmode.responsive .sk-sec-rwd .oneline .contact2_form td { display: block }
	body.viewmode.responsive .sk-sec-rwd .oneline .button-oneline-wrapper { display: none !important }
	body.viewmode.responsive .sk-sec-rwd .oneline .contact2_form td { padding-right: 0 !important ; padding-bottom: 1em }
}


.countdown2_v6_view_titreEvenement{ padding-bottom:10px }
.countdown2_v6_view_dateEvenement{  }
.countdown2_v6_view_compteur{ font-size: 20px; }
.countdown2_CheckResultat{ border-style:solid; border-width : 1px; padding:2px; }
.countdown2_time { font-weight:bold; font-size : 1.54em; background : #d1d1d1; padding: 0.75em 0px;text-align:center ; width: 2.5em; margin : 0 auto; display:table }
.countdown2_v6_view_compteur table td { font-size : 0.85em; font-weight:normal; text-align:center;}
.countdown2_v6_view_compteur table td.countdown2_timeseparator{ width:0.5em; vertical-align:middle; }
.countdown2_v6_message{ padding-bottom:10px;display:block }

.countdown2_relative { position:relative;width:0;top:0;margin:0 auto }
.countdown2_absolute { position:absolute;width:8em;left:-4em;top:0}
.countdown2_timetd{ width:5em }
.countdown2_view_logo { font-family: q-i; font-size:5em }

/* old version 5
******************************************************************/
.countdown2_view_titreEvenement{ font-size: 17px; }
.countdown2_view_dateEvenement{ font-size: 14px; }
.countdown2_view_compteur{ font-size: 20px; }


#dispo_intl_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; }

#dispo_intl_notetemplate { display: none ; z-index: 1; }
#dispo_intl_notetemplate_edit { display: none ; z-index: 1 }

.dispo_textarea { width : 100% ; }

.dispotable { margin: 5px; max-height:700px; overflow:auto;}
.dispotable ul {width: 100%; list-style-type : none; margin: 0; padding : 0 ;}
.dispotable li { list-style-type: none ; margin: 0; padding : 0 }
.disporesponsespan { margin-right : 10px; }
.dispomodifbutton { margin-left : 5px }
.dispotable input {margin-left: -1px;  padding: 0px 3px; font-family: Arial ; font-size: 11px; }

/* ANCIENS STYLES */

.dispo_intl_sn { min-width: 190px }
.tdleft { width : 80px ; }
.dark { color: #C8C8C9 }
* html .dark a { color: #C8C8C9 ; }
.dispotable table {width: 100%; border-collapse: collapse; line-height: 1.2em; background-color: #cfd64f}
.dispotable tr { border-top: solid 1px #FFF; border-bottom: solid 1px #FFF }
.dispotable td {padding: 2px 4px; }
.linkinnote {margin: 1px}
.vmgrlink {margin: 2px}



#dn_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#dn_notetemplate { display: none ; z-index: 1 }
#dn_notetemplate_edit { display: none ; z-index: 1 }
#dn_replytemplate { display: none ; z-index: 1 }
#dn_replytemplate_edit { display: none ; z-index: 1 }

.dn_textarea { width : 100% ; border: solid 1px }
.dn_summary {  border: solid 1px ;  font-family:Arial; text-align:center }
.dn_summary_v7_text { border:0; border-bottom : 1px solid ;}
.dn_summary_text_area { width : 100% ; }

.dn_msg_text { border: solid 1px; border-color: #DDD #DDD #AAA #DDD ; padding: 3px; background-color:white; }

.dn_noteimage { display: inline ; float: left ; margin: 0.1em 5% ; border: solid 0px ; border-color : #444 ; width: 90% }


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

#dn_color_1 , #dn_color_2 , #dn_color_4 { width: 22px ; height: 13px ; cursor: pointer ; border: solid ; border-width: 0px ;margin: 0 0 5px 0 ; }
#dn_color_3 { width: 20px ; height: 11px ; cursor: pointer ; border: solid ; border-width: 1px ;margin: 0 0 5px 0 ; }

#dn_color_1 { background: #BFE3F9 ; border-color: #60727D }
#dn_color_2 { background: #DBEC35 ; border-color: #6E761B }
#dn_color_3 { background: #FFF ; border-color: #CCC } /* #CCC #CCC #888 #CCC } */
#dn_color_4 { background: #E73352 ; border-color: #741A29 }

/*
.dn_notecolor3 { background: #FFF ; position: relative ; left: 6px ; top: 7px ; width: 100px ; height: 54px ; cursor: pointer ; border: solid 1px ; border-color: #CCC #CCC #888 #CCC ; }
*/

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

.dn_edit{min-width: 110px}

.dn_v7_date { text-align: center; }
.dn_v7_date .dn_day { text-align:center;padding-bottom:0.6em }
.dn_v7_date .dn_month { text-align:center;padding-bottom:0.3em;padding-top:0.6em }
.dn_v7_date .dn_year { text-align:center; padding-bottom:0 }
.dn_digit1{border: solid black 1px;text-align:center;  width:32px; height:53px; line-height:53px;font-size: 47px; color:red; font-family:arial;}
.dn_digit2{border: solid black 1px;text-align:center;  width:32px; height:53px; line-height:53px;font-size: 47px; color:red; font-family:arial;}
.dn_digit1_render{border: 0px;text-align:center;  width:27px; height:47px; line-height:47px;font-size: 47px; color:red; font-family:arial;}
.dn_digit2_render{border: 0px;text-align:center;  width:27px; height:47px; line-height:47px;font-size: 47px; color:red; font-family:arial;}

/* old version 6
***************************************************/
.dn_summary_text { margin: 2px ; padding: 2px; border-width: 0px ;  font-weight: bold}
.dn_date{margin:4px; padding-top:2px; padding-bottom:2px;}


#dropbox_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#dropbox_notetemplate { display: none ; }
#dropbox_notetemplate_edit { display: none ; }
.dropbox_note { border-style: none }


.selected { border : solid 3px #4A88AB ; }
.ema_leftdrawer { background-color: #FFF;  padding: 5px 5px;}
.drawertitle { font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 0px; }

#events_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#events_notecontent { display: none; }
#events_notecontent_edit { display: none ;}
#events_notecontent_edit p { margin:0;}

.events_notebody p { margin:0; padding: 0;}
.events_events { width:100% }
.events_v5_events { padding-top: 0px ; padding-bottom: 0px }
textarea.events_desc{ width:100%;border-width:1px; border-style:solid; }
div.events_desc{ text-align: center; width:100%; }

.q_event { position : relative }
.events_icon_edit { position : absolute; right : 0px ; top : 0px; color : #1479fc; font-size : 14px; background : #ffffff; box-shadow : 0px 1px 3px rgba( 0, 0, 0, 0.15 ); padding : 3px; cursor : pointer; display:none }

/* OLD VERSION */
/* version:4 margin */
.events_events { padding-top: 10px ; padding-bottom: 10px }


#favorite_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#favorite_notecontent { display: none; }
#favorite_notecontent_edit { display: none ;}

.favorite_img{ 
	border: solid 4px white;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

@media screen and ( max-width:767px ) {
	.viewmode.responsive .sk-sec-rwd .favorite_img { max-width: 100%; box-sizing:border-box }
}

@media screen and ( min-width : 768px ) and ( max-width:1007px ) {
	.viewmode.responsive .sk-sec-rwd .favorite_img { max-width: 100%; box-sizing:border-box }
}

#ffbb2_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#ffbb2_notetemplate { display: none ; z-index: 1; }
#ffbb2_notetemplate_edit { display: none ; z-index: 1; }
.ffbb2_note { min-width: 200px; border-style: none }

.ffbb2_notebody { width: 100%; border-width: 1px }

.ffbbbtn { width: 75px; height: 20px; background: transparent url('/services/ffbb2/images/btn.png') top left no-repeat; color: #333; line-height: 18px; font-size: 12px; text-align: center; cursor: pointer }

.ffbb2_puce {width : 11px; height:10px; background-image:url('/services/ffbb2/images/puce2.png'); _background-image:url('/images/blank.gif'); _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/ffbb2/images/puce2.png',sizingMethod='image' ) ;}
.darkvador .ffbb2_puce {background-image:url('/services/ffbb2/images/puce1.png'); _background-image:url('/images/blank.gif'); _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/ffbb2/images/puce1.png',sizingMethod='image' ) ;}

/* 09_06_19 vh : anciens style avant mutualisation nécessaire pour les pages webbées */
#ffbb2_headeroptionsmask { position: absolute; left: -15px; width: 185px; height: 95px; z-index: 5; opacity: 0.7; filter: alpha(opacity=70); }

.ffbb2_noteheader { position : relative ; width: 100%; height: 24px; }
.ffbb2_headericon { position: absolute; top : -16px ; width: 48px; height: 48px; background: transparent url('/services/ffbb2/images/ffbb48.png') top left no-repeat }
.ffbb2_headerbckg { position: absolute; width: 100%; height: 24px; margin-top: 0px; overflow: hidden; cursor: pointer; border-width: 1px }
.ffbb2_headertext { line-height: 24px; font-size: 14px; font-weight: bold; white-space: nowrap; margin-left: 54px }

#ffbb2_notecolor table td { width : 16px ; height : 16px ; border : solid 1px #AAA ; cursor : pointer ;}

div.ffbb2_text a { color: #00E }
div.ffbb2_text a.dark { color: #6FF }

.ffbb2_pager { padding-top: 10px; }
.ffbb2_next_new, .ffbb2_pre_new { cursor:pointer }
.ffbb2_plus {margin-right:0.5em; }
.ffbb2_image_wrapper { position:relative; }

.ffbb2_an_item_desc .ffbb2_image_wrapper, .ffbb2_an_item_desc .date, .ffbb2_an_item_desc .ffbb2_description { cursor: pointer } 

#files_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#files_notecontent { display: none; }
#files_notecontent_edit { display: none ;}
#files_notecontent_edit p { margin:0;}

.filesdownloadbtn { width:198px; height: 50px; background: transparent url('/services/files/images/download.png') top center no-repeat; color: #333; line-height: 60px; font-size: 12px; text-align: center; cursor: pointer;padding-left:15px;margin-bottom:5px; }


#flash_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#flash_notetemplate { display: none ; }
#flash_notetemplate_edit { display: none ; }
.webmode .flash_note { behavior: url( "/style/flash.htc" ) ; }

.flash_desc { width:100% }
.flash_textarea { border: solid 1px; }
.flash_video { font-family:Verdana, Arial; font-size:12px; position: relative ; top: 0px ; left: 0px }
.flash_video iframe { position: relative }
.flash_img {margin:5px; border-style : solid; border-width:1px;}
.flash_bold{font-weight:bold;}

.flash_optiontab_on, .flash_optiontab_off { height: 28px; }
.flash_optiontab_on { border-style: solid solid none solid; border-width: 1px; cursor: default; background-color:white; color:black; }
.flash_optiontab_off { border-style: dotted dotted solid dotted; border-width: 1px; cursor: pointer; }
.flash_optiontab_inter { border-style: none none solid none; border-width: 1px; }
.flash_optionitems { border-width: 0 1px 1px 1px; border-style:solid; background-color:white; color:black; min-width : 540px }
.flash_waitdiv { z-index : 1 ;background-color:red; position:absolute;width:100%;height:100%;display:none; background : url(/images/blank.gif ) repeat; top: 0; left : 0;  }

/* OLD VERSION */
/* version:5 margin */
.flash_comment { width:100% }


#flickr_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#flickr_notecontent { display: none; }
#flickr_notecontent_edit { display: none ;}

.flickr_notebody { width: 100%; border-width: 1px; padding-top:10px;}
.flickr_notebody p { text-align: left; font-size: 12px; padding: 0 }
.flickr_notebody textarea { height: 50px; border: solid 1px #AAA; font-family: Arial, sans-serif; font-size: 11px; }

.flickr_content{ border : 1px solid #CCC; }
.flickr_note{ border:0px solid #FFF; }
.flickr_text{ border: 1px solid #AAA; }
.flickr_thumb{
	width:75px;
	height:75px;
	margin:2px;
	cursor:pointer;
}
.flickr_phototitle{
	font-size:14px;
	font-weight:bold;
}

#fv_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#fv_notetemplate { display: none ; z-index: 1 }
#fv_notetemplate_edit { display: none ; z-index: 1 }

.fv_textarea { width : 100% ; border: solid 1px ; background-color: transparent ; }

/* .fv_noteimage { display: inline ; float: left ; margin: 0.1em 5% 1em 5% ; border: solid 0px ; border-color : #444 ; width: 90% } */
/* .video_noteimage { margin: 0.1em 5% 1em 5% ; border: solid 0px ; border-color : #444 ; width: 90% } */
.fv_noteimage { margin: 0px ; border-style: none ; width: 100% }

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

#fv_color_1 , #fv_color_2 , #fv_color_4 { width: 22px ; height: 13px ; cursor: pointer ; border: solid ; border-width: 0px ;margin: 0 0 5px 0 ; }
#fv_color_3 { width: 20px ; height: 11px ; cursor: pointer ; border: solid ; border-width: 1px ;margin: 0 0 5px 0 ; }

#fv_color_1 { background: #BFE3F9 ; border-color: #60727D }
#fv_color_2 { background: #DBEC35 ; border-color: #6E761B }
#fv_color_3 { background: #FFF ; border-color: #CCC } /* #CCC #CCC #888 #CCC } */
#fv_color_4 { background: #E73352 ; border-color: #741A29 }

.fv_notecolor3 { background: #FFF ; position: relative ; left: 6px ; top: 7px ; width: 100px ; height: 54px ; cursor: pointer ; border: solid 1px ; border-color: #CCC #CCC #888 #CCC ; }

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

/* #fv_editblock table td { width: 16px; height: 16px; border: solid 1px #AAA; cursor: pointer; text-align: left } fait par fnct */
.fv_control_buttons { width: 24px; height: 24px;  background-position: center top; cursor: pointer}

.fv_info { position: relative; left: -13px; top : 5px ; width: 175px; border: solid 1px #000; background-color: #ffff66; color: #333; font-size: 11px; padding: 0px 2px; display: none }

.fv_video video { background : #000 }


#gm_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#gm_notecontent { display: none; }
#gm_notecontent_edit { display: none ;}

.gm_v7_notebody .gm_desc { margin-top:0px; }
textarea.gm_desc{ border-style: solid; border-width: 1px; height: 50px; }
.gm_input_dep, .gm_input_arr { font-size:13px; line-height:15px;width:95%; border-style:solid; border-width:1px;}

.gm_notebody, .gm_v7_notebody { border-width: 1px; }
.gm_notebody p, .gm_v7_notebody p { text-align: left; font-size: 12px; padding: 0 }

#map_canvas, #map_hidecanvas, #map_panel, #map_hidepanel{font-size:11px; font-family:Arial, Verdana;}
#map_hidecanvas, #map_hidepanel{width:100%; height:12px;padding: 3px 3px; border-bottom: dashed 1px #FFF;}
#map_canvas, #map_panel{padding: 3px 3px;}
.gm_touchmask { width : 100%; height: 100%; position:absolute; top:0; left:0 }
.gm_fixedmap { position:fixed; width: 100%; height:100%; top:0;left:0; background:#ffffff; z-index:2 }
.gm_fixedmap_close { position: absolute; top : 12px; right : 12px; width:30px; height:30px; background: #ffffff; color : #1479fc; font-size:18px; border-radius:100%; padding: 6px; box-shadow : 0 2px 3px rgba( 0,0,0,0.2); box-sizing:border-box }

/* old version 6
*********************************************/
.gm_notebody .gm_desc { margin-top:5px; }

textarea.gmlist_desc{  width:100%; border-width:1px;  border-style:solid; padding:0; margin:0; }
.gmlist_address{ font-size : 10px;  font-style : oblique; }
.gmlist_delete, .gmlist_edit{ position:absolute; top:4px; cursor: pointer;}
.gmlist_delete{ right:0px; }
.gmlist_edit { right:24px; }

.gmlist_markerslist { overflow:auto; }

ul.gmlist_markerslist , .gmlist_markerslist ul { padding:0px; margin:0px; list-style-position:inside;}
.gmlist_markerslist .rpd-list-item { cursor:pointer }

#gmlist_markertemplate td { padding : 5px 0px }
#gmlist_markertemplate td.gmlist_mt_title{ text-align : right; font-weight:bold; padding-right : 5px }
.gmlist_mt_link{ text-align : left; }

#gmlist_markertemplate textarea, #gmlist_markertemplate input, #gmlist_markertemplate select{ 
	width : 450px ; 
	font-size:12px; 
	font-family : Arial; 
	text-align : left; 
	line-height: 12px;
}
#gmlist_markertemplate textarea{ border : solid 1px #333; height : 40px; }
#gmlist_markertemplate input{ border : solid 1px #333; height: 20px; }
#gmlist_markertemplate select{ border : solid 1px #333; height: 20px; }

.gmlist_infowindow{ font-family : Arial; font-size:12px; }
.gmlist_iw_address{ font-size : 10px; font-style: oblique; color : #777; padding-bottom:5px; }
.gmlist_iw_name{ font-weight: bold; font-size:13px; color : black;}

a.gmlist_iw_name{ color : blue;}

.gmlist_v5_table { width : 100%; table-layout: fixed }

.gmlist_touchmask { width : 100%; height: 100%; position:absolute; top:0; left:0 }
.gmlist_fixedmap { position:fixed; width: 100%; height:100%; top:0;left:0; background:#ffffff; z-index:2 }
.gmlist_fixedmap_close { position: absolute; top : 12px; right : 12px; width:30px; height:30px; background: #ffffff; color : #1479fc; font-size:18px; border-radius:100%; padding: 6px; box-shadow : 0 2px 3px rgba( 0,0,0,0.2); box-sizing:border-box }

@media screen and ( max-width : 767px ) {
	body.responsive .gmlist_v5_table table, .gmlist_v5_table tbody, .gmlist_v5_table tr, .gmlist_v5_table td { display : block; width : 100% !important; padding : 0 !important }
	body.responsive .gmlist_markerslist { height : auto !important }
}

#hello_intl_editblock { display : none ; position: relative ; padding: 0 ; z-index: 1 ; }

#hello_intl_notetemplate { display: none ; z-index: 1 ;}
#hello_intl_notetemplate_edit { display: none ; z-index: 1;}

.hello_intl_textarea { width : 80% ; position: relative; left: 0px; right: 0px; border: solid 1px #AAA; font-family: Arial, Helvetica, sans-serif ; font-size: 11px ; padding: 4px 4px; margin: 12px 0px 12px 12px;}

.hello_intl_textinfo {color: #777; font-size: 11px ; padding: 5px 0px; margin: 12px 0px 12px 12px;}
.hello_intl_n {color:#333; font-weight : normal;}
.hello_intl_note_edit { background-color : #FFF }

.kado_info_gifts, .kado_info_total{ font-weight:bold;}
.kado_innercontent, .kado_notecontent_edit { text-align:center }
.kado_buttons { text-align:center }
.kado_gifts_list { list-style-type:none; margin:0; padding:0; text-align:left}
.kado_gifts_list li { list-style-type : none ; }


#kitty_editblock { display : none } 

.kitty_amountmsg { font-size: 15px }

.kitty_edittable { border: solid 1px #4A88AB ; margin: 8px 0px }

.kitty_tddisplayplus { background-color: #DBEC35 ; }
.kitty_amountplus { font-size: 18px ; font-weight : bold ; margin: 5px 0 5px 0; color :  #E73352}
.kitty_lasttransactionplus { margin-bottom : 10px ; font-size : 10px ; color : #444; cursor : pointer; }

.kitty_tddisplayminus { background-color: #E73352 ; }
.kitty_amountminus { font-size: 18px ; font-weight : bold ; margin: 5px 0 5px 0; color :  #EEF7C6}
.kitty_lasttransactionminus { margin-bottom : 10px ; font-size : 10px ; color : #BFE3F9; }

.kitty_memberpart { padding : 0 ; margin-left : 5px ;  text-align : right ;} 

.kitty_new_operation_elem input{ border:solid 1px #333; font-size:12px; color: red; cursor: pointer;}
.kitty_new_operation_elem select{ width : 100% }
.kitty_div_decal { margin : 5px 0 15px 25px ; }
.kitty_operation_centimes { text-align : right ;}
.kitty_operation_category { text-align : left ; color : #333 ; width : 100% ; }
.kitty_operation_virgule { width:15px ; text-align: center ; font-size : 150% }
.kitty_operation_euro , .kitty_operation_dollard { width:15px ; text-align: center ; font-size : 120%  ; display : none }
.kitty_operation_text { padding-left : 10px ; padding-right : 5px ; font-weight : bold ; }

.kitty_all_operations { width:600px ;text-align : left ; border : solid 1px ; border-color : #ddd #ddd #aaa #ddd; font-size:12px;}
.kitty_all_operations_table { text-align : center ; color : #000 ; }
.kitty_all_operations_table th{ color:white; height:23px; }
.kitty_all_operations_table th a { color : white ; text-align : center ; width : 100% ; text-decoration:underline;}
.kitty_all_operations_table td { height : 1.6em ; border-right : solid 1px #ccc }
.kitty_all_operations_table td.kitty_table_noborder { border-right : solid 0px }
.kitty_td_r { text-align : right ; padding-right : 5px ; padding-left : 5px }
.kitty_td_l { text-align : left ; padding-right : 5px ; padding-left : 5px }

.kitty_page_selected { font-size : 120% ; font-weight : bold ; cursor : pointer ;}
.kitty_page { font-size : 100% ; cursor : pointer ;}

.kitty_sold_table { border : solid 1px #CCC; border-collapse: collapse; }
.kitty_sold_table th { height : 1.6em ; border-right : solid 1px #ccc ; font-size : 12px ; text-align : center; color: white;}
.kitty_sold_table td { height : 1.6em ; border-right : solid 1px #ccc ; color : #000 ; font-size : 11px ; text-align : left ; padding-left: 1em }
.kitty_sold_table td.kitty_table_noborder { border-right : solid 0px ; text-align: right ; padding-right: 1em }

.kitty_all_bilan { cursor : pointer ; margin-bottom: 4px }
.kitty_bilan_table { margin-top : 8px ; margin-bottom: 2px; font-size:12px; }
.kitty_bilan_table td { line-height: 1.6em }
.kitty_bilan_table th { line-height: 1.6em ; border-top: solid 2px #CCC; color:white; }
.kitty_bilan_table_td1 { text-align : left ; padding-left: 1em ; color: #000 }
.kitty_bilan_table_td2 { text-align : center ; color: #000  }
.kitty_bilan_table_td3 { text-align : right ; color: #000 }
.kitty_bilan_table_td4 { text-align : right ; padding-right : 1em ; color: #000 }

.usercanceled { color : #f00 ; font-style : italic }

.live2_header{
	text-align:right;
	font-weight:bold;
}

.live2_datedisplay{
	color:red;
	line-height:24px;
}

.live2_reporters{
	color: red;
}

.live2_reporterstable th{
	border-bottom-width : 1px;
	border-bottom-style:solid;
}

.live2_wait{
	text-align: center; 
	width: 100%; 
	height: 137px;
}

.live2_input{
	border: solid 1px #777; 
	width:100%; 
	height:18px;
}

.live2_v4_table{
	width:100% ;
	display:none;
}
.live2_v4_table td { padding: 0 }

/* old version v3
*********************************************************/
.live2_table{
	border-top-width: 1px; 
	border-top-style:solid;
	display:none;
}

.matchnext2_note { border-style: none; }

.matchnext2_notebody { width: 100%; }
.matchnext2_notebody a { color: #000 }
.matchnext2_notebody .off img { background-image: url('/images/circle6in9black.png' ) ; }
.matchnext2_notebody .on img { background-image: url('/images/ccircle6in9black.png' ) ; }
.matchnext2_notebody .dark, .matchnext2_notebody .dark a { color: #FFF }
.matchnext2_notebody .dark .off img { background-image: url('/images/circle6in9white.png' ) ; }
.matchnext2_notebody .dark .on img { background-image: url('/images/ccircle6in9white.png' ) ; }

.matchnext2_optiontab_on, .matchnext2_optiontab_off { height: 28px; }
.matchnext2_optiontab_on { border-style: solid solid none solid; border-width: 1px; cursor: default }
.matchnext2_optiontab_off { border-style: dotted dotted solid dotted; border-width: 1px; cursor: pointer }
.matchnext2_optiontab_inter { border-style: none none solid none; border-width: 1px; }
.matchnext2_optionpanes { border-bottom: solid 1px;border-left:solid 1px; border-right:solid 1px; }

table.matchnext2_matchstable_edit { border-top: solid 1px; }
table.matchnext2_matchstable_edit td { padding: 4px 0; border-bottom: solid 1px }

.matchnext2_viewmatchnext2_localteam, .matchnext2_viewmatchnext2_vsteam { font-size: 15px ; line-height: 1.4em  }
.matchnext2_viewmatchnext2_homescore, .matchnext2_viewmatchnext2_vsscore { font-size: 15px ; line-height: 1.4em  }
td.matchnext2_viewmatchnext2_homescore { border-style: solid dotted solid solid }
td.matchnext2_viewmatchnext2_vsscore { border-style: solid solid solid none }
td.matchnext2_viewmatchnext2_waitingscore { }
td.matchnext2_viewmatchnext2_location, td.matchnext2_viewmatchnext2_home { padding: 4px 0; font-size: 90%; padding: 6px }
td.matchnext2_viewmatchnext2_location { font-style: italic; }
td.matchnext2_viewmatchnext2_matchindex { font-size: 11px; padding-right: 6px }

.matchnext2_notebody.v7 .matchnext2_editmatch_txt { padding: 0px }

.matchnext2_viewmatchnext2_datetime { border: solid 1px; padding: 4px 10px; margin: 0 10px; }
.matchnext2_viewmatchnext2_date { font-size: 110%; text-transform: capitalize; }
.matchnext2_viewmatchnext2_time { font-size: 110%; }

.matchnext2_teamselect_team { margin-left: 20px; }

.matchnext2_infos { padding: 0 5px; border-bottom: solid 1px; }
.matchnext2_infos table td { }

/*.matchnext2_listline { height: 24px; text-align: left; overflow: hidden; border-bottom: dotted 1px; cursor: pointer; line-height: 24px ; }*/
.matchnext2_listline{ cursor:pointer;padding-top:1px }

.matchnext2_infospause { width: 20px; height: 20px; background: transparent url('/services/matchnext2/images/pause20.png') top left no-repeat; cursor: pointer; _background-image: url('/images/blank.gif') ; _filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/matchnext2/images/pause20.png',sizingMethod='image') }
.matchnext2_infospause_off { width: 20px; height: 20px; background: transparent url('/services/matchnext2/images/pauseoff20.png') top left no-repeat; cursor: default; _background-image: url('/images/blank.gif') ; _filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/matchnext2/images/pauseoff20.png',sizingMethod='image') }
.matchnext2_infosanim { width: 20px; height: 20px; background: transparent url('/services/matchnext2/images/play20.png') top left no-repeat; cursor: pointer; _background-image: url('/images/blank.gif') ; _filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/matchnext2/images/play20.png',sizingMethod='image') }
.matchnext2_infosanim_off { width: 20px; height: 20px; background: transparent url('/services/matchnext2/images/playoff20.png') top left no-repeat; cursor: default; _background-image: url('/images/blank.gif') ; _filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/matchnext2/images/playoff20.png',sizingMethod='image') }


/* 09_06_18 - Anciens style avant mutualisation à conserver avant rewebbisation des pages */
#matchnext2_headeroptionsmask { position: absolute; left: -15px; width: 185px; height: 95px; z-index: 5; opacity: 0.7; filter: alpha(opacity=70); }
#matchnext2_notecolor table td { width: 18px; height: 18px; border: solid 1px #AAA; cursor: pointer }

.matchnext2_headericontainer { position: relative ; top : 0px ; left : 0px ; width: 48px; }
.matchnext2_headericon { position: absolute ; left : 0px ; top : -16px ; width: 48px; height: 48px; background: transparent url('/services/matchnext2/images/matchnext48.png') top left no-repeat ; }
.matchnext2_headerbckg { position: relative ; top : 0px ; left : 0px ; margin-top: 0px; cursor: move; border-width: 1px }
.matchnext2_headerbckg input { height: 16px; border: none 0px #000; font-family: Arial, sans-serif; line-height: 18px; margin-top: 2px ; width : 100% }
.matchnext2_headerbckg textarea { border: none 0px #000; font-family: Arial, sans-serif; line-height: 24px; margin-top: 2px ; width : 98% ; border : solid 1px }
.matchnext2_headertext, .matchnext2_headermeasure { line-height: 24px; font-size: 14px; font-weight: bold; margin-right: 5px }

.matchnext2_commenticon{ width : 48px; height : 48px; background-image : url('/services/matchnext2/images/commenticon_48.png')}

.matchnext2_nav_placeholder { position: relative ; top: 0px ; left: 0px ; height: 0px ; font-family: Arial, sans-serif }

.matchnext2_home_team_name, .matchnext2_visitor_team_name, .matchnext2_score_home, .matchnext2_score_separator, .matchnext2_score_visitor { font-weight:bold }
.matchnext2_infos_number, .matchnext2_seelist { font-size:10px; color : #fff }
.matchnext2_iconedit{ font-family : q-i; float:left; font-size :1.3em }
.matchnext2_competition_name { overflow: hidden; text-overflow : ellipsis; display : block }
.matchnext2_body { table-layout : fixed }

.matchnext2_hidden { display : none }

/* OLD VERSION */
/* version:7 margin */
.matchnext2_editmatch_txt { padding: 10px 7px }

.matchnext2_standard-small .matchnext2_matchstable { min-width: 180px; }

.matchnext2_standard-small table.matchnext2_standard-small_view { width: 100% ; font-size: 22px ; }
.matchnext2_standard-small .matchnext2_competition { padding-bottom: 0px ; }
.matchnext2_standard-small .matchnext2_comptetition_date { font-weight: bold;  white-space:nowrap; }
.matchnext2_standard-small div.matchnext2_filet { margin: 0px; line-height:0px ; height:0px ; font-size: 0px ; border: inset 1px white }
.matchnext2_standard-small div.matchnext2_header { padding-top: 0;}
.matchnext2_standard-small div.matchnext2_body {  max-width: 285px; }
.matchnext2_standard-small table.matchnext2_body { width: 100% ; font-weight: normal; }
.matchnext2_standard-small .matchnext2_home_team_name { padding-right: 46px ; text-overflow: hidden ; white-space: nowrap ; font-weight:bold; }
.matchnext2_standard-small .matchnext2_home_team_name div { overflow: hidden ; text-overflow: ellipsis } 
.matchnext2_standard-small .matchnext2_home_team_img { width: 46px ; padding-right: 10px; }
.matchnext2_standard-small .matchnext2_home_team_img > img { }
.matchnext2_standard-small .matchnext2_score {  width: 100%;  font-weight: bold; font-size: 22px; max-width:285px; max-height:76px; }
.matchnext2_standard-small .matchnext2_score_home { }
.matchnext2_standard-small .matchnext2_infos_list_hidden { visibility: hidden; width:46px; height:15px; background-position: 0px 0px; background:url('/services/matchnext2/templates/standard/_common/images/btn_infos.png') no-repeat ; }
.matchnext2_standard-small .matchnext2_score_separator { width: 20% ; padding: 0px 6px;  }
.matchnext2_standard-small .matchnext2_score_visitor { }
.matchnext2_standard-small .matchnext2_visitor_team_name { padding-left: 46px ; font-weight:bold;  white-space: nowrap; }
.matchnext2_standard-small .matchnext2_visitor_team_name div { overflow: hidden ; text-overflow: ellipsis } 
.matchnext2_standard-small .matchnext2_visitor_team_img { width: 46px ; padding-left: 10px;  }

.matchnext2_standard-small .matchnext2_competition_name { white-space: nowrap; }
.matchnext2_standard-small .matchnext2_border_logo { width: 47px ; height: 48px ; background-position: 0px 0px; background:url('/services/matchnext2/templates/standard/small/images/border_logo.png') no-repeat ;}
.matchnext2_standard-small .matchnext2_logo { width: 33px ; height: 33px ; margin: 5px 7px 10px 7px ; }
.matchnext2_location { max-height: 48px }

.matchnext2_standard-small .matchnext2_controlbar_left { padding-left: 10px }
.matchnext2_standard-small .matchnext2_controlbar_right { padding-right: 10px }

.matchnext2_standard-small .matchnext2_location { font-weight: normal; font-size: 12px }
.matchnext2_standard-small .matchnext2_location > div { overflow : hidden; text-overflow : ellipsis }

.matchnext2_standard-small .matchnext2_controlbar { left: -20px }



.mcn_note, .mcn_note.style_qsn, .richtarget .mcn_note.style_qsn { border-style: none; border-width: 1px; border-color: #333 }
.mcn_content { clear : both; margin: 0px }

.mcn_elem { position: relative; margin: auto }

.mcn_btn { width: 75px; height: 20px; background: transparent url('/services/poll/images/btn.png') top left no-repeat; color: #333; line-height: 18px; font-size: 12px; text-align: center; cursor: pointer }

.mcn_elemimg_off { background-color: transparent; border-style: solid; border-width: 1px }
.mcn_elemimg_onoff { background-color: #CCC; border-style: solid; border-width: 1px; cursor: pointer }

.mcn_note .hiddenlink { margin: -16px 1px 1px 1px; position: relative }
.mcn_note .hiddenlink .edit { width: 17px; height: 16px; background: transparent url(/services/mcn/images/editlink.png) top left }
.mcn_note .hiddenlink .delete { width: 17px; height: 16px; background: transparent url(/services/mcn/images/deletelink.png) top left }
.mcn_note .dark .hiddenlink .edit { width: 17px; height: 16px; background: transparent url(/services/mcn/images/editlinkdark.png) top left }
.mcn_note .dark .hiddenlink .delete { width: 17px; height: 16px; background: transparent url(/services/mcn/images/deletelinkdark.png) top left }

.mcn_elemoptions { padding-left : 10px }

#mcn_editblock select { width: 150px; font-family: verdana, sans-serif; font-size: 12px }


.menu2_notebody h3{ margin:0; font-weight:normal;}
.menu2_iconsm{ font-family: q-i; font-size: 85% }
.menu2_menu, .menu2_menu ul, .menu2_notebody .qlub_menu_content { padding: 0; list-style-type:none; margin:0 }
.menu2_menu li { list-style-type:none; }
.menu2_menu li[iscurrtab="false"], .menu2_menu li[rel="page"] { cursor:pointer }

.menu2_notebody .qlub_menu_content li { padding : 0 }

@media screen and ( max-width:1008px ) {
	body.responsive .menu2_notebody .menupanes { display : none }
}

/* menuh_css */
.stickynote.menuh_note { border : 0 }
.menuh_overflow { overflow:hidden; width: 100% }
.menuh_note .qlub_menupane { display: none; position : absolute; min-width:343px;left : 0 }
.menuh_hamburger { display : none }

#meteo_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; 	border : solid 0px #00f ; }

.meteo_notebody { width: 100%; border-width: 1px }
.meteo_notebody p { text-align: left; font-size: 12px; padding: 0 }

.meteo_text { width: 92%; text-align: left; margin: auto; }
.meteo_section { font-size:11px; font-weight:bold; padding-right:0.6em }

.meteo_mindeg, .meteo_maxdeg { text-align:center; white-space:nowrap }
.meteo_weathertext { text-align:center; padding-top : 0.6em }


#mhp_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#mhp_notetemplate { display: none ; z-index: 1 }
#mhp_notetemplate_edit { display: none ; z-index: 1 }
#mhp_replytemplate { display: none ; z-index: 1 }
#mhp_replytemplate_edit { display: none ; z-index: 1 }

.mhp_note .notetext { margin: 0em 10px 0.2em 10px ; }
.mhp_textarea { width : 100% ; border: solid 1px }
.mhp_noteimage { float: left ; margin: 0.1em 10px 0.1em 0px ; border: solid 0px ; border-color : #444 ; width: 100px }
* html .mhp_noteimage { margin: 0.1em 0px 0.1em 0px }
.mhp_noteimage img { border: solid 0px ; border-color : #444 ; width: 100% }


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

#mhp_color_1 , #mhp_color_2 , #mhp_color_3, #mhp_color_4 { width: 22px ; height: 13px ; cursor: pointer ; border: solid ; border-width: 0px ;margin: 0 0 5px 0 ; }
/*
#mhp_color_3 { width: 20px ; height: 11px ; cursor: pointer ; border: solid ; border-width: 1px ;margin: 0 0 5px 0 ; }
*/
#mhp_color_1 { background: #BFE3F9 ; border-color: #60727D }
#mhp_color_2 { background: #DDD ; border-color: #6E761B }
#mhp_color_3 { background: #FFF ; border-color: #CCC }
#mhp_color_4 { background: #E73352 ; border-color: #741A29 }

.mhp_notecolor3 { background: #FFF ; position: relative ; left: 6px ; top: 7px ; width: 100px ; height: 54px ; cursor: pointer ; border: solid 1px ; border-color: #CCC #CCC #888 #CCC ; }

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

.mhp_noteheader { width: 100%; line-height: 1.8em; text-indent: 7px; text-transform: uppercase; text-align: left; font-size: 9px; letter-spacing: 2px }

.selectedupload { background: #005081 ; color: #EEE }

#mhp_upload_wait { width: 150px; background: #E73352 ; color: #EEE; margin: 20px 0; font-weight: bold; text-align: center; padding: 2px 0 }


#music_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#music_notecontent { display: none; }
#music_notecontent_edit { display: none ;}
.music_notebody p { margin:0;}
.music_player audio { width : 100% }

table.music_tracks { width : 100% }
table.music_tracks .controls { text-align: left }
table.music_tracks .duration { text-align: right }

table.music_tracks .progress td { padding-top: 6px }
table.music_tracks .progress .bar-value { height: 4px ; width: 0px }
table.music_tracks .progress .bar-wrapper { height: 4px ; width: 100% ; visibility: hidden }
table.music_tracks .playing.progress .bar-wrapper { visibility: visible }

table.music_tracks .currentTime { visibility: hidden ; text-align: right }
table.music_tracks .playing .currentTime { visibility: visible }

table.music_tracks .filename { cursor: pointer }
table.music_tracks .pause { display: none ; cursor: pointer }
table.music_tracks .playing .pause { display: inline }
table.music_tracks .playing.paused .pause { display: none }
table.music_tracks .play { cursor: pointer }
table.music_tracks .playing .play { display: none }
table.music_tracks .playing.paused .play { display: inline }

.music_canplay { position: fixed ; bottom: 0px ; right: 0px ; z-index: 100 ; padding: 20px 12px 12px 20px ; text-align: center }
.music_canplay .music_canplay_desc { padding-bottom: 4px }
.music_canplay .music_canplay_yes { font-weight: bold ; padding-right: 8px }
.music_canplay .music_canplay_no { padding-left: 8px }



#navig_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#navig_notecontent { display: none; }
#navig_notecontent_edit { display: none ;}
.navig_notebody h3{ margin:0; font-weight:normal;}
.navig_note { border-style: none }
.navig_button { white-space : nowrap ; cursor : pointer }
.navig_button_xs_icon { font-family:q-sn;-webkit-font-smoothing :antialiased;-moz-osx-font-smoothing : grayscale; display : inline-block }
.navig_notebody { overflow:hidden }

.niceclock_note_edit{ background-color:white;}

.niceclock_note { min-width: 205px; max-width: 205px; }

/*
* html .niceclock_note { min-width: 190px; max-width: 190px; }
*/

.niceclock_note .notecontent { position : relative ; top : 0px ; left : 0px  ; width : 205px ; padding : 0em 0em 0.2em 0em ;}
.niceclock_vuePrincipale { position: absolute; top: 0px ; left : 0px ; background: url('/services/niceclock/images/background.png'); background-repeat: no-repeat; font-size: 40px; width: 205px; height: 63px; text-align: center ; }

.niceclock_vueHorloge { position: absolute; color: #000000; top: 0px ; left : 0px ; width: 205px; height: 63px; line-height: 63px; color: #000000; display: block ; }

.niceclock_vueDate { position: absolute; top: 0px ; left : 0px ; width: 205px; height: 63px; line-height: 63px; opacity: 100; color: #000000; display: none ; }


#nl_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }
#nl_notetemplate { display: none ; z-index: 1 }
#nl_notetemplate_edit { display: none ; z-index: 1 }
.nl_note .notecontent { margin-top : 0px }

.nl_v4_inputmail { border: solid 1px; font-size:12px ; width: 100% ; margin: 0px ; box-sizing: border-box; -moz-box-sizing : border-box; min-width : 100px }
.nl_notebody .watermark_container { width: 100%; overflow:hidden; margin-bottom: 5px }
.nl_notebody.oneline .watermark_container { margin-bottom: 0px }
.nl_notebody .watermark { opacity: 0.5 ; filter: alpha(opacity=50) }

.nl_infos{ font-size:10px; font-style:italic; }
.subscribebtn { width: 100px; height: 20px; color: #333; line-height: 20px; font-size: 12px; text-align: center; cursor: pointer }
.subscribebtn .divimg { width: 100px; height: 42px; background: transparent url('/services/nl/images/nl_btn.png') top left no-repeat; _background-image: url('/images/blank.gif') ; _filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/nl/images/nl_btn.png',sizingMethod='image') ; }
.subscribebtn .divtxt { width: 100px; line-height: 18px }

.subscribebtn-rpd { cursor: pointer ; text-align: center ; white-space: nowrap }

.nl_selectedlist { font-style: italic; padding-left: 2em ; color: red }

/* old version 3
***************************************************/
.nl_inputmail{ border: solid 1px; font-size:12px;}

#nws_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#nws_notetemplate { display: none ; }
#nws_notetemplate_edit { display: none ; }

#nws_headeroptionsmask { position: absolute; left: -15px; width: 185px; height: 85px; z-index: 5; opacity: 0.7; filter: alpha(opacity=70); }

.nws_notecontent { border-width: 1px; padding-left: 5px;}
.nws_notecontent p { text-align: left; font-size: 12px; padding: 0 }
.nws_notecontent textarea { height: 50px; border: solid 1px #AAA; font-family: Arial, sans-serif; font-size: 11px; }
.nws_notecontent .off img { background-image: url('/images/circle6in9black.png' ) ; }
.nws_notecontent .on img { background-image: url('/images/ccircle6in9black.png' ) ; }
.nws_notecontent .dark .off img { background-image: url('/images/circle6in9white.png' ) ; }
.nws_notecontent .dark .on img { background-image: url('/images/ccircle6in9white.png' ) ; }

.nws_addbutton { width: 32px; height: 32px; background: transparent url('/services/nws/images/add32.png') top left no-repeat; cursor: pointer; margin-top:5px; }


/* nws view style */

.nws_img { position: relative; width: 100%; border-style: solid; border-width: 1px; overflow: hidden;}
.nws_overimg { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; padding : 8px 0; }
.nws_overimgbckg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); }

.nws_overimgtitle, .nws_overimgtitle:hover, .nws_overimgtitle:link, .nws_overimgtitle:visited, .nws_overimgtitle:active{ position:relative;  white-space: nowrap; overflow: hidden; text-decoration:none;color:white; padding : 0 8px; width: 100%; box-sizing: border-box; -moz-box-sizing : border-box; display:inline-block; text-overflow:ellipsis }

.nws_overimgcomment, .nws_overimgcomment:hover, .nws_overimgcomment:link, .nws_overimgcomment:visited, .nws_overimgcomment:active{ position: relative; font-size: 12px; text-decoration:none;color:white; padding:0 8px; width: 100%; box-sizing: border-box; -moz-box-sizing : border-box }

.nws_prev { position:absolute; left:0; width:25px; height:25px }
.nws_next { position:absolute; right:0; width:25px; height:25px }
.nws_prev .nws_prevlink, .nws_next .nws_nextlink  { display:block; width: 25px; height : 25px; opacity: 0.5; filter : alpha(opacity=50)  }
.nws_prev .nws_prevlink:hover, .nws_next .nws_nextlink:hover { opacity: 0.8; filter : alpha(opacity=80) }

.nws_slideshow_prev, .nws_slideshow_next { position: absolute; height: 30px; width: 30px; font-size: 13px; color: #000; cursor: pointer; background: rgba( 255,255,255,0.4); border-radius: 100%; padding-top: 9px;box-sizing: border-box; font-weight:bold; z-index:2; display:none }
.nws_slideshow_prev:hover, .nws_slideshow_next:hover { background: rgba( 255,255,255,0.6); }
.nws_slideshow_prev { left:10px; padding-left: 10px;}
.nws_slideshow_next { right : 10px; padding-left: 13px;}
.nws_slideshowdesc_container { position:absolute; left:0; top:0; width: 100%; height:100%; z-index:2 }
.nws_slideshow_desc { position:absolute; top : 0; left : 0 }
.offset-slider .nws_slideshow_desc { width: 100% ; z-index: 1 }
.offset-sliders.image-click .offset-slider { cursor: pointer }

.nws_notebody { position: relative }

/* nws edit style */

.nws_editnewstab { height: 20px; line-height: 20px; font-size: 12px; white-space: nowrap; text-align: center; border-width: 1px; border-style: solid; }
.nws_position_text { margin-bottom: 10px; font-size: 11px; line-height: 12px; color: #777;  font-family: Arial, sans-serif }
.nws_editnewstabon { background-color: #FFF; cursor: default; border-bottom-color: #FFF; }
.nws_editnewstabon span { color: #000; }
.nws_editnewstaboff { background-color: transparent; cursor: pointer; }
.nws_editnewstabinter { border-width: 1px; border-style: none none solid none; }
.nws_change { margin: 5px 0 10px 0;  }
.nws_list { list-style-type:none; padding:0; margin:0; font-family: Arial, sans-serif }
table.nws_editnewspane input, table.nws_editnewspane textarea { width: 98%; font-size: 11px; color: #000; border: solid 1px #444; padding: 0 }
table.nws_editnewspane textarea { height: 48px; }
.nws_editnewspane_righttd { white-space: nowrap; font-size: 11px; line-height: 16px; color: #444; }
.nws_editnewspane_image { position: relative; overflow: hidden; width: 100% ; padding-bottom: 100% ; border: solid 1px #444; cursor: pointer; }
.nws_editnewspane_imagename { font-size: 11px; line-height: 16px; color: #000; font-weight: bold; }
img.nws_imageposoff { border: solid 1px #BBB; margin: 1px; cursor: pointer; }
img.nws_imageposonoff { border: solid 1px #777; margin: 1px; cursor: pointer; }
img.nws_imageposon { border: solid 1px #000; margin: 1px; cursor: default; }

table.nws_editnewspane_link a:link, table.nws_editnewspane_link a:hover, table.nws_editnewspane_link a:active, table.nws_editnewspane_link a:visited { color: #000; white-space: nowrap; }
table.nws_editnewspane_link a.off img { background-image: url('/images/circle6in9black.png' ) ; }
table.nws_editnewspane_link a.on img { background-image: url('/images/ccircle6in9black.png' ) ; }

.nws_editnewspane{ border:solid 1px #333; background-color: white; color: #333; }
.nws_list { list-style-type: none; margin: 0; padding: 0; width: 120px; }
.nws_list li { margin: 0 3px 3px 3px; padding: 0.4em 2px 0.4em 14px ; width : 94px ; font-size: 12px; height: 15px; text-overflow : ellipsis ; white-space : nowrap ; overflow : hidden ; }
.nws_list li span { position: absolute; margin-left: -1.3em; visibility:hidden; }
.nws_note_edit { max-width  : 800px }
#h3template { display : none }

.nws_pagination { margin-top:10px; width : 100%; text-align:center }
.nws_pagination_bullet { cursor:pointer; width: 8px; height: 8px; display: inline-block; border-radius: 100%; opacity: 0.2; margin: 0 5px; }
.nws_pagination_bullet_active { opacity : 1 }

@media screen and ( max-width : 1007px ) {
	body.responsive .nws_thumbstable { display : none !important }
	body.responsive .nws_overimg { height : 64px }
	body.responsive .nws_maintable { position: relative }
}

.nws_slideshow_descs { position: absolute ; top: 0px ; left: 0px ; width: 100% }

@media screen and ( max-width:767px ) {
	.viewmode.responsive .sk-sec-rwd .nws_slideshow_descs { position: relative }
	.viewmode.responsive .sk-sec-rwd .nws_slideshow_desc { width: 100% !important }
	.viewmode.responsive .sk-sec-rwd .nws_slideshow_link { padding: 0px 15px }
	.viewmode.responsive .sk-sec-rwd .nws_overimg { display: none }
	.viewmode.responsive .sk-sec-rwd .nws_withcomment .nws_overimg { display: block ; visibility: visible !important }
	.viewmode.responsive .nws_view_all .sk-centered { height: 100% !important }
	.viewmode.responsive .nws_view_all .offset-slider { left: 0px !important ; width: 100% !important }
}

.nws_slideshow_bullets { position: absolute ; right : 10px ; z-index: 10 ; top: 50% }
.nws_slideshow_bullets a { text-decoration: none ; position: relative ; width: 14px ; height: 14px ; display: block ; margin: 7px }
.nws_slideshow_bullets a span { background-color: #fff; border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.nws_slideshow_bullets a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; }
.nws_slideshow_bullets a:hover span { height: 8px; width: 8px; margin: -4px 0 0 -4px; }

#pagesep_notetemplate { display: none ; z-index: 1 }

.pagesep_note { border-style: none ; line-height : 0px ; font-size : 0px }
.pagesep_content { position : absolute ; top : -5px ; left : 0px ; height: 4px ; background : rgba( 136, 255, 255, 0.6 ) ; border-top : 1px dotted #888 ; width: 100% }

.pagesep_image { height: 15px }
.pagesep_padding { background : rgba( 136, 255, 255, 0.1 ); }


#photoboxes_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#photoboxes_notecontent { display: none; }
#photoboxes_notecontent_edit { display: none ;}
.photoboxes_contentdiv p { margin:0;}
.webmode .photoboxes_note { behavior: url( "/style/flash.htc" ) ; }


#photoboxes2_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#photoboxes2_notecontent { display: none; }
#photoboxes2_notecontent_edit { display: none ;}
.photoboxes2_contentdiv p { margin:0;}
.photoboxes2_thumb { background-size:cover; background-repeat:no-repat; background-position: center center }
.photoboxes2_thumb img { display:block; max-width : 100%; height: auto }
.photoboxes2_thumb .img-wrapper { opacity: 0 }
.photoboxes2_zoom {
	opacity:0;
	background : #000;
	text-align:center;
	vertical-align:middle;
	width: 100%;
	height : 100%;
	display:inline-block;
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.photoboxes2_thumb:hover .photoboxes2_zoom { opacity : 0.7 ; }
@media screen and ( max-width:767px ) {
	.photoboxes2_playerdiv.noxszoom .photoboxes2_thumb:hover .photoboxes2_zoom { opacity: 0 }
}
.photoboxes2_iconzoom { font-size:20px; font-weight:bold; color : #ffffff; position:absolute;top:50%; margin-top:-10px; left:50%; margin-left:-10px}

.photoboxes2_swiper { display: none }
.photoboxes2_swiper .swiper-buttons > div { display: inline-block; padding: 10px 10px 0px 10px ; font-size : 14px; vertical-align:middle; cursor:pointer; font-weight : normal ; line-height:100% }
.photoboxes2_swiper .swiper-pagination, .photoboxes2_swiper .swiper-pagination-fraction { width: auto ; position: static }
.photoboxes2_swiper .swiper-button-disabled { opacity : 0.2; filter: alpha(opacity=20) ; cursor: default }
.photoboxes2_notebody .swiper-container { width: 100%; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }

.photobox2_overlegend_center { display: none ; position: absolute ; top: 0px ; left: 0px ; width: 100% ; height: 100% }
a.linkdata .photobox2_overlegend_center { cursor: pointer }
.photoboxes2_thumb:hover .photobox2_overlegend_center { display: block }
.photobox2_legend { position: relative }
/*!
 * Justified Gallery - v3.6.1
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2015 Miro Mannino
 * Licensed under the MIT license.
 */
@-webkit-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-moz-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-o-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-webkit-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@-moz-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@-o-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}

.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
  display: initial;
  opacity: 0.7;
  filter: "alpha(opacity=70)";
  /* IE8 or Earlier */
  -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
  -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
  -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* IE8 or Earlier */
  -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
  -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
  -ms-animation: justified-gallery-show-entry-animation 500ms 0 ease;
}
.justified-gallery > .jg-filtered {
  display: none;
}
.justified-gallery > .spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  opacity: initial;
  filter: initial;
  overflow: initial;
}
.justified-gallery > .spinner > span {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  /* IE8 or Earlier */
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

#photoflow_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#photoflow_notecontent { display: none; }
#photoflow_notecontent_edit { display: none ;}
#photoflow_notecontent_edit p{ margin:0;}
.webmode .photoflow_note { behavior: url( "/style/flash.htc" ) ; }


#photoflow2_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#photoflow2_notecontent { display: none; }
#photoflow2_notecontent_edit { display: none ;}
#photoflow2_notecontent_edit p{ margin:0;}
.webmode .photoflow2_note { behavior: url( "/style/flash.htc" ) ; }
.photoflow2_notebody .swiper-container { width: 100%; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.photoflow2_notebody .swiper-slide { background-size: cover; background-position: center; background-repeat:no-repeat;  -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; position:relative }

.photoflow2_notebody .swiper-comment { width : 100%; padding : 8px 10px; overflow:hidden; text-overflow:ellipsis; background : rgba( 0, 0, 0, 0.7 ); color : #ffffff; position:absolute; bottom : 0; text-align:left; box-sizing : border-box; font-style:inherit; opacity : 0 ; filter: alpha(opacity=0); -webkit-transition-property:opacity, left, top; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity, left, top; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity, left, top; -o-transition-duration:0.5s; -o-transition-timing-function:ease; -ms-transition-property:opacity, left, top; -ms-transition-duration:0.5s; -ms-transition-timing-function:ease; transition-property:opacity, left, top; transition-duration:0.5s; transition-timing-function:ease; }
.photoflow2_notebody .swiper-slide:hover .swiper-comment { opacity : 1; filter: alpha(opacity=100); }
.photoflow2_notebody .swiper-link { position: absolute; width : 100%; height: 100%; top :0; left: 0 }





#photoslider_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#photoslider_notecontent { display: none; }
#photoslider_notecontent_edit { display: none ;}
.photoslider_contentdiv p { margin:0;}
.webmode .photoslider_note { behavior: url( "/style/flash.htc" ) ; }


#photoslider2_editblock { display : none ; position: relative ; padding: 0 ; border : solid 0px #00f ; }
#photoslider2_notecontent { display: none; }
#photoslider2_notecontent_edit { display: none ;}
.photoslider2_contentdiv p { margin:0;}

.photoslider2_notebody .swiper-container { width: 100%; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.photoslider2_notebody .swiper-slide { background-size: cover; background-position: center; background-repeat:no-repeat;  -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; position:relative }
.photoslider2_notebody .swiper-container.photoslider2_wideview { z-index: 2 }
.photoslider2_thumbs { padding-top: 10px; }
.photoslider2_thumbs .swiper-slide { width: 15%; opacity: 0.4; filter: alpha(opacity=40); cursor: pointer;  }
.photoslider2_thumbs .swiper-slide:hover { opacity: 0.7; filter: alpha(opacity=70); }
.photoslider2_thumbs .swiper-slide-active { opacity: 0.4; filter: alpha(opacity=40);}
.photoslider2_thumbs .swiper-slide.is-selected { opacity: 1; filter: alpha(opacity=100); }

.photoslider2_notebody .swiper-comment { width : 100%; padding : 8px 10px; overflow:hidden; text-overflow:ellipsis; background : rgba( 0, 0, 0, 0.7 ); color : #ffffff; position:absolute; bottom : 0; text-align:left; box-sizing : border-box; font-style:inherit; opacity : 0 ; filter: alpha(opacity=0); }
.photoslider2_notebody .swiper-container:hover .swiper-comment { opacity : 1; filter: alpha(opacity=100); }
.photoslider2_notebody .swiper-link { position: absolute; width : 100%; height: 100%; top :0; left: 0 }

.photoslider2_notebody .swiper-buttons{ opacity:0;filter: alpha(opacity=0); position:absolute; top : 5px; right : 5px; background-color : rgba( 0, 0, 0,0.7 ) ; z-index:10; padding: 5px; }
.photoslider2_notebody .swiper-container:hover .swiper-buttons.show { opacity : 1; filter: alpha(opacity=100);  }
.photoslider2_notebody .swiper-buttons > div { display: inline-block; margin : 0 5px; color : #ffffff; font-size : 11px; vertical-align:middle; cursor:pointer; font-weight : bold; line-height:100% }
.photoslider2_notebody .swiper-buttons > div.swiper-button-play { font-size:14px; }
.photoslider2_notebody .swiper-buttons > div.swiper-button-stop { border-left: 1px solid #ffffff; border-right : 1px solid #ffffff; height: 10px; width: 4px; margin: 2px 5px }
.photoslider2_notebody .swiper-buttons > div.swiper-button-disabled { color : rgba( 255,255,255,0.5 ) }

.photoslider2_thumbs .swiper-slide, .photoslider2_notebody .swiper-comment, .photoslider2_notebody .swiper-buttons { -webkit-transition-property:opacity, left, top; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity, left, top; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity, left, top; -o-transition-duration:0.5s; -o-transition-timing-function:ease; -ms-transition-property:opacity, left, top; -ms-transition-duration:0.5s; -ms-transition-timing-function:ease; transition-property:opacity, left, top; transition-duration:0.5s; transition-timing-function:ease; }

.swiper-button-fullscreen a { text-decoration : none } 

@media screen and ( max-width:1007px ) {
	body.responsive .touchmod .photoslider2_notebody.showbuttons .swiper-container.photoslider2_wideview { padding-bottom:40px }
	body.responsive .touchmod .photoslider2_notebody .swiper-buttons { width:100%; top:auto;left:0; bottom:0;opacity:1; box-sizing:border-box; padding : 10px ; display: none }
	body.responsive .touchmod .photoslider2_notebody .swiper-buttons.show { display: block }
	body.responsive .touchmod .photoslider2_notebody .swiper-buttons > div { font-size : 20px; }
	body.responsive .touchmod .photoslider2_notebody .swiper-buttons > div.swiper-button-stop { border-left : 2px solid #ffffff; border-right: 2px solid #ffffff; height:16px; width:8px; margin: 2px 0; float:left; }
	body.responsive .touchmod .photoslider2_notebody .swiper-buttons > div.swiper-button-play { font-size:20px; float:left; }
	body.responsive .touchmod .photoslider2_notebody .swiper-buttons > div.swiper-button-fullscreen { float : right; margin : 0 }
	body.responsive .touchmod .photoslider2_notebody .swiper-buttons > div.swiper-button-prev2, .touchmod .photoslider2_notebody .swiper-buttons > div.swiper-button-next2 { margin: 0 30px }
	body.responsive .touchmod .photoslider2_notebody .swiper-pagination-fraction { left : 50%; margin-left: -50px; width: 100px; bottom: 10px }
	body.responsive .touchmod .photoslider2_notebody .swiper-comment { opacity : 1 }
}

@media screen and ( min-width :1008px ) {
	body.responsive .photoslider2_notebody .swiper-pagination { display : none }
}


#pimg_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }
/*
#pimg_notetemplate { display: none ; z-index: 1 }
#pimg_notetemplate_edit { display: none ; z-index: 1 }
*/
.pimg_notecontent { padding: 0; margin: 0; }
.pimg_noteimage { margin: 0px ; border-style: none ; width : 100%; box-sizing : border-box; -moz-box-sizing : border-box; background-size: cover; background-repeat : no-repeat; background-position : center center; display: inline-block ; position: relative }
.pimg_noteimage-wrapper { margin: 0; border: solid 0px ; box-sizing : border-box ; -moz-box-sizing : border-box; display: inline-block ; position: relative ; width : 100% }
.pimg_noteimage-wrapper .pimg_noteimage { width: 100% ; padding-bottom: 100% }

.trueimg .pimg_noteimage { background-size: contain }

.pimg_notepalette { position: absolute; top: 0; left: 0; width: 100%; height: 12px; background-position: right -1000px; background-repeat: no-repeat }

#pimg_truewidth_elem { position: relative; left: 0px; top : 0px; }

.pimg_info { position: relative; left: -13px; top : 5px ; width: 175px; border: solid 1px #000; background-color: #ffff66; color: #333; font-size: 11px; padding: 0px 2px; display: none }

.pimg_textarea { margin-left: -13px; margin-top : 5px; margin-bottom: 5px; width: 175px; height: 42px; border: solid 1px #AAA; padding: 0px 2px; width: 100%; font-family: 'Arial' , sans-serif; font-size: 11px }
#pimg_link_selectpage select { margin-left: -10px; margin-top : 5px; width: 170px; }

/* aucun id de ce nom : remplacer par .pimg_original_info table td*/
#pimg_original_info table td { width: auto ; height: auto ; border: solid 0px ; cursor: default }

#pimg_fsm { position: absolute; top: 30px; left: 0; padding: 8px; background-color: #FFF; border: solid 1px #333; cursor: pointer; z-index : 10 }
#pimg_fsm img { cursor: pointer; }

#pimg_bgcolor table td { width: 18px; height: 18px; border: solid 1px #AAA; cursor: pointer }

/* ancienne version de pimg_zoombutton */
.pimg_zoombutton { position: absolute; top: 0px; left: 0px; display: none }

.pimg_zoombutton2 { position: absolute; top: 0px; left: 0px; display: none; background:rgba(0,0,0,0.4); padding:8px ; cursor: pointer }
.pimg_zoombutton2 .font-q-sn { color:#ffffff; font-size:22px;line-height:22px ; font-weight:bold ; position : relative ; top : 0px ; left : 0px ; overflow : hidden ; cursor: pointer }

.pimg_legend { position: absolute; left : 0; width : 100%; top:0; text-align:center ; box-sizing: border-box ; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; font-weight:bold; font-size:36px; color : #ffffff }
.pimg_legend div { text-overflow: ellipsis ; overflow: hidden }

.pimg_legend_edit { display : none }
.pimg_legend_center {
	background-color: rgba( 0,0,0,0.35);
	height:100% ;
	position: absolute ;
	width: 100% ;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
.pimg_legend_bottom { 
	height : 100%;
	position: absolute ;
	width: 100% ;
	background : -webkit-linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	background : -o-linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	background : -moz-linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	background : -ms-linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	background : linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

.pimg_over_effect:hover .pimg_legend_center { background-color: rgba( 0,0,0,0.6); cursor:pointer }
.pimg_over_effect:hover .pimg_legend_bottom {
	background-color : rgba( 0,0,0,0.35) ;
	cursor:pointer;
}
.pimg_noteimage_overlay { display: block; width:100%; height:100%; background-color:rgba(255,255,255,0) ; position: absolute ; top: 0px }
.pimg_over_effect:hover .pimg_noteimage_overlay {
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;
	background-color:rgba(255,255,255,0.35);
	cursor:pointer;
}

.pimg-img-wrapper { position: absolute ; top: 0px ; left: 0px ; width: 100% ; height: 100% ; overflow: hidden ; opacity: 0 }

.pimg_rounded .pimg_noteimage, .pimg_rounded .pimg_noteimage_overlay, .pimg_rounded .pimg_legend_center, .pimg_rounded .pimg_legend_bottom { border-radius: 50% }

.pmessage_textarea { border: solid 1px }
.pmessage_select_member { width : 175px ; margin-left: 4px; }
.pmessage_indent { margin-left: 5px; }

#pmimg_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#pmimg_notetemplate { display: none ; z-index: 1 }
#pmimg_notetemplate_edit { display: none ; z-index: 1 }

.pmimg_textarea { width : 100% ; border: solid 1px }
.pmimg_imgtitle_textarea { width : 100% ; border: solid 1px; font-family: Arial , sans-serif; font-size: 11px ; }

.pmimg_noteimage { margin: 0em 5% 0em 5% ; border: solid 0px ; border-color : #444 ; width: 90% }

.dark { color: #C8C8C9 }
a.dark:link { color: #C8C8C9 ; border-color: #C8C8C9 }
* html .dark a { color: #C8C8C9 ; border-color: #C8C8C9 }
.selected { border : solid 3px #4A88AB ; }

#pmimg_bckgcolors td { width:15px; height:15px; cursor: pointer }


#pmtxt_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#pmtxt_notetemplate { display: none ; z-index: 1 }
#pmtxt_notetemplate_edit { display: none ; z-index: 1 }

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

.pmtxt_note .notecontent { margin-top : 0px }
/* bug décalage à droite family */
.pmtxt_note .notetext { width : auto  ; opacity : 1  }
.pmtxt_textarea { width : 100%; box-sizing : border-box; -moz-box-sizing : border-box; }

#poll2_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#poll2_notetemplate { display: none ; }
#poll2_notetemplate_edit { display: none ; }
.poll2_note { border-style: none }

.poll2_text { text-align: left;}

.poll2_notecontent { border-width: 1px; padding-left: 5px;}
.poll2_notecontent p { text-align: left; font-size: 12px; padding: 0 }
.poll2_notecontent textarea { height: 50px; border: solid 1px #AAA; font-family: Arial, sans-serif; font-size: 11px; }
.poll2_notecontent .off img { background-image: url('/images/circle6in9black.png' ) ; }
.poll2_notecontent .on img { background-image: url('/images/ccircle6in9black.png' ) ; }
.poll2_notecontent .dark .off img , .poll2_notecontent .darkvador .off img { background-image: url('/images/circle6in9white.png' ) ; }
.poll2_notecontent .dark .on img , .poll2_notecontent .darkvador .on img { background-image: url('/images/ccircle6in9white.png' ) ; }

.poll2_signature { font-size: 11px; line-height: 20px; text-align: right; padding-right: 4% }

/* OPTIONS */

.poll2_option_left_edit { width: 28px; height: 26px; background: transparent url('/services/poll2/images/black/edit/left.png') top left no-repeat; cursor: default }
.dark .poll2_option_left_edit , .darkvador .poll2_option_left_edit { background-image: url('/services/poll2/images/white/edit/left.png') }

.poll2_option_inter_edit { width: 100%; height: 26px; background: transparent url('/services/poll2/images/black/edit/inter.png') top left repeat-x; cursor: default; }
.dark .poll2_option_inter_edit , .darkvador .poll2_option_inter_edit { background-image: url('/services/poll2/images/white/edit/inter.png') }
.poll2_option_inter_edit input { width: 100% ; height: 16px; padding: 0; margin-top: 4px; border: solid 1px #AAA; font-family: Arial, sans-serif; font-size: 12px; color: #333 }

.poll2_option_right_edit { width: 32px; height: 26px; background: transparent url('/services/poll2/images/black/edit/right.png') top left no-repeat; cursor: pointer }
.dark .poll2_option_right_edit , .darkvador .poll2_option_right_edit { background-image: url('/services/poll2/images/white/edit/right.png') }



/* RESULTS */

.poll2_resultsbtn { cursor: pointer; }

.poll2_result { position: relative; font-size: 12px; }
/* 4 x 30 changés en 22 + line-height passé de 30 à 18 */
.poll2_result .poll2_scorebckg { width: 100%; height: 22px; background: transparent url('/services/poll2/images/results.png') top left repeat-x; border-style: solid solid solid none; border-width: 1px; border-color: #555 }
.poll2_result .poll2_scorebar { width: 100%; height: 22px; background: transparent url('/services/poll2/images/score.png') top left repeat-x;  border-style: solid none solid solid; border-width: 1px; border-color: #555 }
.poll2_scoretext { height : 22px ; position: relative; margin-top: -22px; margin-left: 15px; line-height: 18px; font-size: 12px; color: #000 ; overflow: hidden ; text-overflow : ellipsis }


.poll2_option_name { overflow: hidden ; text-overflow : ellipsis }
.poll2_option_inter { overflow: hidden ; text-overflow : ellipsis }

.poll2_knownmode, .poll2_multiplechoice { white-space : nowrap ; }
.poll2_vote_modify { font-size: 8px; } 

.poll2_bullet { line-height:100%; color : #bfbfbf } 
.poll2_progressbar, .poll2_progressbarin { height:6px; display:block; background-color : #D1D1D1 }

/* BEGIN old version */
.poll2_option_left { cursor: pointer;  }
.poll2_option_off .poll2_option_left .poll2_square .poll2_iconcheck { display:none; }
.poll2_option_on .poll2_option_left .poll2_square .poll2_iconcheck{ display:block ; }
.poll2_square {position:relative; font-size:1.4em }
.poll2_iconcheck{ position: absolute;left: 0; top :0 }
/* END old version */
.poll2_option_inter { width: 100%;  cursor : pointer }
.poll2_option_right {width:auto; height:auto;font-size:14px ; cursor: pointer }
.poll2_an_option { border-spacing : 0;}
.poll2_an_option:first-child {  }
.poll2_option_off .poll2_option_inter { background-image:inherit }
.poll2_option_off .poll2_option_right{ background-image:inherit }
.poll2_scoretext2 { position :relative }
.poll2_option_inter input { width: 100%; box-sizing: border-box; -moz-box-sizing : border-box; }

.poll2_notebody .custom-form-wrapper, .poll2_note_edit .custom-form-wrapper { display: inline-block; position: relative; width: auto; margin-right: 0.5em; vertical-align:middle }
.poll2_notebody .cform, .poll2_note_edit .cform { cursor:pointer }
.poll2_notebody .custom-form-checkbox, .poll2_note_edit .custom-form-checkbox { width: 15px; height: 15px; background-color: transparent; display: inline-block; border: 2px solid; cursor: pointer; box-sizing:border-box }
.poll2_notebody .custom-form-checkbox.custom-form-checked .custom-form-checked-inner:before { font-family: q-i; content: ''; font-size : 9px; margin-left:1px; line-height:13px; }




/* pronos2_css */
#pronos2_match_template{ display:none }
.pronos2_score_home input, .pronos2_score_visitor input {
	width : 52px;
	height: 33px ;
	border:1px solid ;
	box-shadow : none ;
	background : #ffffff;
	color : #000000 ;
	font-size: 24px;
	text-align:center ;
	border-radius : 0 !important;
	padding: 0 !important;
}
.pronos2_score_home input {
	border-right : 0 !important ;
}
.pronos2_td_thescores {
	vertical-align:top ;
}
.pronos2_score_home, .pronos2_score_visitor, .pronos2_score_separator {
	font-size:24px;
	line-height:100%;
}
.pronos2_score_home {
	text-align : right ;
}
.pronos2_score_visitor {
	text-align: left ;
}
.pronos2_score_separator {
	text-align:center ;
}
.pronos2_btn_1N2, .pronos2_btn_12 {
	display:inline-block ;
	border:1px solid ;
	box-shadow : none ;
	background : #ffffff;
	color : #e5e5e5 ;
	cursor:pointer ;	
	font-size: 24px;
	height: 33px ;
	line-height: 33px ;
} 
.pronos2_btn_1N2 { width : 33px; }
.pronos2_btn_12 { width : 52px; }
.pronos2_btn_1N2.pronos2_betselected, .pronos2_btn_12.pronos2_betselected, .pronos2_btn_1N2:hover, .pronos2_btn_12:hover {
	color : #000000;
}
.pronos2_notebodyContent {
	min-width : 350px ;
}
.pronos2_betresult {
	font-size:14px ;
	font-style:italic ; 
}
.pronos2_td_date { 
	padding-top:8px
}
.pronos2_dateMatch {
	padding:2px 6px ;
	border-radius : 2px ;
}
.pronos2_betclosed { padding-bottom : 8px }

.pronos2_notebodyContent .pronos2_top_bar table {
	width: auto ;
}

.pronos2_notebodyContent table {
	text-align: center;
	width:100%;
	border-spacing: 0;
	table-layout : fixed ;
}

.pronos2_podium_bg {
	text-align: center;
}

.pronos2_podium_bg_rpd {
	text-align: center;
	width: 33%;
}

.pronos2_podium_bg_container {
	position: relative;
	overflow:hidden ;
}

.pronos2_podiumMembrePos1 {
	height: 75px;
}

.pronos2_podium { color: #ffffff ; }

.pronos2_podiumMembrePos1_rpd .pronos2_podium { height: 40px ; line-height: 40px ; background-color: rgb( 197,172,0 ) ; vertical-align: center ;  }

.pronos2_podiumMembrePos2_rpd .pronos2_podium { height: 30px ; line-height: 30px ; background-color: rgb( 128, 128, 128 ) ; margin-right: 2px ; }

.pronos2_podiumMembrePos3_rpd .pronos2_podium { height: 20px ; line-height: 20px ; background-color: rgb( 201, 145, 0 ) ; margin-left: 2px ;  }

.pronos2_memberName {
	display: inline;
	position:absolute;
	font-weight:bold;
	height: 26px;
	overflow: hidden;
	text-align: left;
	margin-left: 7px;
	margin-top: 12px;
}

.pronos2_icons {
	font-size:1.5em;
	line-height:1.5em ;
}

.pronos2_tendances_btn {
	display: none;
	position:absolute;
	top:0;
	right:0px ;
}

.pronos2_tab_btn {
	display:block;
}


.pronos2_cadreBlancLogoEquipe_bg {
	background-color: #FFFFFF;
	height: 51px;
	width: 51px;    
	margin-left:auto;
	margin-right:auto;
	margin-bottom: -8px;
	background: url("/services/pronos2/images/cadre_logoEquipe.png") no-repeat;
}

.pronos2_logoEquipe { 
	margin-left:1px;
	margin-top:6px;
}

.pronos2_logoMembre { 
	margin-top: 7px;
	margin-left: -2px;
}

.pronos2_logoMembre0 { 
	margin-top: 5px;
	margin-left: 1px;
}

.pronos2_team_name_td {
	vertical-align:top;
	font-size:11px;
	line-height:10px;
	font-weight:bold;
	padding-bottom: 1.7em;
	padding-top: 0.9em;
	
}
.pronos2_team_name {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	width:100px;
}

.pronos2_matchslist {
	display:none;
}

.pronos2_td_thescores > table {
	width:100%;
	margin: 0 auto
}

.pronos2_tabScoreInput:focus {
	outline: none;
}

.pronos2_tabScoring {
	cursor: pointer;
}

.pronos2_tabLocked {
	cursor: auto;
}

.pronos2_modifScore {
	display: none;
	cursor: pointer; 
	margin-left: auto;
	margin-right: auto;
	z-index: 3;
	position:absolute;
	top: 0;
}

.pronos2_logoEquipe, .pronos2_team_name {
	cursor: pointer;
}

.pronos2_bold {	font-weight:bold; }

.pronos2_pen {
	font-size: 1.5em ;
	line-height: 100% ;
}


.pronos2_td_podiumArrows {
	height: 22px;
	position: relative;
	left: 0px;
	top: 0px;
}

.pronos2_td_podiumArrows_rpd {
	position: relative;
	left: 0px;
	top: 0px;
	font-size:1.1em;
	margin-right : 0.7em ;
}

.pronos2_btns_rpd {
	cursor: pointer ;
	font-weight:normal ;
	font-size:1.5em ;
	line-height:1em ;
	width: 1.5em;
}
.pronos2_leftArrow_btn, .pronos2_rightArrow_btn { font-size:1em ; padding-right:1em; }
.pronos2_ranking_btn, .pronos2_rules_btn {font-size : 1.6em; padding-left : 0.625em }
.pronos2_btns_right { position : absolute; right: 0; bottom : 0 }

.pronos2_table_podium { padding-bottom : 1px; table-layout : fixed }
.pronos2_btns_rpd:hover { text-decoration : none }

.pronos2_member_name { padding: 1em 0.3em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.avatar { width:76px; margin: 0 auto ; }
.avatar .avatar_wrapper { position: relative; font-size : 52px; color : #bcbcbc; line-height:52px }
.avatar .avatarmask  { position: absolute;
top: -5px;
left: 0px;
width: 76px;
height: 62px; }
.avatar img { height:54px }
.avatar .pronos2_medal { position: absolute; right: -5px; top: 30px; }
.pronos2_medal { font-family: "q-i" ; }

.pronos2_xs_elem span, .pronos2_xsplay {
	font-size:24px;
	text-align:center;
}

.pronos2_xs_trends .pronos2_xs_trends {
	font-size: 12px;
	text-align: right;
	padding-top: 8px;
	padding-bottom:8px;
}

@media screen and ( max-width : 767px ) {
	body.responsive .pronos2_leftArrow_btn, .pronos2_rightArrow_btn { font-size: 20px }
	body.responsive .pronos2_podium_menutitle { display: inline-block; margin-top : 8px }
	body.responsive .pronos2_btns_right { top: 0; font-size:18px }
}

#q2bbnq_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#q2bbnq_notetemplate { display: none ; z-index: 1 }
#q2bbnq_notetemplate_edit { display: none ; z-index: 1 }
#q2bbnq_replytemplate { display: none ; z-index: 1 }
#q2bbnq_replytemplate_edit { display: none ; z-index: 1 }

.q2bbnq_note { font-family: Arial, sans-serif; font-size: 12px; color: #000; background-color: none; padding: 0; border: none; min-width: 220px }

.q2bbnq_note .replynote { cursor: auto ; position: static ; clear: both ; padding: 0 ; margin: 10px 0 0 0 ; border: none; font-family: Arial, Helvetica, sans-serif ; font-weight: normal ; background-color: #DDDEDE; }
.q2bbnq_note .replynote + .replynote { padding: 12px 0 0 0 ; border-top: solid 1px #abacae ;}

.q2bbnq_controls { width: 100%; height: 50px }
.q2bbnq_controls a { font-size: 12px ; color: #51555C; white-space: nowrap }
.q2bbnq_contentview { clear: both; width: 100%; overflow: hidden; background-color: #DDDEDE; margin: 0  0 10px 0; float: left }
.q2bbnq_vslider { position: relative; top: 0; width: 15px; background-color: #d6d6d6; float: left; margin-left: -15px }
.q2bbnq_vsliderbutton { position: absolute; left: 0px; width: 15px; height: 123px; cursor: pointer; background-image: url(/services/q2bbnq/images/vslider.png); }

.q2bbnq_content { padding: 10px 40px 10px 10px; }
.q2bbnq_note .notecontent { padding: 0 ; margin-right : 25px; }
.q2bbnq_note a.linkinnote:link , .q2bbnq_note a.linkinnote:visited , .q2bbnq_note a.linkinnote:hover , .q2bbnq_note a.linkinnote:active { font-size: 11px ; color: #51555C; padding: 1px 4px ; margin: 0px ; line-height: 14px }
.q2bbnq_note .signature { font-size: 11px; text-align: right; margin-right:25px }
.q2bbnq_note a.button { font-size: 12px; }

.q2bbnq_textarea { font-family: "Arial", sans-serif; font-size: 12px; border: solid 1px #abacae ; width: 100% }

.dark { color: #C8C8C9 }
a.dark:link { color: #C8C8C9 ; border-color: #C8C8C9 }
* html .dark a { color: #C8C8C9 ; border-color: #C8C8C9 }
.selected { border : solid 3px #4A88AB ; }

/* frame */

.q2bbnq_topleft { position: relative ; width: 17px; height: 38px; background-image: url(/services/q2bbnq/images/topleft.png); margin-left: -17px; float: left }
.q2bbnq_topcenter { position: relative ; width: 100%; height: 38px; background-image: url(/services/q2bbnq/images/topcenter.png); background-repeat: repeat-x; float: left; }
.q2bbnq_topright { position: relative ; width: 20px;  height: 38px; background-image: url(/services/q2bbnq/images/topright.png); margin-right: -20px; float: left }
.q2bbnq_maintitle { color: #FFF; line-height: 38px; font-size: 14px ; white-space: nowrap ; }

.q2bbnq_centerleft { position: relative ; width: 17px; background-image: url(/services/q2bbnq/images/centerleft.png); margin-left: -17px; float: left ; }
.q2bbnq_centercenter { position: relative ; width: 100%; background-image: url(/services/q2bbnq/images/centercenter.png); background-position: right; background-repeat: repeat-y; float: left }
.q2bbnq_centerright { position: relative ; width: 20px; background-image: url(/services/q2bbnq/images/centerright.png); margin-right: -20px; float: left }

.q2bbnq_bottomleft { position: relative ; width: 17px; height: 17px; background-image: url(/services/q2bbnq/images/bottomleft.png); margin-left: -17px; float: left }
.q2bbnq_bottomcenter { position: relative ; width: 100%; height: 17px; background-image: url(/services/q2bbnq/images/bottomcenter.png); background-position: top right; float: left; }
.q2bbnq_bottomright { position: relative ; width: 20px;  height: 17px; background-image: url(/services/q2bbnq/images/bottomright.png); margin-right: -20px; float: left }


#q2bimg_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#q2bimg_notetemplate { display: none ; z-index: 1 }
#q2bimg_notetemplate_edit { display: none ; z-index: 1 }

.q2bimg_notecontent { padding: 0; margin: 0; }

/*
#1334 by BB
.q2bimg_textarea { border: solid 1px ; width: 100% }
*/
.q2bimg_noteimage { margin: 0px ; border-style: none ; width: 100% }

 /*
.q2bimg_note { padding: 11px; border-style: solid }
.q2bimg_notepalette { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: right -1000px; background-repeat: no-repeat }
.q2bimg_notepalette .linkinnote { background-color: #333; color: #F00 }
*/
.q2bimg_notepalette { position: absolute; top: 0; left: 0; width: 100%; height: 12px; background-position: right -1000px; background-repeat: no-repeat }

/*
#1334 by BB
#q2bimg_notecolor table td { width: 18px; height: 18px; border: solid 1px #AAA; cursor: pointer }
*/

#q2bimg_truewidth_elem { position: relative; left: 0px; top : 0px; }
/*
#q2bimg_original_info { position: relative; left: -13px; top : 5px ; width: 175px; border: solid 1px #000; background-color: #ffff66; color: #333; font-size: 11px; padding: 0px 2px; display: none }
*/

.q2bimg_info { position: relative; left: -13px; top : 5px ; width: 175px; border: solid 1px #000; background-color: #ffff66; color: #333; font-size: 11px; padding: 0px 2px; display: none }

.q2bimg_textarea { margin-left: -13px; margin-top : 5px; margin-bottom: 5px; width: 175px; height: 42px; border: solid 1px #AAA; padding: 0px 2px; width: 100%; font-family: 'Arial' , sans-serif; font-size: 11px }
#q2bimg_link_selectpage select { margin-left: -10px; margin-top : 5px; width: 170px; }

/* aucun id de ce nom : remplacer par .q2bimg_original_info table td*/
#q2bimg_original_info table td { width: auto ; height: auto ; border: solid 0px ; cursor: default }

/* Photobox */

.q2bimg_note_photobox { background-color: #FFF; padding: 0 11px; border-style: solid; border-width: 1px; border-color: #DDD #999 #999 #DDD; background-image: url(/services/q2bimg/images/handler.png); background-position: right -1000px; background-repeat: no-repeat }
.q2bimg_note_photobox a.linkinnote:hover , .q2bimg_note_photobox a.linkinnote:active , .q2bimg_note_photobox a.linkinnote:link , .q2bimg_note_photobox a.linkinnote:visited { font-size: 11px ; padding: 0; margin: 0; line-height: 12px; text-decoration: underline ; }
.q2bimg_note_photobox a.linkinnote:hover , .q2bimg_note_photobox a.linkinnote:active , .q2bimg_note_photobox a.linkinnote:link , .q2bimg_note_photobox a.linkinnote:visited { color: #3a9319; }
.q2bimg_note_photobox a.linkinnote:hover { text-decoration: none; }
.q2bimg_note_photobox .q2bimg_notecontent { padding: 1px 0px 11px 0px; margin: 0; }

#q2bimg_bgcolor table td { width: 18px; height: 18px; border: solid 1px #AAA; cursor: pointer }


#rep_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#rep_notetemplate { display: none ; z-index: 1 }
#rep_notetemplate_edit { display: none ; z-index: 1 }
#rep_replytemplate { display: none ; z-index: 1 }
#rep_replytemplate_edit { display: none ; z-index: 1 }

/*.tdleft { width : 80px ; }

.notetexttemplate { width : 100% ; border: solid 1px }*/
.rep_color1 , .rep_color2 , .rep_color4 { width: 22px ; height: 13px ; cursor: pointer ; border: solid ; border-width: 0px ;margin: 0 0 5px 0 ; }
.rep_color3 { width: 20px ; height: 11px ; cursor: pointer ; border: solid ; border-width: 1px ;margin: 0 0 5px 0 ; }

.rep_color1 { background: #BFE3F9 ; border-color: #60727D; }
.rep_color2 { background: #DBEC35 ; border-color: #6E761B; }
.rep_color3 { background: transparent ; border-color: #CCC; } /* #CCC #CCC #888 #CCC } */
.rep_color4 { background: #E73352 ; border-color: #741A29; }

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

.dark { color: #C8C8C9 }
* html .dark a { color: #C8C8C9 ; }*/

.rep_itemvalidation{
	display: none;
}

.rep_relative{
	position: relative;
}

.rep_preview{
	background: #FFFFFF;
	height: 279px;
	overflow: auto;
	margin-left: 24px;
	position: relative; /*IE*/
}

.rep_buttons{
	text-align: center;
	padding: 3px 2px;
	background: #EEEEEE;
	margin-left: 24px;
	
	position: relative;
}

* html .rep_buttons{
	height: 18px;
}

.rep_arrows{
	text-align: center;
	height: 20px;
}

.rep_multiplefield a:hover{
	cursor: default;
	text-decoration: none;
}

.rep_multiplefield a{
	overflow: auto;
}

.rep_multiplecontain a:hover{
	cursor: pointer;
	text-decoration: underline;
}

.rep_note{
	padding: 0px 5px;
	color: #98989A;
}

* html rep_note{
	width: 250px;
}

.rep_note .notecontent{
	border: 1px solid #BBBBBB;
	padding: 0;
	position: relative;
}

.rep_itemnote a{
	color: #5B5B5D;
}

.rep_listitem a{
	color: #5B5B5D;
}

.rep_itemnote .notecontent{
	border: none;
}

.rep_listitem{
	padding: 4px 2px 4px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 295px;
	text-align: center;
	color: #444444;
	border-right: 2px solid #BBBBBB;
	background: #FFFFFF;
}

.rep_field{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B5B5D;
	overflow: auto;
	clear: both; /*IE6*/
}

.rep_editfield{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 10px;
	border: 1px solid #98989A;
	width: 100%;
}

.rep_inputPadding{
	padding: 1px;
}

.rep_inputPadding1{
	padding: 1px 1px 1px 12px;
}

/*IE7*/
*:first-child+html .rep_inputPadding1{
	padding: 1px;
}

/*IE6*/
* html .rep_inputPadding1{
	padding: 1px;
}

.rep_inputPadding2{
	padding: 1px 1px 1px 24px;
}

/*IE7*/
*:first-child+html .rep_inputPadding2{
	padding: 1px;
}

/*IE6*/
* html .rep_inputPadding2{
	padding: 1px;
}

.rep_addField, .rep_deleteField{
	cursor: pointer;
	position: absolute;
	top: 50%;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
}

.rep_addField{
	left: 2px;
	background: no-repeat url('/services/rep/images/addField.png');
}

.rep_deleteField{
	left: 14px;
	background: no-repeat url('/services/rep/images/deleteField.png');
}


.rep_containfield{
	float: left;
	display: inline; /*IE*/
}

.rep_containfield_forename{
	width: 37%;
	margin: 5px 1% 4px 2%;
}

.rep_containfield_lastname{
	width: 57%;
	margin: 5px 0px 4px 1%;
}

* html .rep_containfield_forename{
	width: 30%;
}

* html .rep_containfield_lastname{
	width: 50%;
}

.rep_renderfield{
	margin: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
}

* html .rep_renderfield{
	width: 100%;
}

.rep_containfield_title, .rep_containfield_organization, .rep_containfield_Qid, .rep_containfield_birthday{
	width: 57%;
	margin: 0px 0px 0px 41%;
}

* html .rep_containfield_title, * html .rep_containfield_organization, * html .rep_containfield_Qid, * html .rep_containfield_birthday{
	width: 50%;
	margin: 0px 0px 0px 34%;
}

.rep_containfield_birthday{
	margin-top: 4px;
	margin-bottom: 6px;
}

* html .rep_containfield_birthday{
	margin-top: 4px;
	margin-bottom: 6px;
}

.rep_containfield_img{
	position: absolute;
	width: 49%;
	height: 68px;
	right: 61%;
}

* html .rep_containfield_img{
	top: 32px;
	width: 30%;
	right: 67%;
}

.rep_containfield_type{
	width: 27%;
	margin: 0px 1% 1px 2%;
}

* html .rep_containfield_type{
	width: 20%;
	clear: left;
}

.rep_containfield_mailaddress, .rep_containfield_phonenumber, .rep_containfield_url, .rep_containfield_personname{
	width: 67%;
	margin: 0px 0px 1px 1%;
}

* html .rep_containfield_mailaddress, * html .rep_containfield_phonenumber, * html .rep_containfield_url, * html .rep_containfield_personname{
	width: 60%;
}

.rep_containfield_mailaddress:hover{
	cursor: pointer;
	text-decoration: underline;
}

.rep_containfield_street{
	width: 67%;
	margin: 0px 0px 0px 1%;
}

* html .rep_containfield_street{
	width: 60%;
}

.rep_containfield_zipcode{
	width: 19%;
	margin: 0px 0px 0px 1%;
}

* html .rep_containfield_zipcode{
	clear: left;
	width: 14%;
	margin: 0px 0px 0px 24%;
}

/*IE7*/
*:first-child+html .rep_containfield_zipcode{
	clear: left;
	margin: 0px 0px 0px 31%;
}

.rep_containfield_city{
	width: 48%;
	margin: 0px;
}

* html .rep_containfield_city{
	width: 43%;
	float: right;
	/*margin-right: 4%;*/
	margin-right: expression( Math.round(0.16*getContainer(this).offsetWidth) - 22 + "px" );
}

/*IE7*/
*:first-child+html .rep_containfield_city{
	float: right;
	margin-right: 2%;
	width: 47%;
}

* html rep_zipcitycontain{
	clear: left;
}

.rep_containfield_country{
	width: 67%;
	margin: 0px 0px 1px 31%;
}

* html .rep_containfield_country{
	width: 60%;
	margin: 0px 0px 1px 24%;
	clear: left;
}

/*IE7*/
*:first-child+html .rep_containfield_country{
	clear: left;
}

.rep_containfield_notes{
	width: 96%;
	padding-top: 2px;
	margin: 2px 0px 5px 2%;
	border-top: solid 2px #5B5B5D;
}

* html .rep_containfield_notes{
	width: 83%;
}

.rep_letter{
	display: block;
	font-size: 10px;
	height: 11px;
	line-height: 11px; /*IE*/
}

.rep_listitem a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background: url('/services/rep/images/letterback.png') no-repeat;
}

.rep_listmenu_container{
	display: none;
	position: absolute;
	right: 100%;
	padding-right: 2px;
}

.rep_lc_top{
	top: 0px;
}

* html .rep_lc_top{
	margin-top: -13px;
}

.rep_lc_bottom{
	bottom: 0px;
}

* html .rep_lc_bottom{
	margin-bottom: -14px;
}

.rep_listitem a:hover .rep_listmenu_container{
	display: block;
}

.rep_itemname{
	display: block;
	position: relative;
	padding: 2px 0px;
	font-size: 11px;
	height: 12px;
}

.rep_itemname_container{
	margin: 0px 7px;
	position: relative;
	padding: 0px;
}

.rep_lback, .rep_rback{
	position: absolute;
	top: 0px;
	width: 7px;
	height: 16px;
	display: none;
}

.rep_rback{
	right: -7px;
	background: url('/services/rep/images/rback.png') no-repeat;
}

.rep_lback{
	left: -7px;
	background: url('/services/rep/images/lback.png') no-repeat;
}

.rep_itemname_container:hover .rep_itemname{
	background: #5B5B5D;
	color: #FFFFFF;
}

.rep_itemname_container{
	cursor: pointer;
}

.rep_itemname_container:hover .rep_lback, .rep_itemname_container:hover .rep_rback{
	display: block;
}

.rep_xtop, .rep_xbottom{
	display:block;
	position: relative;
}

.rep_xt1, .rep_xt3, .rep_xb1, .rep_xb3{
	position: absolute;
	top: 0px;
	width: 7px;
	height: 7px;
}

* html .rep_xt1, * html .rep_xt3, * html .rep_xb1, * html .rep_xb3{
	width: 0px;
	height: 0px;
}

.rep_xt1, .rep_xb1{
	left: 0px;
}

.rep_xt3, .rep_xb3{
	right: 0px;
}
	
.rep_x2{
	height: 7px;
	background: #E6E6E6;
	margin: 0px 7px;
	min-width: 126px; /*IE7*/
}

* html .rep_x2{
	width: 0px;
	height: 0px;
}

.rep_xt1{
	background: url('/services/rep/images/tlcorner.png') no-repeat;
}

.rep_xt3_round{
	background: url('/services/rep/images/trcorner.png') no-repeat;
}

.rep_xt3_plain, .rep_xb3_plain{
	background: #E6E6E6;
}

.rep_xb1{
	background: url('/services/rep/images/blcorner.png') no-repeat;
}

.rep_xb3_round{
	background: url('/services/rep/images/brcorner.png') no-repeat;
}

.rep_listmenu{
	color: #000000;
	background: #E6E6E6;
	padding: 0px 5px;
	text-align: left;
}

* html .rep_listmenu{
	padding: 7px 5px;
}

* html .rep_contlist_bis{
	min-height: 1em;
}

*:first-child+html .rep_contlist_bis{
	min-height: 1em;
}

.rep_contlist_bis{
	min-width: 120px; /*Firefox Bug!*/
/*	max-width: 200px;*/
	overflow: auto;
	padding: 0px 15px 0px 5px;
	background: #E6E6E6;
	position: relative; /*IE*/
}

.rep_arrows{
	position: relative;
	padding: 0px 15px;
	width: 5em;
	height: 12px;
	margin: 0px auto;
	top: 4px;
	overflow: hidden ;
}

.rep_controls{
	text-align: center;
	height: 20px;
	position: relative;
}

.rep_larrow, .rep_rarrow{
	position: absolute;
	top: 0px;
	width: 12px;
	height: 24px;
}

/*
* html .rep_larrow, * html .rep_rarrow{
	overflow: hidden;
}
*/

.rep_larrow{
	left: 0px;
	background: url('/services/rep/images/larrow.png') no-repeat;
	_background-image: url('/images/blank.gif') ;
	_filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/rep/images/larrow.png',sizingMethod='image') ;
}

.rep_rarrow{
	right: 0px;
	background: url('/services/rep/images/rarrow.png') no-repeat;
	_background-image: url('/images/blank.gif') ;
	_filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/rep/images/rarrow.png',sizingMethod='image') ;
}

.rep_larrow:hover, .rep_rarrow:hover{
/*	background-position: bottom;*/
	top: -12px ;
	cursor: pointer;
}

/*
* html .rep_larrow:hover, * html .rep_rarrow:hover{
	background-position: left -12px;
}
*/

.rep_listswitch{
	height: 16px;
	width: 16px;
	position: absolute;
	left: 2px;
	top: 0px;
	margin: 2px 0px;
	cursor: pointer;
}

.rep_listswitch_hide{
	background: url('/services/rep/images/listswitch_hide.png') no-repeat;
}

.rep_listswitch_hide:hover{
	background-position: bottom;
}

.rep_listswitch_show{
	background: url('/services/rep/images/listswitch_show.png') no-repeat;
}

.rep_listswitch_show:hover{
	background-position: bottom;
}

.rep_visible{
	display: block;
}

.rep_ghost{
	display: none;	
}

.rep_lastname, .rep_forename{
	font-size: 14px;
	font-weight:bold;
}

.rep_forename{
	text-align: right;
}

.rep_title, .rep_organization, .rep_Qid, rep_birthday{
	text-align: left;
	font-size: 10px;
}

.rep_type{
	text-align: right;
	font-weight:bold;
}

.rep_multiplefield{
	padding-bottom: 4px;
}

.rep_noteimage {float: right; margin-right: 2px;}

.rep_eb_color, .rep_eb_localization{
	margin-left: 10px;
}

.rep_inputSearch{
	text-align: center;
	width: 100%;
}

.rep_SearchContainer{
	width: 33%;
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 0px;
}

.rep_inputSearchHack{
	width: 100%;
	border: 0px;
	font-size: 9px;
	background: transparent;
	margin: 6px 0px 4px 0px;
}

.rep_editionbuttons{
	position: relative;
	width: 100%;
}

.rep_subbuttons{
	padding-right: 33%;
}

.rep_search-contain, .rep_search-left, .rep_search-right, .rep_search-middle {
	height: 24px;
}

.rep_search-contain{
	position: absolute;
	top: -4px;
	left: 0px;
	right: -3px;
	padding: 0px 12px 0px 20px;
	overflow: hidden; /*IE6*/
}

.rep_search-left, .rep_search-right {
	position: absolute;
}

.rep_search-left {
	width: 20px;
	left: 0px;
	background: url('/services/rep/images/search/Search_left.png');
}

.rep_search-right {
	width: 12px;
	right: 0px;
	background: url('/services/rep/images/search/Search_right.png');
}

.rep_search-middle {
	width: 100%;
	background: url('/services/rep/images/search/Search_middle.png') top repeat-x;
}

.rep_search-active .rep_search-left{
	background-position: left -24px;
}

.rep_search-active .rep_search-right{
	background-position: right -24px;
}

.rep_search-active .rep_search-middle{
	background-position: left -24px;
}

.rep_SearchResults{
	display: none;
	position: absolute;
	bottom: 24px;
	left: 0px;
	height: 279px;
	width: 100%;
	background: url('/services/rep/images/search/Search_back.png') bottom repeat-x;
}

* html .rep_SearchResults{
	padding-right: 4px;
}

.rep_SearchResults h1{
	font-size: 24px;
	font-weight: bold;
	padding: 12px;
	margin: 0px;
}

.rep_resultitem{
	display: none;
	margin: 7px;
	position: relative;
}

.rep_resultitem a {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	padding: 2px 0px;
	position: relative;
}

.rep_resultitem a:hover {
	cursor: pointer;
	text-decoration: none;
	background-color: #5B5B5D;
	color: #FFFFFF;
}

.rep_res_corner_l{
	position: absolute;
	height: 19px;
	width: 9px;
	left: -9px;
	top: 0px;
}

.rep_resultitem a:hover .rep_res_corner_l{
	background: url('/services/rep/images/res_l.png') no-repeat;
}

.rep_res_corner_r{
	position: absolute;
	height: 19px;
	width: 9px;
	right: -9px;
	top: 0px;
}

.rep_resultitem a:hover .rep_res_corner_r{
	background: url('/services/rep/images/res_r.png') no-repeat;
}


#rss2_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#rss2_notetemplate { display: none ; z-index: 1 }
#rss2_notetemplate_edit { display: none ; z-index: 1 }

.rss2_textarea { border: solid black 1px ; }
.rss2_add {padding : 3px; margin:2px;}
.rss2_select_list_title {padding : 3px; margin:2px;}

.rss2_table{border:0}
.rss2_feedcell{ border:0 }

.rss2_count{ line-height: 24px; font-size: 14px; font-weight: bold; white-space: nowrap; margin-left: 7px;} /*color:#9f1311;}*/
.rss2_searchicon{width:16px;height:16px;position:absolute;right:8px;top:5px; cursor:pointer;background: transparent url('/services/rss2/images/search.png') top left no-repeat; _background-image: url('/images/blank.gif') ; _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/rss2/images/search.png',sizingMethod='image' ) ;}

.rss2_notebody { border-width: 0px; padding-top:10px;}
.rss2_notebody p { text-align: left; font-size: 12px; padding: 0 }
.rss2_notebody textarea { height: 50px; border: solid 1px #AAA; font-family: Arial, sans-serif; font-size: 11px; }

.rss2_an_item {overflow: hidden; white-space: nowrap; text-overflow : ellipsis}
a.rss2_an_item {font-weight: inherit}
.rss2_div_resize {overflow: hidden; white-space: nowrap; text-overflow : ellipsis}

.rss2_addbutton { width: 32px; height: 32px; background: transparent url('/services/rss2/images/add32.png') top left no-repeat; cursor: pointer; margin-top:5px; }

.rss2_loading{font-weight:bold; font-size:16px; text-align:center; height : 50px;}
.rss2_v9_items{ padding:0px;border : 0;}

.rss2_pre{ background:url('/services/rss2/images/previous.gif') no-repeat left center; width:40px; height:18px; border:0px; cursor:pointer; float:left; padding-left:20px;}
.rss2_next{ background:url('/services/rss2/images/next.gif') no-repeat right center; width:40px; height:18px; border:0px; cursor:pointer; float:right; padding-right:20px;}
.rss2_currentpage { vertical-align: bottom ; padding-right: 12px }

.rss2_viewer{ width:500px; padding:15px; text-align:left }
.rss2_item_title{ margin-bottom : 10px }
.rss2_item_time{ margin-bottom: 10px }

.rss2_addfeed_block{ width : 350px; }
.rss2_addfeed_block input { width : 100%; font-size:12px; border: solid 1px #333; }

/* pour les très veilles notes */
.rss2_noteheader {height: 24px; }
.rss2_headericon { position: absolute; top : -16px ; width: 48px; height: 48px; background: transparent url('/services/rss2/images/rss48.png') top left no-repeat ; _background-image: url('/images/blank.gif') ; _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/services/rss2/images/rss48.png',sizingMethod='image' ) ;}
.rss2_headerbckg {height: 32px; margin-top: 0px; overflow: hidden; cursor: pointer; border-width: 0px;}
.rss2_headertext { line-height: 24px; font-size: 14px; font-weight: bold; white-space: nowrap;}

.rss2_iconprev, .rss2_iconnext, .rss2_supp { cursor : pointer }

.rss2_image_wrapper { background-size: cover; background-position : center center; overflow : hidden; float: left }

.rss2_date { display : inline-block }

/* old version 8
********************************************/
.rss2_items{ padding-top:15px;border-style:solid; border-width : 0 0 1px 0;}
.rss2_item { padding-top:2px; padding-bottom: 2px; line-height:1.3em; border-style:solid; border-width:1px 0 0 0;}
.rss2_pager{ margin-top:3px; height:20px;}

#rsvp_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

.rsvp_textarea { border: solid 1px }

.rsvp_optionlist_edit{ padding-left:20px; padding-right:10px; }
.rsvp_optionlist { background-color: #FFF; border: solid 1px #666; padding: 5px; color: #333;}
.rsvp_tooltip { font-size: 10px }
a .optionname { color: #333;}
.rsvp_input { width : 100% ; border: solid 1px #4A88AB ; margin: 3px 0px; color: #333; }


#serp_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }
#serp_notetemplate { display: none ; z-index: 1 }
#serp_notetemplate_edit { display: none ; z-index: 1 }
.selected { border : solid 3px #4A88AB ; }

.snake { position: relative;}

#serp_colorfond_1 { background-color: #BFE3F9 ;}
#serp_colorfond_2 { background-color: #DBEC35 ;}
#serp_colorfond_3 { background-color: #9AC562 ;}
#serp_colorfond_4 { background-color: #FF2B87 ;}

.serp_border { width: 20px ; height: 11px ; cursor: pointer ; border: solid 1px #FFF;margin: 5px 10px 5px 0; float:left;}
.serp_border:hover {border-color:#4A88AB;}



/*
.slide_note { position: absolute; color: #000; background-color: #FFF; font-family: Arial , sans-serif; font-size: 12px; overflow: hidden;}
.slide_note a { color: #888 }
.slide_note { position: absolute; font-family: Arial , sans-serif; font-size: 12px; overflow: hidden;}
*/
.slide_note .radio { color: #6098B1 }
.slide_control  { text-align: center; vertical-align: top ; background-color: white}
.slide_control_buttons { width: 24px; height: 22px;  background-position: center top; cursor: pointer}


#table_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#table_notetemplate { display: none ; z-index: 1 }
#table_notetemplate_edit { display: none ; z-index: 1 }

.table_tabletitle, .table_inputtitle { font-size: 13px; line-height: 15px; margin-top: 5px; font-weight: bold }
.table_tabletable { width: 100%; margin : 0px ; position: relative ; top: 0px ; left: 0px }
.table_textarea { background-color: #FFF; width: 90%; height: 60px; border: solid 1px #333; overflow: hidden }

.table_tdborderv, .table_tdborderh { font-size: 0px ; padding: 0px }
.table_v11_adddelbutton { width:38px }
.table_v11_adddelbutton a { padding:3px; text-decoration: none; color : #666 }
.table_sharelinks { position : relative; bottom: 0; right : 0; display:none }
.table_sharelinks a {font-family: q-i ;  margin-left:5px; font-size:14px}
.table_sharelinks a:hover { text-decoration : none }
.table_shareicon { cursor:pointer; padding : 3px }

/* version 10
**************************************/
.table_adddelbutton { width:32px; }


.team_note { min-width: 200px; border-style: none }
.team_notebody { width: 100%; }

.teambtn { width: 75px; height: 20px; background: transparent url('/services/team/images/btn.png') top left no-repeat; color: #333; line-height: 18px; font-size: 12px; text-align: center; cursor: pointer }
.team_notesubtitle { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 4px 0 0 0; white-space: nowrap }

/* EDIT */

.team_editcard { color: #333; }
.team_editcard td { white-space: nowrap; }
.team_editcard td input, table.team_editcard td textarea { width: 98%; border: inset 1px #333; }

#team_editcardfields_elem input { width: 95%; margin-top: 3px; font-size: 11px; }
.team_editcard_photocontainer { width: 80px; height: 90px; margin-bottom: 3px; cursor: pointer; overflow: hidden; }
.team_editcard_photo { width: 80px; height: 90px; }

/* VIEW */

div.team_cardslist { width: 100%; cursor: pointer; white-space: nowrap; }
div.team_cardslist div { padding: 3px; }
.team_v6_cardlistarrow { visibility:hidden; position:absolute; right:0; top:0 }

/*.team_note ul.team_cardslist { max-height:350px; overflow: auto; }*/
ul.team_cardslist { width: 100%; cursor: pointer; margin:0; padding:0; list-style-type: none; }
.team_v6_cardslist_item { line-height:auto; position:relative; }

.team_viewcard { padding:10px; background: #ffffff; border : 1px solid #d1d1d1 }
.team_v6_viewcard_name { padding-bottom: 10px}
.team_v6_viewcard_photocontainer { width: 80px; height: 103px; overflow: hidden; }
.team_viewcard_photo { width: 80px; height: 90px; }
.team_viewcard_comment.v6 { padding-top : 10px; overflow: auto; border:0}

.team_v6_cardfield { font-weight:bold }
.team_v6_viewcardline { color : #000000 }

.v6_players_list { padding-right:5px }
.v6_players_list + td { padding-left: 5px }

/* old version 5
******************************************/
div.team_cardslist .team_cardlistarrow { font-size: 90%; visibility: hidden; }
.team_cardslist_item { line-height:13px; padding: 5px; position:relative; }
ul.team_cardslist .team_cardlistarrow { font-size: 90%; visibility: hidden; right:0px; padding-right:5px; position:absolute;  font-family: Arial, sans-serif; }

.team_viewcard_name { font-size: 140%; font-weight: bold; padding: 5px 0 10px 0; }
.team_viewcard_photocontainer { width: 80px; height: 90px; overflow: hidden; }
.team_viewcard_comment { margin-top: 8px; padding: 5px; height: 90px; overflow: auto; border-style: solid; border-width: 1px; }


#todo_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; }

.todo_edit{ padding: 0; margin : 0; list-style-type: none }
.todo_edit li { padding:0; margin:0; list-style-type:none; position:relative }
.todo_item_option { height:16px; padding-left: 5px; cursor: pointer;  }

.todo_options { position: absolute; right : 0; top:5px; font-size : 16px; }

.item_class { padding-bottom: 4px; white-space: nowrap; }
.textnodeclass { overflow: hidden; text-overflow: ellipsis; width: 95%;}

.assigned_label { font-size: .9em; margin-left: 5px; text-decoration:none; }

.todos_addtextarea { width: 90%; height: 30px; padding: 2px 5px ; background-color: #FFF; font-family: Arial , sans-serif; font-size: 12px ; color: #333 ; border: solid 1px #AAA; margin-top: 5px }
.todos_addbutton { width: 133px; height: 22px; background-image: url('/services/todos/images/addtodo.png'); background-position: top; }

.todos_todoslist { position: relative; width: 100%; min-height: 15px; border-style: none; overflow: auto; }
.todos_todotable { width: 100%; color: #ffffff }
.todos_todotable td { padding: 2px 5px; border-bottom-width : 1px; border-bottom-style: solid ;  }
.todos_todotable td + td + td { width: 16px; text-align: center; vertical-align: top; }
.todos_infos { color: #DDD; padding: 0 7px; white-space: nowrap }
a.todos_folbutton { color: #FF0 }
a.todos_printbutton { color: #FF0 }

.todos_title { color: #333; font-size: 14px; font-weight: bold; white-space: nowrap; line-height: 30px; overflow: hidden; }
.todos_textarea { width: 96%; height: 20px; font-size: 16px; border: solid 1px #333; padding: 1px 0; color: #000; }

.todos_todotable tr td + td { font-family: Arial , sans-serif; font-size: 11px ; white-space: nowrap } 
.todos_todotable tr.todos_tododone td.todos_tododesc { text-decoration: line-through; }
.todos_todotable tr.todos_tododone td a { color: #FFF;  }
.todos_todotable a{ color : #DDD;}

.upload_intl_textarea { width : 100% ; border: solid 1px }

.upload_intl_uploading { background-color : #E73352 ; color : #eee ; padding : 2px 5px ;}
a.upload_intl_afile:link, a.upload_intl_afile:visited, a.upload_intl_afile:hover, a.upload_intl_afile:active { padding : 2px 5px ; } 
a.upload_intl_uploaded { cursor : pointer }

.upload_intl_notconfirmed:link, .upload_intl_notconfirmed:visited, .upload_intl_notconfirmed:hover, .upload_intl_notconfirmed:active { color : #aaa ; padding : 2px 5px ; font-size : 13px ; text-decoration : none}

.upload_intl_elem { line-height : 1.6em ; }
ul.uploaded_files , ul.upload_intl_thefiles { text-align : left ;} 

.upload_intl_new_pc_file_files td { padding : 2px 10px }

#vc_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#vc_notetemplate { display: none ; z-index: 1 }
#vc_notetemplate_edit { display: none ; z-index: 1 }

.vc_note .notecontent { margin-top : 0px }
/* bug décalage à droite family */
.vc_note .notetext { width : auto  ; opacity : 1  }

.vc_textarea { background-color : transparent; box-sizing : border-box; -moz-box-sizing : border-box; }


#vol_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }
.webmode .vol_note { behavior: url( "/style/flash.htc" ) ; }

.vol_textarea { width : 100% ; border: solid 1px }
.vol_noteimage { display: inline ; float: left ; margin: 0.1em 5% ; border: solid 0px ; border-color : #444 ; width: 90% }

#vol_color_1 , #vol_color_2 , #vol_color_4 { width: 22px ; height: 13px ; cursor: pointer ; border: solid ; border-width: 0px ;margin: 0 0 5px 0 ; }
#vol_color_3 { width: 20px ; height: 11px ; cursor: pointer ; border: solid ; border-width: 1px ;margin: 0 0 5px 0 ; }

#vol_color_1 { background: #BFE3F9 ; border-color: #60727D }
#vol_color_2 { background: #DBEC35 ; border-color: #6E761B }
#vol_color_3 { background: #FFF ; border-color: #CCC } /* #CCC #CCC #888 #CCC } */
#vol_color_4 { background: #E73352 ; border-color: #741A29 }

.vol_notecolor3 { background: #FFF ; position: relative ; left: 6px ; top: 7px ; width: 100px ; height: 54px ; cursor: pointer ; border: solid 1px ; border-color: #CCC #CCC #888 #CCC ; }
.vol_video { width : 100% }
.dark { color: #C8C8C9 }
a.dark:link { color: #C8C8C9 ; border-color: #C8C8C9 }
* html .dark a { color: #C8C8C9 ; border-color: #C8C8C9 }


#wsg_editblock { display : none ; position: relative ; padding: 0 ;  z-index: 1 ; border : solid 0px #00f ; }

#wsg_notetemplate { display: none ; z-index: 1; }
#wsg_notetemplate_edit { display: none ; z-index: 1; }
.wsg_note { min-width: 1px; }

.wsg_textarea { width: 96%; height: 20px; font-size: 16px; border: solid 1px #AAA; padding: 1px 0; color: #000; }

#wsg_headeroptionsmask { position: absolute; left: -15px; width: 185px; height: 280px; z-index: 5; opacity: 0.7; filter: alpha(opacity=70); }
#wsg_notecolor table td { width: 18px; height: 18px; border: solid 1px #777; cursor: pointer }

/* recopiés dans poll */
.wsg_noteheader { position : relative ; width: 100%; }
.wsg_headericontainer { position: relative ; top : 0px ; left : 0px ; width: 48px; }
.wsg_headericon { position: absolute; top : -16px ; width: 48px; height: 48px; background: transparent top left no-repeat; }
.wsg_headerbckg { position: relative ; top : 0px ; left : 0px ; margin-top: 0px; cursor: move; border-width: 1px }
.wsg_headerbckg input { height: 16px; border: none 0px #000; font-family: Arial, sans-serif; line-height: 18px; margin-top: 2px ; width : 100% }
.wsg_headerbckg textarea { border: none 0px #000; font-family: Arial, sans-serif; line-height: 24px; margin-top: 2px ; width : 98% ; border : solid 1px }
.wsg_headertext , .wsg_headermeasure { line-height: 24px; font-size: 14px; font-weight: bold }

.wsg_notebody { width: 100%; overflow : hidden ; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto }
/*
2021-03-08 : bug sur Chrome, utiliser manual plutôt
.nohyphens .wsg_notebody { -webkit-hyphens : none; -moz-hyphens: none; -ms-hyphens : none; -o-hyphens: none ; hyphens : none }
*/
.nohyphens .wsg_notebody { -webkit-hyphens : manual; -moz-hyphens: manual; -ms-hyphens : manual; -o-hyphens: manual ; hyphens : manual }
.wsg_notebody ul , .wsg_notebody ol { padding-left: 0px ; list-style-position: inside ; margin-left: 0px ; margin-right: 0px ; text-align: left }
.wsg_notebody li > div:first-child, .wsg_notebody li > p:first-child { display: inline }
.wsg_notebody li { list-style-position: inside ; margin-left: 1em ; text-indent: -1em }
.wsg_notebody li .rpd-button { text-indent: 0 }
.wsg_notebody li *:after { text-indent: 0 }
.wsg_notebody ul ul, .wsg_notebody li ul , .wsg_notebody ol ol, .wsg_notebody ol ul , .wsg_notebody ul ol, .wsg_notebody li ol { padding-left: 1em ; }

.list-outside .wsg_notebody li { list-style-position: outside; margin-left: 0; text-indent: 0; }
.list-outside .wsg_notebody ul ul, .list-outside .wsg_notebody li ul , .list-outside .wsg_notebody ol ol, .list-outside .wsg_notebody ol ul , .list-outside .wsg_notebody ul ol, .list-outside .wsg_notebody li ol { padding-left: 1.3em ; }
.list-outside .wsg_notebody ul, .list-outside .wsg_notebody ol { padding-left: 1.3em ;margin-left: 0px; margin-right: 0px; text-align: left; }
.list-outside .wsg_notebody .list-inside li, .list-outside .wsg_notebody .list-inside li { list-style-position: inside }

.viewmode .wsg_notebody { overflow : hidden }
.editmode .wsg_notebody { min-height : 20px }

.wsg_content_html { padding: 12px 10px 5px 10px; font-size: 12px; }

.wsg_content_html p { padding: 0px ; margin: 0px ; }

.wsg_content_html hr { border-style: inset; border-width: 1px; margin: 0.5em auto; }
.wsg_content a:link, .wsg_content a:visited { color: rgb(0,0,255) ; text-decoration : inherit ; font-weight : inherit }
.dark .wsg_content a:link, .dark .wsg_content a:visited { color: rgb(102,204,255) }
.wsg_signature { font-size: 11px; line-height: 20px; text-align: right; padding-right: 10px }
.wsg_noteimage { margin: 0; border: solid 0px ; width: 50%; box-sizing : border-box ; -moz-box-sizing : border-box; display: inline-block ; background-position: center center ; background-size: cover ; background-repeat: no-repeat ; float: left }
.wsg_noteimage-wrapper { margin: 0; border: solid 0px ; box-sizing : border-box ; -moz-box-sizing : border-box; display: inline-block ; float: left ; position: relative }
.wsg_noteimage-wrapper .wsg_noteimage { width: 100% ; padding-bottom: 100% ; float: none ; position: relative ; z-index: 1 }
.wsg_noteimage-wrapper a { position: relative }

/* ancienne version de wsg_zoombutton à conserver ! */
.wsg_zoombutton { position: absolute; top: 10px; left: 10px; display:none;}
.wsg_zoombutton2 { position: absolute; top: 0px; left: 0px; display:none; background:rgba(0,0,0,0.4); padding:8px ; cursor: pointer }
.wsg_zoombutton2 .font-q-sn { color:#ffffff; font-size:22px;line-height:22px;font-weight:bold ; position : relative ; top : 0px ; left : 0px ; overflow : hidden ; cursor: pointer }

.img_href_text { padding-left: 5px; }
#wsg_fsm{ position:absolute; top: 30px; left: 0; padding: 8px; background-color: #FFF; border: solid 1px #333; cursor: pointer; }
#wsg_fsm img { cursor: pointer; }
.wsg_v6_footer { position : absolute; bottom: 0; right : 0 }
.wsg_v6_footer .qlubcontainer_signature { text-align: right }
.wsg_v6_sharelinks { position:relative }
.wsg_readmore { position: absolute; bottom: 0 ; left :auto ; display:none; cursor:pointer; white-space:nowrap }
.wsg_content_lastline, .wsg_content_lastline .wsg_readmore, .wsg_content_lastline .wsg_v6_footer { position: relative; visibility : hidden }

/* WYSIWYG */

.wsg_palettebarimgnew, .wsg_palettebarimgdelete, .wsg_palettebarimgedit, .wsg_palettebarimgalign, .wsg_palettebarimgshrink { display: none }

.wsg_palette { font-family: Lato, sans-serif ; text-align: left; background-color: #ffffff; color: #000; overflow: hidden; border-top : 1px solid #aaa; border-bottom : 1px solid #ddd; min-width : 620px }
.wsg_palettebar { float: left; padding: 2px 0; overflow: hidden }
.wsg_palettebarimgoptions { height : 70px; overflow:hidden }
.wsg_palette_scroll { position : absolute; top : 0; width : 100% }

.wsg_palettebarimgnew { padding : 15px; }
.wsg_palettebarimgnew a:link, .wsg_palettebarimgnew a:visited, .wsg_palettebarimgnew a:active, .wsg_paletteactions a:link, .wsg_paletteactions a:visited, .wsg_paletteactions a:active { color: #000; text-decoration: none;  white-space: nowrap; vertical-align : middle; font-size : 12px }
.wsg_palettebarimgnew span.paletteaction, .wsg_paletteactions span.paletteaction { color: #000; text-decoration: none;  white-space: nowrap; vertical-align : middle; font-size : 12px ; cursor: pointer ; position: relative }
.wsg_palettebarimgnew a:hover, .wsg_paletteactions a:hover, .wsg_palettebarimgnew span.paletteaction:hover, .wsg_paletteactions span.paletteaction:hover { color : #1479fc }
.wsg_palettebarimgnew a span, .wsg_paletteactions a span, .wsg_palettebarimgnew span.paletteaction span, .wsg_paletteactions span.paletteaction span { vertical-align: middle }
.wsg_palettebarimgnew a span.font-q-sn, .wsg_paletteactions a span.font-q-i, .wsg_palettebarimgnew span.paletteaction span.icon-font, .wsg_paletteactions span.paletteaction span.icon-font { color : #1479fc; margin-right: 6px; font-size : 14px }

.wsg_imageedit { display:inline-block; margin : 0; width : 70px; height : 70px; overflow:hidden; background-size : cover; background-repeat: no-repeat; background-position: center center; vertical-align: top;  }
.wsg_palettebarimgedit { display : inline-block; position:relative; padding : 15px; height:70px; background:#fff; vertical-align:top; }
.wsg_paletteitem { display : inline-block; margin-right : 15px; font-size : 12px; cursor : pointer; vertical-align: top; padding-top: 20px }
.skexpert .wsg_paletteitem { padding-top: 6px }
.wsg_paletteactions3 { display: none }
.skexpert .wsg_paletteactions3 { display: block }
.wsg_imgalt.wsg_paletteitem { padding-top: 0px }
.wsg_paletteitem_title { color : #000000; vertical-align:middle; line-height : 100% }
.wsg_paletteitem_arrow { color : #c8c8c8; margin-left: 6px; font-size: 10px; font-weight : bold; vertical-align: middle; line-height : 100% }
.wsg_paletteitem_value { color : #c8c8c8; max-width : 80px; overflow: hidden; text-overflow : ellipsis; font-weight : 300; white-space : nowrap }
.wsg_imgalt .wsg_paletteitem_value { max-width : 100px }
.wsg_paletteactions { height: 70px; display : table-cell; vertical-align : middle; }
.wsg_paletteactions a { margin-right : 15px }


/*
.wsg_palettebar a:hover, .wsg_palettebar a:active { background-color: #fff3b4; border: solid 1px #AAA; }
.wsg_palettebar a.radio:link, .wsg_palettebar a.radio:visited, .wsg_palettebar a.radio:hover, .wsg_palettebar a.radio:active { background-color: #EEE; color: #000; text-decoration: none; margin: 0; padding: 1px; border-style: none; white-space: nowrap }
.wsg_palette .off img { background-image: url('/images/circle6in9black.png' ) ; }
.wsg_palette .on img { background-image: url('/images/ccircle6in9black.png' ) ;  }

.wsg_palette_div a:link, .wsg_palette_div a:visited, .wsg_palette_div a:hover, .wsg_palette_div a:active { color: #000; text-decoration: none; margin: 0; padding: 1px 3px 2px 3px; border: solid 1px #CCC; white-space: nowrap }
.wsg_palette_div a:hover, .wsg_palette_div a:active { background-color: #fff3b4; border: solid 1px #AAA; }
.wsg_palette_div a.radio:link, .wsg_palette_div a.radio:visited, .wsg_palette_div a.radio:hover, .wsg_palette_div a.radio:active { background-color: #EEE; color: #000; text-decoration: none; margin: 0; padding: 1px; border-style: none; white-space: nowrap }

.wsg_palette_opener { color: #333; line-height: 16px; cursor: pointer }

.wsg_palette .button-click { background-color: #fff; border: 1px solid buttonshadow; padding: 1px; }

.wsg_palette .button { width: 18px; height: 18px; background-color: #EEE; border: 1px solid #AAA; cursor: pointer; }
.wsg_palette .button_hover { width: 18px; height: 18px; background-color: #fff3b4; border-style: solid; border-width: 1px; border-color: #777 #FFF #FFF #777; cursor: pointer; }
.wsg_palette .wsgbutton { width: 18px; height: 18px; background-color: #EEE; border: 1px solid #AAA; cursor: pointer; }
.wsg_palette .wsgbutton_hover { width: 18px; height: 18px; background-color: #fff3b4; border-style: solid; border-width: 1px; border-color: #777 #FFF #FFF #777; cursor: pointer; }
.wsg_palette .separator { position: relative; width: 9px; }
.wsg_palette .buttonspacer { position: relative; width: 3px; }

.wsg_palettesgroup { white-space : nowrap }
.wsg_palettespaceseparator { padding : 0 4px 0 0 ; margin : 0 ; font-size : 0 }
.wsg_palettesgroup img { margin : 0px 2px ; margin-top : 6px }
.wsg_palettesgroup select { margin-top : 6px }

.wsg_palette .linkicon { width: 18px; height: 18px; line-height : 18px ; background-color: #EEE; border: 1px solid #EEE; background-image:url(/services/wsg/images/wsg_icons.gif); background-position:-522px 0px; background-repeat : no-repeat ; cursor: default }
.wsg_palette .linktxt { overflow : hidden ; text-overflow : word ; height: 18px; line-height : 18px }
.wsg_palette .imgicon { width: 18px; height: 18px; background-color: #EEE; border: 1px solid #EEE; background-image:url(/services/wsg/images/wsg_icons.gif); background-position:0px 0px; cursor: default }

.wsg_textforecolormenu { margin: 5px 5px 0px 5px ; padding: 5px; border: solid 1px #666; background-color: #EEE; display: none }
.wsg_textforecolormenu div { white-space: nowrap; font-size: 11px; color: #000; line-height: 16px }
.wsg_textforecolormenu table td img { position: relative; width: 14px; height: 14px; border: solid 1px #999; cursor: pointer }

.wsg_textbackcolormenu { margin: 5px 5px 0px 5px ; padding: 5px; border: solid 1px #666; background-color: #EEE; display: none }
.wsg_textbackcolormenu div { white-space: nowrap; font-size: 11px; color: #000; line-height: 16px }
.wsg_textbackcolormenu table td img { position: relative; width: 14px; height: 14px; border: solid 1px #999; cursor: pointer }

.wsg_textforecolormenu table { border-collapse : collapse }
.wsg_linkpane { position: absolute; padding: 8px; border-style: solid solid solid solid; border-width: 1px; border-color: #777 #333 #333 #777; background-color: #EEE; display : none }
.wsg_linkpane div { white-space: nowrap; padding: 5px 0 }
.wsg_palettebar select { background-color: #FFF; color: #000; font-family: Arial, sans serif; font-size: 11px; border: 1px solid #AAA }
.wsg_linkpane input { width: 180px; background-color: #FFF; color: #000; font-family: Arial, sans serif; font-size: 11px; border: 1px solid #AAA }
.wsg_linkpane a:link, .wsg_linkpane a:visited, .wsg_linkpane a:hover, .wsg_linkpane a:active { color: #000; text-decoration: none; margin: 0; padding: 1px 3px 2px 3px; border: solid 1px #CCC; white-space: nowrap }
.wsg_linkpane a:hover, .wsg_linkpane a:active { background-color: #fff3b4; border: solid 1px #AAA; }
*/

/* width et height des images en inline-style sinon un post traitement casse le ratio des images*/
.wsg_facebook { padding: 3px ; cursor: pointer ; display: none }
.wsg_twitter { padding: 3px ; cursor: pointer ; display: none }
.wsg_maillink { padding: 4px ; cursor: pointer ; display: none }
.wsg_printlink { padding: 4px ; cursor: pointer ; display: none }

.wsg_v6_sharelinks a {font-family: q-i ;  margin-left:5px; font-size:14px}
.wsg_v6_sharelinks a:hover { text-decoration : none }
.wsg_v6_sharelinks span.wsg_sharelegend { font-size:13px}
.wsg_v6_sharelinks span.wsg_bullet { font-size: 14px; margin : 0 5px }

.wsg_editshareicon { font-family: q-i ; margin-left:5px; font-size:14px; color : #666 }
.wsgbottom_titlerss, .wsgbottom_daterss { color : #1479fc; cursor :pointer; display :none; margin-left:8px }
.wsgbottom_showrss_wrapper { display: inline-block;vertical-align: top }
.wsgbottom_showrss_td { padding-right: 6px }
.wsgbottom_titlerss_value { font-weight: bold ; max-width: 100px ; text-overflow: ellipsis ; display: inline-block; white-space: nowrap }
.wsgbottom_daterss_value { font-weight: bold }

.wsg_legend { position: absolute; left : 0; width : 100%; top:0; text-align:center ; box-sizing: border-box ; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual }
.wsg_legend_center {
	background-color: rgba( 0,0,0,0.35);
	height:100% ;
	position: absolute ;
	width: 100% ;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
.wsg_legend_bottom { 
	height : 100%;
	position: absolute ;
	width: 100% ;
	background : -webkit-linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	background : -o-linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	background : -moz-linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	background : -ms-linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	background : linear-gradient( 180deg, transparent 50%, rgba( 0,0,0,0.65 ) 100% ) ;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
.wsg_over_effect:hover .wsg_legend_center { background-color: rgba( 0,0,0,0.6); cursor:pointer }
.wsg_over_effect:hover .wsg_legend_bottom {
	background-color : rgba( 0,0,0,0.35) ;
	cursor:pointer;
}
.wsg_legend_outright, .wsg_legend_outleft { position: relative ; font-style: italic }
.wsg_legend_outleft { text-align: left }
.wsg_legend_outright { text-align: right }

.wsg_readmore_close, .wsg_readmore_content { display: none }

.wsg_content_html-v6 { text-align: justify }
.nohyphens .wsg_content_html-v6 { text-align: initial }

#q_editsnmask .wsg_changeimg.show-writeonly { border-bottom: dotted 2px #C82619 }

.wsg-img-wrapper { position: absolute ; top: 0px ; left: 0px ; width: 100% ; height: 100% ; overflow: hidden ; opacity: 0 ; z-index: 0 }
.wsg-showmore-content, .wsg-showless-link { display: none }

.wsg_content-v6 a.swiper-tab { text-decoration: none }

.wsg_content-v6 .custom-form-select { display: inline-block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; background-image: url(/images/arrow_select.jpg ); background-position: center right; background-repeat: no-repeat; position: relative; top: 0; left: 0; overflow: hidden; cursor: pointer;}
.wsg_content-v6 select.cform { position: absolute ; top: 0; left: 0 ; z-index: 10 ; height: 100% ; width: 100% ; opacity: 0 }
.wsg_content-v6 .custom-form-wrapper { display: inline-block; position: relative; vertical-align: middle; width:100% }

.fullheightimage-model .wsg_content-v6 { display: table-row }
.fullheightimage-model .wsg_noteimage-wrapper { display: table-cell ; float: none !important ; vertical-align: top }
.fullheightimage-model .wsg_content_html { display: table-cell ; vertical-align: top }

/* old version 5
********************************************************/
.wsg_sharelinks { position: relative ; left: 0px ; top: 0px ; height: 0px }
.wsg_sharelinks img { position: relative ; top: -24px }

