@charset "UTF-8";body{background-image:url("data:image/svg+xml,%3csvg%20width='1099'%20height='1099'%20viewBox='0%200%201099%201099'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M760.6%20915.833C821.96%20916.291%20881.032%20893.395%20926.365%20852.183C1076.1%20721.219%20995.969%20458.375%20798.607%20433.647C728.087%205.95286%20111.274%20168.055%20257.349%20575.143'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M333.363%20593.918C309.094%20581.554%20282.077%20575.143%20255.06%20575.601C41.6705%20590.712%2042.1284%20901.18%20255.06%20916.291'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M724.424%20452.88C748.236%20440.974%20773.879%20434.563%20800.438%20434.105'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M456.543%20915.833L364.96%201007.42'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M639.71%20915.833L548.126%201007.42'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M639.71%20732.667L548.126%20824.25'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M456.543%20732.667L364.96%20824.25'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}h1{font-size:xx-large;color:#00f}p{margin-top:30px;color:#00f}header{text-align:center;margin:40px 260px}main{border-radius:10px;display:flex;justify-content:center;margin:50px}.sidebar{background:white;min-width:200px;padding:20px}:root{--color-primary: rgb(179, 93, 179)}section{margin-top:90px;border-radius:10px;font-family:Arial;padding:10px;text-align:center}section.white{display:flex;flex-direction:column;background-color:#fff;gap:20px}.liste-ville{gap:10px;padding:20px;margin-top:10px;display:flex;flex-direction:column}.ville{color:#fcfcfc;background-color:#0065f2;display:flex;justify-content:space-between;align-items:center;border-radius:10px;padding:10px 20px}.form-app{display:flex}.form-app__input{background-color:#0065f2;color:#ebf3fe}h2{color:#00f}h2>span:first-child{color:var(--color-primary)}h2>span:last-child{border-bottom:solid 2px var(--color-primary);padding-bottom:5px}h3{text-align:left;color:#0065f2}.principal-i{display:flex;flex-direction:column;gap:10px}.icone-principale{display:flex}.img-pluie{flex:1;background:#ebf3fe}.détail-p{flex:1}.container{display:flex;flex-wrap:wrap}.container>div{color:#00f;border:solid thin rgb(0,0,255);position:relative;transition:all .5s ease;min-width:200px;flex:1;padding:5px;margin:10px;border-radius:5px;background:#ebf3fe;width:40px;height:120px}.container i{transition:all .5s ease;font-size:50px;color:var(--color-primary)}.container>div:hover{background-color:var(--color-primary);color:#fff}.container>div:hover>i{color:#fff}.container>div i:last-child{position:absolute;top:-10px;right:-10px;color:#fff;background-color:var(--color-primary);padding:10px;border-radius:10px;font-size:20px}.ville img{width:20px;font-size:20px}