body {
		  top:0;
		  text-align: center;
		  	border-width : 0;
	border-left-width : 0;
	border-style : none;
border-left-style : none;
		  padding: 0;
		  margin: 0;
		}

		table#internationale-data {
		    width: 100%;
		    text-align: center;
		    border-collapse: collapse;
		    box-shadow: inset 0px 0px 5px 5px #a6a6a64a;
		    border: 5px solid!important;
		    border-color: #fff!important;
		    border-radius: 10px!important;
		}
		input[type="submit"]{
	    padding: 10px;
	    border-radius: 10px;
	    color: #fff;
	    background: #E60000;
		}
		input[type="submit"]:hover{
	    background: #820000;
		}
		@media screen and (max-width:767px) {
		table {
			width:100%;
			zoom:0.8
		}
		thead th{
		    padding: 10px 5px 10px 5px;
	    }
		}
		@media screen and (max-width:640px) {
		table {
			width:100%;
			zoom:0.5
		}
		thead th{
		    padding: 10px 5px 10px 5px;
	    }
		}
	    thead {
			background: rgb(230,0,0);
			background: -moz-linear-gradient(-45deg, rgba(230,0,0,1) 29%, rgba(130,0,0,1) 55%, rgba(230,0,0,1) 81%, rgba(130,0,0,1) 90%, rgba(230,0,0,1) 100%);
			background: -webkit-linear-gradient(-45deg, rgba(230,0,0,1) 29%,rgba(130,0,0,1) 55%,rgba(230,0,0,1) 81%,rgba(130,0,0,1) 90%,rgba(230,0,0,1) 100%);
			background: linear-gradient(135deg, rgba(230,0,0,1) 29%,rgba(130,0,0,1) 55%,rgba(230,0,0,1) 81%,rgba(130,0,0,1) 90%,rgba(230,0,0,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60000', endColorstr='#e60000',GradientType=1 );
		    font: bold 1em/100% "VodafoneRegular",Helvetica,Arial,sans-serif;
		    color:#fff;
	    }
	    thead th{
		    padding: 18px 15px 17px 15px;
		    line-height: 20px;
			font-size: 16px;
	    }
		tbody td {
		    padding: 15px 10px 15px 20px;
		    box-shadow: inset 0px 1px 1px 0px #000;
		    font-size: 20px;
		    font-weight: 200;
		}
		tbody td.disabled {
			background-color: grey;
		}
	    .forfaitmensuel, .remisetelephone, .remiseforfait, #totalRemTele, #totalNewForfait, #totalRemForf, #totalRem{
		    font: bold 1em/100% "VodafoneRegular",Helvetica,Arial,sans-serif;
		    color:#000;
	    }
	    
	    .none{
		    background:#f5f6f7;
	    }
		td select{
			width:100%;
		}
		.custom-dropdown {
		  position: relative;
		  display: inline-block;
		  vertical-align: middle;
		  width:100%;
		}
		.custom-dropdown select {
			font-size: 13px!important;
			background: rgb(246,248,249);
			background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
			background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
			background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 );
			color: #000;
			font-size: inherit;
			padding: 5px;
			border: 0;
			margin: 0;
			border-radius: 3px;
			text-indent: 0.01px;
			text-overflow: '';
			-webkit-appearance: button;
		}
		.custom-dropdown::before,
		.custom-dropdown::after {
		  content: "";
		  position: absolute;
		  pointer-events: none;
		}
		
		.custom-dropdown::after {
		  height: 1em;
		  font-size: .625em;
		  line-height: 1;
		  right: 1.2em;
		  top: 50%;
		  margin-top: -.5em;
		}
		
		.custom-dropdown::before {
		  width: 2em;
		  right: 0;
		  top: 0;
		  bottom: 0;
		  border-radius: 0 3px 3px 0;
		}
		
		.custom-dropdown select[disabled] {
		  color: rgba(0,0,0,.3);
		}
		
		.custom-dropdown select[disabled]::after {
		  color: rgba(0,0,0,.1);
		}
		
		.custom-dropdown::after {
		  color: rgba(0,0,0,.4);
		}
		.oui {
			color:#83bb04;
			font: bold 1em/100% "VodafoneRegular",Helvetica,Arial,sans-serif;
		}
		.non {
			color:#E60000;
			font: bold 1em/100% "VodafoneRegular",Helvetica,Arial,sans-serif;
			animation: blinker 1s linear infinite;
		}
		@keyframes blinker {  
				50% { opacity: 0; }
		}
		input.submit {
			padding: 10px;
			border-radius: 10px;
			color: #fff;
			background: #E60000;
		}
		input.submit:hover {
			background: #820000;
		}
		select:hover {
			border-top: 4px solid #820000!important;
			box-shadow: inset 0px -2px 5px rgba(61, 61, 61, 0.25)!important;
			background: #ececec;
			cursor: pointer;
		}
		select {
		    font-size: 18px;
		    border-top: 4px solid #E60000!important;
		    border-bottom: 1px solid!important;
		    box-shadow: inset 0px -5px 5px rgba(61, 61, 61, 0.25)!important;
		    -webkit-appearance: none;
		    -moz-appearance: none;
		    appearance: none;
		    outline: 0;
		    border: 0;
		    flex: 1;
		    color: rgba(61, 61, 61, 0.77);
		    margin-top: -4px;
		    padding: 10px;
		    background: #e1e1e1;
		    border-radius: 0px 0px 10px 10px;
		    background-image: none;
		    cursor: pointer;
		    width: 15em;
		    height: 3em;
		    text-align: center;
		    overflow: hidden;
		}
		/* Remove IE arrow */
		select::-ms-expand {
		  display: none;
		}		
	    svg {
		    border-bottom: 4px solid #E60000;
		    padding:10px;
		    width:98.7%!important;
		    background:#fff;
			/**background: linear-gradient(-45deg, #5ac9e8 10.03%, #037696 30.19%, #0080bf 49.88%, #006f91 65.74%, #47d7ff 87.38%);**/
			background-size: 400% 400%;
			animation: roaming 25s ease infinite;
	    }
		@keyframes roaming {
			0% {
				background-position: 0% 50%;
			}
			50% {
				background-position: 100% 50%;
			}
			100% {
				background-position: 0% 50%;
			}
		}
      #none {
        fill: white;
      }
      .pays {
	    fill:#E60000;
        filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.45));
        z-index:9
      }
      .pays:hover {
	    fill:#820000;
        filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
      }
      .pays-selected {
	    fill: #E60000;
	    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.8));
	    animation: blink 3s infinite;
	    z-index:999
      }
      @keyframes blink{
		  0% {
		    fill: #E60000;
		    border:4px solid #fff!important
		  }
		  25% {
		    fill: #820000;
		    border:0px solid #fff!important
		  }
		  50% {
		    fill: #E60000;
		    border:4px solid #fff!important
		  }
		  75% {
		    fill: #820000;
		    border:0px solid #fff!important
		  }
		  100% {
		    fill: #E60000;
		    border:4px solid #fff!important
		  }
		}
      .pays-disabled {
	    pointer-events: none;
        fill : #dcdbdb;
      }