/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   reset                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol,ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
img {vertical-align: bottom;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

html {height: 100%; min-height: 100%; font: 0.625em/1em 'ProximaNova', sans-serif;}
body {height: 100%; color: #595b62; background: #fff; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight: normal;}
p, li {line-height: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
a {text-decoration: underline; color: inherit;}
a:hover, a:focus {text-decoration: underline; color: inherit; outline: none;}
a span, button {cursor: pointer;}
img {max-width: 100%; vertical-align: bottom;}
sub, sup {font-size: 75%;}

h1 {margin: -18px 0 25px; font-size: 80px; font-size: 8rem; line-height: 96px; line-height: 9.6rem; font-weight: 300; letter-spacing: 7px; text-transform: uppercase; text-align: center; color: #333;}
h1:last-child {margin-bottom: -23px;}
h2 {margin: -9px 0 18px; font-size: 36px; font-size: 3.6rem; line-height: 44px; line-height: 4.4rem; font-weight: 300; text-align: center; color: #333;}
h2:last-child {margin-bottom: -11px;}
h3 {margin: 43px 0 17px; font-size: 34px; font-size: 3.4rem; line-height: 38px; line-height: 3.8rem; letter-spacing: 1px; color: #002673;}
h3:first-child {margin-top: -7px;}
h4 {margin: 36px 0 14px; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; font-weight: 500; color: #751d7d;}
h4:first-child {margin-top: -7px;}
h4:last-child {margin-bottom: -5px;}
p {margin-bottom: 18px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; font-weight: 300;}
p:last-child {margin-bottom: -3px;}
ul {margin-bottom: 12px;}
ul:last-child {margin-bottom: -4px;}
li {padding-left: 66px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; font-weight: 300;}
li:before {float: left; margin: 7px 0 0 -16px; width: 6px; height: 6px; content: ""; background: url('images/bullet-blue.png') no-repeat 0 0;}

p > em > strong > em {display: block; margin: 40px 0;}
p + p > em > strong > em {margin-top: 43px;}
p:first-child > em > strong > em {margin-top: 0;}
p:last-child > em > strong > em {margin-bottom: 4px;}
p > em > strong > em > a {display: inline-block; padding: 12px 17px 10px; vertical-align: bottom; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: normal; font-style: normal; letter-spacing: 0.5px; text-decoration: none; color: #fff; background: #002673;}
p > em > strong > em > a {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
p > em > strong > em > a:hover,
p > em > strong > em > a:focus {color: #fff; text-decoration: none;}
p img {padding: 14px 0;}
p:first-child img {padding-top: 4px;}
p:last-child img {padding-bottom: 4px;}

a {color: #003399;}

hr {position: relative; margin: 70px auto; border-top: 1px solid #dcdcdc; max-width: 454px;}
hr:before {position: absolute; left: 50%; top: 50%; margin: -27.5px -54px; width: 108px; height: 55px; content: ""; background: #fff;}
hr:after {position: absolute; left: 50%; top: 50%; margin: -27.5px -34px; width: 68px; height: 55px; content: ""; background: #fff url('images/logo-stet-only.png') no-repeat 0 0;}
hr.hr-margin {margin-top: 107px; margin-bottom: 93px;}

::-webkit-input-placeholder {opacity: 1 !important; font-style: normal !important; color: inherit !important;}
:focus::-webkit-input-placeholder {opacity: 0.5 !important;}
::-moz-placeholder {opacity: 1 !important; font-style: normal !important; color: inherit !important;}
:focus::-moz-placeholder {opacity: 0.5 !important;}
:-ms-input-placeholder {opacity: 1 !important; font-style: normal !important; color: inherit !important;}
:focus:-ms-input-placeholder {opacity: 0.5 !important;}
:-moz-placeholder {opacity: 1 !important; font-style: normal !important; color: inherit !important;}
:focus:-moz-placeholder {opacity: 0.5 !important;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   boostrap                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------ */

.container {position: relative;}

.row {margin-left: 0; margin-right: 0;}
.table {display: table; margin-bottom: 0; width: 100%; table-layout: fixed; background: none !important;}
.oldie .table {table-layout: auto;}
.table-auto {table-layout: auto;}
[class*='col-'] {padding-left: 0; padding-right: 0;}
.table-cell {display: table-cell;  float: none; vertical-align: top;}
.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}

.row.row-10 {margin-left: -10px; margin-right: -10px;}
.row.row-10 > [class*='col-'],
.row.row-10 > .table > [class*='col-'] {padding-left: 10px; padding-right: 10px;}
.row.row-15 {margin-left: -15px; margin-right: -15px;}
.row.row-15 > [class*='col-'],
.row.row-15 > .table > [class*='col-'] {padding-left: 15px; padding-right: 15px;}
.row.row-20 {margin-left: -20px; margin-right: -20px;}
.row.row-20 > [class*='col-'],
.row.row-20 > .table > [class*='col-'] {padding-left: 20px; padding-right: 20px;}
.row.row-25 {margin-left: -25px; margin-right: -25px;}
.row.row-25 > [class*='col-'],
.row.row-25 > .table > [class*='col-'] {padding-left: 25px; padding-right: 25px;}
.row.row-30 {margin-left: -30px; margin-right: -30px;}
.row.row-30 > [class*='col-'],
.row.row-30 > .table > [class*='col-'] {padding-left: 30px; padding-right: 30px;}
.row.row-35 {margin-left: -35px; margin-right: -35px;}
.row.row-35 > [class*='col-'],
.row.row-35 > .table > [class*='col-'] {padding-left: 35px; padding-right: 35px;}
.row.row-40 {margin-left: -40px; margin-right: -40px;}
.row.row-40 > [class*='col-'],
.row.row-40 > .table > [class*='col-'] {padding-left: 40px; padding-right: 40px;}
.row.row-45 {margin-left: -45px; margin-right: -45px;}
.row.row-45 > [class*='col-'],
.row.row-45 > .table > [class*='col-'] {padding-left: 45px; padding-right: 45px;}
.row.row-50 {margin-left: -50px; margin-right: -50px;}
.row.row-50 > [class*='col-'],
.row.row-50 > .table > [class*='col-'] {padding-left: 50px; padding-right: 50px;}

.nav {float: none; margin: 0; padding: 0; overflow: visible;}
.nav:first-child {margin-top: 0;}
.nav:last-child {margin-bottom: 0;}
.nav:before, .nav:after {display: table; clear: both; content: "";}
.nav li {position: relative; float: none; margin: 0; padding: 0; font-size: 10px; font-size: 1rem; line-height: normal; font-weight: inherit; font-style: inherit; text-indent: 0; color: inherit; background: none;}
.nav li:before {display: inline; position: static; float: none; margin: 0; padding: 0; border: 0; width: auto; height: auto; content: ""; background: none;}
.nav li > a,
.nav li.active > a {margin: 0; padding: 0; border: 0; text-decoration: none; color: inherit; background: none;}
.nav li > a,
.nav li.active > a {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
}
.nav li a:hover,
.nav li a:focus,
.nav li.active a:hover,
.nav li.active a:focus {border: 0; text-decoration: none; background: none;}

.padding-0 {padding: 0;} 
.padding-5 {padding: 5px;} 
.padding-10 {padding: 10px;} 
.padding-15 {padding: 15px;} 
.padding-20 {padding: 20px;} 
.padding-25 {padding: 25px;} 
.padding-30 {padding: 30px;} 
.padding-35 {padding: 35px;} 
.padding-40 {padding: 40px;} 
.padding-45 {padding: 45px;} 
.padding-50 {padding: 50px;} 
.padding-55 {padding: 55px;} 
.padding-60 {padding: 60px;} 
.padding-70 {padding: 70px;} 
.padding-80 {padding: 80px;} 
.padding-100 {padding: 100px;} 
.padding-180 {padding: 180px;} 
.padding-left-0 {padding-left: 0 !important;} 
.padding-right-0 {padding-right: 0 !important;} 
.padding-top-0 {padding-top: 0 !important;} 
.padding-bottom-0 {padding-bottom: 0 !important;}

.form-group {margin-bottom: 20px;}
.form-control {margin: 0; padding: 12px 15px 10px; border: 0; height: auto; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; letter-spacing: 1px; color: #595b62; background: #ebebed;}
.form-control {
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}
textarea.form-control {height: 200px;}

.form-actions button {margin: 0; padding: 12px 15px 10px; border: 2px solid #003399; vertical-align: bottom; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; letter-spacing: 1px; color: #003399; background: none;}
.form-actions button {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}

label.error {display: block; padding-top: 7px; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; font-style: italic; text-align: right; color: #f00;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   page                                         <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#page {position: relative; min-height: 100%; overflow: hidden;}

.overlay {position: absolute !important; z-index: 50 !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden; text-indent: -999em; text-align: left; background: url('images/blank.gif') !important;}

.wrapper-illustration {background-repeat: no-repeat; background-position: 50% 50%;}
.wrapper-illustration {
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  background-size:         cover;
}

.wrapper-illustration .illustration {margin: 42px 0;}
.wrapper-illustration .illustration:first-child {margin-top: 0;}
.wrapper-illustration .illustration:last-child {margin-bottom: 0;}

.hgroup h2 {font-weight: normal; text-transform: uppercase;}
.hgroup h2:last-child {margin-bottom: 0;}
.hgroup h2:after {display: block; margin: 17px auto 0; width: 60px; height: 2px; content: ""; background: #003399;}
.hgroup p {font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; letter-spacing: 0.5px;}
.hgroup p a {text-decoration: none; color: inherit;}
.hgroup p a.active {border-bottom: 3px solid #7b1f7f; font-weight: 500;}

.mejs-overlay-loading,
.mejs-controls .mejs-time-rail .mejs-time-buffering {display: none !important;}

.hgroup + .grid {margin-top: 65px;}
.grid {margin: 50px 0;}
.grid:first-child {margin-top: 0;}
.grid:last-child {margin-bottom: 0;}

.text-white,
.text-white h1,
.text-white h2 {color: #fff !important;}

.text-blue,
.text-blue h1,
.text-blue h2 {color: #04094b !important;}

.text-blue2,
.text-blue2 h1,
.text-blue2 h2 {color: #003399 !important;}

.text-blue3,
.text-blue3 h1,
.text-blue3 h2 {color: #002673 !important;}

.text-purple,
.text-purple h1,
.text-purple h2 {color: #751d7d !important;}

.bg-lightgray {background-color: #f6f6f6 !important;}
.bg-black {color: #fff; background-color: #000 !important;}

.ditto1news {position: relative;}
.ditto1news .illustration img {width: 100%;}
.ditto1news .content {position: absolute; left: 0; bottom: 0; right: 0; padding: 20px; min-height: 80px; text-align: left; color: #751d7d; background: #fff; background-color: rgba(255, 255, 255, 0.8);}
.ditto1news .content h4 {margin: 0; letter-spacing: 0.5px; color: #002673;}
.ditto1news .content p {font-size: 10px; font-size: 1rem; line-height: 14px; line-height: 1.4rem; font-weight: normal;}
.list-news {margin: -10px 0;}
.list-news .ditto1news {margin: 10px 0;}

.contact-infos li {padding: 12px 0 0 58px; letter-spacing: 0.5px;}
.contact-infos li + li {margin-top: 18px;}
.contact-infos li:before {float: left; margin: -12px 0 0 -58px; width: 43px; height: 42px; content: ""; background: url('images/contact-icons.png') no-repeat 0 0;}
.contact-infos li.icon-tel:before {background-position: 0 0;}
.contact-infos li.icon-mail:before {background-position: -43px 0;}
.contact-infos li.icon-marker:before {background-position: -86px 0;}
.contact-infos li:after {display: table; clear: both; content: "";}
.contact-infos li strong {font-weight: 500;}

.logo-stet-white {display: block; width: 134px; height: 40px; overflow: hidden; text-indent: -999em; background: url('images/logo-stet-white.png') no-repeat 0 0;}
.logo-stet-white {
  -webkit-background-size: contain;
  -moz-background-size:    contain;
  background-size:         contain;
}

.chapo {margin-bottom: 30px; max-width: 580px;}
.chapo p {font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 300; font-style: italic; letter-spacing: 0.5px;}
.chapo + h4 {margin-top: 34px;}

.download {margin: 20px 0; padding-left: 20px; font-weight: normal;}
.download + .download {margin-top: -14px;}
.download a {display: inline-block; padding-left: 25px;}
.download a:before {position: relative; top: 2px; float: left; margin-left: -25px; width: 15px; height: 16px; content: ""; background: url('images/download-icon.png') no-repeat 0 0;}

.slider {margin: 30px 0;}
.slider li {padding-left: 0;}
.slider li:before {display: none;}
p + .slider {margin-top: 26px;}
.slider + p {margin-top: -4px;}
.bx-wrapper {position: relative;}
.bx-prev {position: absolute; left: 0; top: 50%; margin-top: -20px; width: 36px; height: 40px; overflow: hidden; text-indent: -999em; background: url('images/slider-controls.png') no-repeat 0 0;}
.bx-next {position: absolute; right: 0; top: 50%; margin-top: -20px; width: 36px; height: 40px; overflow: hidden; text-indent: -999em; background: url('images/slider-controls.png') no-repeat -36px 0;}

.big {font-size: 18px; font-weight: 1.8rem; line-height: 22px; line-height: 2.2rem; letter-spacing: 1px;}
.bigger {font-size: 22px; font-weight: 2.2rem; line-height: 26px; line-height: 2.6rem; font-weight: normal; letter-spacing: 1px;}
.bigger strong {font-size: 56px; font-size: 5.6rem; line-height: 56px; line-height: 5.6rem; font-weight: 500;}

.split {margin: 65px 0 50px;}
.split:before {margin-top: 0;}
.split:after {margin-bottom: 0;}
.split [class*='col-'] {padding: 15px 40px 0;}
.split [class*='col-'] + [class*='col-'] {padding: 80px 0 0 60px;}
.split [class*='col-'] + [class*='col-']:before {position: absolute; left: -1px; top: 0; bottom: 0; width: 3px; content: ""; background: #003399;}
.split [class*='col-'] + [class*='col-']:before {
  -webkit-transform: rotate(17deg);
  -moz-transform:    rotate(17deg);
  transform:         rotate(17deg);
}
.split h4 {margin-bottom: 20px; font-size: 20px; font-size: 2rem; line-height: 28px; line-height: 2.8rem; letter-spacing: 0.5px;}
.split p {margin: 0; letter-spacing: 0.5px;}
.split strong {display: inline-block; margin-bottom: -6px;}

.double-arrow {padding-left: 65px; background: url('images/double-arrow.png') no-repeat 0 7px;}
.cross-arrow {padding-left: 59px; background: url('images/cross-arrow.png') no-repeat 0 6px;}

.map-bg {margin: 40px 0 30px; padding-top: 50px; min-height: 514px; background: url('images/map-bg.png') no-repeat 50% 0;}
.map-bg:before {margin-top: 0;}
.map-bg:after {margin-bottom: 0;}
.map-bg p {max-width: 500px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; letter-spacing: 0.5px;}
.map-bg .illustration {position: relative; left: -35px; margin-top: 85px;}

.card {position: relative; margin: 60px 0 45px; padding-left: 257px;}
.card .card-icon {position: absolute; left: 160px; top: 8px; width: 82px; height: 59px; overflow: hidden; vertical-align: top; text-indent: -999em; background: url('images/card.png') no-repeat 0 0;}
.card p {font-size: 33px; font-weight: 3.3rem; line-height: 38px; line-height: 3.8rem; font-weight: normal;}
.card p strong {font-size: 84px; font-weight: 8.4rem; line-height: 84px; line-height: 8.4rem; font-weight: 500;}

.thermometer {margin: 63px 0 50px;}
.thermometer .illustration {display: inline-block; position: relative; vertical-align: bottom;}
.thermometer .bar {position: absolute; left: 0; top: 100%; right: 0; bottom: 0; overflow: hidden;}
.thermometer .bar img {position: absolute; left: 0; bottom: 0; width: 100%;}
.thermometer .scale {position: absolute; left: 222px; top: 0; font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; text-align: left; color: #003399;}
.thermometer .scale.scale1 {top: 71px;}
.thermometer .scale.scale2 {top: 182px;}
.thermometer .scale.scale3 {top: 307px;}

.chronometer {margin: 50px 0 0;}
.chronometer li {font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem;}
.chronometer li:before {margin-top: 8px;}
.chronometer li + li {margin-top: 12px;}
.chronometer .illustration {margin: 70px 0 50px;}

.top {display: block; position: relative; z-index: 60; margin: -25px auto; width: 50px; height: 50px; overflow: hidden; text-indent: -999em; text-align: left; background: url('images/top.png') no-repeat 0 0;}

.embed-responsive {margin-bottom: 30px;}

.performances {margin: 60px 0 70px;}
.performances p {margin: 0; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; letter-spacing: 0.5px;}
.performances p strong {font-size: 22px; font-size: 2.2rem; line-height: 26px; line-height: 2.6rem; font-weight: 500;}
.performances .illustration {margin: 5px 0 15px;}
.performances .illustration:last-child {margin-bottom: 0;}

.chart-illustration {margin: 64px 0 88px;}

.slide-text {position: relative;}
.slide-text .play-video {position: absolute; left: 0; top: 100%; right: 0; margin-top: 60px; text-align: center;}

.play-video a {display: inline-block; padding: 9px 25px 7px; border: 1px solid #fff; font-size: 18px; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; color: #fff;}
.play-video a {
  -webkit-border-radius: 17px;
  -moz-border-radius:    17px;
  border-radius:         17px;
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   header                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#header {padding: 20px 0; background: #fff;}
#header .navbar-header {float: left; margin: 0;}
#header .navbar-collapse {margin: 0; padding: 0; border: 0;}
#header .navbar-collapse {
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}
#header .navbar-brand {display: inline-block; position: relative; margin: 0; padding: 0; width: 135px; height: 40px; overflow: hidden; text-indent: -999em; background: url('images/logo-stet.png') no-repeat 0 0;}
#header .container {max-width: 970px;}

#nav {padding: 12px 0 12px 20px;}
#nav .nav {float: right;}
#nav .nav > li {float: left;}
#nav .nav > li + li {margin-left: 25px;}
#nav .nav > li > a {display: block; position: relative; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; text-transform: uppercase; color: #595b62;}
#nav .nav > li > a:hover {color: #002673; }
#nav .nav > li.active > a {font-weight: bold; color: #002673;}
#nav .nav > li.active > a:after {position: absolute; left: 50%; bottom: 0; margin: 0 -20px -9px; height: 2px; width: 40px; content: ""; background: #741d7c;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   footer                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
#footer .container {max-width: 970px;}

#footer {position: absolute; left: 0; bottom: 0; right: 0; padding: 60px 0; color: #686b92; background: #04094b;}
#footer h4 {margin: 0; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; text-transform: uppercase; color: #fff;}
#footer h4:first-child {margin-top: 3px;}
#footer h4 a {text-decoration: none; color: inherit;}
#footer .nav {margin-top: 7px;}
#footer .nav li a {font-size: 10px; font-size: 1rem; line-height: 12px; line-height: 1.2rem; text-decoration: none; color: #686b92;}
#footer .border-right {border-right: 1px solid #fff;}
#footer .linkedin {display: inline-block; margin-right: 12px; width: 30px; height: 30px; overflow: hidden; text-indent: -999em; text-align: left; background: url('images/linkedin.png') no-repeat 0 0;}
#footer .twitter {display: inline-block; width: 30px; height: 30px; overflow: hidden; text-indent: -999em; text-align: left; background: url('images/twitter.png') no-repeat 0 0;}
#footer p.copyright {margin-top: 24px; font-size: 10px; font-size: 1rem; line-height: 14px; line-height: 1.4rem;}

#footer .top {position: absolute; left: 50%; top: 0; margin-left: -25px; background-position: 0 -50px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   subnav                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#subnav {margin-bottom: 20px;}
#subnav .nav > li:after {display: block; margin-top: 15px; width: 40px; height: 2px; content: ""; background: #eee;}
#subnav .nav > li + li {margin-top: 17px;}
#subnav .nav > li > a {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-transform: uppercase;}
#subnav .nav > li.active:after {background-color: #741d7c;}
#subnav .nav > li.active > a {font-weight: bold; color: #002673;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   content                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#content {padding: 80px 0 150px;}
#content .container {max-width: 970px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   profiles                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#profils .list-profils {margin: 4px 0 -10px;}
#profils .ditto1profil {position: relative; margin: 10px 0;}
#profils .ditto1profil .illustration img {width: 100%;} 
#profils .ditto1profil .content {position: absolute; left: 0; bottom: 0; right: 0; padding: 15px 32px 15px 10px; min-height: 70px; color: #fff; background: #003399; background-color: rgba(0, 51, 153, 0.9);}
#profils .ditto1profil.popin .content:after {position: absolute; right: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url('images/plus.png') no-repeat 0 0;}
#profils .ditto1profil .content p {font-weight: 500; text-transform: uppercase;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   tools                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#tools .nav {margin: -10px;}
#tools .nav > li {display: inline-block; margin: 10px; vertical-align: middle;}
#tools .nav > li > a {display: block; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-transform: uppercase; text-align: center; color: #751d7d;}
#tools .nav > li > a:before {display: block; margin: 0 auto 7px; background: url('images/tools-icons.png') no-repeat 0 0;}
#tools .nav > li > a.back:before {width: 22px; height: 20px; content: ""; background-position: 0 0;}
#tools .nav > li > a.print:before {width: 24px; height: 22px; content: ""; background-position: 0 -20px;}

.share {margin: 30px 0;}
.share .nav > li {display: inline-block; margin-right: 10px; vertical-align: middle; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem;}
.share .nav > li > a {display: block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; text-transform: uppercase; text-align: center; color: #751d7d; cursor: pointer;}
.share .nav > li > a:before {display: inline-block; position: relative; top: -2px; margin: -0.5px 5px 0 0; vertical-align: middle;}
.share .nav > li.linkedin > a:before {width: 20px; height: 20px; content: ""; background: url('images/linkedin-violet-20.png') no-repeat 0 0;}
.share .nav > li.twitter > a:before {width: 20px; height: 20px; content: ""; background: url('images/twitter-violet-20.png') no-repeat 0 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   faq                                          <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
.faq {padding-bottom:20px}
.faq .titreFaq h4 {padding: 15px 32px 15px 10px; /*min-height: 70px;*/ background: #003399; background-color: rgba(0, 51, 153, 0.9); font-weight: 500; text-transform: uppercase; position:relative; }
.faq .titreFaq h4 a {color:#FFF; text-decoration:none; width:100%}
.faq .titreFaq h4 a:after {position: absolute; right: 10px; top:50%; margin-top:-11px;  width: 22px; height: 22px; content: ""; background: url('images/moins.png') no-repeat 0 0; }
.faq .titreFaq h4 a.collapsed:after {background: url('images/plus.png') no-repeat 0 0; }

.faq .contenuFaq  { margin: 20px 0 30px 0}

.tplResult .ajaxSearch_highlight {background-color:#751d7d; color:#FFF; display: inline-block; padding: 1px 5px 1px 5px; margin: 0px 3px; font-weight:bold; position:relative}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   search                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   wrapper                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#wrapper-contenu p {font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; letter-spacing: 1px;}
#wrapper-paymentSolutions h3 {color: #595b62;}
#wrapper-paymentSolutions p img {margin-bottom: -6px; padding-bottom: 0;}
#wrapper-paymentSolutions .hgroup + .grid {margin-top: 107px;}
#wrapper-cards h3 {color: #003399;}
#wrapper-lienVisuel h2 {letter-spacing: 1.5px;}
#bandeauRubrique .table-cell {height: 337px;}
#wrapper-news p > em > strong > em > a {padding-left: 27px; padding-right: 27px; background: #003399;}
#infinit {margin-bottom: 30px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   colorbox                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#cboxOverlay {background: #003399 !important;}
#cboxLoadedContent {padding: 0 !important;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {top: -30px !important; width: 22px !important; height: 22px !important; outline: 0;}
#cboxPrevious {right: 65px !important; background: url('images/popin-controls.png') no-repeat 0 0 !important;}
#cboxNext {right: 33px !important; background: url('images/popin-controls.png') no-repeat -22px 0 !important;}
#cboxClose {right: 2px !important; background: url('images/popin-controls.png') no-repeat -44px 0 !important;}
#cboxContent, #cboxLoadedContent {background: none !important;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   template                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.template9 #content {padding: 0;}
.template9 .bxslider .ditto1slide {color: #fff; background: no-repeat 50% 50%;}
.template9 .bxslider .ditto1slide {
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  background-size:         cover;
}
.template9 .bxslider .ditto1slide .table-cell {width: 100%; height: 640px;}
.template9 .bxslider h1 {color: inherit;}
.template9 .bx-pager {position: absolute; left: 0; bottom: 0; right: 0; padding: 30px; text-align: center;}
.template9 .bx-pager-item {display: inline-block; margin: 0 4px; vertical-align: top;}
.template9 .bx-pager-link {display: block; width: 15px; height: 15px; overflow: hidden; text-indent: -999em; text-align: left; background: #fff;}
.template9 .bx-pager-link {
  -webkit-border-radius: 50%;
  -moz-border-radius:    50%;
  border-radius:         50%;
  -webkit-opacity: 0.5;
  -moz-opacity:    0.5;
  opacity:         0.5;
  filter: alpha(opacity=50);
}
.template9 .bx-pager-link.active {
  -webkit-opacity: 1;
  -moz-opacity:    1;
  opacity:         1;
  filter: none;
}
/*.template9 .bxslider .ditto1slide .overlay.play:before {position: absolute; left: 50%; top: 50%; margin: 127px -99px; width: 198px; height: 59px; content: ""; background: url('images/play.png') no-repeat 0 0;}*/

.template10 h3 {font-size: 38px; font-size: 3.8rem; line-height: 42px; line-height: 4.2rem;}
.template10 h3:first-child {margin-top: -6px;}
.template10 h3:last-child {margin-bottom: -10px;}
.template10 h3.h3-small {font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem;}
.template10 p + h3.h3-small {margin-top: 68px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   media queries                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  #footer .logo-stet-white {width: 122px; height: 36px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  #nav .nav > li + li {margin-left: 10px;}
  #nav .nav > li > a {font-size: 10px; font-size: 1rem;}

  #footer .logo-stet-white {width: 86px; height: 26px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
  h1 {font-size: 40px; font-size: 4rem; line-height: 56px; line-height: 5.6rem;}

  #header .navbar-toggle {display: inline-block; margin: 0; padding: 12px 17px 10px; vertical-align: bottom; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: normal; font-style: normal; letter-spacing: 0.5px; text-decoration: none; color: #fff; background: #002673;}
  #header .navbar-toggle {
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
  }

  #nav {position: absolute; top: 100%; right: 0; margin-top: 20px; padding: 0;}
  #nav .nav {float: none; padding: 0 30px 30px; width: 220px; background: #fff;}
  #nav .nav > li {float: none;}
  #nav .nav > li:after {display: block; width: 40px; height: 2px; content: ""; background: #eee;}
  #nav .nav > li + li {margin: 0;}
  #nav .nav > li > a {padding: 17px 0 15px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-transform: uppercase;}
  #nav .nav > li.active:after {background-color: #741d7c;}
  #nav .nav > li.active > a {font-weight: bold; color: #002673;}
  #nav .nav > li.active > a:after {display: none;}

  #footer .table > [class*="col-"] {display: block;}
  [class*="col-"] + [class*="col-"] {margin-top: 20px;}

  .split [class*="col-"],
  .split [class*="col-"] + [class*="col-"] {padding: 0;}
  .split [class*="col-"] + [class*="col-"]:before {display: none;}

  .card {padding-left: 102px;}
  .card .card-icon {left: 0;}

  .thermometer .illustration img {width: 290px;}
  .thermometer .scale {left: 145px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem;}
  .thermometer .scale.scale1 {top: 43px;}
  .thermometer .scale.scale2 {top: 114px;}
  .thermometer .scale.scale3 {top: 195px;}

  .template9 .bxslider .ditto1slide .table-cell {height: 400px;}
  .template9 .bxslider .ditto1slide .overlay.play:before {margin-top: 70px;}
  .template9 .bxslider .ditto1slide .padding-100 {padding: 50px;}
  .template9 .bxslider .ditto1slide.ditto1slidevideo .padding-100 {padding-bottom: 159px;}

  .slide-text .play-video {margin-top: 20px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   fonts                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

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

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

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

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/proximanova-boldit-webfont.eot');
  src: url('fonts/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/proximanova-boldit-webfont.woff2') format('woff2'),
       url('fonts/proximanova-boldit-webfont.woff') format('woff'),
       url('fonts/proximanova-boldit-webfont.ttf') format('truetype'),
       url('fonts/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/proximanova-light-webfont.eot');
  src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/proximanova-light-webfont.woff2') format('woff2'),
       url('fonts/proximanova-light-webfont.woff') format('woff'),
       url('fonts/proximanova-light-webfont.ttf') format('truetype'),
       url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/proximanova-lightitalic-webfont.eot');
  src: url('fonts/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/proximanova-lightitalic-webfont.woff2') format('woff2'),
       url('fonts/proximanova-lightitalic-webfont.woff') format('woff'),
       url('fonts/proximanova-lightitalic-webfont.ttf') format('truetype'),
       url('fonts/proximanova-lightitalic-webfont.svg#proxima_novalight_italic') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/proximanova-semibold-webfont.eot');
  src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/proximanova-semibold-webfont.woff2') format('woff2'),
       url('fonts/proximanova-semibold-webfont.woff') format('woff'),
       url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
       url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/proximanova-semibolditalic-webfont.eot');
  src: url('fonts/proximanova-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/proximanova-semibolditalic-webfont.woff2') format('woff2'),
       url('fonts/proximanova-semibolditalic-webfont.woff') format('woff'),
       url('fonts/proximanova-semibolditalic-webfont.ttf') format('truetype'),
       url('fonts/proximanova-semibolditalic-webfont.svg#proxima_novasemibold_italic') format('svg');
  font-weight: 500;
  font-style: italic;
}