@font-face {
    font-family: 'icomoon';
    src:    url('https://soap.monclocher.com/fonts/icomoon.eot?fe9h05');
    src:    url('https://soap.monclocher.com/fonts/icomoon.eot?fe9h05#iefix') format('embedded-opentype'),
        url('https://soap.monclocher.com/fonts/icomoon.ttf?fe9h05') format('truetype'),
        url('https://soap.monclocher.com/fonts/icomoon.woff?fe9h05') format('woff'),
        url('https://soap.monclocher.com/fonts/icomoon.svg?fe9h05#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*General*/
#meteo {
	position:relative;
}
.item {display:inline-block;vertical-align:middle;}

#titreMeteo {
	font-weight:bold;
	font-size:20px;
}

#ville::first-letter {
	text-transform:uppercase;
}
#ville {display:inline-block;}


/*affichage */
.tempHaute {
	margin-left:10px;
}
.temperatures {
	margin:0 0 0 10px;
}
.label  {margin-right: 10px;	font-weight:normal;	font-size:100%;	padding:0;	text-align:left;}
.jour {margin-bottom:10px;}
.label span {	display:block;	text-align:left;}
.jour .imgSvg {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }


/*img meteo*/
.imgSvg {
	background-size:65px auto;
	width: 65px;
	height: 65px;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
.jour {
	display: inline-block;
	margin: 0 20px;
	margin-bottom: 10px;
}
#titreMeteo {
	margin-bottom: 10px !important;
}


/*loader*/

#loadMeteo {
	height: 31px;
	width: 31px;
	background:url('../img/ajax-loader.gif') no-repeat 0 0;
	top:50%;
	margin-top:-15px;
	left:50%;
	position:absolute;
	margin-left:-15px;
}