* { margin:0; padding:0; }

body { font-family: 'Open Sans', sans-serif; font-size: 20px; background-color: #fff; color: #000; margin: 1em 0.5em }
@media screen and (max-width: 1000px) { body { font-size:19px } }
@media screen and (max-width: 950px) { body { font-size:18.5px } }
@media screen and (max-width: 900px) { body { font-size:18px } }
@media screen and (max-width: 850px) { body { font-size:17.5px } }
@media screen and (max-width: 800px) { body { font-size:17px } }
@media screen and (max-width: 750px) { body { font-size:16.5px } }
@media screen and (max-width: 700px) { body { font-size:16px } }
@media screen and (max-width: 650px) { body { font-size:15.5px } }
@media screen and (max-width: 600px) { body { font-size:15px } }
@media screen and (max-width: 550px) { body { font-size:14.5px } }
@media screen and (max-width: 500px) { body { font-size:14px } }

#page { margin: 0 auto; width: 1200px; max-width: 100% }
#langue { float:right }

h1 a { text-decoration: none!important; font-size: 1.2em }
a { color:#0066cc }
h2, h3, h4 { font-weight: 700 }
h2, h3, h4, p, ul { margin: 1.2em 0; line-height: 1.8em }
ul { margin: 1.2em 0 1.2em 3em }
strong { font-weight: 700 }

#mapframe { max-width: 100%; overflow: auto }
#mapframe > div { position: relative }
#map { padding-top:40% }
@media screen and (max-width: 900px) { #map { padding-top:55% } }
@media screen and (max-width: 500px) { #map { padding-top:85% } }

.iponmap { font-weight: 800; color: #0066cc; white-space: nowrap}
.iponmap strong { color: #FC0082 }
.erreur { color: #ff3300 }
.fiabilite { color: #777 }
.nowrap { white-space: nowrap }
#footer { text-align: center; font-size:.8em }
#footer a { text-decoration: none }
.flag { padding: 1px; border: 1px solid #bbb; vertical-align: -20%; width: 24px; }

img, textarea, input, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
textarea { width: 100%; line-height: inherit }
input, select, textarea, button { background: #fff; color: #000; border: 1px solid #ccd; padding-left: 0.3em; border-radius: 3px; font-family: inherit; font-size: inherit; font-weight: inherit }
input[type="submit"], input[type="button"], input[type="file"], select { padding-right: 0.3em }
input[type="radio"], input[type="checkbox"] { background: none; border: none; padding-left: 0 }
select, input[type="submit"], input[type="button"], input[type="file"], label { cursor: pointer }
input:focus, textarea:focus { border: 1px solid #666; background: #fff!important }
input[disabled="disabled"], input[disabled], select[disabled] { color: #aaa; cursor: default }
/* chrome */
input, textarea { outline: none; box-shadow: none }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 99px #fff inset; -webkit-text-fill-color: #000 }

.form { width: 100% }
.form td { padding: .2em 0 }

/* Transitions */
a, input, textarea {
-webkit-transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
-moz-transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
-o-transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
}