@charset "UTF-8";
/* ------------------------------------------------------------------------ */
html { margin: 0px; padding: 0px; box-sizing: content-box; }

*, *:before, *:after { box-sizing: inherit; }

button { outline: none; }

/* ------------------------------------------------------------------------ */
#loading-content { background-image: url(/medias/common/_design/loader-blue-grey.svg); background-position: center center; background-repeat: no-repeat; height: 60px; }

/* ------------------------------------------------------------------------ */
#feedback { display: none; }

body { margin: 0px; padding: 0px; padding-bottom: 100px; font-weight: 300 !important; font-size: 16px !important; line-height: 19px !important; color: #828C96 !important; background-color: #EEF0F2 !important; font-family: 'proxima_nova_regular', sans-serif; }

@media only screen and (max-width: 767px) { body { padding-bottom: 0px; font-size: 14px !important; line-height: 17px !important; } }

body h1 { font-family: 'proxima_nova_regular', sans-serif; font-weight: 300; font-size: 34px; line-height: 41px; color: #404D59; margin-bottom: 34px !important; }

body .contenu_main h1 { padding: 0px; margin: 0px; margin-top: 35px; margin-bottom: 39px; font-family: 'proxima_nova_regular', sans-serif; font-weight: 300; font-size: 25px; color: #404D59; height: 60px; line-height: 60px; text-align: center; border-radius: 3px; }

body .contenu_main h1 span { line-height: 60px; background-image: url(/medias/common/_design/ico-section.svg); background-position: left center; background-repeat: no-repeat; padding-left: 40px; display: inline-block; }

body h2 { font-family: 'proxima_nova_regular', sans-serif; font-weight: 300; font-size: 20px; line-height: 26px; color: #404D59; padding-bottom: 15px; }

body h3 { font-family: 'proxima_nova_regular', sans-serif; font-weight: 300; font-size: 20px; line-height: 26px; color: #fff; padding-bottom: 15px; }

body p { font-family: 'proxima_nova_regular', sans-serif; color: #4173B4; font-weight: 300; font-size: 16px; line-height: 20px; }

body ul { font-family: 'proxima_nova_regular', sans-serif; padding: 0px; }

body a { font-weight: 400; cursor: pointer; }

body a:link, body a:visited { color: #3BB4FF; }

body a:hover { color: #004F94; }

body strong { font-family: 'proxima_nova_semibold'; }

/* ------------------------------------------------------------------------ */
#nav-wrap .row, #nav .row, #header .row { max-width: 1280px; margin: auto; }

/* ------------------------------------------------------------------------ */
#nav-wrap { background-color: #004496 !important; height: 100px !important; z-index: 1000; width: 100% !important; position: fixed; padding-top: 30px; }

#nav-wrap .col-lg-12 { padding: 0px !important; padding: 0px !important; }

#nav-wrap #nav-icon { margin-top: 10px; width: 29px; height: 22px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

#nav-wrap #nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-wrap #nav-icon:hover span { background-color: #FF875F; }

#nav-wrap #nav-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-wrap #nav-icon span:nth-child(2) { top: 9px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-wrap #nav-icon span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-wrap #nav-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -2px; left: 4px; }

#nav-wrap #nav-icon.open span:nth-child(2) { width: 0%; opacity: 0; }

#nav-wrap #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; }

#nav-wrap .logo { padding: 0px !important; height: 45px; z-index: 1001; margin-bottom: 10px; }

#nav-wrap .logo img { max-width: 418px; }

#nav-wrap .logo.block { margin: 0px !important; padding: 0px !important; }

#nav-wrap .navigation { padding: 0px !important; z-index: 1001; height: 45px; text-align: right; margin-bottom: 10px; }

#nav-wrap .navigation .btn-inscription { padding: 10px 26px; background-color: #26D0D1; color: #fff; border: 1px #26D0D1 solid; border-radius: 5px; font-size: 16px; line-height: 19px; margin-right: 25px; }

#nav-wrap .navigation .btn-inscription:hover { background-color: #FF875F; border: 1px #FF875F solid; }

#nav-wrap .navigation .btn-compte { padding: 10px 26px; background-color: transparent; color: #fff; border: 1px #ffffff solid; border-radius: 5px; font-size: 16px; line-height: 19px; margin-right: 25px; }

#nav-wrap .navigation .btn-compte:hover { background-color: #fff; color: #004497; }

#nav-wrap .navigation .menu-btn { float: right; }

#nav-wrap .navigation .menu-opener { margin-right: 25px; float: right; }

#nav-wrap .navigation .menu-opener:hover { cursor: pointer; cursor: hand; }

#nav-wrap .menu { display: none; height: 50px; width: 100% !important; margin: 0px !important; padding: 0px !important; padding-top: 20px !important; margin-top: 0px !important; z-index: 1000; border-bottom: 0px #fff solid; }

#nav-wrap .menu ul { margin-left: -40px !important; list-style: none; }

#nav-wrap .menu ul li { color: #ffffff; margin-right: 25px; float: left; }

#nav-wrap .menu ul li.active { color: #ff875e; }

#nav-wrap .menu ul li:hover { color: #FF875F; }

/* ------------------------------------------------------------------------ */
.with-popin { padding-top: 130px; }

.with-popin #nav-wrap { display: none; }

@media only screen and (max-width: 767px) { .with-popin { padding-top: 30px; } }

.popin { text-align: center; width: 410px; margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 767px) { .popin { width: 95%; } }

/* ------------------------------------------------------------------------ */
/* #sb-container { z-index: 1007 !important; } #sb-overlay { background-color: #004496 !important; opacity: 1 !important; background-image: url(/medias/common/_design/popin-bg.png); background-position: center center; } #sb-loading { display: none; } #sb-nav-close { opacity: 0; background-image: url(/medias/common/_design/ico-close.svg) !important; right:0px !important; background-position: right center !important; &:hover { background-image: url(/medias/common/_design/ico-close-hover.svg) !important;	 } } #sb-container { #sb-body { z-index: 1003 !important; border: none !important; opacity: 0; top: -30px; } #sb-info { height: 50px; padding-right: 0px; } #sb-body-inner { background-color: transparent; } #sb-title-inner { color: #57626e !important; } #sb-content { .popin-whoareyou { .logo { img { margin-top: -5px; } } } } */
.popin .popin-content-inner { border-radius: 5px; text-align: center; font-size: 15px; padding-bottom: 40px; }

@media only screen and (max-width: 767px) { .popin .popin-content-inner { padding-bottom: 10px; } }

.popin .popin-content-inner * { font-size: 15px; }

.popin .popin-content-inner > * { margin-left: 39px; margin-right: 41px; margin-left: 0px; margin-right: 0px; }

.popin .popin-content-inner p { margin: 0px; color: #828C96; }

.popin .popin-content-inner p.p1 { margin-top: 35px; }

.popin .popin-content-inner i { color: #3BB4FF; font-weight: 400; font-style: normal; }

.popin .popin-content-inner .q_sub { display: none; font-size: 15px; color: #3BB4FF; }

.popin .popin-content-inner input, .popin .popin-content-inner select { width: 100%; margin-bottom: 19px; color: #404D59 !important; box-sizing: border-box; box-shadow: none !important; border-color: #fff; background-color: #fff; }

.popin .popin-content-inner input.form-control, .popin .popin-content-inner select.form-control { height: 40px; }

.popin .popin-content-inner input.filled, .popin .popin-content-inner select.filled { /* border-color: #00a3d9; */ }

.popin .popin-content-inner input#f_day, .popin .popin-content-inner select#f_day { margin-left: 3%; width: 12%; display: inline-block; }

.popin .popin-content-inner input#f_month, .popin .popin-content-inner select#f_month { margin-left: 4%; width: 12%; display: inline-block; }

.popin .popin-content-inner input#f_year, .popin .popin-content-inner select#f_year { margin-left: 3%; width: 16%; display: inline-block; }

.popin .popin-content-inner .birthdate_cnt .title { width: 48%; display: inline-block; text-align: left; padding-left: 10px; box-sizing: border-box; background-color: #fff; line-height: 41px; border-radius: 3px; color: #AEB4B9; }

@media only screen and (max-width: 767px) { .popin .popin-content-inner .birthdate_cnt .title { width: 47%; } }

.popin .popin-content-inner .logo { margin: 0px; margin-bottom: 25px; text-align: center; }

.popin .popin-content-inner .logo img { width: 50%; min-width: 250px; }

.popin .popin-content-inner h2 { line-height: 30px; display: block; font-size: 25px; font-weight: 400; padding: 0px; margin: 0px; margin-bottom: 25px; }

@media only screen and (max-width: 767px) { .popin .popin-content-inner h2 { font-size: 20px; } }

.popin .popin-content-inner .capsule { border: 1px solid #C9C9C9; border-radius: 5px; height: 40px; text-align: left; line-height: 40px; margin-bottom: 19px; padding-left: 15px; }

.popin .popin-content-inner .capsule.with-helper { margin-bottom: 5px; }

.popin .popin-content-inner .capsule.checked { border: 1px solid #3BB4FF; }

.popin .popin-content-inner .capsule.checked a { color: #3BB4FF !important; }

.popin .popin-content-inner .capsule.checked .input-wrap { border-left: 1px solid #3BB4FF !important; }

.popin .popin-content-inner .capsule input { position: absolute; margin-left: -50px; visibility: hidden; }

.popin .popin-content-inner .capsule a.input-wrap { float: right; border-left: 1px solid #C9C9C9; display: block; height: 38px; width: 40px; cursor: pointer; }

.popin .popin-content-inner .capsule a.input-wrap.checked { background-color: #3BB4FF; background-image: url(/medias/common/_design/ico-checked.svg); background-position: center center; background-repeat: no-repeat; }

.popin .popin-content-inner .capsule a.input-label { text-decoration: none; cursor: pointer; display: block; color: #484848; font-weight: 300; }

.popin .popin-content-inner .capsule a.input-label:hover { color: #3BB4FF; background-image: url(/medias/common/_design/ico-check-hover.svg); background-position: right center; background-repeat: no-repeat; margin-right: 10px; }

.popin .popin-content-inner .help { font-size: 13px; text-align: left; margin-bottom: 19px; }

.popin .popin-content-inner .btn-turquoise { background-color: #3BB4FF; border-radius: 5px; display: block; font-size: 16px; line-height: 60px; color: #ffffff !important; text-decoration: none; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; }

.popin .popin-content-inner .btn-turquoise:hover { background-color: #339BDB; }

.popin .popin-content-inner .btn-turquoise.loading { background-image: url(/medias/common/_design/loader-btn-white.svg); background-position: center center; background-repeat: no-repeat; font-size: 0px; }

.popin .popin-content-inner .btn-turquoise.half { display: inline-block; width: 48%; margin-left: 2%; }

.popin .popin-content-inner .btn-blue { border: 1px solid #3BB4FF; background-color: transparent; border-radius: 5px; display: block; font-size: 16px; line-height: 60px; color: #3BB4FF !important; text-decoration: none !important; text-align: center; width: 100%; }

.popin .popin-content-inner .btn-blue:hover { color: #ffffff !important; border: 1px solid #339BDB; background-color: #339BDB; }

.popin .popin-content-inner .btn-blue.half { display: inline-block; float: left; width: 48%; margin-right: 1%; }

.popin .popin-content-inner .alert { border-radius: 3px; border: none; margin: 0px; margin-bottom: 20px; padding: 0px; font-weight: 200; line-height: 60px; background-color: transparent; font-family: 'proxima_nova_regular'; }

.popin .popin-content-inner .alert.alert-danger { color: #F1503C; border: 1px solid #F1503C; }

.popin .popin-content-inner .alert.alert-success { color: #00B55E; border: 1px solid #00B55E; }

.popin .popin-content-inner .alert #btn-valid { margin-left: 40px; margin-right: 40px; }

.popin .popin-content-outer { font-size: 15px; color: #ffffff; font-family: 'proxima_nova_regular'; text-align: center; }

.popin .popin-content-outer p { font-size: 15px; color: #828C96; margin: 0px; }

.popin .popin-content-outer strong { margin-bottom: 15px; display: block; color: #404D59; }

@media only screen and (max-width: 767px) { .popin .popin-content-outer { font-size: 13px; }
  .popin .popin-content-outer p { font-size: 13px; } }

input.failure, select.failure { border-color: #F05242 !important; }

input::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #AEB4B9 !important; }

input::-webkit-input-placeholder:first-letter, select::-webkit-input-placeholder:first-letter { text-transform: uppercase !important; }

input:-moz-placeholder, select:-moz-placeholder { color: #AEB4B9 !important; }

input:-moz-placeholder:first-letter, select:-moz-placeholder:first-letter { text-transform: uppercase !important; }

input::-moz-placeholder, select::-moz-placeholder { color: #AEB4B9 !important; }

input::-moz-placeholder:first-letter, select::-moz-placeholder:first-letter { text-transform: uppercase !important; }

input:-ms-input-placeholder, select:-ms-input-placeholder { color: #AEB4B9 !important; }

input:-ms-input-placeholder:first-letter, select:-ms-input-placeholder:first-letter { text-transform: uppercase !important; }

input#f_lastname, input#f_institution, select#f_lastname, select#f_institution { text-transform: uppercase; }

input#f_email, input#f_email_confirm, select#f_email, select#f_email_confirm { text-transform: lowercase; }

input:focus, select:focus { border: 1px solid #3BB4FF !important; }

.orange { color: #F1503C; }

.turquoise { color: #26d0d1; }

.bleu-clair { color: #4173B4; }

.bleu-moyen { color: #285AA0; }

.bleu-fonce { color: #004496; }

#form_navigation { background-color: #fff; padding: 0px; font-size: 13px; text-align: center; line-height: 0px; }

#form_navigation .col-lg-12 { padding: 0px; }

#form_navigation a { line-height: 39px; color: #484848; border-bottom: 1px solid #fff; display: inline-block; }

#form_navigation a:hover { color: #3BB4FF; border-bottom: 1px solid #3BB4FF; text-decoration: none; }

#form_navigation div.cnt { display: inline-block; }

#form_navigation div.cnt > ul { list-style: none; padding: 0px; margin: 0px; }

#form_navigation div.cnt > ul > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

#form_navigation div.cnt > ul > li.pfirst { border-left: none; }

#form_navigation div.cnt > ul > li.hide { display: none; }

#form_navigation div.cnt > ul > li > a { color: #3BB4FF; border-bottom: 1px solid #3BB4FF; float: left; display: block; text-transform: uppercase; margin-left: 5px; margin-right: 5px; }

#form_navigation div.cnt > ul > li ul { list-style: none; padding: 0px; float: left; }

#form_navigation div.cnt > ul > li ul:before { content: ' ›'; color: #3BB4FF; }

#form_navigation div.cnt > ul > li ul li { display: inline-block; padding-left: 5px; padding-right: 5px; }

#form_navigation div.cnt > ul > li ul li:before { content: ' › '; color: #3BB4FF; }

#form_navigation div.cnt > ul > li ul li.ffirst:before { content: '' !important; }

#form_navigation div.cnt > ul > li ul li.current a:link, #form_navigation div.cnt > ul > li ul li.current a:visited { color: #3BB4FF; }

#form_navigation div.cnt > ul > li ul li a { padding-left: 5px; }

@media only screen and (max-width: 767px) { #form_navigation a { font-size: 11px; }
  #form_navigation div.cnt > ul > li { display: inline-block; }
  #form_navigation div.cnt > ul > li ul li { padding-left: 0px; padding-right: 0px; }
  #form_navigation div.cnt > ul > li ul li a { padding-left: 5px; padding-right: 5px; } }

/* Higher than 1200 (desktop devices)
====================================================================== */
/* Higher than 960 (desktop devices)
====================================================================== */
/* Tablet Portrait (devices and browsers)
====================================================================== */
/* All Mobile Sizes (devices and browser)
====================================================================== */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */