/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); }
  .bloc-texte ul li, footer .bloc-footer ul li {
    padding: 5.5px 0; }
    .bloc-texte ul li:before, footer .bloc-footer ul li:before {
      content: '\f054';
      font-family: "FontAwesome";
      color: #5eb234;
      margin-right: 10px; }

@media (min-width: 1200px) {
  .container {
    max-width: 1440px; } }

* {
  font-family: 'Ubuntu', sans-serif; }

h1 {
  font-size: 3.5rem;
  color: #19234b;
  line-height: 4.2rem;
  font-weight: 300; }
  h1 b, h1 strong {
    font-weight: bold; }

h2 {
  font-size: 2rem;
  color: #19234b;
  line-height: 2.7rem;
  font-weight: 300;
  padding-bottom: 2rem;
  letter-spacing: 1px; }

h3 {
  font-size: 1.6rem;
  color: #5eb234;
  line-height: 2.3rem;
  font-weight: 500; }

h4 {
  font-size: 1.39rem;
  color: #fff;
  line-height: 1.82rem;
  font-weight: 300; }

p {
  color: #19234b;
  font-size: 1rem;
  line-height: 1.82rem;
  font-weight: 300; }
  p a {
    color: #5eb234;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    p a:hover {
      color: #828aa0; }
  p em {
    font-style: normal;
    font-size: 2rem !important;
    font-weight: 400;
    color: #19234b;
    letter-spacing: 1px;
    line-height: 2rem !important; }
    p em * {
      font-size: 2rem !important; }
  p b,
  p strong {
    font-weight: bold; }

i.fas {
  font-family: "FontAwesome"; }

.maxWidthSizer {
  max-width: 1070px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  position: relative; }

.espace {
  width: 100%;
  height: 145px; }

.no-padding {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0; }
  .titre-section .bloc-para {
    text-align: center;
    padding-top: 6rem; }
    .titre-section .bloc-para h2 {
      font-size: 3.3rem;
      line-height: 3.3rem;
      padding-bottom: 30px; }
      .titre-section .bloc-para h2 b,
      .titre-section .bloc-para h2 strong {
        letter-spacing: 2px;
        font-weight: bold; }
    .titre-section .bloc-para h3 {
      color: #5eb234;
      font-size: 1.12rem; }
  .bloc-texte ul {
    margin-left: 20px; }
    .bloc-texte ul li {
      color: #19234b;
      font-size: 1.12rem;
      line-height: 1.82rem;
      font-weight: 300; }
  .bloc-texte:before {
    content: '';
    display: block;
    width: 60px;
    height: 5px;
    background: #5eb234;
    margin: 0 auto 30px 0; }
  .bloc-texte a {
    text-decoration: none;
    color: #5eb234;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: bold; }
    .bloc-texte a:hover {
      color: #828aa0; }

.calltoaction {
  display: inline-block;
  color: #5eb234;
  font-size: 1.12rem;
  letter-spacing: 1px;
  border: 1px solid #5eb234;
  padding: 10px 20px;
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .calltoaction:after {
    content: '\f105';
    font-family: "FontAwesome";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    padding: 10px 10px 10px 12px;
    border: 1px solid #5eb234;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .calltoaction:hover {
    color: #fff;
    background: #5eb234; }
    .calltoaction:hover:after {
      margin-left: 15px; }

#entete-accueil {
  background-image: url("../assets/img/atomelec_entete.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%; }
  #entete-accueil .bloc-logo {
    padding: 16px 0;
    max-width: 50%;
    float: left; }
  #entete-accueil .logo-groupe {
    float: right; }
    #entete-accueil .logo-groupe img {
      max-width: 200px; }
  #entete-accueil .bloc-para {
    max-width: 750px;
    padding-top: 19%;
    padding-bottom: 15rem; }
      #entete-accueil .bloc-para .bloc-titre h1 {
        color: #5eb234;
        font-size: 3.45rem;
        font-weight: 500; }
      #entete-accueil .bloc-para .bloc-texte p {
        font-size: 3.4rem;
        color: #fff;
        font-weight: 300;
        line-height: 3.6rem;
        letter-spacing: 1px; }
        #entete-accueil .bloc-para .bloc-texte p b,
        #entete-accueil .bloc-para .bloc-texte p strong {
          font-weight: 500;
          color: #fff; }
      #entete-accueil .bloc-para .bloc-texte:before {
        display: none; }
      #entete-accueil .bloc-para .bloc-texte:after {
        content: '';
        display: block;
        width: 60px;
        height: 5px;
        background: #5eb234;
        margin: 30px auto 0 0; }

#section-intro {
  overflow-x: hidden;
  padding: 0 15px; }
  #section-intro .para-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding-top: 6rem; }
    #section-intro .para-description .bloc-para {
      width: 0%;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      max-width: 535px; }
      #section-intro .para-description .bloc-para h2 {
        font-size: 3.3rem;
        line-height: 4rem; }
        #section-intro .para-description .bloc-para h2 b,
        #section-intro .para-description .bloc-para h2 strong {
          letter-spacing: 2px;
          font-weight: bold; }
      #section-intro .para-description .bloc-para .bloc-texte,
      #section-intro .para-description .bloc-para .bloc-texte * {
        font-size: 1rem;
        line-height: 1.5rem; }
    #section-intro .para-description .para-image {
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 2.6rem; }
      #section-intro .para-description .para-image img {
        max-width: 100%; }
  #section-intro .galerie-carousel {
    padding-top: 50px; }
    #section-intro .galerie-carousel .owl-stage {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #section-intro .galerie-carousel .owl-stage .owl-item {
        padding-left: 15px;
        padding-right: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      #section-intro .galerie-carousel .owl-stage .bloc-image {
        margin-bottom: 20px; }
        #section-intro .galerie-carousel .owl-stage .bloc-image .gal_container {
          overflow: hidden; }
          #section-intro .galerie-carousel .owl-stage .bloc-image .gal_container .gal_img {
            position: relative; }
              #section-intro .galerie-carousel .owl-stage .bloc-image .gal_container .gal_img a.lightbox .tobi-zoom__icon {
                display: none; }
              #section-intro .galerie-carousel .owl-stage .bloc-image .gal_container .gal_img a.lightbox .fa {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.6);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                color: #5eb234;
                font-size: 30px;
                opacity: 0;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s; }
              #section-intro .galerie-carousel .owl-stage .bloc-image .gal_container .gal_img a.lightbox img {
                width: 100%;
                height: 250px;
                -o-object-fit: cover;
                   object-fit: cover;
                display: block; }
                #section-intro .galerie-carousel .owl-stage .bloc-image .gal_container .gal_img a.lightbox:hover .fa {
                  opacity: 1; }
      #section-intro .galerie-carousel .owl-nav > div {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 70px;
        padding: 0 20px;
        color: #5eb234;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-bottom: 10px; }
        #section-intro .galerie-carousel .owl-nav > div:hover {
          background: #19234b;
          color: #fff; }
      #section-intro .galerie-carousel .owl-nav .owl-prev {
        left: -70px; }
      #section-intro .galerie-carousel .owl-nav .owl-next {
        right: -70px; }
    #section-intro .galerie-carousel .owl-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #section-intro .galerie-carousel .owl-dots .owl-dot {
        display: block;
        width: 10px;
        height: 10px;
        background: #5eb234;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0 10px; }
        #section-intro .galerie-carousel .owl-dots .owl-dot:hover {
          background: #19234b; }
        #section-intro .galerie-carousel .owl-dots .owl-dot.active {
          background: #19234b; }

#section-description {
  overflow-x: hidden;
  padding: 0 15px; }
  #section-description .para-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding-top: 6rem; }
    #section-description .para-description .bloc-para {
      width: 0%;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      max-width: 535px; }
      #section-description .para-description .bloc-para h2 {
        font-size: 3.3rem;
        line-height: 4rem; }
        #section-description .para-description .bloc-para h2 b,
        #section-description .para-description .bloc-para h2 strong {
          letter-spacing: 2px;
          font-weight: bold; }
      #section-description .para-description .bloc-para .bloc-texte,
      #section-description .para-description .bloc-para .bloc-texte * {
        font-size: 1rem;
        line-height: 1.5rem; }
    #section-description .para-description .para-image {
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 2.6rem; }
      #section-description .para-description .para-image img {
        max-width: 100%; }
    #section-description .para-description:nth-child(even) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
      #section-description .para-description:nth-child(even) .bloc-para {
        padding-right: 0;
        margin-right: auto;
        margin-left: 0; }
      #section-description .para-description:nth-child(even) .para-image {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-left: 0;
        padding-right: 2.6rem; }
        #section-description .para-description:nth-child(even) .para-image img {
          padding-right: 5%; }

#section-gallerie-lp {
  margin-top: 60px; }
  #section-gallerie-lp h2 {
    font-size: 3.3rem;
    line-height: 4rem; }
    #section-gallerie-lp h2 b,
    #section-gallerie-lp h2 strong {
      letter-spacing: 2px;
      font-weight: bold; }
    #section-gallerie-lp h2:after {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      background: #5eb234;
      margin-top: 36px;
      margin-bottom: 36px; }
  #section-gallerie-lp .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #section-gallerie-lp .bloc-image {
    margin-bottom: 20px; }
    #section-gallerie-lp .bloc-image .gal_container {
      overflow: hidden; }
      #section-gallerie-lp .bloc-image .gal_container .gal_img {
        position: relative; }
          #section-gallerie-lp .bloc-image .gal_container .gal_img a.lightbox .tobi-zoom__icon {
            display: none; }
          #section-gallerie-lp .bloc-image .gal_container .gal_img a.lightbox .fa {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            color: #5eb234;
            font-size: 30px;
            opacity: 0;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
          #section-gallerie-lp .bloc-image .gal_container .gal_img a.lightbox img {
            width: 100%;
            height: 250px;
            -o-object-fit: cover;
               object-fit: cover;
            display: block; }
            #section-gallerie-lp .bloc-image .gal_container .gal_img a.lightbox:hover .fa {
              opacity: 1; }

#zone-calltoaction-corporate {
  text-align: center;
  padding: 3rem 0; }
  #zone-calltoaction-corporate h2 {
    display: block;
    font-style: normal;
    color: #19234b;
    padding-bottom: 2rem;
    font-size: 1.5rem;
    letter-spacing: 1px; }
    #zone-calltoaction-corporate h2 b, #zone-calltoaction-corporate h2 strong {
      font-weight: 500; }

#contact {
  margin-top: 6rem;
  padding: 4rem 0;
  background-color: #5eb234;
  color: #fff; }
    #contact .bloc-titre h2 {
      font-size: 3.3rem;
      line-height: 4rem;
      color: #fff; }
      #contact .bloc-titre h2 b,
      #contact .bloc-titre h2 strong {
        letter-spacing: 2px;
        font-weight: bold; }
      #contact .bloc-titre h2 span {
        color: #19234b;
        font-weight: 300; }
      #contact .bloc-titre h2:after {
        content: '';
        display: block;
        width: 60px;
        height: 5px;
        background: #fff;
        margin-top: 36px;
        margin-bottom: 36px; }
  #contact .bloc-para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #contact .bloc-para .bloc-image {
      margin-right: 30px; }
      #contact .bloc-para .bloc-image img {
        width: 180px;
        height: 180px;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 50%; }
      #contact .bloc-para .bloc-texte strong {
        font-weight: 500; }
      #contact .bloc-para .bloc-texte * {
        color: #fff; }
      #contact .bloc-para .bloc-texte .bloc {
        padding: 5px 0; }
      #contact .bloc-para .bloc-texte .bloc.email {
        margin-top: 20px; }
      #contact .bloc-para .bloc-texte:before {
        display: none; }
    #contact .rs ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-left: 0; }
      #contact .rs ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 5px 0;
        margin-right: 20px; }
        #contact .rs ul li a {
          padding-left: 10px; }
        #contact .rs ul li:before {
          display: none; }
  #contact .zone-calltoaction-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
      #contact .zone-calltoaction-contact .bloc-calltoaction a {
        color: #fff;
        display: inline-block;
        padding: 30px;
        border: 1px solid #fff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        text-decoration: none;
        outline: none;
        font-size: 3rem;
        border-radius: 5px; }
        #contact .zone-calltoaction-contact .bloc-calltoaction a:hover {
          color: #5eb234;
          background-color: #fff; }

footer {
  background-image: url("../assets/img/background_footer.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  footer .rs-footer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px; }
    footer .rs-footer li {
      list-style: none; }
      footer .rs-footer li .a2a_svg {
        width: 34px !important;
        height: 34px !important; }
  footer .bloc-footer {
    padding: 0 30px 0 0;
    margin-bottom: 40px; }
    footer .bloc-footer h3 {
      font-size: 1.12rem;
      text-transform: uppercase;
      font-weight: bold;
      font-family: 'Ubuntu'; }
    footer .bloc-footer p,
    footer .bloc-footer a {
      color: #fff;
      font-size: 1rem;
      font-weight: 500; }
    footer .widget_media_image img {
      max-width: 170px !important; }
  footer .bloc-nav-footer {
    padding-left: 40px; }
  footer .textwidget {
    border-left: 2px solid #fff;
    padding-left: 20px; }
    footer .textwidget * {
      font-size: 0.9rem !important;
      line-height: 1.5rem !important;
      color: #fff; }
    footer .textwidget a {
      text-decoration: none; }
      footer .textwidget h3 a {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        footer .textwidget h3 a:hover {
          padding-left: 5px; }
  footer .content-footer {
    background: #fff; }
    footer .content-footer * {
      color: #828aa0; }
    footer .content-footer a {
      text-decoration: none;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      footer .content-footer a:hover {
        color: #5eb234; }

/**************
RESPONSIVE
***************/
@media all and (max-width: 992px) {
  #entete-accueil { }
    #entete-accueil .bloc-para { }
      #entete-accueil .bloc-para .bloc-texte { }
        #entete-accueil .bloc-para .bloc-texte p {
          font-size: 2.5rem; }
  h2 {
    font-size: 2.5rem !important;
    line-height: 2.5rem !important; }
  .para-description {
    padding-top: 30px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .bloc-para, .para-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 120px 0  20px !important; }
  .para-image { }
    .para-image img {
      max-width: 100% !important;
      padding: 0 !important;
      margin: auto !important; } }

@media all and (max-width: 768px) {
  .footer {
    text-align: center; }
    .footer .textwidget {
      border-left: none; }
    .footer .widget_media_image {
      -webkit-box-ordinal-group: -1;
          -ms-flex-order: -2;
              order: -2; }
    .footer .widget_black_studio_tinymce { }
      .footer .widget_black_studio_tinymce:nth-child(5) {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1; } }

@media all and (max-width: 500px) {
  h2 {
    font-size: 2rem !important;
    line-height: 2rem !important; }
  #entete-accueil { }
    #entete-accueil .bloc-para { }
      #entete-accueil .bloc-para .bloc-texte { }
        #entete-accueil .bloc-para .bloc-texte p {
          font-size: 2rem; }
    #entete-accueil .bloc-logo, #entete-accueil .bloc-groupe {
      float: initial;
      max-width: 100%;
      text-align: center; }
  #section-description { }
    #section-description .para-description { }
      #section-description .para-description .bloc-para { }
        #section-description .para-description .bloc-para .bloc-texte { }
          #section-description .para-description .bloc-para .bloc-texte * {
            font-size: 1.5rem !important; }
  #contact { }
    #contact .bloc-para { }
      #contact .bloc-para > div {
        width: 100% !important;
        text-align: center; }
      #contact .bloc-para .bloc-texte {
        padding-left: 0;
        text-align: center; }
    #contact .rs ul {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }