.text-greyprod {

    color: #667B85;

}

.bg-greyprod {

    background-color: #667B85;

}



#menu-placeholder:before {







    content: 'R. Monnot';







    position: absolute;







    top: 75%;







    transform-origin: bottom left;







    font-size: 12px;







    transform: rotate(-90deg);







}







#menu-placeholder, #close-placeholder {







	position: absolute;







    height: 100%;







	top: 0;







	z-index: 9998;







	right: 0;







}







#close-placeholder {







    z-index: 9997;







}







#close-placeholder.showclose {







    z-index: 9999;







}







.logged-in #menu-placeholder,







.logged-in #close-placeholder {







	top: 0;







}







#menu-navigation-principal a,



#menu-navigation-principale-page-entreprise a {







    color: black;







    padding: 0 5px;







}



#menu-navigation-principale-page-entreprise a.show



#menu-navigation-principal a.show {







    background-color: white;







}







.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined,







.qodef-side-area-close--predefined {







    line-height: 1;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    height: 100%;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    background-color: #b20e10;







    color: #fff;







    padding: 15px;







}















#qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines .qodef-line {







	width: 4px !important;







}















.qodef-side-area-close--predefined {







    background-color: black;







}







.qodef-fullscreen-menu-opener .qodef-open-icon {







    position: relative;







    visibility: visible;







}















.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-lines {







    position: relative;







    display: block;







    width: 33px;







    height: 18px;







}















#qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines .qodef-line, .qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-lines .qodef-line {







    position: absolute;







    left: 0;







    height: 2px;







    background-color: white;







    -webkit-transition: top .3s ease,-webkit-transform .3s ease;







    transition: top .3s ease,-webkit-transform .3s ease;







    -o-transition: top .3s ease,transform .3s ease;







    transition: top .3s ease,transform .3s ease;







    transition: top .3s ease,transform .3s ease,-webkit-transform .3s ease;







}































.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-lines .qodef-line {







    position: absolute;







    left: 0;







    height: 2px;







    width: 100%;







    background-color: white;







    -webkit-transition: top .3s ease,-webkit-transform .3s ease;







    transition: top .3s ease,-webkit-transform .3s ease;







    -o-transition: top .3s ease,transform .3s ease;







    transition: top .3s ease,transform .3s ease;







    transition: top .3s ease,transform .3s ease,-webkit-transform .3s ease;







}















.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-lines .qodef-line.qodef-line-2 {







    top: 0;







    right: 0;







    left: auto;







    width: 21px;







    -webkit-transition: width .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: width .3s cubic-bezier(.29,.21,0,.97);







    transition: width .3s cubic-bezier(.29,.21,0,.97);







}







.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-lines .qodef-line.qodef-line-2 {







    width: 100%;







    -webkit-transition: width .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: width .3s cubic-bezier(.29,.21,0,.97);







    transition: width .3s cubic-bezier(.29,.21,0,.97);







}







.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-lines .qodef-line.qodef-line-1 {







    top: 0;







    width: 3px;







}















.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-lines .qodef-line.qodef-line-3 {







    top: 8px;







    width: 27px;







    -webkit-transition: left .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: left .3s cubic-bezier(.29,.21,0,.97);







    transition: left .3s cubic-bezier(.29,.21,0,.97);







}







.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-lines .qodef-line.qodef-line-3 {







    left: 6px;







    -webkit-transition: left .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: left .3s cubic-bezier(.29,.21,0,.97);







    transition: left .3s cubic-bezier(.29,.21,0,.97);







}







.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-lines .qodef-line.qodef-line-4 {







    bottom: 0;







    width: 100%;







    -webkit-transition: width .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: width .3s cubic-bezier(.29,.21,0,.97);







    transition: width .3s cubic-bezier(.29,.21,0,.97);







}







.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-lines .qodef-line.qodef-line-4 {







    width: 21px;







    -webkit-transition: width .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: width .3s cubic-bezier(.29,.21,0,.97);







    transition: width .3s cubic-bezier(.29,.21,0,.97);







}







.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-lines .qodef-line.qodef-line-5 {







    bottom: 0;







    left: 30px;







    width: 3px;







}















#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    height: 87px;







    padding: 0 27px;







    color: #fff;







    background-color: #101010;







}







#qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines,







.qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-lines {







    position: relative;







    display: block;







    width: 33px;







    height: 18px;







}







#qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines .qodef-line.qodef-line-1 {







    left: 0;







    -webkit-transition: left .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: left .3s cubic-bezier(.29,.21,0,.97);







    transition: left .3s cubic-bezier(.29,.21,0,.97);







}







#qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines .qodef-line.qodef-line-2 {







    -webkit-transition: top .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: top .3s cubic-bezier(.29,.21,0,.97);







    transition: top .3s cubic-bezier(.29,.21,0,.97);







}







#qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines .qodef-line.qodef-line-3 {







    left: 14px;







    -webkit-transition: -webkit-transform .3s cubic-bezier(.29,.21,0,.97) .2s;







    transition: -webkit-transform .3s cubic-bezier(.29,.21,0,.97) .2s;







    -o-transition: transform .3s cubic-bezier(.29,.21,0,.97) .2s;







    transition: transform .3s cubic-bezier(.29,.21,0,.97) .2s;







    transition: transform .3s cubic-bezier(.29,.21,0,.97) .2s,-webkit-transform .3s cubic-bezier(.29,.21,0,.97) .2s;







}







#qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines .qodef-line.qodef-line-4, .qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-lines .qodef-line.qodef-line-4 {







    bottom: 0;







    width: 100%;







    -webkit-transition: width .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: width .3s cubic-bezier(.29,.21,0,.97);







    transition: width .3s cubic-bezier(.29,.21,0,.97);







}







#qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines .qodef-line.qodef-line-5 {







    bottom: 0;







    right: 0;







    left: auto;







    -webkit-transition: right .3s cubic-bezier(.29,.21,0,.97);







    -o-transition: right .3s cubic-bezier(.29,.21,0,.97);







    transition: right .3s cubic-bezier(.29,.21,0,.97);







}







body {







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







    font-size: 18px;







    overflow-x: hidden;







}



.overflowhidden {



    overflow: hidden;



}



body.home {







    overflow: hidden;







    max-height: 100vh;







}







.offcanvas.offcanvas-end, .page-id-5669 {

	background:  url(images/bg-menu.jpg) no-repeat;

	background-size: cover;

	border-left: 0 !important;

}















#main-logo {







    z-index: 9999;







}







.logo-placeholder {


    position: relative;







}







.logged-in .logo-placeholder {









}


.logo90 {
    top: -25px;
    width: 90px;
}












.current-menu-item .hvr-underline-from-center:before,







.hvr-underline-from-center:before {







	height: 2px;







	background-color: #b20e10 !important;







}















#menu-menu-principal a {







	color:  black;







}















.current-menu-item a {







	color:  #b20e10;







}







#menu-item-5648 {







    background-color: #b20e10;







}







#menu-navigation-principale-page-entreprise #menu-item-5648 a,



#menu-navigation-principal #menu-item-5648 a {







    color: white;







}







.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before {







	left: 0;







	right: 0	







}







button.close {







	position: relative;







	top: 30px;







	border:  0;







	outline: 0;







}







.video-container {







    width: 100%;







    height: 100%;







    left: 0;







    top: 0;







    position: relative;







}







.video-container:before {







    width: 100%;







    height: 100%;







    display: block;







    content: ' ';







    position: absolute;







    left: 0; right: 0; top: 0; bottom: 0;







    background:  rgba(255,255,255,.90);







}







iframe.youtube {







    min-height:100vh;







    height: auto;







    width: 200%;







    position: absolute;







}







.overlay-swiper {







    position: absolute;







    top: 0;







    left: 0;







    right: 0;







    bottom: 0;







    background-color: rgba(255,255,255,0.75);







    width: 100%; height: 100%;







    display: block;







    z-index: 999;







}















.hero-banner {







    max-height: 50vh;







    overflow: hidden;







}







.hero-banner #intro {







    bottom: 0%;







    padding: 15px 30px;







    z-index: 3;







}







.hero-banner h1 {







    z-index: 3;







    font-size: 2.3em !important;







    font-weight: 700 !important;







}







.overlay02 {







    background-color: rgba(255,255,255,0.90);







}







.embed-responsive, .post-thumbnail, .wp-video {







    margin:  0 !important;







}







    .swiper-container {







        width: 100%;







        height: 100vh;







        margin-left: auto;







        margin-right: auto;







        overflow: hidden;







    }







    .swiper-slide {







        text-align: center;







        font-size: 18px;







        background: #fff;







        height: 100%;







        /* Center slide text vertically */







        display: -webkit-box;







        display: -ms-flexbox;







        display: -webkit-flex;







        display: flex;







        -webkit-box-pack: center;







        -ms-flex-pack: center;







        -webkit-justify-content: center;







        justify-content: center;







        -webkit-box-align: center;







        -ms-flex-align: center;







        -webkit-align-items: center;







        align-items: center;







    }















.swiper-pagination-bullet-active{







  background-color:#fff;







}















.color-1{







  background-color:#009688;







}







.color-2{







  background-color:#4CAF50;







}







.color-3{







  background-color:#FFEB3B;







}







.color-4{







  background-color:#FF5722;







}







.color-5{







  background-color:#607D8B;







}















#main {







    margin: 0;







}















.swiper-pagination-bullet {







    background:  white !important;







    height: 60px !important;







    border-radius: 0 !important;







    transition: all ease 0.5s;







    transform-origin: 50% 50%;







    transform:  scale(1);







    margin-bottom: 30px !important;







}







.swiper-pagination-bullet.swiper-pagination-bullet-active {







    transform:  scale(1.2);







}







.swiper-pagination-bullet.logo-tim {







    background:  url(logos/tim-couleur.svg) no-repeat center center !important;







}







.swiper-pagination-bullet.logo-prod {







    background:  url(logos/prod-couleur.svg) no-repeat center center !important;







}







.swiper-pagination-bullet.logo-lmt {







    background:  url(logos/lmt-couleur.svg) no-repeat center center !important;







}







.swiper-pagination-bullet {







    width: 300px !important;







    background-size:  cover;







}







.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {







    right: initial !important;







    left:  45px;







}







.white-logo .cls-2 {







    fill:  #fff;







    transition: all ease .75s;







}







.cls-2 {







    fill:  #333333;







}















.swiper__title {







	position: relative;







	z-index: 999999;







	/*







    color:  #b20e10;







    font-weight: 900;







	font-weight: bold;







    */







}







.swiper__title h2 {







    letter-spacing: .01em;







    font-size: 2em !important;







}







.swiper__title em {







    font-style: normal;







}







.swiper__title span {







	display: block;







	text-align: left;







}







footer#footer {







	width: 100%;







	font-size: 14px;







	position: fixed;







	z-index: 98;







	bottom: 0;







	background-color: transparent !important;







}







.home footer#footer {







    text-align: right;







}







.list-group-item,







.list-group-horizontal-md>.list-group-item+.list-group-item {







	background:  transparent !important;







	border:  0 !important;







	border-left-width:  0 !important;







	border-top-width: 0 !important;







}







.zindex9999 {







    z-index: 9996;







}







.bg-dark,







footer#footer.bg-dark {







    background-color: #dadce0 !important;







}















.bg-red {







    background-color: #b20e10;







}







.bg-red2 {







    background-color: #b20e10;







}







.red {







    color: #b20e10;







}







.red2 {







    color: #b20e10 !important;







}















.panel__title h4 {







    transform: rotate(-90deg);







    transform-origin: bottom left;







    font-size: 14px;







    position: relative;







    bottom:0;







    width: 140px;







    text-align: center;







}







.py-50 {







    padding-top: 50px;







    padding-bottom: 50px;







}







.py-30vh {







    padding-top: 30vh;







    padding-bottom: 30vh;







}







.py-15vh {







    padding-top: 15vh;







    padding-bottom: 15vh;







}







.text-stroke {







    -webkit-text-stroke: 1px #b20e10;







    text-stroke: 1px white;







    color: transparent !important;







}







#future2 .text-stroke {







    -webkit-text-stroke: 1px #b20e10;







    text-stroke: 1px #b20e10 !important;







}







#future, #archive {







    background: url(../assets/images/bg-white.jpg);







    background-attachment: fixed;







}







#figure {







    background: url(../assets/images/bg-red03.jpg);







    background-attachment: fixed;







}







#why {







     background: url(../assets/images/bg-menu.jpg);







    background-attachment: fixed;







   







}







h1.bigFontSize {







    font-size: 3em !important;







    font-weight: 900 !important;







    line-height: .85em;







}







.arial {







    font-family: Arial, sans-serif !important;







}







.bg-white {







    background-color: white !important;







    transition: all ease .4s;







}







.bg-white-50 {







    background-color: rgba(255,255,255,0.7);







}







.bg-white #main-logo {







    width: 10% !important;







}







.bg-white svg {







    height: 35px;







    transition: all .3s linear;







}







.bg-white.py-3 {







    padding: 0.85em !important;







    transition: all .3s linear;







}







svg#raoulmonnot {







    transition: all .3s linear;







}







.strong {







    font-weight: bold;







}







#keyscontainer {







    overflow: hidden;







}







.keyfigure h3 {







    padding: 30px;







}







.keyfigure {







    padding: 15px;







    min-height: 400px;







}







.keyfigure p {







    padding: 15px 0;







    font-size: 24px;



    margin-top: auto;















    font-weight: bold;







}







.keyfigure h3 {







    height: 70%;







    border:1px solid #cecece;







    margin:0;







}















#svgpoints .cls-point1{fill:#f9f9f9;}







#svgpoints {







    position: absolute; top: 0; left: 0;







}







.fontweight900 {







    font-weight: 900;







}







h3.fontweight900 {







    font-size: 2.5em;



    height: 300px;



    text-align: justify;







    letter-spacing: 3px;







    text-transform: uppercase;







}

h3.fontweight900 span {

    font-size: 1em; display: inline-block; margin-right: 5px;

}





h3 sup {







    font-size: .3em;







    top: -1em;







}















#timeline .st0{display:none;}







#timeline .st1{display:inline;opacity:0.08;}







#timeline .st2{stroke:#7F2700;fill: none}







#timeline .st3{fill:#FF0000;}







#timeline .st4{fill:#FFFFFF;}







#timeline .st5{fill:none;}







#timeline .st7{font-size:30px;}







#timeline .st9{font-size:12px;}







#timeline .st11{font-size:23px;}







#timeline .st12{font-size:26px;}







#timeline .st13{font-size:48px;}







#timeline .st14{display:none;fill:#FFFFFF;}







#timeline .st15{font-size:14px;}







#timeline .st16{font-size:16px;}















.career:nth-child(odd),







.career:nth-child(odd) {







    background-color: #f9f9f9;







}







.career:nth-child(odd) .separator-bottom {







    border-bottom : 1px solid white;







}







.separator-bottom {







    border-bottom: 1px solid #f9f9f9;







}







.text-right {







    text-align: right;







}







.firm img {







    height: 20px;







}







a {







    color: #b20e10;







}







.offcanvas-body ul:hover li img:not(hover) {







    opacity:0.5;







    transition: all ease .5s;







    filter: grayscale(60%);







}







.offcanvas-body ul:hover li img:hover {







    opacity:1;







    cursor: pointer;







    filter: grayscale(0%);







}















.preloader {







    position: fixed;







    z-index: 99999;







    background-color: white;







    height: 100%;







    width: 100%;







    overflow: hidden;







    top: 0; left: 0;







}















.red-fill path {







    fill: none;







  stroke-dasharray: 8;







  stroke-width: 1;







  fill: none;







  stroke-miterlimit: 10;







  stroke: black;







}















.stick {







    z-index: 9999999999;







    position: sticky;







    left: 0;







    top: 50%;







}























/*







flip card







*/







.card-flip > div {







  backface-visibility: hidden;







  transition: transform 300ms;







  transition-timing-function: linear;







  width: 100%;







  height: 100%;







  margin: 0;







  display: flex;







}















.card-front {







  transform: rotateY(0deg);







}















.card-back {







  transform: rotateY(180deg);







  position: absolute;







  top: 0;







}















.card-flip:hover .card-front {







  transform: rotateY(-180deg);







}







  







.card-flip:hover .card-back {







  transform: rotateY(0deg);







}







.card {







    border: none !important;







}







.card-body {







    padding: 0px !important;







}







.icon_measure {







    height: 20px; width: 100px; display: block; background-position: top center; background-repeat: no-repeat; padding-left: 30px; background-size: 20px;







}







.diameter {







    background-image: url(icons/diameter.png);







}







.lenght {







    background-image: url(icons/lenght.png);







}







.coordX {







    background-image: url(icons/x-coords.png);







}







.coordY {







    background-image: url(icons/y-coords.png);







}







.coordZ {







    background-image: url(icons/z-coords.png);







}







.iconmenu {







    font-size: 14px;







}







.show.dropdown-menu {







  max-height: 800px;







  visibility: visible;







}







  



/*



.dropdown-menu {







  display: block;







  max-height: 0;







  visibility: hidden;







  transition: all 0.4s ease-in-out;







  overflow: hidden;







  min-width: 300px;







  border:0; border-radius: 0;







}



*/



.dropdown .dropdown-menu {



  display: none;



  min-width: 300px; border:0; border-radius: 0;



}



.dropdown:hover > .dropdown-menu,



.dropend:hover > .dropdown-menu {



  display: block;



  visibility: initial !important;



  overflow: auto;







}







.swiper-slide:hover {







    cursor: pointer;







}







.swiper-slide:hover h4 {







    color: #b20e10;







}







.swiper-slide:hover .st0 {







    stroke: #b20e10;







}







.white-mask-layer {







    top: 0;







    bottom: 0;







    width: 150%;







    -webkit-mask: url(images/mask.png);







    mask: url(images/mask.png);







    -webkit-mask-size: 7000% 100%;







    mask-size: 7000% 100%;







    background-color: #fff;







    position: absolute;    







}







.pic {







    position: relative;







    overflow: hidden;







}







.is-active .white-mask-layer {







       animation: mask 3s steps(69);







    animation-fill-mode: forwards; 







}























.section {







  height: 100vh;







  width: 100%;







  display: flex;







  align-items: center;







  justify-content: flex-start;







  padding: 5vw;







  box-sizing: border-box;







}















.section__cards {







  display: flex;







  justify-content: flex-start;







  align-items: center;







  width: 100%;







  height: 100%;







  flex-shrink: 0;







}















.section__card {







  width: 100%;







  height: 50%;







  align-items: center;







  flex-shrink: 0;







  justify-content: center;















}















.section__title {







  color: #1b2b34;







}















.hide-it {







    opacity: 0;







    height: 0;







    transition: all ease .5s;







}















.shadow {







   box-shadow: inset 2px 5px 10px 0px rgb(0 0 0 / 3%)







}















.bg-white02 {







    background:url(../assets/images/bg-white02.jpg) no-repeat fixed;







}







.bg-white03 {







    background:url(../assets/images/bg-white03.jpg) no-repeat fixed;







}















#myModal .modal-dialog {







    width:120%;







    position:fixed;







        bottom:0px;







        right:0px;







        margin:0px;















}







.modal.modalservice {



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



    z-index: 9999;



}



.modalservice .modal-header {



    border: 0 !important;



}



.h-400 {



    height: 400px;



}



#quote {







    position: relative;







}







#quote i {







    display: block;







    top: 30px; left: 30px;







    float: left;







    margin-right: 10px;







}







#map.position-sticky {







    position: sticky;







    top: 0;







}







#map {







    height: 100vh;







}







.zindex1 {







    z-index: 1;







}







div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {







    border: 1px solid #f5f5f5;







    border-bottom-color: #ccc;







}















div.wpforms-container-full .wpforms-form input[type=submit],







div.wpforms-container-full .wpforms-form button[type=submit],



#wppb-submit,



div.wpforms-container-full .wpforms-form .wpforms-page-button {







    background-color: #0c435e;







    color: white;







    width: 50%;







    margin:auto;







    border-color: #0c435e;







}







.fa-location-dot {







    color: #b20e10;







}







a:hover {







    color: #0c435e;







    transition: all ease .3s;







}















.modal-backdrop {







    background: transparent;







}















        /* optional css fade in animation */







        iframe {







            transition: opacity 500ms ease-in-out;







            transition-delay: 250ms;







        }







.bg-gradient-white {







    background: rgb(255,255,255);







background: linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);







}







.revealer {







  visibility: hidden;







  position: relative;







  width: 80%;







  height: 80%;







  max-width: 500px;







  overflow: hidden;







}















.video {







  position: absolute;







  width: 100vw;







  height: 100%;







  object-fit: cover;







  top: 0; left: 0;







}







.box-shadow {







    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);







}















#wp-submit {







    background-color: #0c435e;







    color: white;







    width: 50%;







    margin: auto;







    border-color: #0c435e;







}















.mp_wrapper textarea, .mp_wrapper select, *







.mp_wrapper input[type=text], .mp_wrapper input[type=url], 







.mp_wrapper input[type=email], .mp_wrapper input[type=tel], 







.mp_wrapper input[type=number], .mp_wrapper input[type=password] {







       border: 1px solid #f5f5f5;







    border-bottom-color: #ccc; 







}







.mp-form-label {







    font-weight: bold;







}







.zindex99 {







    z-index: 99 !important;







}







.btn-blue,



#wppb-submit,



div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {







    background-color: #667B85 !important;







    border-color: #667B85 !important;







    color: white !important;







}







.actu {







    transition: all ease .4s;







}







.actu:hover {







    background-color: white !important;







}







.page-id-5529 #values {



    height: 100vh;



    /* color: white !important */







}











.video-background {



  background: #000;



  position: fixed;



  top: 0; right: 0; bottom: 0; left: 0;



  z-index: -99;



}



.video-foreground,



.video-background iframe {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  pointer-events: none;



}







.mp-hide-pw {



    position: relative;



}







.mp-hide-pw .dashicons-visibility {



    content: "\f177";



    font-family: dashicons;



    display: inline-block;



    line-height: 1;



    font-weight: 400;



    font-style: normal;



    speak: never;



    text-decoration: inherit;



    text-transform: none;



    text-rendering: auto;



    -webkit-font-smoothing: antialiased;



    -moz-osx-font-smoothing: grayscale;



    width: 20px;



    height: 20px;



    font-size: 20px;



    vertical-align: top;



    text-align: center;



    transition: color .1s ease-in;



}







.mp-hide-pw .mp-hide-pw {



    position: absolute;



    right: 0;



    top: 0;



    display: flex;



    width: auto;



    height: 100%;



    align-items: center;



    background: 0 0;



    color: #85929e;



    text-decoration: none;



    padding: 1em 1.4em;



    border: none !important;



    box-shadow: none;



}







.type-private-page {



    padding-top: 100px;



}



.pt-100 {



    padding-top: 140px;



}



.text-small {



    font-size: 14px;



}







.wppb-user-forms ul, .wppb-user-forms li {



    list-style-type: unstyled;



    padding: 0;



    margin: 0;



}







.wppb-user-forms li, #wppb-form-field  {



    margin-bottom: 30px;



}







.wppb-user-forms li label,



#wppb-login-wrap label {



    display: block;



}







li::marker {



  color: red;



  visibility: hidden;



  font-weight: bold;



}







.nav-pills .nav-link.active, .nav-pills .show>.nav-link {



    background-color: #b20e10 !important;



    color: white !important;



}



.nav-pills .nav-link {



    color: #b20e10 !important;



}



nav .position-sticky {



    top: 300px;



}



.box-shadow {



    box-shadow: 10px 10px 20px rgba(0, 0, 0, .25);



}







#wppb-login-wrap {



    padding: 15px;



}



.parc {



    position: fixed;



    bottom: 0;



    left: 0;



}



.video {



    z-index: -1 !important;



    top: 0;



    left: 0;



}



.swiper-services {



    height: 60vh;



}



.swiper-services .swiper-slide {



    background-color: transparent !important;



}







.bg-gradient {



    background: rgb(255,255,255);



    height: 100%;



    text-align: left;



    display: flex;



    flex-direction: column;



    justify-content: center;



}







.img-container {



  position: relative;



  overflow: hidden;



   --height: 0%;



}



.img-container img {



    width: 100%;



    opacity: 0;



}



  



.img-container:after {



    content: "";



    position: absolute;



    width: 100%;



    height: var(--height);



    bottom: 0;



    left: 0;



    background: #000000;



}



.splittext {



    display: inline-block;



}







.top-40 {



    top: 40%;



}















.container .box{



    position: relative;



    height: 250px;



    transform-style: preserve-3d;



    perspective: 1000px;



    cursor: pointer;



}







.container .box .body{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    transform-style: preserve-3d;



    transition: 0.9s ease;



}















.container .box .body .imgContainer{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    transform-style: preserve-3d;



    display: flex;



    justify-content: center;



    align-items: center;



    background-color: white;



    border: 1px solid #cecece;



    flex-direction: column;



}



.bottom-15 {



    bottom: 15px;



}



.imgContainer h2 {



    z-index: 9;



    position: relative;



}







.container .box .body .imgContainer img{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    object-fit: cover;



}







.container .box .body .content{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background: white;



    backface-visibility: hidden;



    transform-style: preserve-3d;



    transform: rotateY(180deg);



    font-size: .85em;



}







.container .box:hover .body{



    transform: rotateY(180deg);



}







.container .box .body .content div{



    transform-style: preserve-3d;



    padding: 15px;



    background: url(images/bg-white.jpg) no-repeat center center;



    transform: translateZ(100px);



    display: flex;



    align-items: center;



    height: 100%;

    width: 100%;



}







.container .box .body .content div h3{



    letter-spacing: 1px;



}







#mosaique {



    opacity: .5;



}



#services02 {



    max-width: 100%;



    



}







.ray{



  fill:none;



  stroke:green;



  stroke-width:3;



}



.ray .blossom{



  fill:green;



  stroke:none;



}







.svgservices {



    top: 150px !important



}







#servicescolumns .accordion-item {



    background-color: transparent !important;



}



#servicescolumns .accordion-header {



    position: relative;



}



#servicescolumns .accordion-button {



    background: transparent !important;



    font-size: inherit !important;



    display: block;



}



.cls-30.cls-hover {



    fill: green;



}















.x-schedule-trigger {



  display: block;



  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



  text-decoration: none;



  z-index: 1;



}



.x-schedule-trigger:before {



  font-size: 18px;



  content: "+";



  display: block;



  width: 1.5em;



  height: 1.5em;



  background: #f05022;



  color: white;



  line-height: 1.4em;



  text-align: center;



  position: absolute;



  top: 40%;



  left: 50%;



  transform: translateX(-50%);



}







.x-day-group {







  will-change: opacity, transform;



  opacity: 1;



  transform: transformX(0);



}



h3 + .x-day-group {



  padding-top: 0;



}







.is-active h3 {







}



.is-active .x-schedule-trigger {



  display: none;



}







.x-accordion {



  display: flex;



  overflow: hidden;



  max-width: 100%;



}







.x-accordion-panel {



  flex: initial;



  min-width: 80px;



  border-left: 1px solid #ccc;



  border-right: 1px solid #ccc;



  position: relative;



  margin-left: -1px;



  width: 10%;



  will-change: width;



  transition: 0.3s ease;



}



.x-accordion-panel:first-child {



  margin-left: 0;



}



.x-accordion-panel.is-active {



  width: 80%;



}







.x-accordion-content {



  overflow: hidden;



}



.x-accordion-content > *:first-child {



  margin-top: 0;



}



.x-accordion-content h3 {







}







.x-is-power-hour {



  background-color: #f05022;



  color: white;



}



.visuallyhidden {



  border: 0 !important;



  clip: rect(0 0 0 0) !important;



  height: 1px !important;



  margin: -1px !important;



  overflow: hidden !important;



  padding: 0 !important;



  position: absolute !important;



  width: 1px !important;



}



.is-active .visuallyhidden {



    height: auto !important;



    position: static !important;



    width: auto !important;



    clip: auto !important;



}







.current_page_item a:before {



    content: "";



    position: absolute;



    z-index: -1;



    left: 0%;



    right: 0%;



    bottom: 0;



    -webkit-transition-property: left, right;



    transition-property: left, right;



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-timing-function: ease-out;



    transition-timing-function: ease-out;



    height: 2px;



    background-color: #b20e10 !important;



}



.description-service circle.cls-20,



.description-service circle.cls-25,



.description-service circle.cls-39 {



    transition: all ease .4s;



    transform-origin: center center;



}



.description-service:hover circle.cls-20,



.description-service:hover circle.cls-25,



.description-service:hover circle.cls-39 {



    fill: #b20e10;



}







#capacites {



    height: 100vh;



}











.dropdown:hover>.dropdown-menu {



  display: block;



}







.dropdown>.dropdown-toggle:active {



  /*Without this, clicking will make it sticky*/



    pointer-events: none;



}



.btn-services .round.cls-12 {



    transition: all ease .3s;



}



.btn-services:hover .round.cls-12 {



    fill: #b20e10 !important;



}







#user_login {



    width: 100%;



}



.login-remember input,



.login-remember label {



    display: inline-block !important;



    margin-right: 5px;



}



.divider {

    height: 300px;

    display: flex;

    justify-content: center;

    align-items: flex-end;

}



.displaynone.showit {

    z-index: 9;

    position: relative;

    opacity: 1;

}

.displaynone {

    opacity: 0;

    position: relative;

    z-index: 1;

}

.page-id-5580 #horizontal {

/*    background:  url(images/texture-point.jpg) no-repeat; */

}



.videoservices {

  position: fixed;

  top: 50%;

  left: 50%;

  min-width: 100%;

  height: 100%;

  transform: translate(-50%, -50%);

  object-fit: cover;

}



#container {

  height: 500vh;

}



.card-monnot {

    border: 1px solid #dadce0;

    min-height: 300px;

    display: flex; flex-direction: row; justify-content: center; align-items: center;

}

.card-monnot02 {

    border: 1px solid #dadce0;



    display: flex; flex-direction: row; justify-content: center; align-items: center;



}

.video02 {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}

.h100vh {

    height: 100vh;

}

.box-shadow {

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);

}