#contact-map {
	position: relative;
	background-color: white;
}
#contact-map svg {
	position: relative;
	width: 100%;
	height: auto;
}

#contact-map img#contact-map-background {
	position: absolute;
	width: 100%;
	height: 100%;
}

#contact-map svg path {
	fill: #828282;
}

#contact-map svg a:hover path:not(.text) {
	fill: #828282!important;
}
#contact-map svg a:hover path.text.void {
	fill: #828282!important;
}

/* sudest */
#contact-map.all:not(.sudest) svg a.link-sudest path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map.all:not(.sudest) svg a.link-sudest path.text.void {
	fill: #F2C916!important;
}
#contact-map.sudest svg a.link-sudest path:not(.text.void, .text) {
	fill: #F2C916!important;		
}
#contact-map.all:not(.sudest) svg a.link-sudest:hover path:not(.text.void, .text) {
	fill: #828282!important;		
}
#contact-map.all:not(.sudest) svg a.link-sudest:hover path.text:not(.void) {
	fill: #F2C916!important;		
}
#contact-map.all:not(.sudest) svg a.link-sudest:hover path.text.void {
	fill: #828282!important;		
}
#contact-map svg a.link-sudest:hover path.text:not(.void) {
	fill: #F2C916!important;	
}
#contact-map.sudest svg a.link-sudest:hover path.text:not(.void) {
	fill: #FFFFFF!important;	
}
#contact-map.sudest svg a.link-sudest:hover path.text.void {
	fill: #F2C916!important;	
}
#contact-map.sudest svg path:not(.sudest, .text) {
	fill: #828282!important;
}
#contact-map:not(.sudest) svg a.link-sudest path.text:not(.void) {
	fill: #F2C916!important;
}
#contact-map:not(.sudest) svg a.link-sudest path.text.void {
	fill: #828282!important;
}
#contact-map:not(.sudest) svg a.link-sudest:hover path.text.void {
	fill: #F2C916!important;
}
#contact-map:not(.sudest) svg a.link-sudest:hover path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map:not(.sudest) svg a.link-sudest:hover path:not(.text.void, .text) {
	fill: #F2C916!important;
}

/* sudouest */
#contact-map.all:not(.sudouest) svg a.link-sudouest path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map.all:not(.sudouest) svg a.link-sudouest path.text.void {
	fill: #DC1F26!important;
}
#contact-map.sudouest svg a.link-sudouest path:not(.text.void, .text) {
	fill: #DC1F26!important;		
}
#contact-map.all:not(.sudouest) svg a.link-sudouest:hover path:not(.text.void, .text) {
	fill: #828282!important;		
}
#contact-map.all:not(.sudouest) svg a.link-sudouest:hover path.text:not(.void) {
	fill: #DC1F26!important;		
}
#contact-map.all:not(.sudouest) svg a.link-sudouest:hover path.text.void {
	fill: #828282!important;		
}
#contact-map svg a.link-sudouest:hover path.text:not(.void) {
	fill: #DC1F26!important;	
}
#contact-map.sudouest svg a.link-sudouest:hover path.text:not(.void) {
	fill: #FFFFFF!important;	
}
#contact-map.sudouest svg a.link-sudouest:hover path.text.void {
	fill: #DC1F26!important;	
}
#contact-map.sudouest svg path:not(.sudouest, .text) {
	fill: #828282!important;
}
#contact-map:not(.sudouest) svg a.link-sudouest path.text:not(.void) {
	fill: #DC1F26!important;
}
#contact-map:not(.sudouest) svg a.link-sudouest path.text.void {
	fill: #828282!important;
}
#contact-map:not(.sudouest) svg a.link-sudouest:hover path.text.void {
	fill: #DC1F26!important;
}
#contact-map:not(.sudouest) svg a.link-sudouest:hover path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map:not(.sudouest) svg a.link-sudouest:hover path:not(.text.void, .text) {
	fill: #DC1F26!important;
}

/* centreouest */
#contact-map.all:not(.centreouest) svg a.link-centreouest path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map.all:not(.centreouest) svg a.link-centreouest path.text.void {
	fill: #0A7F40!important;
}
#contact-map.centreouest svg a.link-centreouest path:not(.text.void, .text) {
	fill: #0A7F40!important;		
}
#contact-map.all:not(.centreouest) svg a.link-centreouest:hover path:not(.text.void, .text) {
	fill: #828282!important;		
}
#contact-map.all:not(.centreouest) svg a.link-centreouest:hover path.text:not(.void) {
	fill: #0A7F40!important;		
}
#contact-map.all:not(.centreouest) svg a.link-centreouest:hover path.text.void {
	fill: #828282!important;		
}
#contact-map svg a.link-centreouest:hover path.text:not(.void) {
	fill: #0A7F40!important;	
}
#contact-map.centreouest svg a.link-centreouest:hover path.text:not(.void) {
	fill: #FFFFFF!important;	
}
#contact-map.centreouest svg a.link-centreouest:hover path.text.void {
	fill: #0A7F40!important;	
}
#contact-map.centreouest svg path:not(.centreouest, .text) {
	fill: #828282!important;
}
#contact-map:not(.centreouest) svg a.link-centreouest path.text:not(.void) {
	fill: #0A7F40!important;
}
#contact-map:not(.centreouest) svg a.link-centreouest path.text.void {
	fill: #828282!important;
}
#contact-map:not(.centreouest) svg a.link-centreouest:hover path.text.void {
	fill: #0A7F40!important;
}
#contact-map:not(.centreouest) svg a.link-centreouest:hover path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map:not(.centreouest) svg a.link-centreouest:hover path:not(.text.void, .text) {
	fill: #0A7F40!important;
}


/* centreest */
#contact-map.all:not(.centreest) svg a.link-centreest path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map.all:not(.centreest) svg a.link-centreest path.text.void {
	fill: #822369!important;
}
#contact-map.centreest svg a.link-centreest path:not(.text.void, .text) {
	fill: #822369!important;		
}
#contact-map.all:not(.centreest) svg a.link-centreest:hover path:not(.text.void, .text) {
	fill: #828282!important;		
}
#contact-map.all:not(.centreest) svg a.link-centreest:hover path.text:not(.void) {
	fill: #822369!important;		
}
#contact-map.all:not(.centreest) svg a.link-centreest:hover path.text.void {
	fill: #828282!important;		
}
#contact-map svg a.link-centreest:hover path.text:not(.void) {
	fill: #822369!important;	
}
#contact-map.centreest svg a.link-centreest:hover path.text:not(.void) {
	fill: #FFFFFF!important;	
}
#contact-map.centreest svg a.link-centreest:hover path.text.void {
	fill: #822369!important;	
}
#contact-map.centreest svg path:not(.centreest, .text) {
	fill: #828282!important;
}
#contact-map:not(.centreest) svg a.link-centreest path.text:not(.void) {
	fill: #822369!important;
}
#contact-map:not(.centreest) svg a.link-centreest path.text.void {
	fill: #828282!important;
}
#contact-map:not(.centreest) svg a.link-centreest:hover path.text.void {
	fill: #822369!important;
}
#contact-map:not(.centreest) svg a.link-centreest:hover path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map:not(.centreest) svg a.link-centreest:hover path:not(.text.void, .text) {
	fill: #822369!important;
}


/* nord */
#contact-map.all:not(.nord) svg a.link-nord path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map.all:not(.nord) svg a.link-nord path.text.void {
	fill: #EF8422!important;
}
#contact-map.nord svg a.link-nord path:not(.text.void, .text) {
	fill: #EF8422!important;		
}
#contact-map.all:not(.nord) svg a.link-nord:hover path:not(.text.void, .text) {
	fill: #828282!important;		
}
#contact-map.all:not(.nord) svg a.link-nord:hover path.text:not(.void) {
	fill: #EF8422!important;		
}
#contact-map.all:not(.nord) svg a.link-nord:hover path.text.void {
	fill: #828282!important;		
}
#contact-map svg a.link-nord:hover path.text:not(.void) {
	fill: #EF8422!important;	
}
#contact-map.nord svg a.link-nord:hover path.text:not(.void) {
	fill: #FFFFFF!important;	
}
#contact-map.nord svg a.link-nord:hover path.text.void {
	fill: #EF8422!important;	
}
#contact-map.nord svg path:not(.nord, .text) {
	fill: #828282!important;
}
#contact-map:not(.nord) svg a.link-nord path.text:not(.void) {
	fill: #EF8422!important;
}
#contact-map:not(.nord) svg a.link-nord path.text.void {
	fill: #828282!important;
}
#contact-map:not(.nord) svg a.link-nord:hover path.text.void {
	fill: #EF8422!important;
}
#contact-map:not(.nord) svg a.link-nord:hover path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map:not(.nord) svg a.link-nord:hover path:not(.text.void, .text) {
	fill: #EF8422!important;
}


/* nordest */
#contact-map.all:not(.nordest) svg a.link-nordest path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map.all:not(.nordest) svg a.link-nordest path.text.void {
	fill: #60B246!important;
}
#contact-map.nordest svg a.link-nordest path:not(.text.void, .text) {
	fill: #60B246!important;		
}
#contact-map.all:not(.nordest) svg a.link-nordest:hover path:not(.text.void, .text) {
	fill: #828282!important;		
}
#contact-map.all:not(.nordest) svg a.link-nordest:hover path.text:not(.void) {
	fill: #60B246!important;		
}
#contact-map.all:not(.nordest) svg a.link-nordest:hover path.text.void {
	fill: #828282!important;		
}
#contact-map svg a.link-nordest:hover path.text:not(.void) {
	fill: #60B246!important;	
}
#contact-map.nordest svg a.link-nordest:hover path.text:not(.void) {
	fill: #FFFFFF!important;	
}
#contact-map.nordest svg a.link-nordest:hover path.text.void {
	fill: #60B246!important;	
}
#contact-map.nordest svg path:not(.nordest, .text) {
	fill: #828282!important;
}
#contact-map:not(.nordest) svg a.link-nordest path.text:not(.void) {
	fill: #60B246!important;
}
#contact-map:not(.nordest) svg a.link-nordest path.text.void {
	fill: #828282!important;
}
#contact-map:not(.nordest) svg a.link-nordest:hover path.text.void {
	fill: #60B246!important;
}
#contact-map:not(.nordest) svg a.link-nordest:hover path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map:not(.nordest) svg a.link-nordest:hover path:not(.text.void, .text) {
	fill: #60B246!important;
}


/* regionparis */
#contact-map.all:not(.regionparis) svg a.link-regionparis path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map.all:not(.regionparis) svg a.link-regionparis path.text.void {
	fill: #DF0C7F!important;
}
#contact-map.regionparis svg a.link-regionparis path:not(.text.void, .text) {
	fill: #DF0C7F!important;		
}
#contact-map.all:not(.regionparis) svg a.link-regionparis:hover path:not(.text.void, .text) {
	fill: #828282!important;		
}
#contact-map.all:not(.regionparis) svg a.link-regionparis:hover path.text:not(.void) {
	fill: #DF0C7F!important;		
}
#contact-map.all:not(.regionparis) svg a.link-regionparis:hover path.text.void {
	fill: #828282!important;		
}
#contact-map svg a.link-regionparis:hover path.text:not(.void) {
	fill: #DF0C7F!important;	
}
#contact-map.regionparis svg a.link-regionparis:hover path.text:not(.void) {
	fill: #FFFFFF!important;	
}
#contact-map.regionparis svg a.link-regionparis:hover path.text.void {
	fill: #DF0C7F!important;	
}
#contact-map.regionparis svg path:not(.regionparis, .text) {
	fill: #828282!important;
}
#contact-map:not(.regionparis) svg a.link-regionparis path.text:not(.void) {
	fill: #DF0C7F!important;
}
#contact-map:not(.regionparis) svg a.link-regionparis path.text.void {
	fill: #828282!important;
}
#contact-map:not(.regionparis) svg a.link-regionparis:hover path.text.void {
	fill: #DF0C7F!important;
}
#contact-map:not(.regionparis) svg a.link-regionparis:hover path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map:not(.regionparis) svg a.link-regionparis:hover path:not(.text.void, .text) {
	fill: #DF0C7F!important;
}



/* ouest */
#contact-map.all:not(.ouest) svg a.link-ouest path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map.all:not(.ouest) svg a.link-ouest path.text.void {
	fill: #07529B!important;
}
#contact-map.ouest svg a.link-ouest path:not(.text.void, .text) {
	fill: #07529B!important;		
}
#contact-map.all:not(.ouest) svg a.link-ouest:hover path:not(.text.void, .text) {
	fill: #828282!important;		
}
#contact-map.all:not(.ouest) svg a.link-ouest:hover path.text:not(.void) {
	fill: #07529B!important;		
}
#contact-map.all:not(.ouest) svg a.link-ouest:hover path.text.void {
	fill: #828282!important;		
}
#contact-map svg a.link-ouest:hover path.text:not(.void) {
	fill: #07529B!important;	
}
#contact-map.ouest svg a.link-ouest:hover path.text:not(.void) {
	fill: #FFFFFF!important;	
}
#contact-map.ouest svg a.link-ouest:hover path.text.void {
	fill: #07529B!important;	
}
#contact-map.ouest svg path:not(.ouest, .text) {
	fill: #828282!important;
}
#contact-map:not(.ouest) svg a.link-ouest path.text:not(.void) {
	fill: #07529B!important;
}
#contact-map:not(.ouest) svg a.link-ouest path.text.void {
	fill: #828282!important;
}
#contact-map:not(.ouest) svg a.link-ouest:hover path.text.void {
	fill: #07529B!important;
}
#contact-map:not(.ouest) svg a.link-ouest:hover path.text:not(.void) {
	fill: #FFFFFF!important;
}
#contact-map:not(.ouest) svg a.link-ouest:hover path:not(.text.void, .text) {
	fill: #07529B!important;
}

#contacts-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#contacts-container .contact-block {
	position: absolute;
	width: 17%;
}
#contacts-container .contact-block div {
	text-align: right;
    line-height: 1em;
    font-family: 'signika';
    font-weight: 600;
    color: #1d1d1b;
}
@media screen and (max-width: 1400px){
	#contacts-container .contact-block div { font-size: 0.8em; }
}
@media screen and (max-width: 1200px){
	#contacts-container .contact-block div { font-size: 0.7em; }
}
@media screen and (max-width: 1100px){
	#contacts-container .contact-block div { font-size: 0.6em; }
}
@media screen and (max-width: 992px){
	#contacts-container .contact-block div { font-size: 0.7em;}
}
@media screen and (max-width: 800px){
	#contacts-container .contact-block div { font-size: 0.6em;}
}
@media screen and (max-width: 800px){
	#contacts-container .contact-block div { font-size: 0.5em;}
}
@media screen and (max-width: 700px){
	#contacts-container .contact-block div { font-size: 0.4em;}
}

@media screen and (max-width: 500px){
	#contacts-container  { display: none;}
	#contact-map img#contact-map-background { display: none;}
}
#contacts-container #regionparis {
	top: 16.35%;
    left: 63%;
}
#contacts-container #nordest {
    top: 33.5%;
    left: 79.5%;
}
#contacts-container #centreest {
    top: 55.35%;
    left: 80%;
}
#contacts-container #sudest {
    top: 79.35%;
    left: 80%;
}
#contacts-container #nord {
    top: 16.5%;
    left: 22%;
}
#contacts-container #ouest {
	top: 25%;
    left: 3%;
}
#contacts-container #centreouest {
    top: 55.35%;
    left: 3%;
}
#contacts-container #sudouest {
	top: 79.35%;
    left: 3%;
}