html, body {
	height: 100%;
	width: 100%;
	margin: 0; padding: 0;
	font-size:1em;

}

@media screen and (min-width: 600px) {
	html, body {
		height: 650px;
		width: 600px;
		margin: 0; padding: 0;
		font-size:1em;
	}
}

body {
	display : table;
	font-family: Montserrat;
	color:#144878;
	text-align: center;
	font-size:0.9em;
}

@media screen and (min-width: 600px) {
	body {
		border-top-right-radius:20px;
		border-top-left-radius:20px;
		border:solid 2px #E0E0E0;
	}
}

footer {
	display : table-row;
    vertical-align: middle;
	height: 55px;
	background-color: #E0E0E0; /*change par JS */
	cursor:pointer;
	bottom:0;
}

.titre{
	background-color:#E0E0E0;
	height: 55px;
	width: 100%;
}

.principal{
	margin-left: 5%;
	margin-right: 5%;
	height:auto;
	/*border: 1px red solid;*/
}

table{
	width: 100%;
	
}

.col1{
	width: 10%;
	/*border: solid 2px blue;*/
	text-align: center;
}

.col2{
	width: 80%;
	/*border: solid 2px green;*/
	text-align: left;
}

.cinquante{
	width: 50%;
	/*border: solid 2px purple;*/
	text-align: center;
}

img{
	width:35px;
	height:35px;
}

input{
	width: 100%;
	/*safari*/
    -webkit-appearance: none;
}

.inp{
	border: solid 2px #E0E0E0;
	border-radius: 40px;
	text-align: left;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	font-size:0.9em;
}

.nok{
	background-color: #E0E0E0;
	border: none;	
	font-family: Montserrat;
	font-size:1.3em;
	color:white;
	width:100%;
	cursor:pointer;
}

.ok{
	background-color: #144878;
	border: none;	
	font-family: Montserrat;
	font-size:1.3em;
	color:white;
	width:100%;
	cursor:pointer;
}

.foot{
    vertical-align: middle;
    display: table-cell;
    background-color: #144878;
}

.hide{
	background-color: #144878;
	border-radius: 10px;
	text-align: center;
	font-family: Montserrat;
	color:black;
	/*height:30px;*/
	width: 80%;
	font-size:0.7em;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
}

.right{
	background-color: #144878;
	border-radius: 10px;
	text-align: center;
	font-family: Montserrat;
	color:white;
	/*height:30px;*/
	width: 80%;
	font-size:0.7em;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
}

.intitule{
	font-size:1.2em;
	font-weight: bold;
	color:black;
}

.intitule2{
	font-size:1.2em;
	font-weight: bold;
	color:white;
}

.no{
	background-color: white;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	border:none;
	cursor:pointer;
}

.yes{
    background-image:url("./images/Check.png");
    background-repeat: no-repeat;
    background-size: 25px 25px;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	border:none;
	cursor:pointer;
}

button{
	border:none;
}

/*google chrome*/	
* {
    outline: none;
}

.tiers{
    font-family: Montserrat;
    font-size:1em;
    font-weight: bold;
    color:#155183;
    margin:2px;
    width: 33.3333333%;
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #F18534;
}

input:focus + .slider {
  box-shadow: 0 0 1px #F18534;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 
    /* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
    -o-appearance: none;
    margin:0
}

::-webkit-input-placeholder { color: inherit; }