styles.css 345 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343
  1. /**
  2. * Primary Drupal Styles
  3. * Author: g-u-i.net
  4. */
  5. /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
  6. /**
  7. * 1. Set default font family to sans-serif.
  8. * 2. Prevent iOS text size adjust after orientation change, without disabling
  9. * user zoom.
  10. */
  11. @import url(../fonts/icon/foundation-icons.css);
  12. html {
  13. font-family: sans-serif;
  14. /* 1 */
  15. -ms-text-size-adjust: 100%;
  16. /* 2 */
  17. -webkit-text-size-adjust: 100%;
  18. /* 2 */ }
  19. /**
  20. * Remove default margin.
  21. */
  22. body {
  23. margin: 0; }
  24. /* HTML5 display definitions
  25. ========================================================================== */
  26. /**
  27. * Correct `block` display not defined for any HTML5 element in IE 8/9.
  28. * Correct `block` display not defined for `details` or `summary` in IE 10/11
  29. * and Firefox.
  30. * Correct `block` display not defined for `main` in IE 11.
  31. */
  32. article,
  33. aside,
  34. details,
  35. figcaption,
  36. figure,
  37. footer,
  38. header,
  39. hgroup,
  40. main,
  41. menu,
  42. nav,
  43. section,
  44. summary {
  45. display: block; }
  46. /**
  47. * 1. Correct `inline-block` display not defined in IE 8/9.
  48. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  49. */
  50. audio,
  51. canvas,
  52. progress,
  53. video {
  54. display: inline-block;
  55. /* 1 */
  56. vertical-align: baseline;
  57. /* 2 */ }
  58. /**
  59. * Prevent modern browsers from displaying `audio` without controls.
  60. * Remove excess height in iOS 5 devices.
  61. */
  62. audio:not([controls]) {
  63. display: none;
  64. height: 0; }
  65. /**
  66. * Address `[hidden]` styling not present in IE 8/9/10.
  67. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
  68. */
  69. [hidden],
  70. template {
  71. display: none; }
  72. /* Links
  73. ========================================================================== */
  74. /**
  75. * Remove the gray background color from active links in IE 10.
  76. */
  77. a {
  78. background-color: transparent; }
  79. /**
  80. * Improve readability when focused and also mouse hovered in all browsers.
  81. */
  82. a:active,
  83. a:hover {
  84. outline: 0; }
  85. /* Text-level semantics
  86. ========================================================================== */
  87. /**
  88. * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  89. */
  90. abbr[title] {
  91. border-bottom: 1px dotted; }
  92. /**
  93. * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  94. */
  95. b,
  96. strong {
  97. font-weight: bold; }
  98. /**
  99. * Address styling not present in Safari and Chrome.
  100. */
  101. dfn {
  102. font-style: italic; }
  103. /**
  104. * Address variable `h1` font-size and margin within `section` and `article`
  105. * contexts in Firefox 4+, Safari, and Chrome.
  106. */
  107. h1 {
  108. font-size: 2em;
  109. margin: 0.67em 0; }
  110. /**
  111. * Address styling not present in IE 8/9.
  112. */
  113. mark {
  114. background: #ff0;
  115. color: #000; }
  116. /**
  117. * Address inconsistent and variable font size in all browsers.
  118. */
  119. small {
  120. font-size: 80%; }
  121. /**
  122. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  123. */
  124. sub,
  125. sup {
  126. font-size: 75%;
  127. line-height: 0;
  128. position: relative;
  129. vertical-align: baseline; }
  130. sup {
  131. top: -0.5em; }
  132. sub {
  133. bottom: -0.25em; }
  134. /* Embedded content
  135. ========================================================================== */
  136. /**
  137. * Remove border when inside `a` element in IE 8/9/10.
  138. */
  139. img {
  140. border: 0; }
  141. /**
  142. * Correct overflow not hidden in IE 9/10/11.
  143. */
  144. svg:not(:root) {
  145. overflow: hidden; }
  146. /* Grouping content
  147. ========================================================================== */
  148. /**
  149. * Address margin not present in IE 8/9 and Safari.
  150. */
  151. figure {
  152. margin: 1em 40px; }
  153. /**
  154. * Address differences between Firefox and other browsers.
  155. */
  156. hr {
  157. box-sizing: content-box;
  158. height: 0; }
  159. /**
  160. * Contain overflow in all browsers.
  161. */
  162. pre {
  163. overflow: auto; }
  164. /**
  165. * Address odd `em`-unit font size rendering in all browsers.
  166. */
  167. code,
  168. kbd,
  169. pre,
  170. samp {
  171. font-family: monospace, monospace;
  172. font-size: 1em; }
  173. /* Forms
  174. ========================================================================== */
  175. /**
  176. * Known limitation: by default, Chrome and Safari on OS X allow very limited
  177. * styling of `select`, unless a `border` property is set.
  178. */
  179. /**
  180. * 1. Correct color not being inherited.
  181. * Known issue: affects color of disabled elements.
  182. * 2. Correct font properties not being inherited.
  183. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  184. */
  185. button,
  186. input,
  187. optgroup,
  188. select,
  189. textarea {
  190. color: inherit;
  191. /* 1 */
  192. font: inherit;
  193. /* 2 */
  194. margin: 0;
  195. /* 3 */ }
  196. /**
  197. * Address `overflow` set to `hidden` in IE 8/9/10/11.
  198. */
  199. button {
  200. overflow: visible; }
  201. /**
  202. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  203. * All other form control elements do not inherit `text-transform` values.
  204. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  205. * Correct `select` style inheritance in Firefox.
  206. */
  207. button,
  208. select {
  209. text-transform: none; }
  210. /**
  211. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  212. * and `video` controls.
  213. * 2. Correct inability to style clickable `input` types in iOS.
  214. * 3. Improve usability and consistency of cursor style between image-type
  215. * `input` and others.
  216. */
  217. button,
  218. html input[type="button"],
  219. input[type="reset"],
  220. input[type="submit"] {
  221. -webkit-appearance: button;
  222. /* 2 */
  223. cursor: pointer;
  224. /* 3 */ }
  225. /**
  226. * Re-set default cursor for disabled elements.
  227. */
  228. button[disabled],
  229. html input[disabled] {
  230. cursor: default; }
  231. /**
  232. * Remove inner padding and border in Firefox 4+.
  233. */
  234. button::-moz-focus-inner,
  235. input::-moz-focus-inner {
  236. border: 0;
  237. padding: 0; }
  238. /**
  239. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  240. * the UA stylesheet.
  241. */
  242. input {
  243. line-height: normal; }
  244. /**
  245. * It's recommended that you don't attempt to style these elements.
  246. * Firefox's implementation doesn't respect box-sizing, padding, or width.
  247. *
  248. * 1. Address box sizing set to `content-box` in IE 8/9/10.
  249. * 2. Remove excess padding in IE 8/9/10.
  250. */
  251. input[type="checkbox"],
  252. input[type="radio"] {
  253. box-sizing: border-box;
  254. /* 1 */
  255. padding: 0;
  256. /* 2 */ }
  257. /**
  258. * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  259. * `font-size` values of the `input`, it causes the cursor style of the
  260. * decrement button to change from `default` to `text`.
  261. */
  262. input[type="number"]::-webkit-inner-spin-button,
  263. input[type="number"]::-webkit-outer-spin-button {
  264. height: auto; }
  265. /**
  266. * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  267. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  268. * (include `-moz` to future-proof).
  269. */
  270. input[type="search"] {
  271. -webkit-appearance: textfield;
  272. /* 1 */
  273. /* 2 */
  274. box-sizing: content-box; }
  275. /**
  276. * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  277. * Safari (but not Chrome) clips the cancel button when the search input has
  278. * padding (and `textfield` appearance).
  279. */
  280. input[type="search"]::-webkit-search-cancel-button,
  281. input[type="search"]::-webkit-search-decoration {
  282. -webkit-appearance: none; }
  283. /**
  284. * Define consistent border, margin, and padding.
  285. */
  286. fieldset {
  287. border: 1px solid #c0c0c0;
  288. margin: 0 2px;
  289. padding: 0.35em 0.625em 0.75em; }
  290. /**
  291. * 1. Correct `color` not being inherited in IE 8/9/10/11.
  292. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  293. */
  294. legend {
  295. border: 0;
  296. /* 1 */
  297. padding: 0;
  298. /* 2 */ }
  299. /**
  300. * Remove default vertical scrollbar in IE 8/9/10/11.
  301. */
  302. textarea {
  303. overflow: auto; }
  304. /**
  305. * Don't inherit the `font-weight` (applied by a rule above).
  306. * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  307. */
  308. optgroup {
  309. font-weight: bold; }
  310. /* Tables
  311. ========================================================================== */
  312. /**
  313. * Remove most spacing between table cells.
  314. */
  315. table {
  316. border-collapse: collapse;
  317. border-spacing: 0; }
  318. td,
  319. th {
  320. padding: 0; }
  321. meta.foundation-version {
  322. font-family: "/5.5.1/"; }
  323. meta.foundation-mq-small {
  324. font-family: "/only screen/";
  325. width: 0; }
  326. meta.foundation-mq-small-only {
  327. font-family: "/only screen and (max-width: 40em)/";
  328. width: 0; }
  329. meta.foundation-mq-medium {
  330. font-family: "/only screen and (min-width:40.063em)/";
  331. width: 40.063em; }
  332. meta.foundation-mq-medium-only {
  333. font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
  334. width: 40.063em; }
  335. meta.foundation-mq-large {
  336. font-family: "/only screen and (min-width:64.063em)/";
  337. width: 64.063em; }
  338. meta.foundation-mq-large-only {
  339. font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
  340. width: 64.063em; }
  341. meta.foundation-mq-xlarge {
  342. font-family: "/only screen and (min-width:90.063em)/";
  343. width: 90.063em; }
  344. meta.foundation-mq-xlarge-only {
  345. font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
  346. width: 90.063em; }
  347. meta.foundation-mq-xxlarge {
  348. font-family: "/only screen and (min-width:120.063em)/";
  349. width: 120.063em; }
  350. meta.foundation-data-attribute-namespace {
  351. font-family: false; }
  352. html, body {
  353. height: 100%; }
  354. *,
  355. *:before,
  356. *:after {
  357. box-sizing: border-box; }
  358. html,
  359. body {
  360. font-size: 100%; }
  361. body {
  362. background: #fff;
  363. color: #222;
  364. padding: 0;
  365. margin: 0;
  366. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  367. font-weight: normal;
  368. font-style: normal;
  369. line-height: 1.5;
  370. position: relative;
  371. cursor: auto; }
  372. a:hover {
  373. cursor: pointer; }
  374. img {
  375. max-width: 100%;
  376. height: auto; }
  377. img {
  378. -ms-interpolation-mode: bicubic; }
  379. #map_canvas img,
  380. #map_canvas embed,
  381. #map_canvas object,
  382. .map_canvas img,
  383. .map_canvas embed,
  384. .map_canvas object {
  385. max-width: none !important; }
  386. .left {
  387. float: left !important; }
  388. .right {
  389. float: right !important; }
  390. .clearfix:before, .clearfix:after {
  391. content: " ";
  392. display: table; }
  393. .clearfix:after {
  394. clear: both; }
  395. .hide {
  396. display: none; }
  397. .invisible {
  398. visibility: hidden; }
  399. .antialiased {
  400. -webkit-font-smoothing: antialiased;
  401. -moz-osx-font-smoothing: grayscale; }
  402. img {
  403. display: inline-block;
  404. vertical-align: middle; }
  405. textarea {
  406. height: auto;
  407. min-height: 50px; }
  408. select {
  409. width: 100%; }
  410. .text-left {
  411. text-align: left !important; }
  412. .text-right {
  413. text-align: right !important; }
  414. .text-center {
  415. text-align: center !important; }
  416. .text-justify {
  417. text-align: justify !important; }
  418. @media only screen and (max-width: 40em) {
  419. .small-only-text-left {
  420. text-align: left !important; }
  421. .small-only-text-right {
  422. text-align: right !important; }
  423. .small-only-text-center {
  424. text-align: center !important; }
  425. .small-only-text-justify {
  426. text-align: justify !important; } }
  427. @media only screen {
  428. .small-text-left {
  429. text-align: left !important; }
  430. .small-text-right {
  431. text-align: right !important; }
  432. .small-text-center {
  433. text-align: center !important; }
  434. .small-text-justify {
  435. text-align: justify !important; } }
  436. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  437. .medium-only-text-left {
  438. text-align: left !important; }
  439. .medium-only-text-right {
  440. text-align: right !important; }
  441. .medium-only-text-center {
  442. text-align: center !important; }
  443. .medium-only-text-justify {
  444. text-align: justify !important; } }
  445. @media only screen and (min-width: 40.063em) {
  446. .medium-text-left {
  447. text-align: left !important; }
  448. .medium-text-right {
  449. text-align: right !important; }
  450. .medium-text-center {
  451. text-align: center !important; }
  452. .medium-text-justify {
  453. text-align: justify !important; } }
  454. @media only screen and (min-width: 64.063em) and (max-width: 90em) {
  455. .large-only-text-left {
  456. text-align: left !important; }
  457. .large-only-text-right {
  458. text-align: right !important; }
  459. .large-only-text-center {
  460. text-align: center !important; }
  461. .large-only-text-justify {
  462. text-align: justify !important; } }
  463. @media only screen and (min-width: 64.063em) {
  464. .large-text-left {
  465. text-align: left !important; }
  466. .large-text-right {
  467. text-align: right !important; }
  468. .large-text-center {
  469. text-align: center !important; }
  470. .large-text-justify {
  471. text-align: justify !important; } }
  472. @media only screen and (min-width: 90.063em) and (max-width: 120em) {
  473. .xlarge-only-text-left {
  474. text-align: left !important; }
  475. .xlarge-only-text-right {
  476. text-align: right !important; }
  477. .xlarge-only-text-center {
  478. text-align: center !important; }
  479. .xlarge-only-text-justify {
  480. text-align: justify !important; } }
  481. @media only screen and (min-width: 90.063em) {
  482. .xlarge-text-left {
  483. text-align: left !important; }
  484. .xlarge-text-right {
  485. text-align: right !important; }
  486. .xlarge-text-center {
  487. text-align: center !important; }
  488. .xlarge-text-justify {
  489. text-align: justify !important; } }
  490. @media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  491. .xxlarge-only-text-left {
  492. text-align: left !important; }
  493. .xxlarge-only-text-right {
  494. text-align: right !important; }
  495. .xxlarge-only-text-center {
  496. text-align: center !important; }
  497. .xxlarge-only-text-justify {
  498. text-align: justify !important; } }
  499. @media only screen and (min-width: 120.063em) {
  500. .xxlarge-text-left {
  501. text-align: left !important; }
  502. .xxlarge-text-right {
  503. text-align: right !important; }
  504. .xxlarge-text-center {
  505. text-align: center !important; }
  506. .xxlarge-text-justify {
  507. text-align: justify !important; } }
  508. /* Typography resets */
  509. div,
  510. dl,
  511. dt,
  512. dd,
  513. ul,
  514. ol,
  515. li,
  516. h1,
  517. h2,
  518. h3,
  519. h4,
  520. h5,
  521. h6,
  522. pre,
  523. form,
  524. p,
  525. blockquote,
  526. th,
  527. td {
  528. margin: 0;
  529. padding: 0; }
  530. /* Default Link Styles */
  531. a {
  532. color: #008CBA;
  533. text-decoration: none;
  534. line-height: inherit; }
  535. a:hover, a:focus {
  536. color: #0078a0; }
  537. a img {
  538. border: none; }
  539. /* Default paragraph styles */
  540. p {
  541. font-family: inherit;
  542. font-weight: normal;
  543. font-size: 1rem;
  544. line-height: 1.6;
  545. margin-bottom: 1.25rem;
  546. text-rendering: optimizeLegibility; }
  547. p.lead {
  548. font-size: 1.21875rem;
  549. line-height: 1.6; }
  550. p aside {
  551. font-size: 0.875rem;
  552. line-height: 1.35;
  553. font-style: italic; }
  554. /* Default header styles */
  555. h1, h2, h3, h4, h5, h6 {
  556. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  557. font-weight: normal;
  558. font-style: normal;
  559. color: #222222;
  560. text-rendering: optimizeLegibility;
  561. margin-top: 0.2rem;
  562. margin-bottom: 0.5rem;
  563. line-height: 1.4; }
  564. h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  565. font-size: 60%;
  566. color: #6f6f6f;
  567. line-height: 0; }
  568. h1 {
  569. font-size: 2.125rem; }
  570. h2 {
  571. font-size: 1.6875rem; }
  572. h3 {
  573. font-size: 1.375rem; }
  574. h4 {
  575. font-size: 1.125rem; }
  576. h5 {
  577. font-size: 1.125rem; }
  578. h6 {
  579. font-size: 1rem; }
  580. .subheader {
  581. line-height: 1.4;
  582. color: #6f6f6f;
  583. font-weight: normal;
  584. margin-top: 0.2rem;
  585. margin-bottom: 0.5rem; }
  586. hr {
  587. border: solid #DDDDDD;
  588. border-width: 1px 0 0;
  589. clear: both;
  590. margin: 1.25rem 0 1.1875rem;
  591. height: 0; }
  592. /* Helpful Typography Defaults */
  593. em,
  594. i {
  595. font-style: italic;
  596. line-height: inherit; }
  597. strong,
  598. b {
  599. font-weight: bold;
  600. line-height: inherit; }
  601. small {
  602. font-size: 60%;
  603. line-height: inherit; }
  604. code {
  605. font-family: Consolas, "Liberation Mono", Courier, monospace;
  606. font-weight: normal;
  607. color: #333333;
  608. background-color: #f8f8f8;
  609. border-width: 1px;
  610. border-style: solid;
  611. border-color: #dfdfdf;
  612. padding: 0.125rem 0.3125rem 0.0625rem; }
  613. /* Lists */
  614. ul,
  615. ol,
  616. dl {
  617. font-size: 1rem;
  618. line-height: 1.6;
  619. margin-bottom: 1.25rem;
  620. list-style-position: outside;
  621. font-family: inherit; }
  622. ul {
  623. margin-left: 1.1rem; }
  624. ul.no-bullet {
  625. margin-left: 0; }
  626. ul.no-bullet li ul,
  627. ul.no-bullet li ol {
  628. margin-left: 1.25rem;
  629. margin-bottom: 0;
  630. list-style: none; }
  631. /* Unordered Lists */
  632. ul li ul,
  633. ul li ol {
  634. margin-left: 1.25rem;
  635. margin-bottom: 0; }
  636. ul.square li ul, ul.circle li ul, ul.disc li ul {
  637. list-style: inherit; }
  638. ul.square {
  639. list-style-type: square;
  640. margin-left: 1.1rem; }
  641. ul.circle {
  642. list-style-type: circle;
  643. margin-left: 1.1rem; }
  644. ul.disc {
  645. list-style-type: disc;
  646. margin-left: 1.1rem; }
  647. ul.no-bullet {
  648. list-style: none; }
  649. /* Ordered Lists */
  650. ol {
  651. margin-left: 1.4rem; }
  652. ol li ul,
  653. ol li ol {
  654. margin-left: 1.25rem;
  655. margin-bottom: 0; }
  656. /* Definition Lists */
  657. dl dt {
  658. margin-bottom: 0.3rem;
  659. font-weight: bold; }
  660. dl dd {
  661. margin-bottom: 0.75rem; }
  662. /* Abbreviations */
  663. abbr,
  664. acronym {
  665. text-transform: uppercase;
  666. font-size: 90%;
  667. color: #222;
  668. cursor: help; }
  669. abbr {
  670. text-transform: none; }
  671. abbr[title] {
  672. border-bottom: 1px dotted #DDDDDD; }
  673. /* Blockquotes */
  674. blockquote {
  675. margin: 0 0 1.25rem;
  676. padding: 0.5625rem 1.25rem 0 1.1875rem;
  677. border-left: 1px solid #DDDDDD; }
  678. blockquote cite {
  679. display: block;
  680. font-size: 0.8125rem;
  681. color: #555555; }
  682. blockquote cite:before {
  683. content: "\2014 \0020"; }
  684. blockquote cite a,
  685. blockquote cite a:visited {
  686. color: #555555; }
  687. blockquote,
  688. blockquote p {
  689. line-height: 1.6;
  690. color: #6f6f6f; }
  691. /* Microformats */
  692. .vcard {
  693. display: inline-block;
  694. margin: 0 0 1.25rem 0;
  695. border: 1px solid #DDDDDD;
  696. padding: 0.625rem 0.75rem; }
  697. .vcard li {
  698. margin: 0;
  699. display: block; }
  700. .vcard .fn {
  701. font-weight: bold;
  702. font-size: 0.9375rem; }
  703. .vevent .summary {
  704. font-weight: bold; }
  705. .vevent abbr {
  706. cursor: default;
  707. text-decoration: none;
  708. font-weight: bold;
  709. border: none;
  710. padding: 0 0.0625rem; }
  711. @media only screen and (min-width: 40.063em) {
  712. h1, h2, h3, h4, h5, h6 {
  713. line-height: 1.4; }
  714. h1 {
  715. font-size: 2.75rem; }
  716. h2 {
  717. font-size: 2.3125rem; }
  718. h3 {
  719. font-size: 1.6875rem; }
  720. h4 {
  721. font-size: 1.4375rem; }
  722. h5 {
  723. font-size: 1.125rem; }
  724. h6 {
  725. font-size: 1rem; } }
  726. /* Clearing Styles */
  727. .clearing-thumbs, [data-clearing] {
  728. margin-bottom: 0;
  729. margin-left: 0;
  730. list-style: none; }
  731. .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
  732. content: " ";
  733. display: table; }
  734. .clearing-thumbs:after, [data-clearing]:after {
  735. clear: both; }
  736. .clearing-thumbs li, [data-clearing] li {
  737. float: left;
  738. margin-right: 10px; }
  739. .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
  740. margin-right: 0; }
  741. .clearing-blackout {
  742. background: #333333;
  743. position: fixed;
  744. width: 100%;
  745. height: 100%;
  746. top: 0;
  747. left: 0;
  748. z-index: 998; }
  749. .clearing-blackout .clearing-close {
  750. display: block; }
  751. .clearing-container {
  752. position: relative;
  753. z-index: 998;
  754. height: 100%;
  755. overflow: hidden;
  756. margin: 0; }
  757. .clearing-touch-label {
  758. position: absolute;
  759. top: 50%;
  760. left: 50%;
  761. color: #AAAAAA;
  762. font-size: 0.6em; }
  763. .visible-img {
  764. height: 95%;
  765. position: relative; }
  766. .visible-img img {
  767. position: absolute;
  768. left: 50%;
  769. top: 50%;
  770. transform: translateY(-50%) translateX(-50%);
  771. -webkit-transform: translateY(-50%) translateX(-50%);
  772. -ms-transform: translateY(-50%) translateX(-50%);
  773. max-height: 100%;
  774. max-width: 100%; }
  775. .clearing-caption {
  776. color: #CCCCCC;
  777. font-size: 0.875em;
  778. line-height: 1.3;
  779. margin-bottom: 0;
  780. text-align: center;
  781. bottom: 0;
  782. background: #333333;
  783. width: 100%;
  784. padding: 10px 30px 20px;
  785. position: absolute;
  786. left: 0; }
  787. .clearing-close {
  788. z-index: 999;
  789. padding-left: 20px;
  790. padding-top: 10px;
  791. font-size: 30px;
  792. line-height: 1;
  793. color: #CCCCCC;
  794. display: none; }
  795. .clearing-close:hover, .clearing-close:focus {
  796. color: #CCCCCC; }
  797. .clearing-assembled .clearing-container {
  798. height: 100%; }
  799. .clearing-assembled .clearing-container .carousel > ul {
  800. display: none; }
  801. .clearing-feature li {
  802. display: none; }
  803. .clearing-feature li.clearing-featured-img {
  804. display: block; }
  805. @media only screen and (min-width: 40.063em) {
  806. .clearing-main-prev,
  807. .clearing-main-next {
  808. position: absolute;
  809. height: 100%;
  810. width: 40px;
  811. top: 0; }
  812. .clearing-main-prev > span,
  813. .clearing-main-next > span {
  814. position: absolute;
  815. top: 50%;
  816. display: block;
  817. width: 0;
  818. height: 0;
  819. border: solid 12px; }
  820. .clearing-main-prev > span:hover,
  821. .clearing-main-next > span:hover {
  822. opacity: 0.8; }
  823. .clearing-main-prev {
  824. left: 0; }
  825. .clearing-main-prev > span {
  826. left: 5px;
  827. border-color: transparent;
  828. border-right-color: #CCCCCC; }
  829. .clearing-main-next {
  830. right: 0; }
  831. .clearing-main-next > span {
  832. border-color: transparent;
  833. border-left-color: #CCCCCC; }
  834. .clearing-main-prev.disabled,
  835. .clearing-main-next.disabled {
  836. opacity: 0.3; }
  837. .clearing-assembled .clearing-container .carousel {
  838. background: rgba(51, 51, 51, 0.8);
  839. height: 120px;
  840. margin-top: 10px;
  841. text-align: center; }
  842. .clearing-assembled .clearing-container .carousel > ul {
  843. display: inline-block;
  844. z-index: 999;
  845. height: 100%;
  846. position: relative;
  847. float: none; }
  848. .clearing-assembled .clearing-container .carousel > ul li {
  849. display: block;
  850. width: 120px;
  851. min-height: inherit;
  852. float: left;
  853. overflow: hidden;
  854. margin-right: 0;
  855. padding: 0;
  856. position: relative;
  857. cursor: pointer;
  858. opacity: 0.4;
  859. clear: none; }
  860. .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
  861. height: 100%;
  862. max-width: none; }
  863. .clearing-assembled .clearing-container .carousel > ul li a.th {
  864. border: none;
  865. box-shadow: none;
  866. display: block; }
  867. .clearing-assembled .clearing-container .carousel > ul li img {
  868. cursor: pointer !important;
  869. width: 100% !important; }
  870. .clearing-assembled .clearing-container .carousel > ul li.visible {
  871. opacity: 1; }
  872. .clearing-assembled .clearing-container .carousel > ul li:hover {
  873. opacity: 0.8; }
  874. .clearing-assembled .clearing-container .visible-img {
  875. background: #333333;
  876. overflow: hidden;
  877. height: 85%; }
  878. .clearing-close {
  879. position: absolute;
  880. top: 10px;
  881. right: 20px;
  882. padding-left: 0;
  883. padding-top: 0; } }
  884. .inline-list {
  885. margin: 0 auto 1.0625rem auto;
  886. margin-left: -1.375rem;
  887. margin-right: 0;
  888. padding: 0;
  889. list-style: none;
  890. overflow: hidden; }
  891. .inline-list > li {
  892. list-style: none;
  893. float: left;
  894. margin-left: 1.375rem;
  895. display: block; }
  896. .inline-list > li > * {
  897. display: block; }
  898. button, .button {
  899. border-style: solid;
  900. border-width: 0;
  901. cursor: pointer;
  902. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  903. font-weight: normal;
  904. line-height: normal;
  905. margin: 0 0 1.25rem;
  906. position: relative;
  907. text-decoration: none;
  908. text-align: center;
  909. -webkit-appearance: none;
  910. -moz-appearance: none;
  911. border-radius: 0;
  912. display: inline-block;
  913. padding-top: 1rem;
  914. padding-right: 2rem;
  915. padding-bottom: 1.0625rem;
  916. padding-left: 2rem;
  917. font-size: 1rem;
  918. background-color: #008CBA;
  919. border-color: #007095;
  920. color: #FFFFFF;
  921. transition: background-color 300ms ease-out; }
  922. button:hover, button:focus, .button:hover, .button:focus {
  923. background-color: #007095; }
  924. button:hover, button:focus, .button:hover, .button:focus {
  925. color: #FFFFFF; }
  926. button.secondary, .button.secondary {
  927. background-color: #e7e7e7;
  928. border-color: #b9b9b9;
  929. color: #333333; }
  930. button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  931. background-color: #b9b9b9; }
  932. button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  933. color: #333333; }
  934. button.success, .button.success {
  935. background-color: #43AC6A;
  936. border-color: #368a55;
  937. color: #FFFFFF; }
  938. button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  939. background-color: #368a55; }
  940. button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  941. color: #FFFFFF; }
  942. button.alert, .button.alert {
  943. background-color: #f04124;
  944. border-color: #cf2a0e;
  945. color: #FFFFFF; }
  946. button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  947. background-color: #cf2a0e; }
  948. button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  949. color: #FFFFFF; }
  950. button.warning, .button.warning {
  951. background-color: #f08a24;
  952. border-color: #cf6e0e;
  953. color: #FFFFFF; }
  954. button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
  955. background-color: #cf6e0e; }
  956. button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
  957. color: #FFFFFF; }
  958. button.info, .button.info {
  959. background-color: #a0d3e8;
  960. border-color: #61b6d9;
  961. color: #333333; }
  962. button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  963. background-color: #61b6d9; }
  964. button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  965. color: #FFFFFF; }
  966. button.large, .button.large {
  967. padding-top: 1.125rem;
  968. padding-right: 2.25rem;
  969. padding-bottom: 1.1875rem;
  970. padding-left: 2.25rem;
  971. font-size: 1.25rem; }
  972. button.small, .button.small {
  973. padding-top: 0.875rem;
  974. padding-right: 1.75rem;
  975. padding-bottom: 0.9375rem;
  976. padding-left: 1.75rem;
  977. font-size: 0.8125rem; }
  978. button.tiny, .button.tiny {
  979. padding-top: 0.625rem;
  980. padding-right: 1.25rem;
  981. padding-bottom: 0.6875rem;
  982. padding-left: 1.25rem;
  983. font-size: 0.6875rem; }
  984. button.expand, .button.expand {
  985. padding-right: 0;
  986. padding-left: 0;
  987. width: 100%; }
  988. button.left-align, .button.left-align {
  989. text-align: left;
  990. text-indent: 0.75rem; }
  991. button.right-align, .button.right-align {
  992. text-align: right;
  993. padding-right: 0.75rem; }
  994. button.radius, .button.radius {
  995. border-radius: 3px; }
  996. button.round, .button.round {
  997. border-radius: 1000px; }
  998. button.disabled, button[disabled], .button.disabled, .button[disabled] {
  999. background-color: #008CBA;
  1000. border-color: #007095;
  1001. color: #FFFFFF;
  1002. cursor: default;
  1003. opacity: 0.7;
  1004. box-shadow: none; }
  1005. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1006. background-color: #007095; }
  1007. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1008. color: #FFFFFF; }
  1009. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1010. background-color: #008CBA; }
  1011. button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  1012. background-color: #e7e7e7;
  1013. border-color: #b9b9b9;
  1014. color: #333333;
  1015. cursor: default;
  1016. opacity: 0.7;
  1017. box-shadow: none; }
  1018. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  1019. background-color: #b9b9b9; }
  1020. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  1021. color: #333333; }
  1022. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  1023. background-color: #e7e7e7; }
  1024. button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  1025. background-color: #43AC6A;
  1026. border-color: #368a55;
  1027. color: #FFFFFF;
  1028. cursor: default;
  1029. opacity: 0.7;
  1030. box-shadow: none; }
  1031. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  1032. background-color: #368a55; }
  1033. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  1034. color: #FFFFFF; }
  1035. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  1036. background-color: #43AC6A; }
  1037. button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  1038. background-color: #f04124;
  1039. border-color: #cf2a0e;
  1040. color: #FFFFFF;
  1041. cursor: default;
  1042. opacity: 0.7;
  1043. box-shadow: none; }
  1044. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  1045. background-color: #cf2a0e; }
  1046. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  1047. color: #FFFFFF; }
  1048. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  1049. background-color: #f04124; }
  1050. button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
  1051. background-color: #f08a24;
  1052. border-color: #cf6e0e;
  1053. color: #FFFFFF;
  1054. cursor: default;
  1055. opacity: 0.7;
  1056. box-shadow: none; }
  1057. button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  1058. background-color: #cf6e0e; }
  1059. button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  1060. color: #FFFFFF; }
  1061. button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  1062. background-color: #f08a24; }
  1063. button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
  1064. background-color: #a0d3e8;
  1065. border-color: #61b6d9;
  1066. color: #333333;
  1067. cursor: default;
  1068. opacity: 0.7;
  1069. box-shadow: none; }
  1070. button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  1071. background-color: #61b6d9; }
  1072. button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  1073. color: #FFFFFF; }
  1074. button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  1075. background-color: #a0d3e8; }
  1076. button::-moz-focus-inner {
  1077. border: 0;
  1078. padding: 0; }
  1079. @media only screen and (min-width: 40.063em) {
  1080. button, .button {
  1081. display: inline-block; } }
  1082. .button-group {
  1083. list-style: none;
  1084. margin: 0;
  1085. left: 0; }
  1086. .button-group:before, .button-group:after {
  1087. content: " ";
  1088. display: table; }
  1089. .button-group:after {
  1090. clear: both; }
  1091. .button-group.even-2 li {
  1092. margin: 0 -2px;
  1093. display: inline-block;
  1094. width: 50%; }
  1095. .button-group.even-2 li > button, .button-group.even-2 li .button {
  1096. border-left: 1px solid;
  1097. border-color: rgba(255, 255, 255, 0.5); }
  1098. .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
  1099. border-left: 0; }
  1100. .button-group.even-2 li button, .button-group.even-2 li .button {
  1101. width: 100%; }
  1102. .button-group.even-3 li {
  1103. margin: 0 -2px;
  1104. display: inline-block;
  1105. width: 33.33333%; }
  1106. .button-group.even-3 li > button, .button-group.even-3 li .button {
  1107. border-left: 1px solid;
  1108. border-color: rgba(255, 255, 255, 0.5); }
  1109. .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
  1110. border-left: 0; }
  1111. .button-group.even-3 li button, .button-group.even-3 li .button {
  1112. width: 100%; }
  1113. .button-group.even-4 li {
  1114. margin: 0 -2px;
  1115. display: inline-block;
  1116. width: 25%; }
  1117. .button-group.even-4 li > button, .button-group.even-4 li .button {
  1118. border-left: 1px solid;
  1119. border-color: rgba(255, 255, 255, 0.5); }
  1120. .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
  1121. border-left: 0; }
  1122. .button-group.even-4 li button, .button-group.even-4 li .button {
  1123. width: 100%; }
  1124. .button-group.even-5 li {
  1125. margin: 0 -2px;
  1126. display: inline-block;
  1127. width: 20%; }
  1128. .button-group.even-5 li > button, .button-group.even-5 li .button {
  1129. border-left: 1px solid;
  1130. border-color: rgba(255, 255, 255, 0.5); }
  1131. .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
  1132. border-left: 0; }
  1133. .button-group.even-5 li button, .button-group.even-5 li .button {
  1134. width: 100%; }
  1135. .button-group.even-6 li {
  1136. margin: 0 -2px;
  1137. display: inline-block;
  1138. width: 16.66667%; }
  1139. .button-group.even-6 li > button, .button-group.even-6 li .button {
  1140. border-left: 1px solid;
  1141. border-color: rgba(255, 255, 255, 0.5); }
  1142. .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
  1143. border-left: 0; }
  1144. .button-group.even-6 li button, .button-group.even-6 li .button {
  1145. width: 100%; }
  1146. .button-group.even-7 li {
  1147. margin: 0 -2px;
  1148. display: inline-block;
  1149. width: 14.28571%; }
  1150. .button-group.even-7 li > button, .button-group.even-7 li .button {
  1151. border-left: 1px solid;
  1152. border-color: rgba(255, 255, 255, 0.5); }
  1153. .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
  1154. border-left: 0; }
  1155. .button-group.even-7 li button, .button-group.even-7 li .button {
  1156. width: 100%; }
  1157. .button-group.even-8 li {
  1158. margin: 0 -2px;
  1159. display: inline-block;
  1160. width: 12.5%; }
  1161. .button-group.even-8 li > button, .button-group.even-8 li .button {
  1162. border-left: 1px solid;
  1163. border-color: rgba(255, 255, 255, 0.5); }
  1164. .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
  1165. border-left: 0; }
  1166. .button-group.even-8 li button, .button-group.even-8 li .button {
  1167. width: 100%; }
  1168. .button-group > li {
  1169. margin: 0 -2px;
  1170. display: inline-block; }
  1171. .button-group > li > button, .button-group > li .button {
  1172. border-left: 1px solid;
  1173. border-color: rgba(255, 255, 255, 0.5); }
  1174. .button-group > li:first-child button, .button-group > li:first-child .button {
  1175. border-left: 0; }
  1176. .button-group.stack > li {
  1177. margin: 0 -2px;
  1178. display: inline-block;
  1179. display: block;
  1180. margin: 0;
  1181. float: none; }
  1182. .button-group.stack > li > button, .button-group.stack > li .button {
  1183. border-left: 1px solid;
  1184. border-color: rgba(255, 255, 255, 0.5); }
  1185. .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
  1186. border-left: 0; }
  1187. .button-group.stack > li > button, .button-group.stack > li .button {
  1188. border-top: 1px solid;
  1189. border-color: rgba(255, 255, 255, 0.5);
  1190. border-left-width: 0;
  1191. margin: 0;
  1192. display: block; }
  1193. .button-group.stack > li > button {
  1194. width: 100%; }
  1195. .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
  1196. border-top: 0; }
  1197. .button-group.stack-for-small > li {
  1198. margin: 0 -2px;
  1199. display: inline-block; }
  1200. .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
  1201. border-left: 1px solid;
  1202. border-color: rgba(255, 255, 255, 0.5); }
  1203. .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
  1204. border-left: 0; }
  1205. @media only screen and (max-width: 40em) {
  1206. .button-group.stack-for-small > li {
  1207. margin: 0 -2px;
  1208. display: inline-block;
  1209. display: block;
  1210. margin: 0; }
  1211. .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
  1212. border-left: 1px solid;
  1213. border-color: rgba(255, 255, 255, 0.5); }
  1214. .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
  1215. border-left: 0; }
  1216. .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
  1217. border-top: 1px solid;
  1218. border-color: rgba(255, 255, 255, 0.5);
  1219. border-left-width: 0;
  1220. margin: 0;
  1221. display: block; }
  1222. .button-group.stack-for-small > li > button {
  1223. width: 100%; }
  1224. .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
  1225. border-top: 0; } }
  1226. .button-group.radius > * {
  1227. margin: 0 -2px;
  1228. display: inline-block; }
  1229. .button-group.radius > * > button, .button-group.radius > * .button {
  1230. border-left: 1px solid;
  1231. border-color: rgba(255, 255, 255, 0.5); }
  1232. .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
  1233. border-left: 0; }
  1234. .button-group.radius > *,
  1235. .button-group.radius > * > a,
  1236. .button-group.radius > * > button,
  1237. .button-group.radius > * > .button {
  1238. border-radius: 0; }
  1239. .button-group.radius > *:first-child,
  1240. .button-group.radius > *:first-child > a,
  1241. .button-group.radius > *:first-child > button,
  1242. .button-group.radius > *:first-child > .button {
  1243. -webkit-border-bottom-left-radius: 3px;
  1244. -webkit-border-top-left-radius: 3px;
  1245. border-bottom-left-radius: 3px;
  1246. border-top-left-radius: 3px; }
  1247. .button-group.radius > *:last-child,
  1248. .button-group.radius > *:last-child > a,
  1249. .button-group.radius > *:last-child > button,
  1250. .button-group.radius > *:last-child > .button {
  1251. -webkit-border-bottom-right-radius: 3px;
  1252. -webkit-border-top-right-radius: 3px;
  1253. border-bottom-right-radius: 3px;
  1254. border-top-right-radius: 3px; }
  1255. .button-group.radius.stack > * {
  1256. margin: 0 -2px;
  1257. display: inline-block;
  1258. display: block;
  1259. margin: 0; }
  1260. .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
  1261. border-left: 1px solid;
  1262. border-color: rgba(255, 255, 255, 0.5); }
  1263. .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
  1264. border-left: 0; }
  1265. .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
  1266. border-top: 1px solid;
  1267. border-color: rgba(255, 255, 255, 0.5);
  1268. border-left-width: 0;
  1269. margin: 0;
  1270. display: block; }
  1271. .button-group.radius.stack > * > button {
  1272. width: 100%; }
  1273. .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
  1274. border-top: 0; }
  1275. .button-group.radius.stack > *,
  1276. .button-group.radius.stack > * > a,
  1277. .button-group.radius.stack > * > button,
  1278. .button-group.radius.stack > * > .button {
  1279. border-radius: 0; }
  1280. .button-group.radius.stack > *:first-child,
  1281. .button-group.radius.stack > *:first-child > a,
  1282. .button-group.radius.stack > *:first-child > button,
  1283. .button-group.radius.stack > *:first-child > .button {
  1284. -webkit-top-left-radius: 3px;
  1285. -webkit-top-right-radius: 3px;
  1286. border-top-left-radius: 3px;
  1287. border-top-right-radius: 3px; }
  1288. .button-group.radius.stack > *:last-child,
  1289. .button-group.radius.stack > *:last-child > a,
  1290. .button-group.radius.stack > *:last-child > button,
  1291. .button-group.radius.stack > *:last-child > .button {
  1292. -webkit-bottom-left-radius: 3px;
  1293. -webkit-bottom-right-radius: 3px;
  1294. border-bottom-left-radius: 3px;
  1295. border-bottom-right-radius: 3px; }
  1296. @media only screen and (min-width: 40.063em) {
  1297. .button-group.radius.stack-for-small > * {
  1298. margin: 0 -2px;
  1299. display: inline-block; }
  1300. .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
  1301. border-left: 1px solid;
  1302. border-color: rgba(255, 255, 255, 0.5); }
  1303. .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
  1304. border-left: 0; }
  1305. .button-group.radius.stack-for-small > *,
  1306. .button-group.radius.stack-for-small > * > a,
  1307. .button-group.radius.stack-for-small > * > button,
  1308. .button-group.radius.stack-for-small > * > .button {
  1309. border-radius: 0; }
  1310. .button-group.radius.stack-for-small > *:first-child,
  1311. .button-group.radius.stack-for-small > *:first-child > a,
  1312. .button-group.radius.stack-for-small > *:first-child > button,
  1313. .button-group.radius.stack-for-small > *:first-child > .button {
  1314. -webkit-border-bottom-left-radius: 3px;
  1315. -webkit-border-top-left-radius: 3px;
  1316. border-bottom-left-radius: 3px;
  1317. border-top-left-radius: 3px; }
  1318. .button-group.radius.stack-for-small > *:last-child,
  1319. .button-group.radius.stack-for-small > *:last-child > a,
  1320. .button-group.radius.stack-for-small > *:last-child > button,
  1321. .button-group.radius.stack-for-small > *:last-child > .button {
  1322. -webkit-border-bottom-right-radius: 3px;
  1323. -webkit-border-top-right-radius: 3px;
  1324. border-bottom-right-radius: 3px;
  1325. border-top-right-radius: 3px; } }
  1326. @media only screen and (max-width: 40em) {
  1327. .button-group.radius.stack-for-small > * {
  1328. margin: 0 -2px;
  1329. display: inline-block;
  1330. display: block;
  1331. margin: 0; }
  1332. .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
  1333. border-left: 1px solid;
  1334. border-color: rgba(255, 255, 255, 0.5); }
  1335. .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
  1336. border-left: 0; }
  1337. .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
  1338. border-top: 1px solid;
  1339. border-color: rgba(255, 255, 255, 0.5);
  1340. border-left-width: 0;
  1341. margin: 0;
  1342. display: block; }
  1343. .button-group.radius.stack-for-small > * > button {
  1344. width: 100%; }
  1345. .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
  1346. border-top: 0; }
  1347. .button-group.radius.stack-for-small > *,
  1348. .button-group.radius.stack-for-small > * > a,
  1349. .button-group.radius.stack-for-small > * > button,
  1350. .button-group.radius.stack-for-small > * > .button {
  1351. border-radius: 0; }
  1352. .button-group.radius.stack-for-small > *:first-child,
  1353. .button-group.radius.stack-for-small > *:first-child > a,
  1354. .button-group.radius.stack-for-small > *:first-child > button,
  1355. .button-group.radius.stack-for-small > *:first-child > .button {
  1356. -webkit-top-left-radius: 3px;
  1357. -webkit-top-right-radius: 3px;
  1358. border-top-left-radius: 3px;
  1359. border-top-right-radius: 3px; }
  1360. .button-group.radius.stack-for-small > *:last-child,
  1361. .button-group.radius.stack-for-small > *:last-child > a,
  1362. .button-group.radius.stack-for-small > *:last-child > button,
  1363. .button-group.radius.stack-for-small > *:last-child > .button {
  1364. -webkit-bottom-left-radius: 3px;
  1365. -webkit-bottom-right-radius: 3px;
  1366. border-bottom-left-radius: 3px;
  1367. border-bottom-right-radius: 3px; } }
  1368. .button-group.round > * {
  1369. margin: 0 -2px;
  1370. display: inline-block; }
  1371. .button-group.round > * > button, .button-group.round > * .button {
  1372. border-left: 1px solid;
  1373. border-color: rgba(255, 255, 255, 0.5); }
  1374. .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
  1375. border-left: 0; }
  1376. .button-group.round > *,
  1377. .button-group.round > * > a,
  1378. .button-group.round > * > button,
  1379. .button-group.round > * > .button {
  1380. border-radius: 0; }
  1381. .button-group.round > *:first-child,
  1382. .button-group.round > *:first-child > a,
  1383. .button-group.round > *:first-child > button,
  1384. .button-group.round > *:first-child > .button {
  1385. -webkit-border-bottom-left-radius: 1000px;
  1386. -webkit-border-top-left-radius: 1000px;
  1387. border-bottom-left-radius: 1000px;
  1388. border-top-left-radius: 1000px; }
  1389. .button-group.round > *:last-child,
  1390. .button-group.round > *:last-child > a,
  1391. .button-group.round > *:last-child > button,
  1392. .button-group.round > *:last-child > .button {
  1393. -webkit-border-bottom-right-radius: 1000px;
  1394. -webkit-border-top-right-radius: 1000px;
  1395. border-bottom-right-radius: 1000px;
  1396. border-top-right-radius: 1000px; }
  1397. .button-group.round.stack > * {
  1398. margin: 0 -2px;
  1399. display: inline-block;
  1400. display: block;
  1401. margin: 0; }
  1402. .button-group.round.stack > * > button, .button-group.round.stack > * .button {
  1403. border-left: 1px solid;
  1404. border-color: rgba(255, 255, 255, 0.5); }
  1405. .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
  1406. border-left: 0; }
  1407. .button-group.round.stack > * > button, .button-group.round.stack > * .button {
  1408. border-top: 1px solid;
  1409. border-color: rgba(255, 255, 255, 0.5);
  1410. border-left-width: 0;
  1411. margin: 0;
  1412. display: block; }
  1413. .button-group.round.stack > * > button {
  1414. width: 100%; }
  1415. .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
  1416. border-top: 0; }
  1417. .button-group.round.stack > *,
  1418. .button-group.round.stack > * > a,
  1419. .button-group.round.stack > * > button,
  1420. .button-group.round.stack > * > .button {
  1421. border-radius: 0; }
  1422. .button-group.round.stack > *:first-child,
  1423. .button-group.round.stack > *:first-child > a,
  1424. .button-group.round.stack > *:first-child > button,
  1425. .button-group.round.stack > *:first-child > .button {
  1426. -webkit-top-left-radius: 1rem;
  1427. -webkit-top-right-radius: 1rem;
  1428. border-top-left-radius: 1rem;
  1429. border-top-right-radius: 1rem; }
  1430. .button-group.round.stack > *:last-child,
  1431. .button-group.round.stack > *:last-child > a,
  1432. .button-group.round.stack > *:last-child > button,
  1433. .button-group.round.stack > *:last-child > .button {
  1434. -webkit-bottom-left-radius: 1rem;
  1435. -webkit-bottom-right-radius: 1rem;
  1436. border-bottom-left-radius: 1rem;
  1437. border-bottom-right-radius: 1rem; }
  1438. @media only screen and (min-width: 40.063em) {
  1439. .button-group.round.stack-for-small > * {
  1440. margin: 0 -2px;
  1441. display: inline-block; }
  1442. .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
  1443. border-left: 1px solid;
  1444. border-color: rgba(255, 255, 255, 0.5); }
  1445. .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
  1446. border-left: 0; }
  1447. .button-group.round.stack-for-small > *,
  1448. .button-group.round.stack-for-small > * > a,
  1449. .button-group.round.stack-for-small > * > button,
  1450. .button-group.round.stack-for-small > * > .button {
  1451. border-radius: 0; }
  1452. .button-group.round.stack-for-small > *:first-child,
  1453. .button-group.round.stack-for-small > *:first-child > a,
  1454. .button-group.round.stack-for-small > *:first-child > button,
  1455. .button-group.round.stack-for-small > *:first-child > .button {
  1456. -webkit-border-bottom-left-radius: 1000px;
  1457. -webkit-border-top-left-radius: 1000px;
  1458. border-bottom-left-radius: 1000px;
  1459. border-top-left-radius: 1000px; }
  1460. .button-group.round.stack-for-small > *:last-child,
  1461. .button-group.round.stack-for-small > *:last-child > a,
  1462. .button-group.round.stack-for-small > *:last-child > button,
  1463. .button-group.round.stack-for-small > *:last-child > .button {
  1464. -webkit-border-bottom-right-radius: 1000px;
  1465. -webkit-border-top-right-radius: 1000px;
  1466. border-bottom-right-radius: 1000px;
  1467. border-top-right-radius: 1000px; } }
  1468. @media only screen and (max-width: 40em) {
  1469. .button-group.round.stack-for-small > * {
  1470. margin: 0 -2px;
  1471. display: inline-block;
  1472. display: block;
  1473. margin: 0; }
  1474. .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
  1475. border-left: 1px solid;
  1476. border-color: rgba(255, 255, 255, 0.5); }
  1477. .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
  1478. border-left: 0; }
  1479. .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
  1480. border-top: 1px solid;
  1481. border-color: rgba(255, 255, 255, 0.5);
  1482. border-left-width: 0;
  1483. margin: 0;
  1484. display: block; }
  1485. .button-group.round.stack-for-small > * > button {
  1486. width: 100%; }
  1487. .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
  1488. border-top: 0; }
  1489. .button-group.round.stack-for-small > *,
  1490. .button-group.round.stack-for-small > * > a,
  1491. .button-group.round.stack-for-small > * > button,
  1492. .button-group.round.stack-for-small > * > .button {
  1493. border-radius: 0; }
  1494. .button-group.round.stack-for-small > *:first-child,
  1495. .button-group.round.stack-for-small > *:first-child > a,
  1496. .button-group.round.stack-for-small > *:first-child > button,
  1497. .button-group.round.stack-for-small > *:first-child > .button {
  1498. -webkit-top-left-radius: 1rem;
  1499. -webkit-top-right-radius: 1rem;
  1500. border-top-left-radius: 1rem;
  1501. border-top-right-radius: 1rem; }
  1502. .button-group.round.stack-for-small > *:last-child,
  1503. .button-group.round.stack-for-small > *:last-child > a,
  1504. .button-group.round.stack-for-small > *:last-child > button,
  1505. .button-group.round.stack-for-small > *:last-child > .button {
  1506. -webkit-bottom-left-radius: 1rem;
  1507. -webkit-bottom-right-radius: 1rem;
  1508. border-bottom-left-radius: 1rem;
  1509. border-bottom-right-radius: 1rem; } }
  1510. .button-bar:before, .button-bar:after {
  1511. content: " ";
  1512. display: table; }
  1513. .button-bar:after {
  1514. clear: both; }
  1515. .button-bar .button-group {
  1516. float: left;
  1517. margin-right: 0.625rem; }
  1518. .button-bar .button-group div {
  1519. overflow: hidden; }
  1520. .row {
  1521. width: 100%;
  1522. margin-left: auto;
  1523. margin-right: auto;
  1524. margin-top: 0;
  1525. margin-bottom: 0;
  1526. max-width: 62.5rem; }
  1527. .row:before, .row:after {
  1528. content: " ";
  1529. display: table; }
  1530. .row:after {
  1531. clear: both; }
  1532. .row.collapse > .column,
  1533. .row.collapse > .columns {
  1534. padding-left: 0;
  1535. padding-right: 0; }
  1536. .row.collapse .row {
  1537. margin-left: 0;
  1538. margin-right: 0; }
  1539. .row .row {
  1540. width: auto;
  1541. margin-left: -0.9375rem;
  1542. margin-right: -0.9375rem;
  1543. margin-top: 0;
  1544. margin-bottom: 0;
  1545. max-width: none; }
  1546. .row .row:before, .row .row:after {
  1547. content: " ";
  1548. display: table; }
  1549. .row .row:after {
  1550. clear: both; }
  1551. .row .row.collapse {
  1552. width: auto;
  1553. margin: 0;
  1554. max-width: none; }
  1555. .row .row.collapse:before, .row .row.collapse:after {
  1556. content: " ";
  1557. display: table; }
  1558. .row .row.collapse:after {
  1559. clear: both; }
  1560. .column,
  1561. .columns {
  1562. padding-left: 0.9375rem;
  1563. padding-right: 0.9375rem;
  1564. width: 100%;
  1565. float: left; }
  1566. [class*="column"] + [class*="column"]:last-child {
  1567. float: right; }
  1568. [class*="column"] + [class*="column"].end {
  1569. float: left; }
  1570. @media only screen {
  1571. .small-push-0 {
  1572. position: relative;
  1573. left: 0%;
  1574. right: auto; }
  1575. .small-pull-0 {
  1576. position: relative;
  1577. right: 0%;
  1578. left: auto; }
  1579. .small-push-1 {
  1580. position: relative;
  1581. left: 8.33333%;
  1582. right: auto; }
  1583. .small-pull-1 {
  1584. position: relative;
  1585. right: 8.33333%;
  1586. left: auto; }
  1587. .small-push-2 {
  1588. position: relative;
  1589. left: 16.66667%;
  1590. right: auto; }
  1591. .small-pull-2 {
  1592. position: relative;
  1593. right: 16.66667%;
  1594. left: auto; }
  1595. .small-push-3 {
  1596. position: relative;
  1597. left: 25%;
  1598. right: auto; }
  1599. .small-pull-3 {
  1600. position: relative;
  1601. right: 25%;
  1602. left: auto; }
  1603. .small-push-4 {
  1604. position: relative;
  1605. left: 33.33333%;
  1606. right: auto; }
  1607. .small-pull-4 {
  1608. position: relative;
  1609. right: 33.33333%;
  1610. left: auto; }
  1611. .small-push-5 {
  1612. position: relative;
  1613. left: 41.66667%;
  1614. right: auto; }
  1615. .small-pull-5 {
  1616. position: relative;
  1617. right: 41.66667%;
  1618. left: auto; }
  1619. .small-push-6 {
  1620. position: relative;
  1621. left: 50%;
  1622. right: auto; }
  1623. .small-pull-6 {
  1624. position: relative;
  1625. right: 50%;
  1626. left: auto; }
  1627. .small-push-7 {
  1628. position: relative;
  1629. left: 58.33333%;
  1630. right: auto; }
  1631. .small-pull-7 {
  1632. position: relative;
  1633. right: 58.33333%;
  1634. left: auto; }
  1635. .small-push-8 {
  1636. position: relative;
  1637. left: 66.66667%;
  1638. right: auto; }
  1639. .small-pull-8 {
  1640. position: relative;
  1641. right: 66.66667%;
  1642. left: auto; }
  1643. .small-push-9 {
  1644. position: relative;
  1645. left: 75%;
  1646. right: auto; }
  1647. .small-pull-9 {
  1648. position: relative;
  1649. right: 75%;
  1650. left: auto; }
  1651. .small-push-10 {
  1652. position: relative;
  1653. left: 83.33333%;
  1654. right: auto; }
  1655. .small-pull-10 {
  1656. position: relative;
  1657. right: 83.33333%;
  1658. left: auto; }
  1659. .small-push-11 {
  1660. position: relative;
  1661. left: 91.66667%;
  1662. right: auto; }
  1663. .small-pull-11 {
  1664. position: relative;
  1665. right: 91.66667%;
  1666. left: auto; }
  1667. .column,
  1668. .columns {
  1669. position: relative;
  1670. padding-left: 0.9375rem;
  1671. padding-right: 0.9375rem;
  1672. float: left; }
  1673. .small-1 {
  1674. width: 8.33333%; }
  1675. .small-2 {
  1676. width: 16.66667%; }
  1677. .small-3 {
  1678. width: 25%; }
  1679. .small-4 {
  1680. width: 33.33333%; }
  1681. .small-5 {
  1682. width: 41.66667%; }
  1683. .small-6 {
  1684. width: 50%; }
  1685. .small-7 {
  1686. width: 58.33333%; }
  1687. .small-8 {
  1688. width: 66.66667%; }
  1689. .small-9 {
  1690. width: 75%; }
  1691. .small-10 {
  1692. width: 83.33333%; }
  1693. .small-11 {
  1694. width: 91.66667%; }
  1695. .small-12 {
  1696. width: 100%; }
  1697. .small-offset-0 {
  1698. margin-left: 0% !important; }
  1699. .small-offset-1 {
  1700. margin-left: 8.33333% !important; }
  1701. .small-offset-2 {
  1702. margin-left: 16.66667% !important; }
  1703. .small-offset-3 {
  1704. margin-left: 25% !important; }
  1705. .small-offset-4 {
  1706. margin-left: 33.33333% !important; }
  1707. .small-offset-5 {
  1708. margin-left: 41.66667% !important; }
  1709. .small-offset-6 {
  1710. margin-left: 50% !important; }
  1711. .small-offset-7 {
  1712. margin-left: 58.33333% !important; }
  1713. .small-offset-8 {
  1714. margin-left: 66.66667% !important; }
  1715. .small-offset-9 {
  1716. margin-left: 75% !important; }
  1717. .small-offset-10 {
  1718. margin-left: 83.33333% !important; }
  1719. .small-offset-11 {
  1720. margin-left: 91.66667% !important; }
  1721. .small-reset-order {
  1722. margin-left: 0;
  1723. margin-right: 0;
  1724. left: auto;
  1725. right: auto;
  1726. float: left; }
  1727. .column.small-centered,
  1728. .columns.small-centered {
  1729. margin-left: auto;
  1730. margin-right: auto;
  1731. float: none; }
  1732. .column.small-uncentered,
  1733. .columns.small-uncentered {
  1734. margin-left: 0;
  1735. margin-right: 0;
  1736. float: left; }
  1737. .column.small-centered:last-child,
  1738. .columns.small-centered:last-child {
  1739. float: none; }
  1740. .column.small-uncentered:last-child,
  1741. .columns.small-uncentered:last-child {
  1742. float: left; }
  1743. .column.small-uncentered.opposite,
  1744. .columns.small-uncentered.opposite {
  1745. float: right; }
  1746. .row.small-collapse > .column,
  1747. .row.small-collapse > .columns {
  1748. padding-left: 0;
  1749. padding-right: 0; }
  1750. .row.small-collapse .row {
  1751. margin-left: 0;
  1752. margin-right: 0; }
  1753. .row.small-uncollapse > .column,
  1754. .row.small-uncollapse > .columns {
  1755. padding-left: 0.9375rem;
  1756. padding-right: 0.9375rem;
  1757. float: left; } }
  1758. @media only screen and (min-width: 40.063em) {
  1759. .medium-push-0 {
  1760. position: relative;
  1761. left: 0%;
  1762. right: auto; }
  1763. .medium-pull-0 {
  1764. position: relative;
  1765. right: 0%;
  1766. left: auto; }
  1767. .medium-push-1 {
  1768. position: relative;
  1769. left: 8.33333%;
  1770. right: auto; }
  1771. .medium-pull-1 {
  1772. position: relative;
  1773. right: 8.33333%;
  1774. left: auto; }
  1775. .medium-push-2 {
  1776. position: relative;
  1777. left: 16.66667%;
  1778. right: auto; }
  1779. .medium-pull-2 {
  1780. position: relative;
  1781. right: 16.66667%;
  1782. left: auto; }
  1783. .medium-push-3 {
  1784. position: relative;
  1785. left: 25%;
  1786. right: auto; }
  1787. .medium-pull-3 {
  1788. position: relative;
  1789. right: 25%;
  1790. left: auto; }
  1791. .medium-push-4 {
  1792. position: relative;
  1793. left: 33.33333%;
  1794. right: auto; }
  1795. .medium-pull-4 {
  1796. position: relative;
  1797. right: 33.33333%;
  1798. left: auto; }
  1799. .medium-push-5 {
  1800. position: relative;
  1801. left: 41.66667%;
  1802. right: auto; }
  1803. .medium-pull-5 {
  1804. position: relative;
  1805. right: 41.66667%;
  1806. left: auto; }
  1807. .medium-push-6 {
  1808. position: relative;
  1809. left: 50%;
  1810. right: auto; }
  1811. .medium-pull-6 {
  1812. position: relative;
  1813. right: 50%;
  1814. left: auto; }
  1815. .medium-push-7 {
  1816. position: relative;
  1817. left: 58.33333%;
  1818. right: auto; }
  1819. .medium-pull-7 {
  1820. position: relative;
  1821. right: 58.33333%;
  1822. left: auto; }
  1823. .medium-push-8 {
  1824. position: relative;
  1825. left: 66.66667%;
  1826. right: auto; }
  1827. .medium-pull-8 {
  1828. position: relative;
  1829. right: 66.66667%;
  1830. left: auto; }
  1831. .medium-push-9 {
  1832. position: relative;
  1833. left: 75%;
  1834. right: auto; }
  1835. .medium-pull-9 {
  1836. position: relative;
  1837. right: 75%;
  1838. left: auto; }
  1839. .medium-push-10 {
  1840. position: relative;
  1841. left: 83.33333%;
  1842. right: auto; }
  1843. .medium-pull-10 {
  1844. position: relative;
  1845. right: 83.33333%;
  1846. left: auto; }
  1847. .medium-push-11 {
  1848. position: relative;
  1849. left: 91.66667%;
  1850. right: auto; }
  1851. .medium-pull-11 {
  1852. position: relative;
  1853. right: 91.66667%;
  1854. left: auto; }
  1855. .column,
  1856. .columns {
  1857. position: relative;
  1858. padding-left: 0.9375rem;
  1859. padding-right: 0.9375rem;
  1860. float: left; }
  1861. .medium-1 {
  1862. width: 8.33333%; }
  1863. .medium-2 {
  1864. width: 16.66667%; }
  1865. .medium-3 {
  1866. width: 25%; }
  1867. .medium-4 {
  1868. width: 33.33333%; }
  1869. .medium-5 {
  1870. width: 41.66667%; }
  1871. .medium-6 {
  1872. width: 50%; }
  1873. .medium-7 {
  1874. width: 58.33333%; }
  1875. .medium-8 {
  1876. width: 66.66667%; }
  1877. .medium-9 {
  1878. width: 75%; }
  1879. .medium-10 {
  1880. width: 83.33333%; }
  1881. .medium-11 {
  1882. width: 91.66667%; }
  1883. .medium-12 {
  1884. width: 100%; }
  1885. .medium-offset-0 {
  1886. margin-left: 0% !important; }
  1887. .medium-offset-1 {
  1888. margin-left: 8.33333% !important; }
  1889. .medium-offset-2 {
  1890. margin-left: 16.66667% !important; }
  1891. .medium-offset-3 {
  1892. margin-left: 25% !important; }
  1893. .medium-offset-4 {
  1894. margin-left: 33.33333% !important; }
  1895. .medium-offset-5 {
  1896. margin-left: 41.66667% !important; }
  1897. .medium-offset-6 {
  1898. margin-left: 50% !important; }
  1899. .medium-offset-7 {
  1900. margin-left: 58.33333% !important; }
  1901. .medium-offset-8 {
  1902. margin-left: 66.66667% !important; }
  1903. .medium-offset-9 {
  1904. margin-left: 75% !important; }
  1905. .medium-offset-10 {
  1906. margin-left: 83.33333% !important; }
  1907. .medium-offset-11 {
  1908. margin-left: 91.66667% !important; }
  1909. .medium-reset-order {
  1910. margin-left: 0;
  1911. margin-right: 0;
  1912. left: auto;
  1913. right: auto;
  1914. float: left; }
  1915. .column.medium-centered,
  1916. .columns.medium-centered {
  1917. margin-left: auto;
  1918. margin-right: auto;
  1919. float: none; }
  1920. .column.medium-uncentered,
  1921. .columns.medium-uncentered {
  1922. margin-left: 0;
  1923. margin-right: 0;
  1924. float: left; }
  1925. .column.medium-centered:last-child,
  1926. .columns.medium-centered:last-child {
  1927. float: none; }
  1928. .column.medium-uncentered:last-child,
  1929. .columns.medium-uncentered:last-child {
  1930. float: left; }
  1931. .column.medium-uncentered.opposite,
  1932. .columns.medium-uncentered.opposite {
  1933. float: right; }
  1934. .row.medium-collapse > .column,
  1935. .row.medium-collapse > .columns {
  1936. padding-left: 0;
  1937. padding-right: 0; }
  1938. .row.medium-collapse .row {
  1939. margin-left: 0;
  1940. margin-right: 0; }
  1941. .row.medium-uncollapse > .column,
  1942. .row.medium-uncollapse > .columns {
  1943. padding-left: 0.9375rem;
  1944. padding-right: 0.9375rem;
  1945. float: left; }
  1946. .push-0 {
  1947. position: relative;
  1948. left: 0%;
  1949. right: auto; }
  1950. .pull-0 {
  1951. position: relative;
  1952. right: 0%;
  1953. left: auto; }
  1954. .push-1 {
  1955. position: relative;
  1956. left: 8.33333%;
  1957. right: auto; }
  1958. .pull-1 {
  1959. position: relative;
  1960. right: 8.33333%;
  1961. left: auto; }
  1962. .push-2 {
  1963. position: relative;
  1964. left: 16.66667%;
  1965. right: auto; }
  1966. .pull-2 {
  1967. position: relative;
  1968. right: 16.66667%;
  1969. left: auto; }
  1970. .push-3 {
  1971. position: relative;
  1972. left: 25%;
  1973. right: auto; }
  1974. .pull-3 {
  1975. position: relative;
  1976. right: 25%;
  1977. left: auto; }
  1978. .push-4 {
  1979. position: relative;
  1980. left: 33.33333%;
  1981. right: auto; }
  1982. .pull-4 {
  1983. position: relative;
  1984. right: 33.33333%;
  1985. left: auto; }
  1986. .push-5 {
  1987. position: relative;
  1988. left: 41.66667%;
  1989. right: auto; }
  1990. .pull-5 {
  1991. position: relative;
  1992. right: 41.66667%;
  1993. left: auto; }
  1994. .push-6 {
  1995. position: relative;
  1996. left: 50%;
  1997. right: auto; }
  1998. .pull-6 {
  1999. position: relative;
  2000. right: 50%;
  2001. left: auto; }
  2002. .push-7 {
  2003. position: relative;
  2004. left: 58.33333%;
  2005. right: auto; }
  2006. .pull-7 {
  2007. position: relative;
  2008. right: 58.33333%;
  2009. left: auto; }
  2010. .push-8 {
  2011. position: relative;
  2012. left: 66.66667%;
  2013. right: auto; }
  2014. .pull-8 {
  2015. position: relative;
  2016. right: 66.66667%;
  2017. left: auto; }
  2018. .push-9 {
  2019. position: relative;
  2020. left: 75%;
  2021. right: auto; }
  2022. .pull-9 {
  2023. position: relative;
  2024. right: 75%;
  2025. left: auto; }
  2026. .push-10 {
  2027. position: relative;
  2028. left: 83.33333%;
  2029. right: auto; }
  2030. .pull-10 {
  2031. position: relative;
  2032. right: 83.33333%;
  2033. left: auto; }
  2034. .push-11 {
  2035. position: relative;
  2036. left: 91.66667%;
  2037. right: auto; }
  2038. .pull-11 {
  2039. position: relative;
  2040. right: 91.66667%;
  2041. left: auto; } }
  2042. @media only screen and (min-width: 64.063em) {
  2043. .large-push-0 {
  2044. position: relative;
  2045. left: 0%;
  2046. right: auto; }
  2047. .large-pull-0 {
  2048. position: relative;
  2049. right: 0%;
  2050. left: auto; }
  2051. .large-push-1 {
  2052. position: relative;
  2053. left: 8.33333%;
  2054. right: auto; }
  2055. .large-pull-1 {
  2056. position: relative;
  2057. right: 8.33333%;
  2058. left: auto; }
  2059. .large-push-2 {
  2060. position: relative;
  2061. left: 16.66667%;
  2062. right: auto; }
  2063. .large-pull-2 {
  2064. position: relative;
  2065. right: 16.66667%;
  2066. left: auto; }
  2067. .large-push-3 {
  2068. position: relative;
  2069. left: 25%;
  2070. right: auto; }
  2071. .large-pull-3 {
  2072. position: relative;
  2073. right: 25%;
  2074. left: auto; }
  2075. .large-push-4 {
  2076. position: relative;
  2077. left: 33.33333%;
  2078. right: auto; }
  2079. .large-pull-4 {
  2080. position: relative;
  2081. right: 33.33333%;
  2082. left: auto; }
  2083. .large-push-5 {
  2084. position: relative;
  2085. left: 41.66667%;
  2086. right: auto; }
  2087. .large-pull-5 {
  2088. position: relative;
  2089. right: 41.66667%;
  2090. left: auto; }
  2091. .large-push-6 {
  2092. position: relative;
  2093. left: 50%;
  2094. right: auto; }
  2095. .large-pull-6 {
  2096. position: relative;
  2097. right: 50%;
  2098. left: auto; }
  2099. .large-push-7 {
  2100. position: relative;
  2101. left: 58.33333%;
  2102. right: auto; }
  2103. .large-pull-7 {
  2104. position: relative;
  2105. right: 58.33333%;
  2106. left: auto; }
  2107. .large-push-8 {
  2108. position: relative;
  2109. left: 66.66667%;
  2110. right: auto; }
  2111. .large-pull-8 {
  2112. position: relative;
  2113. right: 66.66667%;
  2114. left: auto; }
  2115. .large-push-9 {
  2116. position: relative;
  2117. left: 75%;
  2118. right: auto; }
  2119. .large-pull-9 {
  2120. position: relative;
  2121. right: 75%;
  2122. left: auto; }
  2123. .large-push-10 {
  2124. position: relative;
  2125. left: 83.33333%;
  2126. right: auto; }
  2127. .large-pull-10 {
  2128. position: relative;
  2129. right: 83.33333%;
  2130. left: auto; }
  2131. .large-push-11 {
  2132. position: relative;
  2133. left: 91.66667%;
  2134. right: auto; }
  2135. .large-pull-11 {
  2136. position: relative;
  2137. right: 91.66667%;
  2138. left: auto; }
  2139. .column,
  2140. .columns {
  2141. position: relative;
  2142. padding-left: 0.9375rem;
  2143. padding-right: 0.9375rem;
  2144. float: left; }
  2145. .large-1 {
  2146. width: 8.33333%; }
  2147. .large-2 {
  2148. width: 16.66667%; }
  2149. .large-3 {
  2150. width: 25%; }
  2151. .large-4 {
  2152. width: 33.33333%; }
  2153. .large-5 {
  2154. width: 41.66667%; }
  2155. .large-6 {
  2156. width: 50%; }
  2157. .large-7 {
  2158. width: 58.33333%; }
  2159. .large-8 {
  2160. width: 66.66667%; }
  2161. .large-9 {
  2162. width: 75%; }
  2163. .large-10 {
  2164. width: 83.33333%; }
  2165. .large-11 {
  2166. width: 91.66667%; }
  2167. .large-12 {
  2168. width: 100%; }
  2169. .large-offset-0 {
  2170. margin-left: 0% !important; }
  2171. .large-offset-1 {
  2172. margin-left: 8.33333% !important; }
  2173. .large-offset-2 {
  2174. margin-left: 16.66667% !important; }
  2175. .large-offset-3 {
  2176. margin-left: 25% !important; }
  2177. .large-offset-4 {
  2178. margin-left: 33.33333% !important; }
  2179. .large-offset-5 {
  2180. margin-left: 41.66667% !important; }
  2181. .large-offset-6 {
  2182. margin-left: 50% !important; }
  2183. .large-offset-7 {
  2184. margin-left: 58.33333% !important; }
  2185. .large-offset-8 {
  2186. margin-left: 66.66667% !important; }
  2187. .large-offset-9 {
  2188. margin-left: 75% !important; }
  2189. .large-offset-10 {
  2190. margin-left: 83.33333% !important; }
  2191. .large-offset-11 {
  2192. margin-left: 91.66667% !important; }
  2193. .large-reset-order {
  2194. margin-left: 0;
  2195. margin-right: 0;
  2196. left: auto;
  2197. right: auto;
  2198. float: left; }
  2199. .column.large-centered,
  2200. .columns.large-centered {
  2201. margin-left: auto;
  2202. margin-right: auto;
  2203. float: none; }
  2204. .column.large-uncentered,
  2205. .columns.large-uncentered {
  2206. margin-left: 0;
  2207. margin-right: 0;
  2208. float: left; }
  2209. .column.large-centered:last-child,
  2210. .columns.large-centered:last-child {
  2211. float: none; }
  2212. .column.large-uncentered:last-child,
  2213. .columns.large-uncentered:last-child {
  2214. float: left; }
  2215. .column.large-uncentered.opposite,
  2216. .columns.large-uncentered.opposite {
  2217. float: right; }
  2218. .row.large-collapse > .column,
  2219. .row.large-collapse > .columns {
  2220. padding-left: 0;
  2221. padding-right: 0; }
  2222. .row.large-collapse .row {
  2223. margin-left: 0;
  2224. margin-right: 0; }
  2225. .row.large-uncollapse > .column,
  2226. .row.large-uncollapse > .columns {
  2227. padding-left: 0.9375rem;
  2228. padding-right: 0.9375rem;
  2229. float: left; }
  2230. .push-0 {
  2231. position: relative;
  2232. left: 0%;
  2233. right: auto; }
  2234. .pull-0 {
  2235. position: relative;
  2236. right: 0%;
  2237. left: auto; }
  2238. .push-1 {
  2239. position: relative;
  2240. left: 8.33333%;
  2241. right: auto; }
  2242. .pull-1 {
  2243. position: relative;
  2244. right: 8.33333%;
  2245. left: auto; }
  2246. .push-2 {
  2247. position: relative;
  2248. left: 16.66667%;
  2249. right: auto; }
  2250. .pull-2 {
  2251. position: relative;
  2252. right: 16.66667%;
  2253. left: auto; }
  2254. .push-3 {
  2255. position: relative;
  2256. left: 25%;
  2257. right: auto; }
  2258. .pull-3 {
  2259. position: relative;
  2260. right: 25%;
  2261. left: auto; }
  2262. .push-4 {
  2263. position: relative;
  2264. left: 33.33333%;
  2265. right: auto; }
  2266. .pull-4 {
  2267. position: relative;
  2268. right: 33.33333%;
  2269. left: auto; }
  2270. .push-5 {
  2271. position: relative;
  2272. left: 41.66667%;
  2273. right: auto; }
  2274. .pull-5 {
  2275. position: relative;
  2276. right: 41.66667%;
  2277. left: auto; }
  2278. .push-6 {
  2279. position: relative;
  2280. left: 50%;
  2281. right: auto; }
  2282. .pull-6 {
  2283. position: relative;
  2284. right: 50%;
  2285. left: auto; }
  2286. .push-7 {
  2287. position: relative;
  2288. left: 58.33333%;
  2289. right: auto; }
  2290. .pull-7 {
  2291. position: relative;
  2292. right: 58.33333%;
  2293. left: auto; }
  2294. .push-8 {
  2295. position: relative;
  2296. left: 66.66667%;
  2297. right: auto; }
  2298. .pull-8 {
  2299. position: relative;
  2300. right: 66.66667%;
  2301. left: auto; }
  2302. .push-9 {
  2303. position: relative;
  2304. left: 75%;
  2305. right: auto; }
  2306. .pull-9 {
  2307. position: relative;
  2308. right: 75%;
  2309. left: auto; }
  2310. .push-10 {
  2311. position: relative;
  2312. left: 83.33333%;
  2313. right: auto; }
  2314. .pull-10 {
  2315. position: relative;
  2316. right: 83.33333%;
  2317. left: auto; }
  2318. .push-11 {
  2319. position: relative;
  2320. left: 91.66667%;
  2321. right: auto; }
  2322. .pull-11 {
  2323. position: relative;
  2324. right: 91.66667%;
  2325. left: auto; } }
  2326. /*
  2327. * www.g-u-i.net
  2328. */
  2329. /*
  2330. __
  2331. _________ / /___ __________
  2332. / ___/ __ \/ / __ \/ ___/ ___/
  2333. / /__/ /_/ / / /_/ / / (__ )
  2334. \___/\____/_/\____/_/ /____/
  2335. */
  2336. body {
  2337. font-size: 16px;
  2338. font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif;
  2339. font-weight: 500;
  2340. font-style: normal;
  2341. line-height: 1.3; }
  2342. a {
  2343. color: #007BC2;
  2344. text-decoration: none; }
  2345. h1 {
  2346. font-size: 1.6em; }
  2347. h2 {
  2348. font-size: 1.5em; }
  2349. h3 {
  2350. font-size: 1.4em; }
  2351. h4 {
  2352. font-size: 1.3em; }
  2353. h5 {
  2354. font-size: 1.2em; }
  2355. h6 {
  2356. font-size: 1.1em; }
  2357. input, button, select, textarea {
  2358. font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif;
  2359. font-weight: 500;
  2360. font-style: normal; }
  2361. #footer #footer-bottom {
  2362. text-align: center; }
  2363. #footer #footer-bottom .block {
  2364. font-size: 8px; }
  2365. /** RESPONSIVE break points */
  2366. /*
  2367. $small-breakpoint: em-calc(480) !default;
  2368. $medium-breakpoint: em-calc(768) !default;
  2369. $large-breakpoint: em-calc(980) !default;
  2370. $xlarge-breakpoint: em-calc(1200) !default;
  2371. $small-range: (0, $small-breakpoint) !default; // 0, 480px
  2372. $medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint) !default; 481px, 768px //
  2373. $large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint) !default; // 769px, 980px
  2374. $xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint) !default; // 981px, 1200px
  2375. $xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999)) !default; // 1201px, ...
  2376. // Media Queries
  2377. $screen: "only screen" !default;
  2378. $landscape: "only screen and (orientation: landscape)" !default;
  2379. $portrait: "only screen and (orientation: portrait)" !default;
  2380. $small-up: $screen !default;
  2381. $small-only: "only screen and (max-width: 40em)" !default;
  2382. $medium-up: "only screen and (min-width:40.063em)" !default;
  2383. $medium-only: "only screen and (min-width:40.063em) and (max-width:64em)" !default;
  2384. $large-up: "only screen and (min-width:64.063em)" !default;
  2385. $large-only: "only screen and (min-width:64.063em) and (max-width:90em)" !default;
  2386. $xlarge-up: "only screen and (min-width:90.063em)" !default;
  2387. $xlarge-only: "only screen and (min-width:90.063em) and (max-width:120em)" !default;
  2388. $xxlarge-up: "only screen and (min-width:120.063em)" !default;
  2389. $xxlarge-only: "only screen and (min-width:120.063em) and (max-width:99999999em)" !default;
  2390. $retina: (
  2391. "only screen and (-webkit-min-device-pixel-ratio: 2)",
  2392. "only screen and (min--moz-device-pixel-ratio: 2)",
  2393. "only screen and (-o-min-device-pixel-ratio: 2/1)",
  2394. "only screen and (min-device-pixel-ratio: 2)",
  2395. "only screen and (min-resolution: 192dpi)",
  2396. "only screen and (min-resolution: 2dppx)"
  2397. );
  2398. */
  2399. * {
  2400. box-sizing: content-box; }
  2401. *:before, *:after {
  2402. box-sizing: content-box; }
  2403. body {
  2404. overflow-y: scroll;
  2405. top: 0;
  2406. background-color: #f7f4ed; }
  2407. h1, h2, h3, h4, h5, h6 {
  2408. font-family: inherit; }
  2409. h1 {
  2410. font-weight: bold; }
  2411. figure {
  2412. margin: 0; }
  2413. input[type="checkbox"] + label {
  2414. margin: 0; }
  2415. p {
  2416. font-family: inherit;
  2417. font-weight: inherit;
  2418. font-size: inherit;
  2419. line-height: inherit;
  2420. margin-bottom: inherit; }
  2421. a {
  2422. font-size: inherit; }
  2423. .column, .columns {
  2424. padding: inherit;
  2425. float: inherit; }
  2426. /** NIVEAU 0 */
  2427. #root {
  2428. min-width: 320px; }
  2429. .ie8 #root {
  2430. min-width: 1024px; }
  2431. /** NIVEAU 1 */
  2432. #container {
  2433. margin: 0 auto;
  2434. position: relative;
  2435. transition: padding-top 0.5s ease-out, 1s, ease-out; }
  2436. /** NIVEAU 2 */
  2437. #header {
  2438. background-color: #fff;
  2439. z-index: 1000;
  2440. width: 96%;
  2441. padding-left: 2%;
  2442. padding-right: 2%; }
  2443. html.no-touch #header {
  2444. position: fixed;
  2445. top: 0;
  2446. margin: 0 auto;
  2447. min-width: 310.4px; }
  2448. .admin-menu #header {
  2449. margin-top: 35px; }
  2450. #utilities {
  2451. z-index: 999;
  2452. width: 96%;
  2453. padding-left: 2%;
  2454. padding-right: 2%; }
  2455. html.no-touch #utilities {
  2456. position: fixed;
  2457. top: 0;
  2458. margin: 0 auto;
  2459. min-width: 310.4px;
  2460. margin-top: 60px; }
  2461. html.no-touch .admin-menu #utilities {
  2462. margin-top: 85px; }
  2463. @media only screen and (max-width: 40em) {
  2464. #utilities > .region {
  2465. padding-top: 5px;
  2466. padding-bottom: 5px; } }
  2467. #main {
  2468. width: 96%;
  2469. padding-left: 2%;
  2470. padding-right: 2%;
  2471. overflow-x: hidden; }
  2472. #footer {
  2473. width: 96%;
  2474. padding-left: 2%;
  2475. padding-right: 2%;
  2476. padding-top: 2em; }
  2477. /** NIVEAU 3 */
  2478. /** NIVEAU 4 */
  2479. /** Z-INDEX */
  2480. #block-feedback-form {
  2481. z-index: 1001; }
  2482. #admin-menu {
  2483. z-index: 1002; }
  2484. #admin-toolbar {
  2485. z-index: 1003; }
  2486. /*
  2487. __ __ ___
  2488. / / / /___ ____ ___ ___ _ _|__ / /_/ / __ \/ __ `__ \/ _ \ | | / /_/ /
  2489. / __ / /_/ / / / / / / __/ | |/ / __/
  2490. /_/ /_/\____/_/ /_/ /_/\___/ |___/____/
  2491. */
  2492. body.front:not(.page-actuality) #header > .inner, body.front:not(.page-actuality) #utilities > .inner, body.front:not(.page-actuality) #center, body.front:not(.page-actuality) #footer,
  2493. body.page-whoweare #header > .inner,
  2494. body.page-whoweare #utilities > .inner,
  2495. body.page-whoweare #center,
  2496. body.page-whoweare #footer,
  2497. body.page-node-11187 #header > .inner,
  2498. body.page-node-11187 #utilities > .inner,
  2499. body.page-node-11187 #center,
  2500. body.page-node-11187 #footer,
  2501. body.page-node-11175 #header > .inner,
  2502. body.page-node-11175 #utilities > .inner,
  2503. body.page-node-11175 #center,
  2504. body.page-node-11175 #footer,
  2505. body.page-node-12324 #header > .inner,
  2506. body.page-node-12324 #utilities > .inner,
  2507. body.page-node-12324 #center,
  2508. body.page-node-12324 #footer,
  2509. body.page-user #header > .inner,
  2510. body.page-user #utilities > .inner,
  2511. body.page-user #center,
  2512. body.page-user #footer,
  2513. body.page-node-11186 #header > .inner,
  2514. body.page-node-11186 #utilities > .inner,
  2515. body.page-node-11186 #center,
  2516. body.page-node-11186 #footer,
  2517. body.page-cart #header > .inner,
  2518. body.page-cart #utilities > .inner,
  2519. body.page-cart #center,
  2520. body.page-cart #footer,
  2521. body.node-type-simplenews #header > .inner,
  2522. body.node-type-simplenews #utilities > .inner,
  2523. body.node-type-simplenews #center,
  2524. body.node-type-simplenews #footer,
  2525. body.node-type-publication #header > .inner,
  2526. body.node-type-publication #utilities > .inner,
  2527. body.node-type-publication #center,
  2528. body.node-type-publication #footer {
  2529. width: 100%;
  2530. margin-left: auto;
  2531. margin-right: auto;
  2532. margin-top: 0;
  2533. margin-bottom: 0;
  2534. max-width: 80rem; }
  2535. body.front:not(.page-actuality) #header > .inner:before, body.front:not(.page-actuality) #header > .inner:after, body.front:not(.page-actuality) #utilities > .inner:before, body.front:not(.page-actuality) #utilities > .inner:after, body.front:not(.page-actuality) #center:before, body.front:not(.page-actuality) #center:after, body.front:not(.page-actuality) #footer:before, body.front:not(.page-actuality) #footer:after,
  2536. body.page-whoweare #header > .inner:before,
  2537. body.page-whoweare #header > .inner:after,
  2538. body.page-whoweare #utilities > .inner:before,
  2539. body.page-whoweare #utilities > .inner:after,
  2540. body.page-whoweare #center:before,
  2541. body.page-whoweare #center:after,
  2542. body.page-whoweare #footer:before,
  2543. body.page-whoweare #footer:after,
  2544. body.page-node-11187 #header > .inner:before,
  2545. body.page-node-11187 #header > .inner:after,
  2546. body.page-node-11187 #utilities > .inner:before,
  2547. body.page-node-11187 #utilities > .inner:after,
  2548. body.page-node-11187 #center:before,
  2549. body.page-node-11187 #center:after,
  2550. body.page-node-11187 #footer:before,
  2551. body.page-node-11187 #footer:after,
  2552. body.page-node-11175 #header > .inner:before,
  2553. body.page-node-11175 #header > .inner:after,
  2554. body.page-node-11175 #utilities > .inner:before,
  2555. body.page-node-11175 #utilities > .inner:after,
  2556. body.page-node-11175 #center:before,
  2557. body.page-node-11175 #center:after,
  2558. body.page-node-11175 #footer:before,
  2559. body.page-node-11175 #footer:after,
  2560. body.page-node-12324 #header > .inner:before,
  2561. body.page-node-12324 #header > .inner:after,
  2562. body.page-node-12324 #utilities > .inner:before,
  2563. body.page-node-12324 #utilities > .inner:after,
  2564. body.page-node-12324 #center:before,
  2565. body.page-node-12324 #center:after,
  2566. body.page-node-12324 #footer:before,
  2567. body.page-node-12324 #footer:after,
  2568. body.page-user #header > .inner:before,
  2569. body.page-user #header > .inner:after,
  2570. body.page-user #utilities > .inner:before,
  2571. body.page-user #utilities > .inner:after,
  2572. body.page-user #center:before,
  2573. body.page-user #center:after,
  2574. body.page-user #footer:before,
  2575. body.page-user #footer:after,
  2576. body.page-node-11186 #header > .inner:before,
  2577. body.page-node-11186 #header > .inner:after,
  2578. body.page-node-11186 #utilities > .inner:before,
  2579. body.page-node-11186 #utilities > .inner:after,
  2580. body.page-node-11186 #center:before,
  2581. body.page-node-11186 #center:after,
  2582. body.page-node-11186 #footer:before,
  2583. body.page-node-11186 #footer:after,
  2584. body.page-cart #header > .inner:before,
  2585. body.page-cart #header > .inner:after,
  2586. body.page-cart #utilities > .inner:before,
  2587. body.page-cart #utilities > .inner:after,
  2588. body.page-cart #center:before,
  2589. body.page-cart #center:after,
  2590. body.page-cart #footer:before,
  2591. body.page-cart #footer:after,
  2592. body.node-type-simplenews #header > .inner:before,
  2593. body.node-type-simplenews #header > .inner:after,
  2594. body.node-type-simplenews #utilities > .inner:before,
  2595. body.node-type-simplenews #utilities > .inner:after,
  2596. body.node-type-simplenews #center:before,
  2597. body.node-type-simplenews #center:after,
  2598. body.node-type-simplenews #footer:before,
  2599. body.node-type-simplenews #footer:after,
  2600. body.node-type-publication #header > .inner:before,
  2601. body.node-type-publication #header > .inner:after,
  2602. body.node-type-publication #utilities > .inner:before,
  2603. body.node-type-publication #utilities > .inner:after,
  2604. body.node-type-publication #center:before,
  2605. body.node-type-publication #center:after,
  2606. body.node-type-publication #footer:before,
  2607. body.node-type-publication #footer:after {
  2608. content: " ";
  2609. display: table; }
  2610. body.front:not(.page-actuality) #header > .inner:after, body.front:not(.page-actuality) #utilities > .inner:after, body.front:not(.page-actuality) #center:after, body.front:not(.page-actuality) #footer:after,
  2611. body.page-whoweare #header > .inner:after,
  2612. body.page-whoweare #utilities > .inner:after,
  2613. body.page-whoweare #center:after,
  2614. body.page-whoweare #footer:after,
  2615. body.page-node-11187 #header > .inner:after,
  2616. body.page-node-11187 #utilities > .inner:after,
  2617. body.page-node-11187 #center:after,
  2618. body.page-node-11187 #footer:after,
  2619. body.page-node-11175 #header > .inner:after,
  2620. body.page-node-11175 #utilities > .inner:after,
  2621. body.page-node-11175 #center:after,
  2622. body.page-node-11175 #footer:after,
  2623. body.page-node-12324 #header > .inner:after,
  2624. body.page-node-12324 #utilities > .inner:after,
  2625. body.page-node-12324 #center:after,
  2626. body.page-node-12324 #footer:after,
  2627. body.page-user #header > .inner:after,
  2628. body.page-user #utilities > .inner:after,
  2629. body.page-user #center:after,
  2630. body.page-user #footer:after,
  2631. body.page-node-11186 #header > .inner:after,
  2632. body.page-node-11186 #utilities > .inner:after,
  2633. body.page-node-11186 #center:after,
  2634. body.page-node-11186 #footer:after,
  2635. body.page-cart #header > .inner:after,
  2636. body.page-cart #utilities > .inner:after,
  2637. body.page-cart #center:after,
  2638. body.page-cart #footer:after,
  2639. body.node-type-simplenews #header > .inner:after,
  2640. body.node-type-simplenews #utilities > .inner:after,
  2641. body.node-type-simplenews #center:after,
  2642. body.node-type-simplenews #footer:after,
  2643. body.node-type-publication #header > .inner:after,
  2644. body.node-type-publication #utilities > .inner:after,
  2645. body.node-type-publication #center:after,
  2646. body.node-type-publication #footer:after {
  2647. clear: both; }
  2648. .op-visible {
  2649. visibility: visible; }
  2650. .csstransitions .op-visible {
  2651. opacity: 1;
  2652. transition: opacity 0.3s ease-out; }
  2653. .op-hidden {
  2654. visibility: hidden; }
  2655. .op-hidden > * {
  2656. margin-top: -100000px; }
  2657. .csstransition .op-hidden {
  2658. opacity: 0;
  2659. transition: visibility 0s 0.3s; }
  2660. .csstransition .op-hidden > * {
  2661. transition: margin-top 0s 0.3s; }
  2662. /** colomnized() */
  2663. /*
  2664. __ ___________ ____ __________
  2665. / / / / ____/ | / __ \/ ____/ __ / /_/ / __/ / /| | / / / / __/ / /_/ /
  2666. / __ / /___/ ___ |/ /_/ / /___/ _, _/
  2667. /_/ /_/_____/_/ |_/_____/_____/_/ |_|
  2668. */
  2669. #header {
  2670. padding-top: 5px;
  2671. padding-bottom: 10px;
  2672. height: 45px; }
  2673. #header a, #header a:active, #header a:visited {
  2674. color: #000; }
  2675. #header .logo {
  2676. display: moz-inline-stack;
  2677. display: inline-block;
  2678. vertical-align: top;
  2679. zoom: 1;
  2680. *display: inline; }
  2681. #header .logo h1 {
  2682. margin: 0;
  2683. font-size: 36px;
  2684. display: moz-inline-stack;
  2685. display: inline-block;
  2686. vertical-align: top;
  2687. zoom: 1;
  2688. *display: inline;
  2689. vertical-align: baseline;
  2690. position: relative;
  2691. line-height: 1.25; }
  2692. #header .logo h1 a:hover {
  2693. text-decoration: none; }
  2694. #header .logo span.slogan {
  2695. font-size: 14px;
  2696. margin-top: -3px;
  2697. margin-left: -0.5em;
  2698. font-weight: 900; }
  2699. @media only screen and (max-width: 40em) {
  2700. #header .logo span.slogan {
  2701. display: none; } }
  2702. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  2703. #header .logo span.slogan {
  2704. display: block;
  2705. margin-left: 0.1em; } }
  2706. @media only screen and (min-width: 64.063em) and (max-width: 90em) {
  2707. #header .logo span.slogan {
  2708. display: block;
  2709. margin-left: 0.1em; } }
  2710. .ie8 #header .logo span.slogan {
  2711. position: absolute;
  2712. margin-top: 22px; }
  2713. #header #header-blocks {
  2714. padding-top: 17px;
  2715. float: right;
  2716. text-align: right;
  2717. text-transform: capitalize; }
  2718. #header #header-blocks > .region {
  2719. display: moz-inline-stack;
  2720. display: inline-block;
  2721. vertical-align: top;
  2722. zoom: 1;
  2723. *display: inline;
  2724. vertical-align: middle;
  2725. padding-right: 1em;
  2726. margin-right: 1em;
  2727. border-right: 1px solid #707070; }
  2728. @media only screen and (max-width: 40em) {
  2729. #header #header-blocks > .region {
  2730. padding-right: 0.3em;
  2731. margin-right: 0.3em; } }
  2732. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  2733. #header #header-blocks > .region {
  2734. padding-right: 0.3em;
  2735. margin-right: 0.3em; } }
  2736. #header #header-blocks > .region:last-child {
  2737. border: none;
  2738. padding: 0;
  2739. margin: 0; }
  2740. #header #header-blocks .block {
  2741. display: moz-inline-stack;
  2742. display: inline-block;
  2743. vertical-align: top;
  2744. zoom: 1;
  2745. *display: inline;
  2746. vertical-align: middle; }
  2747. #header #header-blocks .block h2 {
  2748. font-size: 12px;
  2749. margin: 0;
  2750. line-height: 1.2;
  2751. font-weight: normal; }
  2752. #header #header-blocks .block:not(:last-child) {
  2753. padding-right: 0.8em; }
  2754. @media only screen and (min-width: 90.063em) and (max-width: 120em) {
  2755. #header #header-blocks .block:not(:last-child) {
  2756. padding-right: 0.3em; } }
  2757. @media only screen and (max-width: 40em) {
  2758. #header #header-blocks #headerblock-left {
  2759. display: none; } }
  2760. #header #header-blocks #block-social-media-links-social-media-links ul.social-media-links {
  2761. margin: 0;
  2762. line-height: 0; }
  2763. #header #header-blocks #block-social-media-links-social-media-links li {
  2764. line-height: 1; }
  2765. #header #header-blocks #block-social-media-links-social-media-links li.facebook a {
  2766. background-image: url("../img/socialicons/svg/Facebook-color.svg"); }
  2767. #header #header-blocks #block-social-media-links-social-media-links li.twitter a {
  2768. background-image: url("../img/socialicons/svg/Twitter-color.svg"); }
  2769. #header #header-blocks #block-social-media-links-social-media-links li.linkedin a {
  2770. background-image: url("../img/socialicons/svg/LinkedIn-color.svg"); }
  2771. #header #header-blocks #block-social-media-links-social-media-links li.pinterest a {
  2772. background-image: url("../img/socialicons/svg/Pinterest-color.svg"); }
  2773. #header #header-blocks #block-social-media-links-social-media-links li.vimeo a {
  2774. background-image: url("../img/socialicons/svg/Vimeo-color.svg"); }
  2775. #header #header-blocks #block-social-media-links-social-media-links li.rss a {
  2776. background-image: url("../img/socialicons/svg/RSS-color.svg"); }
  2777. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  2778. #header #header-blocks #block-social-media-links-social-media-links li.linkedin, #header #header-blocks #block-social-media-links-social-media-links li.pinterest, #header #header-blocks #block-social-media-links-social-media-links li.vimeo {
  2779. display: none; } }
  2780. #header #header-blocks #block-social-media-links-social-media-links a {
  2781. display: block;
  2782. width: 16px;
  2783. height: 16px;
  2784. background-position: center;
  2785. background-repeat: no-repeat;
  2786. background-size: contain; }
  2787. #header #header-blocks #block-social-media-links-social-media-links img {
  2788. display: none; }
  2789. #header #header-blocks #block-materio-user-front-link a {
  2790. font-size: 12px; }
  2791. #header #header-blocks #block-materio-user-front-link span.text {
  2792. display: none; }
  2793. #header #header-blocks #block-user-login {
  2794. font-size: 12px;
  2795. text-align: left;
  2796. position: relative; }
  2797. #header #header-blocks #block-user-login h2 {
  2798. padding-right: 5px; }
  2799. #header #header-blocks #block-user-login h2 i {
  2800. vertical-align: text-bottom;
  2801. margin: 0 2px 2px 0; }
  2802. #header #header-blocks #block-user-login form#user-login-form {
  2803. position: absolute;
  2804. overflow: hidden;
  2805. right: 0;
  2806. margin: 0;
  2807. height: 0;
  2808. transition: height 0.3s ease-out; }
  2809. #header #header-blocks #block-user-login form#user-login-form > div {
  2810. padding: 5px;
  2811. margin: 5px;
  2812. background-color: #e6e6e6;
  2813. border-radius: 5px;
  2814. background-clip: padding-box;
  2815. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  2816. #header #header-blocks #block-user-login form#user-login-form .form-item {
  2817. margin: 0;
  2818. padding-bottom: 5px; }
  2819. #header #header-blocks #block-user-login form#user-login-form label, #header #header-blocks #block-user-login form#user-login-form input {
  2820. margin: 0;
  2821. font-size: 10px; }
  2822. #header #header-blocks #block-user-login form#user-login-form input.form-text {
  2823. width: 150px;
  2824. height: 2em; }
  2825. #header #header-blocks #block-user-login form#user-login-form .form-actions {
  2826. margin: 5px 0;
  2827. padding: 0;
  2828. background-color: transparent;
  2829. text-align: right; }
  2830. #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit {
  2831. font-size: 16px;
  2832. padding: 0.1em 0.6em 0.2em;
  2833. border-radius: 0.3em;
  2834. background-clip: padding-box;
  2835. font-weight: bold;
  2836. margin-bottom: 4px;
  2837. border: 2px solid #E6DE1C;
  2838. background-color: #E6DE1C;
  2839. color: #fff;
  2840. cursor: pointer;
  2841. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  2842. transition: text-shadow 0.2s ease-out; }
  2843. #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:hover, #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:focus {
  2844. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  2845. #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:active {
  2846. transition: text-shadow 0s ease-out;
  2847. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  2848. #header #header-blocks #block-user-login form#user-login-form div.newpass {
  2849. text-align: right; }
  2850. #header #header-blocks #block-user-login form#user-login-form div.newpass a {
  2851. font-size: 10px;
  2852. color: #686868;
  2853. text-transform: lowercase; }
  2854. html.no-touch #header #header-blocks #block-user-login:hover form#user-login-form, #header #header-blocks #block-user-login.hovered form#user-login-form {
  2855. height: 300px;
  2856. z-index: 1000; }
  2857. @media only screen and (max-width: 40em) {
  2858. #header #header-blocks #block-user-login span.login {
  2859. display: none; } }
  2860. #header #header-blocks #block-ajax-register-ajax-register-block {
  2861. font-size: 12px;
  2862. text-transform: lowercase; }
  2863. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in {
  2864. font-size: 12px;
  2865. line-height: 1.5; }
  2866. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in i {
  2867. vertical-align: text-bottom;
  2868. margin: 0 5px 1px 0;
  2869. line-height: 1; }
  2870. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.account {
  2871. text-transform: lowercase; }
  2872. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.logout {
  2873. display: none;
  2874. margin-left: 5px; }
  2875. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in .fi-power {
  2876. margin: 0 0.5em 0 0.5em; }
  2877. @media only screen and (max-width: 40em) {
  2878. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.account {
  2879. display: none; } }
  2880. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  2881. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.account {
  2882. display: none; } }
  2883. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav {
  2884. position: relative; }
  2885. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 {
  2886. margin: 0;
  2887. font-size: 12px;
  2888. line-height: 1.5; }
  2889. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i {
  2890. line-height: 1; }
  2891. @media only screen and (max-width: 40em) {
  2892. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
  2893. display: none; } }
  2894. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  2895. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
  2896. display: none; } }
  2897. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
  2898. position: absolute;
  2899. z-index: 20;
  2900. background-color: rgba(255, 255, 255, 0.9);
  2901. min-width: 100%;
  2902. margin: 0 0 0 -5px;
  2903. border-radius: 3px;
  2904. background-clip: padding-box;
  2905. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
  2906. .ie8 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
  2907. background: #FFF; }
  2908. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists ul {
  2909. margin: 0; }
  2910. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li {
  2911. list-style: none;
  2912. font-size: 12px;
  2913. font-weight: 700;
  2914. padding: 0 10px;
  2915. text-align: left;
  2916. width: 200px;
  2917. height: 0;
  2918. overflow: hidden;
  2919. transition: height 0.3s ease-out; }
  2920. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a, #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.preview {
  2921. white-space: nowrap;
  2922. cursor: pointer; }
  2923. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a.open-list {
  2924. max-width: 150px; }
  2925. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.count {
  2926. font-weight: 300;
  2927. padding: 0 5px; }
  2928. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.preview, #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a.edit-list {
  2929. padding-right: 5px; }
  2930. .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview, .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list {
  2931. visibility: hidden; }
  2932. .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview > *, .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list > * {
  2933. margin-top: -100000px; }
  2934. .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview, .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list {
  2935. opacity: 0;
  2936. transition: visibility 0s 0.3s; }
  2937. .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview > *, .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list > * {
  2938. transition: margin-top 0s 0.3s; }
  2939. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists {
  2940. padding-bottom: 5px; }
  2941. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists li {
  2942. height: 15px;
  2943. padding: 3px 10px; }
  2944. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i {
  2945. vertical-align: text-bottom;
  2946. margin: 0 2px 2px 0; }
  2947. @media only screen and (max-width: 40em) {
  2948. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
  2949. display: none; } }
  2950. #header #header-blocks #headerblock-right .block {
  2951. display: moz-inline-stack;
  2952. display: inline-block;
  2953. vertical-align: top;
  2954. zoom: 1;
  2955. *display: inline;
  2956. padding: 0;
  2957. vertical-align: middle; }
  2958. #header #header-blocks #headerblock-right .block:first-child {
  2959. padding: 0; }
  2960. .ie8 #header #header-blocks #block-menu-menu-top-menu h2 {
  2961. display: none; }
  2962. #header #header-blocks #block-menu-menu-top-menu h2 i {
  2963. vertical-align: text-bottom;
  2964. margin: 0 0 2px 0; }
  2965. #header #header-blocks #block-menu-menu-top-menu ul.menu, #header #header-blocks #block-menu-menu-top-menu li {
  2966. font-size: 12px;
  2967. list-style: none; }
  2968. .ie8 #header #header-blocks #block-menu-menu-top-menu ul.menu, .ie8 #header #header-blocks #block-menu-menu-top-menu li {
  2969. display: inline; }
  2970. @media only screen and (min-width: 40.063em) {
  2971. #header #header-blocks #block-menu-menu-top-menu h2 {
  2972. display: none; }
  2973. #header #header-blocks #block-menu-menu-top-menu ul.menu, #header #header-blocks #block-menu-menu-top-menu li {
  2974. display: moz-inline-stack;
  2975. display: inline-block;
  2976. vertical-align: top;
  2977. zoom: 1;
  2978. *display: inline;
  2979. vertical-align: middle;
  2980. padding: 0;
  2981. margin: 0; }
  2982. #header #header-blocks #block-menu-menu-top-menu a {
  2983. padding: 0 0.5em 0 0; } }
  2984. @media only screen and (max-width: 40em) {
  2985. #header #header-blocks #block-menu-menu-top-menu {
  2986. position: relative; }
  2987. #header #header-blocks #block-menu-menu-top-menu h2 .menu-title {
  2988. display: none; }
  2989. #header #header-blocks #block-menu-menu-top-menu .menu-wrapper {
  2990. position: absolute;
  2991. width: 150px;
  2992. display: none;
  2993. right: 0;
  2994. padding-top: 5px; }
  2995. #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu {
  2996. background-color: #e6e6e6;
  2997. border-radius: 5px;
  2998. background-clip: padding-box;
  2999. padding: 0 5px 5px 5px;
  3000. margin: 0;
  3001. text-align: right; }
  3002. #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li {
  3003. height: 0;
  3004. overflow: hidden;
  3005. transition: height 0.3s ease-out; }
  3006. #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li a {
  3007. display: block;
  3008. width: 100%;
  3009. padding: 2px 5px;
  3010. font-size: 12px; }
  3011. html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover, #header #header-blocks #block-menu-menu-top-menu.hovered {
  3012. z-index: 1000; }
  3013. html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover .menu-wrapper, #header #header-blocks #block-menu-menu-top-menu.hovered .menu-wrapper {
  3014. display: block; }
  3015. html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover .menu-wrapper ul.menu li, #header #header-blocks #block-menu-menu-top-menu.hovered .menu-wrapper ul.menu li {
  3016. height: 25px; } }
  3017. #header #header-blocks #block-locale-language {
  3018. position: relative; }
  3019. #header #header-blocks #block-locale-language h2 {
  3020. font-size: 9px;
  3021. line-height: 1.6;
  3022. display: inline-block;
  3023. padding: 0.20em 0.45em 0.10em;
  3024. margin: 0;
  3025. border-radius: 3px;
  3026. background-clip: padding-box;
  3027. color: #fff;
  3028. text-transform: uppercase;
  3029. background-color: #4d4b4b; }
  3030. #header #header-blocks #block-locale-language ul, #header #header-blocks #block-locale-language li {
  3031. margin: 0;
  3032. padding: 0;
  3033. list-style-type: none;
  3034. font-size: 12px;
  3035. line-height: 0.9; }
  3036. #header #header-blocks #block-locale-language ul.active, #header #header-blocks #block-locale-language li.active {
  3037. display: none; }
  3038. .ie8 #header #header-blocks #block-locale-language {
  3039. padding-top: 5px; }
  3040. #header #header-blocks #block-locale-language ul {
  3041. padding-top: 2.1em;
  3042. position: absolute;
  3043. top: 0;
  3044. left: 0;
  3045. text-align: left; }
  3046. #header #header-blocks #block-locale-language li {
  3047. height: 0;
  3048. overflow: hidden;
  3049. transition: height 0.3s ease-in-out; }
  3050. #header #header-blocks #block-locale-language li a {
  3051. display: inline-block;
  3052. font-size: 0.9em;
  3053. padding: 0.33em 0.34em 0.3em;
  3054. border-radius: 3px;
  3055. background-clip: padding-box;
  3056. color: #fff;
  3057. text-transform: uppercase;
  3058. background-color: #808080;
  3059. transition: background-color 0.3s ease-out; }
  3060. #header #header-blocks #block-locale-language li a:hover {
  3061. background-color: #1A1A1A; }
  3062. #header #header-blocks #block-locale-language:hover li {
  3063. height: 1.5em; }
  3064. #header #header-blocks #block-materio-user-old-database-link a {
  3065. font-size: 12px; }
  3066. /*
  3067. __ _ ___ __ _
  3068. __ __/ /_(_) (_) /_(_)__ _____
  3069. / / / / __/ / / / __/ / _ \/ ___/
  3070. / /_/ / /_/ / / / /_/ / __(__ )
  3071. \__,_/\__/_/_/_/\__/_/\___/____/
  3072. */
  3073. #utilities {
  3074. background-color: #fff;
  3075. margin-top: 60px; }
  3076. .not-logged-in #utilities {
  3077. overflow: hidden; }
  3078. #utilities > .inner {
  3079. padding: 0.5em 0; }
  3080. #utilities.closed {
  3081. height: 0; }
  3082. #utilities.closed .tabs, #utilities.closed .node-didactique {
  3083. display: none; }
  3084. @media only screen and (max-width: 40em) {
  3085. #utilities {
  3086. margin-top: 0; } }
  3087. /*
  3088. _
  3089. ____ ___ ____ _(_)___
  3090. / __ `__ \/ __ `/ / __ / / / / / / /_/ / / / / /
  3091. /_/ /_/ /_/\__,_/_/_/ /_/
  3092. */
  3093. body.home-v2 #main {
  3094. padding-top: 60px; }
  3095. /*
  3096. __ _ __ ___ __ __ __
  3097. / /_ (_)___ _/ /_ / (_)___ _/ /_ / /____ ____/ /
  3098. / __ \/ / __ `/ __ \/ / / __ `/ __ \/ __/ _ \/ __ /
  3099. / / / / / /_/ / / / / / / /_/ / / / / /_/ __/ /_/ /
  3100. /_/ /_/_/\__, /_/ /_/_/_/\__, /_/ /_/\__/\___/\__,_/
  3101. /____/ /____/
  3102. */
  3103. #highlighted {
  3104. border-radius: 5px;
  3105. background-clip: padding-box;
  3106. box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  3107. padding: 0.5em;
  3108. position: relative; }
  3109. @media only screen and (min-width: 40.063em) {
  3110. #highlighted {
  3111. margin: 20px 0 6px; }
  3112. #highlighted .block {
  3113. display: moz-inline-stack;
  3114. display: inline-block;
  3115. vertical-align: top;
  3116. zoom: 1;
  3117. *display: inline;
  3118. vertical-align: top; }
  3119. #highlighted .block-materio-didactique {
  3120. width: 65%; }
  3121. #highlighted .block-materio-didactique .side {
  3122. display: moz-inline-stack;
  3123. display: inline-block;
  3124. vertical-align: top;
  3125. zoom: 1;
  3126. *display: inline;
  3127. vertical-align: top;
  3128. position: relative; }
  3129. #highlighted .block-materio-didactique .group-sideleft {
  3130. width: 65%; }
  3131. #highlighted .block-materio-didactique .group-sideright {
  3132. width: 30%; }
  3133. #highlighted .block-materio-didactique .field-name-title-field {
  3134. font-size: 24px; }
  3135. #highlighted .block-materio-didactique .node.emvideo .group-sideleft, #highlighted .block-materio-didactique .node.emvideo .group-sideright {
  3136. width: 47%; }
  3137. #highlighted .block-materio-didactique .node.emvideo .group-sideleft {
  3138. margin-right: 2%; }
  3139. #highlighted #block-materio-user-user-register {
  3140. width: 30%;
  3141. padding: 5px;
  3142. height: 290px; } }
  3143. @media only screen {
  3144. #highlighted .block-materio-didactique .side {
  3145. display: moz-inline-stack;
  3146. display: inline-block;
  3147. vertical-align: top;
  3148. zoom: 1;
  3149. *display: inline;
  3150. vertical-align: top; } }
  3151. @media only screen and (max-width: 40em) {
  3152. #highlighted {
  3153. margin: 10px 0 6px; }
  3154. #highlighted .block-materio-didactique .group-sideleft, #highlighted .block-materio-didactique .group-sideright {
  3155. width: 100%; }
  3156. #highlighted .block-materio-didactique .node-didactique .field-name-title-field {
  3157. font-size: 20px;
  3158. font-weight: normal !important; }
  3159. #highlighted .block-materio-didactique .node-didactique .field-name-title-field:after {
  3160. content: "\a0\f10b";
  3161. font-family: "foundation-icons";
  3162. font-style: normal;
  3163. font-weight: normal;
  3164. font-variant: normal;
  3165. text-transform: none;
  3166. line-height: 1;
  3167. -webkit-font-smoothing: antialiased;
  3168. display: inline-block;
  3169. text-decoration: inherit;
  3170. font-size: 16px; }
  3171. html.js #highlighted .block-materio-didactique .node-didactique {
  3172. height: auto;
  3173. height: 30px;
  3174. overflow: hidden; }
  3175. html.js #highlighted .block-materio-didactique .node-didactique.opened {
  3176. height: auto; } }
  3177. .oldie #highlighted .block {
  3178. display: moz-inline-stack;
  3179. display: inline-block;
  3180. vertical-align: top;
  3181. zoom: 1;
  3182. *display: inline; }
  3183. #highlighted .block-materio-didactique .node-didactique {
  3184. font-size: 14px;
  3185. background-color: #fff;
  3186. margin: 0 auto; }
  3187. #highlighted .block-materio-didactique .node-didactique .side {
  3188. position: relative; }
  3189. #highlighted .block-materio-didactique .node-didactique .field-name-title-field {
  3190. font-weight: 900;
  3191. font-style: italic;
  3192. padding: 5px 0; }
  3193. #highlighted .block-materio-didactique .node-didactique .field-name-field-visuel {
  3194. text-align: center; }
  3195. #highlighted .block-materio-didactique .node-didactique .field-name-field-visuel figure, #highlighted .block-materio-didactique .node-didactique .field-name-field-visuel img {
  3196. display: inline; }
  3197. #highlighted .block-materio-didactique .node-didactique.emvideo .field-name-field-visuel {
  3198. display: none; }
  3199. .ie8 #highlighted .block-materio-didactique .node-didactique .player {
  3200. display: none; }
  3201. html.js #highlighted .block-materio-didactique {
  3202. position: relative;
  3203. overflow: hidden; }
  3204. html.js #highlighted .block-materio-didactique .slides {
  3205. height: 270px;
  3206. margin: 0;
  3207. position: relative;
  3208. width: 100%;
  3209. overflow: hidden; }
  3210. html.js #highlighted .block-materio-didactique .slides .node-didactique {
  3211. position: absolute;
  3212. width: 100%;
  3213. height: 100%;
  3214. top: 0;
  3215. left: 0; }
  3216. html.js #highlighted .block-materio-didactique .slides .field-name-title-field {
  3217. height: 30px; }
  3218. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper {
  3219. height: 240px; }
  3220. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .side {
  3221. height: 100%; }
  3222. @media only screen and (max-width: 40em) {
  3223. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  3224. width: 290px;
  3225. height: 163.125px; } }
  3226. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  3227. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  3228. width: 216px;
  3229. height: 121.5px; } }
  3230. @media only screen and (min-width: 64.063em) and (max-width: 90em) {
  3231. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  3232. width: 216px;
  3233. height: 121.5px; } }
  3234. @media only screen and (min-width: 90.063em) and (max-width: 120em) {
  3235. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  3236. width: 280px;
  3237. height: 157.5px; } }
  3238. @media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  3239. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  3240. width: 340px;
  3241. height: 191.25px; } }
  3242. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo * {
  3243. height: 100%;
  3244. width: 100%; }
  3245. html.js #highlighted .block-materio-didactique .tabs {
  3246. height: 30px;
  3247. margin: 0;
  3248. text-align: left; }
  3249. html.js #highlighted .block-materio-didactique .tabs > * {
  3250. display: moz-inline-stack;
  3251. display: inline-block;
  3252. vertical-align: top;
  3253. zoom: 1;
  3254. *display: inline;
  3255. vertical-align: top;
  3256. padding: 5px 10px;
  3257. font-size: 12px;
  3258. cursor: pointer;
  3259. color: #bfbfbf; }
  3260. html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlighted .block-materio-didactique .tabs > *:focus, html.js #highlighted .block-materio-didactique .tabs > *.active {
  3261. color: #3f3f3f; }
  3262. /*
  3263. __ __ __ _ __
  3264. / /_ / /___ _____/ /__ ________ ____ _(_)____/ /____ _____
  3265. / __ \/ / __ \/ ___/ //_/ / ___/ _ \/ __ `/ / ___/ __/ _ \/ ___/
  3266. / /_/ / / /_/ / /__/ ,< / / / __/ /_/ / (__ ) /_/ __/ /
  3267. /_.___/_/\____/\___/_/|_| /_/ \___/\__, /_/____/\__/\___/_/
  3268. /____/
  3269. */
  3270. #block-materio-user-user-register, #block-materio-user-user-createaccount {
  3271. min-height: 120px;
  3272. padding: 5px;
  3273. background: transparent url("../img/register-block.png") no-repeat 100% 90%; }
  3274. .ie8 #block-materio-user-user-register, .ie8 #block-materio-user-user-createaccount {
  3275. max-width: 250px;
  3276. float: right;
  3277. background-image: none; }
  3278. #block-materio-user-user-register h2, #block-materio-user-user-register h3, #block-materio-user-user-createaccount h2, #block-materio-user-user-createaccount h3 {
  3279. font-weight: 900;
  3280. font-style: italic;
  3281. padding: 5px 0;
  3282. margin: 0;
  3283. line-height: 1;
  3284. background-color: #fff;
  3285. display: moz-inline-stack;
  3286. display: inline-block;
  3287. vertical-align: top;
  3288. zoom: 1;
  3289. *display: inline;
  3290. min-width: 50%; }
  3291. #block-materio-user-user-register h2, #block-materio-user-user-createaccount h2 {
  3292. font-size: 24px; }
  3293. #block-materio-user-user-register h3, #block-materio-user-user-createaccount h3 {
  3294. font-size: 16px; }
  3295. #block-materio-user-user-register form, #block-materio-user-user-createaccount form {
  3296. margin: 0;
  3297. background-color: rgba(255, 255, 255, 0.7);
  3298. padding-bottom: 5px;
  3299. display: moz-inline-stack;
  3300. display: inline-block;
  3301. vertical-align: top;
  3302. zoom: 1;
  3303. *display: inline; }
  3304. #block-materio-user-user-register .form-item, #block-materio-user-user-register .form-wrapper, #block-materio-user-user-createaccount .form-item, #block-materio-user-user-createaccount .form-wrapper {
  3305. margin: 0;
  3306. display: moz-inline-stack;
  3307. display: inline-block;
  3308. vertical-align: top;
  3309. zoom: 1;
  3310. *display: inline;
  3311. vertical-align: middle;
  3312. position: relative; }
  3313. #block-materio-user-user-register #edit-account, #block-materio-user-user-createaccount #edit-account {
  3314. margin-right: 5px; }
  3315. #block-materio-user-user-register input.form-text, #block-materio-user-user-createaccount input.form-text {
  3316. font-size: 12px;
  3317. border-radius: 5px;
  3318. background-clip: padding-box;
  3319. margin-bottom: 4px; }
  3320. .ie8 #block-materio-user-user-register input.form-text, .ie8 #block-materio-user-user-createaccount input.form-text {
  3321. margin-right: 5px; }
  3322. #block-materio-user-user-register .form-item-mail input.form-text, #block-materio-user-user-register .form-item-name input.form-text, #block-materio-user-user-createaccount .form-item-mail input.form-text, #block-materio-user-user-createaccount .form-item-name input.form-text {
  3323. width: 11em; }
  3324. #block-materio-user-user-register .form-item-pass input.form-text, #block-materio-user-user-createaccount .form-item-pass input.form-text {
  3325. width: 7em; }
  3326. #block-materio-user-user-register #edit-mail-check, #block-materio-user-user-createaccount #edit-mail-check {
  3327. position: absolute;
  3328. bottom: 100%;
  3329. z-index: 9999;
  3330. background-image: none;
  3331. height: auto;
  3332. padding: 5px;
  3333. border-radius: 5px;
  3334. background-clip: padding-box;
  3335. margin-bottom: 10px;
  3336. font-size: 10px;
  3337. background-color: #fff;
  3338. box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  3339. transition: bottom 0.1s ease-out; }
  3340. #block-materio-user-user-register #edit-mail-check.error, #block-materio-user-user-createaccount #edit-mail-check.error {
  3341. background-color: #f3968d;
  3342. color: #fff; }
  3343. #block-materio-user-user-register #edit-mail-check.ok, #block-materio-user-user-createaccount #edit-mail-check.ok {
  3344. display: none; }
  3345. #block-materio-user-user-register .form-submit, #block-materio-user-user-createaccount .form-submit {
  3346. font-size: 16px;
  3347. padding: 0.1em 0.6em 0.2em;
  3348. border-radius: 0.3em;
  3349. background-clip: padding-box;
  3350. font-weight: bold;
  3351. margin-bottom: 4px; }
  3352. #block-materio-user-user-register .form-item-termsofservices, #block-materio-user-user-register #edit-field-newsletter, #block-materio-user-user-createaccount .form-item-termsofservices, #block-materio-user-user-createaccount #edit-field-newsletter {
  3353. margin-bottom: 0;
  3354. display: block;
  3355. line-height: 1; }
  3356. #block-materio-user-user-register .form-item-termsofservices > *, #block-materio-user-user-register #edit-field-newsletter > *, #block-materio-user-user-createaccount .form-item-termsofservices > *, #block-materio-user-user-createaccount #edit-field-newsletter > * {
  3357. display: moz-inline-stack;
  3358. display: inline-block;
  3359. vertical-align: top;
  3360. zoom: 1;
  3361. *display: inline;
  3362. vertical-align: middle;
  3363. margin: 0; }
  3364. #block-materio-user-user-register .form-item-termsofservices label, #block-materio-user-user-register #edit-field-newsletter label, #block-materio-user-user-createaccount .form-item-termsofservices label, #block-materio-user-user-createaccount #edit-field-newsletter label {
  3365. font-size: 10px;
  3366. background-color: #fff;
  3367. border-radius: 3px;
  3368. background-clip: padding-box; }
  3369. #block-materio-user-user-register #user-register-form .form-submit, #block-materio-user-user-createaccount #user-register-form .form-submit {
  3370. border: 2px solid #69CDCF;
  3371. background-color: #69CDCF;
  3372. color: #fff;
  3373. cursor: pointer;
  3374. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  3375. transition: text-shadow 0.2s ease-out; }
  3376. #block-materio-user-user-register #user-register-form .form-submit:hover, #block-materio-user-user-register #user-register-form .form-submit:focus, #block-materio-user-user-createaccount #user-register-form .form-submit:hover, #block-materio-user-user-createaccount #user-register-form .form-submit:focus {
  3377. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  3378. #block-materio-user-user-register #user-register-form .form-submit:active, #block-materio-user-user-createaccount #user-register-form .form-submit:active {
  3379. transition: text-shadow 0s ease-out;
  3380. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  3381. #block-materio-user-user-register #user-register-form .form-submit[disabled], #block-materio-user-user-createaccount #user-register-form .form-submit[disabled] {
  3382. background-color: #ddd;
  3383. border: 2px solid #ddd; }
  3384. #block-materio-user-user-register #user-login .form-submit, #block-materio-user-user-createaccount #user-login .form-submit {
  3385. border: 2px solid #E6DE1C;
  3386. background-color: #E6DE1C;
  3387. color: #fff;
  3388. cursor: pointer;
  3389. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  3390. transition: text-shadow 0.2s ease-out; }
  3391. #block-materio-user-user-register #user-login .form-submit:hover, #block-materio-user-user-register #user-login .form-submit:focus, #block-materio-user-user-createaccount #user-login .form-submit:hover, #block-materio-user-user-createaccount #user-login .form-submit:focus {
  3392. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  3393. #block-materio-user-user-register #user-login .form-submit:active, #block-materio-user-user-createaccount #user-login .form-submit:active {
  3394. transition: text-shadow 0s ease-out;
  3395. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  3396. #block-materio-user-user-register #edit-simplenews, #block-materio-user-user-createaccount #edit-simplenews {
  3397. padding-top: 0.5em; }
  3398. #block-materio-user-user-register #edit-simplenews .fieldset-description, #block-materio-user-user-createaccount #edit-simplenews .fieldset-description {
  3399. font-size: 12px; }
  3400. #block-materio-user-user-register #edit-simplenews .form-checkboxes .form-item, #block-materio-user-user-createaccount #edit-simplenews .form-checkboxes .form-item {
  3401. display: block; }
  3402. #block-materio-user-user-register #edit-simplenews .form-checkboxes .form-item label, #block-materio-user-user-createaccount #edit-simplenews .form-checkboxes .form-item label {
  3403. font-size: 12px; }
  3404. #block-materio-user-user-register a.join, #block-materio-user-user-createaccount a.join {
  3405. display: block;
  3406. width: 5em;
  3407. font-size: 16px;
  3408. padding: 0.1em 0.3em 0.2em;
  3409. border-radius: 0.3em;
  3410. background-clip: padding-box;
  3411. font-weight: bold;
  3412. border: 2px solid #69CDCF;
  3413. background-color: #69CDCF;
  3414. color: #fff;
  3415. cursor: pointer;
  3416. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  3417. transition: text-shadow 0.2s ease-out;
  3418. text-align: center;
  3419. text-decoration: none; }
  3420. #block-materio-user-user-register a.join:hover, #block-materio-user-user-register a.join:focus, #block-materio-user-user-createaccount a.join:hover, #block-materio-user-user-createaccount a.join:focus {
  3421. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  3422. #block-materio-user-user-register a.join:active, #block-materio-user-user-createaccount a.join:active {
  3423. transition: text-shadow 0s ease-out;
  3424. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  3425. @media only screen and (max-width: 40em) {
  3426. #block-materio-user-user-register, #block-materio-user-user-createaccount {
  3427. background-position: 160% 50%;
  3428. min-height: 60px;
  3429. padding: 15px 0; }
  3430. #block-materio-user-user-register .form-item-mail input.form-text, #block-materio-user-user-register .form-item-name input.form-text, #block-materio-user-user-createaccount .form-item-mail input.form-text, #block-materio-user-user-createaccount .form-item-name input.form-text {
  3431. width: 7em; } }
  3432. #block-materio-user-user-register .message-error, #block-materio-user-user-createaccount .message-error {
  3433. color: #b94a48;
  3434. font-size: 12px; }
  3435. .modal-content #block-materio-user-user-register, .modal-content #block-materio-user-user-createaccount {
  3436. padding: 2em;
  3437. width: 400px;
  3438. background-color: #fff;
  3439. padding: 5px;
  3440. border-radius: 5px;
  3441. background-clip: padding-box;
  3442. box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); }
  3443. .modal-content #block-materio-user-user-register #user-register-form div.homepage-textfield, .modal-content #block-materio-user-user-createaccount #user-register-form div.homepage-textfield {
  3444. display: none; }
  3445. .modal-content #block-materio-user-user-register #user-register-form .description, .modal-content #block-materio-user-user-createaccount #user-register-form .description {
  3446. font-size: 12px; }
  3447. /*
  3448. __ __ __
  3449. _________ ____ / /____ ____ / /_ / /_____ ____
  3450. / ___/ __ \/ __ \/ __/ _ \/ __ \/ __/_____/ __/ __ \/ __ / /__/ /_/ / / / / /_/ __/ / / / /_/_____/ /_/ /_/ / /_/ /
  3451. \___/\____/_/ /_/\__/\___/_/ /_/\__/ \__/\____/ .___/
  3452. /_/
  3453. */
  3454. #content-top {
  3455. /*
  3456. ___ _ _ _ _
  3457. | _| |___ ___ ___| |_|___| |_
  3458. | _| | .'| . |___| | |_ -| _|
  3459. |_| |_|__,|_ | |_|_|___|_|
  3460. |___|
  3461. */ }
  3462. #content-top #block-materio-flag-materio-flag-mybookmarks, #content-top #block-materio-flag-materio-flag-mylists {
  3463. font-size: 10px;
  3464. color: #666666;
  3465. font-weight: 300; }
  3466. .ie8 #content-top #block-materio-flag-materio-flag-mybookmarks, .ie8 #content-top #block-materio-flag-materio-flag-mylists {
  3467. margin-top: 40px; }
  3468. #content-top #block-materio-flag-materio-flag-mybookmarks h2, #content-top #block-materio-flag-materio-flag-mylists h2 {
  3469. font-size: 12px;
  3470. font-weight: 700;
  3471. line-height: 1.2;
  3472. margin: 0;
  3473. color: #000; }
  3474. #content-top #block-materio-flag-materio-flag-mybookmarks h2 a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks h2 i.fi-x, #content-top #block-materio-flag-materio-flag-mylists h2 a.open-list, #content-top #block-materio-flag-materio-flag-mylists h2 i.fi-x {
  3475. display: moz-inline-stack;
  3476. display: inline-block;
  3477. vertical-align: top;
  3478. zoom: 1;
  3479. *display: inline;
  3480. cursor: pointer;
  3481. color: #000;
  3482. margin-left: 0.5em;
  3483. opacity: 0;
  3484. transition: opacity 0.1s ease-out; }
  3485. #content-top #block-materio-flag-materio-flag-mybookmarks h2 i:before, #content-top #block-materio-flag-materio-flag-mylists h2 i:before {
  3486. font-size: 14px; }
  3487. #content-top #block-materio-flag-materio-flag-mybookmarks:hover a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks:hover i.fi-x, #content-top #block-materio-flag-materio-flag-mylists:hover a.open-list, #content-top #block-materio-flag-materio-flag-mylists:hover i.fi-x {
  3488. opacity: 1; }
  3489. #content-top #block-materio-flag-materio-flag-mybookmarks span.listname[name=bookmarks], #content-top #block-materio-flag-materio-flag-mylists span.listname[name=bookmarks] {
  3490. cursor: pointer; }
  3491. #content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks, #content-top #block-materio-flag-materio-flag-mylists section.bookmarks {
  3492. height: 0;
  3493. overflow: hidden; }
  3494. #content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks.active, #content-top #block-materio-flag-materio-flag-mylists section.bookmarks.active {
  3495. height: auto; }
  3496. #content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks article.node.vm-bookmark, #content-top #block-materio-flag-materio-flag-mylists section.bookmarks article.node.vm-bookmark {
  3497. overflow: hidden; }
  3498. #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section h2, #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section .flaged, #content-top #block-materio-flag-materio-flag-mylists .mylists section h2, #content-top #block-materio-flag-materio-flag-mylists .mylists section .flaged {
  3499. height: 0;
  3500. overflow: hidden; }
  3501. #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section.active h2, #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section.active .flaged, #content-top #block-materio-flag-materio-flag-mylists .mylists section.active h2, #content-top #block-materio-flag-materio-flag-mylists .mylists section.active .flaged {
  3502. height: auto; }
  3503. #tool-bar {
  3504. position: relative; }
  3505. #tool-bar .inner-content {
  3506. padding-top: 10px;
  3507. padding-bottom: 10px; }
  3508. #tool-bar .inner-content > * {
  3509. display: moz-inline-stack;
  3510. display: inline-block;
  3511. vertical-align: top;
  3512. zoom: 1;
  3513. *display: inline;
  3514. vertical-align: middle; }
  3515. .oldie #tool-bar {
  3516. background-color: #B1ADAD;
  3517. padding: 0 10px; }
  3518. #tool-bar .btn-group {
  3519. padding: 0;
  3520. border-radius: 3px;
  3521. background-clip: padding-box;
  3522. background-color: #fff;
  3523. margin: 4px;
  3524. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  3525. transition: box-shadow 0.3s ease-out; }
  3526. #tool-bar .btn-group:hover, #tool-bar .btn-group:focus {
  3527. box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
  3528. #tool-bar .btn-group:active {
  3529. transition: box-shadow 0s ease-out;
  3530. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  3531. #tool-bar #block-materio-page-title-materio-page-title {
  3532. margin: 0 10px 0 0; }
  3533. #tool-bar #block-materio-page-title-materio-page-title h1 {
  3534. margin: 0;
  3535. font-size: 24px;
  3536. text-transform: capitalize;
  3537. font-weight: 300; }
  3538. #tool-bar #block-materio-page-title-materio-page-title i {
  3539. vertical-align: middle;
  3540. margin-right: 5px; }
  3541. #tool-bar #block-materio-page-title-materio-page-title a.edit-list {
  3542. visibility: hidden; }
  3543. #tool-bar #block-materio-page-title-materio-page-title a.edit-list > * {
  3544. margin-top: -100000px; }
  3545. .csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list {
  3546. opacity: 0;
  3547. transition: visibility 0s 0.3s; }
  3548. .csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list > * {
  3549. transition: margin-top 0s 0.3s; }
  3550. #tool-bar #block-materio-page-title-materio-page-title a.edit-list i {
  3551. margin: 0 0 0 5px; }
  3552. #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
  3553. visibility: visible; }
  3554. .csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
  3555. opacity: 1;
  3556. transition: opacity 0.3s ease-out; }
  3557. @media only screen and (max-width: 40em) {
  3558. #tool-bar #block-materio-page-title-materio-page-title {
  3559. display: block; } }
  3560. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link {
  3561. display: moz-inline-stack;
  3562. display: inline-block;
  3563. vertical-align: top;
  3564. zoom: 1;
  3565. *display: inline;
  3566. margin: 0 2px; }
  3567. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link.active {
  3568. cursor: normal; }
  3569. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link .inner {
  3570. display: none;
  3571. font-size: 10px; }
  3572. @media only screen and (max-width: 40em) {
  3573. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link {
  3574. display: block; }
  3575. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link:not(.active) {
  3576. display: none; } }
  3577. @media only screen and (max-width: 40em) {
  3578. html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardsmall, html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardmedium, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardsmall, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardmedium {
  3579. display: block; } }
  3580. @media only screen and (max-width: 40em) {
  3581. html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardsmall, html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardmedium, html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardbig, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardsmall, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardmedium, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardbig {
  3582. display: block; } }
  3583. #tool-bar #block-materio-search-api-materio-search-api-search {
  3584. float: right; }
  3585. #tool-bar #block-materio-search-api-materio-search-api-search > .inner {
  3586. display: moz-inline-stack;
  3587. display: inline-block;
  3588. vertical-align: top;
  3589. zoom: 1;
  3590. *display: inline;
  3591. margin: 0 0 0 10px;
  3592. padding: 3px 10px;
  3593. background-color: #fff;
  3594. border-radius: 3px;
  3595. background-clip: padding-box;
  3596. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  3597. transition: box-shadow 0.3s ease-out;
  3598. text-align: right; }
  3599. #tool-bar #block-materio-search-api-materio-search-api-search > .inner:hover, #tool-bar #block-materio-search-api-materio-search-api-search > .inner:focus {
  3600. box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
  3601. #tool-bar #block-materio-search-api-materio-search-api-search > .inner:active {
  3602. transition: box-shadow 0s ease-out;
  3603. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  3604. #tool-bar #materio-search-api-search-form {
  3605. text-align: right;
  3606. display: moz-inline-stack;
  3607. display: inline-block;
  3608. vertical-align: top;
  3609. zoom: 1;
  3610. *display: inline;
  3611. margin: 0; }
  3612. #tool-bar #materio-search-api-search-form .form-item, #tool-bar #materio-search-api-search-form input, #tool-bar #materio-search-api-search-form .form-checkboxes {
  3613. display: moz-inline-stack;
  3614. display: inline-block;
  3615. vertical-align: top;
  3616. zoom: 1;
  3617. *display: inline;
  3618. margin: 0;
  3619. vertical-align: middle;
  3620. padding: 0; }
  3621. #tool-bar #materio-search-api-search-form .form-checkboxes {
  3622. padding: 3px;
  3623. font-size: 12px; }
  3624. #tool-bar #materio-search-api-search-form .form-checkboxes .form-item {
  3625. margin: 0 5px; }
  3626. #tool-bar #materio-search-api-search-form .form-checkboxes .form-item label {
  3627. font-size: 10px; }
  3628. #tool-bar #materio-search-api-search-form a.back-search-home {
  3629. display: inline-block;
  3630. vertical-align: middle;
  3631. color: #000;
  3632. padding: 0 0.5em 0 0.2em; }
  3633. #tool-bar #materio-search-api-search-form a.back-search-home i:before {
  3634. font-size: 1.3em; }
  3635. #tool-bar #materio-search-api-search-form input#edit-searchfield {
  3636. border: 1px solid #ccc;
  3637. border-radius: 15px;
  3638. background-clip: padding-box;
  3639. margin: 3px 0 3px 3px;
  3640. padding: 4px 5px;
  3641. height: 20px;
  3642. font-size: 12px;
  3643. line-height: 1;
  3644. background-position: 100% 7px; }
  3645. #tool-bar #materio-search-api-search-form input#edit-searchfield.throbbing {
  3646. background-position: 100% -15px; }
  3647. .oldie #tool-bar #materio-search-api-search-form #edit-searchfield-autocomplete-aria-live {
  3648. background-color: #1a1a1a; }
  3649. #tool-bar #materio-search-api-search-form input#edit-create {
  3650. padding: 3px; }
  3651. #tool-bar #materio-search-api-search-form.loading {
  3652. background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
  3653. #tool-bar #materio-search-api-search-form.loading input#edit-create {
  3654. visibility: hidden; }
  3655. @media only screen and (max-width: 40em) {
  3656. #tool-bar #materio-search-api-search-form input#edit-searchfield {
  3657. width: 16em; }
  3658. #tool-bar #materio-search-api-search-form #edit-bundles-filter {
  3659. display: none; } }
  3660. #center {
  3661. border-radius: 10px;
  3662. background-clip: padding-box; }
  3663. .node-type-page:not(.page-node-11187) #center {
  3664. background-color: #fff; }
  3665. .ie8 #center {
  3666. height: 100%;
  3667. margin-top: 20px; }
  3668. #content {
  3669. padding: 1em;
  3670. transition: height 0.3s ease-out; }
  3671. #content.faded {
  3672. opacity: 0.5;
  3673. transition: opacity 0.3s ease-out; }
  3674. #content .materiobase-results, #content .materiobase-actuality, #content .materio-flags-list {
  3675. padding: 0 0 30px 0;
  3676. margin: 0 0 20px 0; }
  3677. #content .materiobase-results.loading, #content .materiobase-actuality.loading, #content .materio-flags-list.loading {
  3678. background-image: url("../img/ajax-loader.gif");
  3679. background-position: center bottom;
  3680. background-repeat: no-repeat; }
  3681. #content .materiobase-results p.search-performance, #content .materiobase-results p.flaglist-infos, #content .materiobase-results p.actualities-infos, #content .materiobase-actuality p.search-performance, #content .materiobase-actuality p.flaglist-infos, #content .materiobase-actuality p.actualities-infos, #content .materio-flags-list p.search-performance, #content .materio-flags-list p.flaglist-infos, #content .materio-flags-list p.actualities-infos {
  3682. font-size: 12px;
  3683. font-weight: 500;
  3684. margin: 0;
  3685. padding: 10px 0 5px 15px; }
  3686. #content .materiobase-results .search-results, #content .materiobase-results .actuality-items, #content .materiobase-results .flaglist-items, #content .materiobase-actuality .search-results, #content .materiobase-actuality .actuality-items, #content .materiobase-actuality .flaglist-items, #content .materio-flags-list .search-results, #content .materio-flags-list .actuality-items, #content .materio-flags-list .flaglist-items {
  3687. font-size: 0;
  3688. text-align: center; }
  3689. #content .materiobase-results .search-results > *, #content .materiobase-results .actuality-items > *, #content .materiobase-results .flaglist-items > *, #content .materiobase-actuality .search-results > *, #content .materiobase-actuality .actuality-items > *, #content .materiobase-actuality .flaglist-items > *, #content .materio-flags-list .search-results > *, #content .materio-flags-list .actuality-items > *, #content .materio-flags-list .flaglist-items > * {
  3690. font-size: 16px; }
  3691. #content .materiobase-results .search-results > *, #content .materiobase-results .actuality-items > *, #content .materiobase-results .flaglist-items > *, #content .materiobase-actuality .search-results > *, #content .materiobase-actuality .actuality-items > *, #content .materiobase-actuality .flaglist-items > *, #content .materio-flags-list .search-results > *, #content .materio-flags-list .actuality-items > *, #content .materio-flags-list .flaglist-items > * {
  3692. text-align: left; }
  3693. #content ul.pager {
  3694. padding: 1em 0;
  3695. text-align: left; }
  3696. .ie8 #content ul.pager {
  3697. position: absolute;
  3698. left: 37px;
  3699. bottom: 35px; }
  3700. #content ul.pager li {
  3701. margin: 0;
  3702. display: moz-inline-stack;
  3703. display: inline-block;
  3704. vertical-align: top;
  3705. zoom: 1;
  3706. *display: inline;
  3707. vertical-align: middle; }
  3708. #content ul.pager .pager-current, #content ul.pager a {
  3709. color: #000;
  3710. font-size: 12px; }
  3711. #content ul.pager .pager-current {
  3712. font-weight: 900;
  3713. font-size: 14px; }
  3714. .ie8 #content ul.pager .pager-current {
  3715. background: #fff;
  3716. padding: 0.3em 1em 0.3em 1em;
  3717. margin-top: 0.05em;
  3718. border: 1px solid #333333; }
  3719. #content ul.pager .pager-first a, #content ul.pager .pager-previous a, #content ul.pager .pager-next a, #content ul.pager .pager-last a {
  3720. font-size: 24px;
  3721. font-weight: 300; }
  3722. /** #content-bottom */
  3723. #content-bottom {
  3724. padding-top: 10px; }
  3725. /*
  3726. _________ ____ ____ _____
  3727. / ____/ | / __ \/ __ \/ ___/
  3728. / / / /| | / /_/ / / / /\__ / /___/ ___ |/ _, _/ /_/ /___/ /
  3729. \____/_/ |_/_/ |_/_____//____/
  3730. */
  3731. /*
  3732. _ _ ___
  3733. ___ ___ ___ _| | ___ ___ ___ ___ ___| |_ ___ ___ ___| _|___ ___ _____ ___ ___ ___ ___
  3734. | _| .'| _| . | |_ -| -_| .'| _| _| | | . | -_| _| _| . | _| | .'| | _| -_|
  3735. |___|__,|_| |___| |___|___|__,|_| |___|_|_| | _|___|_| |_| |___|_| |_|_|_|__,|_|_|___|___|
  3736. |_|
  3737. */
  3738. article.search-performance .inner {
  3739. padding: 1em; }
  3740. article.search-performance p {
  3741. font-size: 14px; }
  3742. article.search-performance a.button {
  3743. display: block;
  3744. margin: 10px auto;
  3745. max-width: 10em;
  3746. font-size: 18px;
  3747. padding: 0.1em 0.6em 0.2em;
  3748. border-radius: 0.3em;
  3749. background-clip: padding-box;
  3750. font-weight: bold;
  3751. border: 2px solid #69CDCF;
  3752. background-color: #69CDCF;
  3753. color: #fff;
  3754. cursor: pointer;
  3755. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  3756. transition: text-shadow 0.2s ease-out;
  3757. text-align: center;
  3758. text-decoration: none; }
  3759. article.search-performance a.button:hover, article.search-performance a.button:focus {
  3760. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  3761. article.search-performance a.button:active {
  3762. transition: text-shadow 0s ease-out;
  3763. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  3764. article.search-performance.view-mode-cardsmall {
  3765. width: 327px;
  3766. height: 140px;
  3767. display: moz-inline-stack;
  3768. display: inline-block;
  3769. vertical-align: top;
  3770. zoom: 1;
  3771. *display: inline;
  3772. position: relative;
  3773. margin: 7px;
  3774. border-radius: 5px;
  3775. background-clip: padding-box;
  3776. background-color: #FFF;
  3777. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  3778. transition: box-shadow 0.3s ease-out; }
  3779. article.search-performance.view-mode-cardmedium {
  3780. width: 210px;
  3781. height: 295px;
  3782. display: moz-inline-stack;
  3783. display: inline-block;
  3784. vertical-align: top;
  3785. zoom: 1;
  3786. *display: inline;
  3787. position: relative;
  3788. margin: 7px;
  3789. border-radius: 5px;
  3790. background-clip: padding-box;
  3791. background-color: #FFF;
  3792. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  3793. transition: box-shadow 0.3s ease-out; }
  3794. article.search-performance.view-mode-cardmedium .inner {
  3795. padding: 4em 1em 0; }
  3796. article.search-performance.view-mode-cardbig {
  3797. width: 425px;
  3798. height: 115px;
  3799. display: moz-inline-stack;
  3800. display: inline-block;
  3801. vertical-align: top;
  3802. zoom: 1;
  3803. *display: inline;
  3804. position: relative;
  3805. margin: 7px;
  3806. border-radius: 5px;
  3807. background-clip: padding-box;
  3808. background-color: #FFF;
  3809. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  3810. transition: box-shadow 0.3s ease-out;
  3811. display: block;
  3812. margin: 0 auto; }
  3813. article.search-performance.view-mode-cardfull {
  3814. width: 850px;
  3815. height: 115px;
  3816. display: moz-inline-stack;
  3817. display: inline-block;
  3818. vertical-align: top;
  3819. zoom: 1;
  3820. *display: inline;
  3821. position: relative;
  3822. margin: 7px;
  3823. border-radius: 5px;
  3824. background-clip: padding-box;
  3825. background-color: #FFF;
  3826. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  3827. transition: box-shadow 0.3s ease-out;
  3828. display: block;
  3829. margin: 0 auto; }
  3830. article.search-performance.view-mode-cardfull .inner {
  3831. padding: 1em 212px; }
  3832. /*
  3833. ______ __ ____ __ __
  3834. / ____/___ __________/ / / __ )____ ____ / /______ ___ ____ ______/ /_______
  3835. / / / __ `/ ___/ __ / / __ / __ \/ __ \/ //_/ __ `__ \/ __ `/ ___/ //_/ ___/
  3836. / /___/ /_/ / / / /_/ / / /_/ / /_/ / /_/ / ,< / / / / / / /_/ / / / ,< (__ )
  3837. \____/\__,_/_/ \__,_/ /_____/\____/\____/_/|_/_/ /_/ /_/\__,_/_/ /_/|_/____/
  3838. */
  3839. article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
  3840. width: 50px;
  3841. height: 70px;
  3842. display: moz-inline-stack;
  3843. display: inline-block;
  3844. vertical-align: top;
  3845. zoom: 1;
  3846. *display: inline;
  3847. position: relative;
  3848. margin: 7px;
  3849. border-radius: 5px;
  3850. background-clip: padding-box;
  3851. background-color: #FFF;
  3852. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  3853. transition: box-shadow 0.3s ease-out;
  3854. margin: 3px; }
  3855. article.node-materiau.vm-bookmark > div.side, article.node-breve.vm-bookmark > div.side {
  3856. border-radius: 5px;
  3857. background-clip: padding-box;
  3858. overflow: hidden; }
  3859. article.node-materiau.vm-bookmark.focused, article.node-breve.vm-bookmark.focused {
  3860. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
  3861. article.node-materiau.vm-bookmark.just-added, article.node-breve.vm-bookmark.just-added {
  3862. opacity: 0; }
  3863. article.node-materiau.vm-bookmark.associated, article.node-breve.vm-bookmark.associated {
  3864. transition: margin 0.3s ease-out; }
  3865. article.node-materiau.vm-bookmark.associated.just-added, article.node-breve.vm-bookmark.associated.just-added {
  3866. margin-left: -50px;
  3867. margin-right: 50px; }
  3868. .modal-content article.node-materiau.vm-bookmark.associated, .modal-content article.node-breve.vm-bookmark.associated {
  3869. position: absolute;
  3870. top: 0;
  3871. left: 0;
  3872. z-index: 999; }
  3873. article.node-materiau.vm-bookmark.removed, article.node-breve.vm-bookmark.removed {
  3874. transition: width 0.3s ease-out;
  3875. width: 0;
  3876. padding-left: 0;
  3877. padding-right: 0;
  3878. margin-right: 0;
  3879. margin-left: 0;
  3880. overflow: hidden; }
  3881. article.node-materiau.vm-bookmark nav.nav, article.node-breve.vm-bookmark nav.nav {
  3882. position: absolute;
  3883. top: 0;
  3884. right: 0;
  3885. z-index: 11;
  3886. padding: 5px 0;
  3887. border-radius: 0 5px 0 3px;
  3888. background-clip: padding-box;
  3889. font-size: 10px;
  3890. background-color: rgba(255, 255, 255, 0.9);
  3891. color: #000; }
  3892. article.node-materiau.vm-bookmark nav.nav a, article.node-breve.vm-bookmark nav.nav a {
  3893. color: #000; }
  3894. article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul {
  3895. background-color: rgba(255, 255, 255, 0.9); }
  3896. article.node-materiau.vm-bookmark nav.nav span.op, article.node-breve.vm-bookmark nav.nav span.op {
  3897. font-weight: 900;
  3898. font-size: 14px; }
  3899. article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul {
  3900. padding: 0;
  3901. margin: 0; }
  3902. article.node-materiau.vm-bookmark nav.nav section, article.node-breve.vm-bookmark nav.nav section {
  3903. position: relative; }
  3904. article.node-materiau.vm-bookmark nav.nav section > i, article.node-breve.vm-bookmark nav.nav section > i {
  3905. margin: 0 5px; }
  3906. article.node-materiau.vm-bookmark nav.nav section > i:hover, article.node-breve.vm-bookmark nav.nav section > i:hover {
  3907. cursor: pointer; }
  3908. article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul {
  3909. position: absolute;
  3910. right: 0;
  3911. top: 0;
  3912. margin-right: 22px;
  3913. min-width: 80px;
  3914. padding: 0;
  3915. display: block;
  3916. border-radius: 3px;
  3917. background-clip: padding-box;
  3918. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
  3919. article.node-materiau.vm-bookmark nav.nav ul li, article.node-breve.vm-bookmark nav.nav ul li {
  3920. padding: 0;
  3921. margin: 0;
  3922. line-height: 1;
  3923. display: block;
  3924. height: 0;
  3925. overflow: hidden;
  3926. transition: height 0.2s ease-out; }
  3927. article.node-materiau.vm-bookmark nav.nav ul li a, article.node-breve.vm-bookmark nav.nav ul li a {
  3928. display: block; }
  3929. article.node-materiau.vm-bookmark nav.nav ul.links a, article.node-breve.vm-bookmark nav.nav ul.links a {
  3930. font-size: 12px; }
  3931. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links {
  3932. width: 160px;
  3933. font-size: 0; }
  3934. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links > * {
  3935. font-size: 11px; }
  3936. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li {
  3937. display: moz-inline-stack;
  3938. display: inline-block;
  3939. vertical-align: top;
  3940. zoom: 1;
  3941. *display: inline;
  3942. min-width: 48%;
  3943. max-width: 98%;
  3944. padding-left: 2px; }
  3945. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a {
  3946. color: #a6a6a6;
  3947. transition: color 0.2s ease-out; }
  3948. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action {
  3949. color: #000;
  3950. text-decoration: none; }
  3951. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  3952. display: block;
  3953. width: 100%; }
  3954. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  3955. margin-top: 1px;
  3956. padding-top: 1px;
  3957. border-top: 1px solid #e6e6e6; }
  3958. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  3959. color: #000; }
  3960. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading {
  3961. background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
  3962. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading a {
  3963. visibility: hidden; }
  3964. .ie8 article.node-materiau.vm-bookmark nav.nav ul, .ie8 article.node-breve.vm-bookmark nav.nav ul {
  3965. background: #FFF; }
  3966. article.node-materiau.vm-bookmark nav.nav section:hover ul, article.node-breve.vm-bookmark nav.nav section:hover ul {
  3967. padding: 5px 5px; }
  3968. article.node-materiau.vm-bookmark nav.nav section:hover ul li, article.node-breve.vm-bookmark nav.nav section:hover ul li {
  3969. height: 17px; }
  3970. article.node-materiau.vm-bookmark div.workflow, article.node-breve.vm-bookmark div.workflow {
  3971. position: absolute;
  3972. bottom: 0;
  3973. right: 0;
  3974. z-index: 11;
  3975. padding: 5px;
  3976. border-radius: 3px 0 5px 0;
  3977. background-clip: padding-box;
  3978. font-size: 10px;
  3979. vertical-align: top;
  3980. background-color: rgba(20, 20, 20, 0.9);
  3981. color: #fff; }
  3982. article.node-materiau.vm-bookmark div.workflow span, article.node-breve.vm-bookmark div.workflow span {
  3983. padding: 3px 0 0 4px;
  3984. display: moz-inline-stack;
  3985. display: inline-block;
  3986. vertical-align: top;
  3987. zoom: 1;
  3988. *display: inline; }
  3989. article.node-materiau.vm-bookmark .field-name-field-description .upgrade, article.node-breve.vm-bookmark .field-name-field-description .upgrade {
  3990. font-size: 12px;
  3991. padding-top: 4em;
  3992. margin-top: -4.5em;
  3993. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
  3994. position: relative; }
  3995. article.node-materiau.vm-bookmark .side.oops p, article.node-materiau.vm-bookmark .side .upgrade p, article.node-breve.vm-bookmark .side.oops p, article.node-breve.vm-bookmark .side .upgrade p {
  3996. padding: 10px;
  3997. font-size: 12px; }
  3998. article.node-materiau.vm-bookmark .side.oops p a, article.node-materiau.vm-bookmark .side .upgrade p a, article.node-breve.vm-bookmark .side.oops p a, article.node-breve.vm-bookmark .side .upgrade p a {
  3999. display: block;
  4000. margin: 10px 0;
  4001. font-size: 18px;
  4002. padding: 0.1em 0.6em 0.2em;
  4003. border-radius: 0.3em;
  4004. background-clip: padding-box;
  4005. font-weight: bold;
  4006. border: 2px solid #69CDCF;
  4007. background-color: #69CDCF;
  4008. color: #fff;
  4009. cursor: pointer;
  4010. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  4011. transition: text-shadow 0.2s ease-out;
  4012. text-align: center;
  4013. text-decoration: none; }
  4014. article.node-materiau.vm-bookmark .side.oops p a:hover, article.node-materiau.vm-bookmark .side.oops p a:focus, article.node-materiau.vm-bookmark .side .upgrade p a:hover, article.node-materiau.vm-bookmark .side .upgrade p a:focus, article.node-breve.vm-bookmark .side.oops p a:hover, article.node-breve.vm-bookmark .side.oops p a:focus, article.node-breve.vm-bookmark .side .upgrade p a:hover, article.node-breve.vm-bookmark .side .upgrade p a:focus {
  4015. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  4016. article.node-materiau.vm-bookmark .side.oops p a:active, article.node-materiau.vm-bookmark .side .upgrade p a:active, article.node-breve.vm-bookmark .side.oops p a:active, article.node-breve.vm-bookmark .side .upgrade p a:active {
  4017. transition: text-shadow 0s ease-out;
  4018. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  4019. article.node-materiau.vm-bookmark .group-header, article.node-breve.vm-bookmark .group-header {
  4020. display: none; }
  4021. article.node-materiau.vm-bookmark .group-images, article.node-breve.vm-bookmark .group-images {
  4022. position: relative;
  4023. z-index: 1;
  4024. background-color: #fff; }
  4025. article.node-materiau.vm-bookmark .group-images figure, article.node-breve.vm-bookmark .group-images figure {
  4026. position: absolute;
  4027. top: 0;
  4028. left: 0; }
  4029. article.node-materiau.vm-bookmark .group-images figure:first-child, article.node-breve.vm-bookmark .group-images figure:first-child {
  4030. position: relative;
  4031. z-index: 1; }
  4032. article.node-materiau.vm-bookmark div.workflow, article.node-breve.vm-bookmark div.workflow {
  4033. display: none; }
  4034. /*
  4035. ______ __ _____ ____
  4036. / ____/___ __________/ / / ___/____ ___ ____ _/ / /
  4037. / / / __ `/ ___/ __ / \__ \/ __ `__ \/ __ `/ / /
  4038. / /___/ /_/ / / / /_/ / ___/ / / / / / / /_/ / / /
  4039. \____/\__,_/_/ \__,_/ /____/_/ /_/ /_/\__,_/_/_/
  4040. */
  4041. article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
  4042. width: 100px;
  4043. height: 140px;
  4044. display: moz-inline-stack;
  4045. display: inline-block;
  4046. vertical-align: top;
  4047. zoom: 1;
  4048. *display: inline;
  4049. position: relative;
  4050. margin: 7px;
  4051. border-radius: 5px;
  4052. background-clip: padding-box;
  4053. background-color: #FFF;
  4054. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  4055. transition: box-shadow 0.3s ease-out; }
  4056. article.node-materiau.vm-cardsmall > div.side, article.node-breve.vm-cardsmall > div.side {
  4057. border-radius: 5px;
  4058. background-clip: padding-box;
  4059. overflow: hidden; }
  4060. article.node-materiau.vm-cardsmall.focused, article.node-breve.vm-cardsmall.focused {
  4061. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
  4062. article.node-materiau.vm-cardsmall.just-added, article.node-breve.vm-cardsmall.just-added {
  4063. opacity: 0; }
  4064. article.node-materiau.vm-cardsmall.associated, article.node-breve.vm-cardsmall.associated {
  4065. transition: margin 0.3s ease-out; }
  4066. article.node-materiau.vm-cardsmall.associated.just-added, article.node-breve.vm-cardsmall.associated.just-added {
  4067. margin-left: -100px;
  4068. margin-right: 100px; }
  4069. .modal-content article.node-materiau.vm-cardsmall.associated, .modal-content article.node-breve.vm-cardsmall.associated {
  4070. position: absolute;
  4071. top: 0;
  4072. left: 0;
  4073. z-index: 999; }
  4074. article.node-materiau.vm-cardsmall.removed, article.node-breve.vm-cardsmall.removed {
  4075. transition: width 0.3s ease-out;
  4076. width: 0;
  4077. padding-left: 0;
  4078. padding-right: 0;
  4079. margin-right: 0;
  4080. margin-left: 0;
  4081. overflow: hidden; }
  4082. article.node-materiau.vm-cardsmall nav.nav, article.node-breve.vm-cardsmall nav.nav {
  4083. position: absolute;
  4084. top: 0;
  4085. right: 0;
  4086. z-index: 11;
  4087. padding: 5px 0;
  4088. border-radius: 0 5px 0 3px;
  4089. background-clip: padding-box;
  4090. font-size: 10px;
  4091. background-color: rgba(255, 255, 255, 0.9);
  4092. color: #000; }
  4093. article.node-materiau.vm-cardsmall nav.nav a, article.node-breve.vm-cardsmall nav.nav a {
  4094. color: #000; }
  4095. article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul {
  4096. background-color: rgba(255, 255, 255, 0.9); }
  4097. article.node-materiau.vm-cardsmall nav.nav span.op, article.node-breve.vm-cardsmall nav.nav span.op {
  4098. font-weight: 900;
  4099. font-size: 14px; }
  4100. article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul {
  4101. padding: 0;
  4102. margin: 0; }
  4103. article.node-materiau.vm-cardsmall nav.nav section, article.node-breve.vm-cardsmall nav.nav section {
  4104. position: relative; }
  4105. article.node-materiau.vm-cardsmall nav.nav section > i, article.node-breve.vm-cardsmall nav.nav section > i {
  4106. margin: 0 5px; }
  4107. article.node-materiau.vm-cardsmall nav.nav section > i:hover, article.node-breve.vm-cardsmall nav.nav section > i:hover {
  4108. cursor: pointer; }
  4109. article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul {
  4110. position: absolute;
  4111. right: 0;
  4112. top: 0;
  4113. margin-right: 22px;
  4114. min-width: 80px;
  4115. padding: 0;
  4116. display: block;
  4117. border-radius: 3px;
  4118. background-clip: padding-box;
  4119. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
  4120. article.node-materiau.vm-cardsmall nav.nav ul li, article.node-breve.vm-cardsmall nav.nav ul li {
  4121. padding: 0;
  4122. margin: 0;
  4123. line-height: 1;
  4124. display: block;
  4125. height: 0;
  4126. overflow: hidden;
  4127. transition: height 0.2s ease-out; }
  4128. article.node-materiau.vm-cardsmall nav.nav ul li a, article.node-breve.vm-cardsmall nav.nav ul li a {
  4129. display: block; }
  4130. article.node-materiau.vm-cardsmall nav.nav ul.links a, article.node-breve.vm-cardsmall nav.nav ul.links a {
  4131. font-size: 12px; }
  4132. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links {
  4133. width: 160px;
  4134. font-size: 0; }
  4135. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links > * {
  4136. font-size: 11px; }
  4137. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li {
  4138. display: moz-inline-stack;
  4139. display: inline-block;
  4140. vertical-align: top;
  4141. zoom: 1;
  4142. *display: inline;
  4143. min-width: 48%;
  4144. max-width: 98%;
  4145. padding-left: 2px; }
  4146. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a {
  4147. color: #a6a6a6;
  4148. transition: color 0.2s ease-out; }
  4149. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action {
  4150. color: #000;
  4151. text-decoration: none; }
  4152. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  4153. display: block;
  4154. width: 100%; }
  4155. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  4156. margin-top: 1px;
  4157. padding-top: 1px;
  4158. border-top: 1px solid #e6e6e6; }
  4159. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  4160. color: #000; }
  4161. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading {
  4162. background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
  4163. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading a {
  4164. visibility: hidden; }
  4165. .ie8 article.node-materiau.vm-cardsmall nav.nav ul, .ie8 article.node-breve.vm-cardsmall nav.nav ul {
  4166. background: #FFF; }
  4167. article.node-materiau.vm-cardsmall nav.nav section:hover ul, article.node-breve.vm-cardsmall nav.nav section:hover ul {
  4168. padding: 5px 5px; }
  4169. article.node-materiau.vm-cardsmall nav.nav section:hover ul li, article.node-breve.vm-cardsmall nav.nav section:hover ul li {
  4170. height: 17px; }
  4171. article.node-materiau.vm-cardsmall div.workflow, article.node-breve.vm-cardsmall div.workflow {
  4172. position: absolute;
  4173. bottom: 0;
  4174. right: 0;
  4175. z-index: 11;
  4176. padding: 5px;
  4177. border-radius: 3px 0 5px 0;
  4178. background-clip: padding-box;
  4179. font-size: 10px;
  4180. vertical-align: top;
  4181. background-color: rgba(20, 20, 20, 0.9);
  4182. color: #fff; }
  4183. article.node-materiau.vm-cardsmall div.workflow span, article.node-breve.vm-cardsmall div.workflow span {
  4184. padding: 3px 0 0 4px;
  4185. display: moz-inline-stack;
  4186. display: inline-block;
  4187. vertical-align: top;
  4188. zoom: 1;
  4189. *display: inline; }
  4190. article.node-materiau.vm-cardsmall .field-name-field-description .upgrade, article.node-breve.vm-cardsmall .field-name-field-description .upgrade {
  4191. font-size: 12px;
  4192. padding-top: 4em;
  4193. margin-top: -4.5em;
  4194. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
  4195. position: relative; }
  4196. article.node-materiau.vm-cardsmall .side.oops p, article.node-materiau.vm-cardsmall .side .upgrade p, article.node-breve.vm-cardsmall .side.oops p, article.node-breve.vm-cardsmall .side .upgrade p {
  4197. padding: 10px;
  4198. font-size: 12px; }
  4199. article.node-materiau.vm-cardsmall .side.oops p a, article.node-materiau.vm-cardsmall .side .upgrade p a, article.node-breve.vm-cardsmall .side.oops p a, article.node-breve.vm-cardsmall .side .upgrade p a {
  4200. display: block;
  4201. margin: 10px 0;
  4202. font-size: 18px;
  4203. padding: 0.1em 0.6em 0.2em;
  4204. border-radius: 0.3em;
  4205. background-clip: padding-box;
  4206. font-weight: bold;
  4207. border: 2px solid #69CDCF;
  4208. background-color: #69CDCF;
  4209. color: #fff;
  4210. cursor: pointer;
  4211. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  4212. transition: text-shadow 0.2s ease-out;
  4213. text-align: center;
  4214. text-decoration: none; }
  4215. article.node-materiau.vm-cardsmall .side.oops p a:hover, article.node-materiau.vm-cardsmall .side.oops p a:focus, article.node-materiau.vm-cardsmall .side .upgrade p a:hover, article.node-materiau.vm-cardsmall .side .upgrade p a:focus, article.node-breve.vm-cardsmall .side.oops p a:hover, article.node-breve.vm-cardsmall .side.oops p a:focus, article.node-breve.vm-cardsmall .side .upgrade p a:hover, article.node-breve.vm-cardsmall .side .upgrade p a:focus {
  4216. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  4217. article.node-materiau.vm-cardsmall .side.oops p a:active, article.node-materiau.vm-cardsmall .side .upgrade p a:active, article.node-breve.vm-cardsmall .side.oops p a:active, article.node-breve.vm-cardsmall .side .upgrade p a:active {
  4218. transition: text-shadow 0s ease-out;
  4219. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  4220. article.node-materiau.vm-cardsmall .group-header, article.node-breve.vm-cardsmall .group-header {
  4221. display: none;
  4222. position: absolute;
  4223. font-size: 14px;
  4224. font-weight: 500; }
  4225. article.node-materiau.vm-cardsmall .group-header .field-name-title-field, article.node-breve.vm-cardsmall .group-header .field-name-title-field {
  4226. font-weight: 700; }
  4227. article.node-materiau.vm-cardsmall .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardsmall .group-header .field-name-field-localisation, article.node-breve.vm-cardsmall .group-header .field-name-field-reference-materio, article.node-breve.vm-cardsmall .group-header .field-name-field-localisation {
  4228. display: moz-inline-stack;
  4229. display: inline-block;
  4230. vertical-align: top;
  4231. zoom: 1;
  4232. *display: inline;
  4233. font-size: 12px; }
  4234. article.node-materiau.vm-cardsmall .group-header .field-name-field-localisation, article.node-breve.vm-cardsmall .group-header .field-name-field-localisation {
  4235. float: right; }
  4236. article.node-materiau.vm-cardsmall .group-images, article.node-breve.vm-cardsmall .group-images {
  4237. position: relative;
  4238. z-index: 1;
  4239. background-color: #fff;
  4240. border-radius: 5px;
  4241. background-clip: padding-box;
  4242. overflow: hidden; }
  4243. article.node-materiau.vm-cardsmall .group-images figure, article.node-breve.vm-cardsmall .group-images figure {
  4244. position: absolute;
  4245. top: 0;
  4246. left: 0; }
  4247. article.node-materiau.vm-cardsmall .group-images figure:first-child, article.node-breve.vm-cardsmall .group-images figure:first-child {
  4248. position: relative;
  4249. z-index: 1; }
  4250. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links {
  4251. width: 75px;
  4252. min-width: 75px; }
  4253. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li {
  4254. width: 98%; }
  4255. .ie8 article.node-materiau.vm-cardsmall nav.nav, .ie8 article.node-breve.vm-cardsmall nav.nav {
  4256. background: #FFF; }
  4257. .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav, .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav {
  4258. visibility: hidden; }
  4259. .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav > *, .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav > * {
  4260. margin-top: -100000px; }
  4261. .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav {
  4262. opacity: 0;
  4263. transition: visibility 0s 0.3s; }
  4264. .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav > *, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav > * {
  4265. transition: margin-top 0s 0.3s; }
  4266. .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
  4267. visibility: hidden; }
  4268. .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow > *, .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow > * {
  4269. margin-top: -100000px; }
  4270. .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
  4271. opacity: 0;
  4272. transition: visibility 0s 0.3s; }
  4273. .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow > *, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow > * {
  4274. transition: margin-top 0s 0.3s; }
  4275. /*
  4276. ______ ____ _ ____ __
  4277. /_ __/___ ____ / / /_(_)___ _________ ___ ____ _/ / / _________ __________/ /
  4278. / / / __ \/ __ \/ / __/ / __ \ / ___/ __ `__ \/ __ `/ / / / ___/ __ `/ ___/ __ /
  4279. / / / /_/ / /_/ / / /_/ / /_/ / (__ ) / / / / / /_/ / / / / /__/ /_/ / / / /_/ /
  4280. /_/ \____/\____/_/\__/_/ .___/ /____/_/ /_/ /_/\__,_/_/_/ \___/\__,_/_/ \__,_/
  4281. /_/
  4282. */
  4283. #tooltip .group-header.smallcard {
  4284. font-size: 14px;
  4285. font-weight: 500; }
  4286. #tooltip .group-header.smallcard .field-name-title-field {
  4287. font-weight: 700; }
  4288. #tooltip .group-header.smallcard .field-name-field-reference-materio, #tooltip .group-header.smallcard .field-name-field-localisation {
  4289. display: moz-inline-stack;
  4290. display: inline-block;
  4291. vertical-align: top;
  4292. zoom: 1;
  4293. *display: inline;
  4294. font-size: 12px; }
  4295. #tooltip .group-header.smallcard .field-name-field-localisation {
  4296. float: right; }
  4297. /*
  4298. ______ __ __ ___ ___
  4299. / ____/___ __________/ / / |/ /__ ____/ (_)_ ______ ___
  4300. / / / __ `/ ___/ __ / / /|_/ / _ \/ __ / / / / / __ `__ / /___/ /_/ / / / /_/ / / / / / __/ /_/ / / /_/ / / / / / /
  4301. \____/\__,_/_/ \__,_/ /_/ /_/\___/\__,_/_/\__,_/_/ /_/ /_/
  4302. */
  4303. article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
  4304. width: 210px;
  4305. height: 295px;
  4306. display: moz-inline-stack;
  4307. display: inline-block;
  4308. vertical-align: top;
  4309. zoom: 1;
  4310. *display: inline;
  4311. position: relative;
  4312. margin: 7px;
  4313. border-radius: 5px;
  4314. background-clip: padding-box;
  4315. background-color: #FFF;
  4316. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  4317. transition: box-shadow 0.3s ease-out; }
  4318. article.node-materiau.vm-cardmedium > div.side, article.node-breve.vm-cardmedium > div.side {
  4319. border-radius: 5px;
  4320. background-clip: padding-box;
  4321. overflow: hidden; }
  4322. article.node-materiau.vm-cardmedium.focused, article.node-breve.vm-cardmedium.focused {
  4323. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
  4324. article.node-materiau.vm-cardmedium.just-added, article.node-breve.vm-cardmedium.just-added {
  4325. opacity: 0; }
  4326. article.node-materiau.vm-cardmedium.associated, article.node-breve.vm-cardmedium.associated {
  4327. transition: margin 0.3s ease-out; }
  4328. article.node-materiau.vm-cardmedium.associated.just-added, article.node-breve.vm-cardmedium.associated.just-added {
  4329. margin-left: -210px;
  4330. margin-right: 210px; }
  4331. .modal-content article.node-materiau.vm-cardmedium.associated, .modal-content article.node-breve.vm-cardmedium.associated {
  4332. position: absolute;
  4333. top: 0;
  4334. left: 0;
  4335. z-index: 999; }
  4336. article.node-materiau.vm-cardmedium.removed, article.node-breve.vm-cardmedium.removed {
  4337. transition: width 0.3s ease-out;
  4338. width: 0;
  4339. padding-left: 0;
  4340. padding-right: 0;
  4341. margin-right: 0;
  4342. margin-left: 0;
  4343. overflow: hidden; }
  4344. article.node-materiau.vm-cardmedium nav.nav, article.node-breve.vm-cardmedium nav.nav {
  4345. position: absolute;
  4346. top: 0;
  4347. right: 0;
  4348. z-index: 11;
  4349. padding: 5px 0;
  4350. border-radius: 0 5px 0 3px;
  4351. background-clip: padding-box;
  4352. font-size: 10px;
  4353. background-color: rgba(255, 255, 255, 0.9);
  4354. color: #000; }
  4355. article.node-materiau.vm-cardmedium nav.nav a, article.node-breve.vm-cardmedium nav.nav a {
  4356. color: #000; }
  4357. article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul {
  4358. background-color: rgba(255, 255, 255, 0.9); }
  4359. article.node-materiau.vm-cardmedium nav.nav span.op, article.node-breve.vm-cardmedium nav.nav span.op {
  4360. font-weight: 900;
  4361. font-size: 14px; }
  4362. article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul {
  4363. padding: 0;
  4364. margin: 0; }
  4365. article.node-materiau.vm-cardmedium nav.nav section, article.node-breve.vm-cardmedium nav.nav section {
  4366. position: relative; }
  4367. article.node-materiau.vm-cardmedium nav.nav section > i, article.node-breve.vm-cardmedium nav.nav section > i {
  4368. margin: 0 5px; }
  4369. article.node-materiau.vm-cardmedium nav.nav section > i:hover, article.node-breve.vm-cardmedium nav.nav section > i:hover {
  4370. cursor: pointer; }
  4371. article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul {
  4372. position: absolute;
  4373. right: 0;
  4374. top: 0;
  4375. margin-right: 22px;
  4376. min-width: 80px;
  4377. padding: 0;
  4378. display: block;
  4379. border-radius: 3px;
  4380. background-clip: padding-box;
  4381. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
  4382. article.node-materiau.vm-cardmedium nav.nav ul li, article.node-breve.vm-cardmedium nav.nav ul li {
  4383. padding: 0;
  4384. margin: 0;
  4385. line-height: 1;
  4386. display: block;
  4387. height: 0;
  4388. overflow: hidden;
  4389. transition: height 0.2s ease-out; }
  4390. article.node-materiau.vm-cardmedium nav.nav ul li a, article.node-breve.vm-cardmedium nav.nav ul li a {
  4391. display: block; }
  4392. article.node-materiau.vm-cardmedium nav.nav ul.links a, article.node-breve.vm-cardmedium nav.nav ul.links a {
  4393. font-size: 12px; }
  4394. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links {
  4395. width: 160px;
  4396. font-size: 0; }
  4397. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links > * {
  4398. font-size: 11px; }
  4399. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li {
  4400. display: moz-inline-stack;
  4401. display: inline-block;
  4402. vertical-align: top;
  4403. zoom: 1;
  4404. *display: inline;
  4405. min-width: 48%;
  4406. max-width: 98%;
  4407. padding-left: 2px; }
  4408. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a {
  4409. color: #a6a6a6;
  4410. transition: color 0.2s ease-out; }
  4411. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action {
  4412. color: #000;
  4413. text-decoration: none; }
  4414. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  4415. display: block;
  4416. width: 100%; }
  4417. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  4418. margin-top: 1px;
  4419. padding-top: 1px;
  4420. border-top: 1px solid #e6e6e6; }
  4421. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  4422. color: #000; }
  4423. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading {
  4424. background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
  4425. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading a {
  4426. visibility: hidden; }
  4427. .ie8 article.node-materiau.vm-cardmedium nav.nav ul, .ie8 article.node-breve.vm-cardmedium nav.nav ul {
  4428. background: #FFF; }
  4429. article.node-materiau.vm-cardmedium nav.nav section:hover ul, article.node-breve.vm-cardmedium nav.nav section:hover ul {
  4430. padding: 5px 5px; }
  4431. article.node-materiau.vm-cardmedium nav.nav section:hover ul li, article.node-breve.vm-cardmedium nav.nav section:hover ul li {
  4432. height: 17px; }
  4433. article.node-materiau.vm-cardmedium div.workflow, article.node-breve.vm-cardmedium div.workflow {
  4434. position: absolute;
  4435. bottom: 0;
  4436. right: 0;
  4437. z-index: 11;
  4438. padding: 5px;
  4439. border-radius: 3px 0 5px 0;
  4440. background-clip: padding-box;
  4441. font-size: 10px;
  4442. vertical-align: top;
  4443. background-color: rgba(20, 20, 20, 0.9);
  4444. color: #fff; }
  4445. article.node-materiau.vm-cardmedium div.workflow span, article.node-breve.vm-cardmedium div.workflow span {
  4446. padding: 3px 0 0 4px;
  4447. display: moz-inline-stack;
  4448. display: inline-block;
  4449. vertical-align: top;
  4450. zoom: 1;
  4451. *display: inline; }
  4452. article.node-materiau.vm-cardmedium .field-name-field-description .upgrade, article.node-breve.vm-cardmedium .field-name-field-description .upgrade {
  4453. font-size: 12px;
  4454. padding-top: 4em;
  4455. margin-top: -4.5em;
  4456. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
  4457. position: relative; }
  4458. article.node-materiau.vm-cardmedium .side.oops p, article.node-materiau.vm-cardmedium .side .upgrade p, article.node-breve.vm-cardmedium .side.oops p, article.node-breve.vm-cardmedium .side .upgrade p {
  4459. padding: 10px;
  4460. font-size: 12px; }
  4461. article.node-materiau.vm-cardmedium .side.oops p a, article.node-materiau.vm-cardmedium .side .upgrade p a, article.node-breve.vm-cardmedium .side.oops p a, article.node-breve.vm-cardmedium .side .upgrade p a {
  4462. display: block;
  4463. margin: 10px 0;
  4464. font-size: 18px;
  4465. padding: 0.1em 0.6em 0.2em;
  4466. border-radius: 0.3em;
  4467. background-clip: padding-box;
  4468. font-weight: bold;
  4469. border: 2px solid #69CDCF;
  4470. background-color: #69CDCF;
  4471. color: #fff;
  4472. cursor: pointer;
  4473. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  4474. transition: text-shadow 0.2s ease-out;
  4475. text-align: center;
  4476. text-decoration: none; }
  4477. article.node-materiau.vm-cardmedium .side.oops p a:hover, article.node-materiau.vm-cardmedium .side.oops p a:focus, article.node-materiau.vm-cardmedium .side .upgrade p a:hover, article.node-materiau.vm-cardmedium .side .upgrade p a:focus, article.node-breve.vm-cardmedium .side.oops p a:hover, article.node-breve.vm-cardmedium .side.oops p a:focus, article.node-breve.vm-cardmedium .side .upgrade p a:hover, article.node-breve.vm-cardmedium .side .upgrade p a:focus {
  4478. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  4479. article.node-materiau.vm-cardmedium .side.oops p a:active, article.node-materiau.vm-cardmedium .side .upgrade p a:active, article.node-breve.vm-cardmedium .side.oops p a:active, article.node-breve.vm-cardmedium .side .upgrade p a:active {
  4480. transition: text-shadow 0s ease-out;
  4481. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  4482. article.node-materiau.vm-cardmedium .side, article.node-breve.vm-cardmedium .side {
  4483. position: absolute;
  4484. width: 100%;
  4485. height: 100%;
  4486. top: 0;
  4487. left: 0;
  4488. background-color: #fff;
  4489. cursor: pointer; }
  4490. article.node-materiau.vm-cardmedium .side:nth-child(2), article.node-breve.vm-cardmedium .side:nth-child(2) {
  4491. z-index: 1; }
  4492. article.node-materiau.vm-cardmedium .group-header, article.node-breve.vm-cardmedium .group-header {
  4493. position: absolute;
  4494. bottom: 0;
  4495. z-index: 2;
  4496. width: 190px;
  4497. padding: 5px 15px 5px 5px;
  4498. min-height: 55px;
  4499. font-size: 20px;
  4500. font-weight: 300;
  4501. line-height: 1;
  4502. background-color: rgba(255, 255, 255, 0.8);
  4503. text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
  4504. transition: background-color 0.2s ease-out;
  4505. border-radius: 0 0 4px 4px;
  4506. background-clip: padding-box;
  4507. overflow: hidden; }
  4508. article.node-materiau.vm-cardmedium .group-header .field-name-title-field, article.node-breve.vm-cardmedium .group-header .field-name-title-field {
  4509. font-weight: 700; }
  4510. article.node-materiau.vm-cardmedium .group-header .field-name-field-nature-titre, article.node-breve.vm-cardmedium .group-header .field-name-field-nature-titre {
  4511. font-size: 14px; }
  4512. article.node-materiau.vm-cardmedium .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardmedium .group-header .field-name-field-localisation, article.node-materiau.vm-cardmedium .group-header .field-name-field-authored-on, article.node-breve.vm-cardmedium .group-header .field-name-field-reference-materio, article.node-breve.vm-cardmedium .group-header .field-name-field-localisation, article.node-breve.vm-cardmedium .group-header .field-name-field-authored-on {
  4513. display: moz-inline-stack;
  4514. display: inline-block;
  4515. vertical-align: top;
  4516. zoom: 1;
  4517. *display: inline;
  4518. font-size: 12px;
  4519. vertical-align: bottom;
  4520. width: 48%; }
  4521. article.node-materiau.vm-cardmedium .group-header .field-name-field-localisation, article.node-breve.vm-cardmedium .group-header .field-name-field-localisation {
  4522. text-align: right; }
  4523. .ie8 article.node-materiau.vm-cardmedium .group-header, .ie8 article.node-breve.vm-cardmedium .group-header {
  4524. background: #fff;
  4525. font-color: #000;
  4526. line-height: 1em;
  4527. padding: 10px; }
  4528. article.node-materiau.vm-cardmedium.node-breve .group-header, article.node-breve.vm-cardmedium.node-breve .group-header {
  4529. color: #fff;
  4530. background-color: rgba(0, 0, 0, 0.7);
  4531. text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  4532. transition: background-color 0.2s ease-out; }
  4533. article.node-materiau.vm-cardmedium.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardmedium.node-breve .group-header .field-name-field-authored-on {
  4534. font-size: 12px;
  4535. font-weight: 500; }
  4536. .ie8 article.node-materiau.vm-cardmedium.node-breve .group-header, .ie8 article.node-breve.vm-cardmedium.node-breve .group-header {
  4537. background: #000;
  4538. font-size: 15px;
  4539. line-height: 1.2em; }
  4540. article.node-materiau.vm-cardmedium .group-images, article.node-breve.vm-cardmedium .group-images {
  4541. position: relative;
  4542. z-index: 1;
  4543. background-color: #fff; }
  4544. article.node-materiau.vm-cardmedium .group-images figure, article.node-breve.vm-cardmedium .group-images figure {
  4545. position: absolute;
  4546. top: 0;
  4547. left: 0; }
  4548. article.node-materiau.vm-cardmedium .group-images figure:first-child, article.node-breve.vm-cardmedium .group-images figure:first-child {
  4549. position: relative;
  4550. z-index: 1; }
  4551. article.node-materiau.vm-cardmedium .field-name-field-description, article.node-materiau.vm-cardmedium .field-name-body, article.node-breve.vm-cardmedium .field-name-field-description, article.node-breve.vm-cardmedium .field-name-body {
  4552. font-size: 12px;
  4553. font-weight: 300;
  4554. overflow: hidden;
  4555. z-index: -1;
  4556. padding: 5px; }
  4557. article.node-materiau.vm-cardmedium .field-name-field-description.columnized, article.node-materiau.vm-cardmedium .field-name-body.columnized, article.node-breve.vm-cardmedium .field-name-field-description.columnized, article.node-breve.vm-cardmedium .field-name-body.columnized {
  4558. padding: 0;
  4559. transition: margin-left 0.3s ease-out; }
  4560. article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column > *, article.node-materiau.vm-cardmedium .field-name-body.columnized .column > *, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column > *, article.node-breve.vm-cardmedium .field-name-body.columnized .column > * {
  4561. padding: 5px; }
  4562. article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher, article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher, article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher {
  4563. display: inline-block;
  4564. border-radius: 3px;
  4565. background-clip: padding-box;
  4566. color: #fff;
  4567. background-color: #3e3e3e;
  4568. vertical-align: middle;
  4569. font-weight: 700;
  4570. font-size: 22px;
  4571. padding: 0.05em 0.15em 0.2em 0.2em;
  4572. line-height: 0.5;
  4573. font-weight: normal; }
  4574. article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher.prev-column, article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher.prev-column, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher.prev-column, article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher.prev-column {
  4575. cursor: w-resize; }
  4576. article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher.next-column, article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher.next-column, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher.next-column, article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher.next-column {
  4577. cursor: e-resize; }
  4578. article.node-materiau.vm-cardmedium .field-name-field-description .column > *, article.node-materiau.vm-cardmedium .field-name-body .column > *, article.node-breve.vm-cardmedium .field-name-field-description .column > *, article.node-breve.vm-cardmedium .field-name-body .column > * {
  4579. padding-right: 25px; }
  4580. article.node-materiau.vm-cardmedium .field-name-field-location, article.node-breve.vm-cardmedium .field-name-field-location {
  4581. font-size: 12px;
  4582. padding: 5px;
  4583. font-weight: 300; }
  4584. article.node-materiau.vm-cardmedium .field-name-field-location .field-label, article.node-breve.vm-cardmedium .field-name-field-location .field-label {
  4585. font-size: 10px;
  4586. text-transform: lowercase;
  4587. margin: 0; }
  4588. article.node-materiau.vm-cardmedium .column-wrapper, article.node-breve.vm-cardmedium .column-wrapper {
  4589. padding: 5px; }
  4590. article.node-materiau.vm-cardmedium .column-wrapper.columnized, article.node-breve.vm-cardmedium .column-wrapper.columnized {
  4591. padding: 0;
  4592. transition: margin-left 0.3s ease-out; }
  4593. article.node-materiau.vm-cardmedium .column-wrapper.columnized .column > *, article.node-breve.vm-cardmedium .column-wrapper.columnized .column > * {
  4594. padding: 5px; }
  4595. article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher, article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher {
  4596. display: inline-block;
  4597. border-radius: 3px;
  4598. background-clip: padding-box;
  4599. color: #fff;
  4600. background-color: #3e3e3e;
  4601. vertical-align: middle;
  4602. font-weight: 700;
  4603. font-size: 22px;
  4604. padding: 0.05em 0.15em 0.2em 0.2em;
  4605. line-height: 0.5;
  4606. font-weight: normal; }
  4607. article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher.prev-column, article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher.prev-column {
  4608. cursor: w-resize; }
  4609. article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher.next-column, article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher.next-column {
  4610. cursor: e-resize; }
  4611. article.node-materiau.vm-cardmedium .field-name-field-company-fab, article.node-materiau.vm-cardmedium .field-name-field-company-distrib, article.node-breve.vm-cardmedium .field-name-field-company-fab, article.node-breve.vm-cardmedium .field-name-field-company-distrib {
  4612. font-size: 12px;
  4613. padding: 5px;
  4614. font-weight: 300; }
  4615. article.node-materiau.vm-cardmedium .field-name-field-company-fab .field-label, article.node-materiau.vm-cardmedium .field-name-field-company-distrib .field-label, article.node-breve.vm-cardmedium .field-name-field-company-fab .field-label, article.node-breve.vm-cardmedium .field-name-field-company-distrib .field-label {
  4616. font-size: 10px;
  4617. text-transform: lowercase;
  4618. margin: 0; }
  4619. article.node-materiau.vm-cardmedium .field-name-field-company-fab .field-name-field-tode-company, article.node-materiau.vm-cardmedium .field-name-field-company-distrib .field-name-field-tode-company, article.node-breve.vm-cardmedium .field-name-field-company-fab .field-name-field-tode-company, article.node-breve.vm-cardmedium .field-name-field-company-distrib .field-name-field-tode-company {
  4620. font-size: 14px; }
  4621. article.node-materiau.vm-cardmedium .field-name-field-materiau-ref, article.node-materiau.vm-cardmedium .field-name-field-source, article.node-materiau.vm-cardmedium .field-name-field-attachments, article.node-breve.vm-cardmedium .field-name-field-materiau-ref, article.node-breve.vm-cardmedium .field-name-field-source, article.node-breve.vm-cardmedium .field-name-field-attachments {
  4622. font-size: 12px;
  4623. padding: 5px;
  4624. font-weight: 300; }
  4625. article.node-materiau.vm-cardmedium .field-name-field-materiau-ref a, article.node-materiau.vm-cardmedium .field-name-field-source a, article.node-materiau.vm-cardmedium .field-name-field-attachments a, article.node-breve.vm-cardmedium .field-name-field-materiau-ref a, article.node-breve.vm-cardmedium .field-name-field-source a, article.node-breve.vm-cardmedium .field-name-field-attachments a {
  4626. color: #000; }
  4627. article.node-materiau.vm-cardmedium .field-label, article.node-breve.vm-cardmedium .field-label {
  4628. font-weight: 900;
  4629. margin: 1em 0 0.5em; }
  4630. .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav, .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav {
  4631. visibility: hidden; }
  4632. .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav > *, .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav > * {
  4633. margin-top: -100000px; }
  4634. .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav {
  4635. opacity: 0;
  4636. transition: visibility 0s 0.3s; }
  4637. .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav > *, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav > * {
  4638. transition: margin-top 0s 0.3s; }
  4639. .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
  4640. visibility: hidden; }
  4641. .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow > *, .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow > * {
  4642. margin-top: -100000px; }
  4643. .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
  4644. opacity: 0;
  4645. transition: visibility 0s 0.3s; }
  4646. .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow > *, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow > * {
  4647. transition: margin-top 0s 0.3s; }
  4648. .ie8 article.node-materiau.vm-cardmedium nav.nav, .ie8 article.node-breve.vm-cardmedium nav.nav {
  4649. background: #FFF; }
  4650. /*
  4651. ______ __ ____ _
  4652. / ____/___ __________/ / / __ )(_)___ _
  4653. / / / __ `/ ___/ __ / / __ / / __ `/
  4654. / /___/ /_/ / / / /_/ / / /_/ / / /_/ /
  4655. \____/\__,_/_/ \__,_/ /_____/_/\__, /
  4656. /____/
  4657. */
  4658. article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
  4659. width: 425px;
  4660. height: 610px;
  4661. display: moz-inline-stack;
  4662. display: inline-block;
  4663. vertical-align: top;
  4664. zoom: 1;
  4665. *display: inline;
  4666. position: relative;
  4667. margin: 7px;
  4668. border-radius: 5px;
  4669. background-clip: padding-box;
  4670. background-color: #FFF;
  4671. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  4672. transition: box-shadow 0.3s ease-out; }
  4673. article.node-materiau.vm-cardbig > div.side, article.node-breve.vm-cardbig > div.side {
  4674. border-radius: 5px;
  4675. background-clip: padding-box;
  4676. overflow: hidden; }
  4677. article.node-materiau.vm-cardbig.focused, article.node-breve.vm-cardbig.focused {
  4678. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
  4679. article.node-materiau.vm-cardbig.just-added, article.node-breve.vm-cardbig.just-added {
  4680. opacity: 0; }
  4681. article.node-materiau.vm-cardbig.associated, article.node-breve.vm-cardbig.associated {
  4682. transition: margin 0.3s ease-out; }
  4683. article.node-materiau.vm-cardbig.associated.just-added, article.node-breve.vm-cardbig.associated.just-added {
  4684. margin-left: -425px;
  4685. margin-right: 425px; }
  4686. .modal-content article.node-materiau.vm-cardbig.associated, .modal-content article.node-breve.vm-cardbig.associated {
  4687. position: absolute;
  4688. top: 0;
  4689. left: 0;
  4690. z-index: 999; }
  4691. article.node-materiau.vm-cardbig.removed, article.node-breve.vm-cardbig.removed {
  4692. transition: width 0.3s ease-out;
  4693. width: 0;
  4694. padding-left: 0;
  4695. padding-right: 0;
  4696. margin-right: 0;
  4697. margin-left: 0;
  4698. overflow: hidden; }
  4699. article.node-materiau.vm-cardbig nav.nav, article.node-breve.vm-cardbig nav.nav {
  4700. position: absolute;
  4701. top: 0;
  4702. right: 0;
  4703. z-index: 11;
  4704. padding: 5px 0;
  4705. border-radius: 0 5px 0 3px;
  4706. background-clip: padding-box;
  4707. font-size: 10px;
  4708. background-color: rgba(255, 255, 255, 0.9);
  4709. color: #000; }
  4710. article.node-materiau.vm-cardbig nav.nav a, article.node-breve.vm-cardbig nav.nav a {
  4711. color: #000; }
  4712. article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul {
  4713. background-color: rgba(255, 255, 255, 0.9); }
  4714. article.node-materiau.vm-cardbig nav.nav span.op, article.node-breve.vm-cardbig nav.nav span.op {
  4715. font-weight: 900;
  4716. font-size: 14px; }
  4717. article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul {
  4718. padding: 0;
  4719. margin: 0; }
  4720. article.node-materiau.vm-cardbig nav.nav section, article.node-breve.vm-cardbig nav.nav section {
  4721. position: relative; }
  4722. article.node-materiau.vm-cardbig nav.nav section > i, article.node-breve.vm-cardbig nav.nav section > i {
  4723. margin: 0 5px; }
  4724. article.node-materiau.vm-cardbig nav.nav section > i:hover, article.node-breve.vm-cardbig nav.nav section > i:hover {
  4725. cursor: pointer; }
  4726. article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul {
  4727. position: absolute;
  4728. right: 0;
  4729. top: 0;
  4730. margin-right: 22px;
  4731. min-width: 80px;
  4732. padding: 0;
  4733. display: block;
  4734. border-radius: 3px;
  4735. background-clip: padding-box;
  4736. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
  4737. article.node-materiau.vm-cardbig nav.nav ul li, article.node-breve.vm-cardbig nav.nav ul li {
  4738. padding: 0;
  4739. margin: 0;
  4740. line-height: 1;
  4741. display: block;
  4742. height: 0;
  4743. overflow: hidden;
  4744. transition: height 0.2s ease-out; }
  4745. article.node-materiau.vm-cardbig nav.nav ul li a, article.node-breve.vm-cardbig nav.nav ul li a {
  4746. display: block; }
  4747. article.node-materiau.vm-cardbig nav.nav ul.links a, article.node-breve.vm-cardbig nav.nav ul.links a {
  4748. font-size: 12px; }
  4749. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links {
  4750. width: 160px;
  4751. font-size: 0; }
  4752. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links > * {
  4753. font-size: 11px; }
  4754. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li {
  4755. display: moz-inline-stack;
  4756. display: inline-block;
  4757. vertical-align: top;
  4758. zoom: 1;
  4759. *display: inline;
  4760. min-width: 48%;
  4761. max-width: 98%;
  4762. padding-left: 2px; }
  4763. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a {
  4764. color: #a6a6a6;
  4765. transition: color 0.2s ease-out; }
  4766. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action {
  4767. color: #000;
  4768. text-decoration: none; }
  4769. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  4770. display: block;
  4771. width: 100%; }
  4772. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  4773. margin-top: 1px;
  4774. padding-top: 1px;
  4775. border-top: 1px solid #e6e6e6; }
  4776. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  4777. color: #000; }
  4778. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading {
  4779. background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
  4780. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading a {
  4781. visibility: hidden; }
  4782. .ie8 article.node-materiau.vm-cardbig nav.nav ul, .ie8 article.node-breve.vm-cardbig nav.nav ul {
  4783. background: #FFF; }
  4784. article.node-materiau.vm-cardbig nav.nav section:hover ul, article.node-breve.vm-cardbig nav.nav section:hover ul {
  4785. padding: 5px 5px; }
  4786. article.node-materiau.vm-cardbig nav.nav section:hover ul li, article.node-breve.vm-cardbig nav.nav section:hover ul li {
  4787. height: 17px; }
  4788. article.node-materiau.vm-cardbig div.workflow, article.node-breve.vm-cardbig div.workflow {
  4789. position: absolute;
  4790. bottom: 0;
  4791. right: 0;
  4792. z-index: 11;
  4793. padding: 5px;
  4794. border-radius: 3px 0 5px 0;
  4795. background-clip: padding-box;
  4796. font-size: 10px;
  4797. vertical-align: top;
  4798. background-color: rgba(20, 20, 20, 0.9);
  4799. color: #fff; }
  4800. article.node-materiau.vm-cardbig div.workflow span, article.node-breve.vm-cardbig div.workflow span {
  4801. padding: 3px 0 0 4px;
  4802. display: moz-inline-stack;
  4803. display: inline-block;
  4804. vertical-align: top;
  4805. zoom: 1;
  4806. *display: inline; }
  4807. article.node-materiau.vm-cardbig .field-name-field-description .upgrade, article.node-breve.vm-cardbig .field-name-field-description .upgrade {
  4808. font-size: 12px;
  4809. padding-top: 4em;
  4810. margin-top: -4.5em;
  4811. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
  4812. position: relative; }
  4813. article.node-materiau.vm-cardbig .side.oops p, article.node-materiau.vm-cardbig .side .upgrade p, article.node-breve.vm-cardbig .side.oops p, article.node-breve.vm-cardbig .side .upgrade p {
  4814. padding: 10px;
  4815. font-size: 12px; }
  4816. article.node-materiau.vm-cardbig .side.oops p a, article.node-materiau.vm-cardbig .side .upgrade p a, article.node-breve.vm-cardbig .side.oops p a, article.node-breve.vm-cardbig .side .upgrade p a {
  4817. display: block;
  4818. margin: 10px 0;
  4819. font-size: 18px;
  4820. padding: 0.1em 0.6em 0.2em;
  4821. border-radius: 0.3em;
  4822. background-clip: padding-box;
  4823. font-weight: bold;
  4824. border: 2px solid #69CDCF;
  4825. background-color: #69CDCF;
  4826. color: #fff;
  4827. cursor: pointer;
  4828. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  4829. transition: text-shadow 0.2s ease-out;
  4830. text-align: center;
  4831. text-decoration: none; }
  4832. article.node-materiau.vm-cardbig .side.oops p a:hover, article.node-materiau.vm-cardbig .side.oops p a:focus, article.node-materiau.vm-cardbig .side .upgrade p a:hover, article.node-materiau.vm-cardbig .side .upgrade p a:focus, article.node-breve.vm-cardbig .side.oops p a:hover, article.node-breve.vm-cardbig .side.oops p a:focus, article.node-breve.vm-cardbig .side .upgrade p a:hover, article.node-breve.vm-cardbig .side .upgrade p a:focus {
  4833. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  4834. article.node-materiau.vm-cardbig .side.oops p a:active, article.node-materiau.vm-cardbig .side .upgrade p a:active, article.node-breve.vm-cardbig .side.oops p a:active, article.node-breve.vm-cardbig .side .upgrade p a:active {
  4835. transition: text-shadow 0s ease-out;
  4836. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  4837. article.node-materiau.vm-cardbig .side, article.node-breve.vm-cardbig .side {
  4838. position: absolute;
  4839. width: 100%;
  4840. height: 100%;
  4841. top: 0;
  4842. left: 0;
  4843. background-color: #fff;
  4844. height: 270px;
  4845. top: 340px;
  4846. cursor: pointer; }
  4847. article.node-materiau.vm-cardbig .side:nth-child(2), article.node-breve.vm-cardbig .side:nth-child(2) {
  4848. z-index: 1; }
  4849. article.node-materiau.vm-cardbig .group-side1, article.node-breve.vm-cardbig .group-side1 {
  4850. position: relative;
  4851. border-radius: 5px 5px 0 0;
  4852. background-clip: padding-box;
  4853. overflow: hidden; }
  4854. article.node-materiau.vm-cardbig .group-header, article.node-breve.vm-cardbig .group-header {
  4855. position: absolute;
  4856. bottom: 0;
  4857. z-index: 2;
  4858. width: 405px;
  4859. padding: 10px;
  4860. font-size: 20px;
  4861. font-weight: 300;
  4862. line-height: 1.1;
  4863. background-color: rgba(255, 255, 255, 0.8);
  4864. text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
  4865. transition: background-color 0.2s ease-out; }
  4866. article.node-materiau.vm-cardbig .group-header .field-name-title-field, article.node-breve.vm-cardbig .group-header .field-name-title-field {
  4867. font-weight: 700; }
  4868. article.node-materiau.vm-cardbig .group-header .field-name-field-nature-titre, article.node-breve.vm-cardbig .group-header .field-name-field-nature-titre {
  4869. font-size: 14px; }
  4870. article.node-materiau.vm-cardbig .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardbig .group-header .field-name-field-localisation, article.node-materiau.vm-cardbig .group-header .field-name-field-authored-on, article.node-breve.vm-cardbig .group-header .field-name-field-reference-materio, article.node-breve.vm-cardbig .group-header .field-name-field-localisation, article.node-breve.vm-cardbig .group-header .field-name-field-authored-on {
  4871. display: moz-inline-stack;
  4872. display: inline-block;
  4873. vertical-align: top;
  4874. zoom: 1;
  4875. *display: inline;
  4876. font-size: 12px;
  4877. vertical-align: bottom;
  4878. width: 48%; }
  4879. article.node-materiau.vm-cardbig .group-header .field-name-field-localisation, article.node-breve.vm-cardbig .group-header .field-name-field-localisation {
  4880. text-align: right; }
  4881. .ie8 article.node-materiau.vm-cardbig .group-header, .ie8 article.node-breve.vm-cardbig .group-header {
  4882. background: #fff;
  4883. font-color: #000;
  4884. line-height: 1em;
  4885. padding: 20px;
  4886. border-bottom: 1px solid #C6C6C6; }
  4887. article.node-materiau.vm-cardbig.node-breve .group-header, article.node-breve.vm-cardbig.node-breve .group-header {
  4888. color: #fff;
  4889. background-color: rgba(0, 0, 0, 0.7);
  4890. text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  4891. transition: background-color 0.2s ease-out; }
  4892. article.node-materiau.vm-cardbig.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardbig.node-breve .group-header .field-name-field-authored-on {
  4893. font-size: 12px;
  4894. font-weight: 500; }
  4895. .ie8 article.node-materiau.vm-cardbig.node-breve .group-header, .ie8 article.node-breve.vm-cardbig.node-breve .group-header {
  4896. background: #000;
  4897. font-color: #fff;
  4898. line-height: 1em;
  4899. padding: 20px; }
  4900. article.node-materiau.vm-cardbig .group-images, article.node-breve.vm-cardbig .group-images {
  4901. position: relative;
  4902. z-index: 1;
  4903. background-color: #fff;
  4904. height: auto; }
  4905. article.node-materiau.vm-cardbig .group-images figure, article.node-breve.vm-cardbig .group-images figure {
  4906. position: absolute;
  4907. top: 0;
  4908. left: 0; }
  4909. article.node-materiau.vm-cardbig .group-images figure:first-child, article.node-breve.vm-cardbig .group-images figure:first-child {
  4910. position: relative;
  4911. z-index: 1; }
  4912. article.node-materiau.vm-cardbig .field-name-field-description, article.node-materiau.vm-cardbig .field-name-body, article.node-breve.vm-cardbig .field-name-field-description, article.node-breve.vm-cardbig .field-name-body {
  4913. font-size: 12px;
  4914. font-weight: 300;
  4915. padding: 10px; }
  4916. article.node-materiau.vm-cardbig .field-name-field-description.columnized, article.node-materiau.vm-cardbig .field-name-body.columnized, article.node-breve.vm-cardbig .field-name-field-description.columnized, article.node-breve.vm-cardbig .field-name-body.columnized {
  4917. padding: 0;
  4918. transition: margin-left 0.3s ease-out; }
  4919. article.node-materiau.vm-cardbig .field-name-field-description.columnized .column > *, article.node-materiau.vm-cardbig .field-name-body.columnized .column > *, article.node-breve.vm-cardbig .field-name-field-description.columnized .column > *, article.node-breve.vm-cardbig .field-name-body.columnized .column > * {
  4920. padding: 10px; }
  4921. article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher, article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher, article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher, article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher {
  4922. display: inline-block;
  4923. border-radius: 3px;
  4924. background-clip: padding-box;
  4925. color: #fff;
  4926. background-color: #3e3e3e;
  4927. vertical-align: middle;
  4928. font-weight: 700;
  4929. font-size: 22px;
  4930. padding: 0.05em 0.15em 0.2em 0.2em;
  4931. line-height: 0.5;
  4932. font-weight: normal; }
  4933. article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher.prev-column, article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher.prev-column, article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher.prev-column, article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher.prev-column {
  4934. cursor: w-resize; }
  4935. article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher.next-column, article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher.next-column, article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher.next-column, article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher.next-column {
  4936. cursor: e-resize; }
  4937. article.node-materiau.vm-cardbig .field-name-field-location, article.node-breve.vm-cardbig .field-name-field-location {
  4938. font-size: 12px;
  4939. padding: 10px;
  4940. font-weight: 300; }
  4941. article.node-materiau.vm-cardbig .field-name-field-location .field-label, article.node-breve.vm-cardbig .field-name-field-location .field-label {
  4942. font-size: 10px;
  4943. text-transform: lowercase;
  4944. float: none; }
  4945. article.node-materiau.vm-cardbig .column-wrapper, article.node-breve.vm-cardbig .column-wrapper {
  4946. padding: 10px; }
  4947. article.node-materiau.vm-cardbig .column-wrapper.columnized, article.node-breve.vm-cardbig .column-wrapper.columnized {
  4948. padding: 0;
  4949. transition: margin-left 0.3s ease-out; }
  4950. article.node-materiau.vm-cardbig .column-wrapper.columnized .column > *, article.node-breve.vm-cardbig .column-wrapper.columnized .column > * {
  4951. padding: 10px; }
  4952. article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher, article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher {
  4953. display: inline-block;
  4954. border-radius: 3px;
  4955. background-clip: padding-box;
  4956. color: #fff;
  4957. background-color: #3e3e3e;
  4958. vertical-align: middle;
  4959. font-weight: 700;
  4960. font-size: 22px;
  4961. padding: 0.05em 0.15em 0.2em 0.2em;
  4962. line-height: 0.5;
  4963. font-weight: normal; }
  4964. article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher.prev-column, article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher.prev-column {
  4965. cursor: w-resize; }
  4966. article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher.next-column, article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher.next-column {
  4967. cursor: e-resize; }
  4968. article.node-materiau.vm-cardbig .field-name-field-company-fab, article.node-materiau.vm-cardbig .field-name-field-company-distrib, article.node-breve.vm-cardbig .field-name-field-company-fab, article.node-breve.vm-cardbig .field-name-field-company-distrib {
  4969. font-size: 12px;
  4970. padding: 10px;
  4971. font-weight: 300; }
  4972. article.node-materiau.vm-cardbig .field-name-field-company-fab .field-label, article.node-materiau.vm-cardbig .field-name-field-company-distrib .field-label, article.node-breve.vm-cardbig .field-name-field-company-fab .field-label, article.node-breve.vm-cardbig .field-name-field-company-distrib .field-label {
  4973. font-size: 10px;
  4974. text-transform: lowercase;
  4975. float: none; }
  4976. article.node-materiau.vm-cardbig .field-name-field-company-fab .field-name-field-tode-company, article.node-materiau.vm-cardbig .field-name-field-company-distrib .field-name-field-tode-company, article.node-breve.vm-cardbig .field-name-field-company-fab .field-name-field-tode-company, article.node-breve.vm-cardbig .field-name-field-company-distrib .field-name-field-tode-company {
  4977. font-size: 14px; }
  4978. article.node-materiau.vm-cardbig .field-name-field-materiau-ref, article.node-materiau.vm-cardbig .field-name-field-source, article.node-materiau.vm-cardbig .field-name-field-attachments, article.node-breve.vm-cardbig .field-name-field-materiau-ref, article.node-breve.vm-cardbig .field-name-field-source, article.node-breve.vm-cardbig .field-name-field-attachments {
  4979. font-size: 12px;
  4980. padding: 10px;
  4981. font-weight: 300; }
  4982. article.node-materiau.vm-cardbig .field-name-field-materiau-ref a, article.node-materiau.vm-cardbig .field-name-field-source a, article.node-materiau.vm-cardbig .field-name-field-attachments a, article.node-breve.vm-cardbig .field-name-field-materiau-ref a, article.node-breve.vm-cardbig .field-name-field-source a, article.node-breve.vm-cardbig .field-name-field-attachments a {
  4983. color: #000; }
  4984. article.node-materiau.vm-cardbig .field-label, article.node-breve.vm-cardbig .field-label {
  4985. font-weight: 900;
  4986. margin: 0 0 0.5em; }
  4987. .ie8 article.node-materiau.vm-cardbig nav.nav, .ie8 article.node-breve.vm-cardbig nav.nav {
  4988. background: #FFF; }
  4989. article.node-materiau.vm-cardbig .side.oops p, article.node-materiau.vm-cardbig .side .upgrade p, article.node-breve.vm-cardbig .side.oops p, article.node-breve.vm-cardbig .side .upgrade p {
  4990. padding: 3em; }
  4991. article.node-materiau.vm-cardbig .side.oops p a, article.node-materiau.vm-cardbig .side .upgrade p a, article.node-breve.vm-cardbig .side.oops p a, article.node-breve.vm-cardbig .side .upgrade p a {
  4992. border: 2px solid #eee;
  4993. background-color: #eee;
  4994. color: #fff;
  4995. transition: border 0.3s ease-out;
  4996. transition: background-color 0.3s ease-out; }
  4997. article.node-materiau.vm-cardbig:hover .side.oops p a, article.node-materiau.vm-cardbig:hover .side .upgrade p a, article.node-breve.vm-cardbig:hover .side.oops p a, article.node-breve.vm-cardbig:hover .side .upgrade p a {
  4998. border: 2px solid #69CDCF;
  4999. background-color: #69CDCF; }
  5000. /*
  5001. ______ __ ______ ____
  5002. / ____/___ __________/ / / ____/_ __/ / /
  5003. / / / __ `/ ___/ __ / / /_ / / / / / /
  5004. / /___/ /_/ / / / /_/ / / __/ / /_/ / / /
  5005. \____/\__,_/_/ \__,_/ /_/ \__,_/_/_/
  5006. */
  5007. article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
  5008. width: 850px;
  5009. height: 610px;
  5010. display: moz-inline-stack;
  5011. display: inline-block;
  5012. vertical-align: top;
  5013. zoom: 1;
  5014. *display: inline;
  5015. position: relative;
  5016. margin: 7px;
  5017. border-radius: 5px;
  5018. background-clip: padding-box;
  5019. background-color: #FFF;
  5020. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  5021. transition: box-shadow 0.3s ease-out;
  5022. font-size: 0px; }
  5023. article.node-materiau.vm-cardfull > div.side, article.node-breve.vm-cardfull > div.side {
  5024. border-radius: 5px;
  5025. background-clip: padding-box;
  5026. overflow: hidden; }
  5027. article.node-materiau.vm-cardfull.focused, article.node-breve.vm-cardfull.focused {
  5028. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
  5029. article.node-materiau.vm-cardfull.just-added, article.node-breve.vm-cardfull.just-added {
  5030. opacity: 0; }
  5031. article.node-materiau.vm-cardfull.associated, article.node-breve.vm-cardfull.associated {
  5032. transition: margin 0.3s ease-out; }
  5033. article.node-materiau.vm-cardfull.associated.just-added, article.node-breve.vm-cardfull.associated.just-added {
  5034. margin-left: -850px;
  5035. margin-right: 850px; }
  5036. .modal-content article.node-materiau.vm-cardfull.associated, .modal-content article.node-breve.vm-cardfull.associated {
  5037. position: absolute;
  5038. top: 0;
  5039. left: 0;
  5040. z-index: 999; }
  5041. article.node-materiau.vm-cardfull.removed, article.node-breve.vm-cardfull.removed {
  5042. transition: width 0.3s ease-out;
  5043. width: 0;
  5044. padding-left: 0;
  5045. padding-right: 0;
  5046. margin-right: 0;
  5047. margin-left: 0;
  5048. overflow: hidden; }
  5049. article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav {
  5050. position: absolute;
  5051. top: 0;
  5052. right: 0;
  5053. z-index: 11;
  5054. padding: 5px 0;
  5055. border-radius: 0 5px 0 3px;
  5056. background-clip: padding-box;
  5057. font-size: 10px;
  5058. background-color: rgba(255, 255, 255, 0.9);
  5059. color: #000; }
  5060. article.node-materiau.vm-cardfull nav.nav a, article.node-breve.vm-cardfull nav.nav a {
  5061. color: #000; }
  5062. article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul {
  5063. background-color: rgba(255, 255, 255, 0.9); }
  5064. article.node-materiau.vm-cardfull nav.nav span.op, article.node-breve.vm-cardfull nav.nav span.op {
  5065. font-weight: 900;
  5066. font-size: 14px; }
  5067. article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul {
  5068. padding: 0;
  5069. margin: 0; }
  5070. article.node-materiau.vm-cardfull nav.nav section, article.node-breve.vm-cardfull nav.nav section {
  5071. position: relative; }
  5072. article.node-materiau.vm-cardfull nav.nav section > i, article.node-breve.vm-cardfull nav.nav section > i {
  5073. margin: 0 5px; }
  5074. article.node-materiau.vm-cardfull nav.nav section > i:hover, article.node-breve.vm-cardfull nav.nav section > i:hover {
  5075. cursor: pointer; }
  5076. article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul {
  5077. position: absolute;
  5078. right: 0;
  5079. top: 0;
  5080. margin-right: 22px;
  5081. min-width: 80px;
  5082. padding: 0;
  5083. display: block;
  5084. border-radius: 3px;
  5085. background-clip: padding-box;
  5086. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
  5087. article.node-materiau.vm-cardfull nav.nav ul li, article.node-breve.vm-cardfull nav.nav ul li {
  5088. padding: 0;
  5089. margin: 0;
  5090. line-height: 1;
  5091. display: block;
  5092. height: 0;
  5093. overflow: hidden;
  5094. transition: height 0.2s ease-out; }
  5095. article.node-materiau.vm-cardfull nav.nav ul li a, article.node-breve.vm-cardfull nav.nav ul li a {
  5096. display: block; }
  5097. article.node-materiau.vm-cardfull nav.nav ul.links a, article.node-breve.vm-cardfull nav.nav ul.links a {
  5098. font-size: 12px; }
  5099. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links {
  5100. width: 160px;
  5101. font-size: 0; }
  5102. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links > * {
  5103. font-size: 11px; }
  5104. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li {
  5105. display: moz-inline-stack;
  5106. display: inline-block;
  5107. vertical-align: top;
  5108. zoom: 1;
  5109. *display: inline;
  5110. min-width: 48%;
  5111. max-width: 98%;
  5112. padding-left: 2px; }
  5113. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a {
  5114. color: #a6a6a6;
  5115. transition: color 0.2s ease-out; }
  5116. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action {
  5117. color: #000;
  5118. text-decoration: none; }
  5119. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  5120. display: block;
  5121. width: 100%; }
  5122. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  5123. margin-top: 1px;
  5124. padding-top: 1px;
  5125. border-top: 1px solid #e6e6e6; }
  5126. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  5127. color: #000; }
  5128. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading {
  5129. background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
  5130. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading a {
  5131. visibility: hidden; }
  5132. .ie8 article.node-materiau.vm-cardfull nav.nav ul, .ie8 article.node-breve.vm-cardfull nav.nav ul {
  5133. background: #FFF; }
  5134. article.node-materiau.vm-cardfull nav.nav section:hover ul, article.node-breve.vm-cardfull nav.nav section:hover ul {
  5135. padding: 5px 5px; }
  5136. article.node-materiau.vm-cardfull nav.nav section:hover ul li, article.node-breve.vm-cardfull nav.nav section:hover ul li {
  5137. height: 17px; }
  5138. article.node-materiau.vm-cardfull div.workflow, article.node-breve.vm-cardfull div.workflow {
  5139. position: absolute;
  5140. bottom: 0;
  5141. right: 0;
  5142. z-index: 11;
  5143. padding: 5px;
  5144. border-radius: 3px 0 5px 0;
  5145. background-clip: padding-box;
  5146. font-size: 10px;
  5147. vertical-align: top;
  5148. background-color: rgba(20, 20, 20, 0.9);
  5149. color: #fff; }
  5150. article.node-materiau.vm-cardfull div.workflow span, article.node-breve.vm-cardfull div.workflow span {
  5151. padding: 3px 0 0 4px;
  5152. display: moz-inline-stack;
  5153. display: inline-block;
  5154. vertical-align: top;
  5155. zoom: 1;
  5156. *display: inline; }
  5157. article.node-materiau.vm-cardfull .field-name-field-description .upgrade, article.node-breve.vm-cardfull .field-name-field-description .upgrade {
  5158. font-size: 12px;
  5159. padding-top: 4em;
  5160. margin-top: -4.5em;
  5161. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
  5162. position: relative; }
  5163. article.node-materiau.vm-cardfull .side.oops p, article.node-materiau.vm-cardfull .side .upgrade p, article.node-breve.vm-cardfull .side.oops p, article.node-breve.vm-cardfull .side .upgrade p {
  5164. padding: 10px;
  5165. font-size: 12px; }
  5166. article.node-materiau.vm-cardfull .side.oops p a, article.node-materiau.vm-cardfull .side .upgrade p a, article.node-breve.vm-cardfull .side.oops p a, article.node-breve.vm-cardfull .side .upgrade p a {
  5167. display: block;
  5168. margin: 10px 0;
  5169. font-size: 18px;
  5170. padding: 0.1em 0.6em 0.2em;
  5171. border-radius: 0.3em;
  5172. background-clip: padding-box;
  5173. font-weight: bold;
  5174. border: 2px solid #69CDCF;
  5175. background-color: #69CDCF;
  5176. color: #fff;
  5177. cursor: pointer;
  5178. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  5179. transition: text-shadow 0.2s ease-out;
  5180. text-align: center;
  5181. text-decoration: none; }
  5182. article.node-materiau.vm-cardfull .side.oops p a:hover, article.node-materiau.vm-cardfull .side.oops p a:focus, article.node-materiau.vm-cardfull .side .upgrade p a:hover, article.node-materiau.vm-cardfull .side .upgrade p a:focus, article.node-breve.vm-cardfull .side.oops p a:hover, article.node-breve.vm-cardfull .side.oops p a:focus, article.node-breve.vm-cardfull .side .upgrade p a:hover, article.node-breve.vm-cardfull .side .upgrade p a:focus {
  5183. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  5184. article.node-materiau.vm-cardfull .side.oops p a:active, article.node-materiau.vm-cardfull .side .upgrade p a:active, article.node-breve.vm-cardfull .side.oops p a:active, article.node-breve.vm-cardfull .side .upgrade p a:active {
  5185. transition: text-shadow 0s ease-out;
  5186. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  5187. article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav {
  5188. top: 0; }
  5189. article.node-materiau.vm-cardfull > *, article.node-breve.vm-cardfull > * {
  5190. font-size: 16px; }
  5191. article.node-materiau.vm-cardfull > .side, article.node-breve.vm-cardfull > .side {
  5192. display: moz-inline-stack;
  5193. display: inline-block;
  5194. vertical-align: top;
  5195. zoom: 1;
  5196. *display: inline;
  5197. width: 50%; }
  5198. article.node-materiau.vm-cardfull > .side.group-side-left, article.node-breve.vm-cardfull > .side.group-side-left {
  5199. border-radius: 5px 0 0 5px;
  5200. background-clip: padding-box; }
  5201. article.node-materiau.vm-cardfull > .side.group-side-right, article.node-breve.vm-cardfull > .side.group-side-right {
  5202. border-radius: 0 5px 5px 0;
  5203. background-clip: padding-box; }
  5204. article.node-materiau.vm-cardfull .group-images, article.node-breve.vm-cardfull .group-images {
  5205. position: relative;
  5206. z-index: 1;
  5207. background-color: #fff; }
  5208. article.node-materiau.vm-cardfull .group-images figure, article.node-breve.vm-cardfull .group-images figure {
  5209. position: absolute;
  5210. top: 0;
  5211. left: 0; }
  5212. article.node-materiau.vm-cardfull .group-images figure:first-child, article.node-breve.vm-cardfull .group-images figure:first-child {
  5213. position: relative;
  5214. z-index: 1; }
  5215. article.node-materiau.vm-cardfull .group-header, article.node-breve.vm-cardfull .group-header {
  5216. font-size: 20px;
  5217. font-weight: 300;
  5218. padding: 10px 10px 0 10px; }
  5219. article.node-materiau.vm-cardfull .group-header .field-name-title-field, article.node-breve.vm-cardfull .group-header .field-name-title-field {
  5220. font-weight: 700; }
  5221. article.node-materiau.vm-cardfull .group-header .field-name-title-field, article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-title-field, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio {
  5222. display: moz-inline-stack;
  5223. display: inline-block;
  5224. vertical-align: top;
  5225. zoom: 1;
  5226. *display: inline;
  5227. vertical-align: baseline; }
  5228. article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio {
  5229. font-size: 12px; }
  5230. article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.vm-cardfull.node-breve .group-header {
  5231. color: #fff;
  5232. background-color: rgba(0, 0, 0, 0.7);
  5233. text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  5234. transition: background-color 0.2s ease-out; }
  5235. article.node-materiau.vm-cardfull.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull.node-breve .group-header .field-name-field-authored-on {
  5236. font-weight: 500; }
  5237. article.node-materiau.vm-cardfull .field-name-field-location, article.node-breve.vm-cardfull .field-name-field-location {
  5238. font-size: 12px;
  5239. padding: 5px 10px 0 10px;
  5240. font-weight: 300; }
  5241. article.node-materiau.vm-cardfull .field-name-field-location .field-label, article.node-materiau.vm-cardfull .field-name-field-location .field-items, article.node-materiau.vm-cardfull .field-name-field-location .field-item, article.node-breve.vm-cardfull .field-name-field-location .field-label, article.node-breve.vm-cardfull .field-name-field-location .field-items, article.node-breve.vm-cardfull .field-name-field-location .field-item {
  5242. display: moz-inline-stack;
  5243. display: inline-block;
  5244. vertical-align: top;
  5245. zoom: 1;
  5246. *display: inline;
  5247. vertical-align: baseline; }
  5248. article.node-materiau.vm-cardfull .field-name-field-location .field-label, article.node-breve.vm-cardfull .field-name-field-location .field-label {
  5249. font-size: 10px;
  5250. text-transform: lowercase;
  5251. float: none; }
  5252. article.node-materiau.vm-cardfull .field-name-field-description, article.node-materiau.vm-cardfull .field-name-body, article.node-breve.vm-cardfull .field-name-field-description, article.node-breve.vm-cardfull .field-name-body {
  5253. font-size: 12px;
  5254. font-weight: 300;
  5255. padding: 5px 10px 0 10px; }
  5256. article.node-materiau.vm-cardfull .field-name-field-attachments, article.node-breve.vm-cardfull .field-name-field-attachments {
  5257. padding: 10px;
  5258. font-size: 12px; }
  5259. article.node-materiau.vm-cardfull .field-name-field-company-fab, article.node-materiau.vm-cardfull .field-name-field-company-distrib, article.node-breve.vm-cardfull .field-name-field-company-fab, article.node-breve.vm-cardfull .field-name-field-company-distrib {
  5260. font-size: 12px;
  5261. padding: 10px;
  5262. font-weight: 300;
  5263. display: moz-inline-stack;
  5264. display: inline-block;
  5265. vertical-align: top;
  5266. zoom: 1;
  5267. *display: inline;
  5268. width: 40%; }
  5269. article.node-materiau.vm-cardfull .field-name-field-company-fab .field-item, article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-item, article.node-breve.vm-cardfull .field-name-field-company-fab .field-item, article.node-breve.vm-cardfull .field-name-field-company-distrib .field-item {
  5270. margin-top: 1em; }
  5271. article.node-materiau.vm-cardfull .field-name-field-company-fab .field-label, article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-label, article.node-breve.vm-cardfull .field-name-field-company-fab .field-label, article.node-breve.vm-cardfull .field-name-field-company-distrib .field-label {
  5272. font-size: 10px;
  5273. text-transform: lowercase;
  5274. float: none; }
  5275. article.node-materiau.vm-cardfull .field-name-field-company-fab .field-name-field-tode-company, article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-name-field-tode-company, article.node-breve.vm-cardfull .field-name-field-company-fab .field-name-field-tode-company, article.node-breve.vm-cardfull .field-name-field-company-distrib .field-name-field-tode-company {
  5276. font-size: 14px; }
  5277. article.node-materiau.vm-cardfull .field-name-field-materiau-ref, article.node-materiau.vm-cardfull .field-name-field-source, article.node-materiau.vm-cardfull .field-name-field-attachments, article.node-breve.vm-cardfull .field-name-field-materiau-ref, article.node-breve.vm-cardfull .field-name-field-source, article.node-breve.vm-cardfull .field-name-field-attachments {
  5278. font-size: 12px;
  5279. padding: 10px;
  5280. font-weight: 300; }
  5281. article.node-materiau.vm-cardfull .field-name-field-materiau-ref a, article.node-materiau.vm-cardfull .field-name-field-source a, article.node-materiau.vm-cardfull .field-name-field-attachments a, article.node-breve.vm-cardfull .field-name-field-materiau-ref a, article.node-breve.vm-cardfull .field-name-field-source a, article.node-breve.vm-cardfull .field-name-field-attachments a {
  5282. color: #000; }
  5283. article.node-materiau.vm-cardfull .field-label, article.node-breve.vm-cardfull .field-label {
  5284. font-weight: 900;
  5285. margin: 0 0 0.5em; }
  5286. article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav {
  5287. margin: 5px; }
  5288. article.node-materiau.vm-cardfull div.workflow, article.node-breve.vm-cardfull div.workflow {
  5289. margin: 5px; }
  5290. article.node-materiau.vm-cardfull .side.oops p, article.node-materiau.vm-cardfull .side .upgrade p, article.node-breve.vm-cardfull .side.oops p, article.node-breve.vm-cardfull .side .upgrade p {
  5291. padding: 3em; }
  5292. article.node-materiau.vm-cardfull .side.oops p a, article.node-materiau.vm-cardfull .side .upgrade p a, article.node-breve.vm-cardfull .side.oops p a, article.node-breve.vm-cardfull .side .upgrade p a {
  5293. border: 2px solid #eee;
  5294. background-color: #eee;
  5295. color: #fff;
  5296. transition: border 0.3s ease-out;
  5297. transition: background-color 0.3s ease-out; }
  5298. article.node-materiau.vm-cardfull:hover .side.oops p a, article.node-materiau.vm-cardfull:hover .side .upgrade p a, article.node-breve.vm-cardfull:hover .side.oops p a, article.node-breve.vm-cardfull:hover .side .upgrade p a {
  5299. border: 2px solid #69CDCF;
  5300. background-color: #69CDCF; }
  5301. /*
  5302. __ ____ _ __
  5303. _________ __________/ / / __ \_____(_)___ / /_
  5304. / ___/ __ `/ ___/ __ / / /_/ / ___/ / __ \/ __/
  5305. / /__/ /_/ / / / /_/ / / ____/ / / / / / / /_
  5306. \___/\__,_/_/ \__,_/ /_/ /_/ /_/_/ /_/\__/
  5307. */
  5308. .print-node-materiau {
  5309. margin: 0 auto; }
  5310. @media screen {
  5311. .print-node-materiau {
  5312. width: 850px;
  5313. height: auto;
  5314. display: moz-inline-stack;
  5315. display: inline-block;
  5316. vertical-align: top;
  5317. zoom: 1;
  5318. *display: inline;
  5319. position: relative;
  5320. margin: 7px;
  5321. border-radius: 5px;
  5322. background-clip: padding-box;
  5323. background-color: #FFF;
  5324. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  5325. transition: box-shadow 0.3s ease-out;
  5326. width: 1024px;
  5327. padding: 1em; }
  5328. .print-node-materiau > div.side {
  5329. border-radius: 5px;
  5330. background-clip: padding-box;
  5331. overflow: hidden; }
  5332. .print-node-materiau.focused {
  5333. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
  5334. .print-node-materiau.just-added {
  5335. opacity: 0; }
  5336. .print-node-materiau.associated {
  5337. transition: margin 0.3s ease-out; }
  5338. .print-node-materiau.associated.just-added {
  5339. margin-left: -850px;
  5340. margin-right: 850px; }
  5341. .modal-content .print-node-materiau.associated {
  5342. position: absolute;
  5343. top: 0;
  5344. left: 0;
  5345. z-index: 999; }
  5346. .print-node-materiau.removed {
  5347. transition: width 0.3s ease-out;
  5348. width: 0;
  5349. padding-left: 0;
  5350. padding-right: 0;
  5351. margin-right: 0;
  5352. margin-left: 0;
  5353. overflow: hidden; }
  5354. .print-node-materiau nav.nav {
  5355. position: absolute;
  5356. top: 0;
  5357. right: 0;
  5358. z-index: 11;
  5359. padding: 5px 0;
  5360. border-radius: 0 5px 0 3px;
  5361. background-clip: padding-box;
  5362. font-size: 10px;
  5363. background-color: rgba(255, 255, 255, 0.9);
  5364. color: #000; }
  5365. .print-node-materiau nav.nav a {
  5366. color: #000; }
  5367. .print-node-materiau nav.nav ul {
  5368. background-color: rgba(255, 255, 255, 0.9); }
  5369. .print-node-materiau nav.nav span.op {
  5370. font-weight: 900;
  5371. font-size: 14px; }
  5372. .print-node-materiau nav.nav ul {
  5373. padding: 0;
  5374. margin: 0; }
  5375. .print-node-materiau nav.nav section {
  5376. position: relative; }
  5377. .print-node-materiau nav.nav section > i {
  5378. margin: 0 5px; }
  5379. .print-node-materiau nav.nav section > i:hover {
  5380. cursor: pointer; }
  5381. .print-node-materiau nav.nav ul {
  5382. position: absolute;
  5383. right: 0;
  5384. top: 0;
  5385. margin-right: 22px;
  5386. min-width: 80px;
  5387. padding: 0;
  5388. display: block;
  5389. border-radius: 3px;
  5390. background-clip: padding-box;
  5391. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
  5392. .print-node-materiau nav.nav ul li {
  5393. padding: 0;
  5394. margin: 0;
  5395. line-height: 1;
  5396. display: block;
  5397. height: 0;
  5398. overflow: hidden;
  5399. transition: height 0.2s ease-out; }
  5400. .print-node-materiau nav.nav ul li a {
  5401. display: block; }
  5402. .print-node-materiau nav.nav ul.links a {
  5403. font-size: 12px; }
  5404. .print-node-materiau nav.nav ul.flag-lists-entity-links {
  5405. width: 160px;
  5406. font-size: 0; }
  5407. .print-node-materiau nav.nav ul.flag-lists-entity-links > * {
  5408. font-size: 11px; }
  5409. .print-node-materiau nav.nav ul.flag-lists-entity-links li {
  5410. display: moz-inline-stack;
  5411. display: inline-block;
  5412. vertical-align: top;
  5413. zoom: 1;
  5414. *display: inline;
  5415. min-width: 48%;
  5416. max-width: 98%;
  5417. padding-left: 2px; }
  5418. .print-node-materiau nav.nav ul.flag-lists-entity-links li a {
  5419. color: #a6a6a6;
  5420. transition: color 0.2s ease-out; }
  5421. .print-node-materiau nav.nav ul.flag-lists-entity-links li a:hover, .print-node-materiau nav.nav ul.flag-lists-entity-links li a.unflag-action {
  5422. color: #000;
  5423. text-decoration: none; }
  5424. .print-node-materiau nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  5425. display: block;
  5426. width: 100%; }
  5427. .print-node-materiau nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  5428. margin-top: 1px;
  5429. padding-top: 1px;
  5430. border-top: 1px solid #e6e6e6; }
  5431. .print-node-materiau nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  5432. color: #000; }
  5433. .print-node-materiau nav.nav ul.flag-lists-entity-links li.loading {
  5434. background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
  5435. .print-node-materiau nav.nav ul.flag-lists-entity-links li.loading a {
  5436. visibility: hidden; }
  5437. .ie8 .print-node-materiau nav.nav ul {
  5438. background: #FFF; }
  5439. .print-node-materiau nav.nav section:hover ul {
  5440. padding: 5px 5px; }
  5441. .print-node-materiau nav.nav section:hover ul li {
  5442. height: 17px; }
  5443. .print-node-materiau div.workflow {
  5444. position: absolute;
  5445. bottom: 0;
  5446. right: 0;
  5447. z-index: 11;
  5448. padding: 5px;
  5449. border-radius: 3px 0 5px 0;
  5450. background-clip: padding-box;
  5451. font-size: 10px;
  5452. vertical-align: top;
  5453. background-color: rgba(20, 20, 20, 0.9);
  5454. color: #fff; }
  5455. .print-node-materiau div.workflow span {
  5456. padding: 3px 0 0 4px;
  5457. display: moz-inline-stack;
  5458. display: inline-block;
  5459. vertical-align: top;
  5460. zoom: 1;
  5461. *display: inline; }
  5462. .print-node-materiau .field-name-field-description .upgrade {
  5463. font-size: 12px;
  5464. padding-top: 4em;
  5465. margin-top: -4.5em;
  5466. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
  5467. position: relative; }
  5468. .print-node-materiau .side.oops p, .print-node-materiau .side .upgrade p {
  5469. padding: 10px;
  5470. font-size: 12px; }
  5471. .print-node-materiau .side.oops p a, .print-node-materiau .side .upgrade p a {
  5472. display: block;
  5473. margin: 10px 0;
  5474. font-size: 18px;
  5475. padding: 0.1em 0.6em 0.2em;
  5476. border-radius: 0.3em;
  5477. background-clip: padding-box;
  5478. font-weight: bold;
  5479. border: 2px solid #69CDCF;
  5480. background-color: #69CDCF;
  5481. color: #fff;
  5482. cursor: pointer;
  5483. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  5484. transition: text-shadow 0.2s ease-out;
  5485. text-align: center;
  5486. text-decoration: none; }
  5487. .print-node-materiau .side.oops p a:hover, .print-node-materiau .side.oops p a:focus, .print-node-materiau .side .upgrade p a:hover, .print-node-materiau .side .upgrade p a:focus {
  5488. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  5489. .print-node-materiau .side.oops p a:active, .print-node-materiau .side .upgrade p a:active {
  5490. transition: text-shadow 0s ease-out;
  5491. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } }
  5492. .print-content .node-materiau.vm-print {
  5493. margin: 0;
  5494. position: relative; }
  5495. .print-content .node-materiau.vm-print .field-name-title-field {
  5496. font-weight: 500;
  5497. font-size: 1.4em; }
  5498. .print-content .node-materiau.vm-print .field-name-field-nature-titre {
  5499. font-weight: 500;
  5500. font-size: 1em;
  5501. margin-bottom: 0.5em; }
  5502. .print-content .node-materiau.vm-print .group-head-right {
  5503. position: absolute;
  5504. top: 0;
  5505. right: 0;
  5506. padding-top: 1em;
  5507. text-align: right;
  5508. font-size: 0.8em; }
  5509. .print-content .node-materiau.vm-print .group-head-right .field-name-field-reference-materio {
  5510. font-weight: 800;
  5511. font-size: 1.2em; }
  5512. .print-content .node-materiau.vm-print .side.group-side-left {
  5513. width: 45%;
  5514. position: absolute; }
  5515. .print-content .node-materiau.vm-print .side.group-side-left .field-name-field-description {
  5516. font-size: 0.8em; }
  5517. .print-content .node-materiau.vm-print .side.group-side-left .field-name-field-location {
  5518. font-size: 0.7em; }
  5519. .print-content .node-materiau.vm-print .side.group-side-left > .field-type-taxonomy-term-reference {
  5520. display: inline-block;
  5521. vertical-align: top;
  5522. width: 45%;
  5523. margin: 0.5em 1em 0 0;
  5524. font-size: 0.7em; }
  5525. .print-content .node-materiau.vm-print .side.group-side-left > .field-type-taxonomy-term-reference > .field-label {
  5526. font-size: 0.8em;
  5527. font-weight: 300; }
  5528. .print-content .node-materiau.vm-print .side.group-side-left > .field-type-taxonomy-term-reference > .node-company .field-name-field-tode-company {
  5529. font-size: 1.2em; }
  5530. .print-content .node-materiau.vm-print .side.group-side-left > .field-type-taxonomy-term-reference > .node-company .field-label {
  5531. display: none; }
  5532. .print-content .node-materiau.vm-print .side.group-side-right section, .print-content .node-materiau.vm-print .side.group-side-right div, .print-content .node-materiau.vm-print .side.group-side-right figure {
  5533. max-width: 100%; }
  5534. .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image {
  5535. text-align: right; }
  5536. .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image > figure {
  5537. display: inline-block;
  5538. max-width: 19%;
  5539. margin: 0.5em 0 0 0.5em;
  5540. max-width: 100%;
  5541. margin-left: 50%; }
  5542. .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image > figure img {
  5543. max-width: 100%; }
  5544. .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item {
  5545. display: none;
  5546. max-width: 19%;
  5547. margin: 0.5em 0 0 0.5em; }
  5548. .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item:nth-child(-n+7) {
  5549. display: inline-block; }
  5550. .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item:nth-child(-n+2) {
  5551. max-width: 100%;
  5552. margin-left: 50%; }
  5553. .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item img {
  5554. max-width: 100%; }
  5555. .print-content .node-materiau.vm-print .field-name-field-tode-company {
  5556. font-size: 1.5em;
  5557. font-weight: 700; }
  5558. .print-content .node-materiau.vm-print .field-name-field-description,
  5559. .print-content .node-materiau.vm-print .field-name-field-company-fab,
  5560. .print-content .node-materiau.vm-print .field-name-field-reference-distrib {
  5561. padding-bottom: 1em; }
  5562. /*
  5563. ____ ____ _____ ________
  5564. / __ \/ __ \/ _/ | / /_ __/
  5565. / /_/ / /_/ // // |/ / / /
  5566. / ____/ _, _// // /| / / /
  5567. /_/ /_/ |_/___/_/ |_/ /_/
  5568. */
  5569. @media print {
  5570. @page {
  5571. margin: 1.5cm 7mm 8mm; } }
  5572. .print-site_name {
  5573. width: 100%;
  5574. vertical-align: bottom;
  5575. margin-bottom: 0.5em; }
  5576. .print-site_name h1 {
  5577. margin: 0 0 0 0;
  5578. font-size: 1.4em;
  5579. text-align: center; }
  5580. .print-site_name h1 a {
  5581. color: inherit; }
  5582. .print-site_name h1 a:hover {
  5583. text-decoration: none; }
  5584. .print-site_name span.slogan {
  5585. display: none;
  5586. font-size: 0.8em;
  5587. margin-top: -3px;
  5588. margin-left: -0.5em;
  5589. font-weight: 900; }
  5590. .ie8 .print-site_name span.slogan {
  5591. position: absolute;
  5592. margin-top: 22px; }
  5593. .print-content {
  5594. margin-bottom: 1em; }
  5595. .print-footer {
  5596. position: absolute;
  5597. bottom: 0;
  5598. text-align: center;
  5599. width: 100%; }
  5600. .print-footer p {
  5601. display: inline-block;
  5602. width: 45%;
  5603. text-align: center; }
  5604. /*
  5605. ___ __ ____________ __________ __ _______ __ __________________
  5606. / | / / / /_ __/ __ \/ ____/ __ \/ |/ / __ \/ / / ____/_ __/ ____/
  5607. / /| |/ / / / / / / / / / / / / / / /|_/ / /_/ / / / __/ / / / __/
  5608. / ___ / /_/ / / / / /_/ / /___/ /_/ / / / / ____/ /___/ /___ / / / /___
  5609. /_/ |_\____/ /_/ \____/\____/\____/_/ /_/_/ /_____/_____/ /_/ /_____/
  5610. */
  5611. #autocomplete {
  5612. border: 0;
  5613. border-radius: 3px;
  5614. background-clip: padding-box;
  5615. background-color: rgba(0, 0, 0, 0.6);
  5616. text-align: left;
  5617. margin-left: 2px; }
  5618. .oldie #autocomplete {
  5619. background-color: #545454; }
  5620. #autocomplete li {
  5621. color: #FFF;
  5622. background-color: transparent;
  5623. font-size: 12px; }
  5624. #autocomplete li.selected {
  5625. background-color: rgba(0, 0, 0, 0.8); }
  5626. #autocomplete li div {
  5627. padding: 0.1em 5px; }
  5628. /**
  5629. * the old modal api (balck bg) for contextual forms (create new flag list)
  5630. */
  5631. #modal {
  5632. background-color: rgba(0, 0, 0, 0.7);
  5633. border-radius: 5px;
  5634. background-clip: padding-box;
  5635. border: 0;
  5636. font-size: 12px; }
  5637. #modal * {
  5638. color: #fff;
  5639. background-color: transparent; }
  5640. #modal form {
  5641. background-color: transparent;
  5642. color: #fff;
  5643. border: 0px; }
  5644. #modal form .form-actions {
  5645. background-color: transparent;
  5646. margin: 0;
  5647. padding: 0;
  5648. border: 0; }
  5649. #modal form input.form-text, #modal form textarea, #modal form div.grippie {
  5650. background-color: #fff;
  5651. color: #000;
  5652. border: 0; }
  5653. #modal form .form-actions {
  5654. text-align: right; }
  5655. #modal form input.form-submit {
  5656. border-style: solid;
  5657. border-width: 0;
  5658. cursor: pointer;
  5659. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  5660. font-weight: normal;
  5661. line-height: normal;
  5662. margin: 0 0 1.25rem;
  5663. position: relative;
  5664. text-decoration: none;
  5665. text-align: center;
  5666. -webkit-appearance: none;
  5667. -moz-appearance: none;
  5668. border-radius: 0;
  5669. display: inline-block;
  5670. padding-top: 0.625rem;
  5671. padding-right: 1.25rem;
  5672. padding-bottom: 0.6875rem;
  5673. padding-left: 1.25rem;
  5674. font-size: 0.6875rem;
  5675. background-color: #008CBA;
  5676. border-color: #007095;
  5677. color: #FFFFFF;
  5678. transition: background-color 300ms ease-out; }
  5679. #modal form input.form-submit:hover, #modal form input.form-submit:focus {
  5680. background-color: #007095; }
  5681. #modal form input.form-submit:hover, #modal form input.form-submit:focus {
  5682. color: #FFFFFF; }
  5683. #modal form input.form-submit[name="create"] {
  5684. border-style: solid;
  5685. border-width: 0;
  5686. cursor: pointer;
  5687. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  5688. font-weight: normal;
  5689. line-height: normal;
  5690. margin: 0 0 1.25rem;
  5691. position: relative;
  5692. text-decoration: none;
  5693. text-align: center;
  5694. -webkit-appearance: none;
  5695. -moz-appearance: none;
  5696. border-radius: 0;
  5697. display: inline-block;
  5698. padding-top: 0.625rem;
  5699. padding-right: 1.25rem;
  5700. padding-bottom: 0.6875rem;
  5701. padding-left: 1.25rem;
  5702. font-size: 0.6875rem;
  5703. background-color: #43AC6A;
  5704. border-color: #368a55;
  5705. color: #FFFFFF;
  5706. transition: background-color 300ms ease-out; }
  5707. #modal form input.form-submit[name="create"]:hover, #modal form input.form-submit[name="create"]:focus {
  5708. background-color: #368a55; }
  5709. #modal form input.form-submit[name="create"]:hover, #modal form input.form-submit[name="create"]:focus {
  5710. color: #FFFFFF; }
  5711. #modal form input.form-submit[name="save"] {
  5712. border-style: solid;
  5713. border-width: 0;
  5714. cursor: pointer;
  5715. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  5716. font-weight: normal;
  5717. line-height: normal;
  5718. margin: 0 0 1.25rem;
  5719. position: relative;
  5720. text-decoration: none;
  5721. text-align: center;
  5722. -webkit-appearance: none;
  5723. -moz-appearance: none;
  5724. border-radius: 0;
  5725. display: inline-block;
  5726. padding-top: 0.625rem;
  5727. padding-right: 1.25rem;
  5728. padding-bottom: 0.6875rem;
  5729. padding-left: 1.25rem;
  5730. font-size: 0.6875rem;
  5731. background-color: #43AC6A;
  5732. border-color: #368a55;
  5733. color: #FFFFFF;
  5734. transition: background-color 300ms ease-out; }
  5735. #modal form input.form-submit[name="save"]:hover, #modal form input.form-submit[name="save"]:focus {
  5736. background-color: #368a55; }
  5737. #modal form input.form-submit[name="save"]:hover, #modal form input.form-submit[name="save"]:focus {
  5738. color: #FFFFFF; }
  5739. #modal form input.form-submit[name="delete"] {
  5740. border-style: solid;
  5741. border-width: 0;
  5742. cursor: pointer;
  5743. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  5744. font-weight: normal;
  5745. line-height: normal;
  5746. margin: 0 0 1.25rem;
  5747. position: relative;
  5748. text-decoration: none;
  5749. text-align: center;
  5750. -webkit-appearance: none;
  5751. -moz-appearance: none;
  5752. border-radius: 0;
  5753. display: inline-block;
  5754. padding-top: 0.625rem;
  5755. padding-right: 1.25rem;
  5756. padding-bottom: 0.6875rem;
  5757. padding-left: 1.25rem;
  5758. font-size: 0.6875rem;
  5759. background-color: #f04124;
  5760. border-color: #cf2a0e;
  5761. color: #FFFFFF;
  5762. transition: background-color 300ms ease-out; }
  5763. #modal form input.form-submit[name="delete"]:hover, #modal form input.form-submit[name="delete"]:focus {
  5764. background-color: #cf2a0e; }
  5765. #modal form input.form-submit[name="delete"]:hover, #modal form input.form-submit[name="delete"]:focus {
  5766. color: #FFFFFF; }
  5767. #modal form input.form-submit[name="cancel"] {
  5768. border-style: solid;
  5769. border-width: 0;
  5770. cursor: pointer;
  5771. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  5772. font-weight: normal;
  5773. line-height: normal;
  5774. margin: 0 0 1.25rem;
  5775. position: relative;
  5776. text-decoration: none;
  5777. text-align: center;
  5778. -webkit-appearance: none;
  5779. -moz-appearance: none;
  5780. border-radius: 0;
  5781. display: inline-block;
  5782. padding-top: 0.625rem;
  5783. padding-right: 1.25rem;
  5784. padding-bottom: 0.6875rem;
  5785. padding-left: 1.25rem;
  5786. font-size: 0.6875rem;
  5787. background-color: #e7e7e7;
  5788. border-color: #b9b9b9;
  5789. color: #333333;
  5790. transition: background-color 300ms ease-out; }
  5791. #modal form input.form-submit[name="cancel"]:hover, #modal form input.form-submit[name="cancel"]:focus {
  5792. background-color: #b9b9b9; }
  5793. #modal form input.form-submit[name="cancel"]:hover, #modal form input.form-submit[name="cancel"]:focus {
  5794. color: #333333; }
  5795. #modal > * {
  5796. padding: 10px; }
  5797. #modal #flag-lists-form .form-item-title input {
  5798. width: 95%; }
  5799. #modal .actions {
  5800. text-align: right; }
  5801. /**
  5802. * the new modal api used for preview and register modal
  5803. */
  5804. .modal-wrapper {
  5805. bottom: 0;
  5806. left: 0;
  5807. position: fixed;
  5808. right: 0;
  5809. text-align: center;
  5810. top: 0;
  5811. white-space: nowrap;
  5812. z-index: 99998; }
  5813. .modal-wrapper:before {
  5814. content: "";
  5815. display: inline-block;
  5816. height: 100%;
  5817. margin-right: -0.25em;
  5818. vertical-align: middle; }
  5819. .modal-wrapper:after, .modal-wrapper:before {
  5820. -moz-box-sizing: border-box; }
  5821. .modal-wrapper .modal-bg {
  5822. background-color: #000;
  5823. position: absolute;
  5824. top: 0;
  5825. left: 0;
  5826. width: 100%;
  5827. height: 100%;
  5828. opacity: 0.5; }
  5829. .modal-wrapper .modal-content {
  5830. position: relative;
  5831. display: inline-block;
  5832. margin: 0 auto;
  5833. text-align: left;
  5834. vertical-align: middle;
  5835. white-space: normal;
  5836. min-height: 200px; }
  5837. /*
  5838. _______ __________ ____ __ __ ____ ___ _ __
  5839. / / ___// ____/ __ \/ __ \/ / / / / __ \/ | / | / /
  5840. __ / /\__ \/ / / /_/ / / / / / / / / /_/ / /| | / |/ /
  5841. / /_/ /___/ / /___/ _, _/ /_/ / /___/ /___/ ____/ ___ |/ /| /
  5842. \____//____/\____/_/ |_|\____/_____/_____/_/ /_/ |_/_/ |_/
  5843. */
  5844. .jspContainer .jspVerticalBar {
  5845. background-color: transparent;
  5846. width: 5px; }
  5847. .jspContainer .jspVerticalBar .jspTrack {
  5848. background-color: transparent; }
  5849. .jspContainer .jspVerticalBar .jspTrack .jspDrag {
  5850. background-color: #ccc;
  5851. border-radius: 3px;
  5852. background-clip: padding-box; }
  5853. /*
  5854. __________ ____ __ ______________
  5855. /_ __/ __ \/ __ \/ / /_ __/ _/ __ / / / / / / / / / / / / / // /_/ /
  5856. / / / /_/ / /_/ / /___/ / _/ // ____/
  5857. /_/ \____/\____/_____/_/ /___/_/
  5858. */
  5859. #tooltip {
  5860. position: absolute;
  5861. z-index: 999;
  5862. max-width: 180px;
  5863. background-color: white;
  5864. padding: 5px;
  5865. border-radius: 3px;
  5866. background-clip: padding-box;
  5867. font-size: 12px;
  5868. font-weight: 500;
  5869. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  5870. #tooltip.op-visible {
  5871. transition: opacity 0.1s ease-out; }
  5872. /*
  5873. ______________________ ____ ___ ________ __
  5874. / ____/ ____/ ____/ __ \/ __ )/ | / ____/ //_/
  5875. / /_ / __/ / __/ / / / / __ / /| |/ / / ,<
  5876. / __/ / /___/ /___/ /_/ / /_/ / ___ / /___/ /| |
  5877. /_/ /_____/_____/_____/_____/_/ |_\____/_/ |_|
  5878. */
  5879. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  5880. #block-feedback-form {
  5881. bottom: 5px;
  5882. left: 5px;
  5883. right: auto; } }
  5884. #block-feedback-form h2 {
  5885. line-height: 1.2;
  5886. font-size: 14px;
  5887. margin: 0; }
  5888. #block-feedback-form h2 .title {
  5889. display: none; }
  5890. #block-feedback-form #feedback-form-toggle {
  5891. padding: 2px 3px;
  5892. border-radius: 3px;
  5893. background-clip: padding-box;
  5894. background-color: #ff7600;
  5895. color: #fff;
  5896. line-height: 2;
  5897. font-weight: 900; }
  5898. #block-feedback-form .content {
  5899. background-color: rgba(0, 0, 0, 0.7);
  5900. border-radius: 5px;
  5901. background-clip: padding-box;
  5902. border: 0;
  5903. font-size: 12px; }
  5904. #block-feedback-form .content * {
  5905. color: #fff;
  5906. background-color: transparent; }
  5907. #block-feedback-form .content form {
  5908. background-color: transparent;
  5909. color: #fff;
  5910. border: 0px; }
  5911. #block-feedback-form .content form .form-actions {
  5912. background-color: transparent;
  5913. margin: 0;
  5914. padding: 0;
  5915. border: 0; }
  5916. #block-feedback-form .content form input.form-text, #block-feedback-form .content form textarea, #block-feedback-form .content form div.grippie {
  5917. background-color: #fff;
  5918. color: #000;
  5919. border: 0; }
  5920. #block-feedback-form .content form .form-actions {
  5921. text-align: right; }
  5922. #block-feedback-form .content form input.form-submit {
  5923. border-style: solid;
  5924. border-width: 0;
  5925. cursor: pointer;
  5926. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  5927. font-weight: normal;
  5928. line-height: normal;
  5929. margin: 0 0 1.25rem;
  5930. position: relative;
  5931. text-decoration: none;
  5932. text-align: center;
  5933. -webkit-appearance: none;
  5934. -moz-appearance: none;
  5935. border-radius: 0;
  5936. display: inline-block;
  5937. padding-top: 0.625rem;
  5938. padding-right: 1.25rem;
  5939. padding-bottom: 0.6875rem;
  5940. padding-left: 1.25rem;
  5941. font-size: 0.6875rem;
  5942. background-color: #008CBA;
  5943. border-color: #007095;
  5944. color: #FFFFFF;
  5945. transition: background-color 300ms ease-out; }
  5946. #block-feedback-form .content form input.form-submit:hover, #block-feedback-form .content form input.form-submit:focus {
  5947. background-color: #007095; }
  5948. #block-feedback-form .content form input.form-submit:hover, #block-feedback-form .content form input.form-submit:focus {
  5949. color: #FFFFFF; }
  5950. #block-feedback-form .content form input.form-submit[name="create"] {
  5951. border-style: solid;
  5952. border-width: 0;
  5953. cursor: pointer;
  5954. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  5955. font-weight: normal;
  5956. line-height: normal;
  5957. margin: 0 0 1.25rem;
  5958. position: relative;
  5959. text-decoration: none;
  5960. text-align: center;
  5961. -webkit-appearance: none;
  5962. -moz-appearance: none;
  5963. border-radius: 0;
  5964. display: inline-block;
  5965. padding-top: 0.625rem;
  5966. padding-right: 1.25rem;
  5967. padding-bottom: 0.6875rem;
  5968. padding-left: 1.25rem;
  5969. font-size: 0.6875rem;
  5970. background-color: #43AC6A;
  5971. border-color: #368a55;
  5972. color: #FFFFFF;
  5973. transition: background-color 300ms ease-out; }
  5974. #block-feedback-form .content form input.form-submit[name="create"]:hover, #block-feedback-form .content form input.form-submit[name="create"]:focus {
  5975. background-color: #368a55; }
  5976. #block-feedback-form .content form input.form-submit[name="create"]:hover, #block-feedback-form .content form input.form-submit[name="create"]:focus {
  5977. color: #FFFFFF; }
  5978. #block-feedback-form .content form input.form-submit[name="save"] {
  5979. border-style: solid;
  5980. border-width: 0;
  5981. cursor: pointer;
  5982. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  5983. font-weight: normal;
  5984. line-height: normal;
  5985. margin: 0 0 1.25rem;
  5986. position: relative;
  5987. text-decoration: none;
  5988. text-align: center;
  5989. -webkit-appearance: none;
  5990. -moz-appearance: none;
  5991. border-radius: 0;
  5992. display: inline-block;
  5993. padding-top: 0.625rem;
  5994. padding-right: 1.25rem;
  5995. padding-bottom: 0.6875rem;
  5996. padding-left: 1.25rem;
  5997. font-size: 0.6875rem;
  5998. background-color: #43AC6A;
  5999. border-color: #368a55;
  6000. color: #FFFFFF;
  6001. transition: background-color 300ms ease-out; }
  6002. #block-feedback-form .content form input.form-submit[name="save"]:hover, #block-feedback-form .content form input.form-submit[name="save"]:focus {
  6003. background-color: #368a55; }
  6004. #block-feedback-form .content form input.form-submit[name="save"]:hover, #block-feedback-form .content form input.form-submit[name="save"]:focus {
  6005. color: #FFFFFF; }
  6006. #block-feedback-form .content form input.form-submit[name="delete"] {
  6007. border-style: solid;
  6008. border-width: 0;
  6009. cursor: pointer;
  6010. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  6011. font-weight: normal;
  6012. line-height: normal;
  6013. margin: 0 0 1.25rem;
  6014. position: relative;
  6015. text-decoration: none;
  6016. text-align: center;
  6017. -webkit-appearance: none;
  6018. -moz-appearance: none;
  6019. border-radius: 0;
  6020. display: inline-block;
  6021. padding-top: 0.625rem;
  6022. padding-right: 1.25rem;
  6023. padding-bottom: 0.6875rem;
  6024. padding-left: 1.25rem;
  6025. font-size: 0.6875rem;
  6026. background-color: #f04124;
  6027. border-color: #cf2a0e;
  6028. color: #FFFFFF;
  6029. transition: background-color 300ms ease-out; }
  6030. #block-feedback-form .content form input.form-submit[name="delete"]:hover, #block-feedback-form .content form input.form-submit[name="delete"]:focus {
  6031. background-color: #cf2a0e; }
  6032. #block-feedback-form .content form input.form-submit[name="delete"]:hover, #block-feedback-form .content form input.form-submit[name="delete"]:focus {
  6033. color: #FFFFFF; }
  6034. #block-feedback-form .content form input.form-submit[name="cancel"] {
  6035. border-style: solid;
  6036. border-width: 0;
  6037. cursor: pointer;
  6038. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  6039. font-weight: normal;
  6040. line-height: normal;
  6041. margin: 0 0 1.25rem;
  6042. position: relative;
  6043. text-decoration: none;
  6044. text-align: center;
  6045. -webkit-appearance: none;
  6046. -moz-appearance: none;
  6047. border-radius: 0;
  6048. display: inline-block;
  6049. padding-top: 0.625rem;
  6050. padding-right: 1.25rem;
  6051. padding-bottom: 0.6875rem;
  6052. padding-left: 1.25rem;
  6053. font-size: 0.6875rem;
  6054. background-color: #e7e7e7;
  6055. border-color: #b9b9b9;
  6056. color: #333333;
  6057. transition: background-color 300ms ease-out; }
  6058. #block-feedback-form .content form input.form-submit[name="cancel"]:hover, #block-feedback-form .content form input.form-submit[name="cancel"]:focus {
  6059. background-color: #b9b9b9; }
  6060. #block-feedback-form .content form input.form-submit[name="cancel"]:hover, #block-feedback-form .content form input.form-submit[name="cancel"]:focus {
  6061. color: #333333; }
  6062. .ie8 #block-feedback-form .content {
  6063. background: #000; }
  6064. #block-feedback-form #feedback-status-message {
  6065. background-color: #fff;
  6066. padding: 5px; }
  6067. /*
  6068. _________ _____ __ __ __ _________ ____ _____
  6069. /_ __/ | / ___// //_/ _/_/ /_ __/ | / __ ) ___/
  6070. / / / /| | \__ \/ ,< _/_/ / / / /| | / __ \__ / / / ___ |___/ / /| | _/_/ / / / ___ |/ /_/ /__/ /
  6071. /_/ /_/ |_/____/_/ |_| /_/ /_/ /_/ |_/_____/____/
  6072. */
  6073. #tasks ul.tabs {
  6074. display: moz-inline-stack;
  6075. display: inline-block;
  6076. vertical-align: top;
  6077. zoom: 1;
  6078. *display: inline;
  6079. border: 0 solid #fff;
  6080. padding: 0;
  6081. margin: 0; }
  6082. #tasks ul.tabs li {
  6083. padding: 0;
  6084. margin: 2px 5px;
  6085. border: 0 solid #fff; }
  6086. #tasks ul.tabs a {
  6087. border: 0;
  6088. color: #7f7f7f; }
  6089. #tasks ul.tabs a.active, #tasks ul.tabs a:hover {
  6090. font-weight: 900;
  6091. color: #000; }
  6092. #tasks ul.tabs.primary a {
  6093. font-size: 12px;
  6094. padding: 5px 10px;
  6095. background-color: #e6e6e6;
  6096. border-radius: 3px;
  6097. background-clip: padding-box; }
  6098. #tasks ul.tabs.primary a.active, #tasks ul.tabs.primary a:hover {
  6099. background-color: #e6e6e6; }
  6100. #tasks ul.tabs.secondary {
  6101. font-size: 10px;
  6102. padding: 0.5em 1em; }
  6103. /*
  6104. ______________ _____________________
  6105. / ___/_ __/ |/_ __/ _/ ____/ ___/
  6106. \__ \ / / / /| | / / / // / \__ ___/ // / / ___ |/ / _/ // /___ ___/ /
  6107. /____//_/ /_/ |_/_/ /___/\____//____/
  6108. */
  6109. /*
  6110. _ _ ___ ___ ___
  6111. | | |_ -| -_| _|
  6112. |___|___|___|_|
  6113. */
  6114. .page-user #center, .page-user-edit #center, .page-user-password #center, .page-user-reset #center, .page-toboggan #center {
  6115. background: #fff url("../img/user-page-bg.gif") no-repeat bottom right; }
  6116. .page-user .messages, .page-user-edit .messages, .page-user-password .messages, .page-user-reset .messages, .page-toboggan .messages {
  6117. width: 800px;
  6118. margin: 0 auto; }
  6119. .page-user.role-6 #tasks .tabs.primary, .page-user-edit.role-6 #tasks .tabs.primary, .page-user-password.role-6 #tasks .tabs.primary, .page-user-reset.role-6 #tasks .tabs.primary, .page-toboggan.role-6 #tasks .tabs.primary {
  6120. display: none; }
  6121. .page-user.role-6 #tasks .tabs.secondary a, .page-user-edit.role-6 #tasks .tabs.secondary a, .page-user-password.role-6 #tasks .tabs.secondary a, .page-user-reset.role-6 #tasks .tabs.secondary a, .page-toboggan.role-6 #tasks .tabs.secondary a {
  6122. font-size: 12px;
  6123. padding: 5px 10px;
  6124. background-color: #e6e6e6;
  6125. border-radius: 3px;
  6126. background-clip: padding-box; }
  6127. .page-user.role-6 #tasks .tabs.secondary a.active, .page-user.role-6 #tasks .tabs.secondary a:hover, .page-user-edit.role-6 #tasks .tabs.secondary a.active, .page-user-edit.role-6 #tasks .tabs.secondary a:hover, .page-user-password.role-6 #tasks .tabs.secondary a.active, .page-user-password.role-6 #tasks .tabs.secondary a:hover, .page-user-reset.role-6 #tasks .tabs.secondary a.active, .page-user-reset.role-6 #tasks .tabs.secondary a:hover, .page-toboggan.role-6 #tasks .tabs.secondary a.active, .page-toboggan.role-6 #tasks .tabs.secondary a:hover {
  6128. background-color: #e6e6e6; }
  6129. .page-user #center > *, .page-user-edit #center > *, .page-user-password #center > *, .page-user-reset #center > *, .page-toboggan #center > * {
  6130. width: 800px;
  6131. margin: 0 auto;
  6132. padding-top: 1em;
  6133. font-size: 14px; }
  6134. .page-user #center > * fieldset, .page-user-edit #center > * fieldset, .page-user-password #center > * fieldset, .page-user-reset #center > * fieldset, .page-toboggan #center > * fieldset {
  6135. margin-bottom: 1em;
  6136. border: none; }
  6137. .page-user #center > * legend, .page-user-edit #center > * legend, .page-user-password #center > * legend, .page-user-reset #center > * legend, .page-toboggan #center > * legend {
  6138. font-size: 16px;
  6139. margin: 0;
  6140. padding: 10px 0 5px 0;
  6141. line-height: 1;
  6142. border: 0 solid #fff; }
  6143. .page-user #center > * legend a, .page-user-edit #center > * legend a, .page-user-password #center > * legend a, .page-user-reset #center > * legend a, .page-toboggan #center > * legend a {
  6144. color: #000; }
  6145. .page-user #center > * .form-item, .page-user-edit #center > * .form-item, .page-user-password #center > * .form-item, .page-user-reset #center > * .form-item, .page-toboggan #center > * .form-item {
  6146. margin: 0 0 0.5em 0;
  6147. width: 100%; }
  6148. .page-user #center > * .form-item label, .page-user #center > * .form-item input.form-text, .page-user-edit #center > * .form-item label, .page-user-edit #center > * .form-item input.form-text, .page-user-password #center > * .form-item label, .page-user-password #center > * .form-item input.form-text, .page-user-reset #center > * .form-item label, .page-user-reset #center > * .form-item input.form-text, .page-toboggan #center > * .form-item label, .page-toboggan #center > * .form-item input.form-text {
  6149. display: moz-inline-stack;
  6150. display: inline-block;
  6151. vertical-align: top;
  6152. zoom: 1;
  6153. *display: inline;
  6154. vertical-align: middle; }
  6155. .page-user #center > * .form-item label, .page-user-edit #center > * .form-item label, .page-user-password #center > * .form-item label, .page-user-reset #center > * .form-item label, .page-toboggan #center > * .form-item label {
  6156. margin-right: 1em; }
  6157. .page-user #center > * .form-item input.form-text, .page-user-edit #center > * .form-item input.form-text, .page-user-password #center > * .form-item input.form-text, .page-user-reset #center > * .form-item input.form-text, .page-toboggan #center > * .form-item input.form-text {
  6158. padding: 2px 4px;
  6159. width: 20em; }
  6160. .page-user #center > * .form-wrapper > .form-item, .page-user-edit #center > * .form-wrapper > .form-item, .page-user-password #center > * .form-wrapper > .form-item, .page-user-reset #center > * .form-wrapper > .form-item, .page-toboggan #center > * .form-wrapper > .form-item {
  6161. margin: 0 0 2em 0; }
  6162. .page-user #center > * .form-type-password-confirm label, .page-user #center > * .form-type-new-password-confirm label, .page-user-edit #center > * .form-type-password-confirm label, .page-user-edit #center > * .form-type-new-password-confirm label, .page-user-password #center > * .form-type-password-confirm label, .page-user-password #center > * .form-type-new-password-confirm label, .page-user-reset #center > * .form-type-password-confirm label, .page-user-reset #center > * .form-type-new-password-confirm label, .page-toboggan #center > * .form-type-password-confirm label, .page-toboggan #center > * .form-type-new-password-confirm label {
  6163. width: 9em; }
  6164. .page-user #center > * .form-type-password-confirm .password-parent, .page-user #center > * .form-type-new-password-confirm .password-parent, .page-user-edit #center > * .form-type-password-confirm .password-parent, .page-user-edit #center > * .form-type-new-password-confirm .password-parent, .page-user-password #center > * .form-type-password-confirm .password-parent, .page-user-password #center > * .form-type-new-password-confirm .password-parent, .page-user-reset #center > * .form-type-password-confirm .password-parent, .page-user-reset #center > * .form-type-new-password-confirm .password-parent, .page-toboggan #center > * .form-type-password-confirm .password-parent, .page-toboggan #center > * .form-type-new-password-confirm .password-parent {
  6165. width: auto; }
  6166. .page-user #center > * .form-type-password-confirm .password-strength, .page-user #center > * .form-type-password-confirm .password-confirm, .page-user #center > * .form-type-new-password-confirm .password-strength, .page-user #center > * .form-type-new-password-confirm .password-confirm, .page-user-edit #center > * .form-type-password-confirm .password-strength, .page-user-edit #center > * .form-type-password-confirm .password-confirm, .page-user-edit #center > * .form-type-new-password-confirm .password-strength, .page-user-edit #center > * .form-type-new-password-confirm .password-confirm, .page-user-password #center > * .form-type-password-confirm .password-strength, .page-user-password #center > * .form-type-password-confirm .password-confirm, .page-user-password #center > * .form-type-new-password-confirm .password-strength, .page-user-password #center > * .form-type-new-password-confirm .password-confirm, .page-user-reset #center > * .form-type-password-confirm .password-strength, .page-user-reset #center > * .form-type-password-confirm .password-confirm, .page-user-reset #center > * .form-type-new-password-confirm .password-strength, .page-user-reset #center > * .form-type-new-password-confirm .password-confirm, .page-toboggan #center > * .form-type-password-confirm .password-strength, .page-toboggan #center > * .form-type-password-confirm .password-confirm, .page-toboggan #center > * .form-type-new-password-confirm .password-strength, .page-toboggan #center > * .form-type-new-password-confirm .password-confirm {
  6167. width: 15em;
  6168. margin-top: 0; }
  6169. .page-user #center > * .form-type-checkbox input, .page-user-edit #center > * .form-type-checkbox input, .page-user-password #center > * .form-type-checkbox input, .page-user-reset #center > * .form-type-checkbox input, .page-toboggan #center > * .form-type-checkbox input {
  6170. margin: 0; }
  6171. .page-user #center > * .form-type-checkbox label, .page-user-edit #center > * .form-type-checkbox label, .page-user-password #center > * .form-type-checkbox label, .page-user-reset #center > * .form-type-checkbox label, .page-toboggan #center > * .form-type-checkbox label {
  6172. font-size: 14px;
  6173. margin: 0; }
  6174. .page-user #center > * #edit-language .form-item, .page-user-edit #center > * #edit-language .form-item, .page-user-password #center > * #edit-language .form-item, .page-user-reset #center > * #edit-language .form-item, .page-toboggan #center > * #edit-language .form-item {
  6175. display: moz-inline-stack;
  6176. display: inline-block;
  6177. vertical-align: top;
  6178. zoom: 1;
  6179. *display: inline;
  6180. width: auto;
  6181. margin-right: 1em; }
  6182. .page-user #center > * #edit-language .form-item input, .page-user #center > * #edit-language .form-item label, .page-user-edit #center > * #edit-language .form-item input, .page-user-edit #center > * #edit-language .form-item label, .page-user-password #center > * #edit-language .form-item input, .page-user-password #center > * #edit-language .form-item label, .page-user-reset #center > * #edit-language .form-item input, .page-user-reset #center > * #edit-language .form-item label, .page-toboggan #center > * #edit-language .form-item input, .page-toboggan #center > * #edit-language .form-item label {
  6183. margin: 0; }
  6184. .page-user #center > * select.form-select, .page-user-edit #center > * select.form-select, .page-user-password #center > * select.form-select, .page-user-reset #center > * select.form-select, .page-toboggan #center > * select.form-select {
  6185. width: auto;
  6186. padding: 2px 4px;
  6187. height: auto; }
  6188. .page-user #center > * div.description, .page-user-edit #center > * div.description, .page-user-password #center > * div.description, .page-user-reset #center > * div.description, .page-toboggan #center > * div.description {
  6189. font-size: 10px; }
  6190. .page-user #center > * div.form-actions, .page-user-edit #center > * div.form-actions, .page-user-password #center > * div.form-actions, .page-user-reset #center > * div.form-actions, .page-toboggan #center > * div.form-actions {
  6191. margin: 0;
  6192. text-align: right;
  6193. padding: 1em 0.5em; }
  6194. .page-user #center > *#user-profile-form label, .page-user-edit #center > *#user-profile-form label, .page-user-password #center > *#user-profile-form label, .page-user-reset #center > *#user-profile-form label, .page-toboggan #center > *#user-profile-form label {
  6195. min-width: 10em; }
  6196. .page-user #center > * #edit-profile-adherent-field-first-name, .page-user #center > * #edit-profile-adherent-field-name,
  6197. .page-user #center > * #edit-profile-adherent-field-private-quality, .page-user #center > * #edit-profile-adherent-field-service, .page-user #center > * #edit-profile-adherent-field-employee,
  6198. .page-user #center > * #edit-profile-adherent-field-naf, .page-user #center > * #edit-profile-adherent-field-siret, .page-user-edit #center > * #edit-profile-adherent-field-first-name, .page-user-edit #center > * #edit-profile-adherent-field-name,
  6199. .page-user-edit #center > * #edit-profile-adherent-field-private-quality, .page-user-edit #center > * #edit-profile-adherent-field-service, .page-user-edit #center > * #edit-profile-adherent-field-employee,
  6200. .page-user-edit #center > * #edit-profile-adherent-field-naf, .page-user-edit #center > * #edit-profile-adherent-field-siret, .page-user-password #center > * #edit-profile-adherent-field-first-name, .page-user-password #center > * #edit-profile-adherent-field-name,
  6201. .page-user-password #center > * #edit-profile-adherent-field-private-quality, .page-user-password #center > * #edit-profile-adherent-field-service, .page-user-password #center > * #edit-profile-adherent-field-employee,
  6202. .page-user-password #center > * #edit-profile-adherent-field-naf, .page-user-password #center > * #edit-profile-adherent-field-siret, .page-user-reset #center > * #edit-profile-adherent-field-first-name, .page-user-reset #center > * #edit-profile-adherent-field-name,
  6203. .page-user-reset #center > * #edit-profile-adherent-field-private-quality, .page-user-reset #center > * #edit-profile-adherent-field-service, .page-user-reset #center > * #edit-profile-adherent-field-employee,
  6204. .page-user-reset #center > * #edit-profile-adherent-field-naf, .page-user-reset #center > * #edit-profile-adherent-field-siret, .page-toboggan #center > * #edit-profile-adherent-field-first-name, .page-toboggan #center > * #edit-profile-adherent-field-name,
  6205. .page-toboggan #center > * #edit-profile-adherent-field-private-quality, .page-toboggan #center > * #edit-profile-adherent-field-service, .page-toboggan #center > * #edit-profile-adherent-field-employee,
  6206. .page-toboggan #center > * #edit-profile-adherent-field-naf, .page-toboggan #center > * #edit-profile-adherent-field-siret {
  6207. display: moz-inline-stack;
  6208. display: inline-block;
  6209. vertical-align: top;
  6210. zoom: 1;
  6211. *display: inline;
  6212. vertical-align: middle;
  6213. width: auto;
  6214. margin: 0 1em 0.5em 0; }
  6215. .page-user #center > * #edit-profile-adherent-field-first-name div, .page-user #center > * #edit-profile-adherent-field-name div,
  6216. .page-user #center > * #edit-profile-adherent-field-private-quality div, .page-user #center > * #edit-profile-adherent-field-service div, .page-user #center > * #edit-profile-adherent-field-employee div,
  6217. .page-user #center > * #edit-profile-adherent-field-naf div, .page-user #center > * #edit-profile-adherent-field-siret div, .page-user-edit #center > * #edit-profile-adherent-field-first-name div, .page-user-edit #center > * #edit-profile-adherent-field-name div,
  6218. .page-user-edit #center > * #edit-profile-adherent-field-private-quality div, .page-user-edit #center > * #edit-profile-adherent-field-service div, .page-user-edit #center > * #edit-profile-adherent-field-employee div,
  6219. .page-user-edit #center > * #edit-profile-adherent-field-naf div, .page-user-edit #center > * #edit-profile-adherent-field-siret div, .page-user-password #center > * #edit-profile-adherent-field-first-name div, .page-user-password #center > * #edit-profile-adherent-field-name div,
  6220. .page-user-password #center > * #edit-profile-adherent-field-private-quality div, .page-user-password #center > * #edit-profile-adherent-field-service div, .page-user-password #center > * #edit-profile-adherent-field-employee div,
  6221. .page-user-password #center > * #edit-profile-adherent-field-naf div, .page-user-password #center > * #edit-profile-adherent-field-siret div, .page-user-reset #center > * #edit-profile-adherent-field-first-name div, .page-user-reset #center > * #edit-profile-adherent-field-name div,
  6222. .page-user-reset #center > * #edit-profile-adherent-field-private-quality div, .page-user-reset #center > * #edit-profile-adherent-field-service div, .page-user-reset #center > * #edit-profile-adherent-field-employee div,
  6223. .page-user-reset #center > * #edit-profile-adherent-field-naf div, .page-user-reset #center > * #edit-profile-adherent-field-siret div, .page-toboggan #center > * #edit-profile-adherent-field-first-name div, .page-toboggan #center > * #edit-profile-adherent-field-name div,
  6224. .page-toboggan #center > * #edit-profile-adherent-field-private-quality div, .page-toboggan #center > * #edit-profile-adherent-field-service div, .page-toboggan #center > * #edit-profile-adherent-field-employee div,
  6225. .page-toboggan #center > * #edit-profile-adherent-field-naf div, .page-toboggan #center > * #edit-profile-adherent-field-siret div {
  6226. width: auto;
  6227. margin: 0;
  6228. padding: 0; }
  6229. .page-user #center > * #edit-profile-adherent-field-siret label, .page-user-edit #center > * #edit-profile-adherent-field-siret label, .page-user-password #center > * #edit-profile-adherent-field-siret label, .page-user-reset #center > * #edit-profile-adherent-field-siret label, .page-toboggan #center > * #edit-profile-adherent-field-siret label {
  6230. width: auto; }
  6231. .page-user #center > * #edit-profile-adherent-field-siret input, .page-user-edit #center > * #edit-profile-adherent-field-siret input, .page-user-password #center > * #edit-profile-adherent-field-siret input, .page-user-reset #center > * #edit-profile-adherent-field-siret input, .page-toboggan #center > * #edit-profile-adherent-field-siret input {
  6232. width: 8em; }
  6233. .page-user #center > * #edit-profile-adherent-field-naf input, .page-user-edit #center > * #edit-profile-adherent-field-naf input, .page-user-password #center > * #edit-profile-adherent-field-naf input, .page-user-reset #center > * #edit-profile-adherent-field-naf input, .page-toboggan #center > * #edit-profile-adherent-field-naf input {
  6234. width: 13em; }
  6235. .page-user #center > * #edit-profile-adherent-field-organization, .page-user-edit #center > * #edit-profile-adherent-field-organization, .page-user-password #center > * #edit-profile-adherent-field-organization, .page-user-reset #center > * #edit-profile-adherent-field-organization, .page-toboggan #center > * #edit-profile-adherent-field-organization {
  6236. margin: 2em 0 0 0; }
  6237. .page-user #center > * #edit-profile-adherent-field-employee label, .page-user-edit #center > * #edit-profile-adherent-field-employee label, .page-user-password #center > * #edit-profile-adherent-field-employee label, .page-user-reset #center > * #edit-profile-adherent-field-employee label, .page-toboggan #center > * #edit-profile-adherent-field-employee label {
  6238. width: auto; }
  6239. .page-user #center > * #edit-profile-adherent-field-employee input, .page-user-edit #center > * #edit-profile-adherent-field-employee input, .page-user-password #center > * #edit-profile-adherent-field-employee input, .page-user-reset #center > * #edit-profile-adherent-field-employee input, .page-toboggan #center > * #edit-profile-adherent-field-employee input {
  6240. width: 4em; }
  6241. .page-user #center > * #edit-profile-adherent-field-private-phone .form-phone-number, .page-user-edit #center > * #edit-profile-adherent-field-private-phone .form-phone-number, .page-user-password #center > * #edit-profile-adherent-field-private-phone .form-phone-number, .page-user-reset #center > * #edit-profile-adherent-field-private-phone .form-phone-number, .page-toboggan #center > * #edit-profile-adherent-field-private-phone .form-phone-number {
  6242. display: moz-inline-stack;
  6243. display: inline-block;
  6244. vertical-align: top;
  6245. zoom: 1;
  6246. *display: inline;
  6247. vertical-align: middle; }
  6248. .page-user #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number, .page-user-edit #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number, .page-user-password #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number, .page-user-reset #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number, .page-toboggan #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number {
  6249. width: 10em; }
  6250. .page-user #center > * #edit-profile-adherent-field-adresse-und-0, .page-user-edit #center > * #edit-profile-adherent-field-adresse-und-0, .page-user-password #center > * #edit-profile-adherent-field-adresse-und-0, .page-user-reset #center > * #edit-profile-adherent-field-adresse-und-0, .page-toboggan #center > * #edit-profile-adherent-field-adresse-und-0 {
  6251. padding: 0; }
  6252. .page-user #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input, .page-user-edit #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input, .page-user-password #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input, .page-user-reset #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input, .page-toboggan #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input {
  6253. width: 35em; }
  6254. .page-user #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item, .page-user-edit #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item, .page-user-password #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item, .page-user-reset #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item, .page-toboggan #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item {
  6255. width: auto;
  6256. margin-right: 1em; }
  6257. .page-user #center > * #edit-profile-adherent-field-user-website, .page-user-edit #center > * #edit-profile-adherent-field-user-website, .page-user-password #center > * #edit-profile-adherent-field-user-website, .page-user-reset #center > * #edit-profile-adherent-field-user-website, .page-toboggan #center > * #edit-profile-adherent-field-user-website {
  6258. margin: 2em 0 0 0; }
  6259. .page-user #center > * #edit-profile-adherent-field-user-website .form-item > *, .page-user-edit #center > * #edit-profile-adherent-field-user-website .form-item > *, .page-user-password #center > * #edit-profile-adherent-field-user-website .form-item > *, .page-user-reset #center > * #edit-profile-adherent-field-user-website .form-item > *, .page-toboggan #center > * #edit-profile-adherent-field-user-website .form-item > * {
  6260. display: moz-inline-stack;
  6261. display: inline-block;
  6262. vertical-align: top;
  6263. zoom: 1;
  6264. *display: inline;
  6265. vertical-align: middle; }
  6266. .page-user #center > * #edit-profile-adherent-field-user-website input, .page-user-edit #center > * #edit-profile-adherent-field-user-website input, .page-user-password #center > * #edit-profile-adherent-field-user-website input, .page-user-reset #center > * #edit-profile-adherent-field-user-website input, .page-toboggan #center > * #edit-profile-adherent-field-user-website input {
  6267. width: 35em; }
  6268. .page-user #center > *.profile h3, .page-user-edit #center > *.profile h3, .page-user-password #center > *.profile h3, .page-user-reset #center > *.profile h3, .page-toboggan #center > *.profile h3 {
  6269. border: 0 solid transparent; }
  6270. .page-user #center > *.profile .field-label, .page-user-edit #center > *.profile .field-label, .page-user-password #center > *.profile .field-label, .page-user-reset #center > *.profile .field-label, .page-toboggan #center > *.profile .field-label {
  6271. display: inline; }
  6272. .page-user #center > * #edit-mimemail, .page-user #center > * #edit-locale, .page-user #center > * #edit-timezone, .page-user-edit #center > * #edit-mimemail, .page-user-edit #center > * #edit-locale, .page-user-edit #center > * #edit-timezone, .page-user-password #center > * #edit-mimemail, .page-user-password #center > * #edit-locale, .page-user-password #center > * #edit-timezone, .page-user-reset #center > * #edit-mimemail, .page-user-reset #center > * #edit-locale, .page-user-reset #center > * #edit-timezone, .page-toboggan #center > * #edit-mimemail, .page-toboggan #center > * #edit-locale, .page-toboggan #center > * #edit-timezone {
  6273. padding: 0; }
  6274. /*
  6275. _ __
  6276. _____(_)___ ___ ____ / /__ ____ ___ _ _______
  6277. / ___/ / __ `__ \/ __ \/ / _ \/ __ \/ _ \ | /| / / ___/
  6278. (__ ) / / / / / / /_/ / / __/ / / / __/ |/ |/ (__ )
  6279. /____/_/_/ /_/ /_/ .___/_/\___/_/ /_/\___/|__/|__/____/
  6280. /_/
  6281. */
  6282. body.node-type-simplenews #content .inner-content {
  6283. text-align: center; }
  6284. body.node-type-simplenews #content article.node.node-simplenews {
  6285. display: moz-inline-stack;
  6286. display: inline-block;
  6287. vertical-align: top;
  6288. zoom: 1;
  6289. *display: inline;
  6290. max-width: 600px;
  6291. padding: 1em 0; }
  6292. body.node-type-simplenews #content article.node.node-simplenews tbody {
  6293. border-top: 0px; }
  6294. body.node-type-simplenews #content article.node.node-simplenews img {
  6295. max-width: 9999px; }
  6296. @media only screen and (max-width: 40em) {
  6297. body.node-type-simplenews #content article.node.node-simplenews {
  6298. max-width: 100%;
  6299. overflow-x: hidden; }
  6300. body.node-type-simplenews #content article.node.node-simplenews table {
  6301. width: 100% !important; }
  6302. body.node-type-simplenews #content article.node.node-simplenews td {
  6303. vertical-align: top; }
  6304. body.node-type-simplenews #content article.node.node-simplenews img {
  6305. max-width: 100%; }
  6306. body.node-type-simplenews #content article.node.node-simplenews p {
  6307. padding: 0 0.5em; } }
  6308. /*
  6309. _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
  6310. | _ | _ | __| __| | | | | |_ _| _ | |_ _|
  6311. | __| | | | __| | --| | | | | | | | | | --| | |
  6312. |__| |__|__|_____|_____| |_____|_____|_|___| |_| |__|__|_____| |_|
  6313. */
  6314. .page-node-11175 #main #center {
  6315. background: #fff url("../img/bg-contact.gif") no-repeat bottom right; }
  6316. .page-node-11175 #main .field-name-body p {
  6317. display: moz-inline-stack;
  6318. display: inline-block;
  6319. vertical-align: top;
  6320. zoom: 1;
  6321. *display: inline;
  6322. margin: 15px; }
  6323. .page-node-11175 #main .field-name-body p strong {
  6324. font-size: 18px; }
  6325. /*
  6326. _____ _____ _____ _____ _____ _____ _____
  6327. | _ | __ | | | | | | __|
  6328. | __| -|- -| --|- -| | | | | |
  6329. |__| |__|__|_____|_____|_____|_|___|_____|
  6330. */
  6331. @media only screen and (min-width: 40.063em) {
  6332. body.page-node-11187 .node-11187 .field-name-body div.column, body.page-node-11187 .node-11187 .field-name-body div.column:last-child, body.page-node-11187 .node-11187 .field-name-body div.column-demi, body.page-node-11187 .node-11187 .field-name-body div.column-demi:last-child, body.page-node-11187 .node-11187 .field-name-body div.column-full, body.page-node-11187 .node-11187 .field-name-body div.column-full:last-child, body.page-node-11187 .node-11187 .field-name-body div.column-auto, body.page-node-11187 .node-11187 .field-name-body div.column-auto:last-child {
  6333. display: moz-inline-stack;
  6334. display: inline-block;
  6335. vertical-align: top;
  6336. zoom: 1;
  6337. *display: inline;
  6338. margin: 10px;
  6339. float: none; }
  6340. body.page-node-11187 .node-11187 .field-name-body div.column {
  6341. width: 22.4%; }
  6342. body.page-node-11187 .node-11187 .field-name-body div.column ul.list-text, body.page-node-11187 .node-11187 .field-name-body div.column p.description {
  6343. min-height: 170px; }
  6344. body.page-node-11187 .node-11187 .field-name-body div.column-demi {
  6345. width: 46%; }
  6346. body.page-node-11187 .node-11187 .field-name-body div.column-demi ul.list-text {
  6347. min-height: 110px; }
  6348. body.page-node-11187 .node-11187 .field-name-body div.column-full {
  6349. width: 92%; }
  6350. body.page-node-11187 .node-11187 .field-name-body div.column-auto {
  6351. width: auto;
  6352. max-width: 98%; }
  6353. body.page-node-11187 #block-materio-user-user-register {
  6354. width: 600px;
  6355. margin: 0 auto;
  6356. padding: 2em; } }
  6357. @media only screen and (max-width: 40em) {
  6358. body.page-node-11187 #block-system-help {
  6359. text-align: center; } }
  6360. body.page-node-11187 .node-11187 .field-name-body {
  6361. text-align: center; }
  6362. body.page-node-11187 .node-11187 .field-name-body > * {
  6363. text-align: left; }
  6364. body.page-node-11187 .node-11187 .field-name-body div.column, body.page-node-11187 .node-11187 .field-name-body div.column-demi, body.page-node-11187 .node-11187 .field-name-body div.column-full, body.page-node-11187 .node-11187 .field-name-body div.column-auto {
  6365. position: relative;
  6366. background-color: #fff;
  6367. border-radius: 5px;
  6368. background-clip: padding-box;
  6369. box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  6370. overflow: hidden; }
  6371. .ie8 body.page-node-11187 .node-11187 .field-name-body div.column, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-demi, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-full, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-auto {
  6372. max-width: 500px;
  6373. margin: auto;
  6374. margin-bottom: 15px;
  6375. border: 1px solid #C6C6C6; }
  6376. body.page-node-11187 .node-11187 .field-name-body div.column > *, body.page-node-11187 .node-11187 .field-name-body div.column-demi > *, body.page-node-11187 .node-11187 .field-name-body div.column-full > *, body.page-node-11187 .node-11187 .field-name-body div.column-auto > * {
  6377. padding: 0 10px; }
  6378. body.page-node-11187 .node-11187 .field-name-body div.column h2, body.page-node-11187 .node-11187 .field-name-body div.column-demi h2, body.page-node-11187 .node-11187 .field-name-body div.column-full h2, body.page-node-11187 .node-11187 .field-name-body div.column-auto h2 {
  6379. text-align: left;
  6380. margin: 5px 0 0 15px; }
  6381. body.page-node-11187 .node-11187 .field-name-body div.column .subtitle, body.page-node-11187 .node-11187 .field-name-body div.column-demi .subtitle, body.page-node-11187 .node-11187 .field-name-body div.column-full .subtitle, body.page-node-11187 .node-11187 .field-name-body div.column-auto .subtitle {
  6382. padding: 0 0 0 15px;
  6383. font-size: 18px;
  6384. font-style: italic;
  6385. font-weight: bold;
  6386. line-height: 1; }
  6387. body.page-node-11187 .node-11187 .field-name-body div.column ul, body.page-node-11187 .node-11187 .field-name-body div.column-demi ul, body.page-node-11187 .node-11187 .field-name-body div.column-full ul, body.page-node-11187 .node-11187 .field-name-body div.column-auto ul {
  6388. margin: 0;
  6389. padding: 0 15px; }
  6390. body.page-node-11187 .node-11187 .field-name-body div.column li, body.page-node-11187 .node-11187 .field-name-body div.column-demi li, body.page-node-11187 .node-11187 .field-name-body div.column-full li, body.page-node-11187 .node-11187 .field-name-body div.column-auto li {
  6391. list-style: none;
  6392. font-size: 12px; }
  6393. body.page-node-11187 .node-11187 .field-name-body div.column li:before, body.page-node-11187 .node-11187 .field-name-body div.column-demi li:before, body.page-node-11187 .node-11187 .field-name-body div.column-full li:before, body.page-node-11187 .node-11187 .field-name-body div.column-auto li:before {
  6394. content: "+ ";
  6395. font-weight: 900; }
  6396. body.page-node-11187 .node-11187 .field-name-body div.column .description, body.page-node-11187 .node-11187 .field-name-body div.column-demi .description, body.page-node-11187 .node-11187 .field-name-body div.column-full .description, body.page-node-11187 .node-11187 .field-name-body div.column-auto .description {
  6397. font-size: 12px;
  6398. margin: 0;
  6399. padding: 0 15px; }
  6400. body.page-node-11187 .node-11187 .field-name-body div.column .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto .get-link {
  6401. margin: 0;
  6402. border-radius: 0 0 5px 5px 0 0 0;
  6403. background-clip: padding-box;
  6404. border: 1px solid #fff;
  6405. min-height: 92px; }
  6406. body.page-node-11187 .node-11187 .field-name-body div.column .get-link a, body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link a, body.page-node-11187 .node-11187 .field-name-body div.column-full .get-link a, body.page-node-11187 .node-11187 .field-name-body div.column-auto .get-link a {
  6407. display: block;
  6408. width: 100%;
  6409. padding: 15px 0;
  6410. color: #1A1A1A;
  6411. text-decoration: none; }
  6412. body.page-node-11187 .node-11187 .field-name-body div.column .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto .get-link {
  6413. background-color: #C8C8C8; }
  6414. body.page-node-11187 .node-11187 .field-name-body div.column.web .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.web .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.web .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.web .get-link {
  6415. background-color: #69CDCF; }
  6416. body.page-node-11187 .node-11187 .field-name-body div.column.webshowroom .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.webshowroom .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.webshowroom .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.webshowroom .get-link {
  6417. background-color: #D476AE; }
  6418. body.page-node-11187 .node-11187 .field-name-body div.column.pack4 .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.pack4 .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.pack4 .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.pack4 .get-link {
  6419. background-color: #E6DE1C; }
  6420. body.page-node-11187 .node-11187 .field-name-body div.column.etudiants .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.etudiants .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.etudiants .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.etudiants .get-link {
  6421. background-color: #4BA13D; }
  6422. body.page-node-11187 .node-11187 .field-name-body div.column.neutral .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.neutral .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.neutral .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.neutral .get-link {
  6423. min-height: 62px;
  6424. padding: 15px 0; }
  6425. body.page-node-11187 .node-11187 .field-name-body div.column h2 {
  6426. padding: 10px 0 0;
  6427. font-size: 24px; }
  6428. body.page-node-11187 .node-11187 .field-name-body div.column .get-link {
  6429. padding: 0;
  6430. font-size: 24px;
  6431. text-align: center;
  6432. font-style: italic;
  6433. font-weight: 900;
  6434. cursor: pointer;
  6435. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  6436. transition: text-shadow 0.3s ease-out; }
  6437. body.page-node-11187 .node-11187 .field-name-body div.column .get-link span {
  6438. font-size: 20px; }
  6439. body.page-node-11187 .node-11187 .field-name-body div.column .get-link:hover, body.page-node-11187 .node-11187 .field-name-body div.column .get-link:focus {
  6440. text-shadow: 0 0 3px white; }
  6441. body.page-node-11187 .node-11187 .field-name-body div.column .get-link:active {
  6442. transition: text-shadow 0s ease-out;
  6443. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
  6444. body.page-node-11187 .node-11187 .field-name-body div.column-demi h2 {
  6445. padding: 10px 0 0;
  6446. font-size: 24px;
  6447. top: 0; }
  6448. body.page-node-11187 .node-11187 .field-name-body div.column-demi .subtitle {
  6449. min-height: 2em; }
  6450. body.page-node-11187 .node-11187 .field-name-body div.column-demi ul {
  6451. font-size: 14px;
  6452. min-height: 120px; }
  6453. body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
  6454. font-size: 14px;
  6455. text-align: left;
  6456. padding: 0 1em;
  6457. background-color: #ddd; }
  6458. /*
  6459. _____ ____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
  6460. | _ | \| | | __| __| | | | | | __| | __ | |
  6461. | | | | | __|__ |- -| | | | | | | __| | | -| | | |
  6462. |__|__|____/|__|__|_____|_____|_____|_____|_|___| |__| |_____|__|__|_|_|_|
  6463. */
  6464. .node-11186 nav ul.links a.language-link {
  6465. display: none; }
  6466. #webform-client-form-11186 {
  6467. background-color: #e6e6e6;
  6468. border-radius: 10px;
  6469. background-clip: padding-box; }
  6470. @media only screen and (min-width: 40.063em) {
  6471. #webform-client-form-11186 {
  6472. padding: 10px 30px; }
  6473. #webform-client-form-11186 #webform-component-column-left--membership-options {
  6474. margin: 10px 0; }
  6475. #webform-client-form-11186 #webform-component-column-left--membership-options label {
  6476. width: auto; }
  6477. #webform-client-form-11186 fieldset {
  6478. border-radius: 5px;
  6479. background-clip: padding-box;
  6480. border-left: 1px solid #cccccc;
  6481. border-bottom: 1px solid #cccccc;
  6482. padding: 10px;
  6483. border-top-width: 0;
  6484. border-right-width: 0;
  6485. border-bottom-width: 0; }
  6486. #webform-client-form-11186 fieldset fieldset {
  6487. border: 0 solid #ddd;
  6488. padding: 0; }
  6489. #webform-client-form-11186 legend {
  6490. margin: 0;
  6491. font-size: 18px;
  6492. font-weight: 700; }
  6493. #webform-client-form-11186 .form-item {
  6494. margin: 0 20px 0 0; }
  6495. #webform-client-form-11186 label {
  6496. font-size: 12px;
  6497. width: 10em;
  6498. display: moz-inline-stack;
  6499. display: inline-block;
  6500. vertical-align: top;
  6501. zoom: 1;
  6502. *display: inline;
  6503. vertical-align: middle;
  6504. margin-right: 1em;
  6505. border-bottom: 1px solid #cccccc; }
  6506. #webform-client-form-11186 .description {
  6507. font-size: 10px;
  6508. width: 25em;
  6509. display: moz-inline-stack;
  6510. display: inline-block;
  6511. vertical-align: top;
  6512. zoom: 1;
  6513. *display: inline;
  6514. vertical-align: bottom;
  6515. margin-left: 1em;
  6516. color: #7f7f7f; }
  6517. #webform-client-form-11186 input.form-text {
  6518. width: 13em; } }
  6519. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  6520. #webform-client-form-11186 {
  6521. padding: 10px; }
  6522. #webform-client-form-11186 #webform-component-column-left--membership-options {
  6523. margin: 0 0 10px 0; }
  6524. #webform-client-form-11186 #webform-component-column-left--membership-options .form-item {
  6525. width: 100%; }
  6526. #webform-client-form-11186 #webform-component-column-left--membership-options label {
  6527. width: 75%; }
  6528. #webform-client-form-11186 legend {
  6529. margin: 0;
  6530. font-size: 16px;
  6531. font-weight: 700; }
  6532. #webform-client-form-11186 .form-item {
  6533. margin: 0;
  6534. float: none; }
  6535. #webform-client-form-11186 label {
  6536. font-size: 12px;
  6537. width: 30%;
  6538. display: moz-inline-stack;
  6539. display: inline-block;
  6540. vertical-align: top;
  6541. zoom: 1;
  6542. *display: inline;
  6543. vertical-align: middle;
  6544. margin-right: 0.5em; }
  6545. #webform-client-form-11186 input.form-text, #webform-client-form-11186 select.form-select {
  6546. width: 60%; }
  6547. #webform-client-form-11186 #webform-component-infos {
  6548. font-size: 14px; } }
  6549. #webform-client-form-11186 .fieldset-wrapper > .form-item {
  6550. display: moz-inline-stack;
  6551. display: inline-block;
  6552. vertical-align: top;
  6553. zoom: 1;
  6554. *display: inline; }
  6555. #webform-client-form-11186 #webform-component-column-left {
  6556. display: moz-inline-stack;
  6557. display: inline-block;
  6558. vertical-align: top;
  6559. zoom: 1;
  6560. *display: inline;
  6561. width: 25%;
  6562. border: none; }
  6563. #webform-client-form-11186 #webform-component-column-right {
  6564. display: moz-inline-stack;
  6565. display: inline-block;
  6566. vertical-align: top;
  6567. zoom: 1;
  6568. *display: inline;
  6569. min-width: 70%; }
  6570. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio {
  6571. border: 1px solid #ddd;
  6572. border-radius: 5px;
  6573. background-clip: padding-box;
  6574. padding: 10px 5px;
  6575. margin: 5px 0;
  6576. background-color: #fff; }
  6577. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio input {
  6578. display: moz-inline-stack;
  6579. display: inline-block;
  6580. vertical-align: top;
  6581. zoom: 1;
  6582. *display: inline;
  6583. vertical-align: middle;
  6584. margin: 0px 5px; }
  6585. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio label {
  6586. font-size: 20px;
  6587. font-weight: 700;
  6588. display: moz-inline-stack;
  6589. display: inline-block;
  6590. vertical-align: top;
  6591. zoom: 1;
  6592. *display: inline;
  6593. vertical-align: middle;
  6594. margin: 0; }
  6595. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio:hover {
  6596. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  6597. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(1) {
  6598. background-color: #69CDCF; }
  6599. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(2) {
  6600. background-color: #D476AE; }
  6601. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(3) {
  6602. background-color: #E6DE1C; }
  6603. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:not(.selected) {
  6604. opacity: 0.4; }
  6605. #webform-client-form-11186 #webform-component-column-left--membership-options > label {
  6606. width: 200px;
  6607. font-size: 18px;
  6608. font-weight: 700; }
  6609. #webform-client-form-11186 #webform-component-column-left--membership-options label {
  6610. border: 0; }
  6611. #webform-client-form-11186 #webform-component-column-right--me--my-account-email {
  6612. display: block; }
  6613. #webform-client-form-11186 #webform-component-column-right--company--administrative-e-mail .description {
  6614. display: moz-inline-stack;
  6615. display: inline-block;
  6616. vertical-align: top;
  6617. zoom: 1;
  6618. *display: inline; }
  6619. #webform-client-form-11186 #addressfield-wrapper {
  6620. margin-top: 1em; }
  6621. #webform-client-form-11186 .street-block .form-item {
  6622. display: moz-inline-stack;
  6623. display: inline-block;
  6624. vertical-align: top;
  6625. zoom: 1;
  6626. *display: inline; }
  6627. #webform-client-form-11186 #webform-component-column-right--collaborators {
  6628. margin: 20px 0;
  6629. overflow: hidden; }
  6630. #webform-client-form-11186 #webform-component-column-right--collaborators fieldset {
  6631. display: moz-inline-stack;
  6632. display: inline-block;
  6633. vertical-align: top;
  6634. zoom: 1;
  6635. *display: inline;
  6636. width: 33%; }
  6637. #webform-client-form-11186 #webform-component-column-right--collaborators .form-item {
  6638. display: block; }
  6639. #webform-client-form-11186 #webform-component-column-right--collaborators label {
  6640. width: 6em; }
  6641. #webform-client-form-11186 #webform-component-column-right--collaborators input {
  6642. width: 11em; }
  6643. #webform-client-form-11186 #webform-component-infos {
  6644. margin: 20px 0; }
  6645. #webform-client-form-11186 .form-actions {
  6646. padding: 0;
  6647. margin: 0;
  6648. border: 0px;
  6649. background-color: transparent;
  6650. text-align: left; }
  6651. #webform-client-form-11186 .form-actions .form-submit {
  6652. border: 2px solid #69CDCF;
  6653. background-color: #69CDCF;
  6654. color: #fff;
  6655. font-size: 18px;
  6656. padding: 0.2em 1em 0.3em;
  6657. border-radius: 0.3em;
  6658. background-clip: padding-box;
  6659. font-weight: bold;
  6660. margin-bottom: 9px;
  6661. cursor: pointer;
  6662. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  6663. transition: text-shadow 0.2s ease-out; }
  6664. #webform-client-form-11186 .form-actions .form-submit:hover, #webform-client-form-11186 .form-actions .form-submit:focus {
  6665. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  6666. #webform-client-form-11186 .form-actions .form-submit:active {
  6667. transition: text-shadow 0s ease-out;
  6668. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  6669. #webform-client-form-11186 #webform-component-column-right--news-letters > label {
  6670. margin: 0;
  6671. font-size: 18px;
  6672. font-weight: 700;
  6673. border: none;
  6674. line-height: 40px; }
  6675. #webform-client-form-11186 #webform-component-column-right--news-letters .form-item {
  6676. display: moz-inline-stack;
  6677. display: inline-block;
  6678. vertical-align: top;
  6679. zoom: 1;
  6680. *display: inline; }
  6681. #webform-client-form-11186 #webform-component-column-right--news-letters .form-item label {
  6682. width: auto; }
  6683. #webform-client-form-11186 #webform-component-column-right--news-letters .form-item input, #webform-client-form-11186 #webform-component-column-right--news-letters .form-item label {
  6684. margin: 0; }
  6685. #webform-client-form-11186 #edit-submitted-terms-of-services {
  6686. margin-bottom: 0.5em; }
  6687. #webform-client-form-11186 #edit-submitted-terms-of-services input, #webform-client-form-11186 #edit-submitted-terms-of-services label {
  6688. margin: 0 0.3em 0 0; }
  6689. #webform-client-form-11186 #edit-submitted-terms-of-services label {
  6690. width: auto; }
  6691. /*
  6692. _____ _____ _____ _____ _____ _____ _____ _____ _____ _ _ _ _____ _____ _____ _____
  6693. | | | | | | _ | __ |_ _| | | | | __| | | | | __| | __ | |
  6694. | | | --| | --| | -| | | | | |- -| __| | | | | __| | | -| | | |
  6695. |_____|_____| |_____|__|__|__|__| |_| \___/|_____|_____|_____| |__| |_____|__|__|_|_|_|
  6696. */
  6697. #uc-cart-view-form {
  6698. background-color: #e6e6e6;
  6699. padding: 10px, 30px;
  6700. display: inline-block; }
  6701. #uc-cart-view-form table {
  6702. width: auto;
  6703. display: table;
  6704. background-color: #fff; }
  6705. #uc-cart-view-form table thead th {
  6706. border-bottom: none;
  6707. padding: 1em; }
  6708. #uc-cart-view-form table tbody {
  6709. border-top: none; }
  6710. #uc-cart-view-form table tbody tr.even, #uc-cart-view-form table tbody tr.odd {
  6711. background-color: #fff;
  6712. border-bottom: none; }
  6713. #uc-cart-view-form table tbody td {
  6714. padding: 1em; }
  6715. #uc-cart-view-form fieldset {
  6716. border: none !important; }
  6717. #uc-cart-view-form .form-type-uc-quantity input {
  6718. width: 2em; }
  6719. #uc-cart-view-form .form-actions {
  6720. padding: 0;
  6721. margin: 0;
  6722. border: 0px;
  6723. background-color: transparent;
  6724. text-align: right;
  6725. display: block;
  6726. width: 100%; }
  6727. #uc-cart-view-form .form-actions:before, #uc-cart-view-form .form-actions:after {
  6728. display: block; }
  6729. #uc-cart-view-form .form-actions .form-submit {
  6730. font-size: 16px;
  6731. font-weight: bold;
  6732. padding: 0.1em 0.3em 0.2em;
  6733. border-radius: 0.3em;
  6734. background-clip: padding-box;
  6735. border: 2px solid #ccc;
  6736. background-color: #ccc;
  6737. color: #4D4D4D;
  6738. cursor: pointer;
  6739. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  6740. transition: text-shadow 0.3s ease-out;
  6741. text-align: center;
  6742. text-decoration: none;
  6743. margin-left: 1em; }
  6744. #uc-cart-view-form .form-actions .form-submit:hover, #uc-cart-view-form .form-actions .form-submit:focus {
  6745. text-shadow: 0 0 3px white; }
  6746. #uc-cart-view-form .form-actions .form-submit:active {
  6747. transition: text-shadow 0s ease-out;
  6748. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
  6749. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2 {
  6750. font-size: 16px;
  6751. font-weight: bold;
  6752. padding: 0.1em 0.3em 0.2em;
  6753. border-radius: 0.3em;
  6754. background-clip: padding-box;
  6755. border: 2px solid #ccc;
  6756. background-color: #ccc;
  6757. color: #4D4D4D;
  6758. cursor: pointer;
  6759. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  6760. transition: text-shadow 0.3s ease-out;
  6761. text-align: center;
  6762. text-decoration: none;
  6763. cursor: pointer;
  6764. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  6765. transition: text-shadow 0.2s ease-out;
  6766. border-color: #69CDCF;
  6767. background-color: #69CDCF;
  6768. color: #fff; }
  6769. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover, #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus {
  6770. text-shadow: 0 0 3px white; }
  6771. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active {
  6772. transition: text-shadow 0s ease-out;
  6773. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
  6774. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover, #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus {
  6775. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  6776. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active {
  6777. transition: text-shadow 0s ease-out;
  6778. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  6779. /*
  6780. _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
  6781. | | | | | | | | __| | | | | | |_ _| | __| | __ | |
  6782. | | | --| | --| | __| --| -| | | | | | | | __| | | -| | | |
  6783. |_____|_____| |_____|__|__|_____|_____|__|__|_____|_____| |_| |__| |_____|__|__|_|_|_|
  6784. */
  6785. #uc-cart-checkout-form {
  6786. background-color: #e6e6e6;
  6787. padding: 10px, 30px; }
  6788. #uc-cart-checkout-form fieldset {
  6789. border: none !important; }
  6790. #uc-cart-checkout-form fieldset.form-row {
  6791. padding-bottom: 20px;
  6792. margin-bottom: 20px; }
  6793. #uc-cart-checkout-form fieldset.form-column {
  6794. display: moz-inline-stack;
  6795. display: inline-block;
  6796. vertical-align: top;
  6797. zoom: 1;
  6798. *display: inline;
  6799. max-width: 39%;
  6800. clear: both;
  6801. float: none;
  6802. margin: 15px 1em; }
  6803. #uc-cart-checkout-form fieldset.form-column > .fieldset-wrapper > .form-wrapper {
  6804. margin: 10px 0; }
  6805. #uc-cart-checkout-form fieldset.form-column-right {
  6806. border-left: 1px solid #ccc;
  6807. margin-left: 2em;
  6808. padding-left: 2em; }
  6809. #uc-cart-checkout-form legend {
  6810. margin: 0;
  6811. font-size: 18px;
  6812. font-weight: 700;
  6813. border: none;
  6814. line-height: 2; }
  6815. #uc-cart-checkout-form .fieldset-description {
  6816. font-size: 12px; }
  6817. #uc-cart-checkout-form .fieldset-wrapper {
  6818. font-size: 12px; }
  6819. #uc-cart-checkout-form .form-item {
  6820. margin: 0 20px 0 0; }
  6821. #uc-cart-checkout-form .description {
  6822. font-size: 10px;
  6823. width: 25em;
  6824. display: moz-inline-stack;
  6825. display: inline-block;
  6826. vertical-align: top;
  6827. zoom: 1;
  6828. *display: inline;
  6829. vertical-align: bottom;
  6830. margin-left: 1em;
  6831. color: #7f7f7f; }
  6832. #uc-cart-checkout-form #cart-pane > .fieldset-wrapper {
  6833. display: moz-inline-stack;
  6834. display: inline-block;
  6835. vertical-align: top;
  6836. zoom: 1;
  6837. *display: inline;
  6838. border-radius: 5px;
  6839. background-clip: padding-box;
  6840. padding: 10px;
  6841. background-color: #fff; }
  6842. #uc-cart-checkout-form #cart-pane table {
  6843. font-size: 14px;
  6844. min-width: 20em; }
  6845. #uc-cart-checkout-form #cart-pane table td.price {
  6846. width: 4em; }
  6847. #uc-cart-checkout-form #cart-pane tbody {
  6848. border: none; }
  6849. #uc-cart-checkout-form #cart-pane tr {
  6850. background-color: transparent;
  6851. border: none; }
  6852. #uc-cart-checkout-form #cart-pane td {
  6853. padding: 0 5px;
  6854. vertical-align: bottom; }
  6855. #uc-cart-checkout-form #cart-pane td.products {
  6856. width: auto; }
  6857. #uc-cart-checkout-form #cart-pane td.products a {
  6858. color: inherit;
  6859. font-weight: 700; }
  6860. #uc-cart-checkout-form #cart-pane td.products ul.product-description {
  6861. margin: 0;
  6862. font-size: 12px; }
  6863. #uc-cart-checkout-form #cart-pane td.products li {
  6864. list-style: none; }
  6865. #uc-cart-checkout-form #cart-pane tr.subtotal td {
  6866. font-size: 16px;
  6867. font-weight: 700; }
  6868. #uc-cart-checkout-form #customer-pane {
  6869. width: 35em; }
  6870. #uc-cart-checkout-form #billing-pane label {
  6871. font-size: 12px;
  6872. width: 8em;
  6873. display: moz-inline-stack;
  6874. display: inline-block;
  6875. vertical-align: top;
  6876. zoom: 1;
  6877. *display: inline;
  6878. vertical-align: middle;
  6879. margin-right: 1em;
  6880. border-bottom: 1px solid #cccccc; }
  6881. #uc-cart-checkout-form #billing-pane input.form-text {
  6882. width: 13em; }
  6883. #uc-cart-checkout-form #payment-pane .fieldset-wrapper {
  6884. background-color: #fff;
  6885. border-radius: 5px;
  6886. background-clip: padding-box;
  6887. padding: 10px; }
  6888. #uc-cart-checkout-form #payment-pane #line-items-div {
  6889. float: none;
  6890. border: none;
  6891. display: moz-inline-stack;
  6892. display: inline-block;
  6893. vertical-align: top;
  6894. zoom: 1;
  6895. *display: inline;
  6896. margin: 10px 0 20px; }
  6897. #uc-cart-checkout-form #payment-pane #line-items-div table {
  6898. font-size: 14px;
  6899. min-width: 20em; }
  6900. #uc-cart-checkout-form #payment-pane #line-items-div table td.price {
  6901. width: 4em; }
  6902. #uc-cart-checkout-form #payment-pane #line-items-div tbody {
  6903. border: none; }
  6904. #uc-cart-checkout-form #payment-pane #line-items-div td {
  6905. padding: 0 5px; }
  6906. #uc-cart-checkout-form #payment-pane #line-items-div tr td {
  6907. font-weight: 500; }
  6908. #uc-cart-checkout-form #payment-pane #line-items-div tr.line-item-total td {
  6909. font-size: 16px;
  6910. font-weight: 700;
  6911. text-align: right; }
  6912. #uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method label {
  6913. width: auto;
  6914. border-bottom: none; }
  6915. #uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method .form-item-panes-payment-payment-method {
  6916. border: 1px solid #ddd;
  6917. border-radius: 5px;
  6918. margin: 0.5em;
  6919. padding: 0.5em; }
  6920. #uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method .form-item-panes-payment-payment-method label {
  6921. font-weight: bold; }
  6922. #uc-cart-checkout-form #payment-pane #payment-details {
  6923. width: 25em;
  6924. border-top: none;
  6925. padding: 0;
  6926. margin: 0; }
  6927. #uc-cart-checkout-form #edit-actions {
  6928. width: 100%;
  6929. padding: 1em 0;
  6930. margin: 0;
  6931. border: 0px;
  6932. background-color: transparent;
  6933. text-align: center; }
  6934. #uc-cart-checkout-form #edit-actions .form-submit {
  6935. font-size: 16px;
  6936. font-weight: bold;
  6937. padding: 0.1em 0.3em 0.2em;
  6938. border-radius: 0.3em;
  6939. background-clip: padding-box;
  6940. border: 2px solid #ccc;
  6941. background-color: #ccc;
  6942. color: #4D4D4D;
  6943. cursor: pointer;
  6944. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  6945. transition: text-shadow 0.3s ease-out;
  6946. text-align: center;
  6947. text-decoration: none;
  6948. margin-left: 1em; }
  6949. #uc-cart-checkout-form #edit-actions .form-submit:hover, #uc-cart-checkout-form #edit-actions .form-submit:focus {
  6950. text-shadow: 0 0 3px white; }
  6951. #uc-cart-checkout-form #edit-actions .form-submit:active {
  6952. transition: text-shadow 0s ease-out;
  6953. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
  6954. #uc-cart-checkout-form #edit-actions .form-submit#edit-continue {
  6955. font-size: 16px;
  6956. font-weight: bold;
  6957. padding: 0.1em 0.3em 0.2em;
  6958. border-radius: 0.3em;
  6959. background-clip: padding-box;
  6960. border: 2px solid #ccc;
  6961. background-color: #ccc;
  6962. color: #4D4D4D;
  6963. cursor: pointer;
  6964. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  6965. transition: text-shadow 0.3s ease-out;
  6966. text-align: center;
  6967. text-decoration: none;
  6968. cursor: pointer;
  6969. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  6970. transition: text-shadow 0.2s ease-out;
  6971. border-color: #69CDCF;
  6972. background-color: #69CDCF;
  6973. color: #fff; }
  6974. #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:hover, #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:focus {
  6975. text-shadow: 0 0 3px white; }
  6976. #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active {
  6977. transition: text-shadow 0s ease-out;
  6978. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
  6979. #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:hover, #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:focus {
  6980. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  6981. #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active {
  6982. transition: text-shadow 0s ease-out;
  6983. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  6984. /*
  6985. _____ _____ _____ _____ _____ _____
  6986. | | | | | | _ | __ |_ _|
  6987. | | | --| | --| | -| | |
  6988. |_____|_____| |_____|__|__|__|__| |_|
  6989. &&
  6990. _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ __ _____ ____ _____ _____ _____ _____ _____
  6991. | | | | | | | | __| | | | | | |_ _| | | | _ | | | | \| _ |_ _| | | | |
  6992. | | | --| | --| | __| --| -| | | | | | | | | | | |__|- -| | | | | | |- -| | | | | |
  6993. |_____|_____| |_____|__|__|_____|_____|__|__|_____|_____| |_| \___/|__|__|_____|_____|____/|__|__| |_| |_____|_____|_|___|
  6994. */
  6995. .page-cart-checkout-review #content > .inner-content {
  6996. display: inline-block;
  6997. padding: 1em; }
  6998. .page-cart-checkout-review #edit-actions {
  6999. margin: 0;
  7000. padding: 0; }
  7001. .page-cart-checkout-review #edit-actions:before, .page-cart-checkout-review #edit-actions:after {
  7002. display: block; }
  7003. .page-cart-checkout-review #review-instructions {
  7004. width: 30em;
  7005. padding: 1em 0; }
  7006. .page-cart-checkout-review table.order-review-table {
  7007. border: none; }
  7008. .page-cart-checkout-review table.order-review-table .pane-title-row {
  7009. border: none;
  7010. background-color: transparent;
  7011. text-align: left;
  7012. font-size: 18px; }
  7013. .page-cart-checkout-review table.order-review-table .pane-title-row td {
  7014. padding: 1em 0 0 0; }
  7015. .page-cart-checkout-review table.order-review-table table.cart-review tr.odd {
  7016. background-color: transparent;
  7017. border: none; }
  7018. .page-cart-checkout-review table.order-review-table td.title-col {
  7019. padding: 0;
  7020. text-align: left; }
  7021. .page-cart-checkout-review table.order-review-table td.data-col {
  7022. padding: 0;
  7023. width: 75%; }
  7024. .page-cart-checkout-review table.order-review-table .review-button-row {
  7025. border: none;
  7026. background-color: transparent; }
  7027. .page-cart-checkout-review table.order-review-table .review-button-row > td {
  7028. padding: 3em 0 0 0; }
  7029. .page-cart-checkout-review table.order-review-table .review-button-row form {
  7030. margin: 0 0.5em 0 0;
  7031. display: moz-inline-stack;
  7032. display: inline-block;
  7033. vertical-align: top;
  7034. zoom: 1;
  7035. *display: inline; }
  7036. .page-cart-checkout-review #edit-actions {
  7037. border: 0px;
  7038. background-color: transparent;
  7039. text-align: right; }
  7040. .page-cart-checkout-review input.form-submit {
  7041. font-size: 16px;
  7042. font-weight: bold;
  7043. padding: 0.1em 0.3em 0.2em;
  7044. border-radius: 0.3em;
  7045. background-clip: padding-box;
  7046. border: 2px solid #ccc;
  7047. background-color: #ccc;
  7048. color: #4D4D4D;
  7049. cursor: pointer;
  7050. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  7051. transition: text-shadow 0.3s ease-out;
  7052. text-align: center;
  7053. text-decoration: none;
  7054. margin-left: 1em; }
  7055. .page-cart-checkout-review input.form-submit:hover, .page-cart-checkout-review input.form-submit:focus {
  7056. text-shadow: 0 0 3px white; }
  7057. .page-cart-checkout-review input.form-submit:active {
  7058. transition: text-shadow 0s ease-out;
  7059. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
  7060. .page-cart-checkout-review input.form-submit#edit-submit {
  7061. font-size: 16px;
  7062. font-weight: bold;
  7063. padding: 0.1em 0.3em 0.2em;
  7064. border-radius: 0.3em;
  7065. background-clip: padding-box;
  7066. border: 2px solid #ccc;
  7067. background-color: #ccc;
  7068. color: #4D4D4D;
  7069. cursor: pointer;
  7070. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  7071. transition: text-shadow 0.3s ease-out;
  7072. text-align: center;
  7073. text-decoration: none;
  7074. cursor: pointer;
  7075. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7076. transition: text-shadow 0.2s ease-out;
  7077. border-color: #69CDCF;
  7078. background-color: #69CDCF;
  7079. color: #fff; }
  7080. .page-cart-checkout-review input.form-submit#edit-submit:hover, .page-cart-checkout-review input.form-submit#edit-submit:focus {
  7081. text-shadow: 0 0 3px white; }
  7082. .page-cart-checkout-review input.form-submit#edit-submit:active {
  7083. transition: text-shadow 0s ease-out;
  7084. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
  7085. .page-cart-checkout-review input.form-submit#edit-submit:hover, .page-cart-checkout-review input.form-submit#edit-submit:focus {
  7086. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  7087. .page-cart-checkout-review input.form-submit#edit-submit:active {
  7088. transition: text-shadow 0s ease-out;
  7089. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  7090. /*
  7091. ____ _____ ____ _____ _____ _____ _____ _____ _____ _____
  7092. | \| | \| _ | |_ _| | | | | __|
  7093. | | |- -| | | | --| | | |- -| | | | | __|
  7094. |____/|_____|____/|__|__|_____| |_| |_____|__ _|_____|_____|
  7095. |__|
  7096. */
  7097. #didactique-page .node-didactique {
  7098. border-radius: 5px;
  7099. background-clip: padding-box;
  7100. background-color: #FFF;
  7101. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7102. max-width: 850px;
  7103. font-size: 14px;
  7104. background-color: #fff;
  7105. margin: 1em auto;
  7106. padding: 1em; }
  7107. #didactique-page .node-didactique .field-name-field-emvideo {
  7108. margin: 1em 0; }
  7109. #didactique-page .node-didactique .field-name-title-field {
  7110. font-size: 24px;
  7111. font-weight: 900;
  7112. font-style: italic;
  7113. padding: 5px 0; }
  7114. #didactique-page .node-didactique .field-name-field-visuel figure, #didactique-page .node-didactique .field-name-field-visuel img {
  7115. max-width: 100%; }
  7116. @media only screen and (min-width: 40.063em) {
  7117. #didactique-page .side {
  7118. display: moz-inline-stack;
  7119. display: inline-block;
  7120. vertical-align: top;
  7121. zoom: 1;
  7122. *display: inline;
  7123. vertical-align: top; }
  7124. #didactique-page .group-sideleft {
  7125. width: 60%; }
  7126. #didactique-page .group-sideright {
  7127. width: 39%; } }
  7128. /*
  7129. _ _ _ _____ _____ _ _ _ _____ _____ _____ _____
  7130. | | | | | | | | | | | __| | _ | __ | __|
  7131. | | | | | | | | | | | __| | | -| __|
  7132. |_____|__|__|_____| |_____|_____| |__|__|__|__|_____|
  7133. */
  7134. @media only screen and (max-width: 40em) {
  7135. .page-whoweare #tool-bar #block-materio-page-title-materio-page-title {
  7136. display: none; } }
  7137. /*
  7138. _ _
  7139. _____ ___|_|___| |_ ___ ___ ___ ___ ___ ___
  7140. | | .'| | | _| -_| | .'| | _| -_|
  7141. |_|_|_|__,|_|_|_|_| |___|_|_|__,|_|_|___|___|
  7142. */
  7143. .maintenance-page #container, .maintenance-page #header {
  7144. text-align: center;
  7145. padding: 0;
  7146. position: relative; }
  7147. .maintenance-page #main {
  7148. background-color: transparent; }
  7149. .maintenance-page #header h1.site-name {
  7150. font-size: 36px;
  7151. margin: 0;
  7152. padding-left: 0; }
  7153. .maintenance-page h2.site-slogan {
  7154. font-size: 16px;
  7155. font-weight: 300;
  7156. margin: 0;
  7157. line-height: 1.1; }
  7158. /*
  7159. _____ _____ _____
  7160. | __| _ | |
  7161. | __| | | |
  7162. |__| |__|__|__ _|
  7163. |__|
  7164. */
  7165. .page-faq-page #main {
  7166. background: #fff url("../img/bg-faq.png") no-repeat bottom right; }
  7167. #content .faq-content .faq-description {
  7168. font-size: 12px;
  7169. padding-bottom: 2em; }
  7170. #content .faq-content ul.faq-ul-questions-top {
  7171. margin: 0; }
  7172. #content .faq-content ul.faq-ul-questions-top li {
  7173. list-style: none; }
  7174. #content .faq-content ul.faq-ul-questions-top li a {
  7175. font-size: 18px;
  7176. font-weight: 500; }
  7177. #content .faq-content h3.faq-header {
  7178. font-size: 20px;
  7179. font-weight: 700;
  7180. line-height: 1.2;
  7181. margin: 0; }
  7182. #content .faq-content h3.faq-header a {
  7183. color: #000; }
  7184. #content .faq-content .faq-dl-hide-answer {
  7185. padding: 0; }
  7186. #content .faq-content .faq-category-group {
  7187. padding-bottom: 1em; }
  7188. #content .faq-content .faq-question-answer {
  7189. padding: 0.3em 0 0 0.8em; }
  7190. #content .faq-content .faq-question-answer .faq-question {
  7191. font-size: 16px;
  7192. padding: 0;
  7193. font-weight: 500; }
  7194. #content .faq-content .faq-question-answer .faq-question a {
  7195. color: #000; }
  7196. #content .faq-content .faq-question-answer .faq-answer {
  7197. padding: 0;
  7198. margin-bottom: 2em;
  7199. font-size: 12px; }
  7200. #content .faq-content .field-name-body img {
  7201. max-width: 50%;
  7202. height: auto; }
  7203. /*
  7204. __ __ _ _____
  7205. / / / /___ ____ ___ ___ | | / /__ / /_/ / __ \/ __ `__ \/ _ \ | | / /__/ /
  7206. / __ / /_/ / / / / / / __/ | |/ // __/
  7207. /_/ /_/\____/_/ /_/ /_/\___/ |___//____/
  7208. */
  7209. body.home-v2 #center {
  7210. background-color: transparent;
  7211. padding: 0; }
  7212. #home-v2 h2 {
  7213. font-size: 2.1em;
  7214. font-weight: 300; }
  7215. #home-v2 a {
  7216. color: #000; }
  7217. #home-v2 .field-name-field-liens {
  7218. margin-top: 1em; }
  7219. #home-v2 .field-name-field-liens .field-item {
  7220. display: moz-inline-stack;
  7221. display: inline-block;
  7222. vertical-align: top;
  7223. zoom: 1;
  7224. *display: inline;
  7225. margin: 0 0.5em 0.5em 0; }
  7226. #home-v2 .field-name-field-liens a {
  7227. font-weight: 700;
  7228. display: moz-inline-stack;
  7229. display: inline-block;
  7230. vertical-align: top;
  7231. zoom: 1;
  7232. *display: inline;
  7233. padding: 0.5em 1em 0.7em;
  7234. border-radius: 5px;
  7235. background-clip: padding-box;
  7236. background-color: rgba(255, 255, 255, 0.8); }
  7237. body.logged-in #home-v2 .field-name-field-liens a.visitor {
  7238. display: none; }
  7239. body.not-logged-in #home-v2 .field-name-field-liens a.member {
  7240. display: none; }
  7241. #home-v2 .panel-separator {
  7242. clear: both; }
  7243. #home-v2 > .panel-panel > div > .panel-pane {
  7244. overflow: hidden; }
  7245. #home-v2 > .panel-panel > div > .panel-pane.pane-node {
  7246. border-radius: 5px;
  7247. background-clip: padding-box;
  7248. overflow: hidden; }
  7249. #home-v2 > .panel-panel > div > .panel-pane.pane-node .pane-content, #home-v2 > .panel-panel > div > .panel-pane.pane-node .node {
  7250. position: relative;
  7251. width: 100%;
  7252. height: 100%;
  7253. overflow: hidden; }
  7254. #home-v2 > .panel-panel > div > .panel-pane.pane-node .links a {
  7255. background-color: rgba(255, 255, 255, 0.7);
  7256. border-radius: 5px;
  7257. background-clip: padding-box;
  7258. padding: 15px; }
  7259. #home-v2 > .panel-panel > div > .panel-pane.intro-video {
  7260. height: auto;
  7261. background-color: #f7f4ed;
  7262. margin-top: 2em;
  7263. margin-bottom: 2em;
  7264. padding-top: 0; }
  7265. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
  7266. margin: 0 auto; }
  7267. @media only screen and (max-width: 40em) {
  7268. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
  7269. width: 320px;
  7270. height: 180px; } }
  7271. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  7272. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
  7273. width: 640px;
  7274. height: 360px; } }
  7275. @media only screen and (min-width: 64.063em) and (max-width: 90em) {
  7276. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
  7277. width: 800px;
  7278. height: 450px; } }
  7279. @media only screen and (min-width: 90.063em) {
  7280. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
  7281. width: 1024px;
  7282. height: 576px; } }
  7283. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video .player, #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video iframe {
  7284. width: 100%;
  7285. height: 100%; }
  7286. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-title-field {
  7287. display: none; }
  7288. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body {
  7289. margin-top: 1em;
  7290. text-align: center; }
  7291. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
  7292. text-align: left;
  7293. display: moz-inline-stack;
  7294. display: inline-block;
  7295. vertical-align: top;
  7296. zoom: 1;
  7297. *display: inline;
  7298. width: 35%;
  7299. margin-left: 2%;
  7300. font-size: 0.756em; }
  7301. @media only screen and (max-width: 40em) {
  7302. #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
  7303. width: 100%;
  7304. text-align: center; } }
  7305. @media only screen and (max-width: 40em) {
  7306. #home-v2 > .panel-panel > div > .panel-pane.intro-video {
  7307. margin-top: 0.5em; } }
  7308. #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member {
  7309. margin: 2em 0; }
  7310. #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 ul.menu, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member ul.menu {
  7311. margin: 0px;
  7312. text-align: center; }
  7313. #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li {
  7314. margin: 0 1em 0 0;
  7315. padding: 0px;
  7316. list-style: none;
  7317. height: 2.5em;
  7318. display: moz-inline-stack;
  7319. display: inline-block;
  7320. vertical-align: top;
  7321. zoom: 1;
  7322. *display: inline; }
  7323. #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a {
  7324. background-color: #4d4d4d;
  7325. border-radius: 5px;
  7326. background-clip: padding-box;
  7327. padding: 5px 12px 7px;
  7328. color: #f7f4ed;
  7329. font-size: 18px;
  7330. font-weight: 500;
  7331. transition: opacity,background-color 0.2s ease-out; }
  7332. #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"], #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"] {
  7333. background-color: #e6de1c;
  7334. cursor: pointer;
  7335. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7336. transition: text-shadow 0.2s ease-out; }
  7337. #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:focus, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:focus {
  7338. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  7339. #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:active, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:active {
  7340. transition: text-shadow 0s ease-out;
  7341. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  7342. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register {
  7343. padding: 2em 0;
  7344. background: transparent url("../img/register-block.png") no-repeat 100% 90%;
  7345. text-align: center; }
  7346. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .pane-content {
  7347. display: moz-inline-stack;
  7348. display: inline-block;
  7349. vertical-align: top;
  7350. zoom: 1;
  7351. *display: inline;
  7352. text-align: left; }
  7353. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register h2, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register h3 {
  7354. font-weight: 900;
  7355. font-style: italic;
  7356. padding: 5px 0;
  7357. margin: 0;
  7358. line-height: 1;
  7359. display: moz-inline-stack;
  7360. display: inline-block;
  7361. vertical-align: top;
  7362. zoom: 1;
  7363. *display: inline;
  7364. vertical-align: middle; }
  7365. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register h2 {
  7366. font-size: 24px; }
  7367. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register h3 {
  7368. font-size: 16px; }
  7369. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register form {
  7370. margin: 0 1em;
  7371. padding: 0px;
  7372. display: moz-inline-stack;
  7373. display: inline-block;
  7374. vertical-align: top;
  7375. zoom: 1;
  7376. *display: inline;
  7377. vertical-align: middle; }
  7378. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-wrapper {
  7379. margin: 0;
  7380. position: relative;
  7381. display: moz-inline-stack;
  7382. display: inline-block;
  7383. vertical-align: top;
  7384. zoom: 1;
  7385. *display: inline;
  7386. vertical-align: middle; }
  7387. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-account {
  7388. margin-right: 5px; }
  7389. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register input.form-text {
  7390. font-size: 12px;
  7391. border-radius: 5px;
  7392. background-clip: padding-box;
  7393. margin-bottom: 4px; }
  7394. .ie8 #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register input.form-text {
  7395. margin-right: 5px; }
  7396. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-mail input.form-text, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-name input.form-text {
  7397. width: 11em; }
  7398. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-pass input.form-text {
  7399. width: 7em; }
  7400. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check {
  7401. position: absolute;
  7402. bottom: 100%;
  7403. z-index: 9999;
  7404. background-image: none;
  7405. height: auto;
  7406. padding: 5px;
  7407. border-radius: 5px;
  7408. background-clip: padding-box;
  7409. margin-bottom: 10px;
  7410. font-size: 10px;
  7411. background-color: #fff;
  7412. box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  7413. transition: bottom 0.1s ease-out; }
  7414. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check.error {
  7415. background-color: #f3968d;
  7416. color: #fff; }
  7417. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check.ok {
  7418. display: none; }
  7419. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-submit {
  7420. font-size: 16px;
  7421. padding: 0.1em 0.6em 0.2em;
  7422. border-radius: 0.3em;
  7423. background-clip: padding-box;
  7424. font-weight: bold;
  7425. margin-bottom: 4px; }
  7426. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-termsofservices, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-field-newsletter {
  7427. margin-bottom: 0;
  7428. display: block;
  7429. line-height: 1; }
  7430. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-termsofservices > *, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-field-newsletter > * {
  7431. display: moz-inline-stack;
  7432. display: inline-block;
  7433. vertical-align: top;
  7434. zoom: 1;
  7435. *display: inline;
  7436. vertical-align: middle;
  7437. margin: 0; }
  7438. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-termsofservices label, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-field-newsletter label {
  7439. font-size: 10px;
  7440. background-color: #fff;
  7441. border-radius: 3px;
  7442. background-clip: padding-box; }
  7443. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit {
  7444. border: 2px solid #69CDCF;
  7445. background-color: #69CDCF;
  7446. color: #fff;
  7447. cursor: pointer;
  7448. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7449. transition: text-shadow 0.2s ease-out; }
  7450. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:focus {
  7451. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  7452. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:active {
  7453. transition: text-shadow 0s ease-out;
  7454. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  7455. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit[disabled] {
  7456. background-color: #ddd;
  7457. border: 2px solid #ddd; }
  7458. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit {
  7459. border: 2px solid #E6DE1C;
  7460. background-color: #E6DE1C;
  7461. color: #fff;
  7462. cursor: pointer;
  7463. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7464. transition: text-shadow 0.2s ease-out; }
  7465. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:focus {
  7466. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  7467. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:active {
  7468. transition: text-shadow 0s ease-out;
  7469. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  7470. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-simplenews {
  7471. display: none; }
  7472. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join {
  7473. display: moz-inline-stack;
  7474. display: inline-block;
  7475. vertical-align: top;
  7476. zoom: 1;
  7477. *display: inline;
  7478. vertical-align: middle;
  7479. margin: 0 1em;
  7480. font-size: 16px;
  7481. padding: 0.1em 0.3em 0.2em;
  7482. border-radius: 0.3em;
  7483. background-clip: padding-box;
  7484. font-weight: bold;
  7485. border: 2px solid #69CDCF;
  7486. background-color: #69CDCF;
  7487. color: #fff;
  7488. cursor: pointer;
  7489. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7490. transition: text-shadow 0.2s ease-out;
  7491. text-align: center;
  7492. text-decoration: none; }
  7493. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:focus {
  7494. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
  7495. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:active {
  7496. transition: text-shadow 0s ease-out;
  7497. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  7498. @media only screen and (max-width: 40em) {
  7499. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register {
  7500. background-position: 160% 50%;
  7501. min-height: 60px;
  7502. padding: 15px 0; }
  7503. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-mail input.form-text, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-name input.form-text {
  7504. width: 7em; } }
  7505. #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .message-error {
  7506. color: #b94a48;
  7507. font-size: 12px; }
  7508. #home-v2 > .panel-panel > div > .panel-pane.showroom {
  7509. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7510. transition: box-shadow 0.3s ease-out;
  7511. height: 450px;
  7512. margin-top: 15px;
  7513. background-color: #fff;
  7514. position: relative; }
  7515. #home-v2 > .panel-panel > div > .panel-pane.showroom:hover {
  7516. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  7517. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content {
  7518. width: 100%;
  7519. height: 100%;
  7520. position: relative; }
  7521. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .node {
  7522. position: absolute;
  7523. height: 100%;
  7524. width: 100%; }
  7525. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau {
  7526. position: absolute;
  7527. width: 100%;
  7528. height: 100%;
  7529. overflow: hidden; }
  7530. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
  7531. width: 100%;
  7532. margin-top: -10%; }
  7533. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper {
  7534. position: relative;
  7535. z-index: 2;
  7536. width: 30%;
  7537. margin: 3em 2em; }
  7538. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content {
  7539. background-color: rgba(255, 255, 255, 0.8);
  7540. padding: 1em;
  7541. border-radius: 5px;
  7542. background-clip: padding-box; }
  7543. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content .field-name-title-field {
  7544. font-size: 2.1em;
  7545. font-weight: 300; }
  7546. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content .field-name-body {
  7547. margin-top: 0.5em; }
  7548. #home-v2 > .panel-panel > div > .panel-pane.showroom:after {
  7549. content: url("../img/bulle.png");
  7550. transform: scale(0.8);
  7551. position: absolute;
  7552. bottom: -120px;
  7553. right: -20px;
  7554. z-index: 10; }
  7555. @media only screen and (max-width: 40em) {
  7556. #home-v2 > .panel-panel > div > .panel-pane.showroom {
  7557. margin-top: 10px; }
  7558. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau {
  7559. position: absolute;
  7560. width: 400%;
  7561. height: 100%;
  7562. overflow: hidden; }
  7563. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper {
  7564. width: auto;
  7565. padding: 2%;
  7566. margin: 2%; }
  7567. #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .field-name-body {
  7568. font-size: 0.756em;
  7569. margin-top: 0.5em; }
  7570. #home-v2 > .panel-panel > div > .panel-pane.showroom:after {
  7571. opacity: 0.4; } }
  7572. #home-v2 > .panel-panel > div > .panel-pane.bdd {
  7573. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7574. transition: box-shadow 0.3s ease-out;
  7575. height: 450px;
  7576. margin-top: 30px;
  7577. background-color: #FFF;
  7578. position: relative; }
  7579. #home-v2 > .panel-panel > div > .panel-pane.bdd:hover {
  7580. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  7581. #home-v2 > .panel-panel > div > .panel-pane.bdd .links a {
  7582. background-color: #e6e6e6; }
  7583. #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
  7584. display: moz-inline-stack;
  7585. display: inline-block;
  7586. vertical-align: top;
  7587. zoom: 1;
  7588. *display: inline;
  7589. width: 60%;
  7590. height: 100%;
  7591. overflow: hidden; }
  7592. #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau img {
  7593. max-width: 2000px; }
  7594. #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper {
  7595. display: moz-inline-stack;
  7596. display: inline-block;
  7597. vertical-align: top;
  7598. zoom: 1;
  7599. *display: inline;
  7600. width: 35%;
  7601. padding: 1em;
  7602. border-radius: 5px;
  7603. background-clip: padding-box; }
  7604. #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-title-field {
  7605. font-size: 2.1em;
  7606. font-weight: 300; }
  7607. #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-body {
  7608. margin-top: 1em; }
  7609. #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-field-liens a {
  7610. background-color: rgba(230, 230, 230, 0.8); }
  7611. #home-v2 > .panel-panel > div > .panel-pane.bdd:after {
  7612. content: url("../img/boule.png");
  7613. transform: scale(0.8);
  7614. position: absolute;
  7615. bottom: -50px;
  7616. left: -50px; }
  7617. @media only screen and (max-width: 40em) {
  7618. #home-v2 > .panel-panel > div > .panel-pane.bdd {
  7619. height: auto; }
  7620. #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
  7621. width: 100%;
  7622. display: block;
  7623. height: 310px;
  7624. overflow: hidden; }
  7625. #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper {
  7626. display: block;
  7627. width: 100%;
  7628. z-index: 1;
  7629. padding: 0; }
  7630. #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper > * {
  7631. padding: 1em; }
  7632. #home-v2 > .panel-panel > div > .panel-pane.bdd:after {
  7633. opacity: 0.6;
  7634. z-index: 0; } }
  7635. #home-v2 > .panel-panel > div > .panel-pane.formations {
  7636. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7637. transition: box-shadow 0.3s ease-out;
  7638. position: relative;
  7639. height: 300px;
  7640. margin-top: 30px;
  7641. background-color: #000;
  7642. color: #FFF; }
  7643. #home-v2 > .panel-panel > div > .panel-pane.formations:hover {
  7644. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  7645. #home-v2 > .panel-panel > div > .panel-pane.formations a {
  7646. color: #FFF; }
  7647. #home-v2 > .panel-panel > div > .panel-pane.formations .node {
  7648. padding: 0 0 0 30%;
  7649. width: 70%; }
  7650. #home-v2 > .panel-panel > div > .panel-pane.formations .node:before {
  7651. content: " ";
  7652. background: transparent url("../img/formations.png") no-repeat center center;
  7653. background-clip: padding-box;
  7654. background-size: contain;
  7655. position: absolute;
  7656. left: 0;
  7657. z-index: 2;
  7658. width: 30%;
  7659. height: 100%; }
  7660. #home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper {
  7661. padding: 1em;
  7662. position: relative; }
  7663. #home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-title-field {
  7664. font-size: 2.1em;
  7665. font-weight: 300; }
  7666. #home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-body {
  7667. margin-top: 1em; }
  7668. @media only screen and (max-width: 40em) {
  7669. #home-v2 > .panel-panel > div > .panel-pane.formations {
  7670. height: auto; } }
  7671. #home-v2 > .panel-panel > div > .panel-pane.services {
  7672. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7673. transition: box-shadow 0.3s ease-out;
  7674. background-color: #FFF;
  7675. height: 300px;
  7676. margin-top: 30px; }
  7677. #home-v2 > .panel-panel > div > .panel-pane.services:hover {
  7678. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  7679. #home-v2 > .panel-panel > div > .panel-pane.services .node {
  7680. padding: 0 30% 0 0;
  7681. width: 70%; }
  7682. #home-v2 > .panel-panel > div > .panel-pane.services .node:before {
  7683. content: " ";
  7684. background: transparent url("../img/services.png") no-repeat center center;
  7685. background-clip: padding-box;
  7686. background-size: contain;
  7687. position: absolute;
  7688. right: 0;
  7689. z-index: 2;
  7690. width: 30%;
  7691. height: 100%; }
  7692. #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper {
  7693. padding: 1em;
  7694. position: relative; }
  7695. #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-title-field {
  7696. font-size: 2.1em;
  7697. font-weight: 300; }
  7698. #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-body {
  7699. margin-top: 1em; }
  7700. #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-field-liens a {
  7701. background-color: rgba(230, 230, 230, 0.8); }
  7702. @media only screen and (max-width: 40em) {
  7703. #home-v2 > .panel-panel > div > .panel-pane.services {
  7704. height: auto; } }
  7705. #home-v2 > .panel-panel > div > .panel-pane.publication {
  7706. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7707. transition: box-shadow 0.3s ease-out;
  7708. position: relative;
  7709. margin-top: 30px;
  7710. padding: 1em;
  7711. background-color: #000;
  7712. border-radius: 10px;
  7713. background-clip: padding-box; }
  7714. #home-v2 > .panel-panel > div > .panel-pane.publication:hover {
  7715. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  7716. #home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 {
  7717. color: #fff; }
  7718. #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
  7719. display: moz-inline-stack;
  7720. display: inline-block;
  7721. vertical-align: top;
  7722. zoom: 1;
  7723. *display: inline;
  7724. width: 30%; }
  7725. #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 {
  7726. display: none; }
  7727. @media only screen and (max-width: 40em) {
  7728. #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
  7729. display: block;
  7730. width: 90%;
  7731. margin-bottom: 1em; } }
  7732. #home-v2 > .panel-panel > div > .pane-news-home-v2 {
  7733. background-color: #e6e6e6;
  7734. border-radius: 10px;
  7735. background-clip: padding-box;
  7736. margin-top: 30px;
  7737. padding-top: 1em;
  7738. padding-bottom: 1em;
  7739. position: relative; }
  7740. #home-v2 > .panel-panel > div > .pane-news-home-v2 h2 {
  7741. font-size: 30px; }
  7742. @media only screen and (min-width: 40.063em) {
  7743. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
  7744. width: 100%;
  7745. margin-left: auto;
  7746. margin-right: auto;
  7747. margin-top: 0;
  7748. margin-bottom: 0;
  7749. max-width: 80rem; }
  7750. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:before, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
  7751. content: " ";
  7752. display: table; }
  7753. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
  7754. clear: both; }
  7755. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
  7756. overflow: hidden;
  7757. padding-left: 0.9375rem;
  7758. padding-right: 0.9375rem;
  7759. width: 33.33333%;
  7760. float: left;
  7761. padding: 0em;
  7762. margin-left: 1em; }
  7763. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel.panel-col-first {
  7764. width: auto; }
  7765. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel:not(.panel-col-first) {
  7766. width: 31%; }
  7767. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
  7768. margin: 0; }
  7769. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node-breve.vm-cardbig {
  7770. margin: 0;
  7771. height: 610px; } }
  7772. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom {
  7773. width: 100%;
  7774. margin-left: auto;
  7775. margin-right: auto;
  7776. margin-top: 0;
  7777. margin-bottom: 0;
  7778. max-width: 80rem;
  7779. margin-top: 1.5em;
  7780. margin-bottom: 1.5em; }
  7781. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:before, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after {
  7782. content: " ";
  7783. display: table; }
  7784. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after {
  7785. clear: both; }
  7786. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom > .inside {
  7787. padding-left: 0.9375rem;
  7788. padding-right: 0.9375rem;
  7789. width: 100%;
  7790. float: left; }
  7791. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom p {
  7792. display: none; }
  7793. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes {
  7794. margin: 0 0 0.5em 0; }
  7795. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item {
  7796. display: moz-inline-stack;
  7797. display: inline-block;
  7798. vertical-align: top;
  7799. zoom: 1;
  7800. *display: inline;
  7801. margin-right: 1em; }
  7802. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item label, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item input {
  7803. vertical-align: middle; }
  7804. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail {
  7805. display: moz-inline-stack;
  7806. display: inline-block;
  7807. vertical-align: top;
  7808. zoom: 1;
  7809. *display: inline;
  7810. margin: 0; }
  7811. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail label, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail input {
  7812. display: moz-inline-stack;
  7813. display: inline-block;
  7814. vertical-align: top;
  7815. zoom: 1;
  7816. *display: inline;
  7817. margin-right: 1em; }
  7818. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom #edit-subscribe, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom #edit-unsubscribe {
  7819. display: moz-inline-stack;
  7820. display: inline-block;
  7821. vertical-align: top;
  7822. zoom: 1;
  7823. *display: inline; }
  7824. #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
  7825. border-radius: 5px;
  7826. background-clip: padding-box;
  7827. background-color: #FFF;
  7828. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7829. transition: box-shadow 0.3s ease-out;
  7830. overflow: hidden;
  7831. position: relative;
  7832. margin: 7px; }
  7833. #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
  7834. position: absolute;
  7835. bottom: 0;
  7836. width: 100%;
  7837. background-color: #FFF;
  7838. text-align: center; }
  7839. #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
  7840. padding: 10px;
  7841. margin: 0;
  7842. font-size: 1em; }
  7843. #home-v2 > .panel-panel > div > .pane-news-home-v2:after {
  7844. content: url("../img/point.png");
  7845. position: absolute;
  7846. bottom: 20px;
  7847. right: 10px; }
  7848. @media only screen and (max-width: 40em) {
  7849. #home-v2 > .panel-panel > div > .pane-news-home-v2 {
  7850. background-color: transparent; }
  7851. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
  7852. width: 100%; }
  7853. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
  7854. margin: 0; }
  7855. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node {
  7856. max-width: 100%;
  7857. margin: 0; }
  7858. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node .field-name-body {
  7859. width: 100%;
  7860. padding: 0; }
  7861. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node .field-name-body p {
  7862. max-width: 100%;
  7863. padding: 1em; }
  7864. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node-simplenews .field-name-body a {
  7865. padding: 0;
  7866. display: block;
  7867. height: 100%; }
  7868. #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node-simplenews .field-name-body a img {
  7869. max-width: 100%; }
  7870. #home-v2 > .panel-panel > div > .pane-news-home-v2:after {
  7871. z-index: -1;
  7872. opacity: 0.4; } }
  7873. #home-v2 #contact-pane {
  7874. margin: 2em 0;
  7875. padding: 1em;
  7876. background-color: #e6e6e6; }
  7877. #home-v2 #contact-pane .field-name-body {
  7878. text-align: center; }
  7879. #home-v2 #contact-pane .field-name-body p {
  7880. display: moz-inline-stack;
  7881. display: inline-block;
  7882. vertical-align: top;
  7883. zoom: 1;
  7884. *display: inline;
  7885. min-width: 20%; }
  7886. /*
  7887. _ _ _ _ _
  7888. | | | (_) | | (_)
  7889. _ __ _ _| |__ | |_ ___ __ _| |_ _ ___ _ __ ___
  7890. | '_ \| | | | '_ \| | |/ __/ _` | __| |/ _ \| '_ \/ __|
  7891. | |_) | |_| | |_) | | | (_| (_| | |_| | (_) | | | \__ | .__/ \__,_|_.__/|_|_|\___\__,_|\__|_|\___/|_| |_|___/
  7892. | |
  7893. |_|
  7894. */
  7895. body.node-type-publication article.node-publication .field figure, body.node-type-publication article.node-publication .field img {
  7896. max-width: 100%; }
  7897. @media only screen and (min-width: 64.063em) {
  7898. body.node-type-publication article.node-publication .field {
  7899. display: moz-inline-stack;
  7900. display: inline-block;
  7901. vertical-align: top;
  7902. zoom: 1;
  7903. *display: inline; }
  7904. body.node-type-publication article.node-publication .field-name-field-couverture {
  7905. width: 25%; }
  7906. body.node-type-publication article.node-publication .field-name-body {
  7907. margin-left: 1em;
  7908. width: 70%; } }
  7909. /*
  7910. __ ___
  7911. / |/ /__ ______________ _____ ____ _____
  7912. / /|_/ / _ \/ ___/ ___/ __ `/ __ `/ _ \/ ___/
  7913. / / / / __(__ |__ ) /_/ / /_/ / __(__ )
  7914. /_/ /_/\___/____/____/\__,_/\__, /\___/____/
  7915. /____/
  7916. */
  7917. div.messages {
  7918. padding: 9px;
  7919. margin: 0.5em 0 0;
  7920. color: #3a87ad;
  7921. background: #d9edf7;
  7922. border: 1px solid #bce8f1;
  7923. border-radius: 5px;
  7924. font-size: 12px; }
  7925. div.messages.warning {
  7926. color: #c09853;
  7927. background-color: #fcf8e3;
  7928. border-color: #fbeed5; }
  7929. div.messages.error {
  7930. color: #b94a48;
  7931. background-color: #f2dede;
  7932. border-color: #eed3d7; }
  7933. div.messages.status {
  7934. color: #468847;
  7935. background-color: #dff0d8;
  7936. border-color: #d6e9c6;
  7937. font-size: 14px; }
  7938. .messages-label {
  7939. display: none; }
  7940. #better-messages-wrapper {
  7941. background-color: rgba(255, 255, 255, 0.7);
  7942. padding: 10px;
  7943. border-radius: 5px;
  7944. background-clip: padding-box;
  7945. box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
  7946. #better-messages-wrapper #better-messages-default div.messages {
  7947. padding: 9px;
  7948. margin: 0.5em 0 0;
  7949. color: #3a87ad;
  7950. background: #d9edf7;
  7951. border: 1px solid #bce8f1;
  7952. border-radius: 5px;
  7953. font-size: 12px;
  7954. margin: 0 0 10px 0; }
  7955. #better-messages-wrapper #better-messages-default div.messages.warning {
  7956. color: #c09853;
  7957. background-color: #fcf8e3;
  7958. border-color: #fbeed5; }
  7959. #better-messages-wrapper #better-messages-default div.messages.error {
  7960. color: #b94a48;
  7961. background-color: #f2dede;
  7962. border-color: #eed3d7; }
  7963. #better-messages-wrapper #better-messages-default div.messages.status {
  7964. color: #468847;
  7965. background-color: #dff0d8;
  7966. border-color: #d6e9c6;
  7967. font-size: 14px; }
  7968. #better-messages-wrapper #better-messages-default .footer {
  7969. border: none;
  7970. padding: 0;
  7971. margin: 0; }
  7972. #better-messages-wrapper #better-messages-default .footer a.message-close {
  7973. background: #fff url("../img/close.png") no-repeat center center;
  7974. width: 15px;
  7975. height: 15px;
  7976. border-radius: 3px;
  7977. background-clip: padding-box;
  7978. display: block; }
  7979. /** Tab navigation */
  7980. /**
  7981. * icons
  7982. */
  7983. /**
  7984. * figures
  7985. */
  7986. figure figcaption {
  7987. display: none; }
  7988. figure .blank {
  7989. position: absolute;
  7990. top: 0;
  7991. left: 0;
  7992. width: 100%;
  7993. height: 100%; }
  7994. /* ==|== print styles =======================================================
  7995. Print styles.
  7996. Inlined to avoid required HTTP connection: h5bp.com/r
  7997. ========================================================================== */
  7998. a:focus {
  7999. outline: 0; }
  8000. /*
  8001. * Improves readability when focused and also mouse hovered in all browsers.
  8002. */
  8003. a:active,
  8004. a:hover {
  8005. outline: 0; }
  8006. i {
  8007. transition: color 0.3s; }
  8008. i:hover {
  8009. color: #606060;
  8010. text-shadow: 1px 4px 6px #FFF,0 0 0 #000,1px 4px 6px #FFF; }
  8011. /** COLORBOX */
  8012. #colorbox {
  8013. border-radius: 2px;
  8014. background-clip: padding-box;
  8015. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  8016. #colorbox #cboxLoadedContent {
  8017. background-color: #fff; }
  8018. /** embed player */
  8019. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  8020. .embedded-video .player iframe {
  8021. max-width: 100%;
  8022. height: auto; } }
  8023. /** devel */
  8024. .not-logged-in #tasks ul.tabs.primary {
  8025. display: none; }
  8026. /*
  8027. __ _
  8028. ____ _____/ /___ ___ (_)___ ____ ___ ___ ____ __ __
  8029. / __ `/ __ / __ `__ \/ / __ \ / __ `__ \/ _ \/ __ \/ / / /
  8030. / /_/ / /_/ / / / / / / / / / / / / / / / / __/ / / / /_/ /
  8031. \__,_/\__,_/_/ /_/ /_/_/_/ /_/ /_/ /_/ /_/\___/_/ /_/\__,_/
  8032. */
  8033. #admin-menu {
  8034. top: 0; }