@charset "UTF-8";

.bouton, #zone-diaporama .diaporama-slide .inner > a, #zone-promoted .bloc > a, #zone-realisations > .container > .bloc.first a {
  background: #1f40a9;
  color: #fff;
  font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif; }
  .bouton:hover, #zone-diaporama .diaporama-slide .inner > a:hover, #zone-promoted .bloc > a:hover, #zone-realisations > .container > .bloc.first a:hover {
    background: #132868; }

footer > .container .bloc p.title {
  color: #ffffff;
  font-size: 2rem;
  text-transform: uppercase;
  font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif; }

#zone-ontop > .container > .bloc .picto {
  background: url("https://www.crenn-construction.fr/default/CMS/css/common/../../images/site/sprite_pictos.png") no-repeat 0 0; }

.cs-copyright {
  /* colors */
  --copyrightColorText: #ffffff;
  --copyrightColorLink: var(--copyrightColorText);
  --copyrightColorSeparator: var(--copyrightColorText);
  --copyrightColorSvg: var(--copyrightColorText);
  --copyrightTooltipBackground: #000000;
  --copyrightTooltipColor: var(--copyrightColorText);
  /* size */
  --copyrightFontSize: 11px;
  --copyrightSizeSvg: 15px;
  --copyrightSizeSeparator: 11px;
  --copyrightSizeSeparatorIcon: 10px;
  /* position, direction */
  --copyrightAlignPosition: center;
  /* flex-start, center, flex-end */
  --copyrightPosition: center;
  /* flex-start, center, flex-end, space-between */
  --copyrightDirection: column;
  /* row, column */
  /* padding */
  --copyrightTooltipPadding: 10px 0 15px; }

body, td, pre, input[type="text"], textarea, select {
  font-family: "proxima-nova-alt", Tahoma, Verdana, Helvetica, sans-serif;
  color: #919497;
  font-size: 1.6rem;
  line-height: 1.6; }

html {
  background: #ffffff; }

.cms_bloc_text table:not(.cms_bloc_text_two_column) th, .cms_bloc_text table:not(.cms_bloc_text_two_column) td {
  border: 1px solid #e4e4e4; }

.bloc ul {
  list-style-type: none; }
  .bloc ul li {
    color: #282828; }
    .bloc ul li::before {
      content: "";
      width: 1rem;
      height: 1rem;
      border-radius: 100%;
      background-color: #cccccc;
      float: left;
      margin-top: .7rem;
      margin-right: 1rem; }

.content .cms_bloc ul.sitemap li, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li, .content .cms_bloc.cms_bloc_text ul li {
  color: #282828; }
  .content .cms_bloc ul.sitemap li::before, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li::before, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li::before, .content .cms_bloc.cms_bloc_text ul li::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #cccccc;
    float: left;
    margin-top: .7rem;
    margin-right: 1rem; }

a {
  color: #1f40a9; }

.cms_bloc_title h2 {
  color: #7f7f7f;
  font-family: "proxima-nova-alt", Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 3.4rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.08em; }

.bloc h3 {
  letter-spacing: initial; }

h3 {
  letter-spacing: 0.08em; }

.bouton {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  height: 4.2rem;
  line-height: 4.2rem;
  font-weight: 300;
  padding: 0 1.4rem;
  border-radius: .4rem;
  letter-spacing: 0.08em; }

header {
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.3);
  border-top: .4rem solid #cdcdcd;
  background: #ffffff; }
  header > .container h1 {
    color: rgba(145, 148, 151, 0.75);
    font-size: 1.3rem;
    padding-right: 5rem; }
  header > .container .blocContact {
    color: rgba(145, 148, 151, 0.75); }
    header > .container .blocContact > span:first-child i {
      background: #222222;
      color: #ffffff;
      box-shadow: 0 0 0 0.3rem #222222, inset 0 0 0 0.1rem #ffffff; }
    header > .container .blocContact > span:first-child strong {
      color: #1f40a9; }
    header > .container .blocContact > span.btn {
      background: #1f40a9;
      color: #fff; }
      header > .container .blocContact > span.btn i {
        background: #fff;
        box-shadow: 0 0 0 0.3rem #fff, inset 0 0 0 0.1rem #1f40a9;
        color: #1f40a9; }
    header > .container .blocContact:hover {
      color: #1f40a9; }

.bouton, #zone-diaporama .diaporama-slide .inner > a, #zone-promoted .bloc > a, #zone-realisations > .container > .bloc.first a {
  background: #1f40a9;
  color: #fff;
  font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif; }
  .bouton:hover, #zone-diaporama .diaporama-slide .inner > a:hover, #zone-promoted .bloc > a:hover, #zone-realisations > .container > .bloc.first a:hover {
    background: #132868; }

footer > .container .bloc p.title {
  color: #ffffff;
  font-size: 2rem;
  text-transform: uppercase;
  font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif; }

#zone-ontop > .container > .bloc .picto {
  background: url("https://www.crenn-construction.fr/default/CMS/css/common/../../images/site/sprite_pictos.png") no-repeat 0 0; }

#zone-diaporama {
  background: #a0b333;
  height: 50rem; }
  #zone-diaporama .bx-wrapper {
    position: relative; }
  #zone-diaporama .bx-controls-direction a {
    position: absolute;
    top: 50%;
    background: rgba(189, 197, 215, 0.7);
    text-indent: -999rem;
    transition: background .2s linear; }
    #zone-diaporama .bx-controls-direction a:hover {
      background: #a0b333; }
  #zone-diaporama .bx-prev {
    left: 0;
    position: absolute;
    height: 8rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 4rem;
    z-index: 55; }
    #zone-diaporama .bx-prev::before {
      content: '';
      position: absolute;
      -webkit-transform: translateY(-50%) rotate(-45deg);
              transform: translateY(-50%) rotate(-45deg);
      top: 50%;
      left: 50%;
      width: 1rem;
      height: 1rem;
      box-shadow: -2px -2px 0 0 black; }
  #zone-diaporama .bx-next {
    right: 0;
    position: absolute;
    height: 8rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 4rem;
    z-index: 55; }
    #zone-diaporama .bx-next::before {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(135deg);
              transform: translateY(-50%) rotate(135deg);
      right: 50%;
      width: 1rem;
      height: 1rem;
      box-shadow: -2px -2px 0 0 black; }
  #zone-diaporama .diaporama-slide {
    background-size: cover;
    background-position: center center; }
    #zone-diaporama .diaporama-slide .inner {
      padding-left: 6.5rem !important; }
      #zone-diaporama .diaporama-slide .inner h3 {
        letter-spacing: 0.08em; }
        #zone-diaporama .diaporama-slide .inner h3, #zone-diaporama .diaporama-slide .inner h3 a {
          color: white;
          text-transform: uppercase;
          font-size: 5.1rem;
          text-shadow: 1px 1px 1px grey;
          font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif; }
      #zone-diaporama .diaporama-slide .inner p {
        color: white;
        font-weight: bold;
        font-size: 2.1rem;
        text-shadow: 1px 1px 1px grey;
        margin-top: 0; }
      #zone-diaporama .diaporama-slide .inner > a {
        background: #2627c2;
        font-size: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif;
        color: #fff; }

#zone-promoted {
  background: rgba(82, 83, 77, 0.7); }
  #zone-promoted .bloc > p {
    font-size: 2.7rem;
    font-weight: 300;
    color: #fff; }
  #zone-promoted .bloc > a {
    background: transparent !important;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 1.7rem;
    letter-spacing: 0.08em; }

#menu .menu {
  height: 4.4rem; }
  #menu .menu ul.niv1 {
    height: 4.4rem; }
    #menu .menu ul.niv1 li a {
      font-family: "proxima-nova-alt", Tahoma, Verdana, Helvetica, sans-serif;
      color: #1f40a9; }
    #menu .menu ul.niv1 li.hasChild:not(.home) > a.niv1 span::after {
      border-color: #1f40a9; }
    #menu .menu ul.niv1 li.niv1 ul.niv2 {
      min-width: 20rem; }
      #menu .menu ul.niv1 li.niv1 ul.niv2 li ~ li::before {
        background: rgba(255, 255, 255, 0.15); }
      #menu .menu ul.niv1 li.niv1 ul.niv2 a {
        color: white; }
      #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 {
        background: #1b3893; }
        #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2:first-child, #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2:first-child > a {
          border-radius: .4rem .4rem 0 0; }
        #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2:last-child, #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2:last-child > a {
          border-radius: 0 0 .4rem .4rem; }
        #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2:only-child, #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2:only-child > a {
          border-radius: .4rem; }
        #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 a.niv2 {
          padding: 0.755rem 1.4rem;
          font-size: 1.3rem; }
        #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3 {
          background: #17307e; }
          #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3:first-child, #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3:first-child > a {
            border-radius: .4rem .4rem 0 0; }
          #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3:last-child, #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3:last-child > a {
            border-radius: 0 0 .4rem .4rem; }
          #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3:only-child, #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3:only-child > a {
            border-radius: .4rem; }
          #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3 a.niv3 {
            padding: 0.755rem 1.4rem;
            font-size: 1.3rem; }
    #menu .menu ul.niv1 li:hover > a.niv1, #menu .menu ul.niv1 li.on > a.niv1, #menu .menu ul.niv1 li > a:hover.niv1, #menu .menu ul.niv1 li > a.on.niv1 {
      color: white;
      background: #1f40a9; }
      #menu .menu ul.niv1 li:hover > a.niv1 span::after, #menu .menu ul.niv1 li.on > a.niv1 span::after, #menu .menu ul.niv1 li > a:hover.niv1 span::after, #menu .menu ul.niv1 li > a.on.niv1 span::after {
        border-color: white !important; }
    #menu .menu ul.niv1 li:hover > a.niv2, #menu .menu ul.niv1 li.on > a.niv2, #menu .menu ul.niv1 li > a:hover.niv2, #menu .menu ul.niv1 li > a.on.niv2 {
      background: #17307e; }
    #menu .menu ul.niv1 li:hover > a.niv3, #menu .menu ul.niv1 li.on > a.niv3, #menu .menu ul.niv1 li > a:hover.niv3, #menu .menu ul.niv1 li > a.on.niv3 {
      background: #132868; }

#zone-ontop {
  border-bottom: 1px solid #ddd;
  background: #ebebeb; }
  #zone-ontop > .container > .bloc .picto {
    color: #1f40a9;
    width: 4.1rem;
    height: 4.5rem; }
  #zone-ontop > .container > .bloc.bloc2 .picto {
    background-position: -4.1rem 0;
    width: 4rem; }
  #zone-ontop > .container > .bloc.bloc3 .picto {
    background-position: -8.1rem 0;
    width: 4.3rem; }
  #zone-ontop > .container > .bloc i {
    display: none; }
  #zone-ontop > .container > .bloc h3 {
    color: #1f40a9;
    padding-top: 0;
    font-family: "proxima-nova-alt", Tahoma, Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: bold; }

#zone-realisations {
  border-bottom: 1px solid #ddd;
  background: #f5f5f5; }
  #zone-realisations > .container > .bloc.first .title {
    color: #7f7f7f;
    font-size: 2.4rem;
    font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif;
    text-transform: uppercase; }
  #zone-realisations > .container > .bloc.rea a {
    background: white;
    box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.15); }
    #zone-realisations > .container > .bloc.rea a .picture {
      border-bottom: 0.4rem solid #a0b333; }
    #zone-realisations > .container > .bloc.rea a .bloctext .title {
      color: #222222; }
    #zone-realisations > .container > .bloc.rea a .bloctext .texte {
      color: #919497; }

#zone-page {
  background: #ffffff; }
  #zone-page > .container .cms_bloc_media img {
    border-bottom: 0.5rem solid #a0b333; }

footer {
  background: #2d2d2d; }
  footer a {
    text-decoration: none;
    color: #919497; }
  footer > .container::before {
    border-top: 1rem solid #ffffff; }
  footer > .container .bloc p.title {
    letter-spacing: 0.08em; }
  footer > .container .bloc p:not(.title) {
    color: #9b9b9b; }
  footer > .container .social a {
    background: none;
    width: initial; }
    footer > .container .social a.googleLink:hover {
      background: none; }

#zone-subfooter {
  background: #000000; }

#zone-diaporama .diaporama-slide > .inner h3, #zone-diaporama .diaporama-slide > .inner h3 a {
  color: white;
  font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif; }
#zone-diaporama .diaporama-slide > .inner p {
  color: white; }
#zone-diaporama .diaporama-slide > .inner > a {
  font-family: "unit-gothic-719", Tahoma, Verdana, Helvetica, sans-serif;
  background: #1f40a9;
  color: #fff; }
  #zone-diaporama .diaporama-slide > .inner > a i {
    background: #fff;
    box-shadow: 0 0 0 0.3rem white, inset 0 0 0 0.1rem #1f40a9;
    color: #1f40a9; }
  #zone-diaporama .diaporama-slide > .inner > a:hover {
    background: #1c3998; }
    #zone-diaporama .diaporama-slide > .inner > a:hover i {
      color: #1c3998; }