#us_house {
margin: 0 auto;
max-width: 1030px;
}

.dec_contenu h2 {
font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial;
text-transform: uppercase;
letter-spacing: .05rem;
font-weight: 600;
font-size: 2.4rem;
}

.dec_contenu .dec_miseajour {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
opacity: .6;
font-size: 1.3rem;
}

.cartogramme_house {
position: relative;
}

.dec_contenu .grasdecodeurs {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
font-size: 105%;
font-weight: 600;
}

.dec_contenu .d_titre {
margin-top: 10px;
padding: .4em 0;
display: block;
}

.dec_contenu .d_texte {
margin: 1em 0;
padding: 0;
}

.dec_contenu .d_explications {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
margin: 2em auto;
padding: 1em 1.5em;
border-radius: 2px;
font-size: 85%;
color: #3f4142;
background-color: #f3f3f4;
}

.tooltipdecodeurs {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
border-radius: 0;
position: absolute;
max-width: 400px;
min-width: 180px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #E2E4E9 !important;
background: #fff !important;
color: #131e2b;
font-size: 1.4rem;
z-index: 5;
pointer-events: none;
}

/* les barres */

.tooltipdecodeurs .titre_prec {
margin-bottom: .4rem;
font-size: 1.2rem;
}

.tooltipdecodeurs .cb {
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
align-items: flex-start;
font-size: 1.2rem;
}

.tooltipdecodeurs .ba {
position: relative;
height: 1.3rem;
padding: .5rem 0;
display: inline-block;
margin-bottom: .5rem;
}

.tooltipdecodeurs .pad {
padding-top: .2rem;
display: inline-block;
height: initial;
padding-left: .5rem;
font-size: 1.2rem;
line-height: 1rem;
}

.tooltipdecodeurs .pad.droite {
text-align: right;
}

.tooltipdecodeurs .pad.centre {
padding-left: 0;
text-align: center;
}

.tooltipdecodeurs .ba.dem {
background-color: rgba(33, 102, 172, 1);
}

.tooltipdecodeurs .ba.rep {
background-color: rgba(178, 24, 43, 1);
}

.tooltipdecodeurs .ba.indep {
background-color: #FFE193;
}

.tooltipdecodeurs .ba.reste {
background-color: #cfd3d6;
}

[data-color-mode=”dark”] .tooltipdecodeurs .ba.reste {
background-color: #75787a;
}

.tooltipdecodeurs strong {
font-weight: 500;
}

.tooltipdecodeurs .contenant {
padding: 1rem 1.5rem;
}

.tooltipdecodeurs .contenant.desop {
font-size: 80%;
margin-top: 0;
border-top: 1px solid #E2E4E9;
background-color: #f3f4f6;
color: rgba(0, 0, 0, .5);
}

.tooltipdecodeurs .contenant.desop .ba {
opacity: .4;
}

[data-color-mode=”dark”] .tooltipdecodeurs .contenant.desop {
margin-top: 0 !important;
border-top: 1px solid rgba(255, 255, 255, .2);
background-color: #25242A;
color: rgba(255, 255, 255, .65);
}

.tooltipdecodeurs .titre_tt {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
font-weight: 600;
font-size: 1.5rem;
margin: .5em 0;
}

.tooltipdecodeurs .titre_tt.flex {
display: flex;
flex-wrap: nowrap;
width: 100%;
justify-content: space-between;
align-items: baseline;
}

.tooltipdecodeurs .titre_tt.flex .droite {
font-weight: initial;
font-size: 1.2rem;
}

.tooltipdecodeurs .gris {
color: #a2a9ae;
}

.tooltipdecodeurs .hr {
margin-top: 1rem;
border-top: 1px solid #e8eaee;
padding-bottom: 1rem;
}

.tooltipdecodeurs,
.arrow:after {
border: 1px solid #E2E4E9 !important;
}

.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}

.arrow:after {
background-color: #f3f4f6;
content: “”;
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

.dec_contenu .source {
border-top: 1px solid #E2E4E9;
border-bottom: 1px solid #E2E4E9;
padding: 15px 0;
color: #717B8E;
font-size: 90%;
}

.dec_contenu .passelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#us_house span.desktop {
display: inline;
}

#us_house span.mobile {
display: none;
}

/* les classes du svg */

#us_house .etat {
fill: #e7ecf0;
stroke: #fff;
stroke-width: .5px;
}

#us_house .cls-5 {
fill: #131e2b;
}

#us_house .cls-7 {
fill: none;
stroke: #131e2b;
stroke-width: .75px;
}

#us_house .carre.dem {
fill: rgba(33, 102, 172, 1);
stroke: rgb(27, 82, 139);
stroke-width: 0;
}

#us_house .carre.rep {
fill: rgba(178, 24, 43, 1);
stroke: rgb(144, 19, 35);
stroke-width: 0;
}

#us_house .carre.reste {
fill: #cfd3d6;
stroke-width: 0;
stroke: #9ca0a3;
}

#us_house .carre.indep {
fill: #FFE193;
stroke: #ffcc47;
stroke-width: 0;
}

#us_house .texte_etat {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
font-size: 12px;
}

/* le graphe du haut */

.graphelarge {
position: relative;
width: 100%;
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
padding-bottom: .6rem;
}

.graphelarge.desop {
opacity: .6;
}

.graphelarge .candidats {
margin-bottom: .5rem;
margin-top: 2rem;
}

.graphelarge.desop .candidats {
margin-bottom: .5rem;
margin-top: 0;
display: flex;
flex-wrap: nowrap;
}

.graphelarge.desop .candidats .quelparti {
font-weight: initial;
font-size: 1.2rem;
}

.graphelarge .candidats .quelparti {
display: inline-block;
width: 50%;
position: relative;
padding: 0;
font-weight: 600
}

.graphelarge .candidats .quelparti svg {
margin: 0 .25rem -.3rem .25rem;
height: 2rem;
width: 2rem;
}

.graphelarge .candidats .quelparti svg path {
fill: rgba(33, 102, 172, 1);
}

.graphelarge .candidats .quelparti.droite svg path {
fill: rgba(178, 24, 43, 1);
}

.graphelarge .candidats .quelparti span {
font-size: 1.6rem;
font-weight: 400;
}

.graphelarge .candidats .quelparti span.french,
.graphelarge .candidats .quelparti span.english {
font-size: 1.2rem;
}

.graphelarge .candidats .quelparti.gras {
font-weight: 600;
}

.graphelarge .candidats .quelparti span.decal {
position: absolute;
margin-left: .5rem;
bottom: -1rem;
}

.graphelarge .candidats .quelparti.droite {
text-align: right
}

.graphelarge .candidats .quelparti .dedans {
position: relative;
display: inline-block;
}

.graphelarge .candidats .quelparti span.decalrep {
margin-right: 0;
position: absolute;
left: -2.5rem;
bottom: -1rem;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
}

.graphelarge .contenantbarres {
width: 100%;
display: flex;
flex-wrap: nowrap;
text-align: center;
justify-content: center;
}

.graphelarge .limite {
text-align: right;
font-size: 60%;
padding-right: .5rem;
width: 50%;
position: absolute;
top: 3.5rem;
left: 0;
height: 1.5rem;
pointer-events: none;
border-right: 1px solid #383f4e;
}

.graphelarge .limite span {
position: absolute;
top: -12px;
transform: translate(-50%, -50%);
}

.graphelarge .barre {
height: 2rem;
padding: .25rem 0;
font-size: 1rem;
color: white;
font-weight: 500;
}

.graphelarge.desop .barre {
height: .7rem;
}

.graphelarge .barre.dem {
text-align: left;
background-color: rgba(33, 102, 172, 1);
}

.graphelarge .barre.rep {
background-color: rgba(178, 24, 43, 1);
text-align: right;
}

.graphelarge .barre.indep {
background-color: #FFE193;
}

.graphelarge .barre.reste {
background-color: #cfd3d6;
}

.contenanttouteslesbarres_house {
max-width: 1030px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: center;
margin: 0 auto;
}

.contenanttouteslesbarres_house img {
width: 70px !important;
position: absolute !important;
top: 15px;
left: calc(50% – 35px);
height: 70px !important;
}

/* le tooltip fixé en bas sur mobile */

@media screen and (max-width:500px) {
.tooltipdecodeurs {
position: fixed;
bottom: 0 !important;
left: 0 !important;
top: auto !important;
right: auto !important;
min-width: 100% !important;
border-radius: 0;
/* padding: 1.5rem 1.5rem 3rem 1.5rem;*/
z-index: 9999;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-top: 2px solid #e8eaee !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
color: #383f4e;
}

.tooltipdecodeurs:after {
content: ‘×’;
position: absolute;
top: .5rem;
right: 1.5rem;
color: #ccd0d3;
font-size: 3rem;
}

[data-color-mode=”dark”] .tooltipdecodeurs:after {
color: rgba(255, 255, 255, .5);
}

#us_house span.desktop {
display: none;
}

#us_house span.mobile {
display: inline;
}

.graphelarge {
width: 96%;
margin: 0 2%;
}

.graphelarge .candidats .quelparti {
font-size: 1.2rem;
}

.graphelarge .candidats .quelparti span {
font-size: 1.4rem;
}

.cachermobile {
display: none;
}

#droiten {
display: block !important;
}
}

/* mode nuit */

[data-color-mode=”dark”] .dec_contenu .d_explications {
background-color: #3f4142;
color: rgba(255, 255, 255, .85);
}

[data-color-mode=”dark”] .tooltipdecodeurs {
border-color: rgba(255, 255, 255, .2) !important;
border-width: 1px 0 0 0;
background: #181a1e !important;
color: rgba(255, 255, 255, .85) !important;
}

[data-color-mode=”dark”] .tooltipdecodeurs .gris {
color: rgba(255, 255, 255, .5);
}

[data-color-mode=”dark”] .arrow:after {
border-color: rgba(255, 255, 255, .2) !important;
background: #25242A !important;
}

[data-color-mode=”dark”] .graphelarge .barre.reste {
background-color: #5d6061;
}

[data-color-mode=”dark”] #us_house .carre.reste {
fill: #75787a;
stroke: #696b6d;
}

[data-color-mode=”dark”] #us_house .texte_etat {
fill: rgba(255, 255, 255, .85);
}

[data-color-mode=”dark”] #us_house .etat {
fill: rgba(255, 255, 255, .2);
stroke: #21252c;
}

[data-color-mode=”dark”] #us_house .cls-5 {
fill: #DADADA;
}

[data-color-mode=”dark”] #us_house .cls-7 {
stroke: #DADADA;
}

[data-color-mode=”dark”] .graphelarge .limite {
border-right: 1px solid rgba(255, 255, 255, .85);
}

/*#us_house .texte_etat.french {
display: none;
}*/

Les résultats à la Chambre des représentantsHouse of Representatives Election Results

#us_senate {
margin: 0 auto;
max-width: 1030px;
}

.dec_contenu h2 {
font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial;
text-transform: uppercase;
letter-spacing: .05rem;
font-weight: 600;
font-size: 2.4rem;
}

.dec_contenu .dec_miseajour {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
opacity: .6;
font-size: 1.3rem;
}

.cartogramme_senate {
position: relative;
}

.dec_contenu .grasdecodeurs {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
font-size: 105%;
font-weight: 600;
}

.dec_contenu .d_titre {
margin-top: 10px;
padding: .4em 0;
display: block;
}

.dec_contenu .d_texte {
margin: 1em 0;
padding: 0;
}

.dec_contenu .d_explications {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
margin: 2em auto;
padding: 1em 1.5em;
border-radius: 2px;
font-size: 85%;
color: #3f4142;
background-color: #f3f3f4;
}

.tooltipdecodeurs_senate {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
border-radius: 0;
position: absolute;
max-width: 400px;
min-width: 180px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #E2E4E9 !important;
background: #fff !important;
color: #131e2b;
font-size: 1.4rem;
z-index: 5;
pointer-events: none;
}

/* les barres */

.tooltipdecodeurs_senate .titre_prec {
margin-bottom: .4rem;
font-size: 1.2rem;
}

.tooltipdecodeurs_senate .cb {
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
align-items: flex-start;
font-size: 1.2rem;
}

.tooltipdecodeurs_senate .ba {
position: relative;
height: 1.3rem;
padding: .5rem 0;
display: inline-block;
margin-bottom: .5rem;
}

.tooltipdecodeurs_senate .pad {
padding-top: .2rem;
display: inline-block;
height: initial;
padding-left: .5rem;
font-size: 1.2rem;
line-height: 1rem;
}

.tooltipdecodeurs_senate .pad.droite {
text-align: right;
}

.tooltipdecodeurs_senate .pad.centre {
padding-left: 0;
text-align: center;
}

.tooltipdecodeurs_senate .ba.dem {
background-color: rgba(33, 102, 172, 1);
}

.tooltipdecodeurs_senate .ba.rep {
background-color: rgba(178, 24, 43, 1);
}

.tooltipdecodeurs_senate .ba.indep {
background-color: #FFE193;
}

.tooltipdecodeurs_senate .ba.reste {
background-color: #cfd3d6;
}

[data-color-mode=”dark”] .tooltipdecodeurs_senate .ba.reste {
background-color: #75787a;
}

.tooltipdecodeurs_senate strong {
font-weight: 500;
}

.tooltipdecodeurs_senate .contenant {
padding: 1rem 1.5rem;
}

.tooltipdecodeurs_senate .contenant.desop {
font-size: 80%;
margin-top: 0;
border-top: 1px solid #E2E4E9;
background-color: #f3f4f6;
color: rgba(0, 0, 0, .5);
}

.tooltipdecodeurs_senate .contenant.desop .ba {
opacity: .4;
}

[data-color-mode=”dark”] .tooltipdecodeurs_senate .contenant.desop {
margin-top: 0 !important;
border-top: 1px solid rgba(255, 255, 255, .2);
background-color: #25242A;
color: rgba(255, 255, 255, .65);
}

.tooltipdecodeurs_senate .titre_tt {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
font-weight: 600;
font-size: 1.5rem;
margin: .5em 0;
}

/*
.tooltipdecodeurs_senate .titre_tt.flex {
display: flex;
flex-wrap: nowrap;
width: 100%;
justify-content: space-between;
align-items: baseline;
}

.tooltipdecodeurs_senate .titre_tt.flex .droite {
font-weight: initial;
font-size: 1.2rem;
}*/

.tooltipdecodeurs_senate .bubulle,
.tooltipdecodeurs_senate .carre {
width: 1.1rem;
height: 1.1rem;
border: 0;
display: inline-block;
margin: -.3rem .5rem 0 0;
vertical-align: middle;
}

.tooltipdecodeurs_senate .bubulle {
border-radius: 50%;
}

.tooltipdecodeurs_senate .bubulle.dem,
.tooltipdecodeurs_senate .carre.d {
background-color: rgba(33, 102, 172, 1);
}

.tooltipdecodeurs_senate .bubulle.rep,
.tooltipdecodeurs_senate .carre.r {
background-color: rgba(178, 24, 43, 1);
}

.tooltipdecodeurs_senate .bubulle.a,
.tooltipdecodeurs_senate .carre.a {
/* background-color: rgba(255, 212, 0, 1);*/
background-color: rgba(33, 102, 172, 1);
}

.tooltipdecodeurs_senate .gris {
color: #a2a9ae;
}

.tooltipdecodeurs_senate .hr {
margin-top: 1rem;
border-top: 1px solid #e8eaee;
padding-bottom: 1rem;
}

.tooltipdecodeurs_senate,
.arrow:after {
border: 1px solid #E2E4E9 !important;
}

.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}

.arrow:after {
background-color: #f3f4f6;
content: “”;
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

.dec_contenu .source {
border-top: 1px solid #E2E4E9;
border-bottom: 1px solid #E2E4E9;
padding: 15px 0;
color: #717B8E;
font-size: 90%;
}

.dec_contenu .passelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#us_senate span.desktop {
display: inline;
}

#us_senate span.mobile {
display: none;
}

/* les classes du svg */

#us_senate .etat {
fill: #e7ecf0;
stroke: #fff;
stroke-width: .5px;
}

#us_senate .cls-5 {
fill: #131e2b;
}

#us_senate .cls-4 {
fill: none;
stroke: #131e2b;
stroke-width: .75px;
}

#us_senate .carre {
fill: #cfd3d6;
stroke-width: 0;
stroke: #9ca0a3;
}

#us_senate .carre.d,
#us_senate .carre.i,
[data-color-mode=”dark”] #us_senate .carre.d,
[data-color-mode=”dark”] #us_senate .carre.i,
#us_senate .carre.a,
[data-color-mode=”dark”] #us_senate .carre.a {
fill: rgba(33, 102, 172, 1);
stroke: rgb(27, 82, 139);
stroke-width: 0;
}

#us_senate .carre.r,
[data-color-mode=”dark”] #us_senate .carre.r {
fill: rgba(178, 24, 43, 1);
stroke: rgb(144, 19, 35);
stroke-width: 0;
}

/*#us_senate .carre.a,
[data-color-mode=”dark”] #us_senate .carre.a {
fill: rgba(255, 212, 0, 1);
stroke: rgb(224, 185, 0);
stroke-width: 0;
}*/

#us_senate .carre.reste {
fill: #cfd3d6;
stroke-width: 0;
stroke: #9ca0a3;
}

/*#us_senate .carre.i {
fill: #FFE193;
stroke: #ffcc47;
stroke-width: 0;
}*/

#us_senate .texte_etat {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
font-size: 12px;
}

.cls-4 {
stroke-miterlimit: 10;
}

.cls-4 {
fill: none;
stroke: #131e2b;
stroke-width: 0.75px;
}

.cls-5 {
fill: #131e2b;
}

/* le graphe du haut */

.graphelarge {
position: relative;
width: 100%;
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
padding-bottom: .6rem;
}

.graphelarge.desop {
opacity: .6;
}

.graphelarge .candidats {
margin-bottom: .5rem;
margin-top: 2rem;
}

.graphelarge.desop .candidats {
margin-bottom: .5rem;
margin-top: 0;
display: flex;
flex-wrap: nowrap;
}

.graphelarge.desop .candidats .quelparti {
font-weight: initial;
font-size: 1.2rem;
}

.graphelarge .candidats .quelparti {
display: inline-block;
width: 50%;
position: relative;
padding: 0;
font-weight: 600
}

.graphelarge .candidats .quelparti svg {
margin: 0 .25rem -.3rem .25rem;
height: 2rem;
width: 2rem;
}

.graphelarge .candidats .quelparti svg path {
fill: rgba(33, 102, 172, 1);
}

.graphelarge .candidats .quelparti.droite svg path {
fill: rgba(178, 24, 43, 1);
}

.graphelarge .candidats .quelparti span {
font-size: 1.6rem;
font-weight: 400;
}

.graphelarge .candidats .quelparti span.french,
.graphelarge .candidats .quelparti span.english {
font-size: 1.2rem;
}

.graphelarge .candidats .quelparti.gras {
font-weight: 600;
}

.graphelarge .candidats .quelparti span.decal {
position: absolute;
margin-left: .5rem;
bottom: -1rem;
}

.graphelarge .candidats .quelparti.droite {
text-align: right
}

.graphelarge .candidats .quelparti .dedans {
position: relative;
display: inline-block;
}

.graphelarge .candidats .quelparti span.decalrep {
margin-right: 0;
position: absolute;
left: -2.5rem;
bottom: -1rem;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
}

.graphelarge .contenantbarres {
width: 100%;
display: flex;
flex-wrap: nowrap;
text-align: center;
justify-content: center;
}

.graphelarge .limite {
text-align: right;
font-size: 60%;
padding-right: .5rem;
width: 50%;
position: absolute;
top: 3.5rem;
left: 0;
height: 1.5rem;
pointer-events: none;
border-right: 1px solid #383f4e;
}

.graphelarge .limite span {
position: absolute;
top: -12px;
transform: translate(-50%, -50%);
}

.graphelarge .barre {
height: 2rem;
}

.graphelarge .barre.hachure.dem {
background: repeating-linear-gradient(-45deg, rgba(33, 102, 172, 1), rgba(33, 102, 172, 1) 3px, rgba(33, 102, 172, .75) 4px, rgba(33, 102, 172, .75) 6px)
}

.graphelarge .barre.hachure.rep {
background: repeating-linear-gradient(-45deg, rgba(178, 24, 43, 1), rgba(178, 24, 43, 1) 3px, rgba(178, 24, 43, .75) 4px, rgba(178, 24, 43, .75) 6px);
}

.graphelarge.desop .barre {
height: .7rem;
}

.graphelarge .barre.dem {
text-align: left;
background-color: rgba(33, 102, 172, 1);
}

.graphelarge .barre.rep {
background-color: rgba(178, 24, 43, 1);
text-align: right;
}

.graphelarge .barre.a {
background-color: rgba(255, 212, 0, 1);
text-align: right;
}

.graphelarge .barre.indep {
background-color: #FFE193;
}

.graphelarge .barre.reste {
background-color: #cfd3d6;
}

.contenanttouteslesbarres_senate {
max-width: 1030px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: center;
margin: 0 auto;
}

.contenanttouteslesbarres_senate img {
width: 70px !important;
position: absolute !important;
top: 15px;
left: calc(50% – 35px);
height: 70px !important;
}

/* CSS de la légende */

.legende_senat {
justify-content: flex-end;
width: 100%;
display: flex;
flex-wrap: nowrap;
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
font-size: 1.4rem;
}

.legende_senat .col {
padding-left: 2rem;
}

.legende_senat .col span.carre,
.legende_senat .col span.cercle {
width: 1.4rem;
height: 1.4rem;
border: 0;
display: inline-block;
margin: -.3rem .5rem 0 0;
vertical-align: middle;
}

.legende_senat .col span.bleu {
background-color: rgba(33, 102, 172, 1);
}

.legende_senat .col span.rouge {
background-color: rgba(178, 24, 43, 1);
}

.legende_senat .col span.gris {
background-color: #cfd3d6;
}

[data-color-mode=”dark”] .legende_senat .col span.gris {
background-color: #75787a;
}

.legende_senat .col span.cercle.rouge {
background: repeating-linear-gradient(-45deg, rgba(178, 24, 43, 1), rgba(178, 24, 43, 1) 1.5px, rgba(178, 24, 43, .2) 2px, rgba(178, 24, 43, .2) 3px);
}

.legende_senat .col span.cercle.bleu {
background: repeating-linear-gradient(-45deg, rgba(33, 102, 172, 1), rgba(33, 102, 172, 1) 1.5px, rgba(33, 102, 172, .2) 2px, rgba(33, 102, 172, .2) 3px);
}

.legende_senat .col span.cercle {
border-radius: 50%;
}

/* le tooltip fixé en bas sur mobile */

@media screen and (max-width:500px) {
.tooltipdecodeurs_senate {
position: fixed;
bottom: 0 !important;
left: 0 !important;
top: auto !important;
right: auto !important;
min-width: 100% !important;
border-radius: 0;
/* padding: 1.5rem 1.5rem 3rem 1.5rem;*/
z-index: 9999;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-top: 2px solid #e8eaee !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
color: #383f4e;
}
.tooltipdecodeurs_senate:after {
content: ‘×’;
position: absolute;
top: .5rem;
right: 1.5rem;
color: #ccd0d3;
font-size: 3rem;
}
[data-color-mode=”dark”] .tooltipdecodeurs_senate:after {
color: rgba(255, 255, 255, .5);
}
.legende_senat {
display: block;
margin-bottom: 1.5rem;
}
.legende_senat .col {
padding-left: 0;
}
#us_senate span.desktop {
display: none;
}
#us_senate span.mobile {
display: inline;
}
.graphelarge {
width: 96%;
margin: 0 2%;
}
.graphelarge .candidats .quelparti {
font-size: 1.2rem;
}
.graphelarge .candidats .quelparti span {
font-size: 1.4rem;
}
.cachermobile {
display: none;
}
#droiten {
display: block !important;
}
}

/* mode nuit */

[data-color-mode=”dark”] .dec_contenu .d_explications {
background-color: #3f4142;
color: rgba(255, 255, 255, .85);
}

[data-color-mode=”dark”] .tooltipdecodeurs_senate {
border-color: rgba(255, 255, 255, .2) !important;
border-width: 1px 0 0 0;
background: #181a1e !important;
color: rgba(255, 255, 255, .85) !important;
}

[data-color-mode=”dark”] .tooltipdecodeurs_senate .gris {
color: rgba(255, 255, 255, .5);
}

[data-color-mode=”dark”] .arrow:after {
border-color: rgba(255, 255, 255, .2) !important;
background: #25242A !important;
}

[data-color-mode=”dark”] .graphelarge .barre.reste {
background-color: #5d6061;
}

[data-color-mode=”dark”] #us_senate .carre {
fill: #75787a;
stroke: #696b6d;
}

[data-color-mode=”dark”] #us_senate .texte_etat {
fill: rgba(255, 255, 255, .85);
}

[data-color-mode=”dark”] #us_senate .etat {
fill: rgba(255, 255, 255, .2);
stroke: #21252c;
}

[data-color-mode=”dark”] #us_senate .cls-5 {
fill: #DADADA;
}

[data-color-mode=”dark”] #us_senate .cls-4 {
stroke: #DADADA;
}

[data-color-mode=”dark”] .graphelarge .limite {
border-right: 1px solid rgba(255, 255, 255, .85);
}

Les résultats au SénatSenate election results