Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/mfr-bagelechatel.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 717
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/mfr-bagelechatel.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 1768
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/mfr-bagelechatel.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 2424
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/mfr-bagelechatel.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 2478
Warning: is_file(): open_basedir restriction in effect. File(//../../../../css/utils.less) is not within the allowed path(s): (/www/wwwroot/mfr-bagelechatel.fr/:/tmp/) in /www/wwwroot/mfr-bagelechatel.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(//../../../../css/utils) is not within the allowed path(s): (/www/wwwroot/mfr-bagelechatel.fr/:/tmp/) in /www/wwwroot/mfr-bagelechatel.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(//../../../../css/global.less) is not within the allowed path(s): (/www/wwwroot/mfr-bagelechatel.fr/:/tmp/) in /www/wwwroot/mfr-bagelechatel.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(//../../../../css/global) is not within the allowed path(s): (/www/wwwroot/mfr-bagelechatel.fr/:/tmp/) in /www/wwwroot/mfr-bagelechatel.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
display: none !important;
}
body main section.propos {
overflow: hidden;
position: relative;
}
body main section.propos .contenu {
padding: 20px 0;
}
body main section.propos .contenu:nth-of-type(n+2) {
padding: 0 0 150px;
}
body main section.propos .contenu .text-right .global .bloc {
padding-left: 30px;
padding-right: 0;
margin: 0 0 0 auto;
}
body main section.propos .contenu .text-right .col-bulle2 {
position: relative;
}
body main section.propos .contenu .text-right .col-bulle2 .content {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
body main section.propos .contenu .text-right .col-bulle2 .bulle2 path {
transform: scale(.98) translateX(-80px);
}
body main section.propos .contenu .text-right .col-bulle3 {
position: relative;
}
body main section.propos .contenu .text-right .col-bulle3 .content {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
height: 960px;
}
body main section.propos .contenu .text-right .col-bulle3 .bulle3 path {
transform: scale(1.38) rotate(45deg) translate(114px,-290px);
}
body main section.propos .contenu .composant {
position: absolute;
top: -220px;
left: 460px;
z-index: 2;
}
body main section.propos .contenu .content {
position: relative;
}
body main section.propos .contenu .content >.row {
align-items: center;
}
body main section.propos .contenu .visuel {
clip-path: url(#path);
width: 100%;
height: 580px;
position: relative;
display: block;
}
body main section.propos .contenu .visuel img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body main section.propos .contenu .sans-bulle .visuel {
clip-path: none;
width: 100%;
height: 580px;
position: relative;
display: block;
}
body main section.propos .contenu .sans-bulle .visuel img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
transform: scale(1);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
border: 8px solid #CCA660;
background-color: white;
}
body main section.propos .contenu .col-bulle2 .visuel {
clip-path: url(#path2);
}
body main section.propos .contenu .col-bulle3 .visuel {
clip-path: url(#path3);
}
body main section.propos .contenu .global .col-bulle2,
body main section.propos .contenu .global .col-bulle3 {
width: 50%;
}
body main section.propos .contenu .global .col-bulle2 .bloc,
body main section.propos .contenu .global .col-bulle3 .bloc {
max-width: 100%;
padding: 0 30px;
}
body main section.propos .contenu .global .bulle1 {
position: absolute;
width: 100%;
height: 100%;
right: 0;
}
body main section.propos .contenu .global .bulle1 .clipPath {
position: relative;
width: 100%;
height: 100%;
}
body main section.propos .contenu .global .bulle1 path {
width: 100%;
height: 100%;
position: absolute;
right: 0;
transform: scale(.99);
}
body main section.propos .contenu .global .bulle2 {
position: absolute;
width: 100%;
height: 100%;
right: 0;
}
body main section.propos .contenu .global .bulle2 .clipPath {
position: relative;
width: 100%;
height: 100%;
}
body main section.propos .contenu .global .bulle2 path {
width: 100%;
height: 100%;
position: absolute;
right: 0;
transform: scale(.98) translateX(2px);
}
body main section.propos .contenu .global .bulle3 {
position: absolute;
width: 100%;
height: 100%;
right: 0;
}
body main section.propos .contenu .global .bulle3 .clipPath {
position: relative;
width: 100%;
height: 100%;
}
body main section.propos .contenu .global .bulle3 path {
width: 100%;
height: 100%;
position: absolute;
right: 0;
transform: scale(1.38) rotate(45deg) translate(155px,-330px);
}
body main section.propos .contenu .global .bloc {
max-width: 450px;
width: 100%;
padding-right: 30px;
padding: 85px 0 90px;
}
body main section.propos .contenu .global .bloc .recurrentTitle {
color: #CCA660;
margin-bottom: 60px;
}
body main section.propos .contenu .global .bloc .texte {
margin-bottom: 50px;
}
body main section.propos .contenu .global .bloc .texte strong {
color: #CCA660;
font-weight: 700;
}
body main section.propos .contenu .global .bloc .texte ul {
margin-bottom: 15px;
}
body main section.propos .contenu .global .bloc .texte ul li:before {
content: "-";
position: relative;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
body main section.propos .contenu .global .bloc h3 {
font-weight: 700;
font-family: 'Roboto', sans-serif;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
margin-top: 35px;
}
body main section.propos .contenu .global .owl-carousel {
position: relative;
}
body main section.propos .contenu .global .owl-carousel.active {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active .visuel {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active2 {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active2 .visuel {
height: 960px;
}
body main section.propos .contenu .global .owl-carousel .owl-nav {
position: absolute;
bottom: 0;
left: 0;
}
body main section.propos .contenu .global .owl-carousel .owl-nav button {
padding: 0 10px !important;
}
body main section.propos .contenu .global .owl-carousel .owl-nav button:focus {
outline: none;
}
body main section.propos .contenu .global .owl-carousel .owl-nav button svg {
fill: #fff;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body main section.propos .contenu .global .owl-carousel .owl-nav button svg:hover {
fill: #CCA660;
}
@media (min-width: 1361px) and (max-width: 1500px) {
body main section.propos .contenu {
padding: 120px 0;
}
body main section.propos .contenu:nth-of-type(n+2) {
padding: 0 0 120px;
}
body main section.propos .contenu .text-right .global .bloc {
padding-left: 30px;
}
body main section.propos .contenu .text-right .col-bulle2 .bulle2 path {
transform: scale(.88) translateX(-80px);
}
body main section.propos .contenu .text-right .col-bulle3 .content {
height: 960px;
}
body main section.propos .contenu .text-right .col-bulle3 .bulle3 path {
transform: scale(1.38) rotate(45deg) translate(114px,-290px);
}
body main section.propos .contenu .composant {
position: absolute;
top: -220px;
left: 460px;
z-index: 2;
}
body main section.propos .contenu .visuel {
height: 580px;
}
body main section.propos .contenu .global .col-bulle2,
body main section.propos .contenu .global .col-bulle3 {
width: 50%;
}
body main section.propos .contenu .global .col-bulle2 .bloc,
body main section.propos .contenu .global .col-bulle3 .bloc {
max-width: 100%;
padding: 0 30px;
}
body main section.propos .contenu .global .bulle1 path {
transform: scale(.99);
}
body main section.propos .contenu .global .bulle2 path {
transform: scale(.98) translateX(2px);
}
body main section.propos .contenu .global .bulle3 path {
transform: scale(1.38) rotate(45deg) translate(155px,-330px);
}
body main section.propos .contenu .global .bloc {
padding-right: 30px;
padding: 85px 0 90px;
}
body main section.propos .contenu .global .bloc .recurrentTitle {
margin-bottom: 50px;
}
body main section.propos .contenu .global .bloc h3 {
font-size: 19px;
}
body main section.propos .contenu .global .owl-carousel {
position: relative;
}
body main section.propos .contenu .global .owl-carousel.active {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active .visuel {
width: 1000px;
height: 530px;
}
body main section.propos .contenu .global .owl-carousel.active2 {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active2 .visuel {
height: 960px;
}
}
@media (min-width: 1200px) and (max-width: 1360px) {
body main section.propos .contenu {
padding: 110px 0;
}
body main section.propos .contenu:nth-of-type(n+2) {
padding: 0 0 110px;
}
body main section.propos .contenu .text-right .global .bloc {
padding-left: 30px;
}
body main section.propos .contenu .text-right .col-bulle2 .bulle2 path {
transform: scale(.80) translateX(80px);
}
body main section.propos .contenu .text-right .col-bulle3 .content {
height: 960px;
}
body main section.propos .contenu .text-right .col-bulle3 .bulle3 path {
transform: scale(1.38) rotate(45deg) translate(114px,-290px);
}
body main section.propos .contenu .visuel {
height: 510px;
}
body main section.propos .contenu .global .col-bulle2,
body main section.propos .contenu .global .col-bulle3 {
width: 50%;
}
body main section.propos .contenu .global .col-bulle2 .bloc,
body main section.propos .contenu .global .col-bulle3 .bloc {
max-width: 100%;
padding: 0 30px;
}
body main section.propos .contenu .global .bulle1 path {
transform: scale(.87);
}
body main section.propos .contenu .global .bulle2 path {
transform: scale(.85) translateX(80px);
}
body main section.propos .contenu .global .bulle3 path {
transform: scale(1.38) rotate(45deg) translate(155px,-330px);
}
body main section.propos .contenu .global .bloc {
padding-right: 30px;
padding: 65px 0 70px;
}
body main section.propos .contenu .global .bloc .recurrentTitle {
margin-bottom: 40px;
}
body main section.propos .contenu .global .bloc h3 {
font-size: 18px;
}
body main section.propos .contenu .global .bloc .texte {
margin-bottom: 40px;
}
body main section.propos .contenu .global .owl-carousel {
position: relative;
}
body main section.propos .contenu .global .owl-carousel.active {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active .visuel {
width: 1000px;
height: 480px;
}
body main section.propos .contenu .global .owl-carousel.active2 {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active2 .visuel {
height: 960px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body main section.propos .contenu {
padding: 80px 0;
}
body main section.propos .contenu:nth-of-type(n+2) {
padding: 0 0 80px;
}
body main section.propos .contenu .text-right .global .bloc {
padding-left: 30px;
}
body main section.propos .contenu .text-right .col-bulle2 .bulle2 path {
transform: scale(.68) translateX(360px);
}
body main section.propos .contenu .text-right .col-bulle3 .content {
height: 960px;
}
body main section.propos .contenu .text-right .col-bulle3 .bulle3 path {
transform: scale(1.38) rotate(45deg) translate(114px,-290px);
}
body main section.propos .contenu .visuel {
height: 400px;
}
body main section.propos .contenu .composant {
left: 320px;
}
body main section.propos .contenu .global .col-bulle2,
body main section.propos .contenu .global .col-bulle3 {
width: 50%;
}
body main section.propos .contenu .global .col-bulle2 .bloc,
body main section.propos .contenu .global .col-bulle3 .bloc {
max-width: 100%;
padding: 0 30px;
}
body main section.propos .contenu .global .bulle1 path {
transform: scale(.67);
}
body main section.propos .contenu .global .bulle2 path {
transform: scale(.68) translateX(50px);
}
body main section.propos .contenu .global .bulle3 path {
transform: scale(1.38) rotate(45deg) translate(155px,-330px);
}
body main section.propos .contenu .global .bloc {
padding-right: 30px;
padding: 0;
}
body main section.propos .contenu .global .bloc .recurrentTitle {
margin-bottom: 40px;
}
body main section.propos .contenu .global .bloc h3 {
font-size: 17px;
}
body main section.propos .contenu .global .bloc .texte {
margin-bottom: 40px;
}
body main section.propos .contenu .global .owl-carousel {
position: relative;
}
body main section.propos .contenu .global .owl-carousel.active {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active .visuel {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active2 {
width: 1000px;
}
body main section.propos .contenu .global .owl-carousel.active2 .visuel {
height: 960px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body main section.propos .contenu {
padding: 80px 0;
}
body main section.propos .contenu:nth-of-type(n+2) {
padding: 0 0 80px;
}
body main section.propos .contenu .text-right .global >.row {
flex-direction: column-reverse;
}
body main section.propos .contenu .text-right .global .bloc {
padding-left: 30px;
}
body main section.propos .contenu .text-right .col-bulle2 .content {
position: relative;
top: auto;
transform: none;
right: auto;
}
body main section.propos .contenu .text-right .col-bulle2 .bulle2 path {
transform: scale(.58) translateX(0);
}
body main section.propos .contenu .text-right .col-bulle3 .content {
height: auto;
position: relative;
top: auto;
transform: none;
right: auto;
}
body main section.propos .contenu .text-right .col-bulle3 .bulle3 path {
transform: scale(.67) rotate(0) translate(0,0);
}
body main section.propos .contenu .visuel {
height: 400px;
width: 500px;
}
body main section.propos .contenu .composant {
left: 320px;
}
body main section.propos .contenu .global .col-bulle2,
body main section.propos .contenu .global .col-bulle3 {
width: 100%;
}
body main section.propos .contenu .global .col-bulle2 .bloc,
body main section.propos .contenu .global .col-bulle3 .bloc {
max-width: 580px;
padding: 0;
margin: auto;
}
body main section.propos .contenu .global .bulle1 path {
transform: scale(.67);
left: 0;
margin: auto;
}
body main section.propos .contenu .global .bulle2 path {
transform: scale(.58) translateX(0);
}
body main section.propos .contenu .global .bulle3 path {
transform: scale(.67) rotate(0) translate(0,0);
}
body main section.propos .contenu .global .bloc {
padding-right: 0;
padding: 0;
text-align: center;
margin: auto;
max-width: 580px;
}
body main section.propos .contenu .global .bloc .recurrentTitle {
margin-bottom: 40px;
}
body main section.propos .contenu .global .bloc h3 {
font-size: 20px;
}
body main section.propos .contenu .global .bloc .texte {
margin-bottom: 0;
}
body main section.propos .contenu .global .bloc .cta {
margin: 40px auto 0;
}
body main section.propos .contenu .global .owl-carousel {
position: relative;
margin: 50px auto 0;
text-align: center;
max-width: 500px;
width: 100%;
}
body main section.propos .contenu .global .owl-carousel.active {
width: 100%;
max-width: 700px;
}
body main section.propos .contenu .global .owl-carousel.active .visuel {
width: 635px;
height: 350px;
margin: auto;
}
body main section.propos .contenu .global .owl-carousel.active2 {
width: 100%;
max-width: 700px;
}
body main section.propos .contenu .global .owl-carousel.active2 .visuel {
height: 400px;
width: 500px;
margin: auto;
}
}
@media (max-width: 767.98px) {
body main section.propos .contenu {
padding: 40px 0;
}
body main section.propos .contenu:nth-of-type(n+2) {
padding: 0 0 40px;
}
body main section.propos .contenu .text-right .global >.row {
flex-direction: column-reverse;
}
body main section.propos .contenu .text-right .global .bloc {
padding-left: 30px;
}
body main section.propos .contenu .text-right .col-bulle2 .content {
position: relative;
top: auto;
transform: none;
right: auto;
}
body main section.propos .contenu .text-right .col-bulle2 .bulle2 path {
transform: scale(.25) translateX(0);
}
body main section.propos .contenu .text-right .col-bulle3 .content {
height: auto;
position: relative;
top: auto;
transform: none;
right: auto;
}
body main section.propos .contenu .text-right .col-bulle3 .bulle3 path {
transform: scale(.37) rotate(0) translate(0,0);
}
body main section.propos .contenu .visuel {
height: 260px;
width: 280px;
margin: auto;
}
body main section.propos .contenu .composant {
left: 320px;
}
body main section.propos .contenu .global .col-bulle2,
body main section.propos .contenu .global .col-bulle3 {
width: 100%;
}
body main section.propos .contenu .global .col-bulle2 .bloc,
body main section.propos .contenu .global .col-bulle3 .bloc {
max-width: 100%;
padding: 0;
}
body main section.propos .contenu .global .bulle1 path {
transform: scale(.37);
left: 0;
margin: auto;
}
body main section.propos .contenu .global .bulle2 path {
transform: scale(.25) translateX(0);
}
body main section.propos .contenu .global .bulle3 path {
transform: scale(.37) rotate(0) translate(0,0);
}
body main section.propos .contenu .global .bloc {
padding-right: 0;
padding: 0;
text-align: center;
margin: auto;
max-width: 580px;
}
body main section.propos .contenu .global .bloc .recurrentTitle {
margin-bottom: 30px;
}
body main section.propos .contenu .global .bloc h3 {
font-size: 20px;
}
body main section.propos .contenu .global .bloc .texte {
margin-bottom: 0;
}
body main section.propos .contenu .global .bloc .cta {
margin: 30px auto 0;
}
body main section.propos .contenu .global .owl-carousel {
position: relative;
margin: 30px auto 0;
text-align: center;
max-width: 500px;
width: 100%;
}
body main section.propos .contenu .global .owl-carousel .owl-nav {
margin: auto;
right: 0;
}
body main section.propos .contenu .global .owl-carousel.active {
width: 100%;
max-width: 700px;
}
body main section.propos .contenu .global .owl-carousel.active .visuel {
width: 275px;
height: 150px;
margin: auto;
}
body main section.propos .contenu .global .owl-carousel.active2 {
width: 100%;
max-width: 700px;
}
body main section.propos .contenu .global .owl-carousel.active2 .visuel {
height: 260px;
width: 280px;
margin: auto;
}
}