@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: normal;
	src: local('Century Gothic Regular'), url('/assets/fonts/GOTHIC.woff') format('woff');
}
@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: 700;
	src: local('Century Gothic Bold'), url('/assets/fonts/GOTHICB.woff') format('woff');
}

body, input, select, textarea, button{font-family: 'Roboto', sans-serif;}

header{height:144px;position:fixed;width:100%;top:0;left:0;right:0;z-index:99;}
header .top{height:44px;background-color:#1f2240;display:flex;justify-content:center;align-items:center;}
header .top a{display:flex;justify-content:center;align-items:center;font-size:16px;color:#ec681b;}
header .top a .icon{display:block;width:25px;height:25px;background:url("/assets/images/ico-assure.png") no-repeat scroll 0 0 transparent;margin-left:10px;}
header .bottom{height:100px;background-color:rgba(40,45,83,0.86);}
header .bottom ul{display:flex;justify-content:center;align-items:center;}
header .bottom ul li a{display:block;padding:0 30px;color:#fff;text-transform:uppercase;height:100px;line-height:100px;white-space:nowrap;font-size:20px;font-weight:300;position:relative;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
header .bottom ul li a:hover, header .bottom ul li a.active{color:#ec681b;font-weight:500;background-color:#fff;border-bottom:6px solid #ec681b;box-sizing:border-box;}
header .bottom ul li a:hover:before, header .bottom ul li a.active:before{content:"";display:inline-block;height:0;width:0;border-top:14px solid #1f2240;border-right:14px solid transparent;border-left:13px solid transparent;position:absolute;top:0;left:0;right:0;margin:0 auto;}
header .bottom .icon-contact{display:inline-block;width:20px;height:15px;background:url("/assets/images/contact.png") no-repeat scroll 0 0 transparent;vertical-align:middle;}
header .bottom ul li a:hover .icon-contact, header .bottom ul li a.active .icon-contact{background-image:url("/assets/images/contact-rollover.png");}

.header-mobile{
display:none;height:70px;background-color:#272c50;position:fixed;top:0;left:0;right:0;width:100%;z-index:999;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box;
-moz-box-shadow: 0px 0px 10px 0px #000000;
-webkit-box-shadow: 0px 0px 10px 0px #000000;
-o-box-shadow: 0px 0px 10px 0px #000000;
box-shadow: 0px 0px 10px 0px #000000;
}
.header-mobile .logo{display:block;max-height:60px;}
.header-mobile .btn-open{border:none;background:url("/assets/images/btn-open-menu.png") no-repeat scroll 0 0 transparent;width:32px;height:25px;padding:0;cursor:pointer;}
.header-mobile .logo{display:block;max-height:50px;}
.header-mobile .lien-contact{width:32px;height:24px;background:url("/assets/images/menu-contact.png") no-repeat scroll 0 0 transparent;}

.modal-menu-mobile{display:none;position:fixed;height:100%;top:-100%;right:0;left:0;z-index:1050;overflow:hidden;outline:0;background-color:#fff;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.modal-menu-mobile.active{top:0;opacity:1;visibility:visible;}
.modal-menu-mobile .modal-close{display:block;width:30px;height:30px;padding:0;border:none;background:url("/assets/images/btn-close-menu.svg") no-repeat scroll 0 0 transparent;background-size:30px;position:absolute;cursor:pointer;right:20px;top:20px;}
.modal-menu-mobile .c-modal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;box-sizing:border-box;}
.modal-menu-mobile .c-modal a{color:#606060;font-size:20px;margin:10px 0;}
.modal-menu-mobile .c-modal .orange{color: #ec681b;}

.page{padding-top:44px;}

.page .video-default{width:100%;height:460px;overflow:hidden;background-color:#eee;position:relative;display:flex;justify-content:center;align-items:center;padding:0 20px;box-sizing:border-box;}
.page .video-default video{object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;width:auto;height:auto;}
.page .video-default .filtre{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;background-color:rgba(40,45,83,0.75);}
.page .video-default .titre{font-size:46px;color:#fff;text-transform:uppercase;font-family:'Century Gothic';letter-spacing:0.4px;position:relative;padding-top:100px;text-align:center;}

.page-accueil .video{width:100%;height:771px;overflow:hidden;background-color:#eee;position:relative;display:flex;justify-content:center;align-items:center;padding:0 20px;box-sizing:border-box;}
.page-accueil .video video{object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;width:auto;height:auto;}
.page-accueil .video .filtre{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;background-color:rgba(40,45,83,0.75);}
.page-accueil .video .logo{max-width:330px;display:block;width:100%;margin:0 auto;position:relative;}
.page-accueil .metiers{padding:126px 20px 134px;}
.page-accueil .metiers .titre{text-align:center;font-size:36px;color:#282d53;text-transform:uppercase;font-family:'Century Gothic';letter-spacing:0.4px;}
.page-accueil .metiers .sep{margin:16px auto 18px;max-width:99px;width:100%;height:7px;background-color:#ec681b;}
.page-accueil .metiers .texte{max-width:618px;text-align:center;font-size:14px;color:#1d1d1b;margin:0 auto;line-height:20px;}
.page-accueil .metiers .lien{text-align:center;margin-top:30px;}
.page-accueil .metiers .lien a{text-decoration:underline;font-size:12px;color:#ec681b;font-style:italic;}
.page-accueil .chiffres{padding:86px 20px 96px;background-color:#e5e5e5;}
.page-accueil .chiffres .titre{font-size:36px;color:#9b9b9b;text-transform:uppercase;text-align:center;font-family:'Century Gothic';letter-spacing:0.4px;}
.page-accueil .chiffres .texte{max-width:640px;margin:60px auto 0;font-size:14px;color:#9b9b9b;line-height:20px;text-align:center;letter-spacing:0.2px;}
.page-accueil .chiffres .liste{display:flex;justify-content:center;margin-top:60px;flex-wrap:wrap;}
.page-accueil .chiffres .liste .chiffre{font-family:'Oswald', sans-serif;margin:20px 38px;}
.page-accueil .chiffres .liste .icone{width:138px;height:138px;background-color:#ec681b;display:flex;justify-content: center;align-items: center;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.page-accueil .chiffres .liste .icone img{max-width:100%;max-height:100%;object-fit:cover;}
.page-accueil .chiffres .liste .value{font-size:40px;font-weight:700;color:#282d53;display:block;text-align:center;margin-top:22px;}
.page-accueil .chiffres .liste .libelle{font-size:22px;font-weight:300;color:#ec681b;display:block;text-transform:uppercase;text-align:center;margin-top:14px;}
.page-accueil .carte{padding:58px 20px 306px;background-color:#fff;}
.page-accueil .carte svg{max-width:892px;position:absolute;top:-116px;left: -62px;}
.page-accueil .carte svg .departement{cursor:pointer;}
.page-accueil .carte svg .departement:hover{fill:#ec681b;}
.page-accueil .carte svg .noms-departements{pointer-events:none;}
.page-accueil .carte svg .villes{pointer-events:none;}
.page-accueil .carte svg .collaborateurs{pointer-events:none;}
.page-accueil .carte svg .points{pointer-events:none;}
.page-accueil .carte .wrapper-tm{max-width:1188px;margin:0 auto;position:relative;}
.page-accueil .carte .wrapper-tm .bloc-m{max-width:460px;margin:0 0 0 auto;}
.page-accueil .carte .wrapper-tm .titre{font-size:36px;color:#282d53;text-transform:uppercase;font-family:'Century Gothic';letter-spacing:0.4px;}
.page-accueil .carte .wrapper-tm .sous-titre{margin-top:16px;color:#ec681b;font-family:'Oswald', sans-serif;font-weight:300;text-transform:uppercase;font-size:19px;}
.page-accueil .carte .wrapper-tm .texte{margin-top:16px;font-size:14px;line-height:20px;color:#1d1d1b;}
.page-accueil .carte .wrapper-tm .sep{width:34px;height:7px;margin-top:28px;background-color:#ec681b;}
.page-accueil .equipe{border-top:306px solid #e5e5e5;background-color:#fff;padding-bottom:48px;}
.page-accueil .equipe .liste{display:flex;justify-content:center;margin-top:-167px;flex-wrap:wrap;}
.page-accueil .equipe .person{width:294px;margin:20px 30px;}
.page-accueil .equipe .person .image{width:294px;height:294px;border-radius:50%;overflow:hidden;}
.page-accueil .equipe .person .image img{display:block;width:294px;height:294px;object-fit:cover;}
.page-accueil .equipe .person .nom{margin-top:14px;font-size:30px;color:#282d53;font-family:'Century Gothic';}
.page-accueil .equipe .person .poste{font-size:19px;color:#ec681b;font-family:'Oswald', sans-serif;font-weight:300;text-transform:uppercase;}
.page-accueil .equipe .person .description{margin-top:26px;font-size:14px;color:#8a8a8a;line-height:17px;}
.page-accueil .actualites{border-bottom:79px solid #e5e5e5;padding:0 20px;}
.page-accueil .actualites .sep{width:99px;height:7px;background-color:#ec681b;margin:0 auto;}
.page-accueil .actualites .titre{text-align:center;margin-top:48px;font-size:36px;color:#282d53;text-transform:uppercase;font-family:'Century Gothic';letter-spacing:0.4px;}
.page-accueil .actualites .wrapper{max-width:1000px;margin:36px auto -79px;display:grid;grid-template-columns: repeat(7, 1fr);grid-gap: 10px;}
.page-accueil .actualites .wrapper .tile{background-color:#666;position:relative;overflow: hidden;}
.page-accueil .actualites .wrapper .tile img{width:100%;height:100%;object-fit:cover;}
.page-accueil .actualites .wrapper .tile strong{font-weight:700;}
.page-accueil .actualites .wrapper .tile .legende{position:absolute;bottom:0;right:0;}
.page-accueil .actualites .wrapper .tile .legende p{text-align:right;}
.page-accueil .actualites .wrapper .tile .legende p span{display:inline-block;background-color:rgba(255,255,255,0.85);font-size:14px;color:#1d1d1b;line-height:27px;padding:0 8px;height:27px;}
.page-accueil .actualites .wrapper .tile .sep{width:34px;height:7px;background-color:#ec681b;margin:0 10px 0 auto;}
.page-accueil .actualites .wrapper .tile .texte{font-size:14px;line-height:20px;color:#1d1d1b;text-align:right;padding-right:10px;margin-top:6px;}
.page-accueil .actualites .wrapper .tile:nth-child(1){
	grid-column: span 2;
	height: 178px;
	background-color:#fff;
}
.page-accueil .actualites .wrapper .tile:nth-child(2){
	grid-column: span 3;
	grid-row: span 2;
	height: 366px;
}
.page-accueil .actualites .wrapper .tile:nth-child(3){
	grid-column: span 2;
	height: 178px;
}
.page-accueil .actualites .wrapper .tile:nth-child(4){
	grid-column: span 2;
	grid-row: span 2;
	height: 366px;
}
.page-accueil .actualites .wrapper .tile:nth-child(5){grid-column:span 2;height:178px;background-color:#282d53;text-transform:uppercase;font-family:'Century Gothic';letter-spacing:0.4px;color:#fff;text-align:center;font-size:30px;display:flex;align-items:center;justify-content:center;line-height:34px;flex-direction: column;}
.page-accueil .actualites .wrapper .tile:nth-child(6){grid-column:span 2;height:178px;background-color:#ec681b;text-transform:uppercase;font-family:'Century Gothic';letter-spacing:0.4px;color:#fff;text-align:center;font-size:30px;display:flex;align-items:center;justify-content:center;line-height:34px;flex-direction: column;}
.page-accueil .actualites .wrapper .tile:nth-child(7){
	grid-column: span 3;
	height: 178px;
}

.page-particulier .wrapper-1{padding:112px 20px 57px;}
.page-particulier .wrapper-1 .titre{font-size:36px;color:#282d53;letter-spacing:0.4px;text-align:center;font-family:'Century Gothic';}
.page-particulier .wrapper-1 .sep{max-width:99px;width:100%;height:7px;background-color:#ec681b;margin:20px auto;}
.page-particulier .wrapper-1 .small-text{max-width:592px;margin:0 auto;text-align:center;font-size: 14px;color:#1d1d1b;text-align:center;}
.page-particulier .wrapper-1 .text{font-weight:300;font-size:24px;color:#ec681b;max-width:592px;margin:20px auto 0;line-height:27px;}
.page-particulier .wrapper-1 .text strong{font-weight:500;}
.page-particulier .wrapper-2{padding:0 20px 52px;background-color:#e5e5e5;border-top: 69px solid #fff;}
.page-particulier .wrapper-2 .liste{display:flex;justify-content:center;margin-top:-89px;flex-wrap:wrap;}
.page-particulier .wrapper-2 .liste .chiffre{margin:20px 45px;font-family:'Oswald', sans-serif;}
.page-particulier .wrapper-2 .chiffre .icon{display:block;width:138px;height:138px;background-color:#ec681b;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.page-particulier .wrapper-2 .chiffre .icon-plateform{background:url("/assets/images/icon-plateform.png") no-repeat scroll center center #ec681b;}
.page-particulier .wrapper-2 .chiffre .icon-camera{background:url("/assets/images/icon-camera.png") no-repeat scroll center center #ec681b;}
.page-particulier .wrapper-2 .chiffre .icon-pictures{background:url("/assets/images/icon-pictures.png") no-repeat scroll center center #ec681b;}
.page-particulier .wrapper-2 .chiffre .value{font-size:40px;font-weight:700;color:#282d53;display:block;text-align:center;margin-top:22px;}
.page-particulier .wrapper-2 .chiffre .libelle{display:block;text-align:center;margin-top:14px;font-size:22px;font-weight:300;color:#ec681b;text-transform:uppercase;}
.page-particulier .wrapper-2 .titre-w2{max-width:676px;margin:58px auto 0;font-size:26px;color:#282d53;letter-spacing:0.4px;text-align:center;font-family:'Century Gothic';}
.page-particulier .wrapper-2 .texte{max-width:676px;margin:10px auto 0;text-align:center;font-size:14px;color:#9b9b9b;line-height:20px;}
.page-particulier .help{padding:142px 20px 90px;position:relative;overflow:hidden;}
.page-particulier .help::before{content:"";display:block;position:absolute;top:-100%;left:-20px;right:20px;background-color:#e5e5e5;height:100%;transform:rotate(-4deg);width:120%;margin:0 auto;transform-origin:right bottom;}
.page-particulier .help .help-wrapper{max-width:900px;margin:-102px auto 0;display:flex;justify-content:center;position:relative;align-items: center;}
.page-particulier .help .help-wrapper a{position:relative;}
.page-particulier .help .help-wrapper a::after{content:"";position:absolute;left:calc(50% - 45px);top:calc(50% - 45px);height:50px;width:50px;background:url("/assets/images/arrow-link.png") no-repeat scroll 28px center rgba(0,0,0,0.3);border-radius:50%;padding:20px;}
.page-particulier .help .help-wrapper img{display:block;}
.page-particulier .help .bloc{margin-left:26px;}
.page-particulier .help .bloc .titre{font-family:'Century Gothic';font-size:36px;color:#282d53;letter-spacing:0.4px;}
.page-particulier .help .bloc .sep{width:99px;height:7px;background-color:#ec681b;margin:25px 0 16px;}
.page-particulier .help .bloc .texte{font-size:14px;color:#1d1d1b;line-height:20px;}

.page-sf .wrapper-1{padding:112px 20px;}
.page-sf .wrapper-1 .titre{text-align:center;font-size:36px;color:#282d53;font-family:'Century Gothic';letter-spacing:0.4px;}
.page-sf .wrapper-1 .sep{margin:16px auto 14px;max-width:99px;width:100%;height:7px;background-color:#ec681b;}
.page-sf .wrapper-1 .texte{max-width:618px;text-align:center;font-size:14px;color:#1d1d1b;margin:0 auto;line-height:20px;}
.page-sf .wrapper-1 .lien{text-align:center;margin-top:48px;}
.page-sf .wrapper-1 .lien a{text-decoration:underline;font-size:12px;color:#ec681b;font-style:italic;}
.page-sf .specialites{background-color:#e5e5e5;padding:96px 20px 165px;position:relative;overflow:hidden;}
.page-sf .specialites .titre{font-size:36px;color:#9b9b9b;text-transform:uppercase;text-align:center;font-family:'Century Gothic';letter-spacing:0.4px;}
.page-sf .specialites .liste{max-width:800px;margin:38px auto 0;display:flex;flex-wrap:wrap;}
.page-sf .specialites .specialite{margin:20px 25px;}
.page-sf .specialites .specialite .icone{width:138px;height:138px;margin:0 auto;background-color:#ec681b;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;}
.page-sf .specialites .specialite .icone img{}
.page-sf .specialites .specialite .libelle{font-size:22px;color:#ec681b;font-family:'Oswald', sans-serif;font-weight:300;margin-top:18px;display:block;text-align:center;}
.page-sf .specialites .texte{max-width:356px;font-size:14px;color:#9b9b9b;line-height:20px;margin:20px 25px;}
.page-sf .specialites::after{content:"";display:block;position:absolute;bottom:-100%;left:0;right:0;background-color:#fff;height:100%;transform:rotate(-4deg);width:120%;margin:0 auto;transform-origin:0 0;}
.page-sf .procedures{}
.page-sf .procedures .wrapper-top{padding:0 20px;}
.page-sf .procedures .wrapper-blocs{position:relative;max-width:1000px;margin:-120px auto 0;display:flex;justify-content:space-between;align-items:flex-start;}
.page-sf .procedures .wrapper-blocs .image{display:block;-moz-box-shadow:11px 11px 0px 0px #282d53;-webkit-box-shadow:11px 11px 0px 0px #282d53;-o-box-shadow:11px 11px 0px 0px #282d53;box-shadow:11px 11px 0px 0px #282d53;}
.page-sf .procedures .wrapper-blocs .bloc{padding-top:111px;max-width:452px;}
.page-sf .procedures .wrapper-blocs .bloc .titre{font-family:'Century Gothic';font-size:36px;color:#282d53;letter-spacing:0.4px;line-height:40px;}
.page-sf .procedures .wrapper-blocs .bloc .sep{width:99px;height:7px;background-color:#ec681b;margin:25px 0 16px;}
.page-sf .procedures .wrapper-blocs .bloc .texte{font-size:14px;color:#1d1d1b;line-height:20px;}
.page-sf .procedures .liste-procedures{max-width:1000px;margin:58px auto 0;box-sizing:border-box;display:flex;justify-content:center;}

@keyframes opacityAnimation {
  from{opacity:0;visibility:hidden;}
  to{opacity:1;visibility:visible;}
}
.page-sf .procedures .liste-procedures .animations{max-width:264px;margin-top:10px;width:100%;}
.page-sf .procedures .liste-procedures .animation{opacity:0;visibility:hidden;}
.page-sf .procedures .liste-procedures .animation.active{opacity:1;visibility:visible;}
.page-sf .procedures .liste-procedures .animation .fleche{opacity:0;visibility:hidden;}
.page-sf .procedures .liste-procedures .animation .picto-1{opacity:0;visibility:hidden;}
.page-sf .procedures .liste-procedures .animation .picto-2{opacity:0;visibility:hidden;}
.page-sf .procedures .liste-procedures .animation .picto-3{opacity:0;visibility:hidden;}
.page-sf .procedures .liste-procedures .animation.active .fleche{animation-duration:0.5s;animation-name:opacityAnimation;animation-iteration-count:1;animation-fill-mode:forwards;}
.page-sf .procedures .liste-procedures .animation.active .picto-1{animation-duration:0.5s;animation-delay:0.5s;animation-name:opacityAnimation;animation-iteration-count:1;animation-fill-mode:forwards;}
.page-sf .procedures .liste-procedures .animation.active .picto-2{animation-duration:0.5s;animation-delay:1s;animation-name:opacityAnimation;animation-iteration-count:1;animation-fill-mode:forwards;}
.page-sf .procedures .liste-procedures .animation.active .picto-3{animation-duration:0.5s;animation-delay:1.5s;animation-name:opacityAnimation;animation-iteration-count:1;animation-fill-mode:forwards;}

.page-sf .procedures .liste-procedures li{margin-top:4px;}
.page-sf .procedures .liste-procedures li:first-child{margin-top:0;}
.page-sf .procedures .liste-procedures a{color:#ec681b;font-size:24px;font-weight:300;padding:8px 16px 8px 2px;display:inline-block;cursor:pointer;}
.page-sf .procedures .liste-procedures a:hover, .page-sf .procedures .liste-procedures a.active{background-color:#ec681b;color:#fff;}
.page-sf .procedures .liste-procedures a:hover .puce, .page-sf .procedures .liste-procedures a.active .puce{opacity:0;}
.page-sf .procedures .wrapper-bottom{padding:68px 20px 80px;background-color:#ec681b;}
.page-sf .procedures .wrapper-bottom .liste{max-width:720px;margin:0 auto;}
.page-sf .procedures .wrapper-bottom .procedure{display:flex;justify-content:space-between;align-items:center;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:0.5s ease 0s;}
.page-sf .procedures .wrapper-bottom .procedure.active{height:auto;opacity:1;visibility:visible;overflow:visible;}
.page-sf .procedures .wrapper-bottom .procedure .bloc{max-width:468px;width:100%;}
.page-sf .procedures .wrapper-bottom .procedure .titre{font-family:'Century Gothic';font-size:36px;color:#fff;letter-spacing:0.4px;}
.page-sf .procedures .wrapper-bottom .procedure .sep{margin:24px 0 28px;width:99px;height:7px;background-color:#fff;}
.page-sf .procedures .wrapper-bottom .procedure .texte{line-height:20px;font-size:14px;color:#fff;}
.page-sf .procedures .wrapper-bottom .procedure .lien{display:block;position:relative;width:215px;height:215px;background-color:#aaa;border-radius:50%;overflow:hidden;-moz-box-shadow: 10px 10px 0px 0px #282d53;-webkit-box-shadow:10px 10px 0px 0px #282d53;-o-box-shadow:10px 10px 0px 0px #282d53;box-shadow:10px 10px 0px 0px #282d53;}
.page-sf .procedures .wrapper-bottom .procedure .lien img{width:215px;height:215px;object-fit:cover;display:block;}
.page-sf .procedures .wrapper-bottom .procedure .lien::after{content:"";position:absolute;left:calc(50% - 12px);top:calc(50% - 20px);height:50px;width:44px;background:url("/assets/images/arrow-link.png") no-repeat scroll 0 0 transparent;}

.page-contact .wrapper-1{padding:112px 20px 74px;position:relative;}
.page-contact .wrapper-1 .titre{text-align:center;font-size:36px;color:#282d53;font-family:'Century Gothic';letter-spacing:0.4px;text-transform:uppercase;}
.page-contact .wrapper-1 .sep{margin:24px auto 12px;max-width:99px;width:100%;height:7px;background-color:#ec681b;}
.page-contact .wrapper-1 .texte{max-width:638px;margin:0 auto;font-size:14px;line-height:20px;color:#1d1d1b;text-align:center;letter-spacing:0.2px;}
.page-contact .wrapper-2{background-color:#e5e5e5;position:relative;overflow:hidden;}
.page-contact .wrapper-2::before{content:"";display:block;position:absolute;top:calc(-100% + 60px);left:-20px;right:20px;background-color:#fff;height:100%;transform:rotate(-4deg);width:120%;margin:0 auto;transform-origin:right bottom;}
.page-contact .bordure{background-color:#fff;height:60px;}
.page-contact .formulaire{max-width:1000px;margin:-45px auto 0;background-color:#fff;padding:0 20px 50px;position:relative;}
.page-contact .formulaire .bloc-form{max-width:538px;margin:0 auto;}
.page-contact .formulaire .error{color:#de1d1d;text-align:center;line-height:20px;}
.page-contact .formulaire .success{font-size:18px;text-align:center;}
.page-contact .formulaire .ligne{margin-top:20px;}
.page-contact .formulaire .ligne:first-child{margin-top:0;}
.page-contact .formulaire .ligne-100{display:flex;}
.page-contact .formulaire .input{width:100%;background:transparent;border:none;padding:0 5px;border-bottom:2px solid #a0a0a0;border-radius:0;display:block;height:50px;box-sizing:border-box;color:#ec681b;font-weight:300;font-style:italic;font-size:20px;}
.page-contact .formulaire .input:focus{border-color:#ec681b;}
.page-contact .formulaire .input::placeholder{opacity:1;color:#a0a0a0;}
.page-contact .formulaire .textarea{display:block;width:100%;resize:none;border:0 none;height:190px;color:#ec681b;font-weight:300;font-style:italic;font-size:20px;border:2px solid #a0a0a0;box-sizing:border-box;padding:10px;}
.page-contact .formulaire .textarea::placeholder{opacity:1;color:#a0a0a0;}
.page-contact .formulaire .textarea:focus{border-color:#ec681b;}
.page-contact .formulaire .select{width:100%;background:transparent;border:none;padding:0 5px;border-bottom:2px solid #a0a0a0;border-radius:0;display:block;height:50px;box-sizing:border-box;color:#ec681b;font-weight:300;font-style:italic;font-size:20px;}
.page-contact .formulaire .select:focus{border-color:#ec681b;}
.page-contact .formulaire .ligne-100 .input-50{width:50%;}
.page-contact .formulaire .ligne-100 .input-50:last-child{margin-left:18px;}
.page-contact .formulaire .bottom{display:flex;margin-top:38px;}
.page-contact .formulaire .bottom button{transition:all 0.3s ease 0s;display:block;width:234px;height:51px;border:0 none;background-color:#ec681b;font-size:26px;font-weight:700;font-family:'Century Gothic';letter-spacing:0.4px;text-transform:uppercase;color:#fff;cursor:pointer;}
.page-contact .formulaire .bottom button:hover{background-color:#1f2240;}
.page-contact .formulaire .bottom .facultatif{margin-left:50px;font-size:13px;font-weight:300;color:#a0a0a0;font-style:italic;}
.page-contact .formulaire .input-file{}
.page-contact .formulaire .input-file input{display:none;}
.page-contact .formulaire .input-file label{font-weight:300;font-style:italic;font-size:20px;color:#a0a0a0;display:block;height:50px;border-bottom:2px solid #a0a0a0;box-sizing:border-box;padding:14px 0;cursor:pointer;}
.page-contact .formulaire .input-file label svg{fill:#a0a0a0;}
.page-contact .formulaire .input-file label span{margin-left: 4px;}
.page-contact .formulaire .input-file.focus label{color:#ec681b;}
.page-contact .formulaire .input-file.focus label svg{fill:#ec681b;}
.page-contact .carte .coordonnees{padding:80px 20px 0;position:relative;z-index:5;}
.page-contact .carte .coordonnees .titre{font-size:36px;color:#282d53;font-family:'Century Gothic';letter-spacing:0.4px;text-align:center;}
.page-contact .carte .coordonnees .villes{max-width:670px;margin:36px auto 0;font-size:15px;font-weight:300;color:#b6b6b6;font-family:'Oswald', sans-serif;text-transform:uppercase;}
.page-contact .carte .coordonnees .sep{width:34px;height:7px;background-color:#ec681b;margin:26px auto 0;}
.page-contact .carte .coordonnees .liste{max-width:670px;margin:52px auto 0;}
.page-contact .carte .coordonnees .informations{display:flex;justify-content:space-between;}
.page-contact .carte .coordonnees .informations .b-50{width:50%;box-sizing:border-box;}
.page-contact .carte .coordonnees .b-50 .t-1{font-size:19px;color:#ec681b;font-family:'Oswald', sans-serif;text-transform:uppercase;font-weight:300;}
.page-contact .carte .coordonnees .b-50 .t-2{margin-top:4px;font-size:14px;color:#1d1d1b;line-height:20px;}
.page-contact .carte .coordonnees .map{display:block;max-width:906px;margin:0 auto -270px;}
.page-contact .carte .coordonnees .map .departement{cursor:pointer;}
.page-contact .carte .coordonnees .map .departement:hover{fill:#ec681b;}
.page-contact .carte .coordonnees .map .noms-departements{pointer-events:none;}
.page-contact .carte .coordonnees .map .villes{pointer-events:none;}
.page-contact .carte .coordonnees .map .collaborateurs{pointer-events:none;}
.page-contact .carte .coordonnees .map .points{pointer-events:none;}
.page-contact .carte .donnees{padding:300px 20px 70px;background-color:#fff;}
.page-contact .carte .donnees .donnee{text-align:center;}
.page-contact .carte .donnees .email{padding-left:58px;display:inline-block;background:url("/assets/images/ico-email.png") no-repeat scroll 0 center transparent;}
.page-contact .carte .donnees .email .libelle{display:block;text-align:left;font-size:19px;color:#ec681b;font-family:'Oswald', sans-serif;text-transform:uppercase;font-weight:300;}
.page-contact .carte .donnees .email .value{display:block;text-align:left;margin-top:6px;font-size:14px;color:#1d1d1b;}

.page-contact .popin-map{opacity:0;visibility:hidden;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:9999;display:flex;justify-content:center;align-items:center;transition:all 0.5s ease 0s;padding:20px;box-sizing:border-box;}
.page-contact .popin-map.active{opacity:1;visibility:visible;}
.page-contact .popin-map .wrapper{
width:100%;max-width:1000px;height:673px;background-color:#fff;display:flex;max-height: 100%;
-moz-box-shadow: 0px 0px 10px 0px #000000;
-webkit-box-shadow: 0px 0px 10px 0px #000000;
-o-box-shadow: 0px 0px 10px 0px #000000;
box-shadow: 0px 0px 10px 0px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);
}
.page-contact .change-1 .wrapper{height:auto;}
.page-contact .popin-map .bloc{width:270px;position:relative;}
.page-contact .change-1 .bloc{width:100%;}
.page-contact .popin-map .bloc .logo{height:50%;background-color:#282e53;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:20px;text-align:center;}
.page-contact .change-1 .bloc .logo{height:auto;}
.page-contact .popin-map .bloc .logo img{display:block;max-width:160px;width:100%;}
.page-contact .popin-map .bloc .coordonnees{height:50%;max-height:50%;background-color:#fff;box-sizing:border-box;padding:20px;display:flex;justify-content:flex-start;flex-direction: column;overflow:auto;}
.page-contact .change-1 .bloc .coordonnees{height:auto;max-height:none;}
.page-contact .popin-map .bloc .coordonnees .coordonnee{display:none;}
.page-contact .popin-map .bloc .coordonnees .titre{font-size:26px;color:#282d53;font-family:'Century Gothic';letter-spacing:0.4px;}
.page-contact .change-1 .bloc .coordonnees .titre{text-align:center;}
.page-contact .popin-map .bloc .coordonnees	.sous-titre{font-size:19px;color:#ec681b;font-family:'Oswald', sans-serif;text-transform:uppercase;font-weight:300;margin-top:16px;}
.page-contact .popin-map .bloc .coordonnees .texte{font-size:14px;color:#1d1d1b;line-height:20px;margin-top:4px;}
.page-contact .change-1 .bloc .coordonnees .texte{text-align:center;}
.page-contact .popin-map .bloc .shadow{position:absolute;left:100%;height:100%;width:81px;top:0;pointer-events:none;background:url("/assets/images/shadow-map.png") no-repeat scroll 0 0 transparent;z-index: 20;}
.page-contact .change-1 .bloc .shadow{display:none;}
.page-contact .popin-map .map{width:730px;background-color:#fff;}
.page-contact .change-1 .map{display:none;}

.page-mentions .wrapper{padding:174px 20px 74px;position:relative;}
.page-mentions .wrapper .titre{text-align:center;font-size:36px;color:#282d53;font-family:'Century Gothic';letter-spacing:0.4px;text-transform:uppercase;}
.page-mentions .wrapper .sep{margin:24px auto;max-width:99px;width:100%;height:7px;background-color:#ec681b;}
.page-mentions .wrapper .texte{max-width:638px;margin:0 auto;font-size:14px;line-height:20px;color:#1d1d1b;letter-spacing:0.2px;}
.page-mentions .wrapper .texte .section-title{font-weight:500;text-transform:uppercase;font-size:18px;color:#282d53;margin-top:30px;}
.page-mentions .wrapper .texte .section-title:first-child{margin-top:0;}
.page-mentions .wrapper .texte .paragraphe{margin-top:5px;text-align:justify;}
.page-mentions .wrapper .texte .paragraphe a{text-decoration:underline;}

footer .partenaires{padding:75px 20px 85px;background-color:#e5e5e5;}
footer .partenaires .titre{font-size:36px;color:#9b9b9b;text-transform:uppercase;text-align:center;font-family:'Century Gothic';letter-spacing:0.4px;}
footer .partenaires .liste{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:56px;overflow:hidden;}
footer .partenaires .liste img{display:block;max-height:52px;margin:0 auto;max-width: 100%;}
footer .footer{padding:32px 20px;background-color:#282d53;text-align:center;color:#fff;/*display:flex;justify-content:center;align-items:flex-start;*/}
footer .footer a{color:#fff;text-decoration:underline;}
footer .footer .texte{max-width:450px;font-size:12px;line-height:20px;color:rgba(255,255,255,0.2);padding-top:44px;}
footer .footer .facebook{display:block;width:49px;height:49px;background:url("/assets/images/facebook.png") no-repeat scroll 0 0 transparent;border-radius:50%;margin:0 48px 0 25px;}
footer .footer .facebook-await{margin:0 48px 0 25px;}
footer .footer .liens{width:180px;padding-top:20px;}
footer .footer .liens-1{margin-right:40px;}
footer .footer .liens li{margin-top:8px;}
footer .footer .liens li:first-child{margin-top:0;}
footer .footer .liens a{font-size:16px;color:#fff;text-transform:uppercase;}

@media screen and (max-width: 1240px) {
	.page-accueil .carte .wrapper-tm{display:flex;flex-direction: column-reverse;}
	.page-accueil .carte svg{position:static;margin: 20px auto 0;}
	.page-accueil .carte .wrapper-tm .bloc-m{margin:0 auto;}
	.page-accueil .carte .wrapper-tm .titre{text-align:center;}
	.page-accueil .carte .wrapper-tm .sous-titre{text-align:center;}
	.page-accueil .carte .wrapper-tm .texte{text-align:center;}
	.page-accueil .carte .wrapper-tm .sep{margin:28px auto 0;}
	.page-accueil .carte{padding:58px 20px;}
}
@media screen and (max-width: 1000px) {
	.header-mobile{display:flex;}
	.modal-menu-mobile{display:block;}
	header{display:none;}
	.page{padding-top:70px;}
	.page .video-default .titre{padding-top:0;}
	.page-accueil .actualites .wrapper{grid-template-columns: repeat(1, 1fr);grid-gap: 10px 0;}
	.page-accueil .actualites .wrapper .tile:nth-child(1){height:auto;padding:20px 0;}
	.page-accueil .actualites .wrapper .tile{grid-column:span 1 !important;grid-row:span 1 !important;}
	footer .footer{flex-direction:column;}
	footer .footer .facebook{order:1;margin:0 auto;}
	footer .footer .texte{order:2;margin: 0 auto;text-align: center;}
	footer .footer .liens-1{order:3;margin:0 auto;padding-top:44px;text-align: center;}
	footer .footer .liens-2{order:4;margin:0 auto;text-align: center;}
	.page-sf .procedures .wrapper-blocs{margin:0 auto;flex-direction: column-reverse;}
	.page-sf .procedures .wrapper-blocs .bloc{padding-top:40px;margin:0 auto;}
	.page-sf .procedures .wrapper-blocs .bloc .titre{text-align:center;}
	.page-sf .procedures .wrapper-blocs .bloc .sep{margin: 25px auto 16px;}
	.page-sf .procedures .wrapper-blocs .bloc .texte{text-align:center;}
	.page-sf .procedures .wrapper-blocs .image{max-width:489px;width:100%;margin:20px auto 0;}
	.page-mentions .wrapper{padding:74px 20px;}
}
@media screen and (max-width: 940px) {
	.page-particulier .help .help-wrapper{flex-direction:column-reverse;padding-top: 30px;}
	.page-particulier .help .bloc{margin-left:0}
	.page-particulier .help .bloc .titre{text-align:center;}
	.page-particulier .help .bloc .sep{margin: 25px auto 16px;}
	.page-particulier .help .bloc .texte{text-align:center;}
	.page-particulier .help .help-wrapper .lien{margin-top:20px;}
}
@media screen and (max-width: 910px) {
	.page-sf .specialites .liste{justify-content:center;}
	.page-sf .procedures .liste-procedures .animations{display:none;}
	.page-sf .procedures .liste-procedures{padding-bottom:76px;}
}
@media screen and (max-width: 760px) {
	.page-sf .procedures .wrapper-bottom .procedure{flex-direction:column-reverse;}
	.page-sf .procedures .wrapper-bottom .procedure .titre{text-align:center;}
	.page-sf .procedures .wrapper-bottom .procedure .sep{margin: 24px auto 28px;}
	.page-sf .procedures .wrapper-bottom .procedure .texte{text-align:center;}
	.page-sf .procedures .wrapper-bottom .procedure .lien{margin:20px auto 0;}

	.page-contact .carte .donnees{display:none;}
	.page-contact .carte .coordonnees .map{margin:0 auto;}
}
@media screen and (max-width: 680px) {
	.page-accueil .video{height:500px;}
	.page-accueil .metiers{padding:60px 20px;}
	.page-accueil .chiffres{padding:60px 20px;}
	.page-sf .wrapper-1{padding:60px 20px;}
	.page .video-default{height:300px;}
	.page-sf .specialites{padding:60px 20px;}

	.page-contact .popin-map .wrapper{height:auto;display:block;overflow: auto;}
	.page-contact .popin-map .bloc{width:auto;}
	.page-contact .popin-map .bloc .logo{height:auto;}
	.page-contact .popin-map .bloc .coordonnees{height:auto;text-align:center;max-height:none;}
	.page-contact .popin-map .bloc .shadow{display:none;}
	.page-contact .popin-map .map{position:relative;overflow:hidden;width:100%;height:200px;}
}
@media screen and (max-width: 580px) {
	.page-contact .formulaire .ligne-100{display:block;}
	.page-contact .formulaire .ligne-100 .input-50{width:100%;}
	.page-contact .formulaire .ligne-100 .input-50:last-child{margin:20px 0 0 0;}
	.page-contact .formulaire .bottom{flex-direction:column-reverse;}
	.page-contact .formulaire .bottom .facultatif{margin-left:0;text-align: center;}
	.page-contact .formulaire .bottom button{margin:20px auto 0;}
	.page-contact .formulaire{margin:0 auto;}
	.page-contact .bordure{display:none;}
	.page-contact .wrapper-1{padding:60px 20px;}
}
