.field {margin-bottom:15px;position:relative }
.field label {display:inline-block;margin:0 }.field [data-validate-for] {display:none;font-size:10px;line-height:10px;position:absolute;right:0;bottom:-1.2em }
.field [data-validate-for].visible {display:block }.field.textfield input,
.field.textarea textarea {display:block;width:100%;padding:10px;border:1px solid #ccc }.field.checkbox,
.field.radio {line-height:20px }
.field.checkbox input,
.field.radio input {width:20px;height:20px;float:left;margin-right:10px }
.field.checkbox label,
.field.radio label {position:relative;margin-bottom:0;cursor:pointer }.field.checkbox span:before,
.field.radio span:before {content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #ccc;background:#fff }.field.checkbox span:after,
.field.radio span:after {content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;background:#ccc;opacity:0;transition:all 0.5s ease 0s }.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after {opacity:1 }.field.checkbox .message:before,
.field.checkbox .message:after,
.field.radio .message:before,
.field.radio .message:after {content:none }.field.checkbox span:before,
.field.checkbox span:after {border-radius:0 }.field.radio span:before,
.field.radio span:after {border-radius:50% }.field.select select {display:block;width:100%;padding:10px;border:1px solid #ccc }.field.select2 .select2-selection {border-radius:0;border:1px solid #ccc;height:46px }
.field.select2 .select2-selection__rendered {line-height:46px }
.field.select2 .select2-selection__arrow {height:46px }.field.address .ap-input {height:auto;line-height:auto;border-radius:0 }
.field.address .ap-dropdown-menu {color:#000 }.field.captcha {display:flex;justify-content:center }
.ct-widget.ct-ignition {position:fixed;left:auto;top:auto;right:20px;bottom:20px;z-index:10000;transition:all 0.5s ease 0s }
.ct-widget.ct-ignition .ct-ignition__button {position:static;margin-top:10px}.ce-element {outline:2px dashed rgba(243,156,18,0.5) }
.ce-element--focused,.ce-element:focus {outline:2px dashed rgba(243,156,18,1) }.maintenance {display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;background:#004759 url(../themes/personeni/assets/img/maintenance.jpg) no-repeat left top;background-size:cover;color:#fff }
.maintenance:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:2 }
.maintenance .container {position:relative;z-index:3;visibility:hidden }
.maintenance .code {font-size:120px;font-weight:300 }
.maintenance h1 {font-weight:500;font-size:40px;text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center }.maintenance h1:after {content:'';display:block;width:50px;height:3px;background:#fff;margin:30px 0 }
.maintenance .btn {color:#fff;background:transparent;border:2px solid #fff;border-radius:99px;padding:10px 15px;text-transform:uppercase;margin:20px 10px 0 10px;display:inline-block;font-size:13px;transition:all 0.5s ease 0s }
.maintenance .btn:hover {text-decoration:none;background:#fff;color:#333 }
#tarteaucitronPersonalize {background:#f06526 !important;color:#222;border-radius:40px}
#tarteaucitronCloseAlert {border-radius:40px }
#tarteaucitronPercentage {background:#f06526 !important }body {font-family:'Roboto';font-weight:normal;color:#000;line-height:2.2em;letter-spacing:1px }
:focus {outline:none }h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}introa {}
a:visited {}
a:hover {text-decoration:none }
a:focus {text-decoration:none }h1 {text-transform:uppercase;font-weight:800;margin-bottom:40px }img {max-width:100%;height:auto }
img[data-sizes="auto"] {display:block;width:100% }.swiper-container .swiper-wrapper {box-sizing:border-box }
.swiper-container .prevnext {position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:35px;height:35px;font-size:24px;line-height:35px;text-align:center }
.swiper-container .prev {left:0;background:#fff;color:#f06526;cursor:pointer }
.swiper-container .next {right:0;background:#f06526;color:#fff;cursor:pointer }.swiper-container .bottom {}
.swiper-container .bottom .title {background:#f06526;color:#fff;text-transform:uppercase;font-weight:700;font-size:26px;text-align:center;padding:20px;letter-spacing:4px }
.swiper-container .bottom .nav {background:#5b6064;color:#fff;padding:20px 40px;display:flex;align-items:center;justify-content:space-between }
.swiper-container .bottom .prevnext {position:static;top:auto;transform:none;background:none;color:#fff }
.swiper-container .bottom .swiper-pagination {position:static }
.swiper-container .bottom .swiper-pagination-bullet {width:12px;height:12px;background:#fff;margin:0 10px;opacity:1;cursor:pointer }
.swiper-container .bottom .swiper-pagination-bullet-active {background:#f06526 }.btn {display:inline-block;line-height:1em;cursor:pointer;transition:all 0.5s ease 0s }
.btn.outline {border:3px solid #f06526;color:#f06526;font-weight:400;padding:15px 40px;text-transform:uppercase }
.btn.outline.white {border-color:#fff;color:#fff }
.btn.filled {background:#fff;color:#f06526;font-weight:300;text-transform:uppercase;border:1px solid transparent;text-align:center;display:inline-block;padding:15px 30px;font-size:14px }.btn.outline:hover {background:#f06526;color:#fff }
.btn.outline.white:hover {background:#fff;color:#f06526 }.field.textfield {margin-bottom:50px }
.field.textfield label {position:absolute;left:30px;top:50%;transform:translateY(-50%);transition:all 0.3s ease 0s;text-transform:uppercase;font-weight:700 }
.field.textfield input {border:4px solid #fff;background:transparent;color:#fff;padding:15px 25px;text-transform:uppercase;font-weight:700 }
.field.textfield.active label,
.field.textfield.filled label {transform:translateY(0);top:-30px;left:0 }.field.textarea label {position:absolute;left:30px;top:30px;transform:translateY(-50%);transition:all 0.3s ease 0s;text-transform:uppercase;font-weight:700 }
.field.textarea textarea {border:4px solid #fff;background:transparent;color:#fff;padding:10px 25px;text-transform:uppercase;font-weight:700;min-height:300px }
.field.textarea.active label,
.field.textarea.filled label {transform:translateY(0);top:-30px;left:0 }.field.submit {text-align:center;margin-top:50px;border:none }
.field.submit .btn {font-weight:700;background:#fff;border:2px solid #fff }
.field.submit .btn:hover {background:#f0591e;color:#fff }.hamburger {padding:0;position:relative;z-index:15;display:none }
.hamburger:focus {outline:none }.hide {display:none }
#header {display:flex;flex-direction:column;position:relative;z-index:2 }
#header .logo {max-width:300px }#header .primary {order:2;padding:30px 0;text-transform:uppercase;font-weight:800 }
#header .primary .container {display:flex;flex-direction:row;justify-content:space-between;align-items:center }
#header .primary ul {list-style:none;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0 }
#header .primary li {margin-left:15px }
#header .primary a {color:#000;border:2px solid transparent;transition:all 0.3s ease 0s;padding:5px 15px }
#header .primary li a:hover {border:2px solid #f06526 }#header .primary li.active {position:relative }
#header .primary li.active:before {content:'';position:absolute;left:0;top:0;width:100%;height:120px;background:#f06526;z-index:-1 }
#header .primary li.active a {color:#fff }#header .secondary {order:1;background:#ccc;font-size:12px;line-height:1.4em;font-weight:800 }
#header .secondary ul {list-style:none;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0;text-transform:uppercase}
#header .secondary ul li {}
#header .secondary a {display:flex;flex-direction:column;justify-content:center;height:100%;padding:10px 30px }#header .secondary .about a {background:#ececec;color:#000 }
#header .secondary .contact a {background:#f06526;color:#fff }
#header .secondary .recrut a {background:#5b6064;color:#fff }
#header .secondary .facebook a {background:#304684;color:#fff }#footer .maps {background:#5b6064;padding-top:90px;padding-bottom:90px }
#footer .maps .row {justify-content:center }
#footer .maps .inner {position:relative;padding-bottom:200px;transition:all 0.7s ease 0s;z-index:2 }
#footer .maps .map img {display:block;width:100%;position:relative;z-index:2 }
#footer .maps .address {background:#f0591e;color:#fff;text-align:center;position:absolute;bottom:0;width:100%;padding:80px 30px 50px 30px;z-index:2;clip-path:polygon(0 50px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0% 100%);-moz-clip-path:polygon(0 20%,100% 0,100% 100%,0% 100%);border:1px solid #f0591e }
#footer .maps .address h3 {text-transform:uppercase;margin-bottom:0 }
#footer .maps .address p {line-height:1.4em }#footer .links {background:url(../themes/personeni/assets/img/grid-bg.png) repeat left top;text-align:center;padding:60px 0 }
#footer .links .container {position:relative }
#footer .links .row {justify-content:space-between;align-items:center }
#footer .links .container:after {content:'';position:absolute;left:50%;top:50%;width:172px;height:196px;transform:translate(-50%,-50%);background:url(../themes/personeni/assets/img/p.png) no-repeat center center }
#footer .links .copyright {font-weight:300;color:#5b6064;line-height:1.6em;display:block;margin-bottom:40px }
#footer .links ul {list-style:none;padding:0;margin:0 }
#footer .links ul a {font-size:24px;font-weight:900;color:#5b6064 }
#footer .links ul li.mentions-legales a {font-weight:300 }
.slider {background:url(../themes/personeni/assets/img/grid-bg-w.png) repeat left top;position:relative }
.slider:before {content:'';position:absolute;left:0;bottom:0;width:100%;height:30px;background:#fff;z-index:0 }
.slider .swiper-container {padding-bottom:30px }
.slider .bottom {position:absolute;bottom:0;z-index:2;width:90%;left:50%;transform:translateX(-50%) }.intro {text-align:center;background:url(../themes/personeni/assets/img/grid-bg-w.png) repeat left top }
.intro .container {background:url(../themes/personeni/assets/img/intro-bg.png) no-repeat center bottom;padding:100px 0 }
.intro h1 {text-transform:uppercase;margin-bottom:50px }#accueil .intro {background:none }#accueil .modeles {background:#5b6064;color:#fff;padding:80px 0 }
#accueil .modeles .image img {position:relative;z-index:2 }
#accueil .modeles .text {text-align:center;position:relative }
#accueil .modeles .text h3 {width:calc(100% + 150px);text-transform:uppercase;border:5px solid #fff;font-size:70px;font-weight:900;line-height:150px;position:absolute;right:15px;bottom:-100px;z-index:1:}
#accueil .modeles .swiper-slide {padding-bottom:100px }
#accueil .modeles .bottom {position:static;display:flex;flex-direction:row;justify-content:space-between;max-width:350px;margin:20px auto }#accueil .blog {background:#e9e9e9;padding:80px 0 }
#accueil .blog .text {background:#f06526 url(../themes/personeni/assets/img/post-bg.png) no-repeat center center;color:#fff;order:1;text-align:center;padding:100px 80px 60px 80px;min-height:525px }
#accueil .blog .image {background:#fff;order:2;position:relative }
#accueil .blog .image .inner {position:absolute;left:-30px;top:50%;transform:translateY(-50%);z-index:2;width:100% }
#accueil .blog .image .inner:after {content:'';position:absolute;left:50px;top:100px;width:200px;height:200px;border-radius:50%;background:none;z-index:-1;box-shadow:-50px 0 80px rgba(0,0,0,0.5)}
#accueil .blog .title {text-transform:uppercase;font-size:36px;font-weight:900;margin-bottom:50px }
#accueil .blog .content {line-height:1.5em;font-weight:300 }
#accueil .blog .btn {margin-top:50px }#accueil .stats {padding:80px 0 }
#accueil .stats .stat .text {color:#f0591e;text-transform:uppercase;text-align:center;position:relative;border:6px solid #f0591e }
#accueil .stats .stat .text b {display:block;font-size:40px }
#accueil .stats .stat .text p {margin-bottom:0;font-size:30px }
#accueil .stats .stat.realisations img {padding-right:50px;margin-bottom:100px }
#accueil .stats .stat.realisations .text {position:absolute;bottom:0;right:0;padding:40px 60px 15px 60px }
#accueil .stats .stat.experience img {padding-left:50px;margin-top:100px }
#accueil .stats .stat.experience .text {position:absolute;left:15px;top:0;padding:15px 60px 40px 60px }
#accueil .stats .rt {max-width:150px;margin:80px auto 0 auto }.shadow:after {content:'';width:calc(100% - 50px);height:100px;box-shadow:0 0 80px rgba(0,0,0,0.9);position:absolute;left:50%;transform:translateX(-50%);bottom:10px;border-radius:50%;opacity:0;transition:all 0.7s ease 0s }
.shadow:hover .inner {transform:translateY(-10px) }
.shadow:hover:before {opacity:1 }
.shadow:hover:after {opacity:1 }#accueil h1 {font-weight:900;text-transform:uppercase;font-size:30px;text-align:center }
#accueil h2 {font-weight:900;text-transform:uppercase;font-size:30px;text-align:center }
#accueil main header {text-align:center;margin-bottom:60px }
#accueil main header h2 {margin-bottom:0 }
#accueil main header p {margin-bottom:0;font-weight:300;text-transform:uppercase;font-size:12px }
#accueil main header a {color:#fff }#modeles .intro h1 {font-size:30px;font-weight:900;text-transform:uppercase;margin-bottom:40px }
#modeles .modeles {padding:100px 0 }
#modeles .record {margin-bottom:30px }
#modeles .record .text {background:#f06526;color:#fff;text-align:center;padding:20px 30px 40px 30px }
#modeles .record h2 {font-size:30px;text-transform:uppercase }
#modeles .record .price {font-size:16px;font-weight:300;margin:15px 0;text-transform:uppercase }
#modeles .record .price strong {font-weight:900 }#modele .banner {background:url(../themes/personeni/assets/img/grid-bg-w.png) repeat left top;padding:60px 0 }
#modele .banner .row {position:relative }
#modele .banner h1 {text-align:center;margin-bottom:50px;text-transform:uppercase;font-weight:800 }
#modele .banner .text {color:#fff;padding:100px 130px 100px 80px;background:#f06526 url(../themes/personeni/assets/img/house-bg.png) no-repeat center center }
#modele .banner .text .price {text-transform:uppercase;font-weight:700;font-size:36px;line-height:1.4em;margin-bottom:60px }
#modele .banner .text .description {font-weight:300;line-height:1.6em;text-align:justify }
#modele .banner .image {position:absolute;right:15px;top:50%;transform:translateY(-50%) }
#modele .plans {padding:80px 0 }
#modele .options {margin:0 }
#modele .options header {background:#f06526;color:#fff;padding:80px }
#modele .options header h2 {margin:0;text-transform:uppercase;font-size:38px;font-weight:800 }
#modele .options header .row {align-items:center }
#modele .options header .right {font-weight:400;font-size:28px;text-transform:uppercase;line-height:1.6em }
#modele .options .images-options {margin:60px 0 }
#modele .options .images-options img {margin-bottom:50px }
#modele .options .images-combles .col-md-6 {padding:0 30px }
#modele .options .images-combles .right {border-left:1px solid #000 }
#modele .options .images-combles h3 {text-transform:uppercase;font-weight:bold;text-align:center;font-size:30px;margin:50px 0 }
#modele .options .images-combles img {margin-bottom:60px;padding-bottom:60px }
#modele .more {margin:80px 0;text-align:center }
#modele .image {position:relative }
#modele .image .print {position:absolute;z-index:2;right:15px;bottom:15px;font-size:30px;color:#000;opacity:0;transition:all 0.5s ease 0s }
#modele .image:hover .print {opacity:1 }#terrains .intro {background:none }#terrains .search {background:#5b6064;padding:30px 0;color:#fff;font-weight:700;text-transform:uppercase;text-align:center;font-size:26px }
#terrains .search p {line-height:2em }
#terrains .search span.terrain {border-bottom:2px solid #00d898 }
#terrains .search span.maison {border-bottom:2px solid #f06526 }
#terrains .search input {display:inline-block;background:none;border:none;color:#fff;text-transform:uppercase;border-bottom:1px solid #fff;line-height:1.2em;font-weight:bold }
#terrains .search button {background:none;border:none;color:#fff }
#terrains .search select {background:none;border:none;border-bottom:1px solid #fff;color:#fff;text-transform:uppercase;font-weight:700 }
#terrains .search option {background:#5b6064;font-size:16px}#terrains .results #gmap {min-height:880px }
#terrains .results .popup {font-size:26px;text-transform:uppercase;font-weight:900;text-align:center;padding:15px 30px }
#terrains .results .popup.maison span {color:#f06526 }
#terrains .results .popup.terrain span {color:#00d898 }
#terrains .results .popup a {display:block;font-size:12px;text-transform:none;font-weight:500 }#terrain .galerie {padding:40px 0 60px 0;background:#e9e9e9;text-align:center }
#terrain .galerie h2 {text-transform:uppercase;font-size:30px;font-weight:800;margin-bottom:50px }
#terrain .galerie .image {padding-top:40px;padding-bottom:40px;position:relative }
#terrain .galerie .image:before {content:'';position:absolute;left:0;top:0;width:50%;height:100%;background:#f06526;z-index:-1 }
#terrain .galerie .image:after {content:'';position:absolute;right:0;top:0;width:50%;height:100%;background:#fff;z-index:-1 }
#terrain .galerie .caption {margin-top:50px }
#terrain .galerie .swiper-container .prevnext {top:350px;transform:translateY(0) }#terrain .more {padding:50px 0;text-align:center }#contact .form {padding:60px 0;background:#f0591e;color:#fff }
#contact .recrutement {padding:60px 0;background:url(../themes/personeni/assets/img/grid-bg-w.png) repeat left top;text-align:center }
#contact .recrutement h2 {font-size:30px;text-transform:uppercase;font-weight:800;margin-bottom:50px }
#contact .recrutement .btn {display:inline-block;padding:20px 40px;background:#fff;margin:30px 15px;color:#f0591e;font-size:30px;font-weight:800;transition:all 0.5s ease 0s }
#contact .recrutement .btn:hover {color:#fff;background:#f0591e }#contact .radios {display:flex;flex-direction:row;align-items:center;border:4px solid #fff;text-transform:uppercase;font-weight:800;margin-bottom:50px }
#contact .radios .label {width:calc(100% - 300px);padding:15px 30px }
#contact .radios label {width:150px;padding:23px 30px;border-left:4px solid #fff;text-align:center }
#contact .radios label input {display:none }
#contact .radios label span:before,
#contact .radios label span:after {display:none }
#contact .radios .selected {background:rgba(255,255,255,0.25) }#qui-sommes-nous .intro .container {padding-top:0;padding-bottom:0 }
#qui-sommes-nous .content {padding:50px 0 }
#qui-sommes-nous .content .paragraph-1 {text-align:center;margin-bottom:60px }
#qui-sommes-nous .content .row {align-items:center;margin-bottom:80px;justify-content:space-between }
#qui-sommes-nous .content .row.odd .text {text-align:left }
#qui-sommes-nous .content .row.even .text {text-align:right }
#qui-sommes-nous .content h2 {color:#f0591e;font-size:30px;text-transform:uppercase;font-weight:800;margin-bottom:40px }.legal {padding:80px 0 }
.legal table {margin:20px 0;width:100% }
.legal table td,.legal table th {padding:10px;border:1px solid #ddd }
@media (max-width:1199px) {#accueil .stats .stat .text p {font-size:24px }}@media (max-width:991px) {#header .logo {max-width:200px }#header .logo a {display:block;padding:0 }.slider .swiper-container {padding-bottom:35px }.swiper-container .bottom .title {font-size:20px }.swiper-container .bottom .nav {padding:20px 10px }#accueil .modeles .swiper-slide {padding-bottom:0 }#accueil .modeles .text {display:flex;flex-direction:column;text-align:left }#accueil .modeles .text h3 {font-size:30px;line-height:50px;position:static;right:auto;bottom:auto;border:none;order:1 }#accueil .modeles .text .description {order:2 }#accueil .modeles .text .bottom {order:3;width:auto }#accueil .stats .stat .text {padding:15px 40px 20px 40px;border-width:4px }#accueil .stats .stat .text p {font-size:20px }#accueil .stats .stat .text b {font-size:30px }#accueil .blog .text {padding:40px;display:flex;flex-direction:column;justify-content:center }#accueil .blog .image .inner {left:0 }#accueil .blog .image .inner:after {content:none }#qui-sommes-nous .content h2 {margin-bottom:20px;font-size:26px }}@media (max-width:767px) {.hamburger {display:inline-block }#header .primary .menu {position:fixed;background:#f06526;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;left:0;top:0;width:100%;height:100vh;transition:all 0.5s ease 0s;overflow:hidden;opacity:0;pointer-events:none }body.open #header .primary .menu {opacity:1;pointer-events:auto }body.open #header .primary .menu li:before {content:none }body.open #header .primary .menu a {color:#fff }#header .secondary ul {justify-content:center }.swiper-container .bottom .title {font-size:14px;padding:10px }.swiper-container .bottom .nav {padding:10px }.swiper-container .bottom .swiper-pagination-bullet {margin:0 5px;width:8px;height:8px }.intro .container {padding:60px 0 }#accueil .blog .image {order:1 }#accueil .blog .image img {object-fit:cover;max-height:250px }#accueil .blog .text {order:2;min-height:0;padding:60px }#accueil .blog .image .inner {left:0;position:static;transform:none;top:auto }#accueil .stats .stat.realisations .text {position:static;padding:30px}#accueil .stats .stat.realisations img {padding-right:0;margin-bottom:0 }#accueil .stats .stat.experience .text {position:static;padding:30px }#accueil .stats .stat.experience img {padding-left:0;margin-top:30px }#footer .map {margin-bottom:50px }#contact .radios .label {width:calc(100% - 200px) }#contact .radios label {padding:40px 10px }#modele .banner .image {position:static;transform:none;width:100%;order:1;padding:0 }#modele .banner .text {order:2;padding:40px }}@media (max-width:575px) {#qui-sommes-nous .content .row.even .image {order:1 }#qui-sommes-nous .content .row.even .text {order:2;text-align:left }#contact .radios .label {width:100% }#header .secondary .container {padding-left:0;padding-right:0 }}