/* 

    Created on : 17-set-2015, 19.24.04

    Author     : Julien Mehl Vettori <julien.mehlvettori@lillibel.com>

    webSite    : Lillibel.com

*/

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/grlryt2bdKIyfMSOhzd1eA.woff) format('woff');

}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/vxNK-E6B13CyehuDCmvQvw.woff) format('woff');

}

body {

  -webkit-user-select: none;

  /* Safari */

  -moz-user-select: none;

  /* Firefox */

  -ms-user-select: none;

  /* IE10+/Edge */

  user-select: none;

  /* Standard */

}

/*@import "reset.less";



@import "basic.less";



@import "top.less";



@import "footer.less";*/

#top_menu {

  position: relative;

  /*height: 3em;*/

  width: 100%;

  height: 3.9em;

  /*background-color: red;*/

}

#top_menu #inner_top_menu {

  /*background-color: @bgc_menu_black;*/

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009abb+0,00577d+100 */

  background: #009abb;

  /* Old browsers */

  background: -moz-linear-gradient(-45deg, #009abb 0%, #00577d 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(-45deg, #009abb 0%, #00577d 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(135deg, #009abb 0%, #00577d 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009abb', endColorstr='#00577d', GradientType=1);

  /* IE6-9 fallback on horizontal gradient */

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  height: 3.95em;

  z-index: 9999;

}

#top_menu #inner_top_menu.scrolled {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 9999;

}

#top_menu #inner_top_menu #menu-items {

  width: 100%;

  max-width: 75em;

  margin: 0 auto;

  overflow: hidden;

  height: 3.9em;

  /*background-color: rgba(255,255,255,0.2);*/

}

#top_menu #inner_top_menu #menu-items #inner-menu-items img {

  display: none;

}

#top_menu #inner_top_menu #menu-items #inner-menu-items .menu-item {

  display: inline-block;

  /*width: 11em;*/

  padding: 0 1.5em;

}

#top_menu #inner_top_menu #menu-items #inner-menu-items .menu-item:first-of-type {

  padding-left: 0;

}

#top_menu #inner_top_menu #menu-items #inner-menu-items .menu-item:last-of-type {

  padding-right: 0;

}

#top_menu #inner_top_menu #menu-items #inner-menu-items .menu-item a {

  text-decoration: none;

}

#top_menu #inner_top_menu #menu-items #inner-menu-items .menu-item a .menu_name {

  font-family: "Open Sans", sans-serif;

  /*text-rendering: optimizeLegibility;*/

  font-weight: 700 !important;

  letter-spacing: -0.2px;

  font-size: 1em;

  margin: 0;

  padding: 1.25em 0em;

  color: white;

  text-transform: uppercase;

}

#top_menu #inner_top_menu #menu-items #inner-menu-items .menu-item a .menu_name:hover {

  /*color:@local_blue;*/

  color: #000b10;

}

.banner {

  position: relative;

  width: 100%;

  overflow: hidden;

  background-image: url(/images/background/vagues_5.png), url(/images/background/vagues_bas_3.png?v=dba4b78fa98e6060dc999045c9c8687f);

  background-image: url(/images/background/vagues_5.png?v=c404cb66db28177d77a6dffbc4b32d40), url(/images/background/vagues_bas_3.png?v=dba4b78fa98e6060dc999045c9c8687f);

  background-position: center 0em, center bottom;

  background-repeat: no-repeat;

  background-size: 100% auto;

}

.banner#pages_banner {

  height: 20em;

}

.banner#pages_banner #pages_background_banner {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: -5;

  background-size: cover;

  background-position: center;

  overflow: hidden;

}

.banner#pages_banner #pages_background_banner:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1;

  background-color: rgba(30, 30, 30, 0.6);

  background-image: url(/images/background/dot2.png);

}

.banner#pages_banner #pages_title {

  position: absolute;

  width: 100%;

  /*top: calc(~"50% - 2em");*/

  top: 7em;

  left: 0;

  transition-delay: 0s;

  transition-duration: 0.5s;

  transition-timing-function: ease-out;

  /*background-color: red;*/

}

.banner#pages_banner #pages_title.from_left {

  left: -200%;

}

.banner#pages_banner #pages_title.from_right {

  left: 200%;

}

.banner#pages_banner #pages_title #pt_content {

  text-align: center;

  font-size: 3.5em;

  font-family: "Montserrat";

  font-weight: 800;

  color: white;

}

.banner#home_banner {

  position: relative;

  height: calc(100vh - 22em);

  /*        background-image: url(/images/background/vagues_4.png?v=89899fb32eeef07e190a5a4dfac0a6cd);

        background-position: center 0em;

        background-repeat: no-repeat;

        background-size: 100% auto;*/

}

.banner#home_banner #background_banner {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: -5;

  overflow: hidden;

}

.banner#home_banner #background_banner:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1;

  background-color: rgba(30, 30, 30, 0.6);

  background-image: url(/images/background/dot2.png);

}

.banner#home_banner #background_banner video {

  width: 110%;

  margin-left: -5%;

  /*height:100%;*/

}

.banner#home_banner #text_banner {

  position: relative;

  width: 100%;

  max-width: 75em;

  height: 100%;

  margin: 0 auto;

}

.banner#home_banner #text_banner .tb_content {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: none;

  opacity: 0;

  transition-duration: 0.25s;

}

.banner#home_banner #text_banner .tb_content.actif {

  display: block;

}

.banner#home_banner #text_banner .tb_content.visible {

  transition-duration: 0s;

  opacity: 1;

}

.banner#home_banner #text_banner .tb_content .tbc_upper_title {

  position: absolute;

  width: 100%;

  height: 2em;

  top: calc(50% - 8em);

  left: 0;

  transition-duration: 0.25s;

  transition-delay: 0s;

  transition-timing-function: ease-out;

}

.banner#home_banner #text_banner .tb_content .tbc_upper_title.from_left {

  left: -200%;

  /*                    transition-duration: 0s;

                        transition-delay: 0s;               */

}

.banner#home_banner #text_banner .tb_content .tbc_upper_title.from_top {

  top: -200%;

  /*                    transition-duration: 0s;

                        transition-delay: 0s;   */

}

.banner#home_banner #text_banner .tb_content .tbc_upper_title.from_right {

  left: 200%;

  /*                    transition-duration: 0s;

                        transition-delay: 0s;                       */

}

.banner#home_banner #text_banner .tb_content .tbc_upper_title .tbcut_content {

  display: inline-block;

  font-size: 2em;

  font-family: "Montserrat";

  font-weight: 200;

  color: white;

}

.banner#home_banner #text_banner .tb_content .tbc_title {

  position: absolute;

  width: 100%;

  height: 10em;

  top: calc(50% - 5em);

  left: 0;

  transition-delay: 0s;

  transition-duration: 0.5s;

  transition-timing-function: ease-out;

}

.banner#home_banner #text_banner .tb_content .tbc_title.from_left {

  left: -200%;

}

.banner#home_banner #text_banner .tb_content .tbc_title.from_right {

  left: 200%;

}

.banner#home_banner #text_banner .tb_content .tbc_title .tbct_content {

  display: inline-black;

  font-size: 4em;

  font-family: "Montserrat";

  font-weight: 800;

  color: white;

}

.banner#home_banner #text_banner .tb_content .tbc_btns {

  position: absolute;

  width: 100%;

  /*height: 2em;*/

  top: calc(50% + 2em);

  left: 0;

  transition-delay: 0s;

  transition-duration: 0.75s;

  transition-timing-function: ease-out;

}

.banner#home_banner #text_banner .tb_content .tbc_btns .tbcb_content {

  width: 100%;

  /*display: inline-block;*/

  /*margin: 0 auto;*/

  /*text-align: right;*/

}

.banner#home_banner #text_banner .tb_content .tbc_btns .tbcb_content .tbcbc_btn {

  display: inline-block;

  padding: 0.8em;

  margin-right: 0.2em;

  margin: 0 auto;

  -webkit-border-radius: 0.25em;

  -moz-border-radius: 0.25em;

  border-radius: 0.25em;

  border: 0.1em #0073C9 solid;

  font-weight: 700;

  color: white;

}

.banner#home_banner #text_banner .tb_content .tbc_btns .tbcb_content .tbcbc_btn.solid {

  background-color: #0073C9;

}

.banner#home_banner #text_banner .tb_content .tbc_btns.from_left {

  left: -200%;

}

.banner#home_banner #text_banner .tb_content .tbc_btns.from_bottom {

  top: 200%;

}

.banner#home_banner #text_banner .tb_content .tbc_btns.from_right {

  left: 200%;

}

.banner#home_banner #text_banner .tb_content .tbc_btns.center .tbcb_content {

  text-align: center;

}

.banner#home_banner #text_banner .tb_content .tbc_btns.right .tbcb_content {

  text-align: right;

}

.banner#home_banner #text_banner .tb_content.center .tbc_upper_title {

  text-align: center;

}

.banner#home_banner #text_banner .tb_content.center .tbc_title {

  text-align: center;

}

.banner#home_banner #text_banner .tb_content.center .tbc_btns .tbcb_content {

  text-align: center;

}

.banner#home_banner #n_banner {

  position: absolute;

  bottom: 0.5em;

  left: 0;

  right: 0;

  text-align: center;

}

.banner#home_banner #n_banner .n_banner_icon {

  display: inline-block;

  width: 1em;

  height: 1em;

  margin-right: 0.5em;

  border: 0.1em #0073C9 solid;

  -webkit-border-radius: 0.6em;

  -moz-border-radius: 0.6em;

  border-radius: 0.6em;

  box-shadow: 0 0 0 0em #0073C9 inset;

  transition-duration: 0.5s;

}

.banner#home_banner #n_banner .n_banner_icon.selected {

  box-shadow: 0 0 0 0.6em #0073C9 inset;

}

.banner#home_banner .logo {

  position: absolute;

  bottom: 0em;

  right: 1em;

  width: 5em;

  height: 8em;

  /*background-color: red;*/

  background-position: center 100%;

  background-size: contain;

  background-repeat: no-repeat;

}

.banner#home_banner .logo.ffb {

  right: 7em;

  bottom: 2em;

  background-image: url(/images/logo/ffb.png?v=6c66579ce13af755d0bcfea57b418416);

}

.banner#home_banner .logo.smabtp {

  right: 13em;

  background-image: url(/images/logo/smabtp.png?v=7bb6e81155be1eb87f04576121bcf213);

}

.banner#home_banner .logo.qualibat {

  right: 1em;

  bottom: 3em;

  background-image: url(/images/logo/qualibat.png?v=619850818618cedb404770708043c227);

}

/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/*

    Created on : 24 févr. 2021, 11:52:58

    Author     : julien

*/

p {

  margin: 0;

}

#top_info {

  height: 7em;

  width: 100%;

  background-color: white;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */

  background: #f0f9ff;

  /* Old browsers */

  background: -moz-linear-gradient(-45deg, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(-45deg, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(135deg, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f9ff', endColorstr='#a1dbff', GradientType=1);

  /* IE6-9 fallback on horizontal gradient */

  background-image: url(/images/background/vagues_top_1.png?v=f314425f9d690710e85b7859db1ba9f4);

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: 100% auto;

}

#top_info #inner_top_info {

  width: 100%;

  max-width: 75em;

  margin: 0 auto;

  padding: 2em 0;

}

#top_info #inner_top_info #logo {

  height: 3em;

  width: 5em;

  float: left;

  /*background-color: red;*/

  background-image: url('/images/logo/erc.png?v=628e59eb512ef01abd6426a416c5a230');

  background-size: 100% 100%;

}

#top_info #inner_top_info #right_info {

  height: 3em;

  /*width: 43em;*/

  float: right;

}

#top_info #inner_top_info #right_info .ti_contact {

  width: 15em;

  padding-left: 2em;

  display: inline-block;

  vertical-align: top;

  border-left: 1px grey solid;

}

#top_info #inner_top_info #right_info .ti_contact:first-of-type {

  /*border: 1px white solid;*/

  border: none;

}

#top_info #inner_top_info #right_info .ti_contact .tic_title {

  font-size: 0.9em;

  font-family: "Open Sans";

  font-weight: 300;

}

#top_info #inner_top_info #right_info .ti_contact .tic_content {

  font-family: "Open Sans";

  margin-top: 0.4em;

  font-weight: 800;

}

#top_info #inner_top_info #right_info .ti_contact .tic_content a {

  text-decoration: none;

  color: black;

  color: #00587E;

}

#top_info #inner_top_info #right_info .ti_address {

  width: 15em;

  padding-left: 2em;

  display: inline-block;

  vertical-align: top;

  border-left: 1px grey solid;

}

#top_info #inner_top_info #right_info .ti_address .tica_1 {

  font-size: 0.9em;

  font-family: "Open Sans";

  font-weight: 300;

}

#top_info #inner_top_info #right_info .ti_address .tica_2 {

  /*font-size: 0.9em;*/

  margin-top: 0.4em;

  font-family: "Open Sans";

  font-weight: 300;

}

#page_contents {

  /*height: calc(~"100vh - 8em");*/

  width: 100%;

  background-color: #0073C9;

  background-color: white;

  line-height: 2.3em;

  /*padding-bottom: 5em;*/

}

#page_contents .pc_row {

  padding-top: 4em;

  padding-bottom: 2em;

  position: relative;

  width: 100%;

  /*        #gmap_contact{



            width: 100%;



            height: 30em;



            background-color: red;



        }        */

}

#page_contents .pc_row:nth-of-type(2n):before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  height: 4em;

  background-image: url(/images/background/vagues_pc_row_top_1.png?v=39030a3c9f4d1c0803da78bb09dcad38);

  background-position: center top;

  background-repeat: no-repeat;

  background-size: 100% auto;

}

#page_contents .pc_row:nth-of-type(2n + 1) {

  /*background-color: rgb(245,245,245);*/

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f9ff+0,afe0ff+100 */

  background: #f0f9ff;

  /* Old browsers */

  background: -moz-linear-gradient(left, #f0f9ff 0%, #afe0ff 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #f0f9ff 0%, #afe0ff 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #f0f9ff 0%, #afe0ff 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f9ff', endColorstr='#afe0ff', GradientType=1);

  /* IE6-9 */

}

#page_contents .pc_row:nth-of-type(2n + 1):before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  height: 4em;

  background-image: url(/images/background/vagues_pc_row_top_bl_1.png?v=fe6e77e6dd6a904cbc3f4cf8425ec8e8);

  background-position: center top;

  background-repeat: no-repeat;

  background-size: 100% auto;

}

#page_contents .pc_row:last-child {

  padding-bottom: 8em;

}

#page_contents .pc_row:last-child:after {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  left: 0;

  height: 7em;

  background-image: url(/images/background/vagues_pc_row_pre_footer_1.png?v=fb5ee3ec665fcd2691a08f1a9082c51a);

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: 100% auto;

}

#page_contents .pc_row:first-child:before {

  /*                

                content: "";



                position: absolute;



                bottom: 0;

                right:0;

                left:0;



                height: 4em;

               */

  background-image: none;

}

#page_contents .pc_row .pc_block {

  max-width: 75em;

  margin: 0 auto;

  color: #212121;

  /*            ul{

              

                

                list-style-image: linear-gradient(to left bottom, red, blue);

                margin-bottom: 0;

                

                li{

                    

                    li{

                        

                        

                    }

                    

                }

                

            }*/

}

#page_contents .pc_row .pc_block .pcb_upper_title {

  text-align: center;

  font-size: 1.25em;

  font-weight: 200;

  font-family: 'Montserrat';

}

#page_contents .pc_row .pc_block .pcb_title {

  text-align: center;

  font-size: 2em;

  font-weight: 800;

  font-family: 'Montserrat';

  margin-bottom: 2em;

}

#page_contents .pc_row .pc_block .pcb_columns#pcb_columns_service_method_0 {

  text-align: center;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne {

  display: inline-block;

  vertical-align: top;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche {

  width: 24%;

  min-height: 2em;

  clear: both;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .menu_titre {

  font-size: 1em;

  padding-left: 1em;

  text-transform: uppercase;

  margin-top: 2em;

  margin-bottom: 2em;

  font-weight: 900;

  border-left-style: solid;

  border-left-color: #0073C9;

  border-left-width: 3px;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .menu_titre:first-of-type {

  margin-top: 0;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche a {

  text-decoration: none;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .service_link {

  padding: 1em;

  /*background-color: rgb(230,230,230);*/

  background-color: white;

  color: #1e1e1e;

  margin-bottom: 0.5em;

  transition: background-color 0.5s;

  transition: color 0.5s;

  border-radius: 0.25em;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .service_link.selected,

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .service_link:hover {

  background-color: #0073C9;

  color: white;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .creativework_link {

  padding: 1em 0;

  border-bottom: 1px solid grey;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .creativework_link:last-of-type {

  border-bottom: none;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .creativework_link .creativework_image {

  float: left;

  width: 5.5em;

  height: 4em;

  background-color: blue;

  background-size: cover;

  background-position: center;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .creativework_link .creativework_content {

  float: right;

  width: calc(100% - 6em);

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .creativework_link .creativework_content .creativework_name {

  text-decoration: none;

  font-size: 0.8em;

  font-weight: 700;

  text-transform: uppercase;

  color: #1e1e1e;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .keyword_link {

  display: inline-block;

  padding: 0.5em;

  margin: 0.2em 0.1em 0 0;

  text-decoration: none;

  color: #1e1e1e;

  border: 1px solid rgba(33, 33, 33, 0.3);

  transition: background-color 0.5s;

  transition: color 0.5s;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.gauche .keyword_link:hover {

  background-color: #0073C9;

  color: white;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite {

  /*width: 74%;*/

  width: calc(74%  - 2em);

  min-height: 2em;

  padding-left: 2em;

  /*background-color: rgba(255, 240 , 240, 1);*/

  clear: both;

  padding-bottom: 2em;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite h2 {

  margin-top: 0;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite ul li {

  line-height: 2;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .espace {

  float: left;

  width: 100%;

  height: 1em;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .image_gauche {

  float: left;

  width: 25%;

  min-height: 3em;

  /*background-color: yellow;*/

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .image_gauche img {

  width: 100%;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .image_droite {

  float: right;

  width: 25%;

  min-height: 3em;

  /*background-color: yellow;*/

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .image_droite img {

  width: 100%;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .texte_gauche {

  float: left;

  width: 75%;

  min-height: 3em;

  /*background-color: red;*/

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .texte_droit {

  float: right;

  width: 75%;

  min-height: 3em;

  /*background-color: red;*/

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .texte_sans_image {

  float: left;

  width: 100%;

  min-height: 3em;

  /*background-color: rgba(200,100,0,0.5);*/

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block {

  padding: 4em 0;

  border-bottom: solid grey 1px;

  font-family: 'Montserrat', sans-serif;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block:first-of-type {

  padding-top: 0;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block:last-of-type {

  border-bottom: none;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block.detail {

  /*padding: 1em;*/

  /*background-color: rgba(233,233,233, 0.3);*/

  /*box-shadow: 0 0 0.2em 0 black;*/

  padding-bottom: 1em;

  border-bottom: grey 1px solid;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block a {

  text-decoration: none !important;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_image {

  height: 30em;

  width: 100%;

  background-size: cover;

  background-position: center;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_abstract {

  margin-top: 0.5em;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_abstract:before {

  content: "Sujet : ";

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_material_list {

  margin-top: 0.5em;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_material_list:before {

  content: "Matériaux : ";

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_material_list .material_item {

  position: relative;

  display: inline-block;

  padding: 0.25em;

  margin-right: 0.1em;

  -webkit-border-radius: 0.2em;

  -webkit-border-top-right-radius: 1em;

  -webkit-border-bottom-right-radius: 1em;

  -moz-border-radius: 0.2em;

  -moz-border-radius-topright: 1em;

  -moz-border-radius-bottomright: 1em;

  border-radius: 0.2em;

  border-top-right-radius: 1em;

  border-bottom-right-radius: 1em;

  border: 1px grey solid;

  padding-right: 1.5em;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_material_list .material_item:after {

  content: "";

  position: absolute;

  width: 0.6em;

  height: 0.6em;

  right: 0.35em;

  top: 0.55em;

  -webkit-border-radius: 0.5em;

  -moz-border-radius: 0.5em;

  border-radius: 0.5em;

  background-color: #1e1e1e;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_content .creativework_name {

  font-size: 1.5em;

  margin-top: 1em;

  font-weight: 700;

  color: #1e1e1e;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_content .creativework_alternatename {

  font-size: 1.2em;

  margin-bottom: 2.5em;

  font-weight: 400;

  color: #1e1e1e;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_content .creativework_description {

  margin-top: 1em;

  margin-bottom: 1em;

  font-size: 0.9em;

  line-height: 1.9;

  color: #1e1e1e;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_content .creativework_suite {

  display: inline-block;

  padding: 0.75em;

  background-color: #0073C9;

  color: white;

  -webkit-border-radius: 0.2em;

  -moz-border-radius: 0.2em;

  border-radius: 0.2em;

}

#page_contents .pc_row .pc_block .pcb_columns .colonne.droite .creativework_block .creativework_content .creativework_suite:after {

  content: "LIRE LA SUITE";

  font-weight: 700;

  font-size: 0.8em;

}

#page_contents .pc_row .pc_block .pcb_columns .sous_menu {

  display: inline-block;

  vertical-align: top;

  width: 10em;

}

#page_contents .pc_row .pc_block .pcb_columns .contenu_page {

  display: inline-block;

  vertical-align: top;

  width: calc(100% - 10em - 3px);

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_2 {

  float: left;

  width: 50%;

  min-height: 20em;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 {

  float: left;

  width: 33.3%;

  min-height: 20em;

  /*padding: 0 0.5em;*/

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3.pcbc_13,

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3.pcbc_33 {

  /*background-color:red;*/

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .service_box {

  margin-bottom: 1em;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .service_box .sb_icon {

  float: left;

  width: 5em;

  height: 5em;

  /*background-color: blue;*/

  background-size: cover;

  background-repeat: no-repeat;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .service_box .sb_txt {

  float: right;

  padding-left: 1em;

  width: calc(100% - 6em);

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .service_box .sb_txt .sbt_title {

  font-size: 1em;

  text-transform: uppercase;

  font-family: "Montserrat";

  font-weight: 700;

  margin-bottom: 1em;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .service_box .sb_txt .sbt_content {

  font-size: 1em;

  /*text-transform: uppercase;*/

  font-family: "Montserrat";

  font-weight: 300;

  line-height: 1.5em;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .service_box .sb_txt .sbt_content li {

  list-style-type: none;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box {

  position: relative;

  width: 100%;

  height: 18em;

  background-color: red;

  /*box-shadow: 0 0 0 0.1em black inset;*/

  background-size: auto 110%;

  background-position: center;

  overflow: hidden;

  transition-duration: 0.5s;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box .rb_content {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0);

  transition-duration: 0.5s;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box .rb_content .rbc_colorbox {

  position: absolute;

  width: 2.5em;

  height: 2.5em;

  top: 0em;

  right: 0em;

  background-color: #0073C9;

  background-image: url(/images/background/croix.svg?v=8be03a2f309895f773b1987129ac96d1);

  background-size: 33%;

  background-repeat: no-repeat;

  background-position: center;

  transform: scale(0);

  transition-duration: 0.5s;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box .rb_content .rbc_text {

  position: absolute;

  top: 1em;

  right: 1em;

  bottom: 0;

  left: 1em;

  /*                                width: 100%;

                                height: 100%;*/

  opacity: 0;

  transition-duration: 0.5s;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box .rb_content .rbc_text .rbct_title {

  position: absolute;

  font-size: 1.25em;

  left: 0em;

  bottom: calc(50% + 1em);

  font-weight: 800;

  font-family: 'Montserrat';

  color: white;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box .rb_content .rbc_text .rbct_year {

  position: absolute;

  left: 0em;

  top: calc(50% + 0.5em);

  padding: 0.5em;

  background-color: #0073C9;

  font-weight: 800;

  font-family: 'Montserrat';

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box:hover {

  background-size: auto 120%;

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box:hover .rb_content {

  background-color: rgba(0, 0, 0, 0.5);

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box:hover .rb_content .rbc_colorbox {

  transform: scale(1);

}

#page_contents .pc_row .pc_block .pcb_columns .pcbc_3 .realisations_box:hover .rb_content .rbc_text {

  top: 0;

  opacity: 1;

}

#page_contents .pc_row .pc_block .img_iframe_txt_block {

  width: 100%;

  margin-bottom: 1em;

}

#page_contents .pc_row .pc_block .img_iframe_txt_block .block_texte {

  float: left;

  width: calc(100% - 16em);

}

#page_contents .pc_row .pc_block .img_iframe_txt_block .block_texte .block_titre {

  font-weight: 700;

  margin-bottom: 1em;

}

#page_contents .pc_row .pc_block .img_iframe_txt_block .block_texte .block_contenu {

  /*min-height: 3em;*/

}

#page_contents .pc_row .pc_block .img_iframe_txt_block.no_image .block_texte {

  width: calc(100% - 2px);

}

#page_contents .pc_row .pc_block .img_iframe_txt_block .block_image {

  width: 15em;

  height: 12em;

}

#page_contents .pc_row .pc_block .img_iframe_txt_block .block_image.gauche {

  float: left;

  margin-right: 1em;

}

#page_contents .pc_row .pc_block .img_iframe_txt_block .block_image.droite {

  float: right;

  margin-left: 1em;

}

#page_contents .pc_row .pc_block .img_iframe_txt_block .block_image iframe {

  width: 100%;

}

#page_contents .pc_row .pc_block .img_iframe_txt_block.youtube .block_texte {

  width: calc(100% - 21em);

}

#page_contents .pc_row .pc_block .img_iframe_txt_block.youtube .block_image {

  width: 20em;

}

#page_contents .pc_row #contact_form {

  padding: 1em;

  /*background-color: rgba(233,233,233,0.5);*/

  background-color: white;

  border-radius: 0.5em;

  /*box-shadow: 0 0 0.5em 0 black;*/

}

#page_contents .pc_row #contact_form .formulaire_contact_input {

  width: 32.5%;

  margin-top: 0.5em;

  display: inline-block;

}

#page_contents .pc_row #contact_form .formulaire_contact_input label {

  font-size: 0.8em;

}

#page_contents .pc_row #contact_form .formulaire_contact_input input {

  font-size: 1em;

  border: grey solid 1px;

  font-family: "Montserrat";

  width: 95%;

  padding: 0.25em;

  background-color: transparent;

}

#page_contents .pc_row #contact_form .formulaire_contact_input.width_50_perc {

  width: 49%;

}

#page_contents .pc_row #contact_form .formulaire_contact_textarea {

  width: calc(97.5% - 0.5em);

  height: 7em;

  margin-top: 0.5em;

}

#page_contents .pc_row #contact_form .formulaire_contact_textarea label {

  font-size: 0.8em;

}

#page_contents .pc_row #contact_form .formulaire_contact_textarea textarea {

  font-size: 1em;

  border: grey solid 1px;

  font-family: "Montserrat";

  width: 100%;

  height: calc(100% - 2.5em);

  padding: 0.25em;

  background-color: transparent;

}

#page_contents .pc_row #contact_form .g-recaptcha {

  margin: 2em 0 1em 0;

}

#page_contents .pc_row #contact_form .send {

  border: none;

  border-radius: 0.5em;

  width: 100%;

  padding: 1em 0;

  background-color: #00688D;

  text-transform: uppercase;

  font-weight: bolder;

  color: white;

  cursor: pointer;

}

#page_contents .pc_row #contact_form .send:hover {

  color: black;

}

#page_contents .pc_row #contact_form .send:disabled {

  background-color: gray;

  cursor: not-allowed;

}

#page_contents .pc_row #contact_form .send:disabled:hover {

  color: white;

}

#page_contents .pc_row .accueil_box {

  position: relative;

  min-height: 12em;

  width: calc(100% - 2em);

  float: left;

  /*background-color: rgba(255,255,255,0.3);*/

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */

  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);

  /* IE6-9 */

  /*border:solid grey 1px;*/

  border-radius: 2em;

  padding: 1em;

  margin-bottom: 1em;

  /*            &:after{

                

                content: "";

                

                position: absolute;

                

                z-index: -1;

                

                box-shadow: -1em 0 1em 0 black;

                

                top:0.5em;

                left:1em;

                bottom: 0.5em;

                right: 0.5em;

                

            }*/

}

#page_contents .pc_row .accueil_box .accueil_box_texte {

  float: right;

  min-height: 12em;

  /*width:calc(~"100% - 13em");*/

  width: 100%;

}

#page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_image {

  position: relative;

  float: left;

  height: 12em;

  width: 12em;

  margin-right: 1em;

  opacity: 0.6;

  /*                    &.right{

                        

                        float: right;

                        

                    }

                    */

}

#page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_image img {

  width: 100%;

  height: 100%;

}

#page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_image img.carrousel_img {

  position: absolute;

  top: 0;

  left: 0;

  transition-duration: 0.3s;

  transform: rotateY(0deg);

  transform-origin: center;

  transition-timing-function: ease-in;

}

#page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_image img.carrousel_img.rotated {

  transform: rotateY(90deg);

  transition-timing-function: ease-out;

}

#page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_texte_titre {

  font-weight: bold;

  line-height: 1.5;

  font-family: 'Montserrat';

  margin-left: 5em;

}

#page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_texte_titre h2 {

  margin: 0 0 0.5em 0;

  color: #006186;

}

#page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_texte_contenu {

  line-height: 1.5;

  font-size: 1.1em;

  /*height: calc(~"100% - 2em");*/

  min-height: 6.5em;

  display: flex;

  align-items: center;

}

#page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_texte_contenu ul {

  margin: 0;

}

#page_contents .pc_row .accueil_box.right {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */

  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);

  /* IE6-9 */

}

#page_contents .pc_row .accueil_box.right .accueil_box_texte .accueil_box_image {

  float: right;

  margin-right: 0em;

  margin-left: 1em;

}

#page_contents .date_historique {

  text-align: center;

  font-size: 2em;

  background-image: url(/images/background/vague-historique.png?v=29699f6ba048a6cc24c3ee2541589a71);

  background-size: 20em 100%;

  background-repeat: no-repeat;

  background-position: center center;

  margin: 1.7em 0 1.2em 0;

}

#page_contents .date_historique:first-child {

  margin-top: 0;

}

#page_contents .contenu_historique:last-child {

  padding-bottom: 4em;

}

#page_contents .contenu_historique ul {

  width: 35em;

  margin: 0 auto;

  list-style-image: linear-gradient(to left bottom, #0098B9, #00597F);

}

#page_contents .contenu_historique ul li {

  position: relative;

  margin-top: 2em;

  text-align: center;

  /*                &::before{

                    

                    position: 

                    

                    content:"+";

                    

                    font-size: 5em;

                    

                    color: red;     

                    

                    

                }*/

}

#page_contents .contenu_historique ul li::before {

  content: "";

  position: absolute;

  top: -2em;

  left: 0;

  right: 0;

  height: 2em;

  font-size: 1em;

  background-image: url(/images/background/vague-historique-li.png?v=efe5ac29291916fdc53a723f92969c02);

  background-size: 5em auto;

  background-repeat: no-repeat;

  background-position: center center;

}

#page_contents .contenu_historique ul li:first-child {

  margin-top: 0em;

}

#page_contents .contenu_historique ul li:first-child::before {

  background-image: none;

}

#page_contents .contenu_historique .ligne_historique {

  width: 35em;

  margin: 0 auto;

  position: relative;

  margin-top: 2em;

  text-align: center;

  /*                &::before{



                position: 



                content:"+";



                font-size: 5em;



                color: red;     





            }*/

}

#page_contents .contenu_historique .ligne_historique::before {

  content: "";

  position: absolute;

  top: -2em;

  left: 0;

  right: 0;

  height: 2em;

  font-size: 1em;

  background-image: url(/images/background/vague-historique-li.png?v=efe5ac29291916fdc53a723f92969c02);

  background-size: 5em auto;

  background-repeat: no-repeat;

  background-position: center center;

}

#page_contents .contenu_historique .ligne_historique:first-child {

  margin-top: 0em;

}

#page_contents .contenu_historique .ligne_historique:first-child::before {

  background-image: none;

}

#page_contents #gmap_contact {

  width: 100%;

  height: 30em;

  background-color: #AADAFF;

}

#page_contents .pc_row#references_all_pages .pc_block .pcb_columns {

  text-align: center;

}

#page_contents .pc_row#references_all_pages .pc_block .pcb_columns {

  text-align: center;

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service {

  text-align: left;

  display: inline-block;

  width: calc(33.3% - 1.5em);

  min-width: 22em;

  margin: 0 0.5em 2em 0.5em;

  /*                    &:nth-child(3n+2){



                        padding-left: 0.5em;

                        

                    }*/

  /*                    &:nth-child(3n+2){



                        .m0bs_inner_content{

                            

                            margin-left: 0.5em;

                            

                        }                        

                        

                    }

                    

                    &:nth-child(3n+3){



                        .m0bs_inner_content{

                            

                            margin-left: 1em;

                            

                        }

                        

                    }*/

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service a {

  text-decoration: none;

  color: #1e1e1e;

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content {

  width: 100%;

  height: 29em;

  /*background-color: blue;*/

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_image {

  width: 100%;

  height: 15em;

  margin-bottom: 2em;

  background-size: cover;

  background-position: center;

  box-shadow: 0 0 0 0.15em #007297 inset, 0 0 0 0.3em #CBEBFF inset;

  border-radius: 0.3em;

  /*background-color: red;*/

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content {

  width: 100%;

  height: 15em;

  /*background-color: green;*/

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_icone {

  float: left;

  width: 4.5em;

  height: 4.5em;

  background-size: 100%;

  background-position: center;

  /*background-color: grey;*/

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte {

  position: relative;

  float: right;

  width: calc(100% - 6em);

  height: 100%;

  /*background-color: yellow;*/

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte .m0bsic_title {

  text-decoration: none;

  text-transform: uppercase;

  font-weight: 900;

  margin-bottom: 1em;

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte .m0bsic_description {

  font-size: 0.9em;

  line-height: 1.8;

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte .m0bsic_link {

  position: absolute;

  bottom: 0;

  left: 0;

  font-weight: 600;

  font-size: 0.8em;

}

#page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte .m0bsic_link:before {

  content: "";

  display: inline-block;

  width: 0.8em;

  height: 0.8em;

  margin-right: 0.5em;

  background-image: url(/images/background/left_arrow.png?v=778715e5acd96ad104b39112500e4785);

  background-size: 100%;

  background-position: center;

}

/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/*

    Created on : 15 mars 2021, 15:51:10

    Author     : julien

*/

#what_we_do {

  min-height: 30em;

}

.pcb_sub_menu {

  border-bottom: 0.2em #0073C9 solid;

  margin-bottom: 4em;

}

.pcb_sub_menu .pcbsm_item {

  float: left;

  width: calc(14.2% - 2em);

  padding: 1em 1em 0.8em 1em;

  /*background-color: white;*/

  font-weight: 600;

  text-align: center;

  transition-duration: 0.3s;

  cursor: pointer;

}

.pcb_sub_menu .pcbsm_item.selected {

  background-color: #0073C9;

}

.realisations_box {

  float: left;

  position: relative;

  width: 33.3%;

  height: 18em;

  /*background-color: red;*/

  /*box-shadow: 0 0 0 0.1em black inset;*/

  background-size: auto 110%;

  background-position: center;

  overflow: hidden;

  transition-duration: 0.5s;

}

.realisations_box .rb_content {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0);

  transition-duration: 0.5s;

}

.realisations_box .rb_content .rbc_colorbox {

  position: absolute;

  width: 2.5em;

  height: 2.5em;

  top: 0em;

  right: 0em;

  background-color: #0073C9;

  background-image: url(/images/background/croix.svg?v=8be03a2f309895f773b1987129ac96d1);

  background-size: 33%;

  background-repeat: no-repeat;

  background-position: center;

  transform: scale(0);

  transition-duration: 0.5s;

}

.realisations_box .rb_content .rbc_text {

  position: absolute;

  top: 1em;

  right: 1em;

  bottom: 0;

  left: 1em;

  /*            width: 100%;

            height: 100%;*/

  opacity: 0;

  transition-duration: 0.5s;

}

.realisations_box .rb_content .rbc_text .rbct_title {

  position: absolute;

  font-size: 1.25em;

  left: 0em;

  bottom: calc(50% + 1em);

  font-weight: 800;

  font-family: 'Montserrat';

  color: white;

}

.realisations_box .rb_content .rbc_text .rbct_year {

  position: absolute;

  left: 0em;

  top: calc(50% + 0.5em);

  padding: 0.5em;

  background-color: #0073C9;

  font-weight: 800;

  font-family: 'Montserrat';

  color: white;

}

.realisations_box:hover {

  background-size: auto 120%;

}

.realisations_box:hover .rb_content {

  background-color: rgba(0, 0, 0, 0.5);

}

.realisations_box:hover .rb_content .rbc_colorbox {

  transform: scale(1);

}

.realisations_box:hover .rb_content .rbc_text {

  top: 0;

  opacity: 1;

}

/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/*

    Created on : 15 mars 2021, 18:45:47

    Author     : julien

*/

.pc_row .pc_block .pcb_columns .article_photo_colonne {

  /*float: left;*/

  float: right;

  /*width: 70%;*/

  width: 50%;

  font-family: "Montserrat";

  /*background-color: red;*/

  border-radius: 2em;

}

.pc_row .pc_block .pcb_columns .article_photo_colonne img {

  width: 100%;

  border-radius: 2em;

}

.pc_row .pc_block .pcb_columns .article_content_colonne {

  /*float: right;*/

  float: left;

  /*width: calc(~"30% - 2em");*/

  width: calc(50% - 2em);

  font-family: "Montserrat";

  /*background-color: green;*/

}

.pc_row .pc_block .pcb_columns .article_content_colonne .title {

  text-transform: uppercase;

  font-size: 2em;

  font-size: 1.5em;

  font-weight: 700;

  /*margin-bottom: 2em;*/

  margin-bottom: 1em;

}

.pc_row .pc_block .pcb_columns .article_content_colonne .description .description_title {

  margin-top: 2em;

  margin-bottom: 1em;

  font-weight: 700;

}

#footer {

  padding: 5em 0em;

  /*background-color: @bgc_black;*/

  /*background-color: @bgc_menu_black;*/

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009abb+0,00577d+100 */

  background: #009abb;

  /* Old browsers */

  background: -moz-linear-gradient(-90deg, #009abb 0%, #00577d 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(-90deg, #009abb 0%, #00577d 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(180deg, #009abb 0%, #00577d 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009abb', endColorstr='#00577d', GradientType=1);

  /* IE6-9 fallback on horizontal gradient */

}

#footer #inner_footer {

  min-height: 5em;

  width: 100%;

  max-width: 75em;

  margin: 0 auto;

}

#footer #inner_footer .footer_column {

  float: left;

  width: calc(33% - 2em);

  padding: 0 1em;

}

#footer #inner_footer .footer_column .fc_title {

  font-family: 'Montserrat';

  text-transform: uppercase;

  font-weight: 700;

  color: white;

  /*                border-left: @local_blue 0.2em solid;*/

  border-left: #005E83 0.2em solid;

  padding-left: 1em;

  margin-bottom: 2em;

}

#footer #inner_footer .footer_column #fc_logo {

  height: 4.8em;

  width: 8em;

  float: left;

  /*background-color: red;*/

  background-color: white;

  background-image: url('/images/logo/erc.png?v=628e59eb512ef01abd6426a416c5a230');

  border-radius: 0.5em;

  background-size: 100% 100%;

}

#footer #inner_footer .footer_column .fc_services {

  padding: 0.2em 0;

  font-size: 0.8em;

  line-height: 2;

  font-family: 'Montserrat';

  text-transform: uppercase;

  /*color: @grey;*/

  color: white;

  /*border-bottom: 1px @grey solid;*/

  border-bottom: 1px white solid;

}

#footer #inner_footer .footer_column .fc_services:before {

  font-family: "Font Awesome 5 Free";

  content: ">";

  margin-right: 10px;

  /*color: @footer_grey_color;*/

  color: white;

  /*font-size: 16px;*/

  font-weight: bold;

}

#footer #inner_footer .footer_column #fc_horaires {

  /*color: @footer_grey_color;*/

  color: white;

}

#footer #inner_footer .footer_column #fc_horaires #fc_horaires_text {

  margin-bottom: 1.5em;

}

#footer #inner_footer .footer_column #fc_horaires #fc_horaires_list {

  width: 100%;

  height: 3em;

  clear: both;

}

#footer #inner_footer .footer_column #fc_horaires #fc_horaires_list .fchl_heures {

  float: right;

}

/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/*

    Created on : 22 mars 2021, 15:15:58

    Author     : julien

*/

@media screen and (max-width: 900px) {

  #top_menu #inner_top_menu #menu-items {

    transition-duration: 0.3s;

    /*background-color: @bgc_menu_black;*/

  }

  #top_menu #inner_top_menu #menu-items #open_menu {

    height: 3.8em;

    width: 3.8em;

    transition-duration: 0.5s;

    background-image: url(/images/background/menu_open_close.svg?v=1f7f94110d58a0e6c08b7b895891d724);

    background-size: 200% 100%;

  }

  #top_menu #inner_top_menu #menu-items #inner-menu-items {

    /*background-color: @bgc_menu_black;*/

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009abb+0,00577d+100 */

    background: #009abb;

    /* Old browsers */

    background: -moz-linear-gradient(-45deg, #009abb 0%, #00577d 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(-45deg, #009abb 0%, #00577d 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(135deg, #009abb 0%, #00577d 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009abb', endColorstr='#00577d', GradientType=1);

    /* IE6-9 fallback on horizontal gradient */

    box-shadow: 0 0.25em 0.25em 0em black;

  }

  #top_menu #inner_top_menu #menu-items #inner-menu-items img {

    display: block;

  }

  #top_menu #inner_top_menu #menu-items #inner-menu-items .menu-item {

    display: block;

  }

  #top_menu #inner_top_menu #menu-items #inner-menu-items .menu-item:first-of-type {

    padding: 0 1.5em;

  }

  #top_menu #inner_top_menu #menu-items.open {

    height: 30em;

  }

  #top_menu #inner_top_menu #menu-items.open #open_menu {

    background-position: 100% 100%;

  }

  #page_contents .pc_row {

    padding-right: 1em;

    padding-left: 1em;

    width: calc(100% - 2em);

  }

  #page_contents .pc_row:last-child(-1) {

    padding-bottom: 5em;

  }

  #page_contents .pc_row .pc_block .pcb_columns .colonne.gauche {

    width: calc(100% - 2em);

    padding: 1em;

  }

  #page_contents .pc_row .pc_block .pcb_columns .colonne.droite {

    width: calc(100% - 2em);

    padding: 1em;

  }

  .formulaire_contact_input {

    width: 100% !important;

  }

  #references_all_pages {

    display: none;

  }

  #footer .footer_column {

    width: calc(100% - 2em) !important;

    margin-bottom: 2em;

  }

  #footer .footer_column .fchl_line {

    width: 20em;

  }

}

@media screen and (max-width: 800px) {

  .banner {

    position: relative;

    width: 100%;

    overflow: hidden;

  }

  .banner#pages_banner {

    height: 20em;

  }

  .banner#pages_banner #pages_background_banner {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -5;

    background-size: cover;

    background-position: center;

    overflow: hidden;

  }

  .banner#pages_banner #pages_background_banner:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    background-color: rgba(30, 30, 30, 0.6);

    background-image: url(/images/background/dot2.png);

  }

  .banner#pages_banner #pages_title {

    position: absolute;

    width: 100%;

    /*top: calc(~"50% - 2em");*/

    top: 7em;

    left: 0;

    transition-delay: 0s;

    transition-duration: 0.5s;

    transition-timing-function: ease-out;

    /*background-color: red;*/

  }

  .banner#pages_banner #pages_title.from_left {

    left: -200%;

  }

  .banner#pages_banner #pages_title.from_right {

    left: 200%;

  }

  .banner#pages_banner #pages_title #pt_content {

    text-align: center;

    font-size: 3.5em;

    font-family: "Montserrat";

    font-weight: 800;

    color: white;

  }

  .banner#home_banner {

    height: calc(100vh - 11em);

  }

  .banner#home_banner #background_banner {

    /*            position: absolute;



            top:0;

            right:0;

            bottom:0;

            left:0;



            z-index: -5;



            overflow:hidden;*/

  }

  .banner#home_banner #background_banner:after {

    /*                content:"";



                position: absolute;



                top:0;

                right:0;

                bottom:0;

                left:0;



                z-index: 1;



                background-color: rgba(30, 30, 30, 0.6);

                background-image: url(/images/background/dot2.png);*/

  }

  .banner#home_banner #background_banner video {

    /*                width: 110%;

                margin-left: -5%;*/

    width: auto;

    /*margin-left: 0;*/

    height: 100%;

  }

  .banner#home_banner #text_banner {

    /*            position: relative;



            width: 100%;



            max-width: @inner_contents_width;



            height: 100%;



            margin: 0 auto;*/

  }

  .banner#home_banner #text_banner .tb_content {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: none;

    opacity: 0;

    transition-duration: 0.25s;

  }

  .banner#home_banner #text_banner .tb_content.actif {

    display: block;

  }

  .banner#home_banner #text_banner .tb_content.visible {

    transition-duration: 0s;

    opacity: 1;

  }

  .banner#home_banner #text_banner .tb_content .tbc_upper_title {

    /*                    position: absolute;



                    width: 100%;

                    height: 2em;



                    top: calc(~"50% - 8em");

                    left: 0;



                    transition-duration: 0.25s;

                    transition-delay: 0s;

                    transition-timing-function: ease-out;*/

    top: calc(50% - 10em);

  }

  .banner#home_banner #text_banner .tb_content .tbc_upper_title.from_left {

    left: -200%;

    /*                    transition-duration: 0s;

                        transition-delay: 0s;               */

  }

  .banner#home_banner #text_banner .tb_content .tbc_upper_title.from_top {

    top: -200%;

    /*                    transition-duration: 0s;

                        transition-delay: 0s;   */

  }

  .banner#home_banner #text_banner .tb_content .tbc_upper_title.from_right {

    left: 200%;

    /*                    transition-duration: 0s;

                        transition-delay: 0s;                       */

  }

  .banner#home_banner #text_banner .tb_content .tbc_upper_title .tbcut_content {

    display: inline-block;

    font-size: 2em;

    font-family: "Montserrat";

    font-weight: 200;

    color: white;

  }

  .banner#home_banner #text_banner .tb_content .tbc_title {

    /*                    position: absolute;



                    width: 100%;

                    height: 10em;



                    top: calc(~"50% - 5em");

                    left: 0;



                    transition-delay:0s;

                    transition-duration: 0.5s;

                    transition-timing-function: ease-out;*/

  }

  .banner#home_banner #text_banner .tb_content .tbc_title.from_left {

    /*left: -200%;*/

  }

  .banner#home_banner #text_banner .tb_content .tbc_title.from_right {

    /*left: 200%;*/

  }

  .banner#home_banner #text_banner .tb_content .tbc_title .tbct_content {

    /*display: inline-black;*/

    /*font-size: 4em;*/

    font-size: 3em;

    /*font-family: "Montserrat";*/

    /*font-weight: 800;*/

    /*color: white;*/

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns {

    position: absolute;

    width: 100%;

    /*top: calc(~"50% + 2em");*/

    top: calc(100% - 6em);

    left: 0;

    transition-delay: 0s;

    transition-duration: 0.75s;

    transition-timing-function: ease-out;

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns .tbcb_content {

    width: 100%;

    /*display: inline-block;*/

    /*margin: 0 auto;*/

    /*text-align: right;*/

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns .tbcb_content .tbcbc_btn {

    display: inline-block;

    padding: 0.8em;

    margin-right: 0.2em;

    margin: 0 auto;

    -webkit-border-radius: 0.25em;

    -moz-border-radius: 0.25em;

    border-radius: 0.25em;

    border: 0.1em #0073C9 solid;

    font-weight: 700;

    color: white;

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns .tbcb_content .tbcbc_btn.solid {

    background-color: #0073C9;

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns.from_left {

    left: -200%;

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns.from_bottom {

    top: 200%;

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns.from_right {

    left: 200%;

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns.center .tbcb_content {

    text-align: center;

  }

  .banner#home_banner #text_banner .tb_content .tbc_btns.right .tbcb_content {

    text-align: right;

  }

  .banner#home_banner #text_banner .tb_content.center .tbc_upper_title {

    text-align: center;

  }

  .banner#home_banner #text_banner .tb_content.center .tbc_title {

    text-align: center;

  }

  .banner#home_banner #text_banner .tb_content.center .tbc_btns .tbcb_content {

    text-align: center;

  }

  .banner#home_banner #n_banner {

    position: absolute;

    bottom: 0.5em;

    left: 0;

    right: 0;

    text-align: center;

  }

  .banner#home_banner #n_banner .n_banner_icon {

    display: inline-block;

    width: 1em;

    height: 1em;

    margin-right: 0.5em;

    border: 0.1em #0073C9 solid;

    -webkit-border-radius: 0.6em;

    -moz-border-radius: 0.6em;

    border-radius: 0.6em;

    box-shadow: 0 0 0 0em #0073C9 inset;

    transition-duration: 0.5s;

  }

  .banner#home_banner #n_banner .n_banner_icon.selected {

    box-shadow: 0 0 0 0.6em #0073C9 inset;

  }

}

@media screen and (max-width: 750px) {

  #top_info {

    /*height: 1Cem;*/

  }

  #top_info #inner_top_info #right_info {

    width: calc(100% - 10em) !important;

  }

  #top_info #inner_top_info #right_info .ti_contact {

    width: calc(100% - 1em) !important;

    padding-left: 1em;

    display: block;

    border-left: 0px grey solid;

  }

  #top_info #inner_top_info #right_info .ti_contact:first-of-type {

    border: 0px white solid;

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_title {

    width: 8em;

    display: inline-block;

    vertical-align: middle;

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_title:after {

    content: ":";

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_content {

    margin-top: 0;

    width: 15em;

    display: inline-block;

    vertical-align: middle;

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_content a {

    text-decoration: none;

    /*color: black;*/

  }

  #top_info #inner_top_info #right_info .ti_address {

    display: none;

    width: 15em;

    padding-left: 2em;

    /*display: inline-block;*/

    vertical-align: top;

    border-left: 1px grey solid;

  }

  #top_info #inner_top_info #right_info .ti_address .tica_1 {

    font-size: 0.9em;

    font-family: "Open Sans";

    font-weight: 300;

  }

  #top_info #inner_top_info #right_info .ti_address .tica_2 {

    /*font-size: 0.9em;*/

    margin-top: 0.4em;

    font-family: "Open Sans";

    font-weight: 300;

  }

  #home_banner {

    background-image: url(/images/background/vagues_5s.png?v=2c738b063d8fb39299228a89b25bee8e), url(/images/background/vagues_bas_3s.png);

    background-image: url(/images/background/vagues_5s.png?v=2c738b063d8fb39299228a89b25bee8e), url(/images/background/vagues_bas_3s.png?v=e164b74652c8ce986f0fc7f64e6b716a);

  }

  #home_banner .logo {

    background-position: center 0 !important;

  }

  #home_banner .logo.ffb {

    /*                right: auto !important;

                

                left: 1em;*/

    right: calc(50% + 4.5em) !important;

    /*bottom: 2em;*/

    bottom: auto;

    top: 0;

    /*background-image: url(/images/logo/ffb.png?v=6c66579ce13af755d0bcfea57b418416);*/

  }

  #home_banner .logo.smabtp {

    /*right: 13em;*/

    right: calc(50% - 9em) !important;

    bottom: auto;

    top: 0;

    /*background-image: url(/images/logo/smabtp.png?v=7bb6e81155be1eb87f04576121bcf213);*/

  }

  #home_banner .logo.qualibat {

    /*right: 1em;*/

    right: calc(50% - 2.5em) !important;

    /*                bottom: 3em;*/

    bottom: auto;

    top: 0;

    /*background-image: url(/images/logo/qualibat.png?v=619850818618cedb404770708043c227);*/

  }

  #page_contents .pc_row .realisations_box {

    width: 50%;

  }

  #page_contents .pc_row .pc_block#what_we_do .pcbc_3 {

    width: calc(50% - 0.5em);

  }

  #page_contents .pc_row .pc_block#what_we_do .pcbc_23 {

    width: 1em;

  }

}

@media screen and (max-width: 640px) {

  #page_contents .pc_row {

    /*        &#references_all_pages{

            

            .pc_block{

                

                .pcb_columns{

                    

                    text-align: center;

                    

                }

                

            }

            

        }*/

    /*        &#references_all_pages{

            

            .pc_block{

                

                .pcb_columns{

                    

                    text-align: center;

                    

                }

                

            }

            

        }*/

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service {

    /*                    text-align: left;

                    

                    display: inline-block;*/

    /*width: calc(~"33.3% - 1.5em");*/

    width: calc(100% - 1.5em);

    /*                    min-width: 22em;

                    

                    margin: 0 0.5em 2em 0.5em;*/

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service a {

    /*                        text-decoration:none;

                        

                        color: @color;*/

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content {

    /*width: 100%;*/

    /*height: 29em;*/

    height: auto;

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_image {

    /*                            width: 100%;



                            height: 15em;

                            

                            margin-bottom: 2em;

                            

                            background-size:cover;

                            background-position: center;*/

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content {

    /*                            width: 100%;



                            height: 15em;*/

    height: auto;

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_icone {

    /*                                float:left;

                                

                                width: 4.5em;



                                height: 4.5em;

                                

                                background-size: 100%;

                                background-position: center;*/

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte {

    /*                                position: relative;

                                

                                float:right;

                                

                                width: calc(~"100% - 6em");



                                height: 100%;*/

    padding-bottom: 2.5em;

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte .m0bsic_title {

    /*                                    text-decoration:none;

                                    

                                    text-transform: uppercase;

                                    

                                    font-weight: 900;

                                    

                                    margin-bottom: 1em;*/

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte .m0bsic_description {

    /*                                    font-size: 0.9em;

                                    

                                    line-height: 1.8;*/

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte .m0bsic_link {

    /*                                    position: absolute;

                                    

                                    bottom:0;

                                    left: 0;

                                    

                                    font-weight: 600;

                                    

                                    font-size: 0.8em;*/

  }

  #page_contents .pc_row .pc_block .pcb_columns .method_0_block_service .m0bs_inner_content .m0bsic_content .m0bsic_texte .m0bsic_link:before {

    /*                                        content:"";

                                        

                                        display: inline-block;

                                        

                                        width: 0.8em;

                                        height: 0.8em;

                                        

                                        margin-right: 0.5em;

                                        

                                        background-image:url(/images/background/left_arrow.png?v=778715e5acd96ad104b39112500e4785);

                                        background-size: 100%;

                                        background-position: center;*/

  }

}

@media screen and (max-width: 600px) {

  #page_contents .pc_row .realisations_box {

    width: 100%;

    background-size: cover;

  }

  #page_contents .pc_row .pcbc_2 {

    width: 100% !important;

    min-height: 0 !important;

    padding-bottom: 2em;

  }

  #page_contents .pc_row .pc_block#what_we_do .pcbc_3 {

    width: 100%;

  }

  #page_contents .pc_row .pc_block#what_we_do .pcbc_23 {

    display: none;

  }

  #page_contents .pc_row .pc_block .pcb_columns .article_photo_colonne {

    clear: both;

    width: 100%;

  }

  #page_contents .pc_row .pc_block .pcb_columns .article_content_colonne {

    clear: both;

    width: 100%;

  }

  #page_contents .pc_row .accueil_box .accueil_box_texte {

    float: right;

    min-height: 12em;

    /*width:calc(~"100% - 13em");*/

    width: 100%;

  }

  #page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_image {

    float: none;

    height: 5em;

    width: 5em;

    margin: 0 auto 1.5em auto;

  }

  #page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_texte_titre {

    margin-left: auto;

    text-align: center;

  }

  #page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_texte_titre h2 {

    margin: 0 0 0.5em 0;

    color: #006186;

  }

  #page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_texte_contenu {

    line-height: 1.5;

    font-size: 1.1em;

    /*height: calc(~"100% - 2em");*/

    min-height: 6.5em;

    display: flex;

    align-items: center;

  }

  #page_contents .pc_row .accueil_box .accueil_box_texte .accueil_box_texte_contenu ul {

    margin: 0;

  }

  #page_contents .pc_row .accueil_box.right .accueil_box_texte .accueil_box_image {

    float: none;

    /*margin-right: 0em;*/

    margin: 0 auto;

  }

}

@media screen and (max-width: 500px) {

  #top_info {

    /*height: 1Cem;*/

  }

  #top_info #inner_top_info #right_info {

    width: calc(100% - 6em) !important;

  }

  #top_info #inner_top_info #right_info .ti_contact {

    width: calc(100% - 1em) !important;

    padding-left: 1em;

    display: block;

    border-left: 0px grey solid;

  }

  #top_info #inner_top_info #right_info .ti_contact:first-of-type {

    border: 0px white solid;

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_title {

    position: relative;

    width: 1.6em;

    height: 1.6em;

    /*background-color: red;*/

    overflow: hidden;

    color: transparent;

    /*                        display: inline-block;

                        vertical-align: middle;*/

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_title:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    /*background-color: white;*/

    background-image: url(/images/btn/btn_tel.png?v=6fd8dc05f39a5973f5a276f737fda132);

    background-size: cover;

    background-position: center;

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_title#courriel:after {

    background-image: url(/images/btn/btn_mail.png?v=0441d5922512f27928dd9029a8d83c32);

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_content {

    margin-top: 0;

    width: 15em;

    display: inline-block;

    vertical-align: middle;

  }

  #top_info #inner_top_info #right_info .ti_contact .tic_content a {

    text-decoration: none;

    /*color: black;*/

  }

  #top_info #inner_top_info #right_info .ti_address {

    display: none;

    width: 15em;

    padding-left: 2em;

    /*display: inline-block;*/

    vertical-align: top;

    border-left: 1px grey solid;

  }

  #top_info #inner_top_info #right_info .ti_address .tica_1 {

    font-size: 0.9em;

    font-family: "Open Sans";

    font-weight: 300;

  }

  #top_info #inner_top_info #right_info .ti_address .tica_2 {

    /*font-size: 0.9em;*/

    margin-top: 0.4em;

    font-family: "Open Sans";

    font-weight: 300;

  }

  #page_contents .pc_row {

    /*            .pc_block#what_we_do{

                

                .pcbc_3{

                    

                    width: 100%;

                    

                }

                

                .pcbc_23{

                    

                    width: 1em;

                    

                }

                

            }*/

  }

  #page_contents .pc_row .realisations_box {

    width: 100%;

    background-size: cover;

  }

}

/*@import "message_sent.less";





@import "media/top_less1000.less";

@import "media/content_less850.less";*/

html,

body {

  font-family: Quicksand !important;

  /*font-family: 'Bowlby One SC', cursive;*/

  /*font-family: 'Catamaran', sans-serif;*/

  padding: 0;

  margin: 0;

  height: 100%;

  /*background-color: #F2EEE8;*/

}

@media screen and (max-width: 1250px) {

  html {

    font-size: 0.8em;

  }

}

#container {

  position: relative;

  width: 100%;

}

/*@import "media/top_sup1000.less";*/

/*@import "media/top_500_1000.less";*/

/*@import "media/top_h500.less";*/

/*@import "media/top_500.less";*/

/*@import "media/content_700.less";*/

/*@import "media/content_500.less";*/