<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document by Black meridian */































/* ------------------------------------------------------------------------ */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   reset                                               &lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------ */































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;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   global                                       &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































html {height: 100%; min-height: 100%; font: 0.625em/1em 'Asap', sans-serif;}















body {height: 100%; color: #000; 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%;}































h2 {margin-bottom: 46px; font: bold 50px/54px 'Oswald', sans-serif; font-size: 5rem; line-height: 5.4rem; text-transform: uppercase; color: #08262c;}















h2:first-child {margin-top: -6px !important;}















h2:last-child {margin-bottom: -4px !important;}































h3 {margin: 41px 0 13px; font: bold 22px/26px 'Oswald', sans-serif; font-size: 2.2rem; line-height: 2.6rem; text-transform: uppercase; color: #08262c;}















h3:first-child {margin-top: -4px !important; }















h3:last-child {margin-bottom: -3px !important;}















h3 strong {font-weight: inherit; color: #ff1f31;}































h4 {margin-bottom: 21px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; font-weight: bold; text-transform: uppercase;}















h4:first-child {margin-top: -4px !important;}















h4:last-child {margin-bottom: -4px !important;}































p {margin-bottom: 21px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem;}















h2 + p,















p:first-child {margin-top: -4px !important;}















p:last-child {margin-bottom: -4px !important;}































form {margin: 50px 0;}















form:first-child {margin-top: 0;}















form:last-child {margin-bottom: 0;}















p + form {margin-top: 45px;}















fieldset {margin: 50px 0;}















fieldset:first-child {margin-top: 0;}















fieldset:last-child {margin-bottom: 0;}















fieldset + p {margin-top: -5px;}















legend {margin: -4px 0 50px; font: bold 22px/26px 'Oswald', sans-serif; font-size: 2.2rem; line-height: 2.6rem; text-transform: uppercase; color: #08262c;}















label {font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; color: inherit;}































::-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;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   page                                         &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































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































.container {position: relative; padding-left: 0; padding-right: 0; width: 1140px;}















.container-fluid {position: relative; padding-left: 0; padding-right: 0; width: auto;}































.row {margin-left: 0; margin-right: 0;}















.table {display: table; margin-bottom: 0; width: 100%; table-layout: fixed;}















.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;}















.width-100 {width: 100%;}































.row.row-10 {margin-left: -10px; margin-right: -10px;}















.row.row-10 &gt; [class*='col-'],















.row.row-10 &gt; .table &gt; [class*='col-'] {padding-left: 10px; padding-right: 10px;}















.row.row-15 {margin-left: -15px; margin-right: -15px;}















.row.row-15 &gt; [class*='col-'],















.row.row-15 &gt; .table &gt; [class*='col-'] {padding-left: 15px; padding-right: 15px;}















.row.row-20 {margin-left: -20px; margin-right: -20px;}















.row.row-20 &gt; [class*='col-'],















.row.row-20 &gt; .table &gt; [class*='col-'] {padding-left: 20px; padding-right: 20px;}















.row.row-25 {margin-left: -25px; margin-right: -25px;}















.row.row-25 &gt; [class*='col-'],















.row.row-25 &gt; .table &gt; [class*='col-'] {padding-left: 25px; padding-right: 25px;}















.row.row-30 {margin-left: -30px; margin-right: -30px;}















.row.row-30 &gt; [class*='col-'],















.row.row-30 &gt; .table &gt; [class*='col-'] {padding-left: 30px; padding-right: 30px;}















.row.row-35 {margin-left: -35px; margin-right: -35px;}















.row.row-35 &gt; [class*='col-'],















.row.row-35 &gt; .table &gt; [class*='col-'] {padding-left: 35px; padding-right: 35px;}















.row.row-40 {margin-left: -40px; margin-right: -40px;}















.row.row-40 &gt; [class*='col-'],















.row.row-40 &gt; .table &gt; [class*='col-'] {padding-left: 40px; padding-right: 40px;}















.row.row-45 {margin-left: -45px; margin-right: -45px;}















.row.row-45 &gt; [class*='col-'],















.row.row-45 &gt; .table &gt; [class*='col-'] {padding-left: 45px; padding-right: 45px;}















.row.row-50 {margin-left: -50px; margin-right: -50px;}















.row.row-50 &gt; [class*='col-'],















.row.row-50 &gt; .table &gt; [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 &gt; a,















.nav li.active &gt; a {margin: 0; padding: 0; border: 0; text-decoration: none; color: inherit; background: none;}















.nav li &gt; a,















.nav li.active &gt; 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;}































.nav-tabs {position: relative; border-bottom: 0;}















.nav-tabs &gt; li {float: left;}































.tab-content {padding: 50px;}















.tab-pane {position: relative; overflow: hidden; color: #000; background: #fff;}















.tab-pane .content {padding: 30px 50px; text-align: left;}















.tab-pane .content .tab-pane {overflow: visible;}















.tab-pane .content .tab-content {margin: -30px -50px; padding: 30px 50px;}















.tab-pane .nav-tabs {float: left; width: 220px; text-align: left; background: #f2f4f4;}















.tab-pane .nav-tabs:before {display: block; position: absolute; left: 0; top: 100%; right: 0; height: 9999px; content: ""; background: #f2f4f4;}















.tab-pane .nav-tabs + .content {overflow: hidden;}















.tab-pane .nav-tabs &gt; li {float: none; border-bottom: 1px solid #d6d6d6;}















.tab-pane .nav-tabs &gt; li &gt; a {display: block; position: relative; padding: 26px 20px; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; font-weight: bold; color: #08262c;}















.tab-pane .nav-tabs &gt; li.active &gt; a,















.tab-pane .nav-tabs &gt; li &gt; a:hover,















.tab-pane .nav-tabs &gt; li &gt; a:focus {z-index: 10; margin-bottom: -1px; border-bottom: 1px solid #2d876a; color: #fff; background: #2d876a;}















.tab-pane .nav-tabs &gt; li .number {display: table-cell; padding-right: 20px; vertical-align: middle;}















.tab-pane .nav-tabs &gt; li .nav-text {display: table-cell; vertical-align: middle;}















.tab-pane .nav-tabs &gt; li:before {position: absolute; left: 100%; top: 50%; margin: -15px; border: 15px solid transparent; content: "";}















.tab-pane .nav-tabs &gt; li:before {















  -webkit-transition: margin-left 100ms linear;















  -moz-transition:    margin-left 100ms linear;















  transition:         margin-left 100ms linear;















}















.tab-pane .nav-tabs &gt; li.active:before {margin-left: 0; border-left-color: #2d876a;}































.padding-0 {padding: 0;}















.padding-10 {padding: 10px;}















.padding-20 {padding: 20px;}















.padding-30 {padding: 30px;}















.padding-40 {padding: 40px;}















.padding-50 {padding: 50px;}















.padding-60 {padding: 60px;}































.button {margin: 30px 0;}















span.button {margin-top: 0; margin-bottom: 0;}















span.button a,















span.button span {vertical-align: middle;}















p + .button {margin-top: 26px;}















.button:first-child {margin-top: 0;}















.button:last-child {margin-bottom: 0;}















.button a,















.button button,















.button span {display: inline-block; margin: 0; padding: 15px 20px 20px; border: 0; vertical-align: bottom; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; text-decoration: none; color: #fff; background: #ff1f31;}















.button a,















.button button,















.button span {















  -webkit-border-radius: 3px;















  -moz-border-radius:    3px;















  border-radius:         3px;















}































.text-left {text-align: left !important;}















.text-center {text-align: center !important;}















.text-right {text-align: right !important;}































.text-red {color: #ff1f31 !important;}















.text-darkred {color: #ff1f31 !important;}















.text-teal {color: #08262c !important;}















.text-green {color: #2d876a !important;}















.text-lightgreen {color: #a4cf2c !important;}















.text-darkgreen {color: #2f4c48 !important;}















.text-grey {color: #787878 !important;}















.text-darkgrey {color: #4b4b4b !important;}































.bg-white {background: #fff !important;}















.bg-red {color: #fff !important; background: #ff1f31 !important;}















.bg-darkred {color: #fff !important; background: #ff1f31 !important;}















.bg-teal {color: #fff !important; background: #08262c !important;}















.bg-green {color: #fff !important; background: #2d876a !important;}















.bg-lightgreen {color: #fff !important; background: #a4cf2c !important;}















.bg-darkgreen {color: #fff !important; background: #2f4c48 !important;}































[class*='bg-'] h2,















[class*='bg-'] h3 {color: inherit;}















[class*='bg-'] .plus,















[class*='bg-'] .plus:before,















[class*='bg-'] .plus:after {border-color: #fff;}































.diamond {display: inline-block; position: relative; top: -4px; margin-right: 10px; /*border: solid transparent; border-width: 5px 6px; border-bottom-color: #7e0a1f;*/}















.diamond:before { position: absolute; left: 1px; top: -10px; /*border: solid transparent; border-width: 5px 6px; border-top-color: #7e0a1f;*/ content: "#"; }































.logo-partner {margin: -35px 0;}































.small {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem;}















.small:first-child,















.logo.pull-right + .small {margin-top: -5px !important;}















.small:last-child {margin-bottom: -3px !important;}















.bg-teal .small {color: #a9afb0;}































.x-small {font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem;}































.hgroup {margin-bottom: 25px;}















.hgroup h3 {margin-bottom: 0;}































.text-circle {display: inline-block; margin: 4px 17px 13px 0; width: 50px; height: 50px; overflow: hidden; vertical-align: middle; font-size: 18px; line-height: 50px; font-weight: bold; text-align: center;}















.text-circle {















  -webkit-border-radius: 50%;















  -moz-border-radius:    50%;















  border-radius:         50%;















}































.label-bignon-lebray {position: absolute; left: 0; top: 0; width: 191px; height: 75px; overflow: hidden; background: url('images/label-bignon-lebray-v2.png') no-repeat 0 0;}



.label-choose-me {position: absolute; left: 50%; top: 85px; width: 296px; margin-left: -615px; height: 230px; overflow: hidden; background: url('images/label-choose-me.png') no-repeat 0 0;}



.label-choose-me-challenges {position: absolute; left: 50%; top: 85px; width: 291px; margin-left: -615px; height: 230px; overflow: hidden; background: url('images/label-choose-me-challenges.png') no-repeat 0 0;}



.label-fdt-finaliste {position: absolute; left: 50%; top: 85px; width: 291px; margin-left: -615px; height: 230px; overflow: hidden; background: url('images/label-finaliste-fdt.png') no-repeat 0 0;}



.label-fdt-award {position: absolute; left: 50%; top: 85px; width: 291px; margin-left: -615px; height: 230px; overflow: hidden; background: url('images/label-award-fdt.png') no-repeat 0 0;}







.bg-transition {position: absolute; left: 0; top: 0; right: 0; height: 110px; content: "";}































.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; background: url('images/blank.gif') !important;}































.plus {position: relative; border: 2px solid #000; width: 20px; height: 20px; vertical-align: middle;}















.plus {















  -webkit-border-radius: 50%;















  -moz-border-radius:    50%;















  border-radius:         50%;















}















div.plus {margin: 25px auto 0;}















span.plus {display: inline-block; top: -1px; margin-left: 20px;}















.plus:before {position: absolute; left: 50%; top: 50%; margin: -1px -4px; border: solid #000; border-width: 1px 4px; content: "";}















.plus:after {position: absolute; left: 50%; top: 50%; margin: -4px -1px; border: solid #000; border-width: 4px 1px; content: "";}















.plus.red,















.plus.red:before,















.plus.red:after {border-color: #ff1f31;}















.plus.darkred,















.plus.darkred:before,















.plus.darkred:after {border-color: #ff1f31;}















.plus.teal,















.plus.teal:before,















.plus.teal:after {border-color: #08262c;}















.plus.green,















.plus.green:before,















.plus.green:after {border-color: #2d876a;}















.plus.lightgreen,















.plus.lightgreen:before,















.plus.lightgreen:after {border-color: #a4cf2c;}















.plus.darkgreen,















.plus.darkgreen:before,















.plus.darkgreen:after {border-color: #2f4c48;}































.form-group {margin-bottom: 30px; text-align: left; color: inherit;}















.form-group:last-child {margin-bottom: 0;}















.form-control {margin: 0; padding: 7px 15px 10px; border: 0; height: 40px; font-size: 18px; line-height: 22px; font-style: italic; color: inherit; background: #ebebeb;}















.form-control {















  -webkit-box-shadow: none !important;















  -moz-box-shadow:    none !important;















  box-shadow:         none !important;















}















select.form-control {padding-left: 10px;}















textarea.form-control {padding: 25px 30px; height: 210px;}















.form-actions {margin-top: 50px;}















p + .form-actions {margin-top: 45px;}















.checkbox-inline + .checkbox-inline,















.radio-inline + .radio-inline {margin-left: 46px;}















label.error {display: block; margin: 5px 0 -5px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-style: italic; color: #ff1f31;}































.oldie .control-label {position: static;clip: auto; margin: 0 0 10px; width: auto; height: auto; overflow: visible;}























#liens { margin-top:45px; border-bottom:3px solid #08262c; }















/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   header                                       &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































#header {background: #fff;}















#header .container {padding: 20px 35px;}















#header .logo-site {float: left;}















#header .logo-site a {display: inline-block; margin-bottom: -3px; width: 247px; height: 63px; overflow: hidden; vertical-align: bottom; text-indent: -999em; background: url('images/logo-site-v2.png') no-repeat 0 0;}















#header .nav-container {float: right;}















#header .nav {display: table-cell; height: 60px; vertical-align: middle;}















#header .nav &gt; li:first-child {float: left; margin-left: 35px;}







#header .nav &gt; li {float: left; margin-left: 28px;}



#header .nav-challenges .nav &gt; li {margin-left: 22px;}











#header .nav &gt; li &gt; a {display: block; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: bold;}





#header .nav &gt; li.lang {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: bold;}

#header .nav &gt; li.lang strong {color: #ff1f31;}

#header .nav &gt; li.lang &gt; a {display: inline-block;}









#header .nav &gt; li &gt; a:hover,















#header .nav &gt; li &gt; a:focus {text-decoration: underline;}















#header .nav &gt; li.active &gt; a,















#header .nav &gt; li.active &gt; a:hover,















#header .nav &gt; li.active &gt; a:focus {color: #ff1f31;}















#header .nav &gt; li.twitter {position: relative; top: 4px; margin-top: -6px;}















#header .nav &gt; li.twitter a {width: 24px; height: 24px; overflow: hidden; text-indent: -999em; background: url('images/twitter2.png') no-repeat 0 0;}































#header div.logo-challenges { background:url('images/challenges.jpg') no-repeat; width:252px; height:63px; display:block; position:absolute; top:25px; right:0; }



#header div.logo-2esommet { background:url('images/sommet-start-up.png') no-repeat; width:252px; height:63px; display:block; position:absolute; top:25px; right:0; }



#header div.logo-fdt { background:url('images/fdt.jpg') no-repeat; width:252px; height:63px; display:block; position:absolute; top:25px; right:0; }







#header div.logo-sommetstartup { background:url('images/sommet-start-up.jpg') no-repeat; width:252px; height:63px; display:block; position:absolute; top:25px; right:0; }























#header .nav-challenges {float:left; }































































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   footer                                       &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































#footer .nav {margin: -5px -14px -3px; text-align: center;}















#footer .nav &gt; li {display: inline-block; margin: 0 14px;}















#footer .nav &gt; li &gt; a {display: block; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; color: #08262c;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   section                                      &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.section {position: relative;  }















#chal-intro {background-image: url('/assets/images/fonds/the-future-is-exciting2.jpg'); background-repeat:no-repeat; background-size:cover; background-position: center;  height:480px; }







#cho-intro {background-image: url('/assets/images/fonds/the-future-is-exciting2.jpg'); background-repeat:no-repeat; background-size:cover; background-position: center;  height:480px; }























#intro {background-image: url('/assets/images/fonds/the-future-is-exciting2.jpg'); background-repeat:no-repeat; background-size:cover; background-position: 50%; height:480px; }















.wrapper {position: relative; text-align: center;}















.wrapper-illustration {background: no-repeat 50% 50%;}















.wrapper-illustration { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; 







 }















.transition {height: 20px; overflow: hidden; background: #ff1f31;}































.illustration-bg {visibility: hidden; overflow: hidden;}















.illustration-bg img {max-width: none;}































.border-left {border: solid #ebebeb; border-width: 0 0 0 1px;}















.bg-teal .border-left {border-left-color: #313c3e;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   illustration-title                           &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.illustration-title {position: absolute; left: 0; top: 0; right: 0; padding: 50px; text-align: left;}















.illustration-title h2 {margin-bottom: 10px; color: #ff1f31;}















.illustration-title h2 + h3 {margin-top: -8px;}















.illustration-title p {font: 18px/22px "Courier New", Courier, monospace; font-size: 1.8rem; line-height: 2.2rem; color: #272727;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   content                                      &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.content {padding: 50px 8.33333%;}















.content .no-padding {margin-left: -10%; margin-right: -10%;}































.content.padding-0 {padding-top: 0; padding-bottom: 0;}















.content.padding-10 {padding-top: 10px; padding-bottom: 10px;}















.content.padding-20 {padding-top: 20px; padding-bottom: 20px;}















.content.padding-30 {padding-top: 30px; padding-bottom: 30px;}















.content.padding-40 {padding-top: 40px; padding-bottom: 40px;}















.content.padding-50 {padding-top: 50px; padding-bottom: 50px;}















.content.padding-60 {padding-top: 60px; padding-bottom: 60px;}















.content.padding-left-0 {padding-left: 0;}















.content.padding-top-0 {padding-top: 0;}















.content.padding-right-0 {padding-right: 0;}















.content.padding-bottom-0 {padding-bottom: 0;}















.illustration-title p:last-child {margin-bottom: -6px;}































.wrapper-illustration .content {position: absolute; left: 16.6667%; bottom: 50px; right: 16.6667%; padding-left: 50px; padding-right: 50px; color: #fff; background: #08262c; background-color: rgba(8, 38, 44, 0.8);}















.wrapper-illustration .content h3 {margin-bottom: 23px; color: inherit;}















.wrapper-illustration .content p a {color: #ff1f31;}















.wrapper-illustration .content.full {left: 0; bottom: 0; right: 0; padding-left: 8.33333%; padding-right: 8.33333%;}















.wrapper-illustration .content.full:before {position: absolute; right: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #08262c; background-color: rgba(8, 38, 44, 0.8);}















.wrapper-illustration .content.full:after {position: absolute; left: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #08262c; background-color: rgba(8, 38, 44, 0.8);}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   frame                                        &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.frame .inner {position: relative; padding: 50px 60px; border: solid #c0c7c8; border-width: 0 1px 1px;}















.frame .inner:before {position: absolute; left: 0; top: 0; right: 50%; margin-right: 90px; border-top: 1px solid #c0c7c8; content: "";}















.frame .inner:after {position: absolute; left: 50%; top: 0; right: 0; margin-left: 90px; border-top: 1px solid #c0c7c8; content: "";}















.frame .inner h3 {position: absolute; left: 0; top: -10px; right: 0;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   block-logo                                   &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.block-logo {display: inline-block; position: relative; max-width: 100%; vertical-align: top;}















.block-logo .logo {position: relative; margin-bottom: 24px;}















.block-logo .logo .on {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}















.block-logo .logo .on {















  -webkit-opacity: 0;















  -moz-opacity:    0;















  opacity:         0;















  filter: alpha(opacity=0);















}















.block-logo h3 {margin-bottom: 27px;}















.block-logo p {margin-bottom: 5px; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: bold; text-transform: uppercase; color: #08262c;}















.block-logo p:last-child {margin-bottom: -5px;}















.block-logo p.small {margin-top: -10px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem;}















.block-logo p.small:last-child {margin-bottom: -5px;}















.bg-teal .block-logo p {color: inherit;}















.block-logo div.plus {margin-top: 0;}















.block-logo .bottom {position: relative; z-index: 60; margin-top: 29px; padding: 20px; background: #e6e9e9;}















.block-logo .bottom p {font-size: 20px; font-size: 2rem; line-height: 26px; line-height: 2.6rem; text-transform: none; color: inherit;}















.block-logo .bottom .button a {font-size: 20px; font-size: 2rem;}















.block-logo .padding-30 .bottom {margin-left: -30px; margin-bottom: -30px; margin-right: -30px;}































.nav-tabs .block-logo {display: block; max-width: none;}















.nav-tabs .block-logo:hover,















.nav-tabs .block-logo.active {background: #2d876a;}















.nav-tabs .block-logo:before {position: absolute; z-index: 10; left: 50%; top: 100%; margin: -20px -25px; border: solid transparent; border-width: 20px 25px; content: "";}















.nav-tabs .block-logo:before {















  -webkit-transition: margin-top 100ms linear;















  -moz-transition:    margin-top 100ms linear;















  transition:         margin-top 100ms linear;















}















.nav-tabs .block-logo.active:before {margin-top: 0; border-top-color: #226a57;}















.nav-tabs .block-logo:hover h3,















.nav-tabs .block-logo.active h3 {color: #fff !important;}















.nav-tabs .block-logo:hover .bottom,















.nav-tabs .block-logo.active .bottom {background-color: #226a57;}















.nav-tabs .block-logo:hover .bottom p,















.nav-tabs .block-logo.active .bottom p {color: #a4cf2c !important;}















.nav-tabs .block-logo:hover .bottom .plus,















.nav-tabs .block-logo:hover .bottom .plus:before,















.nav-tabs .block-logo:hover .bottom .plus:after,















.nav-tabs .block-logo.active .bottom .plus,















.nav-tabs .block-logo.active .bottom .plus:before,















.nav-tabs .block-logo.active .bottom .plus:after {border-color: #a4cf2c;}















.nav-tabs .block-logo:hover .logo &gt; img,















.nav-tabs .block-logo.active .logo &gt; img {visibility: hidden;}















.nav-tabs .block-logo:hover .logo .on,















.nav-tabs .block-logo.active .logo .on {















  -webkit-opacity: 1;















  -moz-opacity:    1;















  opacity:         1;















  filter: none;















}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   solution                                     &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.tab-content .solutions-list {margin: -30px -50px -30px 0;}















.tab-content .solution {padding-right: 50px;}















.tab-content &gt; .tab-pane .collapse {display: block;}































.solution {padding: 20px 0; border: solid #e6e9e9; border-width: 1px 0; text-align: justify;}















.solution:first-child,















.solution + .solution {border-top: 0;}















.solution .table {table-layout: auto;}















.solution .label {margin-left: 50px; width: 102px;}















.solution .number {width: 66px; white-space: nowrap;}































.label {display: inline-block; padding: 5px; font: bold 14px/20px 'Oswald', sans-serif; text-transform: uppercase; color: #fff; background: #939393;}















.label {















  -webkit-border-radius: 3px;















  -moz-border-radius:    3px;















  border-radius:         3px;















}















.label:after {display: table; clear: both; content: "";}















.label .icon {float: left; margin-right: 5px; vertical-align: top; background: no-repeat 0 0;}















.label .icon.icon-power {margin-bottom: -4px; margin-right: 1px; width: 24px; height: 24px; background-image: url('images/icon-power.png');}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   portrait                                     &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.portrait h3 {margin-top: 0; margin-bottom: 3px;}















.portrait .illustration {margin-bottom: 30px;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   contact                                      &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.contact .illustration {margin-bottom: 50px;}















.contact h4 {margin-bottom: 0;}















.contact p {margin-bottom: 19px;}















.contact p.small {line-height: 22px; line-height: 2.2rem;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   list-items                                   &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.list-items {margin-top: 50px;}















.list-items &gt; .row {margin-top: -25px; margin-bottom: -25px;}















.list-items &gt; .row &gt; [class*='col'] {margin-top: 25px; margin-bottom: 25px;}















.list-items .illustration {margin-bottom: 30px; padding: 15px; height: 130px; background: #102429;}















.list-items .illustration .table {height: 100%;}















.list-items .illustration img {max-width: 100%; max-height: 100px;}















.list-items h4 {margin: 0; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; text-transform: none; color: #2d876a;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   popin                                        &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.template9 #header {position: relative; padding: 20px 136px 20px 35px; height: 100px; color: #fff; background: #102429;}















.template9 #header .logo-site a {background-image: url('images/logo-site-white-v2.png');}















.template9 #header .colorbox-close {position: absolute; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; border: 0; border-left: 1px solid #fff; width: 101px; overflow: hidden; text-indent: -999em; background: #102429;}















.template9 #header .colorbox-close:before {position: absolute; left: 50%; top: 50%; margin: -5px; width: 10px; height: 10px; content: ""; background: url('images/cross.png') no-repeat 0 0;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   colorbox                                     &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































.cboxIframe {display: block; width: 100%; height: 100%;}































#cboxOverlay {position: fixed; z-index: 200; left: 0; top: 0; right: 0; bottom: 0; background: #000;}















#colorbox {z-index: 210;}















#colorbox.full {left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important;}















#colorbox.full #cboxLoadedContent {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto !important; height: auto !important;}































/* ------------------------------------------------------------------------- */















/* &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   mediaqueries                                 &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; */















/* ------------------------------------------------------------------------- */































@media (max-width: 767px) {















 #chal-intro { background-image: url('/assets/images/fonds/the-future-is-exciting-challenges.jpg'); padding-top:0px; padding-bottom:0px; }















  #chal-intro .wrapper .container .content h3, #intro .wrapper .container .content h3 { margin-top: -36px !important; }















  .container {width: auto;}















  .table-cell {display: block;}















  .border-left {border-width: 1px 0 0;}















  .illustration-bg {display: none;}















  .illustration-title {position: static;}















  .content {padding: 30px;}















  .content .no-padding {margin: 0;}































  .wrapper-illustration .content {position: relative; left: auto; right: auto; bottom: auto; margin: 20px; padding: 30px;}















  .wrapper-illustration .content.full {margin: 0;}















  .wrapper-illustration .illustration-title + .content {margin-top: 0;}















  .tab-content {padding: 20px;}















  .padding-50 {padding: 30px;}















  .label-bignon-lebray {display: none;}















  .frame {padding-top: 10px;}















  [class*='col-'] + [class*='col-'] {margin-top: 30px;}















  [data-resizeh] {height: auto !important;}































  #header .container {padding-left: 20px; padding-right: 20px;}















  #header .logo-site {float: none; margin-bottom: 15px; text-align: center;}















  #header .logo-challenges {text-align: left;}















  #header .logo-site a {margin-bottom: -2px; width: 124px; height: 32px;}















  #header .logo-site a, #header div.logo-challenges {















    -webki-background-size: 124px auto;















    -moz-background-size:   124px auto;















    background-size:        124px auto;















  }















#header div.logo-challenges { width: 124px; height: 33px; margin-right:20px; }







  















  #header .nav-container {float: none;}















  #header .nav {display: block; margin: -7px -14px -3px; height: auto; text-align: center;}















  #header .nav &gt; li, #header .nav &gt; li:first-child {display: inline-block; float: none; margin: 7px 14px 0}































  #intro .wrapper-illustration p {color: #fff;}































  .template9 #header {padding-left: 20px; padding-right: 91px; height: 70px;}















  .template9 #header .colorbox-close {width: 71px;}















  .template9 #header .logo-site {margin-bottom: 0;}































  .tab-content &gt; .tab-pane {display: block;}















  .tab-content &gt; .tab-pane .collapse {display: none;}















  .tab-content &gt; .tab-pane .collapse.in {display: block;}















  .tab-pane .content {padding: 0 20px 20px;}















  .tab-pane .tab-pane .content {padding: 20px;}















  .tab-pane + .accordion-heading {margin-top: 20px;}















  .tab-content .solutions-list {margin: 0; border-top: 1px solid #e6e9e9;}















  .tab-content .tab-content .solutions-list {border-top: 0;}















  .tab-content .solution {padding-right: 0;}















  .solution .label {margin-top: 20px;}















  .accordion-heading h4 {margin: 0 !important;}















  .accordion-heading .accordion-title a {display: block; position: relative; padding: 15px 58px 15px 20px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; font-weight: bold; text-align: left; text-decoration: none; color: #fff; background: #ff1f31;}















  .accordion-heading .accordion-title a .glyphicon {position: absolute; right: 20px; top: 50%; margin-top: -9px;}















  .accordion-heading .accordion-title a .glyphicon {















    -webkit-transition: all 0.2s linear;















    -moz-transition:    all 0.2s linear;















    transition:         all 0.2s linear;















  }















  .accordion-heading .accordion-title a.collapsed .glyphicon {















    -webkit-transform: rotate(-180deg);















    -moz-transform:    rotate(-180deg);















    transform:         rotate(-180deg);















  }















  .accordion-heading .button {margin: 0 16px;}















  .accordion-heading .button:first-child {margin-left: 0;}















  .accordion-heading .button:last-child {margin-right: 0;}















  .accordion-heading .button a {padding: 10px 15px 15px;}















  .accordion-heading .plus.pull-left,















  .accordion-heading .plus.pull-right {margin: 12px 0 0;}















  .accordion-heading p {margin: 0 !important; font-weight: bold;}















  .tab-pane .accordion-heading .accordion-title a {background-color: #2d876a;}















}































@media (min-width: 768px) and (max-width: 991px) {















  p {font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem;}















  .container {width: auto;}















  .wrapper-illustration .content {left: 8.33333%; right: 8.33333%;}































  #header .container {padding-left: 20px; padding-right: 20px;}















  #header .logo-site {float: none; margin-bottom: 15px; text-align: center;}















  #header .logo-challenges {text-align: left;}















  #header .nav-container {float: none;}















  #header .nav {display: block; margin: -7px -14px -3px; height: auto; text-align: center;}















  #header .nav &gt; li, #header .nav &gt; li:first-child {display: inline-block; float: none; margin: 7px 14px 0;}































  .frame .inner {padding: 40px;}















  .row.row-40 &gt; [class*="col-"],















  .row.row-40 &gt; .table &gt; [class*="col-"] {padding-left: 20px; padding-right: 20px;}















}































@media (min-width: 992px) and (max-width: 1199px) {















  .container {width: auto;}















  #header .container {padding-left: 20px; padding-right: 20px;}















  #header .nav &gt; li {margin-left: 20px;}















  #header .nav-challenges {width:100%; margin-top:10px; }















  #header .nav {display: block;  margin: 0 auto; height: auto; text-align: center; width:100%; margin-left: 25%; margin-right: 25%;}







  















}</pre></body></html>