#info {margin-bottom: 10px; margin-top: 10px; border: 1px solid lightgrey; padding: 10px 20px; line-height: 20px}
#vacances {text-align: center; font-size: 14px}
#cf {text-align: center; background-color: #fafafa; padding: 10px; clear: right; margin-top: 15px}
#carte {height: 800px; width: 100%; margin-top: 10px}
#nbnotes {border: 1px solid lightgrey; padding: 5px 0 5px 15px; width: 233px}
form[name=findexchville] {width: 500px; height: 100px; padding: 25px 30px 20px 50px; float: right; margin-top: 20px; border: 1px solid lightgrey; background: linear-gradient(#fff, #e6e6e6)}
#ch {margin-bottom: 15px; font-weight: bold; font-size: 27px; color: #039BE5}
input[name=indexchville] {padding-left: 10px; width: 400px; font-size: 20px; height: 40px}
form[name=findexchville] input[type=submit] {padding: 6px 8px; font-size: 20px; font-weight: bold; margin-left: 20px}
form[name=findexchville] input[type=submit]:hover {cursor: pointer}
#instructions {font-size: 14px; margin-top: 10px}
#indexselvilles {width: 300px; position: absolute; border: 1px solid grey; background-color: #fff; display: none; text-align: left; z-index: 100; line-height: 20px; margin-top: -26px}
#indexselvilles p {margin: 0 3px; border-bottom: 1px dashed lightgrey; cursor: pointer; font-size: 14px}
#indexselvilles p:hover {background-color: #316ac5; color: #fff}
#podium {background: linear-gradient(#fff, #f2f2f2); border: 1px solid lightgrey; width: 250px; padding: 5px; margin-top: 15px}
#podium th {line-height: 15px}
#podium td {line-height: 20px}
#podium td:first-child {width: 100%; padding-left: 4px}
#colleft h3 {text-align: center; margin-top: 50px}

/* Tableau pour mobile */
#mcltcrit {border: 1px solid silver; margin-top: 20px;}
#mcltcrit th {border: 1px solid silver; padding: 8px 4px}
#mcltcrit tr:nth-of-type(1) {background-color: #0f9}
#mcltcrit tr:nth-of-type(2) {background-color: #6f9}
#mcltcrit tr:nth-of-type(3) {background-color: #9f9}
#mcltcrit tr:nth-of-type(4) {background-color: #cf9}
#mcltcrit tr:nth-of-type(5) {background-color: #ff9}
#mcltcrit tr:nth-of-type(6) {background-color: #fc6}
#mcltcrit tr:nth-of-type(7) {background-color: #f93}
#mcltcrit tr:nth-of-type(8) {background-color: #f30}

#cltcrit {width: 100%; border: 1px solid silver; margin-top: 20px; font-size: 12px}
#cltcrit th {border: 1px solid silver; padding: 6px 0}
#cltcrit th:nth-of-type(2) {background-color: #0f9}
#cltcrit th:nth-of-type(3) {background-color: #6f9}
#cltcrit th:nth-of-type(4) {background-color: #9f9}
#cltcrit th:nth-of-type(5) {background-color: #cf9}
#cltcrit th:nth-of-type(6) {background-color: #ff9}
#cltcrit th:nth-of-type(7) {background-color: #fc6}
#cltcrit th:nth-of-type(8) {background-color: #f93}
#cltcrit th:nth-of-type(9) {background-color: #f30}
#colleft h2 {color: #f60; margin-top: 40px}
#legende {border: 1px solid grey; width: 100%; height: 30px; margin-top: 5px; border-collapse: collapse}
#legende td {border-width: 0}
#legende caption {margin-top: -25px; color: white; font-size: 16px; font-weight: bold; word-spacing: 10px}

@media only screen and (max-device-width:480px) {
	#vacances {margin-bottom: 10px}
}