@font-face{
    font-family:exo;
    src:url(//beta.savf1.fr/font/exo.eot);
    src:url(//beta.savf1.fr/font/exo.eot?#iefix) format('embedded-opentype'),url(//beta.savf1.fr/font/exo.woff) format('woff'),url(//beta.savf1.fr/font/exo.ttf) format('truetype'),url(//beta.savf1.fr/font/exo.svg#exoregular) format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:leaguegothic;
    src:url(//beta.savf1.fr/font/leaguegothic.eot);
    src:url(//beta.savf1.fr/font/leaguegothic.eot?#iefix) format('embedded-opentype'),url(//beta.savf1.fr/font/leaguegothic.woff) format('woff'),url(//beta.savf1.fr/font/leaguegothic.ttf) format('truetype'),url(//beta.savf1.fr/font/leaguegothic.svg#league_gothicregular) format('svg');
    font-weight:normal;
    font-style:normal;
}

body{font-family:leaguegothic,Impact,sans-serif;color:#111;background:#c3c3c3 url(../img/back.jpg) fixed no-repeat;background-size:cover}

h1,h2,h3,h4,h5,h6,p{margin:0.3em 0 1em}
h1,h2,h3,h4,h5,h6{font-family:leaguegothic;font-weight:100}

/*
@media(max-resolution:119dpi){html{font-size:100%}}
@media(min-resolution:120dpi) and (max-resolution:149dpi){html{font-size:130%}}
@media(min-resolution:150dpi) and (max-resolution:199dpi){html{font-size:165%}}
@media(min-resolution:200dpi) and (max-resolution:279dpi){html{font-size:230%}}
@media(min-resolution:280dpi) and (max-resolution:399dpi){html{font-size:325%}}
@media(min-resolution:400dpi){html{font-size:440%}}
*/

@media(max-width:449px){body{font-size:100%}}
@media(min-width:450px) and (max-width:749px){body{font-size:105%}}
@media(min-width:750px) and (max-width:899px){body{font-size:115%}}
@media(min-width:900px) and (max-width:1099px){body{font-size:115%}}
@media(min-width:1100px) and (max-width:1319px){body{font-size:125%}}
@media(min-width:1320px) and (max-width:1399px){body{font-size:130%}}
@media(min-width:1400px){body{font-size:140%}}

.cl{clear:both}
.sc{text-transform:uppercase;font-size:82%;line-height:99%}
.exo{font-family:exo,Calibri,sans-serif}

/*
header{display:table;table-layout:fixed;border-collapse:collapse;position:fixed;top:0;left:0;background:#333;width:100%;height:2.8em;color:#fff;text-align:center;z-index:8}
header .cell{display:table-cell;height:100%;vertical-align:middle}
header .cell.l{min-width:8em;width:15%;text-align:center}
header .cell.l img{height:2.8em;padding:0.17em 0.15em 0.13em}
header .cell.g{line-height:120%;font-size:80%}
header .cell.g .glyphicon{vertical-align:10%;font-size:140%}
header .cell.me{width:3.5em;height:2.8em}
header .cell.me:hover{cursor:pointer;background:#555}
header .cell.l:hover,header .cell.me.meo{background:#555}
header .cell.me .c{display:none}
header .cell.b{border-left:1px solid #444}
header .cell.bp{font-size:125%;height:2.24em;line-height:2.24em;min-width:2.24em;width:2.24em;background:#c00}
header .cell.pl{display:none}
header .cell.p{padding:0 0.3em;text-align:left}
header .cell.p .t{font-size:110%;line-height:1.5em;vertical-align:10%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header .cell.p .ch{display:table;border-collapse:collapse;width:100%;font-size:80%}
header .cell.p .ch .col{display:table-cell;height:100%}
header .cell.p .ch .col.s{width:4.5em;font-size:85%}
header .cell.p .ch .col.l{text-align:right;padding-right:0.7em}
header .cell.p .ch .col.r{text-align:left;padding-left:0.7em}
header .cell.p .ch .col.c{vertical-align:middle}
header .cell.p .ch .col.c .cont{position:relative;height:100%;padding:0.1em 0}
header .cell.p .ch .col.c .cont .bar{position:absolute;bottom:0em;height:4px}
header .cell.p .ch .col.c .cont .c{background:#c00;z-index:9;width:50%}
header .cell.p .ch .col.c .cont .f{background:#fff;z-index:8;width:100%}
header .cell.sl{height:3.5em}
header .cell.sl.v{width:3em}
header .cell.sl.r{width:3.6em}
header .cell.rs{width:10em;height:2.8em;padding:0.5em 0.44em}
header .cell.rs .bs{float:left;background-image:url(../img/bssprite.png);background-repeat:repeat no-repeat;background-size:9em 1.8em;min-width:1.8em;width:1.8em;height:1.8em}
header .cell.rs .bs.f:hover{background-color:#3b579d}
header .cell.rs .bs.t{background-position:-1.8em 0}
header .cell.rs .bs.t:hover{background-color:#55acee}
header .cell.rs .bs.g{background-position:-3.6em 0}
header .cell.rs .bs.g:hover{background-color:#df4a32}
header .cell.rs .bs.y{background-position:3.6em 0}
header .cell.rs .bs.y:hover{background-color:#cd201f}
header .cell.rs .bs.r{background-position:1.8em 0}
header .cell.rs .bs.r:hover{background-color:#fb9e3a}
header .cell.mu{width:9.4em;height:2.8em;text-align:left}
header .cell.mu:hover{cursor:pointer;background:#555}
header .cell.mu .cont{position:relative;top:0;width:9.4em;height:2.8em;line-height:2.8em;padding:0 1em 0 2.8em;text-align:center}
header .cell.mu .cont .a{position:absolute;top:0.5em;left:0.5em;width:1.8em;height:1.8em}
header .cell.mu .cont .f{position:absolute;top:0;right:0.3em;line-height:2.8em;vertical-align:middle;height:2.8em}
*/

header{display:table;table-layout:fixed;border-collapse:collapse;position:fixed;top:0;left:0;background:#333;height:2.8em;color:#fff;text-align:center;z-index:9;width:14em}
header .cell{display:table-cell;height:100%;vertical-align:middle}
header .cell.l{width:11.2em;text-align:center}
header .cell.l img{height:2.8em;padding:0.15em}
header .cell.g{line-height:120%;font-size:80%}
header .cell.g .glyphicon{vertical-align:10%;font-size:140%}
header .cell.me{width:3.5em;height:3.5em}
header .cell.me:hover{cursor:pointer;background:#555}
header .cell.l:hover,header .cell.me.meo{background:#555}
header .cell.me .c{display:none}
header .cell.b{border-left:1px solid #444}

/*
nav{display:none;table-layout:fixed;border-collapse:collapse;position:fixed;top:1.95em;background:#444;border-top:1px solid #555;width:100%;font-size:140%;color:#fff;text-align:center;z-index:9}
nav.a{display:table}
nav a{display:table-cell;color:#fff;border-left:1px solid #555}
nav a.f{border:0}
nav a:hover{text-decoration:none;background:#c00;color:inherit}
*/

nav{table-layout:fixed;border-collapse:collapse;position:fixed;top:0;padding:1.95em 0 0.5em;left:-10em;width:10em;height:100%;background:#444;border-top:1px solid #555;font-size:140%;color:#fff;text-align:center;z-index:8;overflow-y:auto}
nav.a{left:0}
nav .ctnr>a{display:block;color:#fff;border-bottom:1px solid #555}
nav .ctnr>a:hover{text-decoration:none;background:#c00;color:inherit}
nav .ctnr .rs{width:9.01em;height:1.8em;margin:0.5em auto}
nav .ctnr .rs .bs{float:left;background-image:url(../img/bssprite.png);background-repeat:repeat no-repeat;background-size:9em 1.8em;min-width:1.8em;width:1.8em;height:1.8em}
nav .ctnr .rs .bs.f:hover{background-color:#3b579d}
nav .ctnr .rs .bs.t{background-position:-1.8em 0}
nav .ctnr .rs .bs.t:hover{background-color:#55acee}
nav .ctnr .rs .bs.g{background-position:-3.6em 0}
nav .ctnr .rs .bs.g:hover{background-color:#df4a32}
nav .ctnr .rs .bs.y{background-position:3.6em 0}
nav .ctnr .rs .bs.y:hover{background-color:#cd201f}
nav .ctnr .rs .bs.r{background-position:1.8em 0}
nav .ctnr .rs .bs.r:hover{background-color:#fb9e3a}
nav .ctnr .it img{width:4.4em;height:1.6em}

.container-liquid{padding:0 0.8em;margin:0 0.35em}

.vig{display:block;box-shadow:0 0 1.5em 0.1em #000;margin:0.5em 0 1em;background:#fff;position:relative;top:0;left:0;overflow:hidden}


#main{padding:3.5em 0 1.2em}

footer{font-family:exo,Calibri,Arial,sans-serif;color:#fff;background:#333;text-align:center;width:100%;font-size:80%;padding:0.16em 0 0.1em}

#lightsoff{display:none;background:rgba(0,0,0,0.7);position:fixed;left:0;top:0;width:100%;height:100%;z-index:99}
#lightsoff #sharebox{position:relative;background:#fff;width:300px;margin:5em auto 0;padding:18px 20px 11px;text-align:center}
#lightsoff #sharebox #sbcl{background:#c00;color:#fff;position:absolute;top:0;right:0;padding:0.1em;line-height:1.4em;height:1.4em;width:1.4em;text-align:center}
#lightsoff #sharebox #sbcl:hover{background:#eaa;color:#c00;cursor:pointer}
#lightsoff #sharebox .ttl{font-size:30px;line-height:100%;margin:0 0 0.4em}
#lightsoff #sharebox .exo{font-size:13px}
#lightsoff #sharebox .bw{float:left}
#lightsoff #sharebox .bw.c{margin:0 24px}

/* 
ACCUEIL
-------
*/

/* UNE */

.hp .fvig{background:#fff;color:#111;box-shadow:0 0 1.5em 0.1em #000;margin:0.5em 0 1em;font-size:175%}
.hp .fvig .fvigtype .fviglinks .fvigact:hover{text-decoration:none;background:#eaa;color:#c00}
.hp .fvig .fvigttl{padding:0 1.5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp .fvig .fvigcard{padding:0 1.5%;position:relative}
.hp .fvig .fvigcard .fvigdesc{position:absolute;right:1.5%;width:48%;font-family:exo,Calibri,sans-serif;font-size:45%;text-align:justify;max-height:100%;overflow:hidden}
.hp .fvig .fvigcard .p{width:49%}
.hp .fvig .fvigtype{position:relative;padding:0.2em 0 0 1.5%;white-space:nowrap;overflow:hidden;font-size:80%}
.hp .fvig .fvigtype .fvigdate{color:#777}
.hp .fvig .fvigtype .fviglinks{position:absolute;bottom:0;right:0;font-size:80%}
.hp .fvig .fvigtype .fviglinks .fvigact{display:block;float:right;background:#c00;color:#fff;padding:0 0.6em;line-height:1.4em}
.hp .fvig .fvigtype .fviglinks .fvigact.act1{margin-right:0.4em}
.hp .fvig.n .fvigtype .fviglinks .fvigact.act1{width:5em;text-align:center}

/* VIGNETTES */

.hp .vig{color:#111;height:16em}
.hp .vig.h:hover{background:#c00;color:#fff;text-decoration:none}
.hp .vig.h:hover .vigd{background:#c00}
.hp .vig.h:hover .vigr,.vig.h:hover .vigs{background:#fff;color:#c00}
.hp .vig .p{width:100%;margin:0}
.hp .vig .vigd,.vig .vigr,.vig .vigs{font-size:110%;background:#333;color:#fff;height:1.4em;line-height:1.4em;}
.hp .vig .vigd{position:absolute;top:0;right:0;padding:0 0.4em}
.hp .vig .vigtxt{padding:0 0.4em 0.4em;text-align:justify}
.hp .vig .vigtxt .vigttl{padding:0.2em 0;line-height:1;font-size:120%/*;overflow:hidden;white-space:nowrap;text-overflow:ellipsis*/}
.hp .vig .vigtxt .vigdesc{font-family:exo,Calibri,sans-serif;font-size:65%}
.hp .vig .vigr,.vig .vigs{padding:0 1em}
.hp .vig .vigr{float:left}
.hp .vig .vigs{float:right}

/* ENCARTS */

.hp .container.e{float:right;padding:0}

/* SONDAGE */

.vig.s{padding:0;background:#c00;color:#fff}
.hp .vig.s{height:33.5em}
.vig.s input{vertical-align:-5%;margin-right:0.3em}
.vig.s label{display:inline;font-weight:400}
.vig.s input,.hp .vig.s label{cursor:pointer}
.vig.s table{border:0;width:100%;height:100%}
.p .vig.s tr.exo.form td{padding:0.2em 0.71em}
.vig.s .f td{padding:0;vertical-align:top}
.vig.s .f td .ttl{float:left;padding:0.1em 0.34em 0;margin-right:0.34em;background:#fff;color:#111;font-size:145%}
.vig.s .f td .exo{font-size:70%;padding:0.71em;font-weight:700}
.vig.s .exo{font-size:70%}
.vig.s .exo td{padding-left:0.71em;padding-right:0.71em}
.vig.s .res{display:none}
.vig.s .res .bar{font-size:90%}
.vig.s .res .bar{display:inline-block;height:0.3em;background:#333;vertical-align:10%;min-width:0.2em}
.vig.s .res div{padding:0.4em 0 0}
.vig.s .res div span{font-size:75%}
.vig.s .b{vertical-align:bottom;text-align:right;font-size:180%}
.vig.s .b td{padding:0.3em 0 0}
.vig.s .form button{background:#fff;color:#c00;border:0;padding:0 0.6em}
.vig.s .form button:hover{background:#eaa;color:#c00}
.vig.s .l td{padding:0.5em 0;text-align:center;font-weight:700}

/* TWITTER */

.hp .vig.t{background:#55acee;color:#fff}
.hp .vig.t .ttl{height:1.5em;padding:0.1em 0.2em;font-size:180%}
.hp .vig.t .ttl .l{float:left;width:1.28em;height:1.15em;background-image:url(//static.beta.savf1.fr/img/bssprite.png);background-repeat:no-repeat;background-size:10em 2em;background-position:-2.48em -0.36em}
.hp .vig.t .ttl a{color:#fff}
.hp .vig.t .ttl a:hover{color:#ddf;text-decoration:none}
.hp .vig.t .ttl iframe{float:right;margin-top:0.35em;width:59px;height:20px;background:transparent;border:0;overflow:hidden}
.hp .vig.t .tl{height:13.3em/*;overflow-x:hidden;overflow-y:scroll*/}
.hp .vig.t .tweet{padding:0.2em 0.5em 0.5em;font-family:exo;font-size:75%}
.hp .vig.t .tweet .tc{padding:0.28em 0}
.hp .vig.t .tweet a{color:#ddf}
.hp .vig.t .tweet a:hover{text-decoration:none}
.hp .vig.t .tweet a:hover .u{text-decoration:underline}

/* CLASSEMENTS */

.hp .vig.cls{background:#333;text-align:center;color:#fff}
.hp .vig.cls .clstabbtn{font-size:110%;padding:0.1em 0;float:left;width:50%}
.hp .vig.cls .clstabbtn.h{background:#fff;color:#111}
.hp .vig.cls .clstabbtn.h:hover{background:#c00;color:#fff;cursor:pointer}
.hp .vig.cls .clstab{padding:0.6em 0}
.hp .vig.cls .clstab.h{display:none}
.hp .vig.cls .clstab .tablectnr{float:left;width:50%;padding:0 0.5em}
.hp .vig.cls .clstab .tablectnr table{border-collapse:collapse;width:100%;white-space:nowrap}
.hp .vig.cls .clstab .tablectnr table caption{background:#c00}
.hp .vig.cls .clstab .tablectnr table tbody tr{background:#444;font-size:65%;font-family:exo,Calibri,sans-serif;padding:0.2em 0}
.hp .vig.cls .clstab .tablectnr table tbody tr.e{background:#555}
.hp .vig.cls .clstab .tablectnr table tbody tr.l td{padding:0}
.hp .vig.cls .clstab .tablectnr table tbody tr.l a{padding:1px;display:block;color:#fff}
.hp .vig.cls .clstab .tablectnr table tbody tr.l a:hover{background:#c00;text-decoration:none}

@media(max-width:639px){.hp .vig,.hp .vig.cls,.hp .vig.s,.hp .vig.t .tl{height:auto!important}}
@media(min-width:640px) and (max-width:991px){.hp .vig.t,.hp .vig.cls{height:auto!important}.hp .vig{height:22em!important}.hp .vig.s{height:35.5em!important}.hp .vig.t .tl{height:9.3em!important}}