html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
ul{padding-inline-start:40px;margin-block-start:1em;margin-block-end:1em}
*{box-sizing:border-box}
input.system-openid,input.com-system-openid{background:url(//openid.net/images/login-bg.gif) no-repeat;background-color:var(--fond_wrapper);background-position:0;color:#000;padding-left:18px}
.system-unpublished{background:#e8edf1;border-top:4px solid #c4d3df;border-bottom:4px solid #c4d3df}
#system-message{margin-bottom:10px;padding:0;display:none}
#system-message dt{font-weight:700}
#system-message dd{margin:0;font-weight:700;text-indent:30px}
#system-message dd ul{color:#05b;margin-bottom:10px;list-style:none;padding:10px;border-top:3px solid #84a7db;border-bottom:3px solid #84a7db}
#system-message dt.message{display:none}
#system-message dt.error{display:none}
#system-message dd.error ul{color:#c00;background-color:#e6c0c0;border-top:3px solid #de7a7b;border-bottom:3px solid #de7a7b}
#system-message dt.notice{display:none}
#system-message dd.notice ul{color:#c00;background:#efe7b8;border-top:3px solid #f0dc7e;border-bottom:3px solid #f0dc7e}
#system-debug{color:#999;background-color:var(--fond_wrapper);padding:10px;margin:10px}
#system-debug div{font-size:11px}
#editor-xtd-buttons{padding:5px;margin-left:160px}
.button2-left,.button2-right,.button2-left div,.button2-right div{float:left}
.button2-left a,.button2-right a,.button2-left span,.button2-right span{display:block;height:22px;float:left;line-height:22px;font-size:11px;color:#666;cursor:pointer}
.button2-left span,.button2-right span{cursor:default;color:#999}
.button2-left .page a,.button2-right .page a,.button2-left .page span,.button2-right .page span{padding:0 6px}
.page span{color:#000;font-weight:700}
.button2-left a:hover,.button2-right a:hover{text-decoration:none;color:#0b55c4}
.button2-left a,.button2-left span{padding:0 24px 0 6px}
.button2-right a,.button2-right span{padding:0 6px 0 24px}
.button2-left{background:url(../../system/images/j_button2_left.png) no-repeat;float:left;margin-left:5px}
.button2-right{background:url(../../system/images/j_button2_right.png) 100% 0 no-repeat;float:left;margin-left:5px}
.button2-left .image{background:url(../../system/images/j_button2_image.png) 100% 0 no-repeat}
.button2-left .readmore{background:url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat}
.button2-left .pagebreak{background:url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat}
.button2-left .blank{background:url(../../system/images/j_button2_blank.png) 100% 0 no-repeat}
div.tooltip{float:left;background:#ffc;border:1px solid #d4d5aa;padding:5px;max-width:200px;z-index:13000}
div.tooltip h4{padding:0;margin:0;font-size:95%;font-weight:700;margin-top:-15px;padding-top:15px;padding-bottom:5px;background:url(../../system/images/selector-arrow.png) no-repeat}
div.tooltip p{font-size:90%;margin:0}
.img_caption.left{float:left;margin-right:1em}
.img_caption.right{float:right;margin-left:1em}
.img_caption.left p{clear:left;text-align:center}
.img_caption.right p{clear:right;text-align:center}
.img_caption{text-align:center!important}
.img_caption.none{margin-left:auto;margin-right:auto}
.caption.left{float:left;margin-right:1em}
.caption.right{float:right;margin-left:1em}
.caption.left p{clear:left;text-align:center}
.caption.right p{clear:right;text-align:center}
.caption.none{margin-left:auto;margin-right:auto}
.caption{text-align:center!important}
a img.calendar{width:16px;height:16px;margin-left:3px;background:url(../../system/images/calendar.png) no-repeat;cursor:pointer;vertical-align:middle}
html{height:100%;margin-bottom:0}
form{margin:0;padding:0}
img,table{border:none}
a:link,a:visited{text-decoration:none;color:var(--bleu_sombre)}
body.dark-mode a:link,body.dark-mode a:visited{color:#fff}
a:hover{text-decoration:underline;color:#0b3768}
input.button{cursor:pointer}
p{margin-top:0;margin-bottom:5px}
div.center{text-align:center}
#wrapper{margin-left:auto;margin-right:auto}
#logo{float:left;padding:0;width:600px;text-align:left;margin-top:8px}
#logo p{margin:20px 0;padding:0;text-align:center;font-size:1.5em;color:var(--texte_logo);line-height:1.8em}
#logo a,#logo a:link,#logo a:hover{font-size:3.5em;color:var(--texte_logo);text-decoration:none;font-family:Forte,sans-serif}
@font-face{font-family:'Forte';src:url(https://www.si-on-sortait.fr/templates/police/forte.ttf) format('truetype');font-weight:400;font-style:normal}
.initiale{font-size:120%;text-shadow:-2px -4px 3px var(--orange_clair)}
#top{color:#fff;margin:0}
#top p{margin:0}
#connect{height:150px;width:120px;float:left;padding-top:15px}
#invitations,#blocInscriptions,#deblocInscriptions,#mailInscrits,#inscrire,#interesse,#btncovoiturage,#btnExportInscrits,#partages,#dons,#affiliation div{margin:0 0 5px;padding-top:8px;clear:both}
#invitations:hover,#blocInscriptions:hover,#deblocInscriptions:hover,#inscrire:hover,#interesse:hover,#btncovoiturage:hover,#btnExportInscrits:hover,#mailInscrits:hover,#partages:hover,#affiliation div:hover{transform:perspective(500px) translate3d(0,0,100px);transition:0.7s}
#invitations,#mailInscrits{clear:both}
#mailInscrits,#btncovoiturage,#btnExportInscrits{height:3rem}
#fish{height:135px;float:left;padding-top:30px;margin-right:50px}
#invitations span,#partages span,#blocInscriptions span,#deblocInscriptions span,#mailInscrits span,#inscrire span,#interesse span,#btncovoiturage span,#btnExportInscrits span,#connect span,#localisation span,#fish span,#dons span,#affiliation div span{padding:.4em .6em;text-align:center;font-size:1.2em;background:#ff9100;border-radius:.6em;display:block}
#blocInscriptions span{background:red}
#deblocInscriptions span{background:#0f0}
#inscrire span{background:var(--bleu_sombre)}
#interesse span{background:#45b5ec}
#inscrire a,#interesse a,#affiliation a{color:#fff}
#fish span{font-size:2em}
#affiliation div,#PourQui div{width:250px;padding:0 30px;margin:5px auto}
#affiliation div{height:auto}
#affiliation div span{display:block;padding-right:100px;background-image:url(//img.si-on-sortait.fr/partner/amazon3.jpg);background-position:100%;background-repeat:no-repeat}
#newsflash{width:auto;margin-left:350px;margin-right:30px;border:1px solid #00f}
#tabarea{position:absolute;top:150px;width:1200px;background:var(--fond_menu_sombre);border-radius:10px}
footer{text-align:center;font-size:.90em;color:#aaa;margin-top:10px}
footer a:link,footer a:visited{color:#999}
#pathway{padding:0 10px 8px;width:auto;margin-right:250px;text-align:left}
#search{float:right;width:320px;margin-top:-20px;margin-right:20px;height:40px;overflow:hidden;text-align:right}
#area{padding:20px 5px 0;width:auto;opacity:90%}
#area:hover{opacity:100%}
#leftcolumn{float:right;width:250px;margin:0}
#maincolumn{position:relative;float:left;width:920px;background-color:#fff;background-color:var(--fond_cadres_droite);border-radius:10px}
div.nopad{padding:0}
div.offline{background:#fffebb;width:100%;position:absolute;top:0;left:0;font-size:1.2em;padding:5px}
span.pathway{display:block;margin:0 20px;height:16px;line-height:16px;overflow:hidden}
div.componentheading{padding-left:0}
h3,.componentheading,.moduletable th,legend{margin:0;font-weight:700;color:var(--fond_header);font-size:1.4em;padding-left:0;margin-bottom:10px;text-align:left}
.small{font-size:.90em;color:#999;font-weight:400;text-align:left}
.articleinfo{height:1.5em}
.modifydate,.createdate{font-size:.90em;color:#999;font-weight:400;text-align:center}
.createdate{float:left}
.modifydate{float:right}
a.readon{margin-top:10px;display:block;float:left;background:url(../images/mw_readon.png) 100% 0 no-repeat;padding-right:20px;line-height:14px;height:16px}
.invalid{border-color:red}
label.invalid{color:red}
.ol-foreground,.ol_text{background-color:#f0f0f0}
.ol-background,.ol_border{background-color:#346bac}
.ol-textfont,.ol_text{font-size:10px;text-align:center}
.ol-captionfont,.ol_caption{font-size:12px;color:var(--texte_menu);font-weight:700}
.ol-captionfont a{color:#0b55c4;text-decoration:none;font-size:12px}
#overDiv img{text-align:center}
#overDiv h2{text-align:center}
#overDiv p{text-align:center}
#overDiv p.aide{text-align:left}
a.mainlevel:link,a.mainlevel:visited{padding-left:5px}
a.mainlevel:hover{}
span.article_separator{display:block;height:20px}
.article_column{padding-right:5px}
.column_separator{border-left:1px dashed #e0e0e0;padding-left:10px}
td.buttonheading{}
.clr{clear:both}
div#maindivider{border-top:1px solid #ddd;margin-bottom:10px;overflow:hidden;height:1px}
table.blog span.article_separator{display:block;height:20px}
table.contenttoc{margin:5px;border:1px solid #ccc;padding:5px}
table.contenttoc td{padding:0 5px}
td.sectiontableheader{background:#efefef;color:#333;font-weight:700;padding:4px;border-right:1px solid #fff}
.sectiontableentry0 td,.sectiontableentry1 td,.sectiontableentry2 td{padding:4px}
td.sectiontableentry0,td.sectiontableentry1,td.sectiontableentry2{padding:3px}
h1,h2,h3,h4{font-size:2em;line-height:1;font-weight:700;color:#06569d;text-align:center;margin:0 0 20px}
body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4{color:#44a0f2}
h2,h3,h4{font-size:1.4em;text-align:left;margin:15px 0 12px}
h3,h4{font-size:1em;font-weight:400;margin:5px 0 6px}
.highlight{background-color:#fffebb}
table.user1user2 div.moduletable{margin-bottom:0}
div.moduletable,div.module{margin-bottom:25px}
div.module_menu{margin:0;padding:0;margin-bottom:15px}
div.module_menu div div div{padding:0;padding-top:30px;padding-bottom:10px;width:auto}
div.module_menu div div div div{background:none;padding:0}
div.module_menu ul{margin:10px 0;padding-left:10px;list-style:none}
div.module_menu li{margin:0;padding:0}
div.module_menu li a:link,div.module_menu li a:visited{font-weight:700;background:url(../images/blue/bullet2.jpg) no-repeat;padding:2px 0 2px 25px;line-height:24px}
#leftcolumn div.moduletable{width:auto;font-size:13px;background-color:var(--fond_cadres_droite);border-radius:var(--arrondi_bloc) var(--arrondi_bloc) var(--arrondi_bloc2) var(--arrondi_bloc2)}
#leftcolumn h3,.prochainesSorties h3{margin:0;color:#fefefe!important;font-weight:700!important;font-size:1.1em!important;padding:2px 0 2px 10px;line-height:20px;text-align:left;background:url(../images/menu_t.jpg) repeat-x}
#leftcolumn #leftcolumn .moduletable,#leftcolumn .moduletable_text,#leftcolumn .c{margin:0 0 20px;padding:3px;border:1px solid #ccc;background:#fefefe}
#leftcolumn .moduletable ul{padding:0;list-style:none;max-width:130px}
#leftcolumn .moduletable ul.mod_login{max-width:125px}
#leftcolumn .moduletable ul.mod_login2{max-width:250px;margin:0;padding:0 0 0 5px}
#leftcolumn .moduletable li{margin:0;padding:0 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
table.adminform textarea{width:540px;height:400px;font-size:1em;color:#009}
div.search input{width:145px;border:1px solid #ccc;margin:15px 0 10px}
#mod_loginform label{display:block}
#mod_loginform{margin:0;font-size:12px;width:160px;margin-left:120px}
div.mosimage{margin:5px}
div.mosimage_caption{font-size:.90em;color:#666}
div.caption{padding:0 10px}
div.caption img{border:1px solid #ccc}
div.caption p{font-size:.90em;color:#666;text-align:center}
table.paramlist{margin-top:5px}
table.paramlist td.paramlist_key{width:128px;text-align:left;height:30px}
div.message{font-weight:700;font-size:14px;color:#c30;text-align:center;width:auto;background-color:#f9f9f9;border:solid 1px #d5d5d5;margin:3px 0 10px;padding:3px 20px}
.pagination span{padding:2px}
.pagination a{padding:2px}
.pollstableborder td{text-align:left}
fieldset{border:1px solid #ccc;margin-top:15px;padding:15px}
legend{margin:0;padding:0 10px}
td.key{border-bottom:1px solid #eee;color:#666}
.tool-tip{float:left;background:#f0f0f0;border:1px solid var(--orange_sombre);padding:0;min-width:150px;max-width:250px;text-align:center}
body.dark-mode .tool-tip{background:#444}
.tool-title{background:var(--orange_sombre);padding:2px;margin:0;font-size:100%;font-weight:700;color:var(--texte_menu)}
.tool-text{font-size:100%;margin:0;padding:2px}
.tool-tip h4{font-size:120%;text-align:center}
#system-message dd.message ul{background:#c3d2e5 url(../../images/notice-info.png) 4px no-repeat}
body{--blanc:#fff;--noir:#000;--gris:#434343;--bleu_sombre:#06569d;--bleu_clair:#177fb2;--bleu_blanc:#deeff4;--orange_sombre:#ff9000;--orange_sombre:#ff7f00;--orange_clair:#fff7eb;--jaune:#fffb87;--fond_body:var(--blanc);--fond_wrapper:transparent;--fond_cadre:var(--blanc);--fond_menu_clair:var(--bleu_clair);--fond_menu_sombre:var(--bleu_sombre);--fond_menu_clair:var(--orange_clair);--fond_menu_sombre:var(--orange_sombre);--texte_menu:var(--blanc);--texte_menu_actif:var(--noir);--texte_logo:var(--bleu_sombre);--texte_logo:var(--orange_sombre);--fond_header:transparent;--fond_cadres_droite:var(--bleu_blanc);--arrondi_bloc:15px;--arrondi_bloc2:10px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;line-height:1.3em;font-size:14px;color:#333;background:var(--fond_body);margin:10px auto;width:1200px;background-image:linear-gradient(rgba(0,0,0,0),rgba(255,255,255,0)),url(https://www.si-on-sortait.fr/templates/fond/printemps-2022.jpg);background-repeat:no-repeat;background-position:50%;background-attachment:fixed;background-size:100%}
body.contentpane{background:var(--blanc)}
body.dark-mode{color:#fff;background:#15282e}
div#wrapper{background:var(--fond_wrapper)}
body.dark-mode #wrapper{background:#000}
#wrapper>header{background:var(--fond_header);height:200px}
body.dark-mode #wrapper>header{background:#04325b}
input[type="checkbox"],input[type="radio"]{background:none;border:none}
.moduletable li{list-style:none}
.moduletable ul#femmes{float:left;margin:0;padding:0 0 0 5px}
.moduletable ul#hommes{float:right;margin:0;padding:0 5px 0 0}
.moduletable ul#anniversaires{max-width:max-content;margin:0;padding:0 0 0 5px}
li.pair,li.impair{width:49%}
li.pair{float:left}
li.impair{float:right}
.femmes a,#femmes a{color:#f06}
body.dark-mode .femmes a,body.dark-mode #femmes a{color:#f9a}
.hommes a,#hommes a{color:#30f}
body.dark-mode .hommes a,body.dark-mode #hommes a{color:#8de}
.chat a{font-weight:700}
a.mod_login{color:#fff}
.encadreBloc,#jc,#OuLieu{border-radius:var(--arrondi_bloc) var(--arrondi_bloc) var(--arrondi_bloc2) var(--arrondi_bloc2);margin:10px;background-color:var(--fond_cadres_droite);overflow:hidden}
.encadreBloc p,.encadreBloc ul{padding:5px}
.reservé{background-color:pink}
.sortie_normale{background-color:var(--fond_wrapper)}
body.dark-mode .sortie_normale{background-color:#000}
.participepas{background-color:rgba(238,238,238,0.6)}
body.dark-mode .participepas{background-color:rgba(238,238,238,0.1)}
.sorties_cadre.brouillon,.brouillon{background-color:rgba(251,229,63,0.5)}
.sorties_cadre.participe,.participe{background-color:rgba(141,199,251,0.5)}
body.dark-mode .participe{background-color:rgba(54,152,240,0.5)}
.sorties_cadre.interesse,.interesse{background-color:rgba(132,2195,251,0.2)}
.connect{font-weight:700}
.supprimee{background-color:rgba(64,64,64,0.5)!important;text-decoration:line-through}
.idee,.dejaInvite{background-color:rgba(137,244,200,1)!important}
body.dark-mode .idee,body.dark-mode .dejaInvite{background-color:rgba(11,162,100,1)}
.ors_date{font-style:normal;font-weight:700;font-size:1.3em;text-decoration:none;margin-top:18px}
.TB_ors_date{font-style:normal;font-weight:700;font-size:2em;text-decoration:none;margin-top:25px}
.ors_qui{float:right;display:block}
.ors_qui a,.ors_title a{color:#333;font-style:normal}
#SortieDroit{width:250px;float:right;margin:10px 5px}
#SortieGauch{width:475px;float:left;margin:10px 5px}
#Quand,#ParQui,#Ou{min-height:320px;width:280px}
#Quand,#ParQui{float:left}
#ColDroite,#UnEvenement #ColDroite{margin:0 10px 0 0;width:min-content;float:right}
#Ou{float:left}
#Tarif,#PourQui,#Organisation,#Covoiturage,#Photos,#affiliation,#meteo{width:280px;margin:10px;float:left}
#OuLieu{float:left;min-height:320px;width:280px}
#AutresLieux{float:left;min-height:300px;width:300px}
#SortieTabs{width:477px;float:left;margin:10px 2px 10px 5px}
#ColGauche,#AnnonceColGauche{float:left;width:480px;margin:0;padding:0}
#AnnonceColDroite{width:230px;margin-left:480px}
#AnnonceColDroite #Quand{min-height:100px}
#ParQui p,#Quand p,#Ou p,#OuLieu p{text-align:center}
#Quoi,#Autres,#jc,#LieuTabs{width:577px;float:left;margin:10px}
#PhotosLieux{width:395px;float:left;margin:10px 2px 10px 5px}
#Autres{width:720px}
ul.inscrits{list-style:none;margin:0 0 2em}
ul.inscrits li{clear:both}
p.interesses{margin:1em 0}
li.covoiturage>span>a{background:url(//img.si-on-sortait.fr/template/events3.png) 0 -114px no-repeat;padding-left:35px}
#carte{text-align:center}
.femmes,a.femmes:link,a.femmes:visited,a.femmes:hover{color:#f06}
.hommes,a.hommes:link,a.hommes:visited,a.hommes:hover{color:#00f}
.sorties_label{margin:0 8px}
.inscritsdate{width:120px;float:right;text-align:right}
.center{text-align:center}
#UneSortie,#UnEvenement{width:100%;overflow:hidden;position:relative}
#UneSortie h1,#UneAnnonce h1,#UnEvenement h1{font-size:2em;line-height:1em;min-height:60px;width:calc(100% - 120px)}
#UnEvenement #prochainsEvents,#UnEvenement #Autres{width:890px;clear:both}
#Quoi ul{margin-top:0;padding:5px 40px}
#Quoi p{line-height:1.1}
#Quoi img{max-width:100%;height:auto;border-radius:10px}
#affiliation img{max-width:240px;display:block;margin-left:auto;margin-right:auto}
.NomDuLieu{font-weight:700}
select#catid{width:200px}
input,select,button{font-size:12px;vertical-align:top;margin-bottom:2px;padding:2px 4px;border:1px solid #888;border-radius:5px}
#menu_sorties,#menu_lieux,#menu_groupes{margin:0;padding:0;height:70px;background-color:#f0f0f0}
body.dark-mode #menu_sorties,body.dark-mode #menu_lieux,body.dark-mode #menu_groupes{background-color:#444}
#menu_lieux{height:80px}
#menu_sorties2,#menu_membres2,#menu_lieux2,#menu_groupes2{width:calc(920px - 2 * 75px);height:70px;margin-left:150px;border-bottom:1px silver solid}
#menu_membres2{width:calc(920px - 6 * 75px);margin-left:450px}
#menu_lieux2{width:calc(770px - 8 * 70px);height:80px;margin-left:560px}
#menu_groupes2{width:calc(770px - 2 * 70px);height:70px;margin-left:140px}
#btn_sorties,#btn_agenda,#btn_jorganise,#btn_invitations,#btn_evenements{background-image:url(//img.si-on-sortait.fr/template/events1.png);background-position:0 0;background-repeat:no-repeat}
#btn_agenda{background-position:-70px 0}
#btn_jorganise{background-position:-140px 0}
#btn_invitations{background-position:-210px 0}
#btn_evenements{background-position:-275px 0}
#btn_add{background:url(//img.si-on-sortait.fr/template/events1.png) -420px 0 no-repeat}
#btn_addvcal{background:url(//img.si-on-sortait.fr/template/events1.png) -420px 0 no-repeat}
#btn_copy_idea{background:url(//img.si-on-sortait.fr/template/events1.png) -490px 0 no-repeat}
#navigation2 #btn_copy_idea{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -350px no-repeat}
#btn_copy{background:url(//img.si-on-sortait.fr/template/events1.png) -560px 0 no-repeat}
#navigation2 #btn_copy{background:url(//img.si-on-sortait.fr/template/events3.png) 5px 0 no-repeat}
#btn_editS{background:url(//img.si-on-sortait.fr/template/events1.png) -630px 0 no-repeat}
#navigation2 #btn_editS{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -50px no-repeat}
#btn_covoiturage{background:url(//img.si-on-sortait.fr/template/events1.png) -700px 0 no-repeat}
#navigation2 #btn_covoiturage{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -100px no-repeat}
#btn_covoiturage2{background:url(//img.si-on-sortait.fr/template/events1.png) -700px 0 no-repeat;opacity:.5;cursor:default}
#navigation2 #btn_covoiturage2{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -100px no-repeat;opacity:.5;cursor:default}
#btn_editinscription{background:url(//img.si-on-sortait.fr/template/events1.png) -770px 0 no-repeat}
#navigation2 #btn_editinscription{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -300px no-repeat}
#btn_photos{background:url(//img.si-on-sortait.fr/template/events1.png) -840px 0 no-repeat}
#navigation2 #btn_photos{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -200px no-repeat}
#btn_desinscription{background:url(//img.si-on-sortait.fr/template/events1.png) -910px 0 no-repeat}
#navigation2 #btn_desinscription{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -250px no-repeat}
#btn_inscription{background:url(//img.si-on-sortait.fr/template/events1.png) -980px 0 no-repeat}
#navigation2 #btn_inscription{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -150px no-repeat}
#btn_valide{background:url(//img.si-on-sortait.fr/template/events2.png) 0 -10px no-repeat}
#navigation2 #btn_valide{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -400px no-repeat}
#btn_delete{background:url(//img.si-on-sortait.fr/template/events2.png) -63px -10px no-repeat}
#navigation2 #btn_delete{background:url(//img.si-on-sortait.fr/template/events3.png) 5px -450px no-repeat}
#btn_save,#btn1,#btn2{background:url(//img.si-on-sortait.fr/template/events2.png) -132px -10px no-repeat}
#btn_save_idea{background:url(//img.si-on-sortait.fr/template/events2.png) -202px -10px no-repeat}
#btn_save_draft{background:url(//img.si-on-sortait.fr/template/events2.png) -272px -10px no-repeat}
#btn_membres,#btn_amis,#btn_rencontres,#btn_localisation,#btn_parrainage,#btn_profil{background-image:url(//img.si-on-sortait.fr/template/users.png);background-position:0 0;background-repeat:no-repeat}
#btn_amis{background-position:-75px 0}
#btn_rencontres{background-position:-150px 0}
#btn_localisation{background-position:-225px 0}
#btn_parrainage{background-position:-300px 0}
#btn_profil{background-position:-375px 0}
#btn_edit{background:url(//img.si-on-sortait.fr/template/users.png) -450px 0 no-repeat}
#btn_comment{background:url(//img.si-on-sortait.fr/template/users.png) -525px 0 no-repeat}
#btn_next{background:url(//img.si-on-sortait.fr/template/users.png) -600px 0 no-repeat}
#btn_restaurants,#btn_danser,#btn_culture,#btn_sport,#btn_pleinair,#btn_amuser,#btn_map,#btn_favoris{background-image:url(//img.si-on-sortait.fr/template/lieux.png);background-position:-75px -11px;background-repeat:no-repeat}
#btn_danser{background-position:0 -11px}
#btn_culture{background-position:-140px -11px}
#btn_sport{background-position:-210px -11px}
#btn_pleinair{background-position:-280px -11px}
#btn_amuser{background-position:-350px -11px}
#btn_map{background-position:-420px -11px}
#btn_favoris{background-position:-480px -11px}
#btn_groupes,#btn_mesgroupes{background-image:url(//img.si-on-sortait.fr/template/groups.png);background-position:0 -11px;background-repeat:no-repeat}
#btn_mesgroupes{background-position:-70px -11px}
#btn_groupes_add{background:url(//img.si-on-sortait.fr/template/groups.png) -140px -11px no-repeat}
#menu_sorties li,#menu_lieux li{list-style:none}
.sorties_cadre{width:100%;padding:5px;background-color:var(--fond_cadre);border-top:0 solid silver;border-left:1px solid silver;border-right:1px solid silver;border-bottom:1px solid silver;position:relative;clear:both}
.sorties_tab0,.sorties_tab1,.lieux_tab0,.lieux_tab1{float:left;display:block;width:80px;height:70px}
.sorties_tab2{display:block}
.lieux_tab0,.lieux_tab1{height:80px}
.sorties_tab0,.lieux_tab0{border-bottom:1px silver solid}
.sorties_tab1,.lieux_tab1{border-top:1px solid silver;border-left:1px solid silver;border-right:1px solid silver;background-color:var(--blanc)}
#menu_sorties a,#menu_lieux a,#navigationSorties a,#navigationSortiesBas a,#menu_sorties span{display:block;padding:50px 0 0;text-align:center;overflow:hidden;font-size:90%}
#navigationSorties ul,#navigationSortiesBas{float:right;list-style:none;margin:0}
.sorties_notab li{float:left;text-align:center;margin:0 6px}
.filleul{font-style:italic}
.message{color:red}
#accueil{padding:0 8px}
#facebook{width:300px;float:right;margin:0 0 10px 10px}
#photossorties{width:350px;float:left;margin:0 0 10px}
.prochainesSorties{width:500px;float:left;margin:0 0 10px 10px}
.prochainesSorties table{border:0;width:500px;table-layout:fixed;border-spacing:0;border-collapse:separate}
.prochainesSorties td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px}
.prochainesSorties th{height:0}
.td100{width:100px}
.td250{width:250px}
article.encadreBloc{padding:0 8px}
article #pourquoi p{padding:0}
article #pourquoi ul{padding:0 20px}
#lienImageAccueil{display:flex;justify-content:center;margin:5px 0}
#bonplan h1{font-size:2em;line-height:1.5em}
#bonplan h2{font-size:1.8em;line-height:1.5em}
#bonplan #ColDroite{float:right;width:460px;border:1px solid #ccc;border-radius:8px;margin:10px 5px;padding:5px}
#bonplan #ColDroite img{text-align:center}
#bonplan #ColGauche{float:left;width:160px}
#bonplan #Ou{float:right;width:225px}
#bonplan #PrixMembres,#bonplan #PrixNormal{font-size:3em;line-height:1.5em}
#bonplan #PrixNormal{font-size:2em;text-decoration:line-through}
#bonplan #Offre,#bonplan #Conditions{width:225px;float:left}
#bonplan #Offre{padding:0 10px 0 0}
#Offre ul,#Conditions ul{margin:0;padding:0 0 0 15px}
#Photos a{width:50%}
#Photos img{margin:3px 10px}
.modal_label{margin:0 8px;float:left;clear:both;width:180px}
#carousel-footer{font-size:80%;margin:0 20px}
#carousel-footer h4{color:#000}
#carousel img{border:1px solid rgba(160,160,160,0.5);box-shadow:4px 4px 12px #aaa}
body.contentpane{padding:5px;height:100%}
#choix-distance{display:inline-block;vertical-align:bottom;background:url(../images/slider.jpg) 0 8px no-repeat;height:23px;width:400px;margin:0 0 5px}
#slider-distance{background:url(../images/curseur.jpg) no-repeat;width:33px;height:23px;cursor:pointer}
form#FrontForm label{width:160px;display:block;float:left}
#GeoSuggesterContainer{position:relative;margin-top:10px}
._map_canvas{box-shadow:1px 1px 2px rgba(100,100,100,.5)}
.ValidationAjax{display:block;float:right;width:280px}
@media (max-width:799px){#stickymsg{display:none}}
#stickymsg,#coronaDiv{position:fixed;bottom:15px;right:15px;z-index:30000;opacity:.8;width:370px;height:auto;background:var(--fond_menu_sombre);color:#fff;padding:10px;border:1px solid #999;box-shadow:1px 1px 12px #555;border-radius:3px}
#coronaDiv{top:130px;bottom:auto;opacity:1;width:600px}
#coronaDiv h1{color:#fff!important}
#stickymsg p{font-size:150%;line-height:130%}
#stickymsg a{color:#fff;font-weight:700}
#stickymsg:hover{opacity:1}
#meteo p{text-align:center}
ul.menu{margin:0 auto;list-style:none;text-align:center;display:table}
.menu a{font-weight:400;padding:3px 0;color:#fefefe;text-decoration:none}
.imagegauche{float:left;margin:5px}
.imagedroite{float:right;margin:5px}
.imagecentre{display:block;clear:both;margin:5px auto}
#ProfilHaut{overflow:auto;display:flex;flex-wrap:wrap;margin:0 0 20px}
#PhotoContainer{max-width:50%;margin:0 20px 10px 0}
#PhotoContainer img{width:100%;height:auto}
#DataContainer{}
#DataContainer p{margin:5px 0}
#DataContainer span{float:right;min-width:200px;padding-left:5px}
#liens span{float:none}
.photo{box-sizing:content-box;border-radius:6px;box-shadow:0 3px 4px rgba(0,0,0,.5);border:1px solid #999}
#ProfilBas,#LieuBas{clear:both}
#LieuTabs #jc{width:380px;float:none}
#ProfilBas .current{overflow:auto}
@font-face{font-family:'icomoon';src:url(../../siteground-j15-1/fonts/icomoon.eot);src:url('../../siteground-j15-1/fonts/icomoon.eot#iefix') format('embedded-opentype'),url(../../siteground-j15-1/fonts/icomoon.woff) format('woff'),url(../../siteground-j15-1/fonts/icomoon.ttf) format('truetype'),url('../../siteground-j15-1/fonts/icomoon.svg#icomoon') format('svg');font-weight:400;font-style:normal}
[id^="panel-"],[id*=" panel-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 2px 0 0}
#panel-profil:before{content:"\e900\00a0"}
#panel-identite:before{content:"\e906\00a0"}
#panel-geo:before{content:"\e904\00a0"}
#panel-anciennes:before{content:"\f040\e905\00a0"}
#panel-prochaines:before{content:"\e905\f03e\00a0"}
#panel-photos:before{content:"\e902\00a0"}
#panel-videos:before{content:"\e902\00a0"}
#panel-groupe:before{content:"\e901\00a0"}
ul.tabs,dl.tabs{margin:0;padding:0 0 2px}
li.tab,dl.tabs dt,dl.tabs.dd{display:inline;padding:4px .6em 5px .5em;margin:0 2px 0 0;list-style:none;background-color:var(--orange_sombre);color:#fff;border:1px var(--orange_sombre) solid;border-radius:4px 4px 0 0;cursor:pointer}
li.tab.active,dl.tabs dt.open,dl.tabs.dd.open{background-color:var(--fond_body);color:var(--orange_sombre);border-bottom-color:rgba(255,255,255,1)}
div.content,div.current{margin:0 0 1em;padding:5px;background-color:var(--fond_body);border:1px var(--orange_sombre) solid}
div.current dd{margin-left:0}
.contentpane h1{margin:-5px 0 5px}
.chkbx{margin-left:160px}
.chkbx p{margin:0 0 2px}
.chkbx label{display:block;float:right;width:240px}
.album_list li{float:left;display:block;width:170px}
.album_list img{margin:8px;border:1px solid rgba(160,160,160,0.5);box-shadow:4px 4px 12px #aaa}
.album_list p{font-size:75%;margin:0;color:#333;text-align:center}
ul.album_list{list-style:none}
#LesTroisPhotos{width:390px}
#bigPic{width:260px;height:260px;background-color:var(--fond_wrapper);margin:10px 0 0 20px;position:relative;overflow:hidden;border:1px solid rgba(160,160,160,0.5);box-shadow:4px 4px 12px #aaa}
#bigPic img{position:absolute;display:none;visibility:hidden;z-index:1}
ul#vignettes{float:right;width:100px;margin-left:200px;display:block}
#vignettes li.active{border:1px solid #039}
#vignettes,#vignettes li{margin:0;padding:0;list-style:none}
#vignettes li{display:block;float:left;width:80px;height:80px;overflow:hidden;position:relative;margin-bottom:10px;border:1px solid #ccc;cursor:pointer}
#vignettes img{float:left;width:80px;height:80px;line-height:80px;overflow:hidden;position:relative;z-index:1}
div .ninjarss{text-align:center}
.w500{width:500px!important}
.w400{width:400px!important}
.w300{width:300px!important}
.w250{display:inline-block;width:250px!important}
.w220{display:inline-block;width:220px!important}
.w200{display:inline-block;width:200px!important}
.w180{display:inline-block;width:180px!important}
.w160{display:inline-block;width:160px!important}
.w150{display:inline-block;width:150px!important}
.w140{display:inline-block;width:140px!important}
.w120{display:inline-block;width:160px!important}
.w100{display:inline-block;width:100px!important}
.w90{display:inline-block;width:100px!important}
.w80{display:inline-block;width:80px!important}
.w50{display:inline-block;width:50px!important}
#gj_top.w100{display:inline-block;width:100%!important}
#journal{margin:10px 0;padding:0 10px}
#journal li{display:block;clear:both}
#journal li p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 0 170px}
#journal li p:first-child{width:170px;float:left;margin:0;padding:0 2px 0 0}
#criteresJournal,#criteresBP{display:grid;grid-template-columns:200px 170px 200px;grid-column-gap:0;justify-self:start;align-items:center;margin:0 auto;width:600px}
#criteresBP{grid-template-columns:80px 160px 220px 220px;width:700px}
.oblig{font-weight:700}
#reseaux-sociaux,#partages{position:absolute;width:9em;top:0;right:10px}
.boutons-sociaux{height:36px;margin:0;padding:0;width:100%}
.boutons-sociaux li{float:left;height:100%;width:50%;list-style:none;margin:0;padding:2px}
.boutons-sociaux li.rs-email a{background-color:#0a88ff}
.boutons-sociaux li.rs-email a:hover{background-color:#006ed6}
.boutons-sociaux li.rs-facebook a{background-color:#346bac}
.boutons-sociaux li.rs-facebook a:hover{background-color:#244872}
.boutons-sociaux li.rs-twitter a{background-color:#26c4f1}
.boutons-sociaux li.rs-twitter a:hover{background-color:#0eaad6}
.boutons-sociaux li.rs-googleplus a{background-color:#e93f2e}
.boutons-sociaux li.rs-googleplus a:hover{background-color:#ce2616}
.boutons-sociaux li a{border-radius:3px;display:block;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;transition:background-color .5s ease-in-out;width:100%}
.rs-icon{display:block;left:8px;padding-top:6px;position:absolute;top:0;width:10%}
.rs-icon svg{height:21px}
.rs-icon svg path{fill:var(--blanc)}
.menu,.menu ul,.menu li,.menu a{margin:0;padding:0;border:none;outline:none;text-align:left}
.menu{height:40px;margin-right:auto;margin-left:auto;border-radius:8px}
.menu li{position:relative;list-style:none;float:left;display:block;height:40px}
.menu li a,.menu li span.separator{display:block;padding:0 14px;margin:6px 0;line-height:28px;text-decoration:none;color:var(--texte_menu)!important;transition:color .2s ease-in-out;border-radius:8px}
.menu li:first-child a{border-left:none}
.menu li:last-child a{border-right:none}
.menu li:hover>a,li.active a{color:var(--texte_menu_actif)!important}
.menu li li a{color:var(--texte_menu)!important}
.menu li:hover{background:var(--fond_menu_sombre);border-radius:8px 8px 0 0}
.menu ul{position:absolute;top:40px;left:0;background:var(--fond_menu_sombre);transition:opacity 0.5s ease .1s;display:none;z-index:10}
.menu li:hover>ul{display:block}
.menu ul li{height:0;overflow:hidden;padding:0 8px;transition:height .75s ease .1s}
.menu ul,.menu ul li{border-radius:0 0 8px 8px}
.menu li:hover>ul li{height:36px;overflow:visible;padding:0 8px;background:var(--fond_menu_sombre);border-radius:0 0 8px 8px}
.menu ul li a{width:145px;padding:0 8px;margin:0;border:none}
.TitreBloc{background:var(--fond_menu_sombre);border-radius:var(--arrondi_bloc) var(--arrondi_bloc) 0 0;text-align:center;color:#fefefe;font-family:Helvetica,Arial,sans-serif;font-size:1.1em;font-weight:700;line-height:20px;padding:2px 0}
#listeGroupes,#listeMesGroupes{margin:20px 0;display:flex;flex-wrap:wrap}
.listeGroupesL{display:block;width:820px}
#listeGroupes h2,#listeMesGroupes h2{width:100%;text-align:center}
#listeGroupes h3,#listeMesGroupes h3{text-align:center;color:#000;font-size:120%;font-weight:700}
#listeGroupes .descrBP,#listeMesGroupes .descrBP{min-height:160px}
#listeGroupes li,#listeMesGroupes li{margin-left:10px}
#listeGroupes .imagegauche,#listeMesGroupes .imagegauche{margin-right:20px}
#listeSorties,#listeMesSorties{margin:20px 0;width:100%;margin:0;min-height:1000px}
#listeSorties>div,#listeMesSorties>div,#listeEvents>div{clear:both;line-height:32px;width:100%;overflow:hidden}
#listeSorties>div.ors_date,#listeMesSorties>div.ors_date,#listeEvents>div.ors_date{line-height:1.2rem}
#listeEvents>div{line-height:normal}
.listeSortiesL,.groupesListe,.groupesListeT{display:flex}
.TB_listeSortiesL{display:flex;flex-wrap:wrap;width:100%;margin:5px 0}
.groupesListeT{font-weight:700}
#filtreSorties{width:270px;position:absolute;right:0;top:25px;padding:20px 0 0 10px}
#filtreBloc{position:absolute;right:10px;background-color:rgba(141,199,251,1);border-radius:13px;padding:20px 10px}
#filtreBloc .container_switch{grid-template-columns:120px 1fr}
select#catid{width:150px}
h3#btnFiltre{text-align:right;color:var(--bleu_sombre);animation:colorblink 2s infinite}
@keyframes colorblink{0%{}
50%{color:#fff}}
h3#btnFiltre:hover{cursor:pointer}
@media (max-width:800px){.TB_blocDroitLSLigne2{flex-direction:column}
.TB_distSortie{text-align:left;flex:1}}
.TB_blocDroitLS{width:calc(100% - 12em);flex:1}
.TB_blocDroitLSLigne2{flex-basis:100%;display:flex;line-height:28px;margin-right:5px}
.heureSortie{width:4em;margin-left:30px}
.TB_heureSortie{width:4em;margin-left:3em;line-height:64px;font-size:20px;padding:0 5px}
#listeMesSorties .heureSortie{margin-left:0}
.descSortie{flex:5}
.TB_descSortie{flex:5;font-size:15px}
#listeEvents .descSortie{width:calc(100% - 28em)}
#listeMesSorties .descSortie{width:calc(100% - 22.5em - 35px)}
.distSortie{width:5.8em;text-align:right;padding:0 10px 0 0}
.TB_distSortie{text-align:right;padding:0 10px 0 0}
#listeEvents .distSortie{width:20em}
.auteurSortie{flex:1;text-align:right;padding:0 5px 0 0}
.villeSortie{width:calc((100% - 13.5em - 30px) / 4);text-align:right}
.nbInvitesSortie{width:4em;text-align:right}
#listeMesSorties .nbInvitesSortie{width:10em}
.categorieSortie{width:7.5em;padding:0 5px 0 0}
.listeMembresL,.listeMembresT{display:flex}
.membresIdentifiant,.membresPrenom,.membresVille,.membresDistance,.membresInscrit,.membresLastConnect,.membresSortie{padding:2px}
.membresIdentifiant{flex:16}
.membresPrenom{flex:16}
.membresSortie{flex:25}
.membresNbRencontres{flex:8;padding:2px 4px;text-align:right}
.membresVille{flex:23}
.membresDistance{flex:10;text-align:right}
.membresInscrit,.membresFriendSince{flex:15;text-align:right}
.membresLastConnect{flex:20;text-align:right}
.listeMembresL .femmes,.listeMembresL .hommes{flex:16;padding:2px 0}
.listeMembresPrenom{flex:16;padding:2px 0}
.ListeMembresNbRencontres{flex:8;padding:2px 4px}
.listeMembresVille{flex:23;padding:2px 0}
.listeMembresSortie{flex:25;padding:2px 4px}
.listeMembresDistance{flex:10;padding:2px 0;text-align:right}
.listeMembresNbRencontres{flex:8;padding:2px;text-align:right}
.listeMembresInscrit{flex:15;padding:2px 0;text-align:right}
.listeMembresLastConnect{flex:20;padding:2px 0;text-align:right}
.groupesListe .dateBulletin,.groupesListeT .date{width:12em;padding:0 5px 0 0}
.groupesListe .titreBulletin,.groupesListeT .titre{width:40em;padding:0 5px 0 0}
.groupesListe .auteurBulletin,.statutBulletin,.groupesListeT .nom{width:10em;padding:0 5px 0 0;text-align:right}
.dateBulletin{text-align:right}
.debordePas{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cat1,.cat2,.cat3,.cat4,.cat5,.cat6,.cat7,.cat8,.cat9,.cat10,.cat11,.cat12,.cat13,.cat14,.cat15{background-image:url(//img.si-on-sortait.fr/template/categories.png);background-repeat:no-repeat;width:24px;height:30px}
.TB_cat1,.TB_cat2,.TB_cat3,.TB_cat4,.TB_cat5,.TB_cat6,.TB_cat7,.TB_cat8,.TB_cat9,.TB_cat10,.TB_cat11,.TB_cat12,.TB_cat13,.TB_cat14,.TB_cat15{background-image:url(//img.si-on-sortait.fr/template/TB_categories.png);background-repeat:no-repeat;width:24px;line-height:64px;display:flex}
.cat10{background-position:-5px -5px}
.cat11{background-position:-5px -39px}
.cat12{background-position:-5px -73px}
.cat13{background-position:-5px -107px}
.cat14{background-position:-5px -141px}
.cat15{background-position:-5px -175px}
.cat1{background-position:-5px -209px}
.cat2{background-position:-5px -243px}
.cat3{background-position:-5px -277px}
.cat4{background-position:-5px -311px}
.cat5{background-position:-5px -345px}
.cat6{background-position:-5px -379px}
.cat7{background-position:-5px -413px}
.cat8{background-position:-5px -447px}
.cat9{background-position:-5px -481px}
.TB_cat1{background-position:-5px -410px}
.TB_cat2{background-position:-5px -478px}
.TB_cat3{background-position:-5px -546px}
.TB_cat4{background-position:-5px -614px}
.TB_cat5{background-position:-5px -682px}
.TB_cat6{background-position:-5px -750px}
.TB_cat7{background-position:-5px -818px}
.TB_cat8{background-position:-5px -886px}
.TB_cat9{background-position:-5px -954px}
.TB_cat10{background-position:-5px -2px}
.TB_cat11{background-position:-5px -70px}
.TB_cat12{background-position:-5px -138px}
.TB_cat13{background-position:-5px -206px}
.TB_cat14{background-position:-5px -274px}
.TB_cat15{background-position:-5px -342px}
.editable{background-image:url(../../../components/com_sorties/images/edit24.png);background-repeat:no-repeat;width:24px;height:34px}
.validable{background-image:url(../../../components/com_sorties/images/green.png);background-repeat:no-repeat;width:24px;height:34px}
.editable a,.validable a{display:block;width:24px;height:24px}
.pagination{clear:both;text-align:center;margin:10px}
#aideRecherche{position:absolute;top:5px;right:5px}
#legende,#recherche,#rss,#legende2{display:block;background-image:url(//img.si-on-sortait.fr/template/divers.png);background-position:0 -3px;background-repeat:no-repeat;padding-left:25px;font-size:0.8rem}
#recherche{background-position:0 -36px}
#rss{background-position:0 -68px;padding-left:90px}
#divLegende,#divCriteres{padding:10px}
ul#criteres{margin:0;padding:0;list-style:none}
#criteres li{padding:1px 0}
#criteres li span{float:left;text-align:right;width:180px;margin:0 5px 0 0}
#criteres li.float{float:left;text-align:center;width:85px;margin:0 5px 0 0}
#criteres li.float span{float:left;text-align:center;width:85px;margin:0 5px 0 0}
#divAjoutAgenda{position:absolute;width:150px;left:10px;top:10px}
.accordion{padding:0;margin:2em 0;width:100%;overflow:hidden;font-size:1em;position:relative}
.accordion__title{padding:0 1em;background:#ccc;border-top:2px solid #eee;color:#222;float:left;line-height:3;height:3em;cursor:pointer;margin-right:.25em}
.no-js .accordion__title{float:none;height:auto;cursor:auto;margin:0;padding:0 2em}
.accordion__content{float:right;width:100%;margin:3em 0 0 -100%;padding:2em;background:silver}
.no-js .accordion__content{float:left;margin:0}
.accordion__title:hover,.accordion__title.active{background:silver;color:#fff}
.no-js .accordion__title:hover{background-color:#ccc;color:#222}
.accordion__title.active{border-top-color:lime}
#blogActu{display:flex;flex-flow:row wrap}
#articleComplet{flex:5 0 250px}
.listeArticles{flex:4 0 200px}
.listeArticles2{width:auto}
.ArticlesRow{overflow:hidden}
.listeArticles2 article{width:calc(50% - 25px);;float:left}
.blogitem h1{margin:10px 0 15px;font-size:1.5em;text-align:left}
article h1{margin:20px 0}
article h2{margin:10px 0 15px}
.pagenav{text-align:center;clear:both}
.pagenav_prev{margin-right:10px}
.pagenav_next{margin-left:10px}
.pagination .noPage{border:1px solid;background-color:#085ca0;color:#fff;cursor:pointer;margin:0 8px;padding:2px 5px;font-size:120%}
.pagination .actif{background-color:#cce0ff;color:#085ca0;cursor:not-allowed}
#articleComplet img,#articleComplet video{max-width:450px;height:auto}
.listeArticles img,.listeArticles video{max-width:300px;height:auto}
.listeArticles2 img,.listeArticles2 video{max-width:300px;height:auto}
div.calendar{position:relative;z-index:100;width:226px}
.calendar,.calendar table{border:1px solid #ccc;font-size:11px;color:#000;cursor:default;background:#efefef;font-family:arial,verdana,sans-serif}
.calendar .button{text-align:center;padding:2px}
.calendar thead .title{font-weight:700;text-align:center;background:#333;color:#fff;padding:2px}
.calendar thead .headrow{background:#dedede;color:#000}
.calendar thead .name{border-bottom:1px solid #ccc;padding:2px;text-align:center;color:#000}
.calendar thead .weekend{color:#f33}
.calendar thead .hilite{background:#bbb;color:#000;border:1px solid #ccc;padding:1px}
.calendar thead .active{background:#c77;padding:2px 0 0 2px}
.calendar thead .daynames{background:#ddd}
.calendar tbody .day{width:2em;text-align:right;padding:2px 4px 2px 2px}
.calendar table .wn{padding:2px 3px 2px 2px;border-right:1px solid #ccc;background:#ddd}
.calendar tbody .rowhilite td{background:#666;color:#fff}
.calendar tbody .rowhilite td.wn{background:#666;color:#fff}
.calendar tbody td.hilite{background:#999;padding:1px 3px 1px 1px;border:1px solid #666}
.calendar tbody td.active{background:#000;color:#fff;padding:2px 2px 0}
.calendar tbody td.selected{font-weight:700;border:1px solid #000;padding:1px 3px 1px 1px;background:#000;color:#fff}
.calendar tbody td.weekend{color:#f33}
.calendar tbody td.today{font-weight:700}
.calendar tbody .disabled{color:#999}
.calendar tbody .emptycell{visibility:hidden}
.calendar tbody .emptyrow{display:none}
.calendar tfoot .footrow{text-align:center;background:#ccc;color:#000}
.calendar tfoot .ttip{border-top:1px solid #ccc;background:#efefef;color:#000}
.calendar tfoot .hilite{background:#666;border:1px solid #f40;padding:1px}
.calendar tfoot .active{background:#999;padding:2px 0 0 2px}
.combo{position:absolute;display:none;top:0;left:0;width:4em;cursor:default;border:1px solid #655;background:#fff;color:#000;font-size:smaller}
.combo .label{width:100%;text-align:center}
.combo .hilite{background:#fc8}
.combo .active{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#efefef;font-weight:700}
@media (max-width:48em){.accordion{border:1px solid grey}
.accordion__title,.accordion__content{float:none;margin:0}
.accordion__title:first-child{border:none}
.accordion__title.active{border-top-color:#eee}
.accordion__title.active,.accordion__title:hover{background:#777}
.accordion__title:before{content:"+";text-align:center;width:2em;display:inline-block}
.accordion__title.active:before{content:"-"}
.overflow-scrolling{overflow-y:scroll;height:11em;padding:1em 1em 0;-webkit-overflow-scrolling:touch}
.accordion__content{position:relative;overflow:hidden;padding:0}
.no-js .accordion__content{padding:1em;overflow:auto;display:block}
.accordion__content:after{position:absolute;top:100%;left:0;width:100%;height:50px;border-radius:10px 0 0 10px / 50% 0 0 50%;box-shadow:-5px 0 10px rgba(0,0,0,0.5);content:''}}
#aideLocalisation{// width:420px;position:absolute;top:5px;left:5px}
#divLocModale{display:none;position:absolute;top:50px;left:5px;width:200px;z-index:10;width:60%;padding:5px;background-color:lightgoldenrodyellow}
#adresseUser,#localisationAuto,#choixVille{color:blue;text-decoration:underline}
#divLegendeModale{display:block;position:absolute;top:55px;right:5px;z-index:10;width:70%;padding:5px;background-color:lightgoldenrodyellow}
#divCriteresModale{display:block;position:absolute;top:25px;right:5px;z-index:10;width:100%;// background-color:lightgoldenrodyellow;font-size:90%}
#mod-overlay{display:none;z-index:5;position:fixed;top:0;left:0;background-color:lightgrey;opacity:.5;width:100%;height:100%}
ul#menuCL{display:table;margin:0;padding:0;font-size:90%}
#menuCL li{display:inline-block}
#menuCL ul{padding:0;position:absolute;left:-9999px}
#menuCL ul li{display:block}
#menuCL li:hover ul{left:auto;z-index:10}
#menuCL,#menuCL ul{box-shadow:inset 0 0 2px #333;background:var(--fond_menu_clair);color:var(--bleu_sombre)}
#menuCL li{min-width:60px;text-indent:.5em;padding:.25em .5em .25em 0}
#menuCL li:hover{background:#deeff4;color:#333}
#menuCL li li:hover{background:#deeff4;color:#333}
.cac{width:115px;display:inline-block}
.vevent abbr.dtstart{font-weight:700}
.normal{font-size:1em;color:#000;text-align:center}
.breadcrumb{list-style-type:none;margin:0 0 10px;padding-left:0;font-size:85%}
.breadcrumb li{display:inline;padding-left:2px}
figure.image{margin:5px auto;width:fit-content;padding:2px}
figure.image img{margin:2px 2px 0}
figure.image figcaption{margin:6px 8px;text-align:center;font-size:80%}
#navigation2{float:right;width:35px;margin-top:15px}
#navigation2 ul{transform:translateZ(0);transition:overflow 1.4s;margin:0;padding:0;list-style:none}
#navigation2 ul li{float:none;text-align:left;color:#1b21aa;margin:5px}
#navigation2 a,#navigation2 span{display:block;text-decoration:none;padding:15px 0 0 40px;height:40px;text-align:left}
#navigation2 a:hover{color:red}
nav>input[type=checkbox]{visibility:hidden;display:none}
nav>input:not(:checked) ~ ul{max-height:0;overflow:hidden;transition:max-height 1.4s,overflow 1.4s}
nav>input:checked ~ ul{overflow:visible;z-index:10;position:absolute;background:var(--fond_cadre);border:1px solid silver;border-top-width:0;border-radius:0 0 10px 10px;padding:5px;right:0}
#navigation2 .sorties_tab0{border-bottom:none}
nav>label{display:block;z-index:1;text-align:center;font-size:10px;line-height:1.6;color:#fff;transition:.2s transform cubic-bezier(0,1.8,1,1.2)}
nav>label:before{content:"";display:block;z-index:1;height:1.4rem;width:2rem;background-image:-webkit-gradient(linear,left top,right top,from(var(--fond_menu_sombre)),to(var(--fond_menu_sombre))),-webkit-gradient(linear,left top,right top,from(var(--fond_menu_sombre)),to(var(--fond_menu_sombre))),-webkit-gradient(linear,left top,right top,from(var(--fond_menu_sombre)),to(var(--fond_menu_sombre)));background-image:-webkit-linear-gradient(left,var(--fond_menu_sombre),var(--fond_menu_sombre)),-webkit-linear-gradient(left,var(--fond_menu_sombre),var(--fond_menu_sombre)),-webkit-linear-gradient(left,var(--fond_menu_sombre),var(--fond_menu_sombre));background-image:linear-gradient(to right,var(--fond_menu_sombre),var(--fond_menu_sombre)),linear-gradient(to right,var(--fond_menu_sombre),var(--fond_menu_sombre)),linear-gradient(to right,var(--fond_menu_sombre),var(--fond_menu_sombre));background-position:center top,center,center bottom;background-repeat:no-repeat;-webkit-background-size:2rem .3rem;background-size:2rem .3rem;margin:.8em auto 0;padding:0;outline:0;border:0;cursor:pointer;transition:.2s cubic-bezier(0,1.8,1,1.2);transition-property:background}
nav>label:after{content:"menu";color:var(--fond_menu_sombre)}
nav>input:checked + label{-webkit-transform:scale(0.8);transform:scale(0.8)}
nav>input:checked + label::before{background-position:center,center,center}
.ratingblock{display:block;margin:0 10px;font:12px"Lucida Grande",Helvetica,Arial,Sans-Serif;line-height:1.5em}
.loading{height:30px;background:url(../images/ajax-loader.gif) 100% no-repeat;margin:0 -30px}
.unit-rating{list-style:none;margin:0 0 10px;padding:0;height:30px;position:relative;background:url(../images/starrating.png) repeat-x}
.unit-rating li{text-indent:-90000px;padding:0;margin:0;float:left}
.unit-rating li a{outline:none;display:block;width:30px;height:30px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0}
.unit-rating li a:hover{background:url(../images/starrating.png) 0;z-index:2;left:0}
.unit-rating a.r1-unit{left:0}
.unit-rating a.r1-unit:hover{width:30px}
.unit-rating a.r2-unit{left:30px}
.unit-rating a.r2-unit:hover{width:60px}
.unit-rating a.r3-unit{left:60px}
.unit-rating a.r3-unit:hover{width:90px}
.unit-rating a.r4-unit{left:90px}
.unit-rating a.r4-unit:hover{width:120px}
.unit-rating a.r5-unit{left:120px}
.unit-rating a.r5-unit:hover{width:150px}
.unit-rating a.r6-unit{left:150px}
.unit-rating li.current-rating{background:url(../images/starrating.png) 0 100%;position:absolute;height:30px;display:block;text-indent:-9000px;z-index:1;padding:0}
.voted{color:#999;margin:5px 0}
.thanks{color:#36aa3d;margin:5px 0}
.static{color:#5d3126;margin:5px 0}
#cadreSaisieAlbums{width:100%}
.centre{text-align:center}
#resultatUpdate{color:red}
.promoAmzn{background-color:red;color:#fff;position:fixed;top:0;width:1000px;height:2em;font-size:18px;text-align:center;z-index:1000;padding:10px}
.promoAmzn a{color:#fff}
.promoAmzn-button{background-color:var(--fond_menu_sombre);padding:1px 5px}
#wrapper{margin-top:10px}
#tabarea{top:160px}
.container_switch{display:grid;grid-template-columns:85px 1fr;grid-column-gap:0;justify-self:start;align-items:center}
.container_switch label{float:none!important}
.container_switch .hasTip{}
.container_switch_160{grid-template-columns:160px 1fr}
.container_switch_140{grid-template-columns:140px 1fr}
.container_switch_150{grid-template-columns:150px 1fr}
.container_switch_220{grid-template-columns:220px 1fr}
.switch{position:relative;display:block;vertical-align:top;width:70px!important;height:25px;padding:3px;border-radius:13px;cursor:pointer;box-sizing:content-box}
.switch-input{position:absolute;top:0;left:0;opacity:0;box-sizing:content-box}
.switch-label{position:relative;display:block;height:inherit;font-size:10px;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,0.12),inset 0 0 2px rgba(0,0,0,0.15);box-sizing:content-box}
.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;transition:inherit;box-sizing:content-box}
.switch-label:before{content:attr(data-off);right:11px;color:#000}
.switch-label:after{content:attr(data-on);left:11px;color:#fff;opacity:0}
.switch-input:checked ~ .switch-label{background:#e1b42b;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15),inset 0 0 3px rgba(0,0,0,0.2)}
.switch-input:checked ~ .switch-label:before{opacity:0}
.switch-input:checked ~ .switch-label:after{opacity:1}
.switch-handle{position:absolute;top:4px;left:4px;width:23px;height:23px;background:linear-gradient(to bottom,#fff 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#fff 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.switch-handle:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eee,#fff);background-image:-webkit-linear-gradient(top,#eee,#fff);border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,0.02)}
.switch-input:checked ~ .switch-handle{left:48px;box-shadow:-1px 1px 5px rgba(0,0,0,0.2)}
.switch-label,.switch-handle{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease}
.switch-left-right .switch-label{overflow:hidden}
.switch-left-right .switch-label:before,.switch-left-right .switch-label:after{width:20px;height:20px;top:4px;left:0;right:0;bottom:0;padding:8px 0 0;text-indent:-12px;border-radius:20px;box-shadow:inset 0 1px 4px rgba(0,0,0,0.2),inset 0 0 3px rgba(0,0,0,0.1);color:var(--blanc);font-weight:700}
.switch-left-right .switch-label:before{background:var(--bleu_clair);text-align:left;padding-left:50px}
.switch-left-right .switch-label:after{text-align:left;text-indent:9px;background:var(--fond_menu_sombre);left:-100px;opacity:1;width:100%}
.switch-left-right .switch-input:checked ~ .switch-label:before{opacity:1;left:60px}
.switch-left-right .switch-input:checked ~ .switch-label:after{left:0}
.switch-left-right .switch-input:checked ~ .switch-label{background:inherit}
#ha{display:none}
.achatAmzn,.promoAmzn{display:block;height:auto;width:fit-content;margin:15px auto}
.achatAmzn a,.promoAmzn a{color:#fff}
.achatAmzn a:hover,.promoAmzn a:hover{text-decoration:none}
.achatAmzn span,.promoAmzn span{padding:.5em .8em;margin:.5em;display:block;text-align:center;font-size:2em;background:#ff9100;background:linear-gradient( #ff9100,#ffab3d);border-radius:.6em;box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4)}
.listeProduits{display:block;padding:5px}
#listeProduits h2{font-size:1.6em;padding:0 10px}
#listeProduits h3{font-size:1.3em;font-weight:700;text-align:center}
#listeProduits img{max-height:170px;margin-right:30px}
#descrPromos{margin-bottom:2em}
#descrPromos p{margin-bottom:.5em}
.descrBP{min-height:160px;margin:5px 10px}
.descrBP li{margin-bottom:5px}
#toc_container{background:#f6f6f6;border:1px solid #aaa;padding:10px;margin:0 5px 0 10px;width:auto;font-size:95%;float:right}
p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}
.no_bullets,.no_bullets li{list-style-type:none;list-style:none;padding:0}
#uddeim img[title="lu"]{background-color:chartreuse}
#donate-button-container,#dons{margin:5px auto 15px;text-align:center}
#dons{width:10em}