@font-face {
    font-family: 'Montserrat-Black';
    src: url('fonts/Montserrat-Black.eot');
    src: local('☺'), url('fonts/Montserrat-Black.woff') format('woff'), url('fonts/Montserrat-Black.ttf') format('truetype'), url('fonts/Montserrat-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.eot');
    src: local('☺'), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype'), url('fonts/Montserrat-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Hairline';
    src: url('fonts/Montserrat-Hairline.eot');
    src: local('☺'), url('fonts/Montserrat-Hairline.woff') format('woff'), url('fonts/Montserrat-Hairline.ttf') format('truetype'), url('fonts/Montserrat-Hairline.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('fonts/Montserrat-Light.eot');
    src: local('☺'), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype'), url('fonts/Montserrat-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: local('☺'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?kq10f9');
  src:  url('fonts/icomoon.eot?kq10f9#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?kq10f9') format('truetype'),
    url('fonts/icomoon.woff?kq10f9') format('woff'),
    url('fonts/icomoon.svg?kq10f9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html { height: 100%; }
body { }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 80px; padding-left: 80px; }
header { position: relative; background-color: #000000; /* border-bottom: 3px solid #ffffff; */ }
header .row {padding: 30px 0px 30px; }
.hdr-text { font-family: 'Montserrat-Regular'; text-align: right; }
#lang-link { font-size: 15px; line-height: 17px; margin: 0px 0px; }
#lang-link a { color: #ffffff; text-decoration: none; }
#text1 { color: #0080c6; text-transform: uppercase; font-size: 29px; line-height: 31px; margin: 27px 0px 0px; }
#phone { color: #ffffff; font-size: 23px; line-height: 25px; margin: 0px 0px; }
#email {font-size: 23px; line-height:25px; margin: 0px 0px; }
#email a { color: #ffffff; text-decoration: none; }
img#mid-image { width: 100%; }
.main { background: url(img/full-wide-procal.jpg) no-repeat center center; background-size: cover; }
.main .box { min-height: 50vw; display: table; }
.main .box p { font-family: 'Montserrat-Regular'; font-size: 39px; line-height: 41px; text-transform: uppercase; color: #ffffff; display: table-cell; vertical-align: middle; }
.main1 .container-fluid { padding-right: 0px; padding-left: 0px; }
.main1 .container-fluid .row { --bs-gutter-x: inherit; }
.main1 .box-1 { font-family: 'Montserrat-Regular'; padding: 60px 80px 60px 80px; }
.main1 .box-1 h2 { font-size: 28px; text-transform: uppercase; color: #0080c6; }
.main1 .box-2 { color: #ffffff; font-family: 'Montserrat-Regular'; padding: 60px 50px 60px 80px; background: url(img/pomme.jpg) no-repeat center center; background-size: cover; }
.main1 .box-2 h2 { font-size: 28px; text-transform: uppercase; color: #ffffff; }
.main1 p { font-size: 17px; line-height: 19px; }
.main1 .box-2 ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 15px; border-left: 1px solid #ffffff; }
.main1 .box-2 ul li { position: relative; font-size: 17px; line-height: 19px; margin: 10px 0px; }
.main1 .box-2 ul li br { display: none; }
.main1 .box-2 ul li span.fleche { position: relative; }
.main1 .box-2 ul li span.fleche:before { font-family: 'icomoon'; position: absolute; left: 5px; top: 0px; content: "\e901"; font-size: 14px; }
.main1 .box-2 ul li span.env { position: relative; }
.main1 .box-2 ul li span.env a { color: #ffffff; }
.main1 .box-2 ul li span.env a:before { font-family: 'icomoon'; position: absolute; left: 25px; top: -2px; content: "\e900"; }
/* .box-2 { background: url(img/pomme.jpg) no-repeat center center; background-size: cover; } */
footer { position: relative; background-color: #000000; }
footer p { color: #ffffff; font-family: 'Montserrat-Light'; font-size: 12px; text-transform: uppercase; margin: 10px 0px;}


/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 80px; padding-left: 80px; }
 }

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 80px; padding-left: 80px; }
 }

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 80px; padding-left: 80px; }
    header #logo { width: 100%; }
    #lang-link { font-size: 15px; line-height: 17px; }
    #text1 { font-size: 23px; line-height: 25px; margin: 15px 0px 0px; }
    #phone { font-size: 19px; line-height: 21px; margin: 0px 0px; }
    #email {font-size: 19px; line-height:21px; margin: 0px 0px; }
    .main .box p { font-size: 29px; line-height: 31px; }
    .main1 .box-1 { padding: 60px 40px 60px 80px; }
    /* .main1 .box-2 { padding: 60px 10px 60px 40px; } */
    .main1 p { font-size: 15px; line-height: 17px; }
    .main1 .box-2 ul li { font-size: 15px; line-height: 17px; margin: 10px 0px;  }
    .main1 .box-2 ul li br { display: inline-block; }
 }

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    /* .main1 { background: url(img/pomme.jpg) no-repeat bottom center; background-size: 100% 50%; } */
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 80px; padding-left: 80px; }
    .main1 { background: none; }
    .main1 .container { width: 100%; max-width: 100%; padding: 0px; margin: 0px;}
    .main1 .box-1, .main1 .box-2 { padding: 0px; }
    .main1 .box-1>div, .main1 .box-2>div { width: 100%; margin: 0px auto; padding: 30px 80px; }
    .main1 .box-2 { background: url(img/pomme.jpg) no-repeat center center; background-size: cover; }
    .main1 .box-2 ul li br { display: none; }
    .main1 p { font-size: 17px; line-height: 19px; }
    .main1 .box-2 ul li { font-size: 17px; line-height: 19px; }
    #text1 { font-size: 19px; line-height: 25px; margin: 15px 0px 0px; }
    #phone { font-size: 19px; line-height: 21px; margin: 0px 0px; }
    #email {font-size: 14px; line-height:21px; margin: 0px 0px; }
}

/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); }
    .main1 .box-1>div, .main1 .box-2>div { width: 100%; margin: 0px auto; padding: 30px 10px; }
    .main1 .box-1, .main1 .box-2 { padding: 0px; }
    #text1 { font-size: 19px; line-height: 25px; margin: 15px 0px 0px; }
    #phone { font-size: 19px; line-height: 21px; margin: 0px 0px; }
    #email {font-size: 12px; line-height:21px; margin: 0px 0px; }
}