#info {
	background-image: url('/img/bg.svg');
        background-repeat: no-repeat;
	background-position: center center;
	background-color:rgba(104,171,194, 0.3);
	list-style-type: none;
        padding: 0px;
        margin:  0px;
	padding-top: 0.1px;
	font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
	font-size: 18px;
	color: teal;
}
#ul#info li,
ul#info li {
	padding-left: 0px ;
	#display: block;
	margin: 32px;
	list-style-image: url('/img/check.png');
}

input[type='range'] {
	#writing-mode: bt-lr; /* IE */
        #-webkit-appearance: slider-vertical; /* WebKit */
        border-radius: 5px;
        height: 10px;
        vertical-align: middle;
        #background-color: teal;
	#background-image: url("../img/barometre3.svg");
	#background-size: 24%;
	#background-repeat: no-repeat;
	#background-position: 62%;
    	#width:150px;
    	height:25px;

        #-webkit-transform:rotate(-90deg);
        #-moz-transform:rotate(-90deg);
        #-ms-transform: rotate(-90deg);
        #-o-transform: rotate(-90deg);
        #transform: rotate(-90deg);

}
input[type='range']::-moz-focus-inner:focus{
    border: 0;
    outline: 0;
}
input[type='range']::-webkit-slider-runnable-track {
        border-radius: 5px;
        background-color: red;
        border: 1px dotted transparent !important;
        width:270px;
        height:10px;

}
input[type='range']::-moz-range-track {
        border-radius: 5px;
        background-color: red;
	height:5px;
	width:310px;
}

textarea {
        background-image: url('/img/bg.svg');
        background-color:rgba(104,171,194, 0.3);
        background-repeat:no-repeat;
        background-position: center;
        padding:5px;
        font-family:'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
        font-size:25px;
	resize: none;
	outline: none;
	-moz-outline-style: none;
}

#graph {
	background-color:rgba(104,171,194, 1);
	width:370px;
	opacity:0.6;
	margin-left: -20px;
	margin-top: -15px;
}

border: {
	1px dotted transparent !important;
        width:250px;
        height:5px;
}
#curseur
input[type='range']::-webkit-slider-thumb {
        border-radius: 20px;
        background-color: #fff;
        border: none;
        box-shadow: 3px 2px 3px #000;
        height: 35px;
        width: 15px;
}
input[type='range']::-moz-range-thumb {
        border-radius: 20px;
        background-color: #fff;
        border: none;
        height: 35px;
        box-shadow: 3px 2px 3px #000;
        width: 15px;
}

input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
  }