:root {
	--primary: #c7ad57;
	--primary-hover: #bba04b;
	--secondary: #b7b098;
	--secondary-hover: #9a9279;
	--primary-black: black;
	--primary-black-light: #444444;
	--primary-orange: #ffb347;
	--primary-orange-hover: #d3933a;
	--primary-white: #ffffff;
	--primary-green: #98c83f;
	--primary-green-hover: #87b03a;
	--primary-red: #c2000c;
	--primary-red-hover: #a5000a;
	--primary-dark-blue: #193c95;
	--primary-dark-blue-hover: #100643;
}

html, body { margin: 0 auto; background-color: white; width: 100%; font-size: 14px; color: #444; font-family: 'Geomanist', sans-serif; letter-spacing: 0px; overflow-x: hidden; } a, a:focus, video, video:focus, button, button:focus, input, input:focus, select, select:focus, textarea, textarea:focus, img, img:focus { outline: 0; } img { display: block; margin: 0; padding: 0; } a, a:hover { color: #444; text-decoration: none; } a:hover { color: black; text-decoration: underline; } .background-black a { color: white; text-decoration:none; } .background-black a:hover { color: white; text-decoration: underline; } input, textarea, select { font-family: 'Arial', sans-serif; }

header { width: 100%; position: fixed; top: 0; z-index: 9999; background-color: transparent; } 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%; }

header > .padding-10-0 { padding: 30px 20px; transition: padding .2s ease; -webkit-transition: padding .2s ease; }
header > .padding-25-0 { padding: 40px 20px; transition: padding .2s ease; -webkit-transition: padding .2s ease; }

header.background-dark, header.background-dark-header { background-color: rgba(0, 0, 0, 0.75); transition: background-color .2s ease; -webkit-transition: background-color .2s ease; }

header .bloc-nav img.logo { position: absolute; top: -77.5px; left: -84px; width: auto; height: 155px; transition-property: height, width; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }
header .bloc-nav img.logo-min { position: absolute; top: -55px; left: -64px; width: auto; height: 115px; transition-property: height, width; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }
header .bloc-nav img.logo-min__ { position: absolute; top: -50px; left: -40px; width: auto; height: 165px; transition-property: height, width; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }

header .bloc-nav .menu-mobile { display: none; }
header .bloc-nav .logo-mobile { display: none; }
header .bloc-nav .menu .closebtn { display: none; }

nav ul, footer ul, ul.copyright, ul.breadcrumb, ul.menu-left-item { list-style-type: none; margin: 0; padding: 0; }
nav ul li { font-weight: 300; display: inline-block; margin-right: 25px; position: relative; } nav ul li:last-child { margin-right: 0; }
nav ul li a { color: var(--primary-white); padding: 10px 0; }
nav ul li a:hover { color: var(--secondary); text-decoration: none; }

.justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important; }
.d-flex { display: -ms-flexbox!important; display: flex!important; }

.data-bg-overlay { width:100%;height:100%; background: rgba(40, 39, 32, 0.6); }

.home-window { background-size: cover; background-repeat: no-repeat; color: var(--primary-white); text-shadow: 0px 0px 15px black; height: 100vh; position: relative; } .vertical-center-title { margin-top: calc(100vh - 50px); transform: translateY(-50%); margin-left: auto; margin-right: auto; text-align: center; width: calc(100% - 40px); }

.underline-hover-white, ul.footer li a { position: relative; } a.underline-hover-white:hover, ul.footer li a:hover { text-decoration: none; }
.underline-hover-white:after, ul.footer li a:after { content: ''; position: absolute; width: 0; height: 2px; display: block; margin-top: 2px; right: 0; transition: width .2s ease; -webkit-transition: width .2s ease; }
.underline-hover-white:after { background: var(--secondary); } ul.footer li a:after { background: var(--primary-black-light); }
.underline-hover-white:hover:after,  ul.footer li a:hover:after { width: 100%; left: 0; }
.underline-hover-white:hover:after { background: var(--secondary); } ul.footer li a:hover:after { background: var(--primary-black-light); }

ul.menu-left-item a li { color: white; text-decoration: none; padding: 20px; } ul.menu-left-item a:hover { display: block; color: white; background-color: var(--primary); text-decoration: none; } ul.menu-left-item a.active li { background-color: var(--primary); }

section p { line-height: 22px; font-weight: 300; font-size: 14px; letter-spacing: 1px; } section p strong { font-weight: 600; }
footer p { line-height: 20px; }

footer ul li { display: block; margin-bottom: 10px; } footer ul li a, footer p a { text-decoration: none; } footer ul li a:hover, footer p a:hover, ul.breadcrumb a:hover, ul.ul__pack a:hover .text-underline-hover:hover { text-decoration: underline; } footer ul li:last-child { margin-bottom: 5px; } .appel-action { display: none; }

ul.copyright li { display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #dddddd; } ul.copyright li:last-child { border-right:0; } ul.breadcrumb { font-size:14px; text-transform:uppercase; margin-top:15px; } ul.breadcrumb li:after { content:'›'; margin:0 10px; }  ul.breadcrumb li:last-child:after { content:''; margin:0; } ul.breadcrumb li, ul.breadcrumb li a { display:inline-block; color:white; } ul.breadcrumb li:last-child { border-right:0; font-weight: 600; }

.position-relative { position:relative; } .position-absolute { position:absolute; }
.bloc-recommanded { box-shadow:0px 0px 5px rgba(0,0,0,0.2); margin-top:-75px; padding:15px; width:calc(100% - 30px); } .bloc-recommanded ul { margin:0px; padding:0 0 0 20px; }

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-100-prcnt { width:100%; } .width-80-prcnt { width:80%; }

.font-dosis { font-family: 'Dosis', cursive; font-style: normal; } .font-reenie-beanie { font-family: 'Reenie Beanie', cursive; font-style: normal; letter-spacing: -1px }

.content { padding-left:20px; padding-right:20px; max-width:1200px; }
.zoom-1-05 { zoom: 1.05; } .zoom { transition-property:box-shadow, transform; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .zoom:hover { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .text-align-right { text-align:right; } .text-align-left { text-align:left; } .text-align-center { text-align:center; } .text-align-justify { text-align:justify; }

.font-size-11 { font-size:11px; } .font-size-12 { font-size:12px; } .font-size-13 { font-size:13px; } .font-size-14 { font-size:14px; } .font-size-15 { font-size:15px; } .font-size-16 { font-size:16px; } .font-size-18 { font-size:18px; } .font-size-21 { font-size:21px; } .font-size-24 { font-size:24px; } .font-size-28 { font-size:28px; } .font-size-30 { font-size:30px; } .font-size-34 { font-size:34px; } .font-size-36 { font-size:36px; } .font-size-38 { font-size:38px; } .font-size-40 { font-size:40px; } .font-size-48 { font-size:48px; }

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

.fa-facebook:hover { color:#3b5998; } .fa-instagram:hover { color:#C32AA3; } .fa-twitter:hover { color:#00acee; } .fa-google:hover { color:#db4a39; } .fa-telegram:hover { color:#0088cc; } .fa-snapchat:hover { color:yellow; } .fa-envelope:hover { color:red; } .fa-whatsapp:hover { color:#25D366; }

.text-underline { text-decoration: underline; } .text-uppercase { text-transform: uppercase; } .display-block { display: block; } .display-none { display: none; }
.border-1-grey { border:1px solid #dddddd; }
.border-1-dark-blue { border-bottom:2px solid var(--primary-dark-blue-hover); border-right:2px solid var(--primary-dark-blue-hover); }
.border-left-5-dark-blue { border-left:5px solid var(--primary-dark-blue-hover); }
.border-left-5-red { border-left:5px solid var(--primary-red-hover); }
.border-1-red { border-bottom:2px solid var(--primary-red-hover); border-right:2px solid var(--primary-red-hover); }
.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; } .border-radius-top-15 { -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .border-radius-bottom-15 { -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; }

.pic-block { width: calc(100% - 100px); height: 275px; background-color: #f5f5f5; padding: 50px 50px 0 50px; margin-bottom: 50px; } .pic-block > .pic { width: calc(100% - 50px); padding: 25px; background-color: white; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.1); margin-bottom: 100px; } .pic-block > .pic img { width: 100%; }
          
.color-primary { color: var(--primary); } .color-secondary { color: var(--secondary); } .color-red { color: var(--primary-red); } .color-black-light { color: var(--primary-black-light); } .color-orange { color: var(--primary-orange); } .color-green { color: var(--primary-green); } .color-dark-blue { color: var(--primary-dark-blue); } .color-white { color: var(--primary-white); } .color-white-hover:hover { color: var(--primary-white); } .color-grey { color: #929292; } .color-yellow { color: #ffdc84; } .color-facebook { color: #3b5998; }
.background-white { background-color: white; } .options > .background-white-hover { -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .options:hover > .background-white-hover { background-color:white; } .background-light-grey { background-color: #fbfbfb; } .background-dark-light-grey { background-color: #f5f5f5; } .background-ultra-light-grey { background-color: #fbfbfb; } .background-orange { background-color: var(--primary-orange); position: relative; } .background-orange-hover:hover { background-color: var(--primary-orange-hover); position: relative; } .background-blue { background-color: #409bdc; position: relative; } .background-black { background-color: black; } .background-green { background-color: var(--primary-green); } .background-green-hover:hover { background-color: var(--primary-green-hover); } .background-primary { background-color: var(--primary); } .background-primary-hover:hover { background-color: var(--primary-hover); } .background-secondary { background-color: var(--secondary); } .background-secondary-hover:hover { background-color: var(--secondary-hover); } .background-dark-blue { background-color: var(--primary-dark-blue); } .background-dark-blue-hover:hover { background-color: var(--primary-dark-blue-hover); } .background-red { background-color: var(--primary-red); } .background-red-hover:hover { background-color: var(--primary-red-hover); } .background-black-opaque { background-color:rgba(0, 0, 0, .75); } .background-reviews { background: linear-gradient(rgba(220, 64, 124, .3), rgba(220, 64, 124, .5)), url('/assets/img/img-bg-reviews-min.jpg') no-repeat center center fixed; background-size: cover; position: relative; } .box-shadow-light-grey { box-shadow: 0 0 20px rgba(0,0,0,.1); transition-property:box-shadow, transform; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .text-shadow-light-grey { text-shadow: 0 0 15px rgba(0,0,0,.5); } .box-zoom:hover { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); box-shadow: 0 0 20px rgba(0,0,0,.2); } .background-primary-secondary { background: linear-gradient(90deg, rgba(0,183,170,1) 0%, rgba(0,166,154,1) 100%); }

.background-middle-primary { background: linear-gradient(0deg, var(--primary) 50%, transparent 50%); }
.background-middle-primary-light { background: linear-gradient(0deg, #00f0df 50%, transparent 50%); }
.background-middle-secondary { background: linear-gradient(0deg, var(--secondary) 50%, transparent 50%); }

.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; } .row:after, .row:before { display:table; } .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; } .vertical-align { display: flex; align-items: center; } .justify-content-md-center { justify-content: center !important; }

.container-2 { padding-right:10px; padding-left:10px; margin-right:auto; margin-left:auto; } .row-2 { margin-right:-20px; margin-left:-20px; display: flex; flex-wrap: wrap; } .row-2:after, .row-2:before { display:table; } .row-2 > .col-md-12, .row-2 > .col-md-11, .row-2 > .col-md-10, .row-2 > .col-md-9, .row-2 > .col-md-8, .row-2 > .col-md-7, .row-2 > .col-md-6, .row-2 > .col-md-5, .row-2 > .col-md-4, .row-2 > .col-md-3, .row-2 > .col-md-2, .row-2 > .col-md-1, .row-2 > .col-sm-12, .row-2 > .col-sm-11, .row-2 > .col-sm-10, .row-2 > .col-sm-9, .row-2 > .col-sm-8, .row-2 > .col-sm-7, .row-2 > .col-sm-6, .row-2 > .col-sm-5, .row-2 > .col-sm-4, .row-2 > .col-sm-3, .row-2 > .col-sm-2, .row-2 > .col-sm-1, .row-2 > .col-xs-12, .row-2 > .col-xs-11, .row-2 > .col-xs-10, .row-2 > .col-xs-9, .row-2 > .col-xs-8, .row-2 > .col-xs-7, .row-2 > .col-xs-6, .row-2 > .col-xs-5, .row-2 > .col-xs-4, .row-2 > .col-xs-3, .row-2 > .col-xs-2, .row-2 > .col-xs-1 { padding-right:10px;padding-left:10px;position:relative; min-height:1px; float:left; } .row-2 > .col-md-12 { width:calc(100% - 20px); } .row-2 > .col-md-11 { width:calc(91.66666667% - 20px); } .row-2 > .col-md-10 { width:calc(83.33333333% - 20px); } .row-2 > .col-md-9 { width:calc(75% - 20px); } .row-2 > .col-md-8 { width:calc(66.66666667% - 20px); } .row-2 > .col-md-7 { width:calc(58.33333333% - 20px); } .row-2 > .col-md-6 { width:calc(50% - 20px); } .row-2 > .col-md-5 { width:calc(41.66666667% - 20px); } .row-2 > .col-md-4 { width:calc(33.33333333% - 20px); } .row-2 > .col-md-3 { width:calc(25% - 20px); } .row-2 > .col-md-2 { width:calc(16.66666667% - 20px); } .row-2 > .col-md-1 { width:calc(8.33333333% - 20px); } .row-2:after { clear:both; }

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px;
  margin-right: -40px;
  margin-left: -40px;
}

.form-row > [class*="col-"] {
  padding-right: 20px;
  padding-left: 20px;
}

.form-row label, label.special {
  display: block; font-size: 11px; color: grey; text-transform: uppercase; font-weight: normal;
}

.form-row input, .form-row textarea { width: calc(100% - 22px); } .form-row select { width: 100%; } .form-row textarea { min-height: 175px; } .form-row input, .form-row select, .form-row textarea { background-color: var(--primary-white); border: 1px solid #ebebeb; font-weight: lighter; padding: 10px; font-size: 13px; -webkit-appearance:none; transition-property:border; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .form-row .input-primary:hover { background-color: #fcfcfc } .form-row .input-primary:focus { background-color: #f7f7f7 }

.float:after, .float:before { display:table; content: " "; } .float .left { float:left; } .float .right { float:right; } .float:after { clear:both; }

.time__pack, .time__pack:hover { display: inline-block; -webkit-transform: skew(-10deg); transform: skew(-10deg); }
ul.ul__pack { list-style-type: none; margin: 0 -20px 30px -20px; padding: 0; }
ul.ul__pack li { display: block; padding: 10px 20px; background-color:white; }
ul.ul__pack li:nth-child(even) { background-color:transparent; }

.strikeout-primary, .strikeout-secondary { position: relative; display: inline-block; }
.strikeout-primary::before, .strikeout-secondary::before { content: ''; z-index: 8; width: 100%; position: absolute; left: 0; top: 45%; } .strikeout-primary::before, .strikeout-secondary::before { border-bottom: 3px solid var(--primary-black); }

.margin-0-auto { margin:0 auto; } .margin-5 { margin:5px; } .margin-10 { margin:10px; } .margin-15 { margin:15px; } .margin-20 { margin:20px; } .margin-25 { margin:25px; } .margin-top--20 { margin-top:-20px; } .margin-top--30 { margin-top:-30px; } .margin-top-0 { margin-top:0px; } .margin-top-5 { margin-top:5px; } .margin-top-7 { margin-top:7px; } .margin-top-10 { margin-top:10px; } .margin-top-15 { margin-top:15px; } .margin-top--20 { margin-top:-20px; } .margin-top-20 { margin-top:20px; } .margin-top-25 { margin-top:25px; } .margin-top-30 { margin-top:30px; } .margin-top-40 { margin-top:40px; } .margin-top-50 { margin-top:50px; } .margin-top-100 { margin-top:100px; } .margin-bottom-0 { margin-bottom:0px; } .margin-bottom-5 { margin-bottom:5px; } .margin-bottom-10 { margin-bottom:10px; } .margin-bottom-15 { margin-bottom:15px; } .margin-bottom--15 { margin-bottom:-15px; } .margin-bottom-20 { margin-bottom:20px; } .margin-bottom--20 { margin-bottom:-20px; } .margin-bottom-25 { margin-bottom:25px; } .margin-bottom--25 { margin-bottom:-25px; } .margin-bottom-30 { margin-bottom:30px; } .margin-bottom-35 { margin-bottom:35px; } .margin-bottom-40 { margin-bottom:40px; } .margin-bottom-50 { margin-bottom:50px; } .margin-bottom-100 { margin-bottom:100px; } .margin-left-0 { margin-left:0px; } .margin-left-5 { margin-left:5px; } .margin-left-10 { margin-left:10px; } .margin-left-15 { margin-left:15px; } .margin-left-20 { margin-left:20px; } .margin-left-25 { margin-left:25px; } .margin-left-30 { margin-left:30px; } .margin-left-40 { margin-left:40px; } .margin-left-50 { margin-left:50px; } .margin-left-100 { margin-left:100px; } .margin-right-0 { margin-right:0px; } .margin-right-5 { margin-right:5px; } .margin-right-10 { margin-right:10px; } .margin-right-15 { margin-right:15px; } .margin-right-20 { margin-right:20px; } .margin-right-25 { margin-right:25px; } .margin-right-30 { margin-right:30px; } .margin-right-40 { margin-right:40px; } .margin-right-50 { margin-right:50px; } .margin-right-100 { margin-right:100px; } .padding-5 { padding:5px; } .padding-10 { padding:10px; } .padding-10-20 { padding:10px 20px; } .padding-15 { padding:15px; } .padding-20 { padding:20px; } .padding-25 { padding:25px; } .padding-30 { padding:30px; } .padding-40 { padding:40px; } .padding-50 { padding:50px; } .padding-5-10 { padding:5px 10px; } .padding-top-0 { padding-top:0px; } .padding-top-5 { padding-top:5px; } .padding-top-10 { padding-top:10px; } .padding-top-15 { padding-top:15px; } .padding-top-20 { padding-top:20px; } .padding-top-25 { padding-top:25px; } .padding-top-30 { padding-top:30px; } .padding-top-40 { padding-top:40px; } .padding-top-50 { padding-top:50px; } .padding-top-100 { padding-top:100px; } .padding-top-200 { padding-top:200px; } .padding-bottom-0 { padding-bottom:0px; } .padding-bottom-5 { padding-bottom:5px; } .padding-bottom-10 { padding-bottom:10px; } .padding-bottom-15 { padding-bottom:15px; } .padding-bottom-20 { padding-bottom:20px; } .padding-bottom-25 { padding-bottom:25px; } .padding-bottom-30 { padding-bottom:30px; } .padding-bottom-40 { padding-bottom:40px; } .padding-bottom-50 { padding-bottom:50px; } .padding-bottom-100 { padding-bottom:100px; } .padding-bottom-150 { padding-bottom:150px; } .padding-bottom-200 { padding-bottom:200px; } .padding-left-0 { padding-left:0px; } .padding-left-5 { padding-left:5px; } .padding-left-10 { padding-left:10px; } .padding-left-15 { padding-left:15px; } .padding-left-20 { padding-left:20px; } .padding-left-25 { padding-left:25px; } .padding-left-30 { padding-left:30px; } .padding-left-40 { padding-left:40px; } .padding-left-50 { padding-left:50px; } .padding-left-100 { padding-left:100px; } .padding-right-0 { padding-right:0px; } .padding-right-5 { padding-right:5px; } .padding-right-10 { padding-right:10px; } .padding-right-15 { padding-right:15px; } .padding-right-20 { padding-right:20px; } .padding-right-25 { padding-right:25px; } .padding-right-30 { padding-right:30px; } .padding-right-40 { padding-right:40px; } .padding-right-50 { padding-right:50px; } .padding-right-100 { padding-right:100px; }

.cadre-home-description { background-color: #f9f9f9; box-shadow: 5px 5px 30px 0 #dfdfdf; padding: 20px; } .cadre-home-references { background-color: #f9f9f9; box-shadow: 5px 5px 30px 0 #dfdfdf; padding: 20px; } .references img { display: inline-block; width: calc(80% - 20px); margin: 5px 10px; -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); }

.no-pd { padding: 0 !important; } .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; }

.listing { display:table; width:100%; padding:0; margin:0; } .listing-formule { background-size:cover; background-repeat:no-repeat; background-position:50%; height:200px; width:auto; display:table-cell; border-collapse:collapse; text-align:center; vertical-align:middle; -webkit-filter:grayscale(50%); -moz-filter:grayscale(50%); -o-filter:grayscale(50%); -ms-filter:grayscale(50%); filter:grayscale(50%); opacity:.5; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .listing-formule:hover { -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -o-filter:grayscale(0%); -ms-filter:grayscale(0%); filter:grayscale(0%); opacity:1; } .listing-formule > a.titre { color:white; font-size:16px; font-weight:bold; font-family:'Julius Sans One', cursive; border:2px solid white; background-color:rgba(220, 64, 124, 0.5); padding:10px; } .listing-formule:hover > a.titre { transition-property:background-color, box-shadow; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; text-decoration:none; background-color:#dc407b; box-shadow: 0 0 15px #808080; }

.accordion { background-color: #eee; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; font-size: 16px; }
.accordion-active, .accordion:hover { background-color: #ccc; }
.accordion:after { content: '\002B'; font-weight: bold; float: right; margin-left: 5px; }
.accordion-active:after { content: "\2212"; }
.accordion-panel { line-height: 22px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0px 10px; background-color: white; max-height: 0; margin-bottom: 20px; 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; }

.accordion-2 { background-color: var(--primary); cursor: pointer; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; font-size: 16px; font-weight: bold; color: var(--primary-white); padding: 10px; }
.accordion-2:after { content: '\002B'; font-weight: bold; float: right; margin-left: 5px; }
.accordion-2-active:after { content: "\2212"; }
.accordion-2-panel { line-height: 22px; background-color: #fbfbfb; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }

.button-not-allowed { background-color: #d6d6d6; 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; line-height: normal; letter-spacing: normal; font-family: 'Dosis', sans-serif; cursor: not-allowed; }

a.button, a.button:hover, button.button, button.button:hover { 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; line-height: normal; letter-spacing: normal; font-family: 'Dosis', sans-serif; display: inline-block; } a.button:hover, button.button:hover { box-shadow: 0 2.5px 5px rgba(0,0,0,.25); -moz-transform: scale(.95); -webkit-transform: scale(.95); -o-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); }

a.special-link { font-weight:400; border-bottom:1px dotted #e9e9e9; color:#e3548b; } a.special-link:hover { border-bottom:1px dotted #b3b3b3; text-decoration:none; }

.alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }
.alert-heading { color: inherit; }
.alert-link { font-weight: bold; }
.alert-dismissible .close { position: relative; top: -0.75rem; right: -1.25rem; padding: 0.75rem 1.25rem; color: inherit; }
.alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; }
.alert-success hr { border-top-color: #c1e2b3; }
.alert-success .alert-link { color: #2b542c; }
.alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; }
.alert-info hr { border-top-color: #a6d5ec; }
.alert-info .alert-link { color: #245269; }
.alert-warning { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; }
.alert-warning hr { border-top-color: #f7ecb5; }
.alert-warning .alert-link { color: #66512c; }
.alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; }
.alert-danger hr { border-top-color: #e4b9b9; }
.alert-danger .alert-link { color: #843534; }

/* 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: rgba(0, 0, 0, 0.75); }
.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; margin-top: 5px; }
.modal-header .close-modal { float: right; font-family: Arial; font-size: 28px; background-color: #ebebeb; width: 28px; height: 28px; text-align: center; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .modal-header .close-modal:hover { background-color: #dfdfdf; }
.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; }

/** Effect **/
i.icon-zoom { -webkit-transition:transform .2s ease-in-out; transition:transform .2s ease-in-out; } i.icon-zoom:hover { transform: scale(1.3); }

.cligno { animation: Cligo 1.5s infinite; } @keyframes Cligo { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }

.loader-container { width: 100%; height: 100%; position: fixed; background-color: #fff; top: 0; left: 0; z-index: 10; } .loader-container .lds-ripple { position: relative; width: 64px; height: 64px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader-container .lds-ripple div { position: absolute; border: 4px solid var(--primary-dark-blue); opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .loader-container .lds-ripple div:nth-child(2) { animation-delay: -0.5s; }

@keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1; } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0; } }

/* SEPARATOR */
svg.separator-onde { fill: white; position: absolute; left: 0; bottom: -70px; height: 200px; width: 100%; }

@media screen and (max-width:1240px)
{
	.content { max-width:961px; }

	.col-sd-12 { width:100%; } .col-sd-11 { width:91.66666667%; } .col-sd-10 { width:83.33333333%; } .col-sd-9 { width:75%; } .col-sd-8 { width:66.66666667%; } .col-sd-7 { width:58.33333333%; } .col-sd-6 { width:50%; } .col-sd-5 { width:41.66666667%; } .col-sd-4 { width:33.33333333%; } .col-sd-3 { width:25%; } .col-sd-2 { width:16.66666667%; } .col-sd-1 { width:8.33333333%; }
}
@media screen and (max-width:1001px)
{
	.justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important; }
	.d-flex { display: block!important; }

	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; text-align:left; }
	
	header .bloc-nav > nav.menu ul { background-color:white; }
	header .bloc-nav > nav.menu ul li { display:block; margin:0 0 0 0; padding:10px 20px 10px 20px; border-bottom:1px solid #f0f0f0; }
	header .bloc-nav > nav.menu ul li:last-child { margin-bottom:0; padding-top: 10px; }
	header .bloc-nav > nav.menu ul li:last-child > a.button { color: white; }
	
	header .bloc-nav > nav.menu a { text-decoration:none; color:#444; transition:0.3s; }
	header .bloc-nav > nav.menu a:hover { color: black; }
	
	header .bloc-nav > nav.menu .closebtn { display:block; text-align:right; padding-right:20px; }
	header .bloc-nav > nav.menu .closebtn a, header .bloc-nav > nav.menu .closebtn a:hover { color: white; }

	header .bloc-nav .logo-mobile { display: block; position: absolute; top: 55px; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100px; transition-property: height, width; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }
	header .bloc-nav .menu-mobile { display:table-cell; text-align:right; vertical-align:middle; width:100%; }
	header .bloc-nav .menu-mobile > a > i, header .bloc-nav .menu-mobile > a > svg { font-size:26px; color: var(--primary-white); }
	header .bloc-nav .menu-mobile > a > i:hover, header .bloc-nav .menu-mobile > a > svg:hover { color: white; cursor:pointer; }
	
	.underline-hover-white:after{ height: 0; margin-top: 0; background: transparent; }

	.content { max-width:641px; } .sm-font-size-14 { font-size:14px; } .sm-font-size-18 { font-size:18px; } .sm-font-size-21 { font-size:21px; } .sm-font-size-24 { font-size:24px; } .sm-text-align-center { text-align:center; } .sm-margin-right-0 { margin-right:0; } .sm-margin-left-0 { margin-left:0; } .sm-margin-top-0 { margin-top:0; } .sm-margin-top-25 { margin-top:25px; } .sm-margin-bottom-10 { margin-bottom:10px; } .sm-margin-bottom-20 { margin-bottom:20px; } .sm-margin-bottom-25 { margin-bottom:25px; } .sm-margin-bottom-35 { margin-bottom:35px; } .sm-padding-left-0 { padding-left:0; }
	.sm-border-radius-5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	.sm-position-relative { position:relative; } .bloc-recommanded { margin-top:25px; }
	.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; } .sm-display-none { display:none!important; } .sm-display-inline { display:inline; }

	.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); } .order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-xs-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}
	
	.row-2 > .col-sm-12 { width:calc(100% - 20px); } .row-2 > .col-sm-11 { width:calc(91.66666667% - 20px); } .row-2 > .col-sm-10 { width:calc(83.33333333% - 20px); } .row-2 > .col-sm-9 { width:calc(75% - 20px); } .row-2 > .col-sm-8 { width:calc(66.66666667% - 20px); } .row-2 > .col-sm-7 { width:calc(58.33333333% - 20px); } .row-2 > .col-sm-6 { width:calc(50% - 20px); } .row-2 > .col-sm-5 { width:calc(41.66666667% - 20px); } .row-2 > .col-sm-4 { width:calc(33.33333333% - 20px); } .row-2 > .col-sm-3 { width:calc(25% - 20px); } .row-2 > .col-sm-2 { width:calc(16.66666667% - 20px); } .row-2 > .col-sm-1 { width:calc(8.33333333% - 20px); }
	
	.video { height: 340px; width: 100%; } .sm-cursor-pointer { cursor: pointer; }

	.home-window { height: 45vh; border-top: 25px solid black;} .vertical-center-title { margin-top: calc(45vh - 30px); }
	
	.xl-padding-bottom-50 { padding-bottom:50px; } .xl-display-none { display:none; } .xl-display-inline-block { display:inline-block; }
	.col-xl-6 { width:calc(50% - 40px); } .xl-margin-top-20 { margin-top:20px; }
}
@media screen and (max-width:681px)
{
	.content { max-width:481px; } .xs-font-size-11 { font-size:11px!important; } .xs-font-size-12 { font-size:12px!important; } .xs-font-size-13 { font-size:13px!important; } .xs-font-size-14 { font-size:14px!important; } .xs-font-size-16 { font-size:16px!important; } .xs-font-size-18 { font-size:18px!important; } .xs-font-size-21 { font-size:21px!important; } .xs-font-size-26 { font-size:26px; } .xs-font-size-34 { font-size:34px; } section p { line-height:22px; font-size:14px; }
	.xs-display-none { display:none; } .xs-display-inline-block { display:inline-block; } .xs-separe-button-block { display:block; margin:30px; } .xs-margin-top-0 { margin-top:0px; } .xs-margin-top-8 { margin-top:8px; } .xs-margin-top-20 { margin-top:20px; } .xs-margin-right-0 { margin-right:0px; } .xs-margin-bottom-10 { margin-bottom:10px; } .xs-margin-bottom-15 { margin-bottom:15px; } .xs-margin-bottom-20 { margin-bottom:20px; } .xs-margin-bottom-25 { margin-bottom:25px; } .xs-padding-bottom-50 { padding-bottom:50px; } .xs-padding-bottom-100 { padding-bottom:100px; } .xs-padding-top-20 { padding-top:20px; } .xs-padding-top-50 { padding-top:50px; } .xs-padding-top-100 { padding-top:100px; } .xs-text-align-center { text-align:center; } .xs-width-40-prcnt { width:40%; }
		
	.xs-nav-bottom { display: block; position: fixed; bottom: 0; left: 0; width: calc(100% - 20px); padding: 10px; box-shadow: 0px 0px 7.5px rgba(0, 0, 0, 0.25); }
	
	.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); }.order-xs-first{-ms-flex-order:-1;order:-1}.order-xs-last{-ms-flex-order:13;order:13}.order-xs-0{-ms-flex-order:0;order:0}.order-xs-1{-ms-flex-order:1;order:1}.order-xs-2{-ms-flex-order:2;order:2}.order-xs-3{-ms-flex-order:3;order:3}.order-xs-4{-ms-flex-order:4;order:4}.order-xs-5{-ms-flex-order:5;order:5}.order-xs-6{-ms-flex-order:6;order:6}.order-xs-7{-ms-flex-order:7;order:7}.order-xs-8{-ms-flex-order:8;order:8}.order-xs-9{-ms-flex-order:9;order:9}.order-xs-10{-ms-flex-order:10;order:10}.order-xs-11{-ms-flex-order:11;order:11}.order-xs-12{-ms-flex-order:12;order:12}
	
	.row-2 > .col-xs-12 { width:calc(100% - 20px); } .row-2 > .col-xs-11 { width:calc(91.66666667% - 20px); } .row-2 > .col-xs-10 { width:calc(83.33333333% - 20px); } .row-2 > .col-xs-9 { width:calc(75% - 20px); } .row-2 > .col-xs-8 { width:calc(66.66666667% - 20px); } .row-2 > .col-xs-7 { width:calc(58.33333333% - 20px); } .row-2 > .col-xs-6 { width:calc(50% - 20px); } .row-2 > .col-xs-5 { width:calc(41.66666667% - 20px); } .row-2 > .col-xs-4 { width:calc(33.33333333% - 20px); } .row-2 > .col-xs-3 { width:calc(25% - 20px); } .row-2 > .col-xs-2 { width:calc(16.66666667% - 20px); } .row-2 > .col-xs-1 { width:calc(8.33333333% - 20px); }
		
	ul.copyright li { display:block; margin-right:0; padding-right:0; border-right:0; margin-bottom:8px; } ul.copyright li:last-child { margin-bottom:0; } .appel-action { display:block; position:fixed; bottom:0; left:0; z-index:9999; width:100%; } .appel-action .appel, .appel-action .mail { float:left; width:calc(50% - 40px); padding:20px; text-align:center; color:white; } .zoom-1-05 { zoom: 1; }
}

.item-1, 
.item-2, 
.item-3 {
	position: absolute;
	top:7.5px;
	display: block;
	width: 50%;
	animation-duration: 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

.banner-top-all-page { border-bottom: 3px solid black }

table.table-prono { width: 100%; max-width: 100%; border: 2px solid black; }
table.table-prono tr td.border-top { border-top: 1px solid #e1e1e1; }
table.table-prono tr td { padding: 10px; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

.table tbody + tbody {
  border-top: 2px solid #eceeef;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #eceeef;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #eceeef;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8;
}

.table-hover .table-success:hover {
  background-color: #d0e9c6;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7;
}

.table-hover .table-info:hover {
  background-color: #c4e3f3;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
  background-color: #faf2cc;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede;
}

.table-hover .table-danger:hover {
  background-color: #ebcccc;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}

.thead-inverse th {
  color: #fff;
  background-color: #292b2c;
}

.thead-default th {
  color: #464a4c;
  background-color: #eceeef;
}

.table-inverse {
  color: #fff;
  background-color: #292b2c;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #fff;
}

.table-inverse.table-bordered {
  border: 0;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive.table-bordered {
  border: 0;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}