@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

:root{
	--primary: #6bb3cb;
	--secondary: #124558;
	--primary-red: #ff6961;
	--secondary-red: #ff392e;
	--primary-white: #ffffff;
	--primary-black: #000000;
	--secondary-black: #444444;
}

html, body { margin: 0 auto; background-color: var(--primary-white); font-family: 'Open Sans', sans-serif; font-size: 14px; width: 100%; color: var(--primary-black); letter-spacing: 0px; overflow-x: hidden; } a, a:focus, button, button:focus, input, input:focus, select, select:focus, textarea, textarea:focus, img, img:focus { outline: 0; } img { display: inline-block; margin: 0; padding: 0; } a, a:hover { color: var(--primary-black); text-decoration: none; } a:hover { color: var(--primary-black); text-decoration: underline; }

header { width: 100%; background-color: white; border-bottom: 1px solid #dddddd; box-shadow: 0 2px 10px rgba(0,0,0,.05); } header a, header a:hover { text-decoration: none; } header a:hover { text-decoration: underline; }

header .bloc-nav:after, header .bloc-nav:before { display: table; width: 100%; text-align: right; }

header .bloc-nav .logo { display: table-cell; text-align: left; vertical-align: middle; width: 150px; }
header .bloc-nav .logo img { height: 75px; transition: height .2s ease; -webkit-transition: height .2s ease; }
@media screen and (max-width:1001px) { header .bloc-nav .logo img { height: 100px; } }
header .bloc-nav .menu { display: table-cell; text-align: right; vertical-align: middle; width: 1138px; }
header .bloc-nav .menu-mobile { display: none; }
header .bloc-nav .menu .closebtn { display: none; }
header .bloc-nav .menu .logobtn { display: none; }

header > .p-10-0 { padding: 15px 20px; transition: padding .2s ease; -webkit-transition: padding .2s ease; }

header ul.ul { list-style-type: none; margin: 0; padding: 0; }
header ul.ul li { display:inline-block; }
header ul.ul li:after { content:'|'; color: var(--primary-white); margin:0 10px; }
header ul.ul li:last-child:after { content:''; margin:0; }
header ul.ul li:last-child { font-weight: normal; }

nav ul, ul.footer, ul.breadcrumb, ul.menu { list-style-type: none; margin: 0; padding: 0; width: auto; } ul.breadcrumb { display: inline-block }
nav ul li { display: inline-block; margin-right: 30px; position: relative; } nav ul li:last-child { margin-right: 0; }
nav ul li a { color: #444444; padding: 10px 0; }
nav ul li a:hover { color: var(--secondary); text-decoration: none; }

@media screen and (min-width:1002px) { nav ul li > ul.menu-sub { display:none; } nav ul li:hover > .menu-sub { text-align:left; color: #444444; display:block; position:absolute; width:151.81px; top:100%; left:0px; margin-top:10px; padding:7.5px; z-index:100000; border:1px solid #dddddd; box-shadow: 0 0 10px rgba(0,0,0,.05); } nav ul li > .menu-sub li { text-transform:none; font-size:14px; font-weight: normal; display:block; margin-right:auto; padding:7.5px; } nav ul li > .menu-sub li a:hover { text-decoration: underline } }

@media screen and (max-width:1001px) {
	header .bloc-nav > nav.menu { height:100%; width:0; position:fixed; z-index:9999; top:0; left:0; background-color:white; overflow-x:hidden; transition:0.5s; padding-top:50px; text-align:left; }
	
	header .bloc-nav > nav.menu ul { background-color:#f8f8f8; }
	header .bloc-nav > nav.menu ul li { display:block; margin:0 0 0 0; padding:10px 20px 10px 20px; border-top:1px solid #f0f0f0; }
	header .bloc-nav > nav.menu ul li:last-child { margin-bottom:0; border-bottom:1px solid #f0f0f0; }
	
	header .bloc-nav > nav.menu a { text-decoration:none; color: var(--primary-black); transition:0.3s; }
	header .bloc-nav > nav.menu a:hover { color: var(--secondary-black); }

	header .bloc-nav > nav.menu .logobtn { display:block; position:absolute; top:10px; left:20px; }
	header .bloc-nav > nav.menu .logobtn img { height: 50px; }
	header .bloc-nav > nav.menu .closebtn { display:block; position:absolute; top:5px; right:20px; font-size: 26px; }

	nav ul li > ul.menu-sub { margin:10px -25px -10px -25px; border-radius:0; font-size:14px; }
	nav ul li > ul.menu-sub li:before { content:'-'; margin-right: 5px; }
	nav ul li > ul.menu-sub li { text-transform:none; display:block; font-weight:400; color:var(--secondary-black); background-color:white; }
	nav ul li > ul.menu-sub li:last-child { margin-bottom:-10px; }

	header .bloc-nav .menu-mobile { display:table-cell; text-align:right; vertical-align:middle; width:1138px; }
	header .bloc-nav .menu-mobile > a > i, header .bloc-nav .menu-mobile > a > svg { font-size:30px; cursor:pointer; }
}

section div.tableau-scroll { width: 100%; overflow-x: scroll; }

table.tableau-1, table.tableau-2 { border-collapse: collapse; width: 100%; border: 0; }
table.tableau-1 tr th { padding: 0 10px 10px 10px; }
table.tableau-1 tr td { padding: 10px; }
table.tableau-1 tr:first-child { border-bottom: 1px solid #d1d1d1; }
table.tableau-1 tr:nth-child(odd) td { background-color: #f2f2f2; }

table.tableau-2 tr th { padding: 10px; border-bottom: 1px solid #ebebeb; width: auto; text-align: left; vertical-align: middle; }
table.tableau-2 tr td { padding: 10px; text-align: left; }
table.tableau-2 tr:nth-child(even) { background-color: #f2f2f2; }

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

h1.h1, .h1 { -webkit-text-stroke-width:3px;-webkit-text-stroke-color:var(--primary-white);text-shadow:0px 0px 10px black } .text-shadow-1 { text-shadow:0px 0px 10px black }

a.special-link-white { border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding-bottom: 2px; } a.special-link-white:hover { text-decoration: none; border-bottom: 1px solid var(--primary-white); }

.first-window-home { background-size: cover; background-repeat: no-repeat; color: var(--primary-white); text-shadow: 0px 0px 15px black; height: 100vh; position: relative; } @media screen and (max-width:1001px) { .first-window-home { background-size: cover; background-repeat: no-repeat; color: var(--primary-white); text-shadow: 0px 0px 15px black; height: 75vh; position: relative; } }
.vertical-center-home { margin-top: calc(50vh + 60px); transform: translateY(-50%); left: 50vw; margin-left: auto; margin-right: auto; position: absolute; } .vertical-center-home > h1.text-shadow { text-shadow: 3px 3px 0px black; } @media screen and (max-width:1001px) { .vertical-center-home { margin: 0; position: absolute; top: calc(50% + 80px); left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } } .vertical-center { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.underline-hover-secondary { position: relative; } a.underline-hover-secondary:hover { text-decoration: none; } .underline-hover-secondary:after { content: ''; position: absolute; width: 0; height: 3px; display: block; margin-top: 2px; right: 0; transition: width .2s ease; -webkit-transition: width .2s ease; } .underline-hover-secondary:after { background: var(--secondary); } .underline-hover-secondary:hover:after { width: 100%; left: 0; background: var(--secondary); } @media screen and (max-width:1001px) { .underline-hover-secondary:after{ height: 0; margin-top: 0; background: transparent; } .underline-hover-secondary:hover:after{ background: transparent; } }

.underline-active { position: relative; color: var(--secondary); } .underline-active:after { content: ''; position: absolute; width: 100%; height: 3px; display: block; margin-top: 2px; right: 0; transition: width .2s ease; -webkit-transition: width .2s ease; background: var(--secondary); } @media screen and (max-width:1001px) { .underline-active, .underline-active:after { height: 0 !important; background: transparent; } }

section p { display: block; line-height: 22px; font-weight: 400; margin-bottom: 10px; font-size: 14px; letter-spacing: 1px; } @media screen and (max-width:681px) { section p { line-height: 22px; font-size: 14px; } } section p strong { font-weight: 600; }
footer p { line-height: 20px; }

.text-shadow { text-shadow: 0px 0px 15px black; }

ul.footer { margin-bottom: 10px; }
ul.footer li { display:inline-block; } 
ul.footer li:after { content:'•'; color: var(--primary-white); margin:0 10px; }
ul.footer li:last-child:after { content:''; margin:0; }
ul.footer li:last-child { border-right:0; } @media screen and (max-width:681px) { ul.footer li { display:block; margin-right:0; padding-right:0; border-right:0; margin-bottom:8px; } ul.footer li:after { content:''; margin:0; } ul.footer li:last-child { margin-bottom:0; } }

ul.breadcrumb { padding: 5px 10px }
ul.breadcrumb li { display:inline-block; color: var(--primary); font-size:12px; font-weight: bold; }
ul.breadcrumb li a { color: var(--primary); text-decoration: none; } ul.breadcrumb li:last-child a { text-decoration: none; } ul.breadcrumb li a:hover { color: var(--secondary); text-decoration: none; }
ul.breadcrumb li:after { content:'•'; color: var(--primary); margin:0 5px; }
ul.breadcrumb li:last-child:after { content:''; margin:0; }
ul.breadcrumb li:last-child { border-right:0; font-weight: normal; }

ul.menu li { display: block; margin-bottom: 2.5px; }
ul.menu li:last-child { margin-bottom: 0 }
ul.menu li a { color: #444; }
ul.menu li a:hover { color: var(--primary-black); text-decoration: none; }

.position-relative { position:relative; } @media screen and (max-width:1001px) { .sm-position-relative { position:relative; } } .position-absolute { position:absolute; }

hr { height:1px; padding:0; margin:20px 0; border:0; background-color:#dddddd; } h1, h2, h3, h4, h5, p { display:inline-block; margin:0; padding:0; line-height:normal; } .width-225 { width:22.5%; } .width-25 { width:25%; } .width-50 { width:50%; } .width-80 { width:80%; } .width-100 { width:100%; } @media screen and (max-width:681px) { .xs-width-50 { width:50%; } .xs-width-100 { width:100%; } }

.font-dosis { font-family: 'Dosis', cursive; font-style: normal; }
.font-open-sans { font-family: 'Open Sans', sans-serif; font-style: normal; }

.content { padding-left:20px; padding-right:20px; max-width:1200px } @media screen and (max-width:1240px) { .content { max-width:961px } } @media screen and (max-width:1001px) { .content { max-width:641px } } @media screen and (max-width:681px) { .content { max-width:481px } }

.scroll-down_btn{width:35px;height:60px;border:2px solid var(--primary-white);position:absolute;bottom:50px;left:50%;right:auto;border-radius:25px;cursor:pointer;transition:.5s;transform:translateX(-50%);animation:MoveUpDown 4.5s linear infinite}@keyframes MoveUpDown{0%,100%{bottom:25px}50%{bottom:50px}}.scroll-down_btn:focus,.scroll-down_btn:hover{border-color:var(--primary-red);background-color:#FFF;}.scroll-down_btn a{display:block;cursor:pointer;width:100%;height:100%;position:relative}.scroll-down_btn a:after{position:absolute;content:'';width:7px;height:7px;border-radius:50%;background-color:var(--primary-red);left:14px;top:13px} @media screen and (max-width:1001px) { .scroll-down_btn { display: none; } }

.box-shadow { box-shadow: 0 5px 20px rgba(0, 0, 0, .10); }

.text-right { text-align:right; } .text-left { text-align:left; } .text-center { text-align:center; } .text-justify { text-align:justify; } @media screen and (max-width:1001px) { .sm-text-left { text-align:left; } .sm-text-center { text-align:center; } } @media screen and (max-width:681px) { .xs-text-center { text-align:center; } }

.font-11 { font-size:11px; } .font-12 { font-size:12px; } .font-13 { font-size:13px; } .font-14 { font-size:14px; } .font-15 { font-size:15px; } .font-16 { font-size:16px; } .font-18 { font-size:18px; } .font-21 { font-size:21px; } .font-24 { font-size:24px; } .font-28 { font-size:28px; } .font-30 { font-size:30px; } .font-34 { font-size:34px; } .font-36 { font-size:36px; } .font-38 { font-size:38px; } .font-40 { font-size:40px; } .font-48 { font-size:48px; } .font-62 { font-size:62px; } @media screen and (max-width:1001px) { .sm-font-14 { font-size:14px; } .sm-font-18 { font-size:18px; } .sm-font-21 { font-size:21px; } .sm-font-24 { font-size:24px; } } @media screen and (max-width:681px) { .xs-font-11 { font-size:11px; } .xs-font-12 { font-size:12px; } .xs-font-13 { font-size:13px; } .xs-font-14 { font-size:14px; } .xs-font-16 { font-size:16px; } .xs-font-18 { font-size:18px; } .xs-font-21 { font-size:21px; } .xs-font-26 { font-size:26px; } .xs-font-34 { font-size:34px; } }

.font-w-lighter { font-weight: lighter; } .font-w-normal { font-weight: normal; } .font-w-200 { font-weight: 200; } .font-w-400 { font-weight: 400; } .font-w-500 { font-weight: 500; } .font-w-600 { font-weight: 600; } .font-w-bold { font-weight: bold; } .cursor-pointer { cursor: pointer; } .cursor-not-allowed { cursor: not-allowed; }

a.text-without-underline:hover { text-decoration: none; } .text-underline { text-decoration: underline; } .text-uppercase { text-transform: uppercase; } .display-block { display: block; } .display-inline-block { display: inline-block; } .display-none { display: none; } @media screen and (max-width:1001px) { .sm-display-none { display:none; } .sm-display-inline { display:inline; } } @media screen and (max-width:681px) { .xs-display-inline-block { display:inline-block; } .xs-display-none { display:none; } }

.border-1-grey { border:1px solid #eeeeee; }
.border-top-1-grey { border-top:1px solid #dddddd; box-shadow: 0 -2px 10px rgba(0,0,0,.05); }
.border-radius-0 { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } .border-radius-3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .border-radius-5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .border-radius-10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .border-radius-15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } .border-radius-50 { -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }
          
.text-white, a.text-white, a.text-white:hover { color: var(--primary-white); } .text-instagram { color: rgba(50, 120, 166, 0.75); } .text-instagram:hover { color:#2C6A93; } .text-twitter { color: rgba(0, 171, 238, 0.75); } .text-twitter:hover { color:#00acee; } .text-snapchat { color: rgba(255, 251, 0, 0.75); } .text-snapchat:hover { color:#FFFC00; }
.text-primary, a.text-primary { color: var(--primary); } a.text-primary:hover { color: var(--primary); }
.text-secondary, a.text-secondary { color: var(--secondary); } a.text-secondary:hover { color: var(--secondary); }
.text-grey, a.text-grey { color: grey; } a.text-grey:hover { color: black; }
.text-facebook { color: #3b5998; } .text-instagram { color: #3f729b; }

.background-black { background-color: var(--primary-black); }
.background-white { background-color: var(--primary-white); }
.background-white-75 { background-color: rgba(255, 255, 255, 0.75); }
.background-red { background-color: var(--primary-red); } .background-red-hover:hover { background-color: var(--secondary-red); }
.background-primary { background-color: var(--primary); } .background-primary-hover:hover { background-color: var(--secondary); }
.background-secondary { background-color: var(--secondary); }
.background-primary-secondary { background: linear-gradient(135deg, rgba(18, 71, 90, 1) 0%, rgba(108, 180, 204, 1) 100%); }
.background-middle-primary { background: linear-gradient(0deg, transparent 0%, transparent 35%, var(--primary) 35%, var(--primary) 65%, transparent 65%, transparent 100%); }
.background-middle-secondary { background: linear-gradient(0deg, transparent 0%, transparent 35%, var(--secondary) 35%, var(--secondary) 65%, transparent 65%, transparent 100%); }

.button-slide-primary-secondary { background: linear-gradient(90deg, rgba(20,54,95,1) 0%, rgba(49,116,178,1) 100%); -webkit-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s; transition: ease-out 0.4s; } .button-slide-primary-secondary:hover { box-shadow: inset 400px 0 0 0 rgba(20,54,95,1); }

.background-dark-light-grey { background-color: #dddddd; }
.background-light-grey { background-color: #f6f6f6; }

.references img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .references img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.2); }

.container { padding-right:20px; padding-left:20px; margin-right:auto; margin-left:auto; } .row { margin-right:-40px; margin-left:-40px; display: flex; flex-wrap: wrap; } .equal { display:flex; display:-webkit-flex; flex-wrap:wrap; } .col-12 { width:calc(100% - 10px); } .col-11 { width:calc(91.66666667% - 10px); } .col-10 { width:cal(83.33333333% - 10px); } .col-9 { width:calc(75% - 10px); } .col-8 { width:calc(66.66666667% - 10px); } .col-7 { width:calc(58.33333333% - 10px); } .col-6 { width:calc(50% - 10px); } .col-5 { width:calc(41.66666667% - 10px); } .col-4 { width:calc(33.33333333% - 10px); } .col-3 { width:calc(25% - 10px); } .col-2 { width:calc(16.66666667% - 10px); } .col-1 { width:calc(8.33333333% - 10px); }
 .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { padding-right:20px; padding-left:20px; position:relative; min-height:1px; float:left; } .col-md-12 { width:calc(100% - 40px); } .col-md-11 { width:calc(91.66666667% - 40px); } .col-md-10 { width:calc(83.33333333% - 40px); } .col-md-9 { width:calc(75% - 40px); } .col-md-8 { width:calc(66.66666667% - 40px); } .col-md-7 { width:calc(58.33333333% - 40px); } .col-md-6 { width:calc(50% - 40px); } .col-md-5 { width:calc(41.66666667% - 40px); } .col-md-4 { width:calc(33.33333333% - 40px); } .col-md-3 { width:calc(25% - 40px); } .col-md-2 { width:calc(16.66666667% - 40px); } .col-md-1 { width:calc(8.33333333% - 40px); } .row:after { clear:both; } @media screen and (max-width:1240px) { .col-sd-12 { width:calc(100% - 40px); } .col-sd-11 { width:calc(91.66666667% - 40px); } .col-sd-10 { width:calc(83.33333333% - 40px); } .col-sd-9 { width:calc(75% - 40px); } .col-sd-8 { width:calc(66.66666667% - 40px); } .col-sd-7 { width:calc(58.33333333% - 40px); } .col-sd-6 { width:calc(50% - 40px); } .col-sd-5 { width:calc(41.66666667% - 40px); } .col-sd-4 { width:calc(33.33333333% - 40px); } .col-sd-3 { width:calc(25% - 40px); } .col-sd-2 { width:calc(16.66666667% - 40px); } .col-sd-1 { width:calc(8.33333333% - 40px); } } @media screen and (max-width:1001px) { 	.col-sm-12 { width:calc(100% - 40px); } .col-sm-11 { width:calc(91.66666667% - 40px); } .col-sm-10 { width:calc(83.33333333% - 40px); } .col-sm-9 { width:calc(75% - 40px); } .col-sm-8 { width:calc(66.66666667% - 40px); } .col-sm-7 { width:calc(58.33333333% - 40px); } .col-sm-6 { width:calc(50% - 40px); } .col-sm-5 { width:calc(41.66666667% - 40px); } .col-sm-4 { width:calc(33.33333333% - 40px); } .col-sm-3 { width:calc(25% - 40px); } .col-sm-2 { width:calc(16.66666667% - 40px); } .col-sm-1 { width:calc(8.33333333% - 40px); } } @media screen and (max-width:681px) { .col-xs-12 { width:calc(100% - 40px); } .col-xs-11 { width:calc(91.66666667% - 40px); } .col-xs-10 { width:calc(83.33333333% - 40px); } .col-xs-9 { width:calc(75% - 40px); } .col-xs-8 { width:calc(66.66666667% - 40px); } .col-xs-7 { width:calc(58.33333333% - 40px); } .col-xs-6 { width:calc(50% - 40px); } .col-xs-5 { width:calc(41.66666667% - 40px); } .col-xs-4 { width:calc(33.33333333% - 40px); } .col-xs-3 { width:calc(25% - 40px); } .col-xs-2 { width:calc(16.66666667% - 40px); } .col-xs-1 { width:calc(8.33333333% - 40px); } .col-6 { width:calc(100% - 10px); } } .vertical-align { display: flex; align-items: center; } .justify-content-md-center { justify-content: center !important; }

.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
.form-group { margin-bottom: 10px; }

label { font-size:12px; color:black; display:inline-block; font-weight:normal; text-transform: uppercase; color: #aeaeae; } input.formulaire, select.formulaire, textarea.formulaire { font-family: 'Open Sans', sans-serif; -webkit-appearance:none; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border: 1px solid #eee; background-color:#FFF; padding:10px; width:calc(100% - 22px); font-size:14px; transition-property:background-color, border; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } input.formulaire:hover, select.formulaire:hover, textarea.formulaire:hover { background-color:#fcfcfc; } input.formulaire:focus, select.formulaire:focus, textarea.formulaire:focus { background-color:#fcfcfc; } textarea.formulaire { resize: vertical; min-height: 80px; max-height: 200px; } select.formulaire { width: 100%; }

.float:after, .float:before { display:table; content: " "; } .float .left { float:left; } .float .right { float:right; } .float:after { clear:both; } @media screen and (max-width:1001px) { .sm-float-none:after, .sm-float-none:before { display:table; content: " "; } .sm-float-none .left, .sm-float-none .right { float:none; display:block; } .sm-float-none:after { clear:both; } } @media screen and (max-width:681px) { .xs-float-none:after, .xs-float-none:before { display:table; content: " "; } .xs-float-none .left { float:none; display:block; } .xs-float-none:after { clear:both; } }

.alert{position:relative;padding:10px;border:1px solid transparent}.alert-link{font-weight:700}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert > p.nostyle{margin-bottom:0;font-size:13px;line-height:normal}

.qsn-height-100 { min-height: 100% !important; } @media screen and (max-width:681px) { .qsn-height-100 { height: 250px !important; } }

.m-0-auto { margin:0 auto; } .m-5 { margin:5px; } .m-10 { margin:10px; } .m-15 { margin:15px; } .m-20 { margin:20px; } .m-25 { margin:25px; } .mt--30 { margin-top:-30px; } .mt-0 { margin-top:0px; } .mt-5 { margin-top:5px; } .mt-7 { margin-top:7px; } .mt-10 { margin-top:10px; } .mt-15 { margin-top:15px; } .mt--20 { margin-top:-20px; } .mt-20 { margin-top:20px; } .mt-25 { margin-top:25px; } .mt-30 { margin-top:30px; } .mt-40 { margin-top:40px; } .mt-50 { margin-top:50px; } .mt-100 { margin-top:100px; } .mb-0 { margin-bottom:0px; } .mb-5 { margin-bottom:5px; } .mb-10 { margin-bottom:10px; } .mb-15 { margin-bottom:15px; } .mb--15 { margin-bottom:-15px; } .mb-20 { margin-bottom:20px; } .mb--20 { margin-bottom:-20px; } .mb-25 { margin-bottom:25px; } .mb--25 { margin-bottom:-25px; } .mb-30 { margin-bottom:30px; } .mb-35 { margin-bottom:35px; } .mb-40 { margin-bottom:40px; } .mb-50 { margin-bottom:50px; } .mb-100 { margin-bottom:100px; } .ml-0 { margin-left:0px; } .ml-5 { margin-left:5px; } .ml-10 { margin-left:10px; } .ml-15 { margin-left:15px; } .ml-20 { margin-left:20px; } .ml-25 { margin-left:25px; } .ml-30 { margin-left:30px; } .ml-40 { margin-left:40px; } .ml-50 { margin-left:50px; } .ml-100 { margin-left:100px; } .mr-0 { margin-right:0px; } .mr-5 { margin-right:5px; } .mr-10 { margin-right:10px; } .mr-15 { margin-right:15px; } .mr-20 { margin-right:20px; } .mr-25 { margin-right:25px; } .mr-30 { margin-right:30px; } .mr-40 { margin-right:40px; } .mr-50 { margin-right:50px; } .mr-100 { margin-right:100px; } .my-10 { margin-top:10px; margin-bottom:10px; } .p-0 { padding: 0 !important; } .p-5 { padding:5px; } .p-10 { padding:10px; } .p-15 { padding:15px; } .p-20 { padding:20px; } .p-25 { padding:25px; } .p-30 { padding:30px; } .p-40 { padding:40px; } .p-50 { padding:50px; } .p-5-10 { padding:5px 10px; } .pt-0 { padding-top:0px; } .pt-5 { padding-top:5px; } .pt-10 { padding-top:10px; } .pt-15 { padding-top:15px; } .pt-20 { padding-top:20px; } .pt-25 { padding-top:25px; } .pt-30 { padding-top:30px; } .pt-40 { padding-top:40px; } .pt-50 { padding-top:50px; } .pt-100 { padding-top:100px; } .pt-200 { padding-top:200px; } .pb-0 { padding-bottom:0px; } .pb-5 { padding-bottom:5px; } .pb-10 { padding-bottom:10px; } .pb-15 { padding-bottom:15px; } .pb-20 { padding-bottom:20px; } .pb-25 { padding-bottom:25px; } .pb-30 { padding-bottom:30px; } .pb-40 { padding-bottom:40px; } .pb-50 { padding-bottom:50px; } .pb-100 { padding-bottom:100px; } .pb-150 { padding-bottom:150px; } .pb-200 { padding-bottom:200px; } .pl-0 { padding-left:0px; } .pl-5 { padding-left:5px; } .pl-10 { padding-left:10px; } .pl-15 { padding-left:15px; } .pl-20 { padding-left:20px; } .pl-25 { padding-left:25px; } .pl-30 { padding-left:30px; } .pl-40 { padding-left:40px; } .pl-50 { padding-left:50px; } .pl-100 { padding-left:100px; } .pr-0 { padding-right:0px; } .pr-5 { padding-right:5px; } .pr-10 { padding-right:10px; } .pr-15 { padding-right:15px; } .pr-20 { padding-right:20px; } .pr-25 { padding-right:25px; } .pr-30 { padding-right:30px; } .pr-40 { padding-right:40px; } .pr-50 { padding-right:50px; } .pr-100 { padding-right:100px; } .py-10 { padding-top:10px; padding-bottom:10px; } .py-20 { padding-top:20px; padding-bottom:20px; } .py-40 { padding-top:40px; padding-bottom:40px; } .px-20 { padding-left:20px; padding-right:20px; } @media screen and (max-width:1001px) { .sm-mr-0 { margin-right:0; } .sm-ml-0 { margin-left:0; } .sm-mt-0 { margin-top:0; } .sm-mt-25 { margin-top:25px; } .sm-mb-10 { margin-bottom:10px; } .sm-mb-20 { margin-bottom:20px; } .sm-mb-25 { margin-bottom:25px; } .sm-mb-35 { margin-bottom:35px; } .sm-mb-40 { margin-bottom:40px; } .sm-pl-0 { padding-left:0; } } @media screen and (max-width:681px) { .xs-mr-0 { margin-right:0px; } .xs-mb-10 { margin-bottom:10px; } .xs-mb-15 { margin-bottom:15px; } .xs-mb-20 { margin-bottom:20px; } .xs-mb-25 { margin-bottom:25px; } .xs-mt-20 { margin-top:20px; } .xs-mt-50 { margin-top:50px; } .xs-pt-20 { padding-top:20px; } .xs-pt-50 { padding-top:50px; } .xs-pb-50 { padding-bottom:50px; } .xs-pt-100 { padding-top:100px; } .xs-pb-100 { padding-bottom:100px; } .xs-pl-0 { padding-left: 0; } .xs-pr-0 { padding-right: 0; } }

.bg-section { background-size: cover; background-repeat: no-repeat; color: var(--primary-white); text-shadow: 0px 0px 15px black; margin-top: 81px !important; } .data-background { background-size: cover; background-repeat: no-repeat; } .data-background-overlay { background: rgba(33,37,41, 0.7); }

a.button, a.button:hover, button.button, button.button:hover { cursor: pointer; position: relative; top: 0; display: inline-block; border:0; text-decoration:none; transition-property:box-shadow, background-color, color, border, background-image; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } a.button:hover, button.button:hover { box-shadow: 0 1.5px 10px rgba(0,0,0,.1); -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); top: -2.5px; }

.bloc-scale { transition-property:scale, margin-top; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .bloc-scale:hover { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); margin-top: -10px; margin-bottom: 10px; }

/* Add Animation */
@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }

.accordion { background-color: var(--secondary); cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; font-size: 16px; color:white; }
.accordion-active, .accordion:hover { background-color: var(--primary); }
.accordion:after { content: '\002B'; font-weight: bold; float: right; margin-left: 5px; }
.accordion-active:after { content: "\2212"; }
.accordion-panel { background-color: #f6f6f6; line-height: 22px; padding: 0px 10px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.accordion-panel p { font-size: 14px; margin: 10px 0 10px 0; } .accordion-panel ul { list-style-type: circle; margin: 10px; padding-left: 5px; } .accordion-panel ul li { line-height: 22px; font-weight: 300; font-size: 14px; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; }

.lds-facebook { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-facebook div { display: inline-block; position: absolute; left: 8px; width: 16px; background: var(--primary-red); animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } .lds-facebook div:nth-child(1) { left: 8px; animation-delay: -0.24s; } .lds-facebook div:nth-child(2) { left: 32px; animation-delay: -0.12s; } .lds-facebook div:nth-child(3) { left: 56px; animation-delay: 0; } @keyframes lds-facebook { 0% { top: 8px; height: 64px; } 50%, 100% { top: 24px; height: 32px; } }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 9999; padding-top: 50px; padding-bottom: 50px; left: 0; top: 0; width: 100%; height: calc(100% - 100px); overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.5); }
.modal-content { position: relative; margin: auto; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; max-width: 600px; background-color: white; padding: 20px; } @media screen and (max-width:681px) { .modal-content { margin: 0 20px; } } .modal-xs { max-width: 400px; }

.modal-header { margin-bottom: 10px }
.modal-header:after, .modal-header:before { display:table; content: " "; } 
.modal-header .title-modal { float: left; font-size: 21px; width: calc(100% - 38px); }
.modal-header .close-modal { float: right; font-size: 21px; text-align: right; }
.modal-header .close-modal:hover, .modal-header .close-modal:focus { text-decoration: none; cursor: pointer; }
.modal-header { font-size: 28px; }
.modal-header:after { clear: both; }