html {
    height: 100%;
}

/* BODY */
body {
	background: #FFFFFF;
	font-family: 'Ubuntu', sans-serif;
	color: #000000;
	font-size: 14px;
	display: flex;
    min-height: 100%;
    flex-direction: column;
    margin: 0px;
}

/* HEADER */
#header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	z-index: 1000;
}

#header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 28px;
}

#header-left, div#header-right {
	flex-basis: 100%;
}

#header-left .proteam {
    padding-left: 10px;
    height: 28px;
    align-items: center;
    display: flex;	
}

#header-left .proteam .version {
    padding-left: 10px;
    color: #ffffff;
    font-size: 10px;	
}

#logoclub {
	padding: 10px;
	flex-basis: 80px;
}

#header.fixed #logoclub {
	display: none;
}

#top-menu {
    display: flex;
    float: right;
}

/* SUBHEADER */
#subheader {
	color: #ffffff;
	z-index: 900;
	text-align: center;
}

#subheader.fixed {
    display:none;
}

#subheader > div {
    width: 100%;
    padding-bottom: 5px;
}

#subheader > div:first-child:hover, #subheader > div:first-child.active {
	background-color: #c0c0c0;
	color: #000000;
}

#subheader_players_wrapper {
	display: none;
}
    
#subheader_players {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	padding-bottom: 5px;
}

#subheader_players > div {
	width: 28%;
	text-align: left;
	font-size: 16px;
    padding: 2px 2px 2px 5%;
}

#subheader_players a {
    text-decoration: none;
    color: #ffffff;
}

/* MAIN-MENU */
#main-menu {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	height: 35px;
    -moz-box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    box-shadow: 1px 1px 12px #555;
	background-color: #FFFFFF;
	z-index: 900;
}

#main-menu.fixed {
	position: fixed;
	width: 100%;
	top: 28px;
	left: 0;
	z-index: 999;
}

#main-menu .menu-icon {
    float: left;
    position: absolute;
    left: 0px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main-menu .menu-icon:hover {
	background-color: #c0c0c0;
}

#main-menu .menu-item:not(.active) {
	cursor: pointer;
	padding: 0px 10px 0px 10px;
	text-align: center;
	color: #000000;
	display: flex;
    align-items: center;
    justify-content: center;
}

#main-menu .menu-item:hover:not(.active) {
	background-color: #c0c0c0;
}

/* MENU SECONDAIRE */
#menusecondaire {
	width: 200px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
   	display: flex;
    flex-direction: column;
    border-right: 1px;
    border-right-style: solid;
	border-top: 1px;
    border-top-color: #a2a2a2;
    border-top-style: solid;
	z-index: 900;
    background-color: #FFFFFF;
}

#menusecondaire .player {
	padding: 11px;
    color: #FFFFFF;
}

#menusecondaire ul.parent {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
}

#menusecondaire ul.child {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
}

#menusecondaire ul.parent > li {
	padding-left: 20px;
}

#menusecondaire ul.child > li {
	padding-left: 40px;
}

#menusecondaire .menu-item:not(.active) {
	cursor: pointer;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	text-align: left;
	color: #000000;
}

#menusecondaire .menu-item:hover:not(.active) {
	background-color: #c0c0c0;
}


/* CONTENT */

#contentPadding {
	display:none;
}

#contentPadding.fixed {
	display:block;
	height:144px;
}

#contentBody {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 1;
}

.content {
    margin: 30px 50px 30px 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
   	display: flex;
    flex-direction: column;
    flex: 1;
}

.titrePage {
	font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

/* FOOTER */
body > .footer {
	height: 120px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    font-family: 'Ubuntu', sans-serif;
    color: #FFFFFF;
}

body > .footer div {
    display: flex;
    align-items: center;
    justify-content: center;
}

body > .footer a {
    padding: 10px;
    color: #FFFFFF;
}

/* BUTTON */
.button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0px;
    align-self: center;	
    color: black;
    cursor: pointer;
}

.button span {
	margin-right: 5px;
}

.button i.fa {
	margin-left: 5px;
	margin-right: 5px;
}

.button-bar {
	display: flex;
    align-items: center;
    justify-content: center;
}

.main-button-bar {
    padding-bottom: 10px;
}




.clear {
	clear: both;
}

.wrapperDatepicker {
	position: relative;
}

.wrapperDatepicker input {
	padding-left: 5px;
}

.wrapperDatepicker .fa-calendar {
	position: absolute;
	top: 0px;
	right: 5px;
}

.decrementer, .incrementer {
	color: #000000;
}

.decrementer:hover, .incrementer:hover {
	color: #c0c0c0;
}

#menuContainer {
	z-index: 1100;
}


/* A CONTROLER */
.kine1 {
	background-color: #CFCFCF;
	padding: 0px 5px 0px 5px;
}

.kine1:hover {
	background-color: #489547;
}

.kine2 {
	background-color: #E0E0E0;
	padding: 0px 5px 0px 5px;
}

.kine2:hover {
	background-color: #489547;
}

.kine3 {
	background-color: #EFEFEF;
	padding: 0px 5px 0px 5px;
}

.kine3:hover {
	background-color: #489547;
}

/*.bloc {
	padding:0px;
	background-color:#000000;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    text-align:left;
    color:#FFFFFF;
}*/
.table_invisible {
	border-width: 0px;
	border-spacing: 0px;
	padding: 0px;
	border-collapse: separate;
}

.tableauScore {
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: separate;
	padding: 0px;
	margin: 0px;
	/*	border-spacing:0px 2px;*/
}

.tableauScore td {
	border-spacing: 0px;
	padding: 5px 0px;
}

.tableauScore td.fond3 {
	border-spacing: 0px;
	padding: 0px;
}

.tableauScore td.fond {
	background-color: #FAFAFA;
	border-style: solid;
	border-top-width: 2px;
	border-top-color: #E3E3E3;
	border-bottom-width: 2px;
	border-bottom-color: #E3E3E3;
	border-left-width: 0px;
	border-right-width: 0px;
}

.tableauScore .fond2 {
	background-color: #E3E3E3;
}



/* LIEN */
a {
	cursor: pointer;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a.blanc:link {
	color: #FFFFFF;
}

a.bleu:link {
	color: blue;
}

a.gris:link {
	color: gray;
}

a.noir:link {
	color: #000000;
}

a.orange:link {
	color: #FFA500;
}

a.rouge:link {
	color: #FF0000;
}

a.vert:link {
	color: #84AD09;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a.blanc:visited {
	color: #FFFFFF;
}

a.bleu:visited {
	color: blue;
}

a.gris:visited {
	color: gray;
}

a.noir:visited {
	color: #000000;
}

a.orange:visited {
	color: #FFA500;
}

a.rouge:visited {
	color: #FF0000;
}

a.vert:visited {
	color: #84AD09;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a.blanc:hover {
	color: #FFFFFF;
}

a.bleu:hover {
	color: blue;
}

a.gris:hover {
	color: gray;
}

a.noir:hover {
	color: #000000;
}

a.orange:hover {
	color: #FFA500;
}

a.rouge:hover {
	color: #FF0000;
}

a.vert:hover {
	color: #84AD09;
}

.lien {
	cursor: pointer;
}

/* TAILLE TEXTE */
.petit {
	font-size: 9px;
	color: #000000;
}

.normal {
	font-size: 14px;
	color: #000000;
}

.moyen {
	font-size: 16px;
	color: #000000;
}

.grand {
	font-size: 20px;
	color: #000000;
}

.impression {
	font-size: 14px;
	color: #000000;
}

/* MISE EN FORME TEXTE */
.gras {
	font-weight: bold;
}

.italique {
	font-style: italic;
}

.souligne {
	text-decoration: underline;
}

/* COULEUR TEXTE */
.blanc {
	color: #FFFFFF;
}

.bleu {
	color: blue;
}

.gris {
	color: gray;
}

.noir {
	color: #000000;
}

.orange {
	color: #FFA500;
}

.rouge {
	color: #FF0000;
}

.vert {
	color: #84AD09;
}

/* COULEUR FOND */
.fond_blanc {
	background-color: #FFFFFF;
}

.fond_whitesmoke {
	background-color: whitesmoke;
}

.fond_cyan {
	background-color: cyan;
}

.fond_gris {
	background-color: #BBBBBB;
}

.fond_gris2 {
	background-color: #DDDDDD;
}

.fond_gris3 {
	background-color: #EEEEEE;
}

.fond_noir {
	background-color: #000000;
}

.fond_rouge {
	background-color: #FF0000;
}

.fond_orange {
	background-color: #FFA500;
}

.fond_vert {
	background-color: #84AD09;
}

.fond_violet {
	background-color: #990099;
}

/* ALIGNEMENT TEXTE */
.centrer {
	text-align: center;
}

.gauche {
	text-align: left;
}

.droite {
	text-align: right;
}

.middle {
	vertical-align: middle;
}

/* ALIGNEMENT TEXTE */
.paddingLeft20px {
	padding-left: 20px;
}

.cell_1 {
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #DDEEFF;
}

.cell_2 {
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #DDDDFF;
}

.cell_3 {
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

.bouton {
	font-size: 14px;
	color: #000000;
	background-color: #DDDDDD;
	text-align: center;
}

.header {
	font-size: 14px;
	color: #ffffff;
	background-color: #000000;
}

.erreurZoneBouton {
	border-style: solid;
	border-width: 1px;
	background-color: #EFEFEF;
	border-collapse: separate;
	text-align: center;
}

.erreurHeader {
	background-color: #FF0000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
}

.erreurRow {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	padding-left: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

.oups {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 25px;
}

.table {
	/*	border-style:solid; */
	border-width: 1px;
	/*	border-color:black; */
	border-collapse: separate;
}

.tableSansWidth {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-collapse: separate;
}

table.borderSolidNoir {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-spacing: 5px;
}

table.padding5px td {
	padding: 0px;
}

.formZoneErreur_KO {
	border-style: solid;
	border-width: 0px;
	border-color: black;
	border-spacing: 5px;
	background-color: #FDDDDD;
}

.formZoneErreur_OK {
	border-style: solid;
	border-width: 0px;
	border-color: black;
	border-spacing: 5px;
	background-color: #E7FAD0;
}

.champObligatoire {
	color: #FF0000;
}

.tableHeader {
	background-color: #EBEBEB;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding-left: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
}

.caseCalendar {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding-left: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
}

.caseBordNoir {
	color: #000000;
	font-size: 14px;
	padding-left: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
}

.zoneSelectionTop {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	border-style: solid;
	border-width: 1px;
	border-bottom-color: black;
	border-top-color: red;
	border-left-color: red;
	border-right-color: red;
	text-align: center;
}

.zoneSelectionBottom {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	border-width: 1px;
	border-bottom-color: white;
	border-top-color: black;
	border-left-color: white;
	border-right-color: white;
	text-align: center;
}

.zoneSelectPageBottom {
	color: #000000;
	font-size: 14px;
	padding-left: 2px;
	border-style: solid;
	border-width: 1px;
	border-bottom-color: white;
	border-top-color: black;
	border-left-color: white;
	border-right-color: white;
	text-align: center;
}

.tableFirstColumn {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	padding-left: 2px;
	width: 20px;
	text-align: center;
}

.selectionPages {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	padding-left: 2px;
	text-align: center;
}

.tableRow {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	padding-left: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

.cache {
	position: absolute;
	z-index: 100;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	opacity: 0.8;
	background-color: orange;
	width: 100%;
	height: 100%;
	display: none;
}

.imagePopup {
	position: absolute;
	z-index: 200;
	display: none;
	text-align: center;
}

div.scroll {
	height: 175px;
	overflow: auto;
	border: 1px solid #DDD;
	padding: 8px;
	margin: 8px;
}

.scoreHGB {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-left-width: 1px;
	border-top-color: grey;
	border-bottom-color: grey;
	border-left-color: grey;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 4px;
}

.scoreHB {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: grey;
	border-bottom-color: grey;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 0px;
}

.scoreHDB {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-color: grey;
	border-bottom-color: grey;
	border-right-color: grey;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 0px;
}

/*************
 * NEW STYLE *
 *************/
.menuContextuel {
	border-width: 1px;
	border-color: darkgray;
	border-style: solid;
	border-spacing: 0px;
	border-collapse: separate;
	padding: 0px;
}

.tableau {
	border-width: 1px;
	border-color: darkgray;
	border-style: solid;
	border-spacing: 0px;
	border-collapse: separate;
	width: 100%;
}

thead {
	background-color: gainsboro;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	text-align: center;
}

.tableau tfoot th {
	background-color: gainsboro;
	font-size: 14px;
	color: #000000;
	text-align: center;
	border-left: 1px solid darkgray;
}

td.match {
	background-color: #FFFFFF;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
}

td.scoreFinal {
	background-color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

td.score {
	background-color: #FFFFFF;
	font-size: 14px;
	color: #000000;
}

td.scoreMiTemps {
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

td.filtre {
	background-color: whitesmoke;
	font-size: 14px;
	color: #000000;
	text-align: center;
	border-left: 1px solid darkgray;
}

td.sousrubrique {
	background-color: #DDDDDD;
	font-size: 14px;
	color: #000000;
	text-align: center;
	border-left: 1px solid darkgray;
}

td.borderD {
	font-size: 14px;
	color: #000000;
	border-right: 1px solid whitesmoke;
}

td.rowImpair, tr.rowImpair td {
	background-color: #FFFFFF;
	font-size: 14px;
	border-left: 1px solid darkgray;
}

td.rowImpair2 {
	background-color: #f4e4d3;
	font-size: 14px;
}

td.rowImpair3 {
	background-color: #FFFFFF;
	font-size: 14px;
}

td.rowOrange, tr.rowOrange td {
	background-color: #FFA500;
	font-size: 14px;
	border-left: 1px solid darkgray;
}

td.rowRouge, tr.rowRouge td {
	background-color: #FF0000;
	font-size: 14px;
	border-left: 1px solid darkgray;
}

td.rowPair, tr.rowPair td {
	background-color: whitesmoke;
	font-size: 14px;
	border-left: 1px solid darkgray;
}

td.rowPair2 {
	background-color: #f0dac5;
	font-size: 14px;
}

td.rowPair3 {
	background-color: whitesmoke;
	font-size: 14px;
}

select.selectboxHacked {
	behavior: expression(dropdown_menu_hack(this));
	font-size: 14px;
	color: #000000;
	width: 80px;
}

select.selectbox {
	font-size: 14px;
	color: #000000;
}

.selectionDate {
	font-size: 14px;
	width: 75;
}

td.sans_fond {
	border-width: 0px;
	border-top-width: 1px;
	border-color: darkgray;
	border-style: solid;
}

.table_black_border {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

div#logomenu {
	width: 93;
	background-color: #FFFFFF;
	float: left;
}



table#content {
	width: 100%;
}

.legende {
	font-size: 14px;
	color: #ffffff;
	background-color: #000000;
}

/**************/
/* INFO-BULLE */
/**************/
a.info {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none
}

a.info:hover {
	z-index: 25;
	background-color: #FFF
}

a.info span {
	display: none
}

a.info:hover span {
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	text-align: justify;
	font-weight: none;
	padding: 5px;
}

/**************************/
/* MENU LANGUAGE SELECTOR */
#menu {
	/*	height:50px;*/
	
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#menu li.top {
	float: left;
	margin: auto;
	padding: 0;
}

#menu li a {
	display: flex;
	width: 100px;
	color: white;
	text-decoration: none;
    height: 28px;
    align-items: center;
    align-content: center;
}
/*#menu li a:hover {
	color:#000000;
	background-color:#FFFFFF;
}*/
#menu ul li ul {
	display: none;
}

#menu ul li:hover ul {
	display: block;
}

#menu li ul {
	position: absolute;
}

/**************************/
.tabmenu {
	color: #000;
	border-bottom: 2px solid black;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 12px
}

.tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

.tabmenu a, a.active {
	color: #000000;
	background: lightgray;
	border: 2px solid black;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none;
}

.tabmenu a.active {
	background: #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}

.tabmenu a:hover {
	color: #fff;
	background: #000;
	border-bottom: 2px solid #000000;
}

/*.tabmenu a:visited {
	color: #000; 
}*/
.tabmenu a.active:hover {
	background: #000;
	color: #FFFFFF;
}

.tabMenuContent {
	text-align: justify;
	background: #FFFFFF;
	padding: 20px;
	border: 2px solid black;
	border-top: none;
	z-index: 2;
}

.coinRond {
	padding: 5px;
	-moz-border-radius: 10px 0px 10px 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;
}

.coinRond_bd {
	padding: 5px;
	-moz-border-radius: 0px 0px 10px 0px;
	-webkit-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
}

.coinRond_hg {
	padding: 5px;
	-moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}

.coinRond_bg {
	padding: 5px;
	-moz-border-radius: 0px 0px 0px 10px;
	-webkit-border-radius: 0px 0px 0px 10px;
	border-radius: 0px 0px 0px 10px;
}

.coinRond_hd {
	padding: 5px;
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}

.coinRond_b {
	padding: 5px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

.roundedBox1 {
	text-align: center;
	padding: 5px;
	-moz-border-radius: 10px 0px 10px 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;
	border: 1px solid black;
	margin: 10px 0px 10px 10px;
}

.infoBox {
    text-align: left;
    padding: 5px;
    -moz-border-radius: 0px 0px 10px 10px;
    border: 1px solid #8dfb8a;
    margin: 0px 10px 10px 10px;
    background-color: #a2ffa4;	
}

.erreurBox {
    text-align: left;
    padding: 5px;
    -moz-border-radius: 0px 0px 10px 10px;
    border: 1px solid #fb8a8a;
    margin: 0px 10px 10px 10px;
    background-color: #ffa2a2;	
}

select.multiple {
	height: 200px;
}

select.multiple option {
	padding-left: 0px;
}

div.floatLeft {
	float: left;
	margin: auto;
	padding-left: 60px;
}

table.table_exoAmenage {
    border-collapse: collapse;
}

table.table_exoAmenage td:first-child {
    border: none;
    text-align: right;
}

table.table_exoAmenage td:last-child {
    border: none;
    text-align: left;
}

svg path.tete.selectable:hover,
svg path.crane.selectable:hover,
svg .cou.selectable:hover path,
svg .epauledroite.selectable:hover path,
svg .epaulegauche.selectable:hover path,
svg .brasdroit.selectable:hover path,
svg .brasgauche.selectable:hover path,
svg .coudedroit.selectable:hover path,
svg .coudegauche.selectable:hover path,
svg .avantbrasdroit.selectable:hover path,
svg .avantbrasgauche.selectable:hover path,
svg .poignetdroit.selectable:hover path,
svg .poignetgauche.selectable:hover path,
svg .maindroite.selectable:hover path,
svg .maingauche.selectable:hover path,
svg path.torsethorax.selectable:hover,
svg path.abdosventre.selectable:hover,
svg path.dos.selectable:hover,
svg .bassindroit.selectable:hover path,
svg .bassingauche.selectable:hover path,
svg .cuissedroite.selectable:hover path,
svg .cuissegauche.selectable:hover path,
svg .genoudroit.selectable:hover path,
svg .genougauche.selectable:hover path,
svg .jambedroite.selectable:hover path,
svg .jambegauche.selectable:hover path,
svg .chevilledroite.selectable:hover path,
svg .chevillegauche.selectable:hover path,
svg .pieddroit.selectable:hover path,
svg .piedgauche.selectable:hover path {
  fill:#ff0000 !important;
  fill-opacity: .75 !important;
}

svg path.tete.selected,
svg path.crane.selected,
svg .cou.selected path,
svg .epauledroite.selected path,
svg .epaulegauche.selected path,
svg .brasdroit.selected path,
svg .brasgauche.selected path,
svg .coudedroit.selected path,
svg .coudegauche.selected path,
svg .avantbrasdroit.selected path,
svg .avantbrasgauche.selected path,
svg .poignetdroit.selected path,
svg .poignetgauche.selected path,
svg .maindroite.selected path,
svg .maingauche.selected path,
svg path.torsethorax.selected,
svg path.abdosventre.selected,
svg path.dos.selected,
svg .bassindroit.selected path,
svg .bassingauche.selected path,
svg .cuissedroite.selected path,
svg .cuissegauche.selected path,
svg .genoudroit.selected path,
svg .genougauche.selected path,
svg .jambedroite.selected path,
svg .jambegauche.selected path,
svg .chevilledroite.selected path,
svg .chevillegauche.selected path,
svg .pieddroit.selected path,
svg .piedgauche.selected path {
  fill:#ff0000 !important;
  fill-opacity: .75 !important;
}