body {width: 100%;margin: 0;padding: 0;background: #FFF;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: antialiased;}
a,button {transition: all .3s ease-in-out;outline: none!important;}
a:hover {text-decoration: none;cursor: pointer;}
.bloc {width: 100%;clear: both;background: 50% 50% no-repeat;padding: 0 50px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;}
.bloc .container {padding-left: 0;padding-right: 0;}
.bloc h3 a {color: #000;text-decoration: underline;padding: 3px; border-radius: 5px; font-weight: bold;}
.bloc h3 a:hover {background: #000; color: #ff7f00;}
.bloc h3 a:focus {background: #000; color: #fff;}
.bloc-lg {padding: 100px 50px;}
.bloc-md {padding: 50px;}
.bloc-sm {padding: 20px 50px;}
.b-parallax {background-attachment: fixed;}
.d-bloc button:hover {color: rgba(255, 255, 255, .9);}
.d-bloc .social a {font-size: 30px!important;color: rgba(0, 0, 0, 1);width: 35px;height: 35px;padding: 2px;border-radius: 5px;}
.d-bloc .social a:hover {color: #ff7f00;background-color: black;}
.d-bloc .social a:focus {color: #fff;background: black;}
.l-bloc {color: rgba(0, 0, 0, .5);}
.l-bloc button:hover {color: rgba(0, 0, 0, .7);}
.l-bloc .navbar a,.l-bloc .navbar-brand,.l-bloc h1 a,.l-bloc h2 a,.l-bloc h3 a,.l-bloc p a {color: rgba(0, 0, 0, .6);}
.l-bloc .navbar a:hover,.l-bloc .navbar-brand:hover,.l-bloc h1 a:hover,.l-bloc h2 a:hover,.l-bloc h3 a:hover,.l-bloc p a:hover {color: rgba(0, 0, 0, 1);}
.l-bloc .navbar-toggle .icon-bar {color: rgba(0, 0, 0, .6);}
.voffset {margin-top: 30px;}
.voffset-lg {margin-top: 80px;}
.voffset-lg .quote {font-size: 20px;font-style: italic;color: #000;}
.voffset-lg .quote-name {font-size: 14px;line-height: 0;}
.row-no-gutters {margin-right: 0;margin-left: 0;}
.row.row-no-gutters > [class^="col-"],.row.row-no-gutters > [class*=" col-"] {padding-right: 0;padding-left: 0;}
#bloc-1-hero h1 {font-size: 32px;}
.navbar {margin-bottom: 0;}
.navbar-brand {height: auto;padding: 3px 15px;font-size: 25px;font-weight: normal;font-weight: 600;line-height: 44px;}
.navbar-brand img {max-height: 200px;margin: 0 5px 0 0;display: inline;}
.navbar-brand img[src$=svg] {min-width: 100px;}
.nav-center .navbar-brand img {margin: 0;}
.navbar .nav {padding-top: 2px;margin-right: -16px;float: right;}
.plan h2 {font-size: 28px;}
.plan ul {font-size: 24px;text-decoration: underline;line-height: 50px;letter-spacing: 1px;}
.plan a {color: #575757!important; padding: 3px; border-radius: 5px;}
.plan a:hover {background: #000; color: #ff7f00!important;}
.plan a:focus {background: #000; color: #fff!important;}
.nav > li {float: left;margin-top: 4px;font-size: 16px;}
.navbar-nav .open .dropdown-menu > li > a {text-align: inherit;}
.nav > li a:hover,.nav > li a:focus {background: transparent;}
.navbar-toggle {margin: 10px 10px 0 0;border: 0px;}
.navbar-toggle:hover {background: transparent!important;}
.navbar-toggle .icon-bar {background-color: rgba(0, 0, 0, .5);width: 26px;}
form#contact input:focus, form#contact textarea:focus {outline: none;box-shadow: 0 0 0 2px #ff6900;border-color: #ff6900;}
textarea{resize: none;}
footer .nav-link {color:  #000; font-weight: bold;}
footer .nav-link:hover {background: #000;color: #ff7f00; border-radius: 5px;}
footer .nav-link:focus {background: #000;color: #fff; border-radius: 5px;}
@media (min-width: 768px) {
    .site-navigation {position: absolute;top: 50%;right: 20px;transform: translate(0, -50%);-webkit-transform: translateY(-50%);}
    .nav > li .dropdown-menu a,.nav > li .dropdown-menu a:hover {color: #484848;}
}
.nav > li > .dropdown a {background: none!important;display: block;padding: 14px 15px;}
.mg-md {margin-top: 10px;margin-bottom: 20px;}
.btn {margin: 0 5px 5px 0;}
.btn.pull-right {margin: 0 0 5px 5px;}
button {outline: none!important;}
.btn-rd {border-radius: 40px;}
.btn-clean {border: 1px solid rgba(0, 0, 0, .08);border-bottom-color: rgba(0, 0, 0, .1);text-shadow: 0 1px 0 rgba(0, 0, 1, .1);box-shadow: 0 1px 3px rgba(0, 0, 1, .25), inset 0 1px 0 0 rgba(255, 255, 255, .15);}
.icon-lg {font-size: 60px!important;}
.sm-shadow {text-shadow: 0 1px 2px rgba(0, 0, 0, .3);}
.form-control {border-color: rgba(0, 0, 0, .1);box-shadow: none;}
a[data-lightbox] {position: relative;display: block;text-align: center;}
a[data-lightbox]:hover::before,a[data-lightbox]:focus::before {content: "+";font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;font-size: 32px;width: 50px;height: 50px;border-radius: 50%;background: rgba(0, 0, 0, .6);color: #FFF;font-weight: 100;z-index: 1;position: absolute;left: 45%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
a[data-lightbox]:hover img,a[data-lightbox]:focus img {opacity: 0.6;-webkit-animation-fill-mode: none;animation-fill-mode: none;}
#lightbox-modal {display: flex;align-items: center;}
#lightbox-modal .modal-dialog {width: 90%;max-width: 900px;margin: 0 auto 0;}
#lightbox-modal .modal-dialog img {max-height: 90vh;margin: 0 auto;}
.lightbox-caption {padding: 20px;color: #FFF;background: rgba(0, 0, 0, .5);position: absolute;left: 15px;right: 15px;bottom: 5px;}
.close-lightbox {color: #FFF;font-size: 30px;position: absolute;top: 20px;right: 20px;z-index: 1;background: rgba(0, 0, 0, .5);border: none;line-height: 30px;padding: 0 9px 5px;opacity: 0.3;}
.close-lightbox:hover,.next-lightbox:hover,.prev-lightbox:hover {opacity: 1.0;color: #FFF;}
.next-lightbox,.prev-lightbox {font-size: 20px;color: rgba(255, 255, 255, .9);background: rgba(0, 0, 0, .5);transition: all .2s ease-in-out;position: absolute;top: 45%;z-index: 1;opacity: 0.4;}
.next-lightbox {padding: 6px 8px 1px 13px;right: 25px;}
.prev-lightbox {padding: 6px 13px 1px 10px;left: 25px;}
.snapshot-lb .modal-body {padding-bottom: 45px;}
.snapshot-lb .lightbox-caption {padding: 0;color: rgba(0, 0, 0, .5);background: none;}
h1,h2,h3,p,label,.btn {font-family: "helvetica";font-weight: 400;color: #575757!important;letter-spacing: 1px;}
a {font-family: "helvetica";font-weight: 400;letter-spacing: 1px;}
.container {max-width: 1000px;}
.hero-bloc-text {font-size: 38px;}
.hero-bloc-text-sub {font-size: 36px;}
.statement-bloc-text {line-height: 26px;font-style: italic;font-size: 20px;text-align: center;font-weight: lighter;max-width: 520px;margin: auto auto auto auto;}
p {font-size: 11px;}
.tight-width-whitespace {max-width: 600px;margin: auto auto auto auto;}
.h1 {font-size: 20px;font-family: "Open Sans";}
.cta-hero {margin-top: 22px;color: #FFF!important;text-transform: uppercase;padding: 12px 28px 12px 28px;font-size: 16px;font-weight: 700;}
.social {max-width: 400px;margin: auto auto auto auto;}
h2 {font-size: 22px;line-height: 1.4em;}
h3 {font-size: 15px;text-transform: uppercase;font-weight: 700;color: #333333!important;}
.med-width-whitespace {max-width: 800px;margin: auto auto auto auto;box-shadow: 0px 0px 0px #000000;}
h1 {color: #333333!important;}
.icons {margin-bottom: 14px;margin-top: 24px;}
.white {color: #FFF!important;}
.black {color: #000!important;font-size: 18px;}
footer .black {font-size: 14px;}
.portfolio-thumb {margin-bottom: 24px;}
.portfolio-row {margin-bottom: 44px;margin-top: 50px;}
.avatar {box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.3);}
.black-background {background-color: rgba(0, 0, 0, 0.7);padding: 40px 40px 40px 40px;}
.bold-link {font-weight: 900;text-decoration: underline!important;}
.bgc-white {background-color: #FFF;}
.bgc-orange {background-color: #ff7f00;}
.bgc-white p {font-size: 14px;}
.bgc-atomic-tangerine {background-color: #ff7f00;}
.tc-white {color: #ff7f00!important;}
.tc-white h2 {font-size: 24px;}
.tc-orange {color: #ff7f00!important;font-size: 28px;}
.tc-white .white {font-size: 14px;}
.tc-black {color: #000!important;}
.btn-atomic-tangerine {background: #ff7f00;color: #000!important;border: 2px solid #ff7f00;}
.btn-atomic-tangerine:hover {background: #000!important;color: #ff7f00!important;}
.btn-atomic-tangerine:focus {background: #000!important;color: #fff!important;border: 2px solid #fff;}
.ltc-white {color: #FFF!important;}
.ltc-white:hover,.ltc-white:focus {color: #ff7f00!important;}
.icon-dark-slate-blue {color: #364577!important;border-color: #364577!important;}
.bg-banniere {background-image: url("img/Pont-de-Tancarville.JPG");}
.bg-presentation {background-image: url("img/ciel-havrais-couvert.JPG");}
section #bloc-7 table tr th, section #bloc-7 table tr td {border: none;}
@media (max-width: 1024px) {
    .bloc {padding-left: 20px;padding-right: 20px;}
    .bloc.full-width-bloc,.bloc-tile-2.full-width-bloc .container,.bloc-tile-3.full-width-bloc .container,.bloc-tile-4.full-width-bloc .container {padding-left: 0;padding-right: 0;}
}
@media (max-width: 992px) and (min-width: 768px) {
    .navbar .nav {max-width: 80%}
    .nav-center.navbar .nav {max-width: 100%}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .b-parallax {background-attachment: scroll;}
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .b-parallax {background-attachment: scroll;}
}
@media (max-width: 991px) {
    .container {width: 100%;}
    .b-parallax {background-attachment: scroll;}
    .page-container,#hero-bloc {overflow-x: hidden;position: relative;}
    .bloc-group,.bloc-group .bloc {display: block;width: 100%;}
}
@media (max-width: 767px) {
    .page-container {overflow-x: hidden;position: relative;}
    h1,h2,h3,p,#disqus_thread {padding-left: 10px!important;padding-right: 10px!important;}
    .b-parallax {background-attachment: scroll;}
    .navbar .nav {padding-top: 0;border-top: 1px solid rgba(0, 0, 0, .2);float: none!important;}
    .navbar.row {margin-left: 0;margin-right: 0;}
    .site-navigation {position: inherit;transform: none;-webkit-transform: none;-ms-transform: none;}
    .nav > li {margin-top: 0;border-bottom: 1px solid rgba(0, 0, 0, .1);background: rgba(0, 0, 0, .05);text-align: left;padding-left: 15px;width: 100%;}
    .nav > li:hover {background: rgba(0, 0, 0, .08);}
    .dropdown .dropdown a .caret {float: none;margin: 5px 0 0 10px!important;border: 4px solid black;border-bottom-color: transparent;border-right-color: transparent;border-left-color: transparent;}
    #hero-bloc .navbar .nav {background: rgba(0, 0, 0, .8);}
    #hero-bloc .navbar .nav a {color: rgba(255, 255, 255, .6);}
    .hero {padding: 50px 0;}
    .hero-nav {left: -1px;right: -1px;}
    .navbar-collapse {padding: 0;overflow-x: hidden;-webkit-box-shadow: none;box-shadow: none;}
    .navbar-brand img {max-height: 40px;width: auto;}
    .nav-invert .navbar-header {float: none;width: 100%;}
    .nav-invert .navbar-toggle {float: left;margin-left: 10px;}
    .btn-dwn {display: none;}
    .voffset {margin-top: 5px;}
    .voffset-md {margin-top: 20px;}
    .voffset-lg {margin-top: 30px;}
    form {padding: 5px;}
    .close-lightbox {display: inline-block;}
    .blocsapp-device-iphone5 {background-size: 216px 425px;padding-top: 60px;width: 216px;height: 425px;}
    .blocsapp-device-iphone5 img {width: 180px;height: 320px;}
}