/* =============================================================================
   FONTS
============================================================================= */
@font-face {
    font-family: 'archivo_narrowbold';
    src: url('fonts/archivonarrow-bold-webfont.eot');
    src: url('fonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archivonarrow-bold-webfont.woff') format('woff'),
         url('fonts/archivonarrow-bold-webfont.ttf') format('truetype'),
         url('fonts/archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'archivo_narrowbold_italic';
    src: url('fonts/archivonarrow-bolditalic-webfont.eot');
    src: url('fonts/archivonarrow-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archivonarrow-bolditalic-webfont.woff') format('woff'),
         url('fonts/archivonarrow-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/archivonarrow-bolditalic-webfont.svg#archivo_narrowbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'archivo_narrowitalic';
    src: url('fonts/archivonarrow-italic-webfont.eot');
    src: url('fonts/archivonarrow-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archivonarrow-italic-webfont.woff') format('woff'),
         url('fonts/archivonarrow-italic-webfont.ttf') format('truetype'),
         url('fonts/archivonarrow-italic-webfont.svg#archivo_narrowitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'archivo_narrowregular';
    src: url('fonts/archivonarrow-regular-webfont.eot');
    src: url('fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =============================================================================
   MAIN ELEMENTS
============================================================================= */

html { height: 100%; }
:-moz-any-link:focus { outline: none; }
body { background: #E6F0FB; height: 100%; font-family: arial, sans-serif; font-size: 14px; }
img.bg { width: 100%; position: fixed; top: 0; left: 0; z-index: 0; }
#main-wrap { width: 960px; background: #075add; margin: 40px auto 0 auto; height: 100%; position: relative; z-index: 10; }

/* Header
------------------------------------------ */
#main-header { background: url(images/accueil.jpg) no-repeat right top; height: 275px; position: relative; }
#main-header #logo { background: url(images/logo-main.png) no-repeat top left; width: 152px; height: 152px; position: absolute; left: 20px; top: -30px; }
#main-header #logo a { display: block; width: 152px; height: 152px }
#main-header #logo a span { display: none; }
#main-header .intro-text { position: absolute; top: 140px; left: 20px; }
#main-header .intro-text h2 { font-family: 'archivo_narrowregular', sans-serif; font-weight: normal; color: #A4D6B4; }
#main-header .intro-text p { width: 340px; font-size: 15px; color: #ffffff; }

/* Main Content
------------------------------------------ */
#main-content { background: url(images/tile-form.png) right 30px repeat-y #ffffff; min-height: 620px; margin-top: 78px; }

/* Main Content - Content
------------------------------------------ */
.coda-slider { padding: 10px }
.coda-slider h2.title { display: none; }
.coda-slider h3 { margin-top: 45px; font-family: 'archivo_narrowregular', sans-serif; font-size: 30px; font-weight: normal; color: #008C40; }
.coda-slider h3.first { margin-top: 10px; }
.coda-slider p { color: #333333; }
.coda-slider p a { color: #0098DB; text-decoration: underline; }
.coda-slider p a:hover { color: #044EC0; }
.coda-slider-wrapper .coda-nav { width: 960px; margin-top: -78px; border-right: 0; }
.coda-slider-wrapper .coda-nav ul { clear: both; display: block; margin: 0 0 0 0; overflow: hidden; float: right; }
.coda-slider-wrapper .coda-nav a { background: #E6F0FB; color: #0098DB; border-right: 1px solid #B7C0C9; border-bottom: 1px solid #B7C0C9; padding: 27px 31px; font-family: 'archivo_narrowregular', sans-serif; font-size: 18px; font-weight: normal; }
.coda-slider-wrapper .coda-nav a:hover,
.coda-slider-wrapper .coda-nav a.current { color: #044EC0; }
.coda-slider-wrapper .coda-nav a { text-align: center; }
.coda-slider-wrapper .coda-nav .tab1 a { width: 134px; }
.coda-slider-wrapper .coda-nav .tab2 a { width: 211px; }
.coda-slider-wrapper .coda-nav .tab4 a { width: 55px; background: #044EC0; color: #ffffff; border-right: 0; border-bottom: 1px solid #044EC0; }
.coda-slider-wrapper .coda-nav .tab4 a:hover { color: #0098DB; }

/* Main Content - Form
------------------------------------------ */
#contact-us { display: block; float: left; margin-left: 0px; width: 250px; background: url(images/logo-form.png) no-repeat right top; padding: 115px 25px 20px 25px; }
@-moz-document url-prefix() {
    #contact-us {
        margin-top: 1px;
    }
}
#contact-us .coordinates { padding-bottom: 0; margin-bottom: 20px; }
#contact-us .coordinates:after { content: ""; float: left; margin-top: 11px; display: block; height: 1px; width: 100%; background-color: #D5D5D5; }
#contact-us h2 { font-family: 'archivo_narrowregular', sans-serif; font-size: 26px; color: #008C40; font-weight: normal; margin: 0; padding: 0; }
#contact-us .coordinates p { font-size: 13px; color: #008C40; margin-bottom: 0; }
#contact-us #contactForm { margin-top: 10px; font-size: 13px; color: #333333; }
#contact-us #contactForm input[type=text] { width: 230px; height: 30px; background: #ffffff; border: 1px solid #cecece; padding: 0 10px; margin-bottom: 25px; line-height: 30px; }
#contact-us #contactForm input[type=text].error ,
#contact-us #contactForm textarea.error { border: 1px solid #0098DB; }
#contact-us #contactForm textarea { width: 230px; height: 125px; background: #ffffff; border: 1px solid #cecece; padding: 10px; margin-bottom: 10px; }

#contact-us #contactForm input[type=submit] { text-align: left; padding-left: 17px; width: 100px; height: 40px; background: url(images/bg-input.png) no-repeat left top #008C40; border: 0; font-size: 0; color: #008c40; text-indent: -3000px; overflow: hidden; margin: 0; float: right; }
#contact-us #contactForm input[type=submit]:hover { width: 100px; height: 40px; background: url(images/bg-input.png) no-repeat left -40px #008C40; border: 0; font-size: 20px; color: #A4D6B4; font-family: 'archivo_narrowregular', sans-serif; line-height: 40px; margin: 0; float: right; }

#contact-us #contactForm.en input[type=submit] { background: url(images/bg-input.png) no-repeat left -80px #008C40; }
#contact-us #contactForm.en input[type=submit]:hover { background: url(images/bg-input.png) no-repeat left -120px #008C40; }

#contact-us #contactForm input[type=submit]:hover { color: #ffffff; }
.control-group { position: relative; }
.control-group label { position: absolute; line-height: 30px; padding-left: 10px; }
.control-group label.error { bottom: -4px; right: 0; color: #0098DB; }
.control-group.message label.error { bottom: 10px; right: 3px; color: #0098DB; }
.noBot { display: none; }

/* Footer
------------------------------------------ */
footer#main-footer { padding: 195px 0 30px 0; background: url(images/img-footer.jpg) no-repeat left top; }
footer#main-footer p { margin: 0; text-align: right; font-size: 11px; color: #40B2E4; }
footer#main-footer p a { display: block; float: right; margin: 1px 0 0 5px; width: 90px; height: 13px; background: url(images/logo-influenza.png) no-repeat left -13px; }
footer#main-footer p a:hover { background-position: left 0; }
footer#main-footer p a span { display: none; }