@media only screen and (max-width: 1349px) {
.container { max-width: none; padding: 0 25px }
nav .call { right: 20px }
}

@media only screen and (max-width: 1199px) {
.welcome .content { padding: 100px 80px 0 60px; }
.welcome .content h1 { margin: 0 0 50px 0; font-size: 45px; line-height: 60px }
.piloter .content { width: 50%; margin-left: 600px }
.piloter .img { left: -300px; position: absolute; }
.piloter2 .content { width: 50%x; margin: 0 0 0 20px }
.attendus .img { height: 400px; }
.attendus .content { width: calc(100% - 556px); padding: 0 20px 0 50px; }
}

@media only screen and (max-width: 999px) {
#annonce { display: none }
.mobile { display: block }
.container { max-width: 100%; width: 100%; padding: 0 }
nav .menu, nav .call { display: none }
nav { height: 60px; padding: 9px 0 0 15p; top: 0 }
nav .logo { margin: 0 0 0 10px; font-size: 26px }
.navmobile a { position: absolute; right: 10px; top: 11px; display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; padding: 7px 0 0 0 }
.navmobile a img { width: 30px }
.menumobile { display: none; position: fixed; top: 60px; left: 0; right: 0; background-color: #0000FF; z-index: 10; font-weight: 600 }
.menumobile a { display: block; color: #FFF; font-size: 19px; padding: 15px 15px; border-bottom: 1px solid rgba(0,0,0,0.2) }
.menumobile a:active { text-decoration: underline }
.menumobile .back { font-size: 20px; font-weight: normal }
.menumobile .back img { height: 24px }
.welcome { height: auto }
.welcome .content { width: 100%; padding: 30px 30px 60px 30px }
.welcome .img { display: none }
.welcome .content h1 { margin: 0 0 30px 0; font-size: 35px; line-height: 50px }
.piloter { height: auto; padding: 0 0 0 0 }
.piloter .img { display: inline-block; height: auto; width: 100%; left: 0; position: static; padding: 20px 0 0 0 }
.piloter .img img { height: auto; position: static; right: 0; width: 100% }
.piloter .content { width: 100%; padding: 0 30px; display: inline-block; vertical-align: top; margin-left: 0px }
.piloter .content h2, .piloter .content h3 { margin: 50px 0 30px 0; font-size: 24px; line-height: 32px }
.piloter .content a, .piloter .content span { font-size: 18px; padding-left: 25px; line-height: 24px; margin-bottom: 35px; width: 100% }
.attendus { height: auto; padding: 60px 0 0 0 }
.attendus .content { width: 100%; padding: 0 30px }
.attendus .content h2 { margin: 0 0 30px 0; font-size: 26px; line-height: 34px }
.attendus .content .intro { font-size: 18px; line-height: 24px; margin-bottom: 50px }
.attendus .img { height: auto; right: 0px; position: static; width: 100%; padding: 50px 20px }
.attendus .img img { width: 100% }
.securite { padding: 60px 30px 0 30px; font-size: 0 }
.securite h2 { font-size: 26px; line-height: 30px; margin: 0 0 30px 0px; width: 100% }
.securite ul { width: 100%; font-size: 18px; margin-left: 0px; text-align: center; margin-bottom: 50px }
.securite ul h3 { font-size: 24px; margin: 10px 0 25px 0 }
.securite .picto { height: 100px }
.commencer { padding: 60px 30px }
.commencer .titre { font-size: 30px; margin: 0 0 30px 0 }
.commencer .ref { font-size: 16px; width: 100%; margin: 50px auto 0 auto; text-align: left; line-height: 26px }
.ref h3 { font-size: 22px; margin-top: 60px }
footer { padding: 60px 0; font-size: 0 }
footer .container { padding: 0 30px }
footer ul { width: 100%; margin-bottom: 50px }
footer .copy .imagine { display: none }
.introhead { max-width: 100%; margin: 0 auto 80px auto; margin-top: 100px; padding: 0 30px }
.introhead h1 { margin: 0 0 40px 0; font-size: 30px }
.introhead h2 { font-size: 18px; line-height: 24px }
.piloter2 .img { left: auto; right: 0 }
.piloter2 .content { margin: 0 }
.attendus2 .content { position: static; right: 0px }
.essayer { max-width: 100%; margin: 0 auto 80px auto; margin-top: 100px; padding: 0 30px }
.essayer h1 { margin: 0 0 40px 0; font-size: 30px }
.essayer h2 { font-size: 18px; line-height: 24px }
.tarif { width: 100%; padding: 50px 30px }
.tarif .montant { font-size: 60px; }
.tarif .montant sup { font-size: 16px }
.tarif .periode { font-size: 19px }
.tarif .description { font-size: 17px; line-height: 28px; margin-bottom: 60px }
.essayer .champs { width: 100% }
.essayer .rgpb { width: 100% }
.essayer .cgu { width: 100% }
.versions { border-top: 0 }
.versions td { border-bottom: 0; font-size: 16px; display: block; width: 100%; padding-top: 0 }
.versions .num { font-size: 18px; width: 100% }
.versions .num span { font-size: 50px; line-height: 50px }
}