Server : Apache System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64 User : pragmatice ( 1003) PHP Version : 8.2.24 Disable Function : NONE Directory : /home/pragmatice/public_html/lesite/local/cache-css/ |
@font-face { font-family:'Lato'; src:url('https://pragmatice.net/lesite/squelettes/fonts/lato/lato-regular-webfont.eot'); src:url('https://pragmatice.net/lesite/squelettes/fonts/lato/lato-regular-webfont.eot?#iefix') format("embedded-opentype"),url('https://pragmatice.net/lesite/squelettes/fonts/lato/lato-regular-webfont.woff') format("woff"),url('https://pragmatice.net/lesite/squelettes/fonts/lato/lato-regular-webfont.ttf') format("truetype"),url('https://pragmatice.net/lesite/squelettes/fonts/lato/lato-regular-webfont.svg#latoregular') format("svg"); font-weight:400; font-style:normal } body { margin:0; font-family:"Lato","Helvetica Neue","Helvetica","Arial",sans-serif; font-size:16px; line-height:1.6; color:#222; background-color:#fff } body.with-top-bar { padding-top:43px } div { display:block } a,a:visited { color:#4285f4; text-decoration:none } a:focus,a:hover,a:active { color:#4285f4; text-decoration:underline } a img { border:0 } h1,h2,h3,h4,h5,h6 { margin:0 } h1 { font-size:37px; margin-top:30px; padding:10px 0; font-weight:700; line-height:1.2 } h1.big { font-size:70px; margin:40px 0 0; letter-spacing:-2px; color:#5a5a5a } .header { border-bottom:1px solid #ddd; margin-bottom:20px; padding-top:60px; color:#222 } .header:first-child { padding-top:0 } p.big { font-size:22px; margin:5px; color:#999 } h2 { font-size:30px; margin-top:28px; padding:9px 0; font-weight:700; line-height:1.2 } h3 { font-size:25px; margin-top:26px; padding:8px 0; font-weight:700; line-height:1.2 } h4 { font-size:21px; margin-top:24px; padding:7px 0; line-height:1.2 } h5 { font-size:18px; margin-top:22px; padding:6px 0; line-height:1.2 } h6 { font-size:13px; margin-top:20px; padding:5px 0; line-height:1.2; text-transform:uppercase } h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child { margin-top:0 } .masthead { background:#063059; color:#fff; padding:20px 0 } .masthead h1 { font-size:150px; margin:0; padding:0; letter-spacing:-10px; text-shadow:0 -1px 2px #000 } .masthead p { font-size:40px; text-shadow:0 -1px 1px #000; margin:0 } .container { display:block; width:960px; margin:0 auto } .container-full-width { display:block; width:100% } .row { margin:0; width:100% } .row:after { clear:both; content:''; display:table } .top-bar .logo { font-size:25px; padding:2px 0; display:inline-block } .top-bar,.bottom-bar,.modal-title { display:block; color:#aaa; background-color:#fff } .top-bar { width:100%; position:fixed; top:0; z-index:9999999; border-bottom:1px solid #ddd } .bottom-bar { width:100%; font-size:11px; padding:5px 0; text-align:center; border-top:1px solid #ddd } .modal-title { background:#111 } .footer { background-color:#999; color:#444; border-top:1px solid #e5e5e5 } .footer .row { margin:0 } .footer a,.footer a:visited { color:#444; text-decoration:none } .footer a:focus,.footer a:hover,.footer a:active { color:#777; text-decoration:none } .top-bar a,.bottom-bar a { color:#999; text-decoration:none } .top-bar .row { color:#aaa; height:40px; margin:0 } .top-bar .span1,.top-bar .span2,.top-bar .span3,.top-bar .span4,.top-bar .span5,.top-bar .span6,.top-bar .span7,.top-bar .span8,.top-bar .span9,.top-bar .span10,.top-bar .span11,.top-bar .span12,.bottom-bar .span1,.bottom-bar .span2,.bottom-bar .span3,.bottom-bar .span4,.bottom-bar .span5,.bottom-bar .span6,.bottom-bar .span7,.bottom-bar .span8,.bottom-bar .span9,.bottom-bar .span10,.bottom-bar .span11,.bottom-bar .span12,.bottom .span1,.bottom .span2,.bottom .span3,.bottom .span4,.bottom .span5,.bottom .span6,.bottom .span7,.bottom .span8,.bottom .span9,.bottom .span10,.bottom .span11,.bottom .span12 { margin-top:0; margin-bottom:0 } .bottom ul { margin:5px } .menu { margin:0; padding:0; float:left; font-size:14px } .menu:after { clear:both; content:''; display:table } .menu li { float:right; list-style:none } .menu li a { text-decoration:none; color:#999; display:block; padding:12px 18px; height:23px } .menu li.has-sub > a:after { border-bottom:3px solid transparent; border-right:3px solid transparent; border-left:3px solid transparent; border-top:3px solid #999; content:""; display:inline-block; margin:10px 10px 0 0 } .menu > li:hover > a { color:#999; background:#f4f4f4 } .menu li.has-sub:hover > a:after { border-top:3px solid #999 } .menu li.active { background:#f4f4f4 } .sub-menu > li.active > a { background:#f4f4f4 } .menu li { border-right:1px solid #ddd } .menu li:last-child { border-left:1px solid #ddd } .menu li:hover > .sub-menu { display:block } .sub-menu { display:none; position:absolute; width:200px; border-radius:0 0 4px 4px; box-shadow:0 2px 4px rgba(0,0,0,0.1); margin:0; padding:0; border-top:1px solid #ddd } .sub-menu li { background:#fff; border:0; width:200px } .sub-menu li a { border-bottom:1px solid #ddd; padding:7px 17px 7px 0 } .sub-menu li a:hover { background:#f4f4f4 } .sub-menu li a:before { content:'» ' } .sub-menu .sub-menu > li:first-child,.sub-menu .sub-menu > li:first-child > a { border-radius:4px 4px 0 0 } .sub-menu .sub-menu { border-top:0 } .sub-menu > li:last-child,.sub-menu > li:last-child > a { border:0; border-radius:0 0 4px 4px } .sub-menu li > .sub-menu { right:200px; margin-top:-36px; display:none } .sub-menu li.has-sub > a:after { border-bottom:3px solid transparent; border-top:3px solid transparent; border-left:3px solid transparent; border-right:3px solid #999; content:""; display:inline-block; margin:8px 0 0 10px; float:left } .sub-menu li.has-sub:hover > a:after { border-right:3px solid #999; border-top:3px solid transparent } .minimobilemenu { position:fixed; overflow:hidden; top:0; width:100%; height:100%; z-index:999999998; background:#fff; overflow-y:scroll } .minimobilemenu li { float:none } .minimobilemenu li:last-child { border-left:0 } .minimobilemenu li a { border-bottom:1px solid #ddd; height:22px; font-size:18px } .minimobilemenu li.has-sub > a:after { border:0; margin:0 5px 0 0 } .minimobilemenu li.has-sub:hover > a:after { border:0 } .minimobilemenu .sub-menu { display:block; width:100%; position:static; box-shadow:none; border-top:0 } .minimobilemenu .sub-menu li { width:100% } .minimobilemenu .sub-menu li a { padding-right:30px; height:24px; font-size:17px } .minimobilemenu .sub-menu li:last-child { border-radius:0 } .minimobilemenu .sub-menu li:last-child a { border:0; border-radius:0; border-bottom:1px solid #ddd } .minimobilemenu .sub-menu li > .sub-menu { display:block; right:auto; margin-right:30px; margin-top:0 } .minimobilemenu_btn { position:fixed; top:0; left:0; padding:4px 10px; color:#999; text-align:center; z-index:999999999; cursor:pointer; font-size:25px } .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 { display:block; float:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:1px 10px; min-height:1px } .row .row .span1:last-child,.row .row .span2:last-child,.row .row .span3:last-child,.row .row .span4:last-child,.row .row .span5:last-child,.row .row .span6:last-child,.row .row .span7:last-child,.row .row .span8:last-child,.row .row .span9:last-child,.row .row .span10:last-child,.row .row .span11:last-child,.row .row .span12:last-child { margin-left:0 } .row .row .span1:first-child,.row .row .span2:first-child,.row .row .span3:first-child,.row .row .span4:first-child,.row .row .span5:first-child,.row .row .span6:first-child,.row .row .span7:first-child,.row .row .span8:first-child,.row .row .span9:first-child,.row .row .span10:first-child,.row .row .span11:first-child,.row .row .span12:first-child { margin-right:0 } .span1 { width:60px } .span2 { width:140px } .span3 { width:220px } .span4 { width:300px } .span5 { width:380px } .span6 { width:460px } .span7 { width:540px } .span8 { width:620px } .span9 { width:700px } .span10 { width:780px } .span11 { width:860px } .span12 { width:940px } .label,.badge { display:inline-block; color:#fff; font-size:12px; font-weight:700; padding:0 3px; background:#222; text-shadow:0 -1px 1px rgba(0,0,0,0.5) } .label { border-radius:3px } .badge { border-radius:20px; min-width:13px; line-height:1; padding:4px; text-align:center } .btn { border:0; display:inline-block; padding:4px 12px; border-radius:3px; background:#333; color:#fefefe; text-shadow:0 -1px 1px rgba(0,0,0,0.5); cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; box-shadow:inset 0 -3px 0 rgba(0,0,0,0.2); font-family:"Lato","Helvetica Neue","Helvetica","Arial",sans-serif } .btn:hover { box-shadow:inset 0 -3px 0 rgba(0,0,0,0.2),inset 0 0 10000px rgba(255,255,255,0.2) } .btn:focus,.btn:active { box-shadow:inset 0 0 10000px rgba(0,0,0,0.2)!important; text-shadow:0 1px 1px rgba(0,0,0,0.5); text-decoration:none } a.btn { color:#fefefe } a.btn:hover,.btn:hover { color:#fff; text-decoration:none } a.btn:active { color:#bbb; text-decoration:none } .btn-large { font-size:21px; padding:10px 19px; box-shadow:inset 0 -4px 0 rgba(0,0,0,0.2) } .btn-large:hover { box-shadow:inset 0 -4px 0 rgba(0,0,0,0.2),inset 0 0 10000px rgba(255,255,255,0.2) } .btn-small { font-size:12px; padding:2px 10px; box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2) } .btn-small:hover { box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2),inset 0 0 10000px rgba(255,255,255,0.2) } .btn-mini { font-size:10px; padding:0 6px; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.2),inset 0 0 10000px rgba(255,255,255,0.2) } .blue { background:#4285f4 } .green { background:#5CB801 } .orange { background:#F60 } .red { background:red } .violet { background:purple } .brown { background:#930 } .pink { background:#FF4AA5 } .dark-blue { background:#061BA4 } .dark-green { background:#006400 } .btn.disabled { opacity:.5; cursor:default; pointer-events:none; color:#ccc } hr { width:75%; padding:0; border:0; border-top:1px solid #eee; margin:40px auto; text-align:center } code,pre { font-family:"Monaco","Menlo","Consolas","Courier New",monospace; border:1px solid #ddd; border-radius:3px; font-size:13px } code { display:inline-block; color:#d14; background:#f7f7f9; padding:0 5px; margin:0 2px } pre { display:block; color:#222; background:#f7f7f9; padding:10px; margin:5px 0; word-wrap:break-word; word-break:break-all; white-space:pre-wrap } strong { font-weight:700 } em { font-style:italic } blockquote { margin:0; font-family:Georgia,Times New Roman,serif; font-style:italic } blockquote p { margin:0; border-right:4px solid #aaa; padding-right:10px } blockquote cite { color:#777; width:100%; display:block; margin-top:10px; font-size:smaller } blockquote cite:before { content:'— ' } blockquote,.well { background:#fafafa; border:1px solid #ddd; border-radius:3px; padding:15px; margin:15px 0 } table { display:table; width:100%; margin:15px 0; border-spacing:0; border-radius:3px; border:1px solid #ddd; color:#333 } td { padding:4px; margin:0 } th { padding:8px 0; background:#fafafa; margin:0 } tbody tr:hover { background:#f2f2f2 } tr:nth-child(2n) { background:#fafafa } tr:not(:last-child) td,th { border-bottom:1px solid #ddd } td:not(:last-child),th:not(:last-child) { border-left:1px solid #ddd } .tabs { display:none; margin:10px 0 0; padding:0; border-bottom:1px solid #ddd; font-size:14px } .tabs:after { clear:both; content:''; display:table } .tabs li { float:right; border:1px solid #ddd; border-bottom:0; list-style:none; padding:3px 10px; border-radius:4px 4px 0 0; background:#fff; margin-right:1px; cursor:pointer } .tabs li:hover { padding:4px 10px; margin-top:-2px } .tabs li.active { padding:5px 10px; margin-top:-4px; background:#4285f4; position:relative } .tabs li a { color:#999; text-decoration:none } .tabs li.active a { color:#fff } .tabs-content { border-bottom:1px solid #ddd; width:100%; padding:10px 0; margin-bottom:15px } .breadcrumb { padding:10px; background:#fafafa; border-radius:3px; border:1px solid #ddd; display:block; margin:15px 0 } .breadcrumb:after { clear:both; content:''; display:table } .breadcrumb li { float:right; list-style:none; padding-left:10px } .breadcrumb li:not(:last-child):after { content:' » '; color:#ccc } .breadcrumb li a { margin-left:6px } .pagination { text-align:center } .pagination ul { margin:10px 0; padding:0; display:inline-block; border-radius:3px; box-shadow:0 1px 2px rgba(0,0,0,0.05) } .pagination ul li { list-style:none; text-align:center; display:inline; background:#fff; margin:0; padding:7px 0; font-size:14px } .pagination ul li a,.pagination ul li.disabled,.pagination ul li.active { float:right; padding:4px 12px; line-height:20px; text-decoration:none; background-color:#fff; border:1px solid #ddd; border-right-width:0 } .pagination ul li a:hover { background-color:#fafafa } .pagination ul li.disabled { color:#888; background:#e5e5e5 } .pagination ul li.active { color:#fff; background:#4285f4 } .pagination ul li:first-child a,.pagination ul li.disabled:first-child,.pagination ul li.active:first-child { border-right:1px solid #ddd; border-radius:0 3px 3px 0 } .pagination ul li:last-child a,.pagination ul li.disabled:last-child,.pagination ul li.active:last-child { border-radius:3px 0 0 3px } .nav { padding:0; margin:0 0 10px; display:block } .nav li { list-style:none; margin:0; position:relative } .nav li a { display:block; padding:2px 10px; background:#fff; border-right:1px solid #ddd; border-radius:3px 0 0 3px } .nav li a:hover { background-color:#f5f5f5; text-decoration:none } .nav li.active a { background-color:#4285f4; color:#fff; text-decoration:none; padding:2px 15px; border:1px solid #ddd } form { display:block; margin:10px 0 } input[type="text"],input[type="password"],textarea,.select,select[multiple="multiple"],input[type="file"] { border:1px solid #ddd; border-radius:3px; display:inline; padding:4px; width:auto; box-sizing:border-box; vertical-align:baseline; margin:0 0 10px; background:#fff; font-family:"Lato","Helvetica Neue","Helvetica","Arial",sans-serif } textarea { resize:vertical } select[multiple="multiple"] { display:inline; min-width:100px } .select { display:inline-block; cursor:pointer; padding:4px } .select:before { border-bottom:3px solid transparent; border-right:3px solid transparent; border-left:3px solid transparent; border-top:3px solid #999; content:""; display:block; float:left; margin:10px 10px 0 0 } .input-large { padding:9px!important; font-size:21px } .form-vertical input[type="text"],.form-vertical input[type="password"],.form-vertical textarea,.form-vertical .select,.form-vertical select[multiple="multiple"],.form-vertical input[type="file"],.form-vertical input[type="submit"],.form-vertical label { width:100%; display:block } input,label { color:#222; display:inline-block; vertical-align:baseline } input:not(:last-child) { margin:0 0 5px 5px } input[type="checkbox"],input[type="radio"] { margin:0!important } input[type="checkbox"]:not(:first-child),input[type="radio"]:not(:first-child) { margin-right:5px } input[disabled="disabled"] { background:#efefef } label { cursor:pointer; margin:0 0 0 5px !important; display:inline-block } .input-check { display:inline-block } .input-check label { cursor:pointer; text-align:right; margin:0; display:inline } .terms { font-size:11px; color:#999; background:#fff } .dropdown { padding:0; margin:0; display:none; position:relative; font-size:14px; border-radius:3px; z-index:3 } .dropdown li { list-style:none; margin:0 } .dropdown li a { display:block; padding:5px 10px; background:#fff } .dropdown li a:hover { background-color:#eee; text-decoration:none } .dropdown li.active a { background-color:#4285f4; color:#fff } .dropdown li:first-child a { border-radius:3px 3px 0 0 } .dropdown li:last-child a { border-radius:0 0 3px 3px } .dropdown hr { margin:0; width:100% } .dropdown.large { background:#fff; border-radius:0 } .dropdown.large li { float:right } .dropdown.large li a { border-radius:0 } .dropdown.large.arrow-top li a { border-radius:0 } .dropdown.scroll { border-radius:0 } .arrow-top { box-shadow:0 1px 10px rgba(0,0,0,0.4) } .arrow-top:not(.scroll):after,.arrow-top:not(.scroll):before { bottom:100%; border:solid transparent; content:' '; height:0; width:0; position:absolute; pointer-events:none } .arrow-top:not(.scroll):after { border-color:rgba(255,255,255,0); border-bottom-color:#fff; border-width:7px; right:50%; margin-right:-7px } .arrow-top:not(.scroll):before { border-color:rgba(221,221,221,0); border-bottom:1px solid #ddd; border-width:8px; right:50%; margin-right:-8px } .arrow-bottom { box-shadow:0 -1px 10px rgba(0,0,0,0.4) } .arrow-bottom:not(.scroll):after,.arrow-bottom:not(.scroll):before { top:100%; border:solid transparent; content:' '; height:0; width:0; position:absolute; pointer-events:none } .arrow-bottom:not(.scroll):after { border-color:rgba(255,255,255,0); border-top-color:#fff; border-width:7px; right:50%; margin-right:-7px } .arrow-bottom:not(.scroll):before { border-color:rgba(221,221,221,0); border-top:1px solid #ddd; border-width:8px; right:50%; margin-right:-8px } .carousel { width:100%; overflow:hidden; position:relative } .carousel > ul,.carousel > ul > li { margin:0; padding:0 } .carousel > ul > li { list-style:none; display:block; float:right; position:relative; line-height:0 } .carousel > ul > li:not(:first-child) { display:none } .carousel img { width:100% } .carousel p,.carousel > ul > li > ul { line-height:1.5 } .carousel p img { width:auto } .carousel-caption { background:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; padding:10px; line-height:1.5 } .carousel-control { position:absolute; top:50%; margin-top:-10px; cursor:pointer; font-size:100px; color:#fff; text-shadow:0 0 1px #000; text-align:center; line-height:0; opacity:.5; font-family:"Lato","Helvetica Neue","Helvetica","Arial",sans-serif; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s } .carousel-control:hover { opacity:1 } .carousel-control.left { right:10px } .carousel-control.right { left:10px } .carousel-indicators { position:absolute; top:10px; left:10px } .carousel-indicators div { float:right; width:12px; height:12px; background:#000; opacity:.4; border-radius:100%; margin-right:3px; cursor:pointer } .carousel-indicators div:hover { opacity:1; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s } .carousel-indicators div.active { background:#fff } .modal-bg { display:none; position:fixed; top:0; right:0; width:100%; height:100%; background:#000; opacity:.8 } .modal { display:none; position:fixed; border-radius:3px; box-shadow:0 0 10px #000; overflow:hidden } .modal-title { padding:5px 10px } .modal-title h5 { display:inline } .modal-title .close { float:left; cursor:pointer } .modal-content { background:#fff; padding:10px } .modal-footer { text-align:left; background:#f5f5f5; padding:10px; border-top:1px solid #eee } .to-top { display:none; position:fixed; bottom:20px; left:20px; font-size:25px; background:#fff; border-radius:3px; color:#999; width:50px; height:50px; text-align:center; font-family:Arial,sans-serif; cursor:pointer; border:1px solid #ddd; line-height:1.7 } .to-top:hover { background:#f4f4f4 } .full-width,.img-full-width { width:100%!important } .video-full-width { overflow:hidden; padding-bottom:56.25%; padding-top:30px; position:relative; z-index:1!important } .video-full-width iframe,.video-full-width object,.video-full-width embed { height:100%; right:0; position:absolute; top:0; width:100% } .minihint { position:absolute; background:#f5f5f5; color:#444; border-radius:5px; padding:6px 10px; font-size:12px; border:1px solid #ccc!important; box-shadow:0 2px 2px rgba(0,0,0,0.1) } .minihint-arrow-top,.minihint-arrow-bottom,.minihint-arrow-right,.minihint-arrow-left { border:solid rgba(255,255,255,0); content:' '; height:0; width:0; position:absolute; pointer-events:none; border-width:6px } .minihint-arrow-top { top:100%; right:50%; margin-right:-6px } .minihint-arrow-bottom { top:-12px; right:50%; margin-right:-6px } .minihint-arrow-right { top:50%; right:-12px; margin-top:-6px } .minihint-arrow-left { top:50%; right:100%; margin-top:-6px } .minihint-arrow-top-border,.minihint-arrow-bottom-border,.minihint-arrow-right-border,.minihint-arrow-left-border { border:solid rgba(255,255,255,0); content:' '; height:0; width:0; position:absolute; pointer-events:none; border-width:7px } .minihint-arrow-top-border { top:100%; right:50%; margin-right:-7px; border-top-color:#bbb } .minihint-arrow-bottom-border { top:-14px; right:50%; margin-right:-7px; border-bottom-color:#bbb } .minihint-arrow-right-border { top:50%; right:-14px; margin-top:-7px; border-left-color:#bbb } .minihint-arrow-left-border { top:50%; right:100%; margin-top:-7px; border-right-color:#bbb } .minihint.info,.minihint.warning,.minihint.error,.minihint.success { border:1px solid #ccc!important; box-shadow:0 2px 2px rgba(0,0,0,0.1) } .minihint.info { background-color:#d9edf7!important; color:#3a87ad!important } .minihint.warning { background-color:#fcf8e3!important; color:#c09853!important } .minihint.error { background-color:#f2dede!important; color:#b94a48!important } .minihint.success { background-color:#dff0d8!important; color:#468847!important } .info,.error,.warning,.success { border-radius:3px; border:1px solid; box-shadow:inset 0 5px 10px rgba(255,255,255,0.5) } div.info,div.error,div.warning,div.success { padding:5px; margin:15px 0 } .info { background-color:#d9edf7!important; color:#3a87ad!important; border-color:#3a87ad!important } .warning { background-color:#fcf8e3!important; color:#c09853!important; border-color:#c09853!important } .error { background-color:#f2dede!important; color:#b94a48!important; border-color:#b94a48!important } .success { background-color:#dff0d8!important; color:#468847!important; border-color:#468847!important } .align-left { text-align:right } .align-center { text-align:center } .align-right { text-align:left } .align-justify { text-align:justify } .oval { border-radius:100px!important } .square { border-radius:0!important } .rounded { border-radius:10px } .shadow { box-shadow:0 0 10px rgba(0,0,0,0.3) } .circle { border-radius:100% } .polaroid { display:inline-block; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.3); margin:5px } .polaroid img { margin:10px 10px 0; -webkit-filter:sepia(0.5) contrast(1.2) } .polaroid figcaption { color:#777; text-align:center; margin-bottom:10px; font-family:cursive; font-size:14px; letter-spacing:-1px } .truncated { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block } ul.unstyled,ul.unstyled li { list-style:none; margin:0; padding:0 } ::selection { background:#cde5fa; color:#000 } ::-moz-selection { background:#cde5fa; color:#000 } ::-webkit-selection { background:#cde5fa; color:#000 } input[type="text"]:focus,input[type="password"]:focus,textarea:focus,.select.dropdown-opened,select[multiple="multiple"]:focus,input[type="file"]:focus { box-shadow:0 0 0 1px #4285f4; outline:none } .minidatepicker_popup { display:block; position:absolute; z-index:999999997; display:none; background:#fff; border-radius:3px } .minidatepicker_popup table { margin:0; border:0; width:auto } .minidatepicker_popup tr { vertical-align:top; background-color:transparent!important } .minidatepicker_popup td { text-align:right!important; border:0!important; padding:15px 15px 0 } .minidatepicker_popup table:last-child td { padding-bottom:15px } .minidatepicker_popup span { display:inline-block; margin:1px; border:1px solid #ddd; font-size:13px; padding:5px; line-height:1; cursor:pointer; text-align:center } .minidatepicker_popup span:hover { background-color:#eee } .minidatepicker_popup span.active { background-color:#4285f4; color:#fff } .minidatepicker_popup .months span { width:30px } .minidatepicker_popup .years span { width:35px } .show-mobile { display:none } @media (min-width: 1400px) { body { font-size:17px; line-height:1.7 } input { font-size:17px } .container { width:1200px } .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 { margin:1px 20px } .span1 { width:60px } .span2 { width:160px } .span3 { width:260px } .span4 { width:360px } .span5 { width:460px } .span6 { width:560px } .span7 { width:660px } .span8 { width:760px } .span9 { width:860px } .span10 { width:960px } .span11 { width:1060px } .span12 { width:1160px } hr { margin:30px auto } } @media (min-width: 680px) and (max-width: 975px) { body { font-size:15px; line-height:1.5 } input { font-size:15px } .masthead h1 { font-size:100px; letter-spacing:-5px } .masthead p { font-size:28px } h1 { font-size:30px; padding:8px 0 } h1.big { font-size:55px; margin:30px 0 0; color:#5A5A5A; letter-spacing:-1px } p.big { font-size:20px; color:#999; margin:5px } h2 { font-size:25px; padding:7px 0 } h3 { font-size:21px; padding:6px 0 } h4 { font-size:18px; padding:5px 0 } h5 { font-size:15px; padding:4px 0 } h6 { font-size:13px; padding:3px 0; text-transform:uppercase } .container { width:660px } .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 { margin:1px 5px } .span1 { width:45px } .span2 { width:100px } .span3 { width:155px } .span4 { width:210px } .span5 { width:265px } .span6 { width:320px } .span7 { width:375px } .span8 { width:430px } .span9 { width:485px } .span10 { width:540px } .span11 { width:595px } .span12 { width:650px } hr { margin:30px auto } } @media (min-width: 450px) and (max-width: 679px) { body { font-size:14px } input { font-size:14px } .masthead h1 { font-size:65px; letter-spacing:-2px } .masthead p { font-size:18px } .container { width:90% } } @media (max-width: 449px) { body { font-size:13px } input { font-size:13px } .masthead h1 { font-size:45px; letter-spacing:-2px } .masthead p { font-size:15px } .container { width:94%; padding:0 2% } } @media (max-width: 679px) { body { line-height:1.4; overflow-x:hidden; overflow-y:scroll } .top-bar { height:40px } body.with-top-bar { padding-top:40px } .logo { font-size:20px; padding:9px 0 6px } h1 { font-size:25px; padding:7px 0 } h1.big { font-size:48px; margin:30px 0 0; letter-spacing:-1px } p.big { font-size:18px; margin:5px } h2 { font-size:21px; padding:6px 0 } h3 { font-size:18px; padding:5px 0 } h4 { font-size:15px; padding:4px 0 } h5 { font-size:13px; padding:3px 0 } h6 { font-size:11px; padding:2px 0; text-transform:uppercase } hr { margin:25px auto } .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 { width:100%; margin:2px 0 } label,.label { text-align:right } input[type="text"],form input[type="password"],textarea,.select,select[multiple="multiple"] { margin:0!important } .carousel-caption { position:relative } .hidden-mobile { display:none } .show-mobile { display:block } } @font-face { font-family:Icons; src:url('https://pragmatice.net/lesite/squelettes/fonts/open-iconic/open-iconic.eot'); src:url('https://pragmatice.net/lesite/squelettes/fonts/open-iconic/open-iconic.eot?#iconic-sm') format("embedded-opentype"),url('https://pragmatice.net/lesite/squelettes/fonts/open-iconic/open-iconic.woff') format("woff"),url('https://pragmatice.net/lesite/squelettes/fonts/open-iconic/open-iconic.ttf') format("truetype"),url('https://pragmatice.net/lesite/squelettes/fonts/open-iconic/open-iconic.otf') format("opentype"),url('https://pragmatice.net/lesite/squelettes/fonts/open-iconic/open-iconic.svg#iconic-sm') format("svg"); font-weight:400; font-style:normal } .oi { position:relative; top:1px; display:inline-block; speak:none; font-family:Icons; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .oi:empty:before { width:1em; text-align:center; box-sizing:content-box } .oi.oi-align-center:before { text-align:center } .oi.oi-align-left:before { text-align:right } .oi.oi-align-right:before { text-align:left } .oi.oi-flip-horizontal:before { -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) } .oi.oi-flip-vertical:before { -webkit-transform:scale(1,-1); -ms-transform:scale(-1,1); transform:scale(1,-1) } .oi.oi-flip-horizontal-vertical:before { -webkit-transform:scale(-1,-1); -ms-transform:scale(-1,1); transform:scale(-1,-1) } .oi-account-login:before { content:'\e000' } .oi-account-logout:before { content:'\e001' } .oi-action-redo:before { content:'\e002' } .oi-action-undo:before { content:'\e003' } .oi-align-center:before { content:'\e004' } .oi-align-left:before { content:'\e005' } .oi-align-right:before { content:'\e006' } .oi-aperture:before { content:'\e007' } .oi-arrow-bottom:before { content:'\e008' } .oi-arrow-circle-bottom:before { content:'\e009' } .oi-arrow-circle-left:before { content:'\e00a' } .oi-arrow-circle-right:before { content:'\e00b' } .oi-arrow-circle-top:before { content:'\e00c' } .oi-arrow-left:before { content:'\e00d' } .oi-arrow-right:before { content:'\e00e' } .oi-arrow-thick-bottom:before { content:'\e00f' } .oi-arrow-thick-left:before { content:'\e010' } .oi-arrow-thick-right:before { content:'\e011' } .oi-arrow-thick-top:before { content:'\e012' } .oi-arrow-top:before { content:'\e013' } .oi-audio-spectrum:before { content:'\e014' } .oi-audio:before { content:'\e015' } .oi-badge:before { content:'\e016' } .oi-ban:before { content:'\e017' } .oi-bar-chart:before { content:'\e018' } .oi-basket:before { content:'\e019' } .oi-battery-empty:before { content:'\e01a' } .oi-battery-full:before { content:'\e01b' } .oi-beaker:before { content:'\e01c' } .oi-bell:before { content:'\e01d' } .oi-bluetooth:before { content:'\e01e' } .oi-bold:before { content:'\e01f' } .oi-bolt:before { content:'\e020' } .oi-book:before { content:'\e021' } .oi-bookmark:before { content:'\e022' } .oi-box:before { content:'\e023' } .oi-briefcase:before { content:'\e024' } .oi-british-pound:before { content:'\e025' } .oi-browser:before { content:'\e026' } .oi-brush:before { content:'\e027' } .oi-bug:before { content:'\e028' } .oi-bullhorn:before { content:'\e029' } .oi-calculator:before { content:'\e02a' } .oi-calendar:before { content:'\e02b' } .oi-camera-slr:before { content:'\e02c' } .oi-caret-bottom:before { content:'\e02d' } .oi-caret-left:before { content:'\e02e' } .oi-caret-right:before { content:'\e02f' } .oi-caret-top:before { content:'\e030' } .oi-cart:before { content:'\e031' } .oi-chat:before { content:'\e032' } .oi-check:before { content:'\e033' } .oi-chevron-bottom:before { content:'\e034' } .oi-chevron-left:before { content:'\e035' } .oi-chevron-right:before { content:'\e036' } .oi-chevron-top:before { content:'\e037' } .oi-circle-check:before { content:'\e038' } .oi-circle-x:before { content:'\e039' } .oi-clipboard:before { content:'\e03a' } .oi-clock:before { content:'\e03b' } .oi-cloud-download:before { content:'\e03c' } .oi-cloud-upload:before { content:'\e03d' } .oi-cloud:before { content:'\e03e' } .oi-cloudy:before { content:'\e03f' } .oi-code:before { content:'\e040' } .oi-cog:before { content:'\e041' } .oi-collapse-down:before { content:'\e042' } .oi-collapse-left:before { content:'\e043' } .oi-collapse-right:before { content:'\e044' } .oi-collapse-up:before { content:'\e045' } .oi-command:before { content:'\e046' } .oi-comment-square:before { content:'\e047' } .oi-compass:before { content:'\e048' } .oi-contrast:before { content:'\e049' } .oi-copywriting:before { content:'\e04a' } .oi-credit-card:before { content:'\e04b' } .oi-crop:before { content:'\e04c' } .oi-dashboard:before { content:'\e04d' } .oi-data-transfer-download:before { content:'\e04e' } .oi-data-transfer-upload:before { content:'\e04f' } .oi-delete:before { content:'\e050' } .oi-dial:before { content:'\e051' } .oi-document:before { content:'\e052' } .oi-dollar:before { content:'\e053' } .oi-double-quote-sans-left:before { content:'\e054' } .oi-double-quote-sans-right:before { content:'\e055' } .oi-double-quote-serif-left:before { content:'\e056' } .oi-double-quote-serif-right:before { content:'\e057' } .oi-droplet:before { content:'\e058' } .oi-eject:before { content:'\e059' } .oi-elevator:before { content:'\e05a' } .oi-ellipses:before { content:'\e05b' } .oi-envelope-closed:before { content:'\e05c' } .oi-envelope-open:before { content:'\e05d' } .oi-euro:before { content:'\e05e' } .oi-excerpt:before { content:'\e05f' } .oi-expand-down:before { content:'\e060' } .oi-expand-left:before { content:'\e061' } .oi-expand-right:before { content:'\e062' } .oi-expand-up:before { content:'\e063' } .oi-external-link:before { content:'\e064' } .oi-eye:before { content:'\e065' } .oi-eyedropper:before { content:'\e066' } .oi-file:before { content:'\e067' } .oi-fire:before { content:'\e068' } .oi-flag:before { content:'\e069' } .oi-flash:before { content:'\e06a' } .oi-folder:before { content:'\e06b' } .oi-fork:before { content:'\e06c' } .oi-fullscreen-enter:before { content:'\e06d' } .oi-fullscreen-exit:before { content:'\e06e' } .oi-globe:before { content:'\e06f' } .oi-graph:before { content:'\e070' } .oi-grid-four-up:before { content:'\e071' } .oi-grid-three-up:before { content:'\e072' } .oi-grid-two-up:before { content:'\e073' } .oi-hard-drive:before { content:'\e074' } .oi-header:before { content:'\e075' } .oi-headphones:before { content:'\e076' } .oi-heart:before { content:'\e077' } .oi-home:before { content:'\e078' } .oi-image:before { content:'\e079' } .oi-inbox:before { content:'\e07a' } .oi-infinity:before { content:'\e07b' } .oi-info:before { content:'\e07c' } .oi-italic:before { content:'\e07d' } .oi-justify-center:before { content:'\e07e' } .oi-justify-left:before { content:'\e07f' } .oi-justify-right:before { content:'\e080' } .oi-key:before { content:'\e081' } .oi-laptop:before { content:'\e082' } .oi-layers:before { content:'\e083' } .oi-lightbulb:before { content:'\e084' } .oi-link-broken:before { content:'\e085' } .oi-link-intact:before { content:'\e086' } .oi-list-rich:before { content:'\e087' } .oi-list:before { content:'\e088' } .oi-location:before { content:'\e089' } .oi-lock-locked:before { content:'\e08a' } .oi-lock-unlocked:before { content:'\e08b' } .oi-loop-circular:before { content:'\e08c' } .oi-loop-square:before { content:'\e08d' } .oi-loop:before { content:'\e08e' } .oi-magnifying-glass:before { content:'\e08f' } .oi-map-marker:before { content:'\e090' } .oi-map:before { content:'\e091' } .oi-media-pause:before { content:'\e092' } .oi-media-play:before { content:'\e093' } .oi-media-record:before { content:'\e094' } .oi-media-skip-backward:before { content:'\e095' } .oi-media-skip-forward:before { content:'\e096' } .oi-media-step-backward:before { content:'\e097' } .oi-media-step-forward:before { content:'\e098' } .oi-media-stop:before { content:'\e099' } .oi-medical-cross:before { content:'\e09a' } .oi-menu:before { content:'\e09b' } .oi-microphone:before { content:'\e09c' } .oi-minus:before { content:'\e09d' } .oi-monitor:before { content:'\e09e' } .oi-moon:before { content:'\e09f' } .oi-move:before { content:'\e0a0' } .oi-musical-note:before { content:'\e0a1' } .oi-paperclip:before { content:'\e0a2' } .oi-pencil:before { content:'\e0a3' } .oi-people:before { content:'\e0a4' } .oi-person:before { content:'\e0a5' } .oi-phone:before { content:'\e0a6' } .oi-pie-chart:before { content:'\e0a7' } .oi-pin:before { content:'\e0a8' } .oi-play-circle:before { content:'\e0a9' } .oi-plus:before { content:'\e0aa' } .oi-power-standby:before { content:'\e0ab' } .oi-print:before { content:'\e0ac' } .oi-project:before { content:'\e0ad' } .oi-pulse:before { content:'\e0ae' } .oi-puzzle-piece:before { content:'\e0af' } .oi-question-mark:before { content:'\e0b0' } .oi-rain:before { content:'\e0b1' } .oi-random:before { content:'\e0b2' } .oi-reload:before { content:'\e0b3' } .oi-resize-both:before { content:'\e0b4' } .oi-resize-height:before { content:'\e0b5' } .oi-resize-width:before { content:'\e0b6' } .oi-rss-alt:before { content:'\e0b7' } .oi-rss:before { content:'\e0b8' } .oi-script:before { content:'\e0b9' } .oi-share-boxed:before { content:'\e0ba' } .oi-share:before { content:'\e0bb' } .oi-shield:before { content:'\e0bc' } .oi-signal:before { content:'\e0bd' } .oi-signpost:before { content:'\e0be' } .oi-sort-ascending:before { content:'\e0bf' } .oi-sort-descending:before { content:'\e0c0' } .oi-spreadsheet:before { content:'\e0c1' } .oi-star:before { content:'\e0c2' } .oi-sun:before { content:'\e0c3' } .oi-tablet:before { content:'\e0c4' } .oi-tag:before { content:'\e0c5' } .oi-tags:before { content:'\e0c6' } .oi-target:before { content:'\e0c7' } .oi-task:before { content:'\e0c8' } .oi-terminal:before { content:'\e0c9' } .oi-text:before { content:'\e0ca' } .oi-thumb-down:before { content:'\e0cb' } .oi-thumb-up:before { content:'\e0cc' } .oi-timer:before { content:'\e0cd' } .oi-transfer:before { content:'\e0ce' } .oi-trash:before { content:'\e0cf' } .oi-underline:before { content:'\e0d0' } .oi-vertical-align-bottom:before { content:'\e0d1' } .oi-vertical-align-center:before { content:'\e0d2' } .oi-vertical-align-top:before { content:'\e0d3' } .oi-video:before { content:'\e0d4' } .oi-volume-high:before { content:'\e0d5' } .oi-volume-low:before { content:'\e0d6' } .oi-volume-off:before { content:'\e0d7' } .oi-warning:before { content:'\e0d8' } .oi-wifi:before { content:'\e0d9' } .oi-wrench:before { content:'\e0da' } .oi-x:before { content:'\e0db' } .oi-yen:before { content:'\e0dc' } .oi-zoom-in:before { content:'\e0dd' } .oi-zoom-out:before { content:'\e0de' }