strong,
b {font-weight:700;}
em,
i {font-style:italic; font-weight: 400;}
span {text-decoration-thickness:1px !important;}
.semibold {font-weight: 600;}

._bodybgcolor{background:#fff;}
._midbgcolor{}
._fontall{font-size:16px; color:#2c2729; font-family:'Altivo', sans-serif; font-weight:300; line-height:1.56;}
._fontfamily{font-size:16px; font-family:'Altivo', sans-serif; font-weight:300; line-height:1.56;}
._fontfamily._fontspelist,
._fontspelist{font-size:16px; line-height:1.3;}
._fontcolor{color:#182330;}

@media screen and (max-width: 400px) {
._fontall{font-size:14px;}
._fontfamily{font-size:14px;}
}

.front input[type="text"],
.front input[type="password"],
.front input[type="tel"],
.front input[type="number"],
.front input[type="email"],
.front textarea {font-family:'Altivo', sans-serif; font-weight:400; font-size:14px; color:#182330; background:#fff; -webkit-appearance:none; outline:none;}


/*-------------------------------------- HEADER ----------------------------------------------*/


header {display:block; position:fixed; width:100%; z-index:1000;}
header * {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
header.abs {position:absolute !important; left:auto; top:auto;}
header .inner {width:100%; height:140px; background: #fff;}

header .inner .logos {position: absolute; display: block; width: 168px; height: 100%; left: 24px; top: 0px; font-size: 12px; z-index: 170;}
header .inner .logos img {display:block; position: absolute; width: auto; left: 0; right: 0; top: 35px;}

header .inner .trst {opacity: 1; transition: opacity ease-out 0.2s;}
header .inner .trst.hide {display: none !important;}
header .inner .trst.off {opacity: 0;}


header .inner .right {position:absolute; width: 123px; height: 100%; right: 86px; top: 0; font-size: 0; text-align: right; z-index:200;}/*width: 335px;*/
header .inner .right .lang {position:absolute; width: 58px; height: 25px; right: 0; top: 32px;}
header .inner .right .lang .l {display: block; position: absolute; width: 25px; height: 25px; top: 0;}
header .inner .right .lang .l.fr {left: 0; background: url("/images/global/fr.png") no-repeat center;}
header .inner .right .lang .l.gb {right: 0; background: url("/images/global/gb.png") no-repeat center; opacity: 0.5;}
header .inner .right .nova {display: block; position:absolute; width: 100%; right: 0; top: 74px;}
header .inner .right .nova .t {margin-bottom: 7px; font-size: 10px; line-height: 10px; text-align: right;}
header .inner .right .nova .l {display: block; width: 100%; margin: 0 0 0 auto; text-decoration: none;}
header .inner .right .nova .l img {display: block;}


header .inner .center {position:absolute; height:40px; left:192px; right:210px; bottom: 46px; z-index:120;}

header .center .nav {position:absolute; width:100%; left:0; bottom:0;}

header nav {display:block; text-align:center; font-size:0;}
header nav a,
header nav span {position:relative;}
header nav > .btns {display:inline-block; margin:0 28px; padding: 8px 10px 0; cursor:pointer; font-family:"Altivo",sans-serif; font-weight:400; font-size:18px; line-height:23px; color: #2C2729; text-decoration:none; text-align: center; transition: color ease-out 0.2s; z-index:1; vertical-align:top;}
header nav > .btns:first-child {margin-left: 0 !important;}
header nav > .btns:last-child {margin-right: 0 !important;}
header nav > div.btns {cursor:default;}
header nav > .btns > .lib {position:relative; display:inline-block; text-transform: uppercase; text-decoration:none; z-index:10;}
/*header nav > .btns > .lib::after {content:''; position:absolute; width:0; height:2px; left:50%; bottom:0px; pointer-events:none; transition: all ease-out 0.2s; z-index:1; background: #E04182;}*/
header nav > .btns.sel,
header nav > .btns.hover,
.bureau header nav > .btns:hover {color: #887B80;}
/*.bureau header nav > .btns:hover > .lib::after,
header nav > .btns.hover > .lib::after,
header nav > .btns.sel > .lib::after {width:100%; left: 0px;}*/
header nav > .btns > .lib br {display: none; line-height:0;}

header nav > .separ {display: inline-block; width: 1px; height: 40px; margin-top: 24px; background: #a4b5d9; vertical-align: top;}

header nav > .btns.hide,
header nav > .separ.hide {display: none;}


/* --------------- SOUS MENU ------------------------ */

header nav .btns .lvl1 {position:absolute; display: none; width: auto; min-width:100%; max-width: none; left: -8px; top: 100%; padding-top: 10px; text-align:left; line-height:normal;}
.bureau header nav div.btns:hover .lvl1,
header nav div.btns.hover .lvl1 {display: block;}
header nav .btns .lvl1 > .bg {min-width:100%; max-width: none; background:#fff; padding: 0 0 10px 0; font-size: 0;}
.bureau header nav .btns:hover .lvl1 > .bg,
header nav .btns.hover .lvl1 > .bg {}
header nav .btns .lvl1 > .bg .btns {display:block; position:relative; padding:12px 18px 10px; font-size:15px; font-weight:400; line-height:1; background:none; color:#2C2729; text-decoration:none; white-space:nowrap; cursor:pointer;}
header nav .btns .lvl1 > .bg .btns > .lib {display: inline-block; position: relative; padding-bottom: 2px;}
header nav .btns .lvl1 > .bg .btns > .lib::after {content:''; position:absolute; width:0; height:2px; left:0; bottom:0; pointer-events:none; transition: width ease-out 0.2s; z-index:1; background: #2C2729;}
.bureau header nav .btns .lvl1 > .bg .btns:hover > .lib::after,
header nav .btns .lvl1 > .bg .btns.hover > .lib::after,
header nav .btns .lvl1 > .bg .btns.sel > .lib::after {width:100%;}
header nav .btns .lvl1 div.btns {cursor:default;}
header nav .btns.bold .lvl1 > .bg .btns:first-child {font-weight: 700;}


header .navm {display:none; position: absolute; width:65px; height:60px; right:0px; top:0px; cursor:pointer; z-index:1030;}
header .navm div {position:absolute; width:30px; left:20px; top:17px;}
header .navm p {height:5px; margin-bottom:5px; background:#2C2729; border-radius: 3px;}
header .navm p:last-child {margin-bottom:0;}



/* --------------- MEDIAQUERIES ------------------------ */

@media screen and (max-width: 1480px) {
header .inner .logos {width: 158px; left: 20px;}
header .inner .right {right: 30px;}
header .inner .center {left: 178px; right: 178px;}
header nav > .btns {margin:0 20px;}
}
@media screen and (max-width: 1360px) {
header .inner .logos {width: 148px;}
header .inner .right {right: 20px;}
header .inner .center {left: 168px; right: 145px;}
header nav > .btns {margin:0 15px;}
}
@media screen and (max-width: 1260px) {
header nav > .btns {margin:0 10px;}
}
@media screen and (max-width: 1210px) {
header .inner {height: 80px;}
header .inner .logos {width: 120px; left: 20px;}
header .inner .logos img {top: 15px;}
header .inner .right {width: 100px; right: 20px;}
header .inner .right .lang {width: 65px; top: 10px;}
header .inner .right .nova {top: 45px;}
header .inner .right .nova .t {font-size: 9px;}
header .inner .right .nova .l {width: 92px;}
header .inner .center {left: 140px; right: 112px; bottom: 15px;}
header nav > .btns {font-size: 17px;}
}
@media screen and (max-width: 1100px) {
header nav > .btns {font-size: 16px;}
}
@media screen and (max-width: 1040px) {
header nav > .btns {margin:0 5px;}
}
@media screen and (max-width: 1000px) {
header .inner .logos {left: 10px;}
header .inner .right {width: 65px; height: 25px; right: 5px;}
header .inner .right .nova {display: none;}
header .inner .right .lang {top: 5px;}
header .inner .center {left: 130px; right: 0; bottom: 10px;}
}
@media screen and (max-width: 860px) {
header nav > .btns {margin:0 0px; font-size: 15px;}
}

/*------------ MENU MOBILE -----------------*/
@media screen and (min-width: 781px) {
.front header .nav.off {display:block !important;}
}
@media screen and (max-width: 780px) {
header .inner {height:60px;}
header .inner .logos {width:108px; left: 50%; margin-left: -54px;}
header .inner .logos img {bottom: 5px; top: auto;}
header .inner .right {right: auto; left: 10px; top: 12px;}

header .inner .center {position:relative; height:auto; left:auto; right:auto; top:auto; bottom: auto; z-index:1;}


header .navm {display:block;}
header .center .nav.off {display:none;}
header .center .nav.on {display:block;}
header .center .nav {position: absolute; width: 300px; max-width: none; padding: 0; height: auto; left: auto; right: 0; top: 60px; bottom: auto; background: #fff; z-index:1;}

header nav > .btns {display:block; height:auto !important; margin:0 !important; padding: 0 !important; line-height: 24px !important; border-top:1px solid #2C2729; text-align:left; overflow: hidden; background: #fff; color: #2C2729;}
header nav > .btns:first-child {border-top: 0;}
header nav > .btns > .lib {display: block; height:auto; padding:15px 10px !important;}
header nav > div.btns > .lib > span {display: block; position: absolute; width: 12px; height: 2px; right: 20px; top: 50%; background: #2C2729; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
header nav > div.btns > .lib > span::after {content:''; position:absolute; display:block; width:2px; height:12px; left:5px; top:-5px; background:#2C2729; transition:all ease-out 0.2s;}
header nav > div.btns.on > .lib > span::after {height:0; top:-1px;}
header nav > div.btns.sel > .lib > span,
header nav > div.btns.sel > .lib > span::after {background:#887B80;}
header nav > .btns.sel,
header nav > .btns.hover,
.bureau header nav > .btns:hover {color: #887B80;}
header nav > .btns.sel > .lib,
header nav > .btns.hover > .lib,
.bureau header nav > .btns:hover > .lib {color:#887B80;}
.bureau header nav > .btns > .lib::after,
header nav > .btns > .lib::after {display:none !important;}
header nav > .btns > .lib br {display:none !important;}
header nav > .btns > .lib span.space {display:inline !important;}
header nav > .separ {display: none !important;}



header nav .btns .lvl1 {position:relative; display: block; min-width:0; max-width: 100%; left:auto; top:auto; padding: 0;}
.bureau header nav div.btns:hover .lvl1,
header nav div.btns.hover .lvl1 {left:auto; top:auto; transform:none !important; -webkit-transform:none !important; -ms-transform:none !important; overflow:hidden;}
header nav .btns .lvl1 > .bg {min-width:0; padding:0; background:none !important; border: 0; overflow:hidden; max-height:0 !important; -moz-transition:ease-in max-height 0.2s !important; -ms-transition:ease-in max-height 0.2s !important; -o-transition:ease-in max-height 0.2s !important; transition:ease-in max-height 0.2s !important;}
header nav .btns.on .lvl1 > .bg {max-height:400px !important; -moz-transition:ease-out max-height 0.4s !important; -ms-transition:ease-out max-height 0.4s !important; -o-transition:ease-out max-height 0.4s !important; transition:ease-out max-height 0.4s !important;}
}

/* ------------------------------------ CONTENU CMS ------------------------------------- */

main {display:table-row; position:relative; height:100%; z-index:10;}
main .middle {position:relative; height:100%; padding-top:140px; z-index:15;}
main .middle.isscroll {}
main .cmsContenu {height:100%;}

@media screen and (max-width: 1210px) {
main .middle {padding-top:80px;}
}
@media screen and (max-width: 780px) {
main .middle {padding-top:60px;}
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 400px) {
}


.successpopup {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,0.80); z-index:999999; transition:background ease-out 0.2s;}
.successpopup.off {background:rgba(255,255,255,0);}
.successpopup .in {position:absolute; width:388px; min-height:80px; left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); cursor: default; z-index:999990;}
.successpopup .in .b {width:348px; min-height:80px; left:0; top:0; padding:80px 10px 30px; color:#fff; font-size:16px; font-weight: 600; text-align:center; background:#83b72f url("/images/global/checked.svg") no-repeat center 30px; background-size: auto 30px; border-radius: 20px; opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); transition:all ease-out 0.3s; cursor:pointer;}
.successpopup .in.off .b {opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}


.popupcontent {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,0.80); z-index:999999; transition:background ease-out 0.2s;}
.popupcontent.abs {/*position: absolute;*/}
.popupcontent.off {background:rgba(255,255,255,0);}
.popupcontent > .in {position:absolute; width:388px; left:50%; top:50%; padding: 5px; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); z-index:999990;}
.popupcontent.abs > .in {top: 0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.popupcontent > .in > .cadre {width:100%; left:0; top:0; background: #fff; border-radius: 10px; opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); transition:all ease-out 0.3s; -webkit-box-shadow: 0px 0px 5px 2px rgba(111,112,114, 0.3); -moz-box-shadow: 0px 0px 5px 2px rgba(111,112,114, 0.3); box-shadow: 0px 0px 5px 2px rgba(111,112,114, 0.3);}
.popupcontent > .in.off > .cadre {opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}

.popupcontent > .in > .cadre .content {cursor: default;}

.popupcontent .in .close {position: absolute; width: 40px; height: 40px; right: 0; top: 0; background: url("/images/global/close-g-s.svg") no-repeat center; background-size: 20px; opacity: 1; transition: opacity ease-out 0.2s; cursor: pointer; z-index: 9999999;}
.popupcontent .in .close.off {opacity: 0;}

.popupcontent.disconnect > .in > .cadre .content {padding: 20px; background: #c90000; color: #fff; font-size: 16px; line-height: 1.2; text-align: center; border-radius: 10px;}
.popupcontent.disconnect > .in > .cadre .content .txt {margin-bottom: 20px;}
.popupcontent.disconnect > .in > .cadre .content a {display: inline-block; padding: 10px 20px; background: #fff; color: #000; text-decoration: none; border-radius: 3px; cursor: pointer;}
.popupcontent.error > .in > .cadre .content {padding: 20px; background: #c90000; color: #fff; font-size: 14px; line-height: 1.2; text-align: center; border-radius: 10px; cursor: pointer;}

.popupcontent.abs > .in > .cadre {height: calc(100vh - 10px); /*overflow: auto;*/}
.popupcontent.abs > .in > .cadre > .inner {height: 100%; overflow: auto;}

.popupcontent.abs .close {/*position: fixed; width: 100%;*/ width: auto; left: 0; background: #fff; cursor: default;}
.popupcontent.abs .close::before {content: ''; position: absolute; width: 40px; height: 40px; right: 0; top: 0; background: url("/images/global/close-g-s.svg") no-repeat center; background-size: 16px; cursor: pointer;}



/*.cmdfil {z-index: 900;}
.cmdfil > .in {display: flex; min-height: 50px; margin-bottom: 20px; align-items: center; font-size: 15px; color: #AFA79A; font-weight: 600; cursor: default; z-index: 300;}
.cmdfil > .in > .c {width: 1030px; margin: 0 auto; padding: 8px 20px;}
.cmdfil > .in > .c .sel {display: inline-block; color: #58544C; text-decoration: none;}
.cmdfil > .in > .c .back {display: inline-block; color: #AFA79A;}
.cmdfil > .in > .c .back a {display: inline-block; color: inherit; text-decoration: underline;}
.bureau .cmdfil > .in > .c .back a:hover {text-decoration: underline;}*/

/*-------------------------------------- FOOTER -----------------------------------------------*/

footer {display:table-row; position:relative; height:1px; z-index:200; font-family:'Altivo', sans-serif; font-weight: 400; color: #fff;}
footer * {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
footer .vague {padding: 80px 0; z-index:200;}
footer .vague div {width: 66px; height: 30px; margin: 0 auto; background: url("/images/global/minivague.svg") no-repeat center / 66px auto;}

footer .inner {padding: 60px 60px 60px 80px; background: #2C2729; z-index:200;}

footer .inner .tbl {display: table; width: 100%; table-layout: fixed;}
footer .inner .tbl .c {display: table-cell;}

footer .inner > .tbl > .c.c1 {vertical-align: top;}
footer .inner > .tbl > .c.c1 > .tbl > .c.c1 {width: 195px; vertical-align: top;}
footer .inner > .tbl > .c.c1 > .tbl > .c.c2 {padding: 22px 70px 0 30px; vertical-align: top; font-size: 14px; font-weight: 300; line-height: 1.71;}
footer .inner > .tbl > .c.c1 > .tbl > .c.c2 div {width: 412px;}

footer .inner > .tbl > .c.c2 {width: 523px;}
footer .inner > .tbl > .c.c2 .c {vertical-align: top;}
footer .inner > .tbl > .c.c2 > .tbl > .c.c1 {width: 213px;}
footer .inner > .tbl > .c.c2 > .tbl > .c.c2 {width: 187px;}
footer .inner > .tbl > .c.c2 > .tbl > .c.c3 {width: 123px;}


footer .inner .links .t {font-size: 15px; text-transform: uppercase;}
footer .inner .links .t a {color: #fff; text-decoration: none;}
footer .inner .links .l {font-size: 10px; line-height: 1.5;}
footer .inner .links .l a {color: #fff; text-decoration: none;}
footer .inner > .tbl > .c.c2 .c3 .l {text-align: center;}

footer .inner .moblinks {display: none; text-align: center;}
footer .inner .moblinks.links .l {display: inline-block; margin: 0 10px;}

@media screen and (max-width: 1280px) {
footer .inner {padding: 60px 40px;}
}
@media screen and (max-width: 1160px) {
footer .inner > .tbl > .c.c1 > .tbl {display: block;}
footer .inner > .tbl > .c.c1 > .tbl > .c {display: block;}
footer .inner > .tbl > .c.c1 > .tbl > .c.c2 {padding: 22px 70px 0 0px;}
}
@media screen and (max-width: 900px) {
footer .inner > .tbl {display: block; width: 637px; margin: 0 auto;}
footer .inner > .tbl > .c {display: block;}
footer .inner > .tbl > .c.c1 {margin-bottom: 50px;}
footer .inner > .tbl > .c.c1 > .tbl {display: table;}
footer .inner > .tbl > .c.c1 > .tbl > .c {display: table-cell;}
footer .inner > .tbl > .c.c1 > .tbl > .c.c2 {padding: 22px 0px 0 30px;}
footer .inner > .tbl > .c.c2 {margin: 0 auto;}
}
@media screen and (max-width: 660px) {
footer .inner > .tbl > .c.c2 {width: 123px; margin: 0 auto 50px;}
footer .inner > .tbl > .c.c2 > .tbl,
footer .inner > .tbl > .c.c2 > .tbl > .c {display: block;}
footer .inner > .tbl > .c.c2 > .tbl > .c.c1,
footer .inner > .tbl > .c.c2 > .tbl > .c.c2 {display: none;}
footer .inner .moblinks {display: block;}
}
@media screen and (max-width: 560px) {
footer .inner > .tbl > .c.c1 > .tbl {display: block;}
footer .inner > .tbl > .c.c1 > .tbl > .c {display: block;}
footer .inner > .tbl > .c.c1 > .tbl > .c.c1 {margin: 0 auto;}
footer .inner > .tbl > .c.c1 > .tbl > .c.c2 {padding: 22px 0 0 0px;}
footer .inner > .tbl > .c.c1 > .tbl > .c.c2 div {margin: 0 auto;}
}