html,
body,
div.main {width:100%; height:100%; margin:0px; padding:0; color: #182330;}
body.main,
div.main {position:relative;/*overflow-x:hidden;*/}
/* MODIF contenus/_email_css.php ---- COULEURS */

body.main,
div.main {display:table; table-layout:fixed;}
body.bureau.scrolly {overflow-y:scroll;}
form {padding:0; margin:0;}
input, select, textarea, object, div {outline:none !important;}
input::-moz-focus-inner {/*border:0;*/}
img {margin:0; padding:0; border:0;}
p {padding:0; margin:0;}
a {outline:none; color:#000;}
div, header, nav, main, footer, ul, li, form {position:relative;}
.inlblk {display:inline-block; text-decoration:inherit;}
.boxsizing {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.nboxsizing {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.fclear::after {content:''; display:block; clear:both; height:0; overflow:hidden;}
.sidefloat {overflow:hidden;}
.clear {clear:both; height:0; overflow:hidden;}
.ellipsis {overflow:hidden; o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.toclamp {overflow:hidden;}
.toclamp p {margin:0; padding:0; position:relative;}
audio {display:block; max-width:100%;}

body.nojs .tmceContenu img:not(.noscript) {display:none;}
.cms_bloc img,
img.async {max-width:100%; height:auto; opacity:1; transition:opacity 0.3s ease-out; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.cms_bloc img.notloaded:not(.nobg),
.cms_bloc img.onload:not(.nobg) {min-width:20px; min-height:20px; background:url(/images/global/icon_img_tmp.gif) no-repeat center;}
.cms_bloc img.on,
img.async.on {opacity:0; transition:none;}


main img:not(.mce-object) {height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
main textarea,
main table,
main td,
main th,
main code,
main pre,
main samp {max-width:100%; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
main code,
main pre,
main samp {white-space:pre-wrap;}

main blockquote,
main iframe,
main object,
main embed,
main video {max-width:100%;}


.mb3 {margin-bottom: 3px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.btnnoblueclic {-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btnnoblueclic:focus {outline: none !important;}

/*---------------------------------------- MIDDLE ------------------------------------------------*/



.cms_diaporama {font-size:0;}
.cms_diaporama .thumb {position:relative; display:inline-block; vertical-align:top;}
.cms_slider .slider {overflow:hidden;}



/* -------------------- INPUT --------------------------*/
main input,
main textarea,
main select {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

main input[type="text"],
main input[type="password"],
main input[type="tel"],
main input[type="number"], 
main input[type="email"],
main textarea,
main select {display:block; width:100%;}
main textarea { overflow:auto; resize:vertical; text-align:left;}
main input[type="checkbox"],
main input[type="radio"] {vertical-align:middle; margin:0; padding:0;}

main input[type="submit"],
main input[type="button"] {display:block; cursor:pointer;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {display: none; -webkit-appearance: none;margin: 0;}

main .successMsg {text-align:center; margin-bottom:20px;}
main .successMsg span {display:inline-block; min-height: 23px; padding-left:32px; padding-top: 2px; font-size:14px; font-weight:bold; color:#060; line-height:19px; text-align:left; background:url("/images/global/form-success.svg") no-repeat left top; background-size: 23px 23px;}
main .errMsg {margin-bottom:20px; padding:5px; border:1px solid #900; color:#900; text-align:center;}
main .errMsg span {display:inline-block; font-size:14px; color:#900; line-height:normal; text-align:left;}
main .errMsg span a {font-size:14px; color:#900; line-height:normal; text-decoration:none;}


main .switch {width: 55px; height: 29px; background-color: #D9D3C9; border-radius: 15px; cursor: pointer; transition: background-color ease-out 0.2s;}
main .switch.on {background-color: #3D6AF3;}
main .switch::before {content: ''; position: absolute; width: 25px; height: 25px; top: 2px; left: 2px; background: #fff; border-radius: 50%; transition: left ease-out 0.2s;}
main .switch.on::before {left: 28px;}


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

.cmsContenu .cms_all {z-index:10;}
.cms_bloc {z-index:1;}
.sct.section,
.sct.contenu {/*min-height:1px;*/ word-wrap:break-word;}
.sct .insection {display:block; position:relative; text-decoration:none; color:inherit; z-index:2;}
.sct .insection:before,
.sct .insection:after {content:''; display:table; height:0; margin:0;}
.sct.link > .insection {cursor:pointer;}
.sct.center {margin-left:auto; margin-right:auto; /*overflow:hidden;*/}
.sct.aright {margin-left:auto;}
.sct.left {margin-left:0; margin-right:auto;}
.sct.right {margin-left:auto; margin-right:0;}
.sct.section.fill {margin-top:0 !important; margin-bottom:0 !important;}
.sct.section.fill.global {height:100% !important;/*overflow:hidden;*/}
.sct.section.fill,
.sct.section.fill > .insection,
.sct.section.fill > .insection > .stable,
.sct.column.fill > .insection,
.sct.column.fill {height:100%; min-height:inherit;}
.sct.sinline {font-size:0; text-align:center;}
.sct.cinline {display:inline-block; vertical-align:top; text-align:left;}

.stable {display:table; width:100%; table-layout:fixed; min-width:40px; height:1px;}
.sct.column {display:table-cell; vertical-align:top;}
a.sct.column {text-decoration: none; color: inherit;}
.interleft {display:table-cell; width:0;}

.imgao {position:absolute; opacity:0; overflow:hidden; transition:opacity ease-out 0.3s; pointer-events:none; z-index:99;}
.imgao.on {opacity:1;}
.imgao .txt {position:absolute; width:100%; text-align:center;}
.imgao .txt p.nom {font-size:16px; line-height:16px; font-weight:700;}
.imgao .txt p.poste {font-size:12px; line-height:16px;}


@media screen and (max-width: 1280px) {
.sct.section,
.sct.contenu {}
.stable {display:flex; justify-content:center; flex-wrap:wrap; table-layout:auto; height:auto;}
.interleft {display:none;}
.sct.column {display:inline-flex; align-content:flex-start; height:auto;}
.sct.column > .insection {width:100%;}
.sct.column.fill {height:auto;}
.contenu.txtleft1280 .tmceContenu p,
.contenu.txtleft1280 .tmceContenu ul,
.contenu.txtleft1280 .tmceContenu li {text-align:left;}
.contenu.txtcenter1280 .tmceContenu p,
.contenu.txtcenter1280 .tmceContenu ul,
.contenu.txtcenter1280 .tmceContenu li {text-align:center;}
.contenu.txtright1280 .tmceContenu p,
.contenu.txtright1280 .tmceContenu ul,
.contenu.txtright1280 .tmceContenu li {text-align:right;}
.contenu.txtjustify1280 .tmceContenu p,
.contenu.txtjustify1280 .tmceContenu ul,
.contenu.txtjustify1280 .tmceContenu li {text-align:justify;}
}
@media screen and (max-width: 1024px) {
.contenu.txtleft1024 .tmceContenu p,
.contenu.txtleft1024 .tmceContenu ul,
.contenu.txtleft1024 .tmceContenu li {text-align:left;}
.contenu.txtcenter1024 .tmceContenu p,
.contenu.txtcenter1024 .tmceContenu ul,
.contenu.txtcenter1024 .tmceContenu li {text-align:center;}
.contenu.txtright1024 .tmceContenu p,
.contenu.txtright1024 .tmceContenu ul,
.contenu.txtright1024 .tmceContenu li {text-align:right;}
.contenu.txtjustify1024 .tmceContenu p,
.contenu.txtjustify1024 .tmceContenu ul,
.contenu.txtjustify1024 .tmceContenu li {text-align:justify;}
}
@media screen and (max-width: 800px) {
.contenu.txtleft800 .tmceContenu p,
.contenu.txtleft800 .tmceContenu h1,
.contenu.txtleft800 .tmceContenu h2,
.contenu.txtleft800 .tmceContenu ul,
.contenu.txtleft800 .tmceContenu li {text-align:left;}
.contenu.txtcenter800 .tmceContenu p,
.contenu.txtcenter800 .tmceContenu h1,
.contenu.txtcenter800 .tmceContenu h2,
.contenu.txtcenter800 .tmceContenu ul,
.contenu.txtcenter800 .tmceContenu li {text-align:center;}
.contenu.txtright800 .tmceContenu p,
.contenu.txtright800 .tmceContenu h1,
.contenu.txtright800 .tmceContenu h2,
.contenu.txtright800 .tmceContenu ul,
.contenu.txtright800 .tmceContenu li {text-align:right;}
.contenu.txtjustify800 .tmceContenu p,
.contenu.txtjustify800 .tmceContenu h1,
.contenu.txtjustify800 .tmceContenu h2,
.contenu.txtjustify800 .tmceContenu ul,
.contenu.txtjustify800 .tmceContenu li {text-align:justify;}
}
@media screen and (max-width: 600px) {
.contenu.txtleft600 .tmceContenu p,
.contenu.txtleft600 .tmceContenu h1,
.contenu.txtleft600 .tmceContenu h2,
.contenu.txtleft600 .tmceContenu ul,
.contenu.txtleft600 .tmceContenu li {text-align:left;}
.contenu.txtcenter600 .tmceContenu p,
.contenu.txtcenter600 .tmceContenu h1,
.contenu.txtcenter600 .tmceContenu h2,
.contenu.txtcenter600 .tmceContenu ul,
.contenu.txtcenter600 .tmceContenu li {text-align:center;}
.contenu.txtright600 .tmceContenu p,
.contenu.txtright600 .tmceContenu h1,
.contenu.txtright600 .tmceContenu h2,
.contenu.txtright600 .tmceContenu ul,
.contenu.txtright600 .tmceContenu li {text-align:right;}
.contenu.txtjustify600 .tmceContenu p,
.contenu.txtjustify600 .tmceContenu h1,
.contenu.txtjustify600 .tmceContenu h2,
.contenu.txtjustify600 .tmceContenu ul,
.contenu.txtjustify600 .tmceContenu li {text-align:justify;}
}

@media screen and (max-width: 400px) {
.contenu.txtleft400 .tmceContenu p,
.contenu.txtleft400 .tmceContenu ul,
.contenu.txtleft400 .tmceContenu h1,
.contenu.txtleft400 .tmceContenu h2,
.contenu.txtleft400 .tmceContenu li {text-align:left;}
.contenu.txtcenter400 .tmceContenu p,
.contenu.txtcenter400 .tmceContenu h1,
.contenu.txtcenter400 .tmceContenu h2,
.contenu.txtcenter400 .tmceContenu ul,
.contenu.txtcenter400 .tmceContenu li {text-align:center;}
.contenu.txtright400 .tmceContenu p,
.contenu.txtright400 .tmceContenu h1,
.contenu.txtright400 .tmceContenu h2,
.contenu.txtright400 .tmceContenu ul,
.contenu.txtright400 .tmceContenu li {text-align:right;}
.contenu.txtjustify400 .tmceContenu p,
.contenu.txtjustify400 .tmceContenu h1,
.contenu.txtjustify400 .tmceContenu h2,
.contenu.txtjustify400 .tmceContenu ul,
.contenu.txtjustify400 .tmceContenu li {text-align:justify;}
}



/*-------------------------------------- CUSTOM -----------------------------------------------*/

.stopclickfront {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;}
.stopclickfront.off {background:rgba(255,255,255,0);}

main input.datepickerread {cursor: pointer;}

main .nocenter {margin:0 !important;}
main .fleft {float:left;}
main .fullwidth {width:100%; max-width:100% !important;}
main .isfixed {position:fixed; width:100%; max-width:100%; padding:0 0; z-index:1000;}
main .fullheight,
main .fullheight > .insection,
main .fullheight > .insection > .contenu {height:100%;}

main .flexcontainer > .insection {display:flex !important; align-content:center;}
main .flexcontent {display:flex !important; width: 100%; align-items:center; flex-shrink:0;}
main .flexcontent > .insection {width: 100%;}

main .flexcontainerbot > .insection {display:flex !important; height: 100% !important; align-content: end;}
main .flexcontentbot {display:flex !important; width: 100%; align-items: end; flex-shrink:0;}
main .flexcontentbot > .insection {width: 100%;}


main .flextable > .insection {display:flex; justify-content:center; flex-wrap:wrap; table-layout:auto; height:auto;}
main .flexcolumn {display:inline-flex; align-content:flex-start; height:auto;}
main .flexcolumn > .insection {width:100%;}

main .stabgrid .stable {display: grid; height: auto; justify-content: left;}
main .stabgrid .stable .interleft {display: none !important;}
main .stabgrid .stable .column {display: block; width: auto !important;}
main .grid .stable {display: grid; height: auto; justify-content: left;}
main .grid .stable .interleft {display: none !important;}
main .grid .stable .column {display: block; width: auto !important;}

main .sct.trho,
main .bloc.trho > .insection {transition:background-color 0.2s ease-out, color 0.2s ease-out;}
.absbottom {position:absolute !important; width:100%; left:0; bottom:0; z-index:160 !important;}
.front .overhide {overflow:hidden;}

.bureau main .sct.nounderline > a:hover * {text-decoration:none !important;}
main .pointernoevent {pointer-events: none;}

.front main .imgcovercontent {height: 100%;}
.front main .imgcovercontent * {height: 100%;}
.front main .imgcovercontent .cms_texte p {position: relative; overflow: hidden;}
.front main .imgcovercontent .cms_texte img {position: absolute; width: 100% !important; height: 100% !important; min-width: 100%; min-height:100%; object-fit: cover; object-position: center center;}
.front main .imgcovercontent.iccbot .cms_texte img {object-position: center bottom;}
.front main .imgcovercontent.icctop .cms_texte img {object-position: center top;}

main .overnoborder:hover {border-color: transparent;}

@media screen and (max-width: 1380px) {
}
@media screen and (max-width: 1280px) {
.absbottom {position:relative !important; width:auto; left:auto; bottom:auto; z-index:160 !important;}
main .flexnowrap > .insection > .stable {flex-wrap: nowrap;}
main .stabgrid .stable .column {width: auto !important;}
main .grid .stable .column {width: auto !important;}
}
@media screen and (max-width: 1024px) {
main .stabgrid .stable .column {width: auto !important;}
main .grid .stable .column {width: auto !important;}
}
@media screen and (max-width: 800px) {
main .stabgrid .stable .column {width: auto !important;}
main .grid .stable .column {width: auto !important;}
}
@media screen and (max-width: 600px) {
main .stabgrid .stable .column {width: auto !important;}
main .grid .stable .column {width: auto !important;}
}
@media screen and (max-width: 400px) {
main .stabgrid .stable .column {width: auto !important;}
main .grid .stable .column {width: auto !important;}
}

/*-------------------------------------- DIVERS + ANIM TRANSITION -----------------------------------------------*/

a.globallink {position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:5;}


body .anim {opacity:1; -webkit-transform:none; -ms-transform:none; transform:none; transition-property:all; transition-duration:0.6s; transition-timing-function:ease;}
body .global.anim {transition-duration:0.3s;}
body .anim.t1 {opacity:0;}
body .anim.t2 {opacity:0; -webkit-transform:translate(0, 200px); -ms-transform:translate(0, 200px); transform:translate(0, 200px);}
body .anim.t2.s {-webkit-transform:translate(0, 50px); -ms-transform:translate(0, 50px); transform:translate(0, 50px);}
body .anim.t3 {opacity:0; -webkit-transform:translate(-200px, 0); -ms-transform:translate(-200px, 0); transform:translate(-200px, 0);}
body .anim.t4 {opacity:0; -webkit-transform:translate(200px, 0); -ms-transform:translate(200px, 0); transform:translate(200px, 0);}
body .anim.t5 {opacity:0; -webkit-transform:scale(0.5, 0.5); -ms-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);}
body .anim.t6 {opacity:0; -webkit-transform:scale(0.3, 1); -ms-transform:scale(0.3, 1); transform:scale(0.3, 1);}
body .anim.t7 {opacity:0; -webkit-transform:scale(1, 0.3); -ms-transform:scale(1, 0.3); transform:scale(1, 0.3);}

.photoCursor {cursor:url('/images/global/loupe_zoomin.cur'), auto;}

main .cms_formulaire .sending {display:none;}


/*-------------------------------------- NOSCRIPT -----------------------------------------------*/
.nojs_slider_img {position:absolute; left:0; top:0;}

/*-------------------------------------- DIAPORAMA / IMG AGRAND ---------------------------------------------*/

body.bureau > .diaporama {clear:both; position:fixed; left:0px; top:0px; width: 100%; height:100%; text-align:center; visibility:hidden; background:#f8f8f8; z-index:600000; cursor:pointer;}
body.bureau > .diaporama.one {cursor:url('/images/global/loupe_zoomout.cur'), auto;}
body.bureau > .diaporama .middle {display:inline-block; height:100%; max-height:100%; padding:0; text-align:center; vertical-align:middle;}
body.bureau > .diaporama:not(.one) .middle {padding-bottom:41px;}
body.bureau > .diaporama .middle:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
body.bureau > .diaporama .middle img {opacity:0; transition:opacity 0.5s ease-out; vertical-align:middle; max-width:100%; max-height:100%; width:auto; height:auto; cursor:default;}
body.bureau > .diaporama.one .middle img {cursor:url('/images/global/loupe_zoomout.cur'), auto;}

body.bureau > .diaporama .middle .error {display:inline-block; padding:10px 15px; vertical-align:middle; font-size:14px; color:#CC0003; background:#fff; border-radius:8px;}
body.bureau > .diaporama .description {position:absolute; width:100%; height:auto; left:0; top:0; padding:20px; text-align:center; font-size:18px; font-weight:600; cursor:default;}
body.bureau > .diaporama .description div {display:inline-block; max-width:800px; text-align:left;}
body.bureau > .diaporama .bottom {position:absolute; width:100%; height:34px; left:0; bottom:5px; text-align:center; font-size:0; cursor:default;}
body.bureau > .diaporama .bottom .counter {display:inline-block; height:34px; padding:0 15px; margin:0 1px; background-color:#3D6AF3; color:#fff; line-height:35px; font-family:Verdana; font-size:12px; text-align:center; vertical-align:top; cursor:default;}
body.bureau > .diaporama .bottom .btn {display:inline-block; position:relative; width:34px; height:34px; vertical-align:top; background-color:#3D6AF3; cursor:pointer;}
body.bureau > .diaporama .bottom .btn:hover {background-color:#FF9400;}
body > .diaporama .bottom .btn svg {position:absolute; display:block; left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}

body.mobile > .diaporama {clear:both; position:fixed; left:0px; top:0px; width: 100%; height:100%; text-align:center; visibility:hidden; z-index:600000;}
body.mobile > .diaporama .middle {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:600001;}
body.mobile > .diaporama .middle img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; transition:opacity 0.5s ease-out; vertical-align:middle; max-width:100%; max-height:100%; width:auto; height:auto; cursor:default;}
body.mobile > .diaporama .middle.onzoom img {max-width:none; max-height:none; width:100%; height:100%;}

body.mobile > .diaporama .middle .error {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:10px 20px; font-size:14px; background:#fff; color:#CC0003;}
body.mobile > .diaporama .description {position:absolute; width:100%; height:auto; left:0; top:0; text-align:center; font-size:18px; font-weight:600; cursor:default; z-index:600002; transition:top 0.5s; pointer-events:none;}
body.mobile > .diaporama .description div {display:inline-block; max-width:800px; padding:5px 20px; text-align:left;}
body.mobile > .diaporama .bottom {position:absolute; width:100%; height:34px; left:0; bottom:5px; background:none; text-align:center; font-size:0; cursor:default; -webkit-transition:bottom 0.5s; transition:bottom 0.5s; z-index:600002;}
body.mobile > .diaporama .bottom .counter {display:inline-block; height:34px; padding:0 15px; margin:0 1px; background-color:rgba(61,106,243,0.70); color:#fff; line-height:35px; font-family:Verdana; font-size:12px; text-align:center; vertical-align:top; cursor:default;}
body.mobile > .diaporama .bottom .btn {display:inline-block; position:relative; width:34px; height:34px; vertical-align:top; background-color:rgba(61,106,243,0.70); cursor:pointer;}
body.mobile > .diaporama .bottom .btn svg {position:absolute; display:block; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%);}
body.mobile > .diaporama.full .bottom {bottom:-35px; -webkit-transition:bottom 0.5s; transition:bottom 0.5s;}
body.mobile > .diaporama .unzoom {display:none; position:absolute; width:40px; height:40px; right:0; top:0; background:rgba(255,255,255,0.70) url(/images/global/unzoom.png) no-repeat center; z-index:600010;}

body > .diaporama .middle img.loaded {opacity:1;}
body > .diaporama .bottom .btn.prev {border-radius:50% 0 0 50%;}
body > .diaporama .bottom .btn.next {border-radius:0 50% 50% 0;}
body > .diaporama .bottom .btn.close {margin-left:15px; width:24px; height:24px; border-radius:50%; vertical-align:bottom;}

/*-------------------------------------- LOADING ---------------------------------------------*/

.loader {position:absolute !important;left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}

.loadcarre {width:30px !important; height:30px !important;}
.loadcarre div {width:8px; height:8px; background-color:#3D6AF3; float:left; margin:1px 0 0 1px; opacity:0.5; transform:scale3D(0.2, 0.2, 1); animation:loadcarre 2s infinite ease-in-out;}
.loadcarre.xl {width:45px !important; height:45px !important;}
.loadcarre.xl div {width:14px; height:14px;}
.loadcarre div:nth-child(1) {animation-delay:0s;}
.loadcarre div:nth-child(2) {animation-delay:0.1s;}
.loadcarre div:nth-child(3) {animation-delay:0.2s;}
.loadcarre div:nth-child(4) {animation-delay:0.3s;}
.loadcarre div:nth-child(5) {animation-delay:0.4s;}
.loadcarre div:nth-child(6) {animation-delay:0.5s;}
.loadcarre div:nth-child(7) {animation-delay:0.6s;}
.loadcarre div:nth-child(8) {animation-delay:0.7s;}
.loadcarre div:nth-child(9) {animation-delay:0.8s;}
@keyframes loadcarre {
0%, 100% {transform:scale3D(0.2, 0.2, 1); opacity:0.5;}
35%, 70% {transform:scale3D(1, 1, 1); opacity:1;}
}

.loadspinbar {width:32px !important;height:32px !important;}
.loadspinbar div {transform-origin:16px 16px;animation:loadspinbar 1.2s linear infinite;}
.loadspinbar div:after {content:" ";display:block;position:absolute;top:0px;left:14.5px;width:3px;height:9px;border-radius:2px;background:#999;}
.loadspinbar.xl {width:64px;height:64px;}
.loadspinbar.xl div {transform-origin:32px 32px;}
.loadspinbar.xl div:after {top:0px;left:29.5px;width:5px;height:16px;border-radius:3px;}
.loadspinbar div:nth-child(1) {transform:rotate(0deg);animation-delay:-1.1s;}
.loadspinbar div:nth-child(2) {transform:rotate(30deg);animation-delay:-1s;}
.loadspinbar div:nth-child(3) {transform:rotate(60deg);animation-delay:-0.9s;}
.loadspinbar div:nth-child(4) {transform:rotate(90deg);animation-delay:-0.8s;}
.loadspinbar div:nth-child(5) {transform:rotate(120deg);animation-delay:-0.7s;}
.loadspinbar div:nth-child(6) {transform:rotate(150deg);animation-delay:-0.6s;}
.loadspinbar div:nth-child(7) {transform:rotate(180deg);animation-delay:-0.5s;}
.loadspinbar div:nth-child(8) {transform:rotate(210deg);animation-delay:-0.4s;}
.loadspinbar div:nth-child(9) {transform:rotate(240deg);animation-delay:-0.3s;}
.loadspinbar div:nth-child(10) {transform:rotate(270deg);animation-delay:-0.2s;}
.loadspinbar div:nth-child(11) {transform:rotate(300deg);animation-delay:-0.1s;}
.loadspinbar div:nth-child(12) {transform:rotate(330deg);animation-delay:0s;}
@keyframes loadspinbar {
0% {opacity:1;}
100% {opacity:0;}
}

.loadspinpt {width:32px !important;height:32px !important;}
.loadspinpt div {transform-origin:16px 16px;animation:loadspinpt 1.2s linear infinite;}
.loadspinpt div:after {content:" ";display:block;position:absolute;top:0px;left:13.5px;width:5px;height:5px;border-radius:50%;background:#999;}
.loadspinpt.xl {width:64px;height:64px;}
.loadspinpt.xl div {transform-origin:32px 32px;}
.loadspinpt.xl div:after {top:0px;left:26.5px;width:11px;height:11px;}
.loadspinpt div:nth-child(1) {transform:rotate(0deg);animation-delay:-1.1s;}
.loadspinpt div:nth-child(2) {transform:rotate(30deg);animation-delay:-1s;}
.loadspinpt div:nth-child(3) {transform:rotate(60deg);animation-delay:-0.9s;}
.loadspinpt div:nth-child(4) {transform:rotate(90deg);animation-delay:-0.8s;}
.loadspinpt div:nth-child(5) {transform:rotate(120deg);animation-delay:-0.7s;}
.loadspinpt div:nth-child(6) {transform:rotate(150deg);animation-delay:-0.6s;}
.loadspinpt div:nth-child(7) {transform:rotate(180deg);animation-delay:-0.5s;}
.loadspinpt div:nth-child(8) {transform:rotate(210deg);animation-delay:-0.4s;}
.loadspinpt div:nth-child(9) {transform:rotate(240deg);animation-delay:-0.3s;}
.loadspinpt div:nth-child(10) {transform:rotate(270deg);animation-delay:-0.2s;}
.loadspinpt div:nth-child(11) {transform:rotate(300deg);animation-delay:-0.1s;}
.loadspinpt div:nth-child(12) {transform:rotate(330deg);animation-delay:0s;}
@keyframes loadspinpt {
0% {opacity:1;}
100% {opacity:0;}
}

.loadpttoright {width:33px !important;height:7px !important;}
.loadpttoright div {position:absolute;top:0px;width:7px;height:7px;border-radius:50%;background:#999;animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.loadpttoright div:nth-child(1) {left:1px;animation:loadpttoright1 0.6s infinite;}
.loadpttoright div:nth-child(2) {left:1px;animation:loadpttoright2 0.6s infinite;}
.loadpttoright div:nth-child(3) {left:13px;animation:loadpttoright2 0.6s infinite;}
.loadpttoright div:nth-child(4) {left:25px;animation:loadpttoright3 0.6s infinite;}
@keyframes loadpttoright1 {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes loadpttoright3 {
0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes loadpttoright2 {
0% {transform:translate(0, 0);}
100% {transform:translate(12px, 0);}
}
.loadpttoright.s {width:21px !important;height:5px !important;}
.loadpttoright.s div {position:absolute;top:0px;width:5px;height:5px;border-radius:50%;background:#999;animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.loadpttoright.s div:nth-child(1) {left:0px;animation:loadpttorights1 0.6s infinite;}
.loadpttoright.s div:nth-child(2) {left:0px;animation:loadpttorights2 0.6s infinite;}
.loadpttoright.s div:nth-child(3) {left:8px;animation:loadpttorights2 0.6s infinite;}
.loadpttoright.s div:nth-child(4) {left:16px;animation:loadpttorights3 0.6s infinite;}
@keyframes loadpttorights1 {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes loadpttorights3 {
0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes loadpttorights2 {
0% {transform:translate(0, 0);}
100% {transform:translate(7px, 0);}
}
.loadpttoright.xl {width:64px !important;height:11px !important;}
.loadpttoright.xl div {width:11px;height:11px;}
.loadpttoright.xl div:nth-child(1) {left:6px;animation:loadpttorightxl1 0.6s infinite;}
.loadpttoright.xl div:nth-child(2) {left:6px;animation:loadpttorightxl2 0.6s infinite;}
.loadpttoright.xl div:nth-child(3) {left:26px;animation:loadpttorightxl2 0.6s infinite;}
.loadpttoright.xl div:nth-child(4) {left:46px;animation:loadpttorightxl3 0.6s infinite;}
@keyframes loadpttorightxl1 {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes loadpttorightxl3 {
0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes loadpttorightxl2 {
0% {transform:translate(0, 0);}
100% {transform:translate(20px, 0);}
}

.loadptzoom {width:35px !important;height:9px !important;text-align:center;font-size:0;}
.loadptzoom div {display:inline-block;width:9px;height:9px;margin:0 1px;background-color:#999;border-radius:100%;animation:loadptzoom 1.4s infinite ease-in-out both;}
.loadptzoom.xl {width:59px;height:13px;}
.loadptzoom.xl div {width:13px;height:13px;margin:0 3px;}
.loadptzoom div:nth-child(1) {animation-delay:-0.32s;}
.loadptzoom div:nth-child(2) {animation-delay:-0.16s;}
@keyframes loadptzoom {
0%, 80%, 100% {-webkit-transform:scale(0);transform:scale(0);}
40% {-webkit-transform:scale(1.0);transform:scale(1.0);}
}
/*---------------------------------------- RGPD ------------------------------------------------*/

.rgpd {position:fixed; width:100%; height:auto; left:0; bottom:-200px; z-index:10000; transition:bottom 0.6s ease-out; -webkit-transition:bottom 0.6s ease-out;}
.rgpd.on {transition:bottom 0.6s ease-out; -webkit-transition:bottom 0.6s ease-out;/* bottom:0px !important;*/}
.rgpd .bord {width:100%; height:8px;
background:rgba(0,0,0,0.30);
background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:-moz-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:-o-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:linear-gradient(to top,rgba(0,0,0,0.20),rgba(0,0,0,0));
}
.rgpd .in {width:100%; background:#f4f4f4;}
.rgpd .in .c {max-width:800px; margin:0 auto; padding:10px 10px; background:#f4f4f4; font-family:Verdana; color:#444; line-height:normal;}
.rgpd .in .c .t {display:table; margin:0 auto;}
.rgpd .in .c .l {display:table-cell; vertical-align:middle;}
.rgpd .in .c .l .l1 {font-size:12px; font-weight:bold;}
.rgpd .in .c .l span {display:inline-block;}
.rgpd .in .c .l .ok {margin:0 20px; padding:10px 15px; line-height:18px; font-size:12px; font-weight:bold; background:#000; color:#fff; cursor:pointer; vertical-align:middle;}
.rgpd .in .c .l .no {font-size:11px; cursor:pointer;}




/*---------------------------------------- SHARE EMAIL ------------------------------------------------*/
.shareemailmask {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,0.80); z-index:999999; transition:background 0.2s ease-out;}
.shareemailmask.off {background:rgba(255,255,255,0);}

.shareemail {position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999999;}
.shareemail.abs {position: absolute;}
.shareemail * {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.shareemail .inner {position:absolute; width:814px; left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); z-index:999990;}
.shareemail .inner .in {min-height:80px; padding:0px 20px 20px; color:#fff; background:#FF9400; border-radius: 20px; font-size: 16px; line-height: 20px; text-align: left; opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); transition:all ease-out 0.3s; z-index: 1;}
.shareemail .inner.off .in {opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
.shareemail .loader div {background: #3c5999;}

.shareemail .inner .in .close {position: absolute; width: 40px; height: 40px; right: 0; top: 0; background: url("/images/global/close-w.svg") no-repeat center; background-size: 14px; border-radius: 50%; cursor: pointer; z-index: 10;}
.shareemail .inner .in .title {padding: 12px 60px 12px 0; font-size: 15px; font-weight: 600; line-height: 16px;}


.shareemail .preview { margin:20px 0; padding:20px 0 20px 20px; background: #fff; font-family:Verdana; font-size:12px; color:#000; z-index:5;}

.shareemail .form {padding:0 0 20px; font-family:Verdana; font-size:12px; z-index:10;}
.shareemail .form input[type="text"],
.shareemail .form textarea {display:block; width:100%; padding:8px 10px; margin:0 0 12px; font-family:Verdana; font-size:12px; color:#000; background:#fff; border:0;}
.shareemail .form textarea {height:100px; margin-bottom: 20px;}
.shareemail .form .error {margin-bottom: 20px; font-size: 14px; background: #C90003; color: #fff; padding: 10px; text-align: left;}

.shareemail .submit {font-size: 0; text-align: center; font-family:'Altivo', sans-serif;}
.shareemail .submit .btn {display: inline-block; padding: 9px 20px; font-size: 16px; font-weight: 600; line-height: 20px; background: #fff; color: #FF9400; border-radius: 20px; transition: all ease-out 0.2s; cursor: pointer;}
.bureau .shareemail .submit .btn:hover {color: #000000;}
.shareemail .submit .btn.load {pointer-events: none;}
.shareemail .submit .btn.load span {visibility: hidden;}
.shareemail .submit .btn.load .loader div {background: #FF9400;}

.shareemail .sending {font-size: 0; text-align: center;}
.shareemail .sending .success {display: inline-block; margin-bottom: 20px; min-height: 30px; padding-left:38px; padding-top: 5px; font-size:16px; font-weight:bold; color:#fff ; line-height:20px; text-align:left; background:url("/images/global/form-success.svg") no-repeat left top; background-size: 30px 30px;}
.shareemail .sending .submit .btn {margin: 0 15px 20px;}



/*---------------------------------------- POPUP ------------------------------------------------*/