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:14px; color:#2c2729; font-family:'Poppins', sans-serif; font-weight:400; line-height:1.57;}
._fontfamily{font-size:14px; font-family:'Poppins', sans-serif; font-weight:400; line-height:1.57;}
._fontfamily._fontspelist,
._fontspelist{font-size:14px; line-height:1.57;}
._fontcolor{color:#2c2729;}

@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:'Poppins', 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%; background: #F2EEE7; z-index:1000;}
header * {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

header > .bg {padding: 40px 40px 0;}
header > .bg > .vagues {position: absolute; height: 6px; left: 40px; right: 40px; top: 100%; background: url("/images/global/vague-s-hor-bas-w.png") repeat-x center top;}
header.abs {position:absolute !important; left:auto; top:auto;}
header .inner {width:100%; height:89px; background: #fff; border-radius: 20px 20px 0 0;}

header .inner .logos {position: absolute; display: block; width: 134px; height: 95px; left: 32px; top: -40px; font-size: 12px; z-index: 200;}
header .inner .logos img {display:block; position: absolute; width: auto; left: 0; right: 0; top: 0;}

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: 250px; height: 25px; right: 28px; top: -32px; font-size: 0; text-align: right; white-space: nowrap; z-index:150;}/*width: 335px;*/
header .inner .right .lang {position:absolute; width: 58px; height: 25px; right: 0; top: 0;}
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 .tel {position:absolute; width: 150px; height: 25px; right: 100px; top: 0; text-align: right;}
header .inner .right .tel a {display: inline-block; font-size: 14px; font-weight: 700; line-height: 25px; text-decoration: none; color: #2A2529;}


header .inner .center {position:absolute; height:40px; left:222px; right:0px; top: 32px; z-index:120;}

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

header nav {display:block; text-align:left; font-size:0;}
header nav > .vagues {display: none; position: absolute; height: 6px; left: 0px; right: 0px; top: 100%; background: url("/images/global/vague-s-hor-bas-w.png") repeat-x center top;}
header nav a,
header nav span {position:relative;}
header nav > .btns {display:inline-block; margin:0 26px; padding: 8px 10px 2px; cursor:pointer; font-family:"Poppins",sans-serif; font-weight:500; font-size:14px; line-height:21px; 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.id7 {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:1px; left:50%; bottom:0px; background: #2C2729; opacity: 0; pointer-events:none; transition: width ease-out 0.05s,left ease-out 0.05s,opacity ease-out 0.3s; z-index:1;}
.bureau header nav > .btns:hover > .lib::after,
header nav > .btns.hover > .lib::after,
header nav > .btns.sel > .lib::after {width:100%; left: 0px; opacity: 1;}
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:fixed; display: none; width: auto; left: 40px; right: 40px; top: 102px; padding-top: 0; text-align:left; line-height:normal;}
.admin header nav .btns .lvl1 {top: 135px;}
.bureau header nav div.btns:hover .lvl1,
header nav div.btns.hover .lvl1 {display: block;}
header nav .btns .lvl1 > .bg {background:#fff; padding: 28px 17px 20px; font-size: 0; text-align: center;}
.bureau header nav .btns:hover .lvl1 > .bg,
header nav .btns.hover .lvl1 > .bg {}
header nav .btns .lvl1 > .bg .btns {display:inline-block; position:relative; width: 15.97%; max-width: 200px; margin-right: 0.79%; padding:0; font-size:15px; font-weight:400; line-height:1; background:none; text-decoration:none; white-space:nowrap; cursor:pointer;}
header nav .btns .lvl1 > .bg .btns:last-child {margin-right: 0;}
header nav .btns .lvl1 > .bg .btns > .lib {display: block; position: relative; margin-bottom: 7px; font-family: "BebasNeue",sans-serif; font-size: 25px; line-height: 26px; color: #817461; text-align: center;text-transform: uppercase;}
header nav .btns .lvl1 > .bg .btns > img {display: block; z-index: 1;}
header nav .btns .lvl1 > .bg .btns > .img::after {content:''; display: block; position:absolute; width:100%; height:100%; left:0; top:0; opacity: 0; transition: opacity ease-out 0.2s; z-index:10; background: rgba(255,255,255,0.50);}
.bureau header nav .btns .lvl1 > .bg .btns:hover > .img::after,
header nav .btns .lvl1 > .bg .btns.hover > .img::after,
header nav .btns .lvl1 > .bg .btns.sel > .img::after {opacity: 1;}
header nav .btns .lvl1 div.btns {cursor:default;}
header nav .btns .lvl1 .vagues {position: absolute; height: 6px; left: 0px; right: 0px; top: 100%; background: url("/images/global/vague-s-hor-bas-w.png") repeat-x center top;}


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: 1280px) {
header .inner .center {left:202px;}
header nav > .btns {margin:0 10px;}
header nav .btns .lvl1 > .bg .btns > .lib {font-size: 24px;}
}
@media screen and (max-width: 1100px) {
header nav > .btns {margin:0 6px;}
}
@media screen and (max-width: 1024px) {
header > .bg {padding: 40px 0px 0;}
header > .bg > .vagues {left: 0px; right: 0px;}
header nav .btns .lvl1 {left: 0px; right: 0px;}
}
@media screen and (max-width: 960px) {
header .inner .logos {left: 20px;}
header .inner .center {left:180px;}
header nav > .btns {margin:0 5px; padding: 8px 5px 2px;}
header nav .btns .lvl1 > .bg {padding: 30px 8px 20px;}
header nav .btns .lvl1 > .bg .btns > .lib {font-size: 21px;}
}

/*------------ MENU MOBILE -----------------*/
@media screen and (min-width: 861px) {
.front header .nav.off {display:block !important;}
}
@media screen and (max-width: 860px) {
header .inner {height:60px;}

header > .bg {padding: 30px 0px 0;}

header .inner .logos {width:108px; left: 50%; top: -30px; margin-left: -54px;}
/*header .inner .logos img {bottom: 5px; top: auto;}*/
header .inner .right {width: 200px; right: auto; left: 10px; top: 10px;}
header .inner .right .lang {right: auto; left: 0px;}
header .inner .right .tel {width: 120px; right: auto; left: 80px; text-align: left;}

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 > .vagues {display: block;}
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 15px 25px; !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:#fff;}
header nav > .btns.sel,
.bureau header nav > .btns:hover {background: #2C2729;}
header nav > .btns.sel > .lib,
.bureau header nav > .btns:hover > .lib {color:#fff;}
.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;}
header nav .btns .lvl1 > .bg .btns {display:block; position:relative; width: auto; max-width: 100%; margin: 0; background: #fff; border-top:1px solid #eee;}
header nav .btns .lvl1 > .bg .btns > .img {display: none !important;}
header nav .btns .lvl1 > .bg .btns > .lib {margin-bottom: 0; padding: 10px 10px 10px 45px; font-size: 18px; color: #817461; text-align: left;}
.bureau header nav div.btns .lvl1 > .bg .btns:hover,
header nav div.btns .lvl1 > .bg .btns.sel {background-color:#2C2729 !important;}
.bureau header nav div.btns .lvl1 > .bg .btns:hover > .lib,
header nav div.btns .lvl1 > .bg .btns.sel > .lib {color:#fff !important;}
}
@media screen and (max-width: 600px) {
header .inner .right {width: 58px;}
header .inner .right .tel {display: none;}
}

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

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

@media screen and (max-width: 860px) {
main .middle {padding-top:90px;}
}
@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:'Poppins', sans-serif; font-weight: 500; font-size: 0; color: #fff;  background: #F2EEE7;}
footer * {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

footer .bg {padding: 0 40px 40px;}
footer .inner {padding: 15px 40px 15px 30px; background: #2C2729; border-radius: 0 0 20px 20px; z-index:200;}

footer .inner .left {float: left; font-size: 12px; font-weight: 500; color: #fff;}
footer .inner .left span {display: inline-block; vertical-align: top;}
footer .inner .left span.fr {margin-left: 23px; padding-left: 44px; background: url("/images/global/france.svg") no-repeat left center / 30px 19px;}
footer .inner .right {float: right; padding-top: 3px; text-align: right; font-size: 10px; font-weight: 500; line-height: 19px; color: #fff;}
footer .inner .right span {display: inline-block;}
footer .inner .right a {display: inline-block; text-decoration: none; color: #fff; text-transform: uppercase;}

@media screen and (max-width: 1024px) {
footer .bg {padding: 0;}
footer .inner {border-radius: 0;}
}
@media screen and (max-width: 1160px) {
}
@media screen and (max-width: 800px) {
footer .inner {padding: 15px 20px;}
footer .inner .left {float: none; margin-bottom: 20px; text-align: center;}
footer .inner .right {float: none; padding: 0; text-align: center;}
}
@media screen and (max-width: 480px) {
footer .inner .left span.l1 {display: block;}
footer .inner .left span.fr {margin: 5px 0 0;}
}
@media screen and (max-width: 560px) {
}